/* only customerPortal specific CSS goes here that does not exist already in OM CDN */

body {
    background-image: none;
}

.form-signin {
    padding: 19px 29px 29px;
    margin: 50px auto 150px;
    background-color: #f6f6f6;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    min-height: 200px;
    max-width: 600px;
}

.login-imagery {
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    width: 100%;
    min-height: 200px;
}

header .environment .list {
    position: relative;
    top: 0;
    background: #000;
    padding: 7px 10px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px #ddd;
    border-bottom: none;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 10px;
    line-height: 10px;
    color: #ddd;
}

header .environment .list div {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px; 
    padding-right: 10px;
    font-size: 11px;
    font-weight: bold;
}

header .environment .list div i {
    font-size: 11px;
    color: #ffd800;
}

header .environment .list div:not(:last-child) {
    border-bottom: none;
}

.environment {
    min-width: 250px;
    position:fixed; bottom: 0; right: 20px;
    z-index: 9999;
}

.environment, .environment-lower {
    cursor: pointer;
}

.allcaps {
    text-transform: uppercase;
}

.mr0 {
    margin-right: 0;
}
.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.ml0 {
    margin-left: 0;
}
.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.mt0 {
    margin-top: 0;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.bl3 {
    /*border-left: 3px solid #999;
    padding-left: 15px;*/
}

.bs-docs-example {
    position: relative;
    margin: 15px 0;
    padding: 39px 19px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.bs-docs-example:after {
    content: "Example";
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #9da0a4;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}

.bs-docs-example .page-header {
    height: 100px;
    overflow: auto;
}

#divSpinner {
    width:100%; 
    text-align:center;
    display: none;
    margin: 20px 0;
}

#divSpinner .icon-spin {
    -webkit-transform-origin: 95% 50%;
    -ms-transform-origin: 95% 50%;
    transform-origin: 95% 50%;
}

.alert .validation-summary-errors ul {
    list-style: none;
    margin: 0 0 0 0;
}

.validation-summary-errors ul li {
    list-style: none;
    padding-left: 1em;
}

.validation-summary-errors ul li:first-child {
    padding-left: 1em;    
}

.validation-summary-errors ul li:first-child:before {
  content: "\f071"; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 2.5em; /* same as padding-left set on li */
  margin-left: -2.5em; /* same as padding-left set on li */
}​

a [class^="icon-"]:hover {
    text-decoration: none;
}


/* idle timeout bar css */
#idletimeout {
    background: #CC382F;
    border-top: 3px solid #7F231D;
    border-bottom: 3px solid #7F231D;
    color: #fff;
    font-family: arial, sans-serif;
    text-align: center;
    font-size: 12px;
    padding: 10px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100000;
    display: none;
}

#idletimeout a {
    color: #fff;
    text-decoration: underline;
}

.adminfilter label {
    font-size: 8pt;
}

.adminfilter span {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.clickable-row {
    cursor: pointer;
}

/* products page css */

.results-filter h1 {
    font-size: 14pt;
    line-height: 12pt;
    font-weight: normal;
}

.productItem {
    position: relative;
}

.results-list .result-item {
    width: auto;
    min-height: 190px;
}

.results-grid .productItem.span4 .result-item {
    min-height: 340px;
}


.results-grid .result-item img.productImage {
    width: auto !important;
    width: initial !important;
    max-width: 200px;
    max-height: 200px;
    display: block;
    margin: auto;
}

.results-grid .result-item-image {
    min-height: 200px;
    min-width: 200px;
}

.results-list .result-item-image {
    float: left;
    margin-right: 20px;
}

.results-list .result-item img.productImage {
  width: auto !important;
  width: initial !important;
  height: auto !important;
  height: initial !important;
}

.results-grid .result-item .manufacturer {
    float: left; 
    padding-right: 25px;
}

.results-list .result-item .manufacturer {
    padding: 0 25px;
}

.results-list .span12 {
    margin-left: 0 !important;
}

.forceBottomRight {
    width: auto;
}

.datagrid-footer-right .grid-pager button {
    margin-top: 1px;
    line-height: 14px;
    height: 31px; 
}

.datagrid-footer-right .grid-pager select {
    margin-top: 1px;
}

.gridchanger {
    margin-right: 10px;
}

.prodRequestLink {
    color: #007698 !important;
    text-decoration: underline;
}

.h1ShortDescription {
    margin-bottom: 0;
}

/* TODO: put these in the cdn OLDHEADER section */
.navbar .nav li.dropdown.open > .dropdown-toggle {
    background-color: #004e65 !important;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #004e65 !important;
    color: #fff !important;
}
/* ENDTODO */

@media only screen and (max-width: 767px) {
    header {
        margin: 0 -20px;
        padding: 0 20px;
    }
}

hr.tall {
    margin: 20px 0;
}

hr.short {
    margin: 0;
}

.h1ShortDescription span {
    letter-spacing: -1px;
}





a.drawer {
    height: 20px;
    background-color: #f5f5f5;
    padding: 7px;
    padding-top: 5px;
    border: 1px solid #e3e3e3;
    border-top: 0;
    -webkit-border-bot-left-radius: 4px;
    -webkit-border-bot-right-radius: 4px;
    -moz-border-radius-botleft: 4px;
    -moz-border-radius-botright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: gray;
    margin-top: -2px;
    margin-bottom: 20px;
    width: auto;
    display: block;
    text-align: center;
}

hr.drawer {
    height: 1.5px;
    padding: 0;
    border: none;
    border-top: medium double #999;
    color: gray;
    text-align: center;
}

hr.drawer-tabs {
    height: 1.5px;
    padding: 0;
    border: none;
    border-top: 1px solid #e3e3e3;
    color: gray;
    text-align: center;
}

hr.drawer:after, hr.drawer-tabs:after {
    display: inline-block;
    position: relative;
    top: -1.2em;
    font-size: 8pt;
    padding: 0 0.25em;
    background: white;
}

    /* CSS to show status indicators */
    table.table td.traffic-light-base {
        color: blue;
        vertical-align: middle;
        text-align: center;
        padding-bottom: 0px;
    }

.traffic-light {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 1px solid #595954;
    margin: auto;
}

.red.traffic-light {
    background-color: #FF0000;
    background-image: -moz-radial-gradient(5px 5px 5deg, circle cover, #FFCCCC 0%, #FF6666 100%, #FF0000 95%);
    background-image: -webkit-radial-gradient(5px 5px, circle cover, #FFCCCC, #FF0000);
    background-image: radial-gradient(5px 5px 5deg, circle cover, #FFCCCC 0%, #FF6666 100%, #FF0000 95%);
}

.orange.traffic-light {
    background-image: -moz-radial-gradient(5px 5px 5deg, circle cover, #FFE0B2 0%, #FFC266 100%, #FF9900 95%);
    background-image: -webkit-radial-gradient(5px 5px, circle cover, #FFE0B2, #FF9900);
    background-image: radial-gradient(5px 5px 5deg, circle cover, #FFE0B2 0%, #FFC266 100%, #FF9900 95%);
}

.yellow.traffic-light {
    background-image: -moz-radial-gradient(5px 5px 5deg, circle cover, #FFFFE6 0%, #FFFF99 100%, #FFFF00 95%);
    background-image: -webkit-radial-gradient(5px 5px, circle cover, #FFFFE6, #FFFF00);
    background-image: radial-gradient(5px 5px 5deg, circle cover, #FFFFE6 0%, #FFFF99 100%, #FFFF00 95%);
}

.green.traffic-light {
    background-image: -moz-radial-gradient(5px 5px 5deg, circle cover, #D6F5D6 0%, #99E699 100%, #33CC33 95%);
    background-image: -webkit-radial-gradient(5px 5px, circle cover, #D6F5D6, #33CC33);
    background-image: radial-gradient(5px 5px 5deg, circle cover, #D6F5D6 0%, #99E699 100%, #33CC33 95%);
}

.blue.traffic-light {
    background-image: -moz-radial-gradient(5px 5px 5deg, circle cover, #D6DAF5 0%, #99A9E6 100%, #3352CC 95%);
    background-image: -webkit-radial-gradient(5px 5px, circle cover, #D6DAF5, #3352CC);
    background-image: radial-gradient(5px 5px 5deg, circle cover, #D6DAF5 0%, #99A9E6 100%, #3352CC 95%);
}

.grey.traffic-light {
    background-image: -moz-radial-gradient(5px 5px 5deg, circle cover, #FFFFE6 0%, #95969d 100%, #4d4d4f 95%);
    background-image: -webkit-radial-gradient(5px 5px, circle cover, #FFFFE6, #4d4d4f);
    background-image: radial-gradient(5px 5px 5deg, circle cover, #FFFFE6 0%, #95969d 100%, #4d4d4f 95%);
}


#NavMain .dropdown .dropdown-menu li.active a {
    background: transparent;
}

#NavMain .dropdown .dropdown-menu li.active a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top,#08c,#0077b3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
    background-image: -webkit-linear-gradient(top,#08c,#0077b3);
    background-image: -o-linear-gradient(top,#08c,#0077b3);
    background-image: linear-gradient(to bottom,#08c,#0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
}


.dropdown-menu li.active a:hover {
    background: initial;
}

.dropdown-menu li.active a:before {
    content: "\f00c";
    font-family: FontAwesome;
    width: 0;
    margin-left: -1em;
    margin-right: 1px;
    text-align: left;
}

.small-text {
    font-size: 8pt;
}

.chosen-container .chosen-results li.disabled-result {
    margin-left: 30px;
    font-size: 8pt;
    line-height: 5px;
	color: gray;
}

.order-info-block.details {
    min-height: 200px !important;
}

.order-info-block.details.short {
	min-height: 150px !important;
}

.order-info-block dl.tight {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

table tbody tr.total, table tbody tr.total td {
    background-color: whitesmoke !important;
}

.mgf_notes, .mgf_notes:hover{
    color:#00a7d0 !important;
    text-decoration:none;
}

.bonotes, bonotes:hover{
    text-decoration:none !important;
}
.mgf-style{
    border: 1px solid #00a7d0;
}

.mgf-style .popover-title{
    color: #fff !important;
    background: #00a7d0;
}
.final-mile {

}

.final-mile img {
	width: 120px;
	height: 30px;
}

.search-icon-toolbar {
	margin-top:-20px;
}

.order-info-block.wide-labels dd span {
    width: 150px !important;
}

.pointer {
	cursor: pointer;
}


.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus
{
    color: inherit !important;
    background-color: inherit !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:hover
{
  background: #fff !important;
  color: #000 !important;
}

/* wizard css */

.ulWizard > ul {
    display: table;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.ulWizard > ul li {
    display: table-cell;
    text-align: center;
    width: 1%;
    position: relative;
}


.ulWizard ul.currentStep1 li > a.stepNumber1 .stepNumber,
.ulWizard ul.currentStep2 li > a.stepNumber2 .stepNumber,
.ulWizard ul.currentStep3 li > a.stepNumber3 .stepNumber,
.ulWizard ul.currentStep4 li > a.stepNumber4 .stepNumber,
.ulWizard ul.currentStep5 li > a.stepNumber5 .stepNumber {
    border-color: #5293C4;
    background-color: #5293C4;
    color: #fff;
    text-indent: -9999px;
}

.ulWizard > ul li > a.selected .stepNumber {
    border-color: #5293C4;
}

.ulWizard > ul .stepNumber {
    background-color: white;
    border: 5px solid #CED1D6;
    border-radius: 100% 100% 100% 100%;
    color: #546474;
    display: inline-block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    width: 30px;
    z-index: 2;
}

.ulWizard > ul li > a.selected .stepDesc, 
.ulWizard ul.currentStep1 li > a.stepNumber1 .stepDesc,
.ulWizard ul.currentStep2 li > a.stepNumber2 .stepDesc,
.ulWizard ul.currentStep3 li > a.stepNumber3 .stepDesc,
.ulWizard ul.currentStep4 li > a.stepNumber4 .stepDesc,
.ulWizard ul.currentStep5 li > a.stepNumber5 .stepDesc {
    color: #2B3D53;
}
.ulWizard > ul li .stepDesc {
    color: #8b91a0;
    display: block;
    font-size: 14px;
    margin-top: 4px;
    max-width: 100%;
    table-layout: fixed;
    text-align: center;
    word-wrap: break-word;
    z-index: 104;
}

.ulWizard a, .ulWizard a:focus, .ulWizard a:hover, .ulWizard a:active {
    outline: 0 !important;
    text-decoration: none !important;
    cursor: default;
}

.ulWizard ul.currentStep1 li > a.stepNumber1 .stepNumber:before,
.ulWizard ul.currentStep2 li > a.stepNumber2 .stepNumber:before,
.ulWizard ul.currentStep3 li > a.stepNumber3 .stepNumber:before,
.ulWizard ul.currentStep4 li > a.stepNumber4 .stepNumber:before,
.ulWizard ul.currentStep5 li > a.stepNumber5 .stepNumber:before {
    content: "\f00c";
    display: inline;
    float: right;
    font-family: FontAwesome;
    font-weight: 300;
    height: auto;
    text-shadow: none;
    margin-right: 7px;
    text-indent: 0;
}

/* uncomment this to have no initial line before step 1, i think it looks better with it however, as it centers it nicely */
/*.ulWizard > ul li:first-child > a:before {
    left: 50%;
    max-width: 51%;
}*/

.ulWizard > ul li > a.selected:before, 
.ulWizard ul.currentStep1 li > a.stepNumber1:before,
.ulWizard ul.currentStep2 li > a.stepNumber2:before,
.ulWizard ul.currentStep3 li > a.stepNumber3:before,
.ulWizard ul.currentStep4 li > a.stepNumber4:before,
.ulWizard ul.currentStep5 li > a.stepNumber5:before {
    border-color: #5293C4;
}

.ulWizard > ul li > a:before {
    border-top: 4px solid #CED1D6;
    content: "";
    display: block;
    font-size: 0;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: 21px;
    width: 100%;
    z-index: 1;
}

.ulWizard > ul li > a.selected:before, 
.ulWizard ul.currentStep1 li > a.stepNumber1:before,
.ulWizard ul.currentStep2 li > a.stepNumber2:before,
.ulWizard ul.currentStep3 li > a.stepNumber3:before,
.ulWizard ul.currentStep4 li > a.stepNumber4:before,
.ulWizard ul.currentStep5 li > a.stepNumber5:before {
    border-color: #5293C4;
}

.ulWizard ul.currentStep1 li > a.stepNumber1.stepNumber2.stepNumber3.stepNumber4.stepNumber5 .stepNumber:before,
.ulWizard ul.currentStep2 li > a.stepNumber2.stepNumber3.stepNumber4.stepNumber5:not(.stepNumber1) .stepNumber:before,
.ulWizard ul.currentStep3 li > a.stepNumber3.stepNumber4.stepNumber5:not(.stepNumber2) .stepNumber:before,
.ulWizard ul.currentStep4 li > a.stepNumber4.stepNumber5:not(.stepNumber3) .stepNumber:before,
.ulWizard ul.currentStep5 li > a.stepNumber5:not(.stepNumber4) .stepNumber:before {
    font-size:18pt !important;
    margin-right: 3px !important;
}

/*.ulWizard ul.currentStepError li > a .stepNumber:before,*/
.ulWizard ul.currentStepCancelled li > a .stepNumber:before {
    content: "\f00d";
    display: inline;
    float: right;
    font-family: FontAwesome;
    font-weight: 300;
    height: auto;
    text-shadow: none;
    margin-right: 9px;
    text-indent: 0;
}

/*
.ulWizard li.stepNumber4Cancelled { display: none; }
.ulWizard ul.currentStepCancelled li.stepNumber4Cancelled { display: table-cell; }
.ulWizard ul.currentStepCancelled li.stepNumber4OK { display: none; }
*/

.ulWizard ul.currentStepCancelled li > a .stepNumber { text-indent: -9999px; }
.ulWizard ul.currentStepError li > a .stepNumber {
    border-color: #b94a48;
    background-color: #b94a48;
    color: #fff;
    text-indent: -9999px;
}

/*
.ulWizard ul.currentStepCancelled li > a .stepNumber {
    border-color: #CED1D6;
    background-color: #fff;
    color: #CED1D6;
    text-indent: -9999px;
}
*/

.ulWizard ul.currentStepCancelled li > a.stepNumber4:not(.stepNumber3) .stepNumber{
    border-color: #b94a48;
    background-color: #b94a48;
    color: #fff;
    text-indent: -9999px;
}

.ulWizard > ul.currentStepCancelled li > a.stepNumber4:not(.stepNumber3):before {
    border-top: 4px solid #b94a48;
}

.ulWizard  .stepDesc .cancelled{
  display: none;
}

.ulWizard ul.currentStepCancelled li > a .stepDesc .cancelled {
  display: inline-block;
}

.ulWizard ul.currentStepCancelled li > a .stepDesc .complete {
  display: none;
}

.ulWizard ul.currentStepCancelled li.stepNumber4Cancelled > a:before,
.ulWizard > ul.currentStepError li > a:before {
    border-top: 4px solid #b94a48;
}

.label-submitted { background-color: #c09853; }
.label-certified { background-color: #463265; }

table.dataTable.nowrap th.wrap, table.dataTable.nowrap td.wrap { white-space: normal; }

.bezel.alert-count {
  top: 2px;
  background-color: #FF9900;
  right: 110px;
  display: block;
}


table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px;
    border-bottom: 1px solid #111111;
}

table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 5px 5px;
}

table tr td.groupedCells, table tr th.groupedCells {
    width: 85px;
}

table tr td.groupedCellsSmall, table tr th.groupedCellsSmall {
    width: 45px;
}

table tr td.groupedCellsMedium, table tr th.groupedCellsMedium {
    width: 60px;
}

table tr td.groupedCellsLarge, table tr th.groupedCellsLarge {
    width: 100px;
}

table tr td.groupedCells {
    background-color: #CED1D6 !important;
}

table tr td.groupedCells.blockedDetail {
    background-color: #eeeeee !important;
}

table tr td.groupedCells.blockedDetailGrey {
    background-color: #f9f9f9 !important;
}

table tr td.groupedCells.blockedDetailWhite {
    background-color: #ffffff !important;
}

table tr.pallets.info td {
    
    background-color: #fff;
}

table tr.pallets.info td > div {
    margin-left: 20px;
}

table tr.batch td, table tr.detail {
    
    background-color: #fff;
}

table tr.detail:hover {
    background-color: #fff !important;
}

table tr.batch td.batch, table tr.detail td.detail, table tr.pallets > td {
    padding: 10px 0 !important;
}

table tr.batch td > div, table tr.detail td > div {
    margin-left: 40px;
}

/*table.dataTable thead .sorting_asc {
  background: url("../images/sort_asc.png") no-repeat center left !important;
}
table.dataTable thead .sorting_desc {
  background: url("../images/sort_desc.png") no-repeat center left !important;
}
table.dataTable thead .sorting {
  background: url("../images/sort_both.png") no-repeat center left !important;
}*/

table tbody tr td.text-right, table thead tr th.text-right {
    text-align: right !important;
}

.results-grid .result-item h1 {
    line-height: 14pt !important;
}

.control-group.wide-label .control-label
{
    width:280px;
}

.control-group.wide-label .controls
{
    margin-left: 300px;
}

.no-hover:hover {
    cursor: default;
}

.auto {
	width: auto;
}

.form-horizontal.tight .control-group {
	margin-bottom: 10px;
}

.signature-image {
	height: 40px;
	cursor: pointer;
}

.signature-image-enlarged {
	width: auto;
	height: auto;
}

.ui-autocomplete-loading { background:url("../images/ui-anim_basic_16x16.gif") no-repeat right center }


a.close {
    opacity: 0.5 !important;
    font-size: 16px !important;
}

a.close span {
    font-size: 14px;
}

a.close i {
    margin-top: 3px;
}

/* these had to be added because visible-desktop combined with visible-print did not go well */
.visible-desktop-print {
    display: inherit !important;
}

.results-grid.container .product-feature-icons {
    bottom: auto;
    position: relative;
    left: auto;
    width: auto;
	clear: both;
}

.results-list.container .product-feature-icons {
    bottom: 0;
    position: absolute;
    left: 230px;
    width: 225px;
}

.results-grid.container .forceBottomRight {
    bottom: auto;
    position: relative;
    right: auto;
    width: auto;
}

.product-feature-icons img
{
	max-height: 24px;
}

/* the darkening - sounds like a horror movie */

.popover-title,
.pagination div.paging_simple > span.disabled,
.pagination div.paging_simple > a.disabled,
.pagination div.paging_simple > a.disabled:hover,
.pagination div.paging_simple > a.disabled:focus,
.order-info-block dt,
.datagrid th span,
h1, h2, h3, h4, h5, h6,
h1 small, h2 small, h3 small, h4 small, h5 small h6 small
{ color: gray; }

@media (max-width: 979px) {
	.results-list.container .product-feature-icons {
		left: 10px;
	}
}

@media (max-width: 979px) {
	.visible-desktop-print {
		display: none !important;
	}
}

@media print {
	.visible-desktop-print {
		display: inherit !important;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	.hidden-desktop-narrow {
		display: none !important;
	}
}
/* Expand / Collapse */
td.details-iconcell {
    cursor: pointer;
    width: 30px;
    text-align: center;
}

    td.details-iconcell .icon-expand-alt {
        font-size: 12pt;
        color: #0064cd;
    }

    td.details-iconcell .icon-collapse-alt {
        font-size: 12pt;
        color:#0064cd;
    }

.btnshowallsubs i, .btnhideallsubs i {
    font-size: 14pt;
    font-weight: bold;
    padding-right: 4px;    
}
.bosubtbl {
   float:left;
   width:100%;
}
.bosubtbl td {
    text-align:left;
    padding:5px !important;
    background-color:#dfe7ea;
    border-top:none !important;
    word-break:break-all !important;
    white-space:normal  !important;
    line-height:14px;
}
.bosubtbl .bosubtbltitle{
    width:100px;
    text-align:right;
}
.bosubtbl .bosubitem {
    width:92px;
}
.bosubtbl .bosubdesc {
    width:140px;
}
.expandrowclr {
  background-color:#dfe7ea !important;
}