/* -------------CSS THEME: CPQ Cloud----------------- */
/* ---------------Default Stylesheet ---------------------- */

html {
    height: 100%;
}

body {
    margin:0 auto;
    max-width: 1600px;
    min-width:390px;
    background: #FFFFFF;
    min-height: 100%;
}

body.admin-home-page{
    background: #ffffff;
}

body.model-config {
    background: #FFFFFF;
}

body, td, p { 
    text-decoration: none; 
    color: #444444; /* Primary Text Color */
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 7.9pt;
}

a {
    text-decoration: none;
}

.main-pane{
    background-color: #FFFFFF;
}

.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;
}

.help-popup,
.pricebook-constraint {
    position: absolute;
    padding: 8px;
    background-color: #C3DDE3; /* Accent Color */ 
    border: 1px solid #4B626C; /* Tertiary Color */
    border-radius: 4px;
    float: left;
    max-width: 300px;
    max-height: 200px;
    overflow: auto;
    opacity: 0;
    -moz-box-shadow: 3px 3px 6px #999999;
    -webkit-box-shadow: 3px 3px 6px #999999;
    box-shadow: 3px 3px 6px #999999;
    -webkit-transition: opacity 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s;
    transition: opacity 0.2s ease 0s;
}

.column {
    white-space: nowrap;
}

/* 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;
}

/* --- Admin Area Customizations --- */
.bmTooltip {
    position: absolute; 
    display:none; 
    border: solid 1px #999999; 
    background-color: #F0F0F0;
    padding: 5px;
}

/* top bar properties */

.display-block {
    display:block;
}

#top-bar-wrapper { 
    background-color: #FFF;
    border-bottom: 0 solid #CCCCCC;
    border-radius: 15px 15px 0 0;
    padding: 5px;
} 

#content-wrapper { 
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 15px 15px 0 0;
    margin: 0 auto!important;
    padding: 0;
} 

#bottom-bar-wrapper,
#content { 
    background-color: #FFFFFF;
} 

.admin-home-page #content {
    border-width: 0;
    margin-bottom: 0px !important;
    padding: 10px 0 0 0 !important;
}

.admin-home-page .page-content{
    border: 0px solid #FFFFFF;
}

.page-content{
    background-color: #FFFFFF;
    border: 0px solid #FFFFFF;
}

.top-bar { 
    background-color: #FFF;
    color: #003366; 
    /*font-size : 14px;*/
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-weight: bold; 
    font-style: normal;  
} 

.top-bar:link, .top-bar:visited { 
    background-color: #F0F0F0;
    color: #003366; 
    font-size : 12px;
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-weight: bold; 
    font-style: normal;
} 

a.top-bar:hover{
  text-decoration: underline;
}

/* for top bar and folder tabs*/ 
a.top-bar:hover, a.top-bar:visited:hover { 
    color: #003366; /* Primary Link Color */
}

.top-bar-on, .top-bar-on:link, .top-bar-on:visited { 
    background-color: #F0F0F0; 
    color: #003366; 
    font-size : 9pt;
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-weight: bold;
    font-style: normal; 
}

/* for SELECTED folder tab*/ 
a.top-bar-on:hover, a.top-bar-on:visited:hover { 
    color: #003366; /* Primary Link Color */
}

/* bottom bar properties */
.bottom-bar, .bottom-bar:link, .bottom-bar:visited { 
    background-color: #FFFFFF;
    color: #003366; 
    font-size : 9pt;
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    text-align : right;
    font-style: normal;
    font-weight: 400;
    padding: 0 5px;
}

td.bottom-bar {
    border-top: 1px solid #CCCCCC;
}

td.bottom-bar .bottom-bar,
.top-bar .bottom-bar {
    border: 0 solid #FFFFFF;
}

a.bottom-bar,
a.bottom-bar:hover, 
a.bottom-bar:visited:hover { 
    color: #003366; /* Primary Link Color */
  text-decoration: underline;
}

.top-bar, 
.top-icon-bg-color,
.top-left-icon {
    background-color: #FFFFFF;
}
.admin-home-page .top-bar,
.admin-home-page .top-icon-bg-color,
.admin-home-page .top-left-icon {
    background-color: #F0F0F0;
}

.top-icon-bg-color img,
.top-left-icon img,
.top-bar img,
.bottom-bar img{
    display: none;
}

/* sidebox bar properties */
.sidebox-bar { 
    background-color: #364659; /* Primary Color */
    color: #FFFFFF; 
    font-size : 10pt; 
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-weight: bold; 
}    
/* Popups */
.popup {
    position: fixed;
    left: 50%;
    top: 100px;
    z-index: 999;
}

.popup.modal {
    z-index: 1002;
}

.popup-header {
    padding: 15px 22px 6px 6px;
}

.popup-title,.popup-header img {
    vertical-align: middle;
}

.popup-content {
    padding: 16px 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-footer .button-middle img {
    display: none;
}

.popup-footer .ok-button a {
    padding: 0 5px 0 22px;
    background: url("image/Icons/icon-check.png") no-repeat 0 50%;
}

.popup-footer .cancel-button a {
    padding: 0 5px 0 22px;
    background: url("image/Icons/icon-cancel.png") no-repeat 0 50%;
}
.popup-footer .cancel-button .button-middle {
    background: #990000!important;
}

.popup-header {
    background: #CCCCCC; /* Tertiary Color */
    border: none;
}
  
.popup-header .popup-title {
    color: #666666;
    font-weight: bold;
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 14px;
    margin-left: 5px;
}
  
.popup-content {
    border-width: 10px 0 !important;
    border: solid #cccccc; /* Primary Color */
    background-color: #fff;
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 12px;
  padding: 20px 10px 30px 10px;
}
  
.popup-footer {
    border: 1px solid #cccccc; /* Primary Color */
    border-top: none;
    background-color: #cccccc; /* Primary Color */
}
  
.popup-form .field-label {
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 8pt; 
    color: #333333; 
    font-weight: bold; 
    text-align: left; 
}
  
.popup-form .error .field-label {
    color: #FF0000; 
    font-style: normal; 
    font-weight: 400; 
}

.popup-close {
    height: 15px;
    width: 15px;
    position: absolute;
    top: 4px;
    right: 4px;
    background-image: url(/img/gxt/tool-sprites-gray.gif);
    overflow: hidden;
}


/* Panels */
.panel .panel-tc, 
.panel .panel-tl, 
.panel .panel-tr, 
.panel .panel-mr, 
.panel .panel-ml, 
.panel .panel-bc, 
.panel .panel-bl,
.panel .panel-br {
    background: #FFFFFF!important; /* Secondary Color */
    border: 0 solid #ffffff!important; /* Secondary Color */
}

.panel {
    border: 0 solid #DDDDDD!important;
    box-shadow: 0 3px 3px rgba( 0, 0, 0, 0.1);
    border-radius: 2px;
}

.panel .panel-heading {
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif !important; /* Primary Font */
    font-size: 14px!important; 
    font-weight: bold;
    color: #555555!important;
}

.panel-body {
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 12px; 
    color: #555555; /* Primary Text Color */
}

.panel.collapsible span.panel-heading{    
    background: url("image/Icons/arrow-collapse.png") no-repeat scroll 0 6px transparent;
    padding-left: 15px;
}

.panel-collapsed span.panel-heading{    
    background: url("image/Icons/arrow-expand.png") no-repeat scroll 0 6px transparent !important;
    padding-left: 15px;
}

.toggle-panel {
    display:none!important;
}

/* ------- Config -------*/

/* Creates fixed width, centered content in Config*/
.body-inner {
    margin-left: auto;
    margin-right: auto;
    border: solid #999999 0px; 
    background: #ffffff;
   /* box-shadow: 2px 5px 10px #999999;
   -o-box-shadow: 2px 5px 10px #999999;
   -webkit-box-shadow: 2px 5px 10px #999999;
   -moz-box-shadow: 2px 5px 10px #999999;*/
}


/* Attribute Label Properties */
.required .attribute-label,
.attribute-label {
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif !important;
    font-size: 10pt !important;
    color: #444444 !important; /* Primary Text Color -- Overriden to Black*/
}

.attribute-label-container {
    /*   Mark Egeland - 4/2/2015 Commented out to fix CSS issue in config, label's wrapping and not extending beyond 50%  
    width:250px!important;*/
    width:250px;
}

/* Required Attribute Label Properties */
.required .attribute-label {
    font-style: bold !important;
}

/* Group Header Label Properties */

.model-config .group-header {
    font-size: 16px; 
    color: #444444;
    font-weight: bold;
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
    background-color: #ffffff;
    border-bottom: 1px solid #CCCCCC;
    line-height: 26px;
}
.model-config  .group-header:hover{
    color: #003366;
    background-color: #FFFFFF;
}
.model-config  .group-inner {
    border-top: 1px solid #CCCCCC !important;
    margin-top: -5px !important;
}

/* Adds arrow icon to indicate collapsable groups within config */
.model-config  .group-content .group-header span{
   padding-left: 18px;
   background: url("image/Icons/arrow-collapse.png") no-repeat 0 50%;
}

.model-config  .group-content.collapsed .group-header span{
   padding-left: 18px;
   background: url("image/Icons/arrow-expand.png") no-repeat 0 50%;
}

/* Array Table Properties */
.array {
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    border-collapse: separate;
}

.array-wrapper {
    overflow: auto;
    position: relative;
    margin: 1px; /*Original margin: 8px;*/
}

.array td {
    background-color: #FFFFFF;
}

.array thead th {
    border: #AAAAAA solid 1px; /* Primary Color */
    background: #CCCCCC; /* Secondary Color */
    height: 18px;
    color: #000000;
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-weight: 400; 
    font-size: 11pt;
    line-height: 16px;
}

.array td, .array th {
    border: solid #AAAAAA;
    border-width: 0 0 1px 0px;
    background-color: #fff;
    padding: 3px 6px;
    vertical-align: middle;
}

.array .constrained-row td, .array .constrained-row th,
.array .recommended-row td, .array .recommended-row th,
.array .previous-value-row td, .array .previous-value-row th {
    border-bottom-color: #aaa;
}

.array tr td.recommended,
.array tr td.constrained,
.array tr td.previous-value {
    background-color: #fff8e5;
    border: solid #aaa;
    border-width: 3px 0 0 1px;
}

.array td.recommended + td,
.array td.constrained + td,
.array td.previous-value + td {
    border-left: 1px solid #aaa;
}

.array th[scope=row],
.vertical-array th {
    text-align: left;
}

.vertical-array th[scope=row],
.vertical-array .array-remove-cell {
    width: 1px;
}

.array-add, 
.array-remove {
    text-indent: -9999px;
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: transparent center center;
}

.horizontal-array .array-remove {
    float: right;
    margin-left: -16px;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease 0s;
    -moz-transition: opacity 0.1s ease 0s;
    -o-transition: opacity 0.1s ease 0s;
    transition: opacity 0.1s ease 0s;
}

.horizontal-array th:hover .array-remove {
    opacity: 1;
}

.array tr.selected th,
.array tr.selected td {
    background-color: #C3DDE3;
}


.array .even td, 
.array .even th {
    background-color: #EFEFEF!important;
}

.array tr td.previous-value {
    border-top-color: #AAAAAA;
}

.array tr td.recommended {
    border-top-color: #0000FF;
}

.array tr td.constrained {
    border-top-color: #FF0000;
}

/* Custom Tabs */
/* ------------------------------------------------------ */
.tab-content {
    border:0px;
}

ul.tab-strip {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #999999!important; /* Secondary Color */
    padding: 0 0 0 4px;
    margin-bottom: 10px;
}

.tab-inner, 
.tab-right {
    background: none repeat scroll 0 0 transparent !important;
}

.tab-strip li{ 
    margin-bottom: -1px; 
    padding: 0 2px;
}
.model-config .column {
    white-space: normal;
}

.tab-strip a.tab-left {
    background: none repeat scroll 0 0 transparent;
    border-radius: 5px 5px 0 0;
}

.tab-strip .tab-text {
    padding: 0px;
    color: #666666; /* Primary Text Color */
    font-size: 12px;
    font-weight: bold;
}

.tab-strip .tab-text,
.tab-strip a.tab-left {
    height: 28px;
    line-height: 28px;
}

.tab-strip .tab-left{
    border: #999999 solid 1px; /* Secondary Color */
    background: none repeat scroll 0 0 #F0F0F0!important;
}

.tab-strip .tab-active a.tab-left,
.tab-strip .tab-active a.tab-left:hover{ 
    border-bottom-color: #ffffff;
    border-style: solid;
    background: none repeat scroll 0 0 #FFFFFF!important;
}

.tab-strip a.tab-left:hover { 
    background: #FFFFFF !important; /* Accent Color */
}

.tab-strip a.tab-left:hover .tab-text { 
    color: #003366; /* Primary Link Color */
}
.tab-strip .tab-active a.tab-left .tab-text,
.tab-strip .tab-active a.tab-left:hover .tab-text{
    color: #003366;
}

/* Buttons */
/* ------------------------------------------------------ */

/* Hide Button Images
.button-middle a img {
    display: none;
}

.button-middle a {
    padding: 0!important;
}
     Hide Button Images end */
     
     
/* Format Button Images */
.button-middle a img {
    margin: -8px 0 0 2px; /* The top margin is minus half height of the image (16px). */
    position: absolute;
    top: 50% !important;
}

.button-middle a {
    padding: 0 0 0 0px;
    background-position: 0 center;
    background-repeat: no-repeat;
}

.add-row-btn .button-middle a {
    background-image: url("image/Icons/icon-plus.png");
    padding-left: 20px;
}
/* Format Button Images  end*/

/* Format General Buttons */
.button-left, .button-right { 
    display: none!important; /* hide button sides used in original table buttons */
} 
 
 td.button-middle { 
    background: #eaeaea;
    background-image: none;
    border: 1px solid #999999;
    display: block;
    position: relative;
    -moz-border-radius: 5px;    
    -webkit-border-radius: 5px;  
    border-radius: 5px;
    height: 26px;
    margin: 0px;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .25);
}

.button-middle a {
    outline: none;
    -moz-outline-style: none;
    margin: 0 8px;
    text-align: center; 
    font-family: Arial,sans-serif !important; /* Primary Font */
    font-size: 12px!important;
    font-weight: 400 !important; /* Gibran - 30 Jul 2015 */
    color:#333333; 
    line-height: 26px;    
    display: block;
}

td.button-middle:active a{
    margin: 0 8px!important;
}

.button-middle div { 
    margin: 0!important;  /*overrides .js inline click movement */
    padding: 0!important;
} 

.button-text, .button-text:link, .button-text:visited {
    position: relative;
    top: 0;
}

.button-middle:hover a{
    color: #003366;
}

td.button-middle:active { 
    background-color: #eaeaea;
    border: 1px solid #999999;
} 

/*Format General Buttons end */

/*Format Commerce and Config Buttons */
#sticky-actions td.button-middle,
.bm-actionstrip-horiz td.button-middle { 
    background: #E4E8EA;
    background-image: none;
    border: 1px solid #C4CED7;
    height: 30px;
    margin: 0;
}

#sticky-actions  .button-middle a,
.bm-actionstrip-horiz  .button-middle a {
    margin: 0 8px;
    font-family: Arial,sans-serif !important; /* Primary Font */
    font-size: 12px!important;
    font-weight: 400!important;
    color:#555555; 
    line-height: 30px;   
}

#sticky-actions .button-middle:hover a,
.bm-actionstrip-horiz .button-middle:hover a{
    color: #197DD2;
}

#sticky-actions .button-middle:active a,
.bm-actionstrip-horiz .button-middle:active a{
    margin: 0 8px!important;
}

#sticky-actions .button-middle:active ,
.bm-actionstrip-horiz .button-middle:active { 
    background-color: #E4E8EA;
    border: 1px solid #197DD2;
} 


/* Actionstrip Fixes */
/* ------------------------------------------------------ */
.button-bar {
    margin: -10px -10px  10px -10px !important;
    padding: 0!important;
    height: 35px;
}

#sticky-actions .floating,
.bm-actionstrip.fixed, .bm-actionstrip.floating {
    border: solid #FFFFFF 0px!important; 
    background: #FFFFFF!important;
    padding: 3px 0;
    margin: 0;
}

#sticky-actions .bm-actionstrip-horiz,
#sticky-actions .bm-actionstrip-horiz.floating {
    background: #FFFFFF !important;
    border: solid #FFFFFF 0 !important; 
    padding: 3px 0;
    margin: 0;
}

#sticky-actions .bm-actionstrip-horiz.floating {
    border-bottom: 1px solid #999999 !important;
   /*& -moz-box-shadow: 0 5px 5px #999999;
    -webkit-box-shadow: 0 5px 5px #999999;
    box-shadow: 0 4px 4px 0px rgba(0, 0, 0, .25);*/
}

.grand-total-container {
    color: #333333;
}

/* Pipeline Viewer */
/* ------------------------------------------------------ */

#pipeline-viewer-opener {
    background-color: transparent;
    text-align: right;
}

#pipeline-viewer-opener a{
    color: #FFFFFF; /* Secondary Color */
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
}

/* Commerce */
/* ------------------------------------------------------ */

/* sets the commerce content area formatting */
#document-form {
    border: solid #FFFFFF 0; 
    background: #ffffff;
    margin-bottom:20px;
 /*   box-shadow: 2px 5px 10px #999999;
   -o-box-shadow: 2px 5px 10px #999999;
   -webkit-box-shadow: 2px 5px 10px #999999;
   -moz-box-shadow: 2px 5px 10px #999999;
    padding: 0px;
    margin:0px 0px;
    min-width:980px; */
}

#cm-manager-content .x-grid3-hd-row td {
    border: 0 0 1px 0 !important;
    border-bottom: 0 solid #FFFFFF !important;    
}

#cm-manager-content .x-grid3-row{
    border: 0 solid #CCCCCC;
}

#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: 0 0 1px 0 !important;
    border-bottom: 1px solid #FFFFFF !important;    
    padding-top: 0;
    cursor:auto;
}
#cm-manager-content .x-grid3-hd-inner {
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; 
    color: #333333; 
    font-size: 8pt; 
    background-color: #EEEEEE;
    font-weight: bold; 
    padding-left: 3px;  
    text-align:left;
    vertical-align: middle;
}
.rowBorder {
    border: 0;
}

#cm-manager-content .x-grid-group-hd div { 
    background:none;
    padding : 0;
    cursor:auto;
    font-weight: bold; 
    font-style: normal;
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; 
}
    
.cm-group-tab {
    background: transparent;
}

.cm-group-tab ul {
    font-family: Arial,Sans-Serif !important; 
    font-size : 8pt !important;
    font-weight: bold !important; 
    font-style: normal !important;
}

.cm-group-tab li {
    background: #999999 url(/img/gxt/rounded_gradient-tab-inner.png) repeat-x scroll 0 -1px;
}


.cm-group-tab a {
    color: #FFFFFF;
    background: transparent url(/img/left_top_tab8x20.gif) no-repeat left top;
}

.cm-group-tab a span {
    background: transparent url(/img/right_top_tab8x20.gif) no-repeat right top;
    padding: 6px 8px 3px 7px;
}

#cm-manager-content .x-grid3-cell-inner {
    color: #333333; 
    font-size: 8pt; 
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; 
}

#cm-manager-content .x-grid3-row-alt {
    background-color: #F0F0F0;
}
#cm-manager-content .x-grid3-hd-over .x-grid3-hd-inner, 
.sort-desc .x-grid3-hd-inner, 
.sort-asc .x-grid3-hd-inner, 
.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background: #EEEEEE repeat-x scroll left bottom; 
}

#cm-manager-content .x-grid3-row-selected {
    background-color: #EEEEEE;
}
#cm-manager-content .hover {
    background-color: #F0F0F0; /* Accent Color */ 
}
#cm-manager-content .x-grid3-row-selected.hover {
    background-color: #EEEEEE;
}

#cm-manager-content .x-grid3-header {
    background-color: #EEEEEE;
    color: #333333; 
}

/* --- LISTS --- */
/* ------------------------------------------------------ */
/* .list-label, .list-label:link, .list-label:visited { 
    background-color: #FFFFFF;
    color: #696969; 
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; 
    font-size: 12px; 
    border: 0px solid #666666;
    font-weight: bold;
} */

.list-label, .list-label:link, .list-label:visited { 
    background-color: #EEEEEE;
    color: #333333; 
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 12px; 
    border: 0 solid #666666;
    font-weight: bold;
}
tr.view-header .list-label, 
tr.view-header .list-label:link, 
tr.view-header .list-label:visited {
    background-color: #EEEEEE;
    color: #333333; 
}

a.list-label:hover, a.list-label:visited:hover { 
    background-color: #EEEEEE;
    color: #333333; 
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 12px; 
    border: 0 solid #666666;
    font-weight: bold;
    text-decoration: underline;
}

.list-label.col-part_number {
    text-align: left;
}

.list-label.col-description {
    text-align: left;
}

.list-field { 
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 8pt; 
    color: #444444; /* Primary Text Color */
}

.form-input-selected, 
.bgcolor-list-even-selected, 
.bgcolor-list-odd-selected {
    background-color: #f0f0f0; 
} 

.adv-grid-row:hover,
.line-item-grid-wrapper .line-item-hover,
.form-input-mouseover, 
.bgcolor-list-even-mouseover, 
.bgcolor-list-odd-mouseover {
    background-color: #F9F9F9 !important;
} 

.bgcolor-list-even{
    background-color: #F9F9F9;
    height: 20px;
}

a.col-part_number:hover, 
a.col-part_number:visited:hover 
.toggle-search a:hover, 
.toggle-search a:visited:hover,
a.list-field:hover, 
a.list-field:visited:hover,
a.list-field-new:hover, 
a.list-field-new:visited:hover { 
    color: #003366; /* Primary Link Color */
}

.toggle-search a,
.list-field:link, 
.list-field:visited,
.list-field-new, 
.list-field-new:link, 
.list-field-new:visited { 
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 8pt; 
    color: #003366; /* Primary Link Color */
    text-decoration: underline; 
}

.auto-update-highlight {
    background-color: #C3DDE3; /* Accent Color */ 
    background-image: none;
}

.empty-link {
    font-style: italic; 
    /** For empty links in commerce manager grid. **/
}

/* --- Search Parts Page ---*/
/* ------------------------------------------------------ */
#search-results-header {
    border-color: #666666;
    border-style: solid;
    border-width: 0 0 2px 0;
}

#search-results-list {
    margin: 25px auto 0 auto !important;
}
#search-results-list table,
table.adv-grid {
    border: 1px solid #666666 !important;
    width: 925px;
}

.adv-parts-options {
    border-top: 1px solid #666666 !important;
}

#search-results-list table th,
#search-results-list table td,
td.adv-grid -cell{
    border: solid #CCCCCC !important;
    border-width: 0 0 1px 0 !important;
}

/* Line Item Grid */
/* ------------------------------------------------------ */

#line-item-grid tr.parent-line-item > td { 
    border-width: 0 0 1px 0;
}

#line-item-grid .parent-line-item:hover td { 
    background-color: #ffffff; /* Accent Color */ 
}

#line-item-grid td {
    border: solid #CCCCCC;
    border-width: 0 0 1px 0 !important;
    padding: 3px 3px;   
}

#line-item-grid .child-line-item td{
    background-color: #FFFFFF !important;    
}

.child-line-item:hover td {
    background-color: #FFFFFF; /* Accent Color */ 
}

#line-item-grid td td, 
#line-item-grid th td {
    border: none;
    padding: 3px 3px;
}

#line-item-grid .action-icon-bar div {
    padding: 0;
    margin-top: 3px;
    height: 12px;
}

#line-item-grid { 
    border-collapse: collapse; 
    border: #FFFFFF solid 0 !important; /* Primary Color */
}

.line-item-grid-header th { 
    padding: 4px 4px; 
    border: #FFFFFF solid 1px!important;
    border-bottom: #FFFFFF solid 1px!important;
    background: #EEEEEE!important; /* Primary Color */
    color: #333333!important;
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif !important;
    font-weight: bold !important;
    /* Edited by Mark Egeland 10/22/14  */
    /* Word wrap on line item grid      */
    line-height: auto;
    white-space:normal;
    /*********************************************/
}

.line-item div div {
    line-height: 24px;
}

.line-item .boolean-wrapper-inner{
    margin-top: 3px;
}

.line-item .text-wrapper-inner {
    margin-top: 1px;
}

.line-item-grid-footer th { 
    border-top: 1px solid #D3DBE4 !important; 
    border-bottom: 1px solid #D3DBE4 !important; 
    padding: 5px 5px; 
    color: #666666 !important; /* Primary Text Color */
    font: normal bold 1em/100% Helvetica, sans-serif;
}

.checker{ 
    text-align: center;
}

.checker input {
    margin-top: 7px;    
}

.line-item-grid-wrapper .child-line-item .checker input {
    float: right;
    margin-left: 26px;
}

#line-item-grid .line-item-show .reorder-icon {
    left: inherit;
    position: relative;
    width: 6px;
    margin-top: 1px;
}

.line-item-grid-wrapper .line-item .collapsible,
.line-item-grid-wrapper .line-item .collapsible.collapsed {
    position: relative;
    float: left;
    margin: 6px 0 0 -1px;           
    cursor: pointer;
    height: 13px;
    width: 13px;
    background-position: center center !important;
}

/*  --- GENERAL TEXT --- */
/* ------------------------------------------------------ */
.general-text { 
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 8pt; 
    color: #555555; /* Primary Text Color */
}
a.general-text:link, a.general-text:visited { 
    text-decoration: underline; 
    color: #003366; /* Primary Link Color */
}
a.general-text:hover, a.general-text:visited:hover { 
    color: #003366; /* Primary Link Color */
}

.tree:link, .tree:visited { 
    color: #003366; /* Primary Link Color */
    font-size: 8pt; 
}
a.tree:hover, a.tree:visited:hover { 
    color: #003366; /* Primary Link Color */
    font-size: 8pt; 
    text-decoration: underline; 
}

.qs_header {
    border-bottom: 1px solid #666666!important;
    margin: 0 0 10px 5px;
}

.qs_header span{
    font-size: 14px!important; 
    color: #000000!important;
    font-weight: bold!important;
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif !important;
    margin-left: -12px; 
}

/* --- VIEW / FORM --- */
/* ------------------------------------------------------ */
form {
    background:#FFFFFF;
}

.view-header, .form-header { 
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 12px; 
    background-color: #EEEEEE;
    color: #333333; 
    font-weight: bold; 
    padding-left: 3px;  
}

tr.view-header td.list-label{
    border-bottom: 1px solid #FFFFFF;
}

.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, 
.cfg-image-menu {
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 10pt; 
    color: #444444; /* Primary Text Color */
    font-weight:normal;
}
.view-text-number, 
.form-input-number {  
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    text-align: right; 
    font-size: 8pt; 
    color: #444444; /* Primary Text Color */ 
}    
.view-text:link, 
.view-text:visited { 
    color: #003366; /* Primary Link Color */
}
a.view-text:hover, 
a.view-text:visited:hover { 
    color: #003366; /* Primary Link Color */
    text-decoration: underline; 
}
.view-label, 
.form-label, 
.form-item label { 
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 9pt; 
    color: #444444; /* Primary Text Color */
    font-weight: 400; 
    text-align: left;
} 

.view-label-200px { 
    font-size: 8pt; 
    font-weight: bold; 
    color: #444444; /* Primary Text Color */
    padding-left: 1px; 
    width: 200px;
}
.view-number { 
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif; /* Primary Font */
    font-size: 8pt; 
    color: #444444; /* Primary Text Color */
    text-align: right; 
}

/*  Pagination */
/* ------------------------------------------------------ */
.column .paging-tools { 
    text-align: center; 
    font-size: 12px; 
}

.paging-tools { 
    margin-top: 15px; 
}

div.paging-tools span { 
    visibility: hidden; 
    padding: 0; 
} 

.paging-tools .first-page,
.paging-tools .prev-page,
.paging-tools .paging-status,
.paging-tools .next-page,
.paging-tools .last-page { 
    visibility: visible; 
}
.paging-status { 
    margin: 0 10px 0 6px; 
}
.paging-tools .paging-tool-disabled {
    color: #BBBBBB!important;

}
.paging-tools span a {
    padding: 3px 6px;
    text-decoration: none;
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif !important; /* Primary Font */
    color: #333333; /* Primary Text Color */
    -moz-border-radius: 5px;    
    -webkit-border-radius: 5px;  
    border-radius: 5px;
    -webkit-background-clip: padding-box; /* Fixes border bleed in webkit */
    background-clip: padding-box !important;
    -moz-background-clip: padding !important;
    border: solid #999999 1px; /* Button Color */
    background: #EAEAEA;
    font-weight: bold;
    font-size: 12px;
}
.paging-tools span a:hover { 
    background-color: #EAEAEA;
    border-color: #999999;
    color: #003366; /* Primary Link Color */
}
.paging-tools span a:active { 
    background-color: #EAEAEA; 
    background-position: 0 -310px; 
}


/*  Customizations */
/* ------------------------------------------------------ */
.custom-html-label {
  color: #444;          /*#003366;*/
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
}

.custom-error-message {
    color: #FF0000;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
}

.custom-cxbundle-message {
    color: #00529B;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
}

/* NOTIFICATIONS */


.notification, .success, .warning, .error {
    border: 1px solid;
    margin: 10px 0;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.notification {
    color: #00529B;
    background-color: #BDE5F8;
    white-space: normal;
    /*background-image: url('info.png');*/
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    /*background-image:url('success.png');*/
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    /*background-image: url('warning.png');*/
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    /*background-image: url('error.png');*/
}


/* Custom Payment Button */
#findPaymentTableTotal {
    cursor: pointer;
    background: #eaeaea;
    background-image: none;
    border: 1px solid #999999;
    margin: 0;
    white-space: normal;
    margin-right: 3px;
    margin-bottom: 3px;
    vertical-align: top;
    padding: 8px;
    margin-top: 10px;
    display: inline-block;
}

/* Custom Rate Cards Button */
#applyDiscount {
    cursor: pointer;
    background: #eaeaea;
    background-image: none;
    border: 1px solid #999999;
    margin: -75px 2px 14px -269px;
    white-space: normal;
    vertical-align: top;
    padding: 3px;
    display: inline-table;
}
#radioDiscount {
    margin: -53px 2px 14px -175px;
    white-space: normal;
    vertical-align: top;
    padding: 3px;
    display: inline-table;
}

/*[name='worstCaseColumnsRateCards_l']:checked ~ #discountQuantity {
top: -75px;
position: relative;
}*/

#discountQuantity {
top: -75px;
position: relative;
}


#custom-payment-table {
    white-space: normal;
}

/* Field validations */

input:invalid {
    background: #fff0f0;
    border-color: #FA7373;
    color: #d95c5c;
    outline: 0;
}

#tierDelete{
    background-image: url('image/Icons/icon-trash.png');
    background-size: auto;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}

#optionalTiers {
    cursor: pointer;
    background: #eaeaea;
    background-image: none;
    border: 1px solid #999999;
    margin-top: 1px;
    margin-bottom: 5px;
    white-space: normal;
    vertical-align: top;
    padding: 3px;
    display: inline-block;
}

/*   Asset Table Column Widths   
     3-12-2015  Mark Egeland
*/
.asset-table-cancel {
    max-width: 60px;
}
.asset-table-status {
    max-width: 70px;
    white-space: normal;
}
.asset-table-partnum {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.asset-table-qty {
    text-align: center;
}
.asset-table-description {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.asset-table-description:hover {
  visibility: visible !important;
  white-space: normal !important;
}
.asset-table-date {
    max-width: 60px;
    text-align: left !important;
}
.asset-table-price {
    min-width: 50px;
    text-align: right !important;
}
.assetTableButtonRow {
    text-align: center;
}
.assetTableButtonDiv {
    display: block;
}
.launchConfigFromAssetTable {
    display: inline-block;
}
.cancelAndReplaceButton {
    display: inline-block;
}
.asset-table {
    border: 1px solid rgb(204, 204, 204) !important;
    border-collapse: collapse !important;
    margin-bottom: 20px;
    min-width: 915px;
}
.asset-table table th td {
    border-collapse: collapse !important;
}
.asset-table th label {
    font-size: 11px !important;
    font-weight: bold !important;
}
.asset-table th {
  -moz-border-bottom-colors: none !important;
  -moz-border-left-colors: none !important;
  -moz-border-right-colors: none !important;
  -moz-border-top-colors: none !important;
  background-color: #f3f4f8 !important;
  border-bottom: 1px solid #cccccc;
  border-image: none !important;
  border-left: medium none !important;
  border-right: medium none !important;
  border-top: medium none !important;
  padding: 3px 6px;
}
.asset-table td {
  padding: 10px 6px;
}
.asset-table td.button-middle {
  padding: 0;
}
.array .even td {
  background-color: #f8fdff !important;
}

/* Cancel Dropdown Button  */
li.button-middle {
  cursor: pointer;
  background: #eaeaea none repeat scroll 0 0;
  border: 1px solid #999999;
  border-radius: 5px;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
  height: 26px;
  margin: 0 1px;
  display: inline-block;
}
.dropdown .dropdown-menu {
  cursor: default;
  list-style: outside none none;
  background-color: rgba(255, 255, 255, 0.56);
  border: 1px solid #a9a66a;
  border-radius: 3px;
  margin: 0;
  margin-top: 3px;
  padding: 2px;
  position: absolute;
  display: none;
  z-index: 2;
}
.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown a{
  cursor: pointer;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */   
}
.cancelAndReplaceButton .dropdown-menu {
  left: -49px;
}

/* Disabled Line Item Dates */
input[readOnly] ,div[readOnly]{
    background: none !important;
    border: 0 none !important;
}

/* Q Table Styles */
#q-request-status-table {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #aaa;
    border-collapse: collapse;
    display: inline-table;
}
.q-request-status {
    border: 1px solid #aaa;
    color: #333333 !important;
    font-family: Arial,sans-serif !important;
    padding: 4px;
}
.q-request-status {
    border: 1px solid #aaa;
    padding: 3px;
}
.q-request-status th{
    background: none repeat scroll 0 0 #eeeeee !important;
    font-weight: bold !important;
}
.q-request-status-odd {
  background: #fff none repeat scroll 0 0;
}
.q-request-status-even {
  background: #cec none repeat scroll 0 0;
}

/* DAS Approval Flow */
.approval-container {
  font-family: Helvetica;
  margin-left: -100px;
  padding: 0 50px 10px;
}
#approvalsContainer > table {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  border-collapse: collapse;
  border-spacing: 0;
  color: #333;
  font-size: 9pt;
  width: 100%;
  white-space: normal;
}
#approvalsContainer th {
  background: none repeat scroll 0 0 #d5e0cc;
  border: 1px solid #b3bfaa;
  border-collapse: collapse;
  padding: 0.5em 1em;
  text-align: left;
}
#approvalsContainer td {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #b3bfaa;
  padding: 0.5em 1.2em;
  text-align: left;
}
/* Message Log from "Communications/Notes" tab*/
#messageLogH_t {
    border: 1px solid #eee;
    height: 200px;
    overflow-y: scroll;
    padding: 0 10px;
    white-space: normal;
}
#messageLogH_t > p {
  margin-bottom: 25px;
}


/* Customer Menu from the "Customer" tab 
.customermenu input[type="radio"] {
  display: none;
}
.customermenu label {
  border-radius: 2px;
  color: #036 !important;
  display: block;
  padding: 10px;
  font-size: 9pt !important;
}
.customermenu label:hover {
  cursor: pointer;
  background-color: #EDE8FD;
}
.customermenu input:checked + label, .customermenu input:checked + label:hover {
  background-color: #036;
  color: white !important;
}*/

/* Document Output Menu from the "Customer" tab
.document-menu-column {
  background-color: white;
  height: 0;
  overflow: visible !important;
  position: relative;
  top: -12px;
  z-index: 2;
}

.document-menu input[type="radio"] {
  display: none;
}
.document-menu label {
  border-radius: 2px;
  color: #036 !important;
  display: block;
  padding: 10px;
  font-size: 9pt !important;
}
.document-menu label:hover {
  cursor: pointer;
  background-color: #EDE8FD;
}
.document-menu input:checked + label {
  background-color: #036;
  color: white !important;
}
*/

/* Alert Box */
.alert-box {
    border-radius: 4px;/*was 10px*/
    font-family: Tahoma,Geneva,Arial,sans-serif;
    font-size: 12pt;
    padding: 10px 10px 10px 36px;
    margin: 5px 0;
    text-align: justify;
}

.error {
    background: #ffecec url('image/Icons/error.png') no-repeat 8px 50%;
    background-size: 20px;
    border: 1px solid #f5aca6;
    color: #963735;
    
}
.success {
    background: #e9ffd9 url('image/Icons/success.png') no-repeat 8px 50%;
    background-size: 20px;
    border: 1px solid #a6ca8a;
    color: #446E49;
}
.warning {
    background: #fff8c4 url('image/Icons/warning.png') no-repeat 8px 50%;
    background-size: 20px;
    border: 1px solid #f2c779;
    color: #766948;
}
.dmwarning {
    background: url('image/Icons/warning.png') no-repeat scroll 8px 50% / 20px auto rgba(233, 233, 233, 1);
    border: 1px solid rgba(0, 0, 0, 1);
    color: rgba(75, 74, 73, 1);
}
.renewWarning {
    background: url('image/Icons/warning.png') no-repeat scroll 8px 50% / 20px auto #F6B06C;
    border: 1px solid #F2C779;
    color: rgba(89, 89, 89, 1);
}
.notice {
    background: #e3f7fc url('image/Icons/notice.png') no-repeat 8px 50%;
    background-size: 20px;
    border: 1px solid #8ed9f6;
    color: #3E5871;
}
.qaqv{
    border: 1px solid rgba(12, 8, 1, 1);
    color: #5C5441;
    background: none no-repeat scroll 8px 50% / 20px auto #D7D8E1;
}

/* Currency Button */
select[name="_change_currency__change_currency"]+table {
  display: none;
}

/*
  Fix Read Only Attributes alignment
  22/May/2015 Emiliano Gonzalez
*/
[id^="readonly_1_"] {
  padding-top: 3px;
  color: #000;          /* Gibran - 30 Jun 2015 */
  font-size: 9pt;
}


/* Required Actions Notification */
#reqActions {
cursor: pointer;
background: none repeat scroll 0% 0% rgba(242, 231, 231, 1);
width: 90px;
font-weight: bold;
text-align: center;
border: 2px solid rgba(140, 140, 140, 1);
}
/**/
#reqActionsDialog {
    width: 360px;
    background-color: rgba(249, 244, 244, 1);
    position: fixed;
    top: 164px;
    z-index: 999;
    left: 60%;
    border: 2px solid rgba(32, 156, 234, 1);
    display: none;
}


/* Testing Placing it at the center 
#reqActionsDialog {
  background-color: rgba(249, 244, 244, 1);
  border: 2px solid rgba(32, 156, 234, 1);
  margin-left: -34px;
  position: fixed;
  width: 360px;
  z-index: 999;
  display: none;
}
*/
.actionsDialogClose{
    height: 15px;
    width: 15px;
    position: absolute;
    top: 4px;
    right: 4px;
    background-image: url('/img/gxt/tool-sprites-gray.gif');
    overflow: hidden;
}

[class*='Step']{
font-weight: bold;
font-size:13px;
/*margin-top: 8px;
margin-left: 4px;
margin-right: 200px;
background-image: url('/bmfsweb/cpqav/image/Icons/success.png');
background-size: auto auto;
background-repeat: no-repeat;
background-position: right center;
border: 2px solid #CECECE;
height:18px;*/
 }

 [class*='Step'] img{
vertical-align: -70%;
 }
 
 /*Errors CPQ Messages Background*/
 #actionErrorMessagesBox{
background-color: #FFF !important;
}
 
 /*JLV Config Cart*/
 #recommendation-section .checkbox
{
    display:none;
}

 #recommendation-section .main-model
{
    display:none;
}

#mandatory-parts .adv-grid-header-cell span{
background: none;
cursor: initial
}


 
  /*JLV Rate Cards to fit in 
  CRAM*/
[id^="readonly_"][id$="rateCardTable_l"] {
  white-space: normal !important;
}
  /*JLV Agreements to fit in 
  CRAM*/
#Agreement-table-div {
  white-space: normal !important;
  overflow-x: hidden;
  overflow-y: auto;
  height: 200px;
}
#attr_wrapper_1_uDVSection0HTML_t  label{
height:0px;
}
#attr_wrapper_1_uDVSection1HTML_t  label{
height:0px;
}#attr_wrapper_1_uDVSection2HTML_t  label{
height:0px;
}#attr_wrapper_1_uDVSection3HTML_t  label{
height:0px;
}#attr_wrapper_1_uDVSection4HTML_t  label{
height:0px;
}
#attr_wrapper_1_uDVSection5HTML_t  label{
height:0px;
}
#attr_wrapper_1_agency_partner2  label{
white-space: normal !important;
}
#attr_wrapper_1_room_pilot2  label{
white-space: normal !important;
}

  /*JLV Agreements to fit in 
  CRAM*/
[id^="UDV-table-div"]{
  white-space: normal !important;
  overflow-x: hidden;
  /*overflow-y: auto;
  min-height: 200px;*/
  width: 565px;
}

.udvs-col{
min-height: 230px;
}
.udvSelect{
width:300px;
}

[id^="UDV-table-div"] .array, [id^="UDV-table-div"] .array td, [id^="UDV-table-div"] .array th {
    border-color: #FFF;
	font-size: 9pt;
}

[id^="UDV-table-div"] select{
font-size: 9pt;
}


 /*Oscar 17/06/2015
Document Output Minimum Height*/
#content36282480{
    min-height: 180px;
}
/* Customer CRA input disabled text style */
input[disabled], select[disabled] {
    color: #666;
}

/* Adds the check mark if customer is validated */
.customer-valid-0 [for=customerMenu_t0]{
  background-image: url("image/Icons/validatedcheckmark.png");
  background-position: 153px 9px;
  background-repeat: no-repeat;

}
.customer-valid-1 [for=customerMenu_t1]{
  background-image: url("image/Icons/validatedcheckmark.png");
  background-position: 153px 9px;
  background-repeat: no-repeat;
}
.customer-valid-2 [for=customerMenu_t2]{
  background-image: url("image/Icons/validatedcheckmark.png");
  background-position: 153px 9px;
  background-repeat: no-repeat;
}

.deactivated-button {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none !important;
    opacity: .65;
    margin-bottom: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none !important;
    background-color: #FF8C34 !important;
    border-color: #CE5F1A !important;
    border: 1px solid transparent;
}

 /*JLV Grey Gear Button Visibility Bug*/
.view-text.actions.error-hover div.field-wrapper {
    width:68px !important;
}

/*JLV buttons color To match Sales Cloud*/
.button-text{
 color: #FFFFFF !important;
}

.button-middle{
 background-color: #FFFFFF !important;

 /*gradient background color */
 background-image: -moz-linear-gradient(center top , #C35100, #A44400)!important; /* FF3.6+ */
 background-image: -webkit-gradient(linear, left top, right top, color-stop(1%,#c35100), color-stop(100%,#A44400)) !important; /* Chrome,Safari4+ */
 background-image: -webkit-linear-gradient(top, #c35100, #a44400)!important; /* Chrome10+,Safari5.1+ */
 background-image: -o-linear-gradient(top,  #c35100 ,#A44400) !important ; /* Opera 11.10+ */
 background-image: -ms-linear-gradient(top,  #c35100 ,#A44400) !important ; /* IE10+ */
 background-image: linear-gradient(to top,  #c35100 ,#A44400) !important ; /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c35100', endColorstr='#A44400',GradientType=1 ) !important; /* IE6-9 */
 
 /*background-image: -webkit-linear-gradient(top, #c35100, #a44400) !important;
 background-image: -moz-linear-gradient(center top , #C35100, #A44400) !important;
 background-image: linear-gradient(top, #c35100, #a44400) !important;*/
 
 border: 1px solid #a44400 !important;
  border-color: #a44400 !important;
}

.page-title{
    font-size: 160%;
    font-weight: bold;
    color: #4d799c;
}

#readonly_1_qaHealthCheck_t{
width:700px;
}

#readonly_1_qnHealthCheck_t{
width:700px;
}
#readonly_1_qpHealthCheck_t{
width:700px;
}
#readonly_1_expressDealClassificationTextHTML{
width:700px;	
}

/*JLV Worst Case Columns Optional Tiers*/
#discountQuantityOT {
   margin-left: 7px;
   vertical-align: top;
   margin-top: -30px;
   display: inline-table;
}

#applyDiscountOT {
    cursor: pointer;
    background: none repeat scroll 0% 0% #EAEAEA;
    border: 1px solid #999;
    padding: 3px;
    display: inline-table;
    margin-left: 580px;
    margin-top: -30px;
    vertical-align: top;
}

#radioDiscountOT {
   vertical-align: top;
   padding: 3px;
   display: inline-table;
   margin-left: -256px;
}

.tepContent [class*='alert-box']{
 margin-left: 308px !important;
 font-weight: normal !important;
 font-size: 6pt !important;
 padding: 1px 0px 9px 33px !important;
 width: 700px !important;
 background-color: white !important;
 border-style: none !important;
}


#recommendation-section  .items-table-content {
border-style: none;
border-radius: 18px;
}

#recommendation-section  .items-header {
border-style: none;
border-radius: 4px;
}

.St{
border-bottom: medium solid;
}
.St strong{
 font-size: 8px !important;
}


#readonly_1_qvHealthCheck_t {
    width: 700px;
}

#readonly_1_notRenewingAlertHTML_t{
    width: 700px;
}





/* White loading blanket - Alan Rodriguez */
.white-blanket {
    display: none;
    height: 100%;
    left: 0px;
    background-color: rgba(255,255,255,0.85);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2500;
    text-align:center;
    font-size: 18px;
    font-weight: bold;
}

.white-blanket .blanket-section {
  margin-top: 90px;
}

.white-blanket.show {
    display: block;
}

#timer {
    display: none;
    margin: 10px 0;
}

#close-blanket {
    display: none;
}

/* White loading blanket -  JLVL */
.sabana {
    height: 100%;
    left: 0px;
    background-color: rgba(255,255,255,0.85);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2500;
    text-align:center;
    font-size: 18px;
    font-weight: bold;
}

.sabanasec {
  margin-top: 90px;
  display: inline-table;
}

/*---JLV Config Cart
#config-quotePrimavera  #mandatory-parts td {
border-right:none;
}

#config-quotePrimavera   #mandatory-parts th
{
border-right:none;
 background-color: rgba(217, 232, 243, 1);
}

#config-quotePrimavera  #recommendation-section   .Price,.field8,.part_number
{
    display:none;
}
#config-quotePrimavera   #recommendation-section strong
{
    font-weight:bold;
}*/

/* Asset Table Showing scrollbar */
#readonly_1_existingAssetTable_t {
  overflow-x: auto;
}

/* Gibran - 30 Jul 2015 */
.form-label{
    color: #474747 !important;
    text-align: right !important;
    font-size: 9pt !important;
}
.custom-html-label, .custom-html-label div{
  color: #444 !important;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
}
#attr_wrapper_1_contractTermUnits_RO_t, #attr_wrapper_1_contractTermString_t{
    padding-left: 0;
}
#attr_wrapper_1_contractTerm_RO_t{
    padding-right: 0;
    text-align: right !important;
}

/* Adding label to Request Type Menu: Gibran - 21 Aug 2015 */
[id$="qRequestTypeMenu_t"] .menu-attr::before {
  color: #474747;
  content: "Request Type";
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 9pt;
  font-weight: 400;
  margin-right: 8px;
}

/* Fix Alignment for Read Only fields - Gibran 21 Aug 2015 */
.text-wrapper-inner input, .readonly-wrapper {
  padding: 1px 1px 2px 0 !important;
}
[id$=transactionID_t] .field {
    padding-top: 3px;
}

/* Health Check resources*/
.sourcesHC{
    border: 1px solid #0C0801;
    color: #5C5441;
    background: none no-repeat scroll 8px 50% / 20px auto #D7D8E1;
    width: 732px;
}

/* Remove Start Over config button - Gibran 24 Aug 2015 */
table.button-start-over {
  display: none !important;
}

/* Fixing Global Errors text alignment - Gibran 24 Aug 2015 */
#globalErrorMessages ul.plain-list li {
  padding-top: 3px;
}

/* Line Item Name changes - Gibran - 11 Sep 2015 */
span[data-varname="displayedItemName_l"] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
}
span[data-varname="displayedItemName_l"]:hover {
    white-space: normal;
}
/* Asset Table Not Renewable - Gibran 15 Sep 2015*/
.non-renewable {
  background-image: url('image/Icons/restricted_color_16.png');
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  padding-left: 14px !important;
}

/* Changin the COG icon for re-configure action - Gibran 17 Sep 2015 */
.line-item-reconfigure[title="Reconfigure"] {
  background-image: url("image/Icons/blue_cog_24.png") !important;
  background-size: 15px auto;
  height: 15px !important;
}


/* Help Text Icon to the left of the labels - Gibran 02 Oct 2015 */
label[for="Change Currency"] + .form-element {                       /* Hotfix position */
  padding-left: 150px !important;
}
label[for="contractTermString_t"] + .form-element.field-wrapper {    /* Hotfix position */
  margin-left: 0 !important;
}
select[name="_change_currency__change_currency"] {                   /* Hotfix dropdown size */
  max-width: 193px;
}
select {
  text-overflow: ellipsis;
}
/* Chrome and IE css */
label + .form-element {
  margin-left: 5px !important; /* Puts a bit of space between labels and fields */
}
/* Firefox specific */
@-moz-document url-prefix() {
    label + .form-element {
      margin-left: 17px !important;
    }
    .help-icon {
      left: auto !important;
    }
}
label {
  margin-right: -3px;               /* Moves the help icon 3 px to the left */
}
.help-icon[varname^="hTML"],.help-icon[varname="selectAgreementHTML_t"],.help-icon[varname="fastupdateContractTermsHtml_t"], .help-icon[varname="deactivatedSOFBReqCustAcc"] {
    left: 0 !important;
}

.add-config-button-wrapper{
  min-height: 70px;
}

/* Style for error messages - Gibran 16-Nov-2015 */
number::before, text::before, cause::before, action::before, details::before, incident::before {
  border-top: 1px solid #d2aca6;
  display: block;
  font-weight: bold;
  margin: 5px 0 5px -20px;
}
number, text, details, cause, action, incident {
  display: block;
  margin-left: 20px;
  padding-right: 35px;
}
number::before   { content: "Number ";   }
text::before     { content: "Text ";     }
cause::before    { content: "Cause";     }
action::before   { content: "Action";    }
details::before  { content: "Details ";  }
incident::before { content: "Incident "; }


/* Document  and Terms and Customer Menu Tabs */

#content36282480
{
	min-height: 230px;
}

#content36282480
{
	min-height: 230px;
}
#content61073237
{
	min-height: 540px;
}


.document-menu-column {
	background-color: white;
	height: 0;
	overflow: visible !important;
	position: relative;
	z-index: 2;
}

.document-menu-column #attr_wrapper_1_documentOutputMenu_t
{
	width: 1px;
}

.customermenu input[type="radio"],
.document-menu input[type="radio"]
{
	display: none;
}

.customermenu .menu-attr label,
.document-menu .menu-attr label
{
	font-weight: bold;
	font-size: 9pt !important;
}

.customermenu label,
.document-menu  label
{
	border-radius: 2px;
	border: 1px solid #999999;
	background-color: #F0F0F0;
	color: #666666 !important;
	display: block;
	padding: 10px;
}

.customermenu .menu-attr label:hover,
.customermenu label:hover,
.document-menu .menu-attr label:hover,
.document-menu label:hover
{	
	cursor: pointer;
	background-color: #FFFFFF;
	color: #003366 !important;
}

.customermenu input:checked + label,
.customermenu input:checked + label:hover,
.document-menu input:checked + label,
.document-menu input:checked + label:hover
{
	border: 1px solid #003366;
	background-color: #FFFFFF;
	color: #003366 !important;
}

/* RateCards and Promotions into Parts and Pricing Section - Fernando / 24 Nov 2015 */

.rateCardsPromoDiv
{
	border: 1px solid #CCCCCC !important;
	line-height: 400%;
	font-weight: bold;
	color: #555555!important;
	padding: 5px 5px 5px 10px;
	white-space: normal;
}

.rateCardsPromoLinked
{
    cursor: pointer;
	margin-right: 3px;
	vertical-align: middle;
}

.rateCardsPromoLinked span
{
	font-size: 8.5pt !important;
	width: 180px;
    overflow: hidden;
    white-space: normal;
    display: block;
    text-overflow: ellipsis;
    height: 30px;
	font-weight: normal;
	line-height: 140%;
}

.rateCardsPromoDiv .spanPromoRateCards
{
	display: inline-block;
	*display: inline;/* for IE7*/
	*zoom:1;/* for IE7*/
	min-width: 100px;
	vertical-align: middle;
}

/* Popup Buttons */
.button-popup-1 {
    background-image: url("image/images/popup1_white_16.png");
    background-position: right 5px !important;
    padding: 0 23px 0 5px !important;
    background-size: 12px;
}
.button-popup-1:hover {
    background-position: right 3px !important;
    background-image: url("image/images/popup1_hover_white_16.png");
    background-size: 16px;
}
.button-popup-2 {
    background-image: url("image/images/popup2_white_16.png");
    background-position: right 5px !important;
    padding: 0 23px 0 5px !important;
    background-size: 12px;
}
.button-popup-2:hover {
    background-position: right 3px !important;
    background-image: url("image/images/popup2_hover_white_16.png");
    background-size: 16px;
}


/* Hel popup  */
#help-window.popup{
    border: 1px #4D799C solid;
    border-radius: 5px;
    overflow: hidden;
}
#help-window.popup .popup-header{
    background-color: #4D799C;
}
#help-window.popup .popup-header .popup-title{
    color: white;
}
#help-window.popup .popup-header .popup-close{
    top: 7px;
    right: 7px;
}
#help-window.popup .popup-content{
    border-color: #4D799C;
    padding: 10px 10px 15px;    
}

/* Dialog Windows */
a[name=openDialogButton] {
	color: #fff;
	cursor: pointer;
}

a[name=openDialogButton]:hover {
	color: #fff;
}

.dialogWindowContainer {
    display: none;
    height: 100%;
	width: 100%;
    left: 0px;
    background-color: rgba(255,255,255,0.85);
    position: fixed;
    top: 0;   
    z-index: 2500;
    text-align:center;
}

.dialogWindowMain {
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 10px;
  box-shadow: 3px 3px 2px 0 #999;
  margin: 200px auto 0;
  width: 400px;
  height: auto;
  padding: 20px;
}

.dialogWindowTitle {
	color: #4d799c;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 15px;
	font-weight: bold;	
	padding: 10px 20px;
	text-align: left;	
}

.dialogWindowBody {	
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0;
}

.dialogWindowBody  .field-wrapper {
	padding-left: 150px;
}

.dialogWindowFooter {	
	padding: 10px 20px;
}

.dialogWindowFooter a {	
	color: #fff;
}

.dialogWindowFooter td {	
	cursor: pointer;
}

.dialogWindowFooter td:hover {	
	color: #fff;
}

.dialogLeft {
	display: inline-block;
	text-align: left;
	width: 50%;
}

.dialogRight {
	display: inline-block;
	text-align: right;
	width: 50%
}

.dialogWindowFooterLeftActions {
	display: inline-block;
}

.dialogWindowFooterRightActions {
	display: inline-block;
}

.dialogWindowCloseCont {
	display: inline-block;	
}

/* Express Badge */
.express_badge {
  background-color: #22B14C;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  margin-top: 8px;
  min-width: 10px;
  padding: 3px 7px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.express_badge_div {
	display: inline-block;
	text-align: left;
	width: 29%;
}

.div_action { 
	display: inline-block;
	width: 70%;
}

/*JLV POP_UP*/
#myhelp-window.mypopup .mypopup-header {
    background-color: #4D799C;
}
}
.mypopup-header {
    background: #CCC none repeat scroll 0% 0%;
    border: medium none;
}
.mypopup-header {
    padding: 15px 22px 6px 6px;
}
#myhelp-window.mypopup {
    border: 1px solid #4D799C;
    border-radius: 5px;
    overflow: hidden;
}
#myhelp-window.mypopup .mypopup-content {
    border-color: #4D799C;
    padding: 10px 10px 15px;
}
.mypopup-content {
    border-width: 10px 0px !important;
    border-style: solid;
    border-color: #CCC;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background-color: #FFF;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    padding: 20px 10px 30px;
}
#myhelp-window.mypopup .mypopup-header .mypopup-close {
    top: 7px;
    right: 7px;
}
.mypopup-close {
    height: 15px;
    width: 15px;
    position: absolute;
    top: 4px;
    right: 4px;
    background-image: url("/img/gxt/tool-sprites-gray.gif");
    overflow: hidden;
}

#myhelp-window.mypopup .mypopup-header .mypopup-title {
    color: #FFF !important;
    font-weight: bold;
}
/*Agreement JLV*/
.orAgreement{
font-size: 16px;
font-weight: bold;
}

[id^="readonly_1_agreementQueryButton_t"] .button-middle {
left: 319px;
top: -33px;
}

/* DAS LOB - Emiliano Gonzalez 28-Feb-2016 */
.lob-hidden {
	display: none !important;
}
#LOB_selection label, #das_express_info label{
	width:	130px;
	display: inline-block;
	text-align: right;
	margin-right: 13px;
}
#LOB_selection h4{
	color: #444 !important;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	margin: 15px 0 7px 0;
}
#LOB_selection input[type=text]{
	width: 300px;
	margin: 3px 0 5px;
}

div#field_wrapper_1_highestLevelOfApproval_t .text-wrapper-inner, div#field_wrapper_1_highestLevelOfApproval_t .text-wrapper-inner input{
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: 0 none !important;
}

/* CONFIG NEW STYLE Juan carlos Diaz*/
.model-config .column, [action="display_part.jsp"] .column, #favorites-list .column{
    white-space: normal;
}

/* Adds arrow icon to indicate collapsable groups within config */
.model-config .group-content .group-header span, [action="display_part.jsp"] .group-content .group-header span, #favorites-list .group-content .group-header span{
   padding-left: 18px;
   background: url("image/Icons/arrow-collapse.png") no-repeat 0 50%;
}

.model-config .group-content.collapsed .group-header span, [action="display_part.jsp"] .group-content.collapsed .group-header span, #favorites-list .group-content.collapsed .group-header span{
   padding-left: 18px;
   background: url("image/Icons/arrow-expand.png") no-repeat 0 50%;
}

.model-config div.group-inner, [action="display_part.jsp"] div.group-inner, #favorites-list div.group-inner{
    border-bottom: 0px none white;
    border-left: 0px none white;
    border-right: 0px none white;
    border-top: 1px solid #CCCCCC;
    margin-top: -5px;
	border-radius: 3px;
}

.model-config .view-label, .model-config .form-label, .model-config .form-item label, [action="display_part.jsp"] .view-label, #favorites-list .view-label/*[action="display_part.jsp"] .form-label, [action="display_part.jsp"] .form-item label*/{

    font-size: 1.875em;
    font-family: open-sans, sans-serif;
    font-weight: 300;
    color: #7F7F7F;
    text-align: center;
    float: none;
}


.model-config .tab-content, [action="display_part.jsp"] .tab-content, #favorites-list .tab-content{
    border: 0px;
    font-family: open-sans, sans-serif;
    font-size: 16px;
    color: #7f7f7f;
}



.model-config body, .model-config td, .model-config p/*[action="display_part.jsp"] td, [action="display_part.jsp"] p*/{
    text-decoration: none;
    color: #7f7f7f;
    font-family: open-sans, sans-serif;
    font-size: 0.75em;
    padding: 5px;
}


.model-config #sticky-actions .button-middle a, .model-config .bm-actionstrip-horiz .button-middle a, [action="display_part.jsp"] #sticky-actions .button-middle a, [action="display_part.jsp"] .bm-actionstrip-horiz .button-middle a, #favorites-list #sticky-actions .button-middle a, #favorites-list .bm-actionstrip-horiz .button-middle a{
    margin: 0 8px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #555555;
    line-height: 20px;

}

.model-config #sticky-actions td.button-middle, .model-config .bm-actionstrip-horiz td.button-middle, [action="display_part.jsp"] #sticky-actions td.button-middle, [action="display_part.jsp"] .bm-actionstrip-horiz td.button-middle, #favorites-list #sticky-actions td.button-middle, #favorites-list .bm-actionstrip-horiz td.button-middle{
    background: #E4E8EA;
    background-image: none;
    border: 1px solid #C4CED7;
    height: 20px;
    margin: 0;
}

.model-config .required .attribute-label, .model-config .attribute-label, [action="display_part.jsp"] .required .attribute-label, [action="display_part.jsp"] .attribute-label, #favorites-list .required .attribute-label, #favorites-list .attribute-label{
    font-family: open-sans, sans-serif;
    font-size: 10pt !important;
    color: #7f7f7f;
}

.model-config .array tr.selected th, .model-config .array tr.selected td, [action="display_part.jsp"] .array tr.selected th, [action="display_part.jsp"] .array tr.selected td, #favorites-list .array tr.selected th, #favorites-list .array tr.selected td{
    background-color: #EFEFEF;
}

.model-config .array tr td.recommended, .model-config .array tr td.constrained, .model-config .array tr td.previous-value, [action="display_part.jsp"] .array tr td.recommended, [action="display_part.jsp"] .array tr td.constrained, [action="display_part.jsp"] .array tr td.previous-value, #favorites-list .array tr td.recommended,#favorites-list .array tr td.constrained,#favorites-list .array tr td.previous-value{
    background-color: #fff;
    border: solid #aaa;
    border-width: 3px 0 0 1px;
} 

/* Group Header Label Properties */
.model-config .group-header, [action="display_part.jsp"] .group-header, #favorites-list .group-header{
    font-size: 16px; 
    color: #444444;
    font-weight: bold;
    font-family : 'Helvetica Neue',Helvetica,Arial,Sans-Serif;
    background-color: #ffffff;
    border-bottom: 1px solid #CCCCCC;
    line-height: 26px;
}
.model-config .group-header:hover, [action="display_part.jsp"] .group-header:hover, #favorites-list .group-header:hover{
    color: #003366;
    background-color: #FFFFFF;
}
.model-config h3.group-header, [action="display_part.jsp"]  h3.group-header, #favorites-list h3.group-header{
    font-size: 16px;
    color: #08c;
    font-weight: 300;
    font-family: open-sans, sans-serif;
    background-color: #ffffff;
    border-bottom: 1px solid #CCCCCC;
    line-height: 26px;
}

.model-config .plain-button td.button-middle, [action="display_part.jsp"] .plain-button td.button-middle, #favorites-list .plain-button td.button-middle,
.model-config .button-invoke-return td.button-middle, [action="display_part.jsp"] .button-invoke-return td.button-middle, #favorites-list .button-invoke-return td.button-middle,
.model-config .button-cancel td.button-middle, [action="display_part.jsp"] .button-cancel td.button-middle, #favorites-list .button-cancel td.button-middle
{
	background-image:linear-gradient(to top,  #FFFFFF ,#FFFFFF) !important;
	border:1px solid rgba(36, 146, 170, 0.31) !important;
	border-color: #FFFFFF !important;
}

.model-config .button-update td.button-middle, [action="display_part.jsp"] .button-update td.button-middle, #favorites-list .button-update td.button-middle,
.model-config .button-invoke-add td.button-middle, [action="display_part.jsp"] .button-invoke-add td.button-middle, #favorites-list .button-invoke-add td.button-middle,
.model-config .button-save td.button-middle, [action="display_part.jsp"] .button-save td.button-middle, #favorites-list .button-save td.button-middle,
.model-config td.button-middle.Test, [action="display_part.jsp"] td.button-middle.Test, #favorites-list td.button-middle.Test,
.model-config .button-invoke-create td.button-middle, [action="display_part.jsp"] .button-invoke-create td.button-middle, #favorites-list .button-invoke-create td.button-middle,
.model-config .button-invoke-favorites td.button-middle, [action="display_part.jsp"] .button-invoke-favorites td.button-middle, #favorites-list .button-invoke-favorites td.button-middle,
.model-config .button-next td.button-middle, [action="display_part.jsp"] .button-next td.button-middle, #favorites-list .button-next td.button-middle

{
	background-image:linear-gradient(to top,  #08c ,#08c) !important;
	border:1px solid transparent !important;
	border-color: transparent !important;
}

.model-config a#cancel.button-text, [action="display_part.jsp"] a#cancel.button-text, #favorites-list a#cancel.button-text, #favorites-list a#cancel_fav_bottom.button-text,
.model-config a#back.button-text, [action="display_part.jsp"] a#back.button-text, #favorites-list a#back.button-text,
.model-config a#remove.button-text, [action="display_part.jsp"] a#remove.button-text, #favorites-list a#remove.button-text, #favorites-list a#remove_fav_bottom.button-text,
.model-config a#previous.button-text, [action="display_part.jsp"] a#previous.button-text, #favorites-list a#previous.button-text
{
	color:#08c !important;
}

.model-config .button-update td.button-middle:hover, .model-config .button-update td.button-middle:focus, [action="display_part.jsp"] .button-update td.button-middle:hover, [action="display_part.jsp"] .button-update td.button-middle:focus, #favorites-list .button-update td.button-middle:hover, #favorites-list .button-update td.button-middle:focus,
.model-config .button-next td.button-middle:hover, .model-config .button-next td.button-middle:focus, [action="display_part.jsp"] .button-next td.button-middle:hover, [action="display_part.jsp"] .button-next td.button-middle:focus, #favorites-list .button-next td.button-middle:hover, #favorites-list .button-next td.button-middle:focus,
.model-config .button-invoke-add td.button-middle:hover, .model-config .button-invoke-add td.button-middle:focus, [action="display_part.jsp"] .button-invoke-add td.button-middle:hover, [action="display_part.jsp"] .button-invoke-add td.button-middle:focus, #favorites-list .button-invoke-add td.button-middle:hover, #favorites-list .button-invoke-add td.button-middle:focus,
.model-config td.button-middle.Test:hover, .model-config td.button-middle.Test:focus, [action="display_part.jsp"] td.button-middle.Test:hover, [action="display_part.jsp"] td.button-middle.Test:focus, #favorites-list td.button-middle.Test:hover, #favorites-list td.button-middle.Test:focus,
.model-config .button-invoke-create td.button-middle:hover, .model-config .button-invoke-create td.button-middle:focus, [action="display_part.jsp"] .button-invoke-create td.button-middle:hover, [action="display_part.jsp"] .button-invoke-create td.button-middle:focus, #favorites-list .button-invoke-create td.button-middle:hover,#favorites-list .button-invoke-create td.button-middle:focus,
.model-config .button-invoke-favorites td.button-middle:hover, .model-config .button-invoke-favorites td.button-middle:focus, [action="display_part.jsp"] .button-invoke-favorites td.button-middle:hover, [action="display_part.jsp"] .button-invoke-favorites td.button-middle:focus, #favorites-list .button-invoke-favorites td.button-middle:hover, #favorites-list .button-invoke-favorites td.button-middle:focus,
#favorites-list .bottom-bar .plain-button td.button-middle:hover, #favorites-list .bottom-bar .plain-button td.button-middle:focus
{
	background-image:linear-gradient(to top,  #53A3CD ,#53A3CD) !important;
	border-color:#53A3CD !important;
}

.model-config a#cancel.button-text:hover, .model-config a#cancel.button-text:focus, [action="display_part.jsp"] a#cancel.button-text:hover, [action="display_part.jsp"] a#cancel.button-text:focus, #favorites-list a#cancel.button-text:hover, #favorites-list a#cancel.button-text:focus,
.model-config a#back.button-text:hover, .model-config a#back.button-text:focus, [action="display_part.jsp"] a#back.button-text:hover, [action="display_part.jsp"] a#back.button-text:focus, #favorites-list a#back.button-text:hover, #favorites-list a#back.button-text:focus,
.model-config a#remove.button-text:hover, .model-config a#remove.button-text:focus, [action="display_part.jsp"] a#remove.button-text:hover, [action="display_part.jsp"] a#remove.button-text:focus, #favorites-list a#remove.button-text:hover, #favorites-list a#remove.button-text:focus,
.model-config a#previous.button-text:hover, .model-config a#previous.button-text:focus, [action="display_part.jsp"] a#previous.button-text:hover, [action="display_part.jsp"] a#previous.button-text:focus, #favorites-list a#previous.button-text:hover, #favorites-list a#previous.button-text:focus
{
	color:#333 !important;
}

.model-config .tab-strip .tab-left, [action="display_part.jsp"] .tab-strip .tab-left, #favorites-list .tab-strip .tab-left{
	border:0;
	background: none repeat scroll 0 0 #FFFFFF!important;
}

.model-config li.tab-active a.tab-left, .model-config li.tab-active a.tab-left:hover, [action="display_part.jsp"] li.tab-active a.tab-left, [action="display_part.jsp"] li.tab-active a.tab-left:hover, #favorites-list li.tab-active a.tab-left, #favorites-list li.tab-active a.tab-left:hover{
	border-bottom:1px solid #08c;
}

.model-config .tab-strip a.tab-left, .model-config .tab-strip a.tab-left:hover, [action="display_part.jsp"] .tab-strip a.tab-left, [action="display_part.jsp"] .tab-strip a.tab-left:hover, #favorites-list .tab-strip a.tab-left, #favorites-list .tab-strip a.tab-left:hover{
	border-bottom:1px solid silver;
}

.model-config li.tab-active a.tab-left span.tab-text, [action="display_part.jsp"] li.tab-active a.tab-left span.tab-text, #favorites-list li.tab-active a.tab-left span.tab-text{
	color:#08c!important;
	font-weight: 300;
	font-size:22px;
}

.model-config li.tab-active a.tab-left span.tab-text:hover, [action="display_part.jsp"] li.tab-active a.tab-left span.tab-text:hover, #favorites-list li.tab-active a.tab-left span.tab-text:hover{
	color:#08c;
	font-weight: 300;
	font-size:24px;
}

.model-config a.tab-left span.tab-text, [action="display_part.jsp"] a.tab-left span.tab-text, #favorites-list a.tab-left span.tab-text{
	color:silver!important;
	font-size:18px;
	font-weight: 300;
    font-family: open-sans, sans-serif;
}

.model-config a.tab-left span.tab-text:hover, [action="display_part.jsp"] a.tab-left span.tab-text:hover, #favorites-list a.tab-left span.tab-text:hover{
	color:silver;
	font-weight: 300;
	font-size:20px;
}

.model-config ul.tab-strip, [action="display_part.jsp"] ul.tab-strip, #favorites-list ul.tab-strip{
	border-bottom:0 !important;
	margin-top:40px !important;
}

.model-config span.tab-inner, [action="display_part.jsp"] span.tab-inner, #favorites-list span.tab-inner{
	padding:0 30px;
}


.model-config .tab-content table, [action="display_part.jsp"] .tab-content table{
	font-family: open-sans, sans-serif;
	font-size: 16px;
	border: 0;
	line-height: 1.42857143;
	color: #7f7f7f;
	margin-top:20px;
	text-align: center;
}

.model-config .tab-content th, [action="display_part.jsp"] .tab-content th, #favorites-list .tab-content th{
	border: 0;
	border-bottom: 2px solid #ddd;
}

.model-config .tab-content td, [action="display_part.jsp"] .tab-content td, #favorites-list .tab-content td{
	font-size: 0.875em;
	color: #7f7f7f;
	border: 0;
	border-bottom: 1px solid #ddd;
}

.model-config .attribute-field{
	color: #7f7f7f;
}

.model-config td > a, [action="display_part.jsp"] td > a{
	color: #08c;
}

.model-config .items-table-wrapper, [action="display_part.jsp"] .items-table-wrapper, #favorites-list .items-table-wrapper{
	border: 0px solid #d6dfe6;
	border-radius: 3px;
}

.model-config .items-table-wrapper.collapsed{
	border-width: 0px;
}

.model-config .items-table-wrapper .view-header, [action="display_part.jsp"] .items-table-wrapper .view-header, #favorites-list .items-table-wrapper .view-header{
	background-color: white;
}

.model-config .items-table-wrapper h2.grouping-heading, [action="display_part.jsp"] .items-table-wrapper h2.grouping-heading, #favorites-list .items-table-wrapper h2.grouping-heading{
	font-size: 15px;
    color: #08c;
    font-weight: 300;
    font-family: open-sans, sans-serif;
}

.model-config .items-table-content table#mandatory-parts, [action="display_part.jsp"] .items-table-content table#mandatory-parts, #favorites-list .items-table-content table#mandatory-parts{
	border: 0;
	text-align: center;
}

.model-config .items-table-content #mandatory-parts th, [action="display_part.jsp"] .items-table-content #mandatory-parts th, #favorites-list .items-table-content #mandatory-parts th{
	border: 0;
    border-bottom: 2px solid #ddd;
    color: #7f7f7f;
    text-align: center;
}

.model-config .items-table-content #mandatory-parts td, [action="display_part.jsp"] .items-table-content #mandatory-parts td, #favorites-list .items-table-content #mandatory-parts td{
	font-size: 1.2em;
    color: #7f7f7f;
    border: 0;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 10px; 
}
.model-config .items-table-content #mandatory-parts th.description, [action="display_part.jsp"] .items-table-content #mandatory-parts th.description, #favorites-list .items-table-content #mandatory-parts th.description,
.model-config .items-table-content #mandatory-parts td.description, [action="display_part.jsp"] .items-table-content #mandatory-parts td.description, #favorites-list .items-table-content #mandatory-parts td.description,
.model-config .items-table-content #mandatory-parts th.Comment, [action="display_part.jsp"] .items-table-content #mandatory-parts th.Comment, #favorites-list .items-table-content #mandatory-parts th.Comment,
.model-config .items-table-content #mandatory-parts td.Comment, [action="display_part.jsp"] .items-table-content #mandatory-parts td.Comment, #favorites-list .items-table-content #mandatory-parts td.Comment
{
	text-align:left;
}
.model-config .items-table-content #mandatory-parts th.Quantity, [action="display_part.jsp"] .items-table-content #mandatory-parts th.Quantity, #favorites-list .items-table-content #mandatory-parts th.Quantity,
.model-config .items-table-content #mandatory-parts th.Price, [action="display_part.jsp"] .items-table-content #mandatory-parts th.Price, #favorites-list .items-table-content #mandatory-parts th.Price,
.model-config .items-table-content #mandatory-parts th.field8, [action="display_part.jsp"] .items-table-content #mandatory-parts th.field8, #favorites-list .items-table-content #mandatory-parts th.field8
{
	text-align:right;
	padding-right:0px;
}
.model-config .items-table-content #mandatory-parts td.Quantity, [action="display_part.jsp"] .items-table-content #mandatory-parts td.Quantity, #favorites-list .items-table-content #mandatory-parts td.Quantity,
.model-config .items-table-content #mandatory-parts td.Price, [action="display_part.jsp"] .items-table-content #mandatory-parts td.Price, #favorites-list .items-table-content #mandatory-parts td.Price,
.model-config .items-table-content #mandatory-parts td.field8, [action="display_part.jsp"] .items-table-content #mandatory-parts td.field8, #favorites-list .items-table-content #mandatory-parts td.field8
{
	text-align:right;
}
.model-config span[style], [action="display_part.jsp"] span[style], #favorites-list span[style]
{
   color: #7f7f7f !important;
}

[action="display_part.jsp"] .form-label, [action="display_part.jsp"] .form-item label, #favorites-list .form-item label,
[action="display_part.jsp"] td, [action="display_part.jsp"] p, #favorites-list td, #favorites-list p,
.model-config input[type="text"], [action="display_part.jsp"] input[type="text"], #favorites-list input[type="text"],
.model-config input[type="number"], [action="display_part.jsp"] input[type="number"], #favorites-list input[type="number"]
{
	color: #7f7f7f;
}

.model-config .attribute-field-container span, [action="display_part.jsp"] .attribute-field-container span, #favorites-list .attribute-field-container span,
.model-config .attribute-label-container label, [action="display_part.jsp"] .attribute-label-container label, #favorites-list .attribute-label-container label
{
	font-size: 0.9em; 
}
.model-config .help-popup, .model-config .help-popup p, .model-config .help-popup span, [action="display_part.jsp"] .help-popup, [action="display_part.jsp"] .help-popup p, [action="display_part.jsp"] .help-popup span, #favorites-list .help-popup, #favorites-list .help-popup p, #favorites-list .help-popup span{
	font-size: 9pt !important;
	max-height: 350px;
	color: #7f7f7f;
}

.model-config .help-popup p, [action="display_part.jsp"] .help-popup p, #favorites-list .help-popup p{
	padding: 0;
}
/* --- In default.css --- */

.model-config .attribute-label, [action="display_part.jsp"] .attribute-label, #favorites-list .attribute-label{

    font-size: 0.875em;
    font-weight: 300;
    font-style: normal;
    color: #7f7f7f;
    text-decoration: none;
    padding-right: 10px;
}

.model-config .array thead th, [action="display_part.jsp"] .array thead th, #favorites-list .array thead th{
    background-color: #FFF;
}

.model-config .array thead th label, [action="display_part.jsp"] .array thead th label, #favorites-list .array thead th label{
    background-color: #FFF;
	font-weight:bold;
}

.model-config .constraint-message, .model-config .tab-constraint, [action="display_part.jsp"] .constraint-message, [action="display_part.jsp"] .tab-constraint, #favorites-list .constraint-message, #favorites-list .tab-constraint{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    border-left-color: #FF0000;
} 

[action="display_part.jsp"] .bgcolor-view, [action="display_part.jsp"] .bgcolor-list-odd, [action="display_part.jsp"] .view-header, [action="display_part.jsp"] .list-label,
#favorites-list .bgcolor-view, #favorites-list .bgcolor-list-odd, #favorites-list .view-header, #favorites-list .list-label, #favorites-list .bgcolor-list-even{
	background-color: #FFFFFF;
}

[action="display_part.jsp"] .bgcolor-view td,
#favorites-list .bgcolor-view td
{
	border: 0;
	border-bottom: 1px solid #ddd;
	height: 23px;
	vertical-align: middle;
}

#favorites-list td.list-field{
	border: 0;
	border-bottom: 1px solid #ddd;
	height: 23px;
	vertical-align: middle;
}

[action="display_part.jsp"] td.form-label,
#favorites-list td.form-label{
	font-weight: 600;
	padding-right: 10px;
	text-align: left;
}

[action="display_part.jsp"] td.top-bar,
#favorites-list td.top-bar{
	text-align: center;
	border: 0;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	padding-bottom: 5px;
}

[action="display_part.jsp"] table{
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

/*move, copy*/
#favorites-list .bottom-bar .plain-button td.button-middle
{
	background-image:linear-gradient(to top,  #08c ,#08c) !important;
	border:1px solid transparent !important;
	border-color: transparent !important;
}

#favorites-list table[cellspacing="2"]{
	margin-top:20px;
}

#favorites-list table[cellspacing="1"]{
	border-collapse: collapse;
	border-spacing: 0;
	border-color: white;
	color: #7f7f7f;
	margin-top:20px;
	margin-bottom:20px;
}

#favorites-list td.list-label, #favorites-list .list-label a.list-label{
	color:#7f7f7f;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
}

#favorites-list td.bottom-bar{
	border:0;
}

#favorites-list a.list-field, #favorites-list a.bottom-bar{
	color: #08c;
}

/* reset.css */
.model-config table, [action="display_part.jsp"] table, #favorites-list table{
    border-collapse: collapse;
    border-spacing: 0;
    border-color: white;
}

/* ConfigLayout.css */
.model-config .array .messages td, [action="display_part.jsp"] .array .messages td, #favorites-list .array .messages td{
    background-color: #fff;
    border-color: #aaa;
    border-width: 0 0 1px 0;
	text-align:left;
}

.model-config .attribute-field-container, [action="display_part.jsp"] .attribute-field-container, #favorites-list .attribute-field-container{
    float: left;
    /* overflow: visible; */
    /* width: 100%; */
}

.model-config table.array div.attribute-field-container, [action="display_part.jsp"] table.array div.attribute-field-container, #favorites-list table.array div.attribute-field-container
{
    padding: 3px;
    margin-left: 17px;
}

/* model_config.css */
.model-config table.spare-grid th, [action="display_part.jsp"] table.spare-grid th, #favorites-list table.spare-grid th{
    white-space: nowrap;
    padding: 4px 8px;
    text-align: left;
    font-size: 1.3em;
    border-right: #ccc solid 1px;
} 

/* On config html page  - to reduce size of "Return to top for additional tabs"*/

.model-config #topOfPlatformPageLink_PF.span, [action="display_part.jsp"] #topOfPlatformPageLink_PF.span, #favorites-list #topOfPlatformPageLink_PF.span{
    font-size: 0.9em
}
/* END OF CONFIG NEW STYLE*/



/* Start Favorites CSS */
.reconfigure-btn{
    background-image: linear-gradient(to top, #08c ,#08c) !important;
    border: 1px solid transparent !important;
    border-color: transparent !important;
    background-color: white;
    border-radius: 5px;
    height: 26px;
    margin: 0px;
    color: white;
    padding: 8px 10px;
}

#favorites-list tr.bgcolor-list-odd > td, #favorites-list tr.bgcolor-list-odd-mouseover > td, #favorites-list tr.bgcolor-list-even > td, #favorites-list tr.bgcolor-list-even-mouseover > td {
    padding-top: 10px;
    padding-bottom: 10px;
}
/* END Favorites CSS */