/* Common */
/*************************************************************************************/
/* Base: Style overrides */
body {
    font-size: 13px;
    line-height: 18px;
    color: #424242;
    /*background: #f6f6f6 url('images/body.png') repeat-x top;*/
    background-color: #f6f6f6;
}

h4 {
    font-weight:normal;
    margin:-7px 0 25px;
}

/* Business Portal Tab Styles - Vertical Tabs */
.tabbable .tab-content {
    background-color: #ffffff;
    border:1px solid #d1d1d1;
    border-color:transparent #d1d1d1 #d1d1d1 #d1d1d1;
    min-height: 320px;
    padding-left: 19px;
    padding-right: 19px; 
    padding-top:30px;
    padding-bottom:10px;     
}

.tabbable .nav-tabs>li>a {
    color:#999;
}


.tabbable .nav-tabs>li.active>a {
    color:#333;
}

/* Business Portal Tab Styles - Vertical Tabs */

.tabs-left>.nav-tabs {
    border-right:none;
    margin-right: 0;
}

.tabs-left .tab-content {
    background-color: #ffffff;
    border:1px solid #d1d1d1;
    min-height: 320px;
    padding-left: 19px; 
    padding-top:10px;
    padding-bottom:10px;     
}

.tabs-left>.nav-tabs .active>a {
    border-color:#d1d1d1 transparent #d1d1d1 #d1d1d1;
    color:#333;
}

.tabs-left>.nav-tabs>li>a {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}

.tabs-left .nav-tabs>li>a {
    padding-top: 1em;
    padding-bottom: 1em;
    color:#999;
}


/* Business Portal Tab Styles - Common tab styles */

.tabbable .nav {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.tabbable .nav-tabs>li {
    text-align:center;
}


/* Business Portal Tab Styles - People Tabs */

.tabbable.peopleTabs .nav{
    background-color: #ebebeb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ebebeb, #ffffff);
    background-image:    -moz-linear-gradient(top, #ebebeb, #ffffff);
    background-image:      -o-linear-gradient(top, #ebebeb, #ffffff);
    background-image:         linear-gradient(to bottom, #ebebeb, #ffffff);
    border:1px solid #e3e3e3;
    margin:0 auto 30px; 
    list-style: none;
    padding: 10px 10px 0 10px;
    width:51.28205128%;
}

.tabbable.peopleTabs .nav-tabs {
    -webkit-box-shadow: 0px 8px 26px 0px #ececec;
            box-shadow: 0px 8px 26px 0px #ececec;   
}

.tabbable.peopleTabs .nav-tabs>li {
    text-align:center;
    width:50%;
    margin:0;
}

.tabbable.peopleTabs .nav-tabs>li a {
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d4d4d4));
    background-image: -webkit-linear-gradient(top, #ffffff, #d4d4d4);
    background-image:    -moz-linear-gradient(top, #ffffff, #d4d4d4);
    background-image:      -o-linear-gradient(top, #ffffff, #d4d4d4);
    background-image:         linear-gradient(to bottom, #ffffff, #d4d4d4);
    border:1px solid #d1d1d1;
    border-radius: 0;
    font-size:15px;
    margin:0;
    padding: 12px 0;

}

.tabbable.peopleTabs .nav-tabs>li.active a {
    background-color: #619dd9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#619dd9), to(#3773c3));
    background-image: -webkit-linear-gradient(top, #619dd9, #3773c3);
    background-image:    -moz-linear-gradient(top, #619dd9, #3773c3);
    background-image:      -o-linear-gradient(top, #619dd9, #3773c3);
    background-image:         linear-gradient(to bottom, #619dd9, #3773c3);
    border:1px solid #3773c3;
    color:#fff;
}

.tabbable.peopleTabs .tab-content {
    border:1px solid #d1d1d1;   
}

li div.arrow-down {
    display: none;
}
li.active div.arrow-down {
    display: block;
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;  
    border-top: 10px solid #427cbb;
    margin-left:50%;
}

.nav-tab {
    min-width: 95px;
    text-align: center;
    margin: auto;
}


@media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) {

    .nav-tab {
        min-width: 20px;
    }
}

/* Dropdown Toggle */

.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
color: #ffffff;
    background-color: #427cbb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#427cbb), to(#3b6a9f));
    background-image: -webkit-linear-gradient(top, #427cbb, #3b6a9f);
    background-image:    -moz-linear-gradient(top, #427cbb, #3b6a9f);
    background-image:      -o-linear-gradient(top, #427cbb, #3b6a9f);
    background-image:         linear-gradient(to bottom, #427cbb, #3b6a9f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff427cbb', endColorstr='#ff3b6a9f', GradientType=0);
    border:none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.nav-pills>li>a {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 0px;
margin-bottom: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size:15px;
}

.nav-pills .dropdown-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border:1px solid #fff;
}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #ffffff;
}

.breadcrumb>li {
    text-shadow: none;
}

.no-breadcrumbs {
    padding-top:12px;
}

input {
    border-radius:0;
}

/* Common: when an item has already been added */
.added {
    color: lightgray;
}

/* Common: styles for box containers */
.box {
    border: 1px solid #ccc;
}
.box-with-padding {
    background:#fff;
    border: 1px solid #ccc;
    padding: 10px;
}

/* the breadcrumb navigation at the top of pages */
.breadcrumb {
    background-color: transparent;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    position: relative;
    top: 10px;
}

/* Common: Centers either text within container or the container itself */
.center {
    text-align: center;
    margin: auto;
}

/* search result filter box */
.form-filter {
    /* background-color: #6386C6;*/
    background-color: #fcfcfc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ededed)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #fcfcfc, #ededed); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #fcfcfc, #ededed); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #fcfcfc, #ededed); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #fcfcfc, #ededed); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    border:1px solid #d1d1d1;
    padding: 10px 12px 12px;
}

.form-filter input {
    border-radius:0;
    color:#444444;
}

.add-parts-form {
    margin: 15px 0 0px;
}

/* Common: the bottom footer */
footer {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 15px;
    padding-right: 15px;
}

/* Styles from the _OrderHeader partial */
address.header-customer-address {
    margin-bottom: 0px;
}
.header-customer-code {
    font-size: 11px;
    color: #808080;
}
.header-customer-name {
    font-size: 20px;
    font-weight: bold;
}
.header-customer-shipping-name {
    font-size: 20px;
    font-weight: bold;
    /*color: #808080;*/
}

.header-navigation {
    margin-top: 20px;
}

h2.entity-title {
    font-size: 28px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 35px;
}

address {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0px;
}

/* Common: styles hr as darker top line */
hr {
margin: 15px 0 20px;
border: 0;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #ffffff;
}

/* Common: styles hr as a thinner seperator line */
hr.seperator {
    border: none;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 10px;
    margin-top: 10px;
}

hr.seperator-bottom {
    border: none;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 20px;
    margin-top: 10px;
}

/* Common: styles hr as even thinner and lighter line */
hr.seperator-slim {
    border: none;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    margin-top: 5px;
}

hr.seperator-items {
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0px;
    margin-top: 0px;
}

p.spacer {
    margin: 0px 0px 7px 0px;
    height: 0px;
    line-height: 0px;
}



/* change the default h3 header tag (used in page subsections) */
h3 {
    font-size: 20px;
    margin: 0px;
}

h1 {
    font-weight: normal;
    font-size: 30px;
    line-height:30px;
}

/* selectors for sorted by and ascending/descending above lists */
.list-sort-heading {
    font-size: 12px;
}

/* the standard size for an part image thumbnail */
.part-image {
    width: 80px;
    height: 80px;
}

/* the process workflow container at the top of certain pages */
.process-container {
    margin-top: 15px;
}

.process-container ul {
    float: right; 
    position: relative;
    height: 50px;
    background: url('/Content/images/steps-left.png');
    background-position-y: 0px;
    margin: 10px auto; 
    padding: 0px;
    color: graytext;
}

.process-container ul li 
{
    margin: 0px; 
    padding: 0px; 
    list-style: none;
    position: absolute; 
    top: 0px;
}
.process-container ul li, .process-container ul li a {
    height: 50px; 
    display: block;
}

/* Common: gives added visual importance (alert) */
.important {
    color: #b94a48; /* should be using bootstrap class text-error instead */
    font-weight: bold;
}

/* Common: a progress-style meter */
.meter { 
    height: 20px;  /* Can be anything */
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 5px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    border: 1px solid #ddd; 
    background-color: #d6d6d6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d6d6d6), to(#fefefe)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #d6d6d6, #fefefe); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #d6d6d6, #fefefe); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #d6d6d6, #fefefe); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #d6d6d6, #fefefe); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.meter > span {
    display: block;
    height: 100%;
    -webkit-border-top-right-radius: 13px;
    -webkit-border-bottom-right-radius: 13px;
    -webkit-border-top-left-radius: 13px;
    -webkit-border-bottom-left-radius: 13px;
    -moz-border-radius-topright: 13px;
    -moz-border-radius-bottomright: 13px;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
    -webkit-border-top-left-radius: 13px;
    -webkit-border-bottom-left-radius: 13px;
    -moz-border-radius-topleft: 13px;
    -moz-border-radius-bottomleft: 13px;
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
    background-color: rgb(43,194,83);
}

/* Common: subtle text that supports primary text */
.primary-text {
    font-weight: bold;
    font-size: 12pt;
    color: #6386C6;
}

.primary-text-disabled {
    font-weight: bold;
    font-size: 12pt;
    color: #999999;
}

.primary-text-error {
    font-weight: bold;
    font-size: 12pt;
    color: #b94a48; /*same color as bootstrap 'text-error'*/
}

/* Common: styling for major data result lists */
.results-header, .results-header a {
    font-weight: normal;
    color: #6e9acb;
    padding:13px 0 0 0;
}
.results-row {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.results-row:hover {
    background-color: #ffffcc;
    cursor: pointer;
}
.results-seperator {
    border-bottom: 1px solid #eee;
    margin-bottom: 7px;
}

/*.results-header>.span3 {
    min-height:;
}*/

.quoterequest-inprocess-row {
    background-color: #ffffee;
}
.quoterequest-pending-row {
    background-color: #f8f5f0;
}
.quoterequest-responded-row {
    background-color: #f5f8f5;
}
.quoterequest-quoted-row {
    background-color: #f0f8f0;
}
.quoterequest-cancelled-row {
    background-color: #f5f5f5;
}
.quoterequest-international-row {
    background-color: #f8f8f8;
}
.quoterequest-na-row {
    background-color: #ffffff;
}
.quoterequest-unassigned-row {
    background-color: #f8f0f0;
}

.trialrequest-inprocess-row {
    background-color: #ffffee;
}
.trialrequest-pending-row {
    background-color: #f8f5f0;
}
.trialrequest-completed-row {
    background-color: #f5f8f5;
}
.trialrequest-cancelled-row {
    background-color: #f5f5f5;
}
.trialrequest-international-row {
    background-color: #f8f8f8;
}
.trialrequest-na-row {
    background-color: #ffffff;
}
.trialrequest-unassigned-row {
    background-color: #f8f0f0;
}

.quote-pending-row {
    background-color: #f8f5f0;
}
.quote-complete-row {
    background-color: #f5f8f5;
}
.quote-promoted-row{
    background-color: #eee;
}
.quote-denied-row {
    background-color: #f8f0f0;
}
.quote-ordered-row {
    background-color: #f0f8f0;
}
.quote-expired-row {
    background-color: #f8f8f8;
}
.quote-cancelled-row {
    background-color: #f5f5f5;
}
.quote-historical-row {
    background-color: #f8f8f8;
}
.quote-inprocess-row {
    background-color: #ffffee;
}

.order-submitted-row {
    background-color: #f5f5f0;
}
.order-underreview-row {
    background-color: #f8f5f0;
}
.order-denied-row {
    background-color: #f8f0f0;
}
.order-ordered-row {
    background-color: #f5f5ff;
}
.order-shipped-row {
    background-color: #f5f8f8;
}
.order-cancelled-row {
    background-color: #f5f5f5;
}
.order-delivered-row {
    background-color: #f5fff5;
}
.order-notsubmitted-row {
    background-color: #ffffff;
}

.user-active-row {

}

.user-not-active-row {
    background-color: #f8f5f0;
}

.invoice-open-row {
    background-color: #ffffee;
}
.invoice-closed-row {
    background-color: #f5f5f5;
}


/* sub process steps for leading a user through a page or form */
.subprocess-content {
    display: inline-block;
    margin-top: 15px;
    vertical-align: top;
}
.subprocess-step {
    color: #E9E9E9;
    font-size: 90pt;
    display: inline-block;
    line-height: 130px;
}

.survey-question-step {
    /*color: #E9E9E9;*/
    color: #D3D3D3;
    font-size: 40pt;
    display: inline-block;
    line-height: 130px;
    /*margin-right:2%;
    margin-left:1%;*/
    float:left;
    width:60px;
    text-align:right;
   
}

.survey-question-verticalLine {
  border-left: thick solid #E9E9E9;
}

.survey-button {
      display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #006dcc;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}


/* Common: subtle text that supports primary text */
.subtle-text {
    color: grey;
}

/* container for sidebar material (suggestions, additional information, etc.) */
.sidebar {
    background-color: white; 
    padding: 0px 5px; 
    border: solid thin #ddd;
}

/* Common: summary panel styles */
.summary-heading {
    padding:10px 0 10px .5em;
    font-size: 18px;
    border: 1px solid #d1d1d1;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dfdfdf)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #f5f5f5, #dfdfdf); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #f5f5f5, #dfdfdf); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #f5f5f5, #dfdfdf); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #f5f5f5, #dfdfdf); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.summary-body {
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #ddd
}
.summary-footer {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    background-color: #808080;
}
.summary-footer-total {
    font-size: 16px;
}
.summary-order-status {
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 7px;
    color: #ffffff;
}

/* common: the top actions (buttons) for a page */
.top-actions {
    text-align: right;
    margin-top: 10px;
}

/* Common: horizontal arrangement of list items seperated by a pipe character */
ul.pipe li {
    border-left: 1px solid #ddd;
    -moz-border-left-colors: #ddd #999 #ddd;
    margin-left: 10px;
    padding-left: 10px;
    display: inline;
}
ul.pipe li:first-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

/* the user images */
.user-image {
    width: 80px;
}
.user-image-large {
    padding: 10px;
    border: 10px solid #f2f1f1;
}

.user-image-medium {
    padding: 5px;
    border: 5px solid #f2f1f1;
}

/* The metric title or values found at the top of several pages */
.major-metric-title {
    font-size: 12pt;
}
.major-metric-value {
    font-size: 22pt;
    font-weight: bold;
}



/* 3rd Party Overrides */
/*************************************************************************************/
/* Bootstrap: override the btn class and button.btn/button.btn-primary */

.btn {
    -webkit-border-radius: 0; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
    border-radius: 0; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    -webkit-box-shadow:none;
    box-shadow:none;
    text-shadow:none;
    border:none;
 
}
.btn-large {
    padding:9px 15px;
    font-size:15px;
 
}


.btn:hover, .btn:focus {
    text-decoration: none;
    background-position: 0 -37px;
}

button.btn, .btn {
    background-color: #427cbb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#427cbb), to(#3b6a9f)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #427cbb, #3b6a9f); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #427cbb, #3b6a9f); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #427cbb, #3b6a9f); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #427cbb, #3b6a9f); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    border-radius: 0;
    color:#f6f6f6;
    text-shadow:none;
}
button.btn:hover, .btn:hover {
    color:#fff;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color:#3b6a9f;
}

button.btn-primary, .btn-primary {
    color: #ffffff;
    text-shadow: none;
    background-color: #7eb458;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7eb458), to(#70a64a)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #7eb458, #70a64a); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #7eb458, #70a64a); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #7eb458, #70a64a); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #7eb458, #70a64a); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7eb458', endColorstr='#ff70a64a', GradientType=0);
    border:none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

button.btn-primary:hover, button.btn-primary:focus, button.btn-primary:active, button.btn-primary.active, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
color: #ffffff;
background-color: #5ba924;
}

.btn.btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn.btn-success {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child>.dropdown-toggle {
    border-radius: 0;
}

/* Bootstrap: this override is to position the alert box with a bit of space below the navigation */
.alert {
    margin-top: 10px;
}


/* Bootstrap: helper class that overrides the min-height of a span inside of a fluid row to keep it close to the content below */
.row-fluid [class*="span"] .span-short {
    min-height: 10px;
}

/* Chosen: this aligns the chosen control with other form elements horizontally */
.chzn-container {
    vertical-align: middle;
}

/* Bootstrap: search styling */
input[type="search"], .input[type="search"] {
    background-image: url('/content/images/search.png');
    background-repeat: no-repeat;
    background-position: right;
}

/* jQuery Validate: style error messages */
label.error {
    color: #b94a48; /* should be using bootstrap class text-error instead */
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
    padding-left: 25px;
    padding-bottom: 2px;
    background-image: url('/content/images/invalid-icon.png');
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: top;
}
/* styles for marking a required field */
label.required:after, h3.required:after {
    content: ' *';
    color: #b94a48; /* should be using bootstrap class text-error instead */
}
/* display valid form messages */
label.valid {
    color: green;
    background-image: url('/content/images/valid-icon.png');
    margin-top: 3px;
}

/* Common: message panel text content container */
.message-text-container {
    padding-top: 10px;
}

/* Page-specific */
/*************************************************************************************/
/* -- Home:Sales */
/* -- || metric boxes */
.home-sales-metric-container {
    background-color: white; 
    box-shadow: 0 0 1px #d1d1d1;

}
.home-sales-metric-title-container {
    position: relative;
    height: 75px;
}
.home-sales-metric-value-container {
    font-size: 20px;
    text-align: center;
    height: 75px;
}
/* -- || override from Common */
.home-sales-major-metric-title {
    font-size: 14pt;
    position: relative;
    top: 25%;
    left: 15px;
}
.home-sales-major-metric-value, .home-sales-major-metric-value:hover {
    color: #fff;
    display: inline-block;
    font-weight:normal;
    letter-spacing: -1px;
    position: relative;
    top: 32%;
}
/* -- || backgrounds for major metrics */
.home-sales-green {
    background-color: #229d25;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#229d25), to(#1b7b1d)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #229d25, #1b7b1d); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #229d25, #1b7b1d); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #229d25, #1b7b1d); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #229d25, #1b7b1d); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}
.home-sales-orange {
    background-color: #ee822a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee822a), to(#ba6621)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #ee822a, #ba6621); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #ee822a, #ba6621); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #ee822a, #ba6621); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #ee822a, #ba6621); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}
.home-sales-red {
    background-color: #e92525;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e92525), to(#b61d1d)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #e92525, #b61d1d); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #e92525, #b61d1d); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #e92525, #b61d1d); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #e92525, #b61d1d); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}
.home-sales-blue {
    background-color: #427cbb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#427cbb), to(#346192)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #427cbb, #346192); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #427cbb, #346192); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #427cbb, #346192); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #427cbb, #346192); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}

/* -- Orders:Create */
/* -- || new contact form */
.orders-create-well {
    border-top-color: #f5f5f5;
    background-color: white;
    border-top-width: 1px;
    background-image: none;
}
.orders-create-legend {
    margin-bottom: 10px;
}
a.new-contact-link {
    /*font-size: 12px;*/
    margin-left: 10px;
}
.contact-search-result {
    margin-bottom: 10px;
}
.contact-search-result-line {
    line-height: 13px;
}
.contact-search-result-secondary-line {
    margin-left: 10px;
    font-size: 12px;
}
.contact-search-result-name {
    font-weight: bold;
    font-size: 15px;
}
.contact-search-result-address {
    font-size: 12px;
}

/* -- Orders:Payment */
/* or statement stylings */
.orders-payment-or {
    border-bottom: 1px solid #ddd; 
    margin-bottom: 30px;
}
.orders-payment-or strong {
    position: relative; 
    left: 20px; 
    top: 10px; 
    z-index: 1; 
    padding-top: 2px; 
    padding-bottom: 2px; 
    padding-left: 5px; 
    padding-right: 5px; 
    background-color: grey; 
    color: #fff;
}

/* -- Orders:AddLineItems */
/* -- || line items table */
/*colors taken from the error, info, success and warning classes used for table rows in Bootstrap*/
.row-error {
    background-color: #F2DEDE;
}

.row-info {
    background-color: #D9EDF7;
}

.row-success {
    background-color: #DFF0D8;
}

.row-warning {
    background-color: #FCF8E3;
}

.row-selected {
    background-color: #ebf5e6
}

.row-unavailable {
    background-color: #eeeeee;
}

.add-remove-part {
    font-size:12px;
}

.span-item {
    padding: 10px;
}

/* add a background loader for all images */
.img-loader {
    background: url('/content/images/loading.gif') no-repeat;
    background-position: center;
}

.img-part-thumbnail {
    /*margin-left: 6px;*/
    border: 1px solid #ccc;
}

.img-part {
    text-align: center;
    padding:10px;
    border: 1px solid #ccc;
    background-color: #fff;
}

/* -- || product search */
input.part-search {
    font-size: x-large;
    height: 40px;
    padding: 5px;
    line-height: normal;
    width: 350px;
}
a.import-button {
    padding: 11px;
    margin-bottom: 6px;
}

search-title {
    font-size: 14px;
    font-weight: bold;
}

/* -- Orders:Import -- */
/* -- || import table */
.upload {
    height: 120px;
    background-color: #dbffd1;
    border: 1px solid #2b8700;
    text-align: center;
    margin-bottom: 5px;
}
.upload a {
    text-decoration: underline;
    display: inline-block;
    margin-top: 50px;
}
.part {
    background-color: #f1f1f1; 
    padding: 5px; 
    margin-top: 10px; 
    margin-bottom: 10px;
}
.part strong {
    vertical-align: middle;
}
.price {
    color: green; 
    font-weight: bold; 
    font-size: medium; 
    display: inline-block; 
    margin-bottom: 10px;
}
.table tbody tr:hover td, .table tbody tr:hover th {
    color: black;
}

table.table-borderless th, table.table-borderless td  {
    border-top-width: 0px;
}
.qty {
    display: block;
    font-size: x-small; 
    margin-top: -7px; 
    margin-right: 0px;
}
    
.qty-input {
    width: 25px; 
    text-align: right;
}

.showCheckbox {
    border-bottom:none;
}

/* -- Orders:BillOnDetails */
/* -- || line items table */
.bill-only-table {
    background-color: white; 
    border: thin solid #ddd;
}
.item-number {
    font-size: 18px;
    font-weight: bold;
}


/* -- Orders:Shipping */
/* -- || line item tables*/
#dull-header {
    opacity : 0.4;
    filter: alpha(opacity=40);
    background-color: #000;
}
#header {
    padding: 10px 0px;
    margin-bottom: 0px;
    background-color: #3b68ad;
    color: white;
}
.item-number {
    font-size: 18px;
    font-weight: bold;
}
.line-shadows {
    box-shadow: 1px 1px 1px #999;
       
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 19%, rgba(246,246,246,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(19%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); 
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 19%,rgba(246,246,246,1) 100%); 
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 19%,rgba(246,246,246,1) 100%); 
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 19%,rgba(246,246,246,1) 100%); 
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 19%,rgba(246,246,246,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); 
}
/* -- || modal dialog */
body.modal-open {
    overflow: hidden;
}
.highlightSelectedMethod {
    background-color: #ffffcc;
}

/* -- Orders:Review */
/* -- || line items table */
.summary-item-cell {
    padding: 1px 2px;
    border-top: 1px solid #f8f8f8;
}
.modalHeader {
    text-align: center; 
    padding:10px;
    border-bottom: 1px solid #ddd;
}

.modal-footer {
    border-bottom: 1px solid #ddd;
}
.modal-footer > div {
    text-align: center;
}
.modal-footer-buttons {
    padding: 10px;
}
.receipt-table {
    text-align: center; 
    width: 354px; 
    margin-left: auto; 
    margin-right: auto;
}
.receipt-table > div {
    width: 100%;
    padding: 10px;
}
.receipt-table-cell {
    padding: 10px 0px;
    width: 100%;
}
/*Begin: TFS WI# 8762; HPQC# 1674; Descr: new class added for mobile.*/
.receipt-table-cell-mobile {
    padding: 10px 0px 10px 0px;
    width: 80%;
    align-self:center;
}
/*End: TFS WI# 8762; HPQC# 1674;*/

/* -- Partials:QuoteSummary */
/* -- || metric boxes */
.partials-quotesummary-icon-shopping-cart {
    vertical-align: middle;
}

/* -- Partials:OrderProcess */
/* -- || the process flow steps at the top of the page */
.order-process-steps {
    width: 515px;
}

.order-process-steps > li {
    width: 105px;
    /*text-align: center;*/
}
.order-process-step-customer {
    left: 0; 
}
.order-process-step-parts {
    left: 106px; 
}
.order-process-step-shipping {
    left: 212px; 
}
.order-process-step-payment {
    left: 307px; 
}
.order-process-step-review {
    left: 425px; 
}

.order-process-step-label {
        position: relative; 
        top: -70px;
    }

/* -- Partials:OrderHeader */
/* -- || the order address and process navigation */
.btn-navigation-previous {
    padding:11px 19px 11px 11px;
    margin-top: 20px;
}
.btn-navigation-next {
    padding:11px 11px 11px 19px;
    margin-top: 20px;
    margin-left:12px;
}

/* -- Partials:OrderMetric */
.order-metric-cell {
    margin-bottom: 30px;
    text-align: center;
}


/* -- Partials:QuoteProcess */
/* -- || the process flow steps at the top of the page */

.quote-process-steps {
    width: 400px;
    /*text-align: center;*/
}

.quote-process-steps > li {
    width: 105px;
    /*text-align: center;*/
}
.quote-process-step-customer {
    left: 0; 
}
.quote-process-step-parts {
    left: 106px; 
}
.quote-process-step-tbd {
    left: 240px; 
}
.quote-process-step-options {
    left: 345px; 
}
.quote-process-step-review {
    left: 465px; 
}

.quote-process-step-label {
        position: relative; 
        top: -70px;
    }

.select-mini {
  height: 30px;
  width: 175px;
}

.helpimage>img {
    border:solid 1px;
}


td.DeliveryReport {
    background: url('/Content/images/button_expand.png') no-repeat center center;
    cursor: pointer;
}

.hideDeliveryReport {
    background: url('/Content/images/button_collapse.png') no-repeat center center;
    cursor: pointer;
}

td.MRBReport {
    background: url('/Content/images/button_expand.png') no-repeat center center;
    cursor: pointer;
}

.hideMRBReport {
    background: url('/Content/images/button_collapse.png') no-repeat center center;
    cursor: pointer;
}


td.SDRReport {
    background: url('/Content/images/button_expand.png') no-repeat center center;
    cursor: pointer;
}

.hideSDRReport {
    background: url('/Content/images/button_collapse.png') no-repeat center center;
    cursor: pointer;
}

td.CAPAReport {
    background: url('/Content/images/button_expand.png') no-repeat center center;
    cursor: pointer;
}

.hideCAPAReport {
    background: url('/Content/images/button_collapse.png') no-repeat center center;
    cursor: pointer;
}


.fileUpload {
    position: relative;
    overflow: hidden;
    /*margin: 10px;*/
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* Media Queries  */

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    
}