/*.tabular-data-container {
    display: inline-block;
}
*/



#content {   
   margin-left: auto !important;
    margin-right: auto !important; 
    max-width: 1320px !important;
    _text-align: left !important;
    line-height: 1.333em !important; 
}


#content {
    padding: 0px 20px;
    border: 0px solid #d6dfe6 !important; 
}


#sub-nav {
    padding: 3px;
    border: none;
}
#myspxpe_main {
    border-top: 2px solid #646464 !important;
    border-bottom: 0px solid #646464 !important;
    padding-top: 0px !important;
    padding-bottom: 25px !important;
    clear: both !important;
}


span.tab-right {
   /* background: transparent url(/img/gxt/rounded_gradient-tab-left.png) no-repeat right 0;*/
    padding-right: 10px;
}

ul.tab-strip.clearfix {
    padding: 1px;
    top: -3px;
    position: unset;
    position: relative;
    bottom: 10px;
}






div#viewSummary_quote-wrapper {
    padding: 0.1rem;
    background: #646464 none repeat scroll 0% 0%;
	padding-left: 900px;				 
}
label#viewSummary_quote-label\|label {
    float: right;
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
}


/**.tabular-data-container {
    display: inline-block;
    width: 100% !important;
    position: static !important;
}
*/





#sub-nav .center {
    border: 1px solid #646464;
    text-align: center;
   /* padding-top: 0pt;*/
	padding: 2pt;
    margin-top: -1.85pt;
}

#main-nav .left {
    margin-top: -5pt;
}


#top-toolbar {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1278px !important;
    _text-align: left !important;
    line-height: 1.333em !important;
    border-bottom-width: 1px;
}

div#user-data {
    margin-left: 300px;
    font-weight: bold;
    /*color: #47B372 !important;*/
    font-family: Arial;
    font-size: 8pt;
 
}




/********* additional code for Transaction CSS ********/

/*.oj-button-toggle.oj-default.oj-button-full-chrome, .oj-button-toggle.oj-focus-only.oj-button-full-chrome, .oj-button-nocomp.oj-button-full-chrome, .oj-button.oj-default.oj-button-full-chrome .oj-button-button, .oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button {
    background-color: gray !important;
    background-image: none;
    border-color: #cbcccd;
     color: black; 
    box-shadow: none;
    text-shadow: none;
}
.oj-button-toggle.oj-button-full-chrome, .oj-button-toggle.oj-button-full-chrome:link, .oj-button-toggle.oj-button-full-chrome:visited, .oj-button-toggle.oj-button-full-chrome:hover, .oj-button-toggle.oj-button-full-chrome:active, .oj-button-nocomp.oj-button-full-chrome, .oj-button-nocomp.oj-button-full-chrome:link, .oj-button-nocomp.oj-button-full-chrome:visited, .oj-button-nocomp.oj-button-full-chrome:hover, .oj-button-nocomp.oj-button-full-chrome:active, .oj-button.oj-button-full-chrome .oj-button-button, .oj-button.oj-button-full-chrome .oj-button-button:link, .oj-button.oj-button-full-chrome .oj-button-button:visited, .oj-button.oj-button-full-chrome .oj-button-button:hover, .oj-button.oj-button-full-chrome .oj-button-button:active {
    font-weight: normal;
    background-color: #D8D2D2 !important; 
    background-color: #1D4F48 !important;
    cursor: pointer;
}

input.oj-button[type="button"], input.oj-button[type="submit"], input.oj-button[type="reset"], .oj-button-nocomp.oj-button-text-only, .oj-buttonset .oj-button-text-only .oj-button-text, .oj-button-text-only .oj-button-text {
    padding: 0 0.92857rem;
     background-image: url(/img/new_buttons/button_left_GrayGradient_22px.gif); 
	background-image: url(/bmfsweb/lightnin/image/Style/button_middle.png);
     background-repeat: no-repeat; 
	background-repeat: repeat-x;
     width: 10px; 
     padding: 0; 
    height: 22px;
	text-align: center;
}




.oj-button-label, .oj-button-label oj-option {
    cursor: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: Arial;
    font-weight: Bold;
    font-style: Normal;
    font-size: 8pt;
	
	color: white;
}


.oj-button-button{
	border-radius: 8px;
}

.oj-button-text {
    line-height: 20px;
}

.oj-button-text:hover, .oj-button-text:visited:hover, .plain-buton:hover .oj-button-text{
	font-family: Tahoma;
	font-weight: Bold;
	font-style: Normal;
	font-size: 8pt;
	/* color: #1D4F48; 
	color: white;
	border-radius: 8px;
}*/


#lig-wrapper .cpq-table-header.oj-table-header {
    /* background-color: #3F9C35; */
	background-color: #47B372;
    color: #FFFFFF;
    /* font-family: Tahoma; */
	font-family: arial;
    font-size: 8pt;
    font-weight: normal;
}

/*Commerce - End User Search - START */
input#end_user_search {
    width: 100px !important; 
    height: 25px !important;
    border-radius: 9px;
    border: 1.2px solid;
	background-color: gray !important;
    cursor: pointer;
	font-family: Arial;
    font-weight: Bold;
    font-style: Normal;
    font-size: 8pt;
	color: white;
}

input#end_user_search:hover {
    background-color: #1D4F48 !important;
    font-family: Tahoma;
	font-weight: Bold;
	font-style: Normal;
	font-size: 8pt;
	color: white;
	border-radius: 8px;
}
/*Commerce - End User Search - END */

/* Commerce - Commission and Discount Information Layout - START */

#panel-41 .CDI_Col1 .oj-flex-item, .CDI_Col2 .oj-flex-item, .CDI_Col3 .oj-flex-item{
    flex: 0 1 50% !important; 
    max-width: 50% !important; 
    width: 50% !important;
    }

div#commissionNote-wrapper {
        text-wrap: nowrap;
        overflow: hidden;
    }
	

#panel-47 .oj-sm-8 {
	flex: 1;
    max-width: 270px !important;
	width: 0;
} 

/* .oj-sm-8 {
    flex: 0 1 66.66667%;
    max-width: 66.66667%;
    width: 0;
} */
    
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item-content {

    padding: 0.5rem 1.07143rem 4px;

    padding-right: 10px;

    cursor: default;

    margin-right: 2px;

    color: #FFFFFF;

    font-weight: Bold;

    font-style: Normal;

    font-family: Arial;

    padding: 2px 0 4px;

    text-decoration: none;

    line-height: normal;

    background: #646464 no-repeat 0 0;

    padding-left: 10px;

    cursor: pointer;

    padding-right: 10px;

    border-radius: 5px;

}

 

.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected a.oj-tabbar-item-content {

    font-weight: bold;

    background: #1D4F48 no-repeat 0 0;

    padding-left: 10px;

    cursor: pointer;

    border-radius: 5px;

}

 

.oj-tabbar-horizontal .oj-tabbar-element {

    display: flex;

}

 

.oj-tabs-panel {

    margin-top: -5px;

    /* padding: 30px; */

    border-top: 25px solid #1D4F48 !important;

    margin-right: -10px;

    border: 1px solid #ffff;

 

}

.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected a.oj-tabbar-item-content .oj-tabbar-item-label {

    font-weight: bold;

    color: #FFFFFF !important;

}

.oj-tabbar-item.has-error.oj-selected {

    border-color: #f3ed00 !important;

}

 

.oj-tabbar-item.has-error .oj-tabbar-item-label {

    color: #ffffff !important;

}

 

.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected, .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {

    border-color: #FFFFFF !important;

}

 

.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) a.oj-tabbar-item-content .oj-tabbar-item-label {

    color: #FFFFFF;

    font-weight: Bold;

    font-style: Normal;

    font-family: arial;

    font-size: 8pt;

    padding: 2px 0 4px;

    text-decoration: none;

    line-height: normal;

}

 

.oj-tabbar-horizontal .oj-tabbar-item-element {

    min-height: 0rem;

}

 

.oj-tabbar-horizontal .oj-tabbar-item.oj-hover:not(.oj-selected) a.oj-tabbar-item-content {

    color: #76b8e1;

    background-color: #47B372 !important;

}

.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-hover:not(.oj-selected), .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover:not(.oj-selected) {

    border-color: white;

}

.top-bar, .top-bar:link, .top-bar:visited {

    background-color: #1D4F48;

    color: #FFFFFF;

    font-size: 9pt;

    font-family: Arial;

    font-weight: Bold;

    font-style: Normal;

    /*left: -19px;*/

    position: relative;

}

.oj-button-toggle.oj-default.oj-button-full-chrome, .oj-button-toggle.oj-focus-only.oj-button-full-chrome, .oj-button-nocomp.oj-button-full-chrome, .oj-button.oj-default.oj-button-full-chrome .oj-button-button, .oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button {

    background-color: gray !important;

    background-image: none;

    border-color: #cbcccd;

    box-shadow: none;

    text-shadow: none;

}

.oj-button-toggle.oj-button-full-chrome, .oj-button-toggle.oj-button-full-chrome:link, .oj-button-toggle.oj-button-full-chrome:visited, .oj-button-toggle.oj-button-full-chrome:hover, .oj-button-toggle.oj-button-full-chrome:active, .oj-button-nocomp.oj-button-full-chrome, .oj-button-nocomp.oj-button-full-chrome:link, .oj-button-nocomp.oj-button-full-chrome:visited, .oj-button-nocomp.oj-button-full-chrome:hover, .oj-button-nocomp.oj-button-full-chrome:active, .oj-button.oj-button-full-chrome .oj-button-button, .oj-button.oj-button-full-chrome .oj-button-button:link, .oj-button.oj-button-full-chrome .oj-button-button:visited, .oj-button.oj-button-full-chrome .oj-button-button:hover, .oj-button.oj-button-full-chrome .oj-button-button:active {

    font-weight: normal;

    background-color: #1D4F48 !important;

    cursor: pointer;

}

 

input.oj-button[type="button"], input.oj-button[type="submit"], input.oj-button[type="reset"], .oj-button-nocomp.oj-button-text-only, .oj-buttonset .oj-button-text-only .oj-button-text, .oj-button-text-only .oj-button-text {

    padding: 0 0.92857rem;

    background-image: url(/bmfsweb/lightnin/image/Style/button_middle.png);

    background-repeat: repeat-x;

    height: 22px;

    text-align: center;

}

 

.oj-button-label, .oj-button-label oj-option {

    cursor: inherit;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    font-family: Arial;

    font-weight: Bold;

    font-style: Normal;

    font-size: 8pt;

    color: white;

}

 

.oj-button-button{

    border-radius: 8px;

}

 

.oj-button-text {

    line-height: 20px;

}

 

.oj-button-text:hover, .oj-button-text:visited:hover, .plain-buton:hover .oj-button-text{

    font-family: Tahoma;

    font-weight: Bold;

    font-style: Normal;

    font-size: 8pt;

    color: white;

    border-radius: 8px;

}

 

.oj-button, .oj-button-nocomp {

    height: 2rem;

}

 

.oj-button.oj-disabled.oj-button-full-chrome .oj-button-button{

    background-color: gray !important;

}

 

.oj-complete.oj-focus .oj-button-button{

    background-color:gray !important;

}

 

oj-button.action-button.oj-button.oj-button-full-chrome.oj-button-text-only.oj-disabled.oj-complete.oj-conveyorbelt-item .oj-button-button:hover{

    background-color: #1D4F48 !important;

}

has context menu
Compose
	
/* Commerce - Commission and Discount Information Layout - END     */