html {
    background-color: #555;
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: 100%;
}

body {
    background-color: #555;
    border-top: solid 10px #555;
    color: #fff;
    font-size: 1.2em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 100%;
    height: 100%;
}

.attachment-link,
.attachment-link:link,
.attachment-link:visited,
.attachment-link:active {
    color: #000 !important;
}

.attachment-link:hover {
    color: #59a3c0 !important;
}

.message-center-message-attachment {
    width: 500px;
    border: 1px solid #ccc;
}

.message-center-message-attachment th {
    padding: 2px;
}

.message-center-message-attachment td {
    padding: 2px;
    white-space: nowrap;
}

.message-center-message {
    width: 100%;
}

.message-center-message th {
    padding: 1px;
    white-space: nowrap;
    font-size: 8pt;
    width: 1%;
    vertical-align: top;
    padding-right: 5px;
}

.message-center-message td:first-child {
    white-space: normal !important;
    border-left: 0 !important;
    padding: 5px !important;
    font-size: 8pt;
    vertical-align: top !important;
    width: 1% !important;
    white-space: nowrap;
}

.message-center-message td:last-child {
    white-space: normal !important;
    border-left: 0 !important;
    padding: 1px !important;
    padding-left: 0 !important;
    padding-top: 1px !important;
    font-size: 8pt;
    vertical-align: top !important;
    width: 98% !important;
}

.message-center-description {
    margin-bottom: 10px;
}

.message-center {
    width: 100%;
}

.message-center .panel {
    color: #000;
    margin-bottom: 0;
}

.message-center .panel .panel-heading {
    padding: 5px 10px;
}

.message-center .alert {
    padding: 3px;
    margin-bottom: 3px;
}

.message-center td {
    vertical-align: top;
    padding: 0;
    padding-right: 15px;
}

.container .message-center-tron, .container-fluid .message-center-tron {
    color: #fff;
    background-color: #d00d3a;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding: 10px 20px 20px 20px;
    margin-bottom: 30px;
}

.message-center-tron h3 {
    margin-bottom: 10px;
}

.container .jumbotron, .container-fluid .jumbotron {
    color: #fff;
    background-color: #d00d3a;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding-top: 30px;
    min-height: 300px;
}

.jumbotron .lead {
    font-size: 1.5em;
}

.jumbotron img {
    margin-top: 20px;
    margin-right: 10px;
}

.jumbotron h2 {
    margin-bottom: 20px;
}

.btn-primary {
    border-color: #fff;
}

.btn-primary:hover {
    border-color: #fff;
}

#highlights-grid h1 {
    padding-left: 20px;
    padding-bottom: 20px;
}

#highlights-grid table {
    width: 100%;
}
#highlights-grid table th {
    white-space: nowrap;
    width: 1%;
    font-size: 16pt;
    padding: 20px;
}
#highlights-grid table td {
    width: 99%;
    font-size: 12pt;
    padding: 20px;
}

.navbar-header img {
    height: 30px; 
    width: 30px; 
    float: right; 
    margin-top: 11px;
}

.navbar {
    border-bottom: 1px solid #d00d3a;
}

.navbar-right {
    margin-right: -5px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.modal-body {
    min-height: 300px;
    max-height: 600px;
    overflow-y: scroll;
}

/* CUSTOM CSS */
.card { 
    background-color: white; 
    padding: 25px; 
    margin-bottom: 25px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    color: #555;
    position: relative;
}

.card a:link, 
.card a:visited,
.card a:active,
.card a:hover {
    color: #337ab7;
}

.card a:hover {
}

a 
{
    color: #59a3c0;
}

.btn-cancel {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.btn-cancel:focus,
.btn-cancel.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-cancel:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.register {
    width: 900px;
}

.contact {
    width: 800px;
}

.login {
    width: 50%;
}
.contact-title {
    font-weight: bold;
}

.hotline {
    font-weight: bold;
    color: #ff0000;
}

.dashboard {
    min-height: 100%;
    height: 100%;
}

.dashboard .leftcol {
    vertical-align: top;
    padding-right: 12px;
    width: 70%;
    padding-bottom: 25px;
    min-height: 100%;
    height: 100%;
    position: relative;
}

.dashboard .rightcol {
    vertical-align: top;
    padding-left: 12px;
    width: 30%;
    margin-bottom: 25px;
    min-height: 100%;
    height: 100%;
    position: relative;
}

.dashboard .leftcol .card, 
.dashboard .rightcol .card  {
    min-height: 100%;
    height: 100%;
    position: relative;
}

.card-title {
    font-size: 16pt;
    text-align: right;
    padding-bottom: 10px;
    padding-right: 5px;
}

.card-subtitle {
    font-size: 12pt;
    text-align: right;
    padding-bottom: 10px;
    padding-right: 5px;
    margin-top: -10px;
    font-style: italic;
}

.table th {
    background-color: #555;
    color: #fff;
}

.profile {
    width: 100%;
}

.profile-title {
    font-weight: bold;
    text-transform: uppercase;
}

.profile th {
    width: 30%;
    padding: 2px;
    vertical-align: top;
    background-color: #555;
    color: #fff;
}

.profile td {
    width: 70%;
    padding: 2px;
}

.profile table {
    width: 100%;
}

.profile table th {
    width: 25%;
    white-space: nowrap;
    background-color: #eee;
    color: #000;
}

.profile table td {
    width: 75%;
}

.rep-info table {
    width: 100%;
}

.rep-info table th {
    width: 25%;
    white-space: nowrap;
    background-color: #eee;
    color: #000;
}

.rep-info table td {
    width: 75%;
}

.quick-link {
    font-size: 11pt;
}

.missing-info {
    font-style: italic;
}

.rep-info {
    width: 100%;
}

.rep-info td {
    width: 70%;
    padding: 2px;
}

.rep-info th {
    width: 30%;
    padding: 2px;
    vertical-align: top;
}

.reps {
    width: 100% !important;
}
.reps td {
    width: 50% !important;
    vertical-align: top;
}
.reps table {
    width: 100% !important;
}
.reps table th {
    width: 30% !important;
}
.reps table td {
    width: 70% !important;
}
.rep-title {
    font-weight: bold;
    text-transform: uppercase;
}

a 
{
    color: #59a3c0;
}
a:hover, a:focus 
{

}
a:focus 
{

}
a:active, a:hover
{

}

.tracking {
    width: 100%;
}

.tracking th {
    color: #000;
    background-color: #eee;
}

.tracking td {
    width: 50%;
}

.shipment-detail-1 {
    width: 100%;
}

.shipment-detail-1 td {
    width: 20%;
    padding: 5px;
}

.shipment-detail-1 th {
    width: 20%;
    padding: 5px;
    background-color: #555;
    color: #fff;
}

.shipment-detail-2 {
    width: 100%;
}

.shipment-detail-2 td {
    width: 33%;
    padding: 5px;
    vertical-align: top;
}

.shipment-detail-2 th {
    width: 33%;
    padding: 5px;
    background-color: #555;
    color: #fff;
}

.shipment-detail-3 {
    width: 100%;
}

.shipment-detail-3 th {
    padding: 5px;
    white-space: nowrap;
    background-color: #555;
    color: #fff;
}

.shipment-detail-3 td {
    padding: 5px;
    white-space: nowrap;
    vertical-align: top;
}

.shipment-col-large {
    width: 94%;
}

.shipment-col-small {
    width: 1%;
}

.shipment-tracking {
    width: 100%;
}

.shipment-tracking th {
    width: 25%;
    padding: 5px;
    white-space: nowrap;
    background-color: #555;
    color: #fff;
}

.shipment-tracking td {
    width: 25%;
    padding: 5px;
    white-space: nowrap;
}

.shipment-section-header {
    font-weight: bold;
}


.salesorder-detail-1 {
    width: 100%;
}

.salesorder-detail-1 td {
    width: 16.6%;
    padding: 5px;
}

.salesorder-detail-1 th {
    width: 16.6%;
    padding: 5px;
    background-color: #555;
    color: #fff;
}

.salesorder-detail-2 {
    width: 100%;
}

.salesorder-detail-2 td {
    width: 33%;
    padding: 5px;
    vertical-align: top;
}

.salesorder-detail-2 th {
    width: 33%;
    padding: 5px;
    background-color: #555;
    color: #fff;
}

.salesorder-detail-3 {
    width: 100%;
}

.salesorder-detail-3 th {
    padding: 5px;
    white-space: nowrap;
    background-color: #555;
    color: #fff;
 }

.salesorder-detail-3 td {
    padding: 5px;
    white-space: nowrap;
    vertical-align: top;
}

.salesorder-detail-4 {
    width: 100%;
}

.salesorder-detail-4 th {
    width: 25%;
    padding: 5px;
    white-space: nowrap;
    background-color: #555;
    color: #fff;
 }

.salesorder-detail-4 td {
    width: 25%;
    padding: 5px;
    white-space: nowrap;
    vertical-align: top;
}


.salesorder-col-large {
    width: 94%;
}

.salesorder-col-small {
    width: 1%;
}

.salesorder-shipment-col-large {
    width: 40%;
}

.salesorder-shipment-col-small {
    width: 20%;
}


.salesorder-shipment {
    width: 100%;
}

.salesorder-shipment th {
    padding: 5px;
    white-space: nowrap;
    background-color: #555;
    color: #fff;
}

.salesorder-shipment td {
    padding: 5px;
    white-space: nowrap;
    vertical-align: top;
}

.salesorder-tracking {
    width: 100%;
}

.salesorder-tracking th {
    width: 25%;
    padding: 0;
    white-space: nowrap;
    background-color: #eee;
    color: #000;
}

.salesorder-tracking td {
    width: 25%;
    padding: 0;
    white-space: nowrap;
}

.salesorder-section-header {
    font-weight: bold;
}

.invoice-detail-1 {
    width: 100%;
}

.invoice-detail-1 td {
    width: 25%;
    padding: 5px;
}

.invoice-detail-1 th {
    width: 25%;
    padding: 5px;
    background-color: #555;
    color: #fff;
    text-transform: uppercase;
}

.invoice-detail-2 {
    width: 100%;
}

.invoice-detail-2 td {
    width: 33%;
    padding: 5px;
    vertical-align: top;
}

.invoice-detail-2 th {
    width: 33%;
    padding: 5px;
    background-color: #555;
    color: #fff;
    text-transform: uppercase;
}

.invoice-detail-3 {
    width: 100%;
}

.invoice-detail-3 th {
    padding: 5px;
    white-space: nowrap;
    background-color: #555;
    color: #fff;
    vertical-align: bottom;
    text-transform: uppercase;
}

.invoice-detail-3 td {
    padding: 5px;
    white-space: nowrap;
    vertical-align: top;
}

.invoice-detail-4 {
    width: 100%;
}

.invoice-detail-4 td {
    width: 16.66%;
    padding: 5px;
}

.invoice-detail-4 th {
    width: 16.66%;
    padding: 5px;
    background-color: #555;
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase;
}

.invoice-shipment {
    width: 100%;
}

.invoice-shipment th {
    padding: 5px;
    white-space: nowrap;
    background-color: #555;
    color: #fff;
    text-transform: uppercase;
}

.invoice-shipment td {
    padding: 5px;
    white-space: nowrap;
    vertical-align: top;
}

.invoice-tracking {
    width: 100%;
}

.invoice-tracking th {
    width: 25%;
    padding: 0;
    white-space: nowrap;
    background-color: #eee;
    color: #000;
    text-transform: uppercase;
}

.invoice-tracking td {
    width: 25%;
    padding: 0;
    white-space: nowrap;
}

.invoice-section-header {
    font-weight: bold;
}

.invoice-col-large {
    width: 94%;
}

.invoice-col-small {
    width: 1%;
}

.invoice-shipment-col-large {
    width: 40%;
}

.invoice-shipment-col-small {
    width: 30%;
}

.dealer-name {
    font-weight: bold;
    font-size: 1.3em;
}
.dealer-membership {
    font-weight: bold;
    font-size: 1.1em;
}
.price-col {
    text-align: right;
}
.invoice-detail-4 td.terms-disclaimer {
    padding: 0;
    font-size: 8pt;
    text-align: center;
}
.invoice-header {
    width: 100%;
}
.invoice-header td {
    vertical-align: top;
}
.invoice-header-left-col {
    white-space: nowrap;
    width: 1%;
}
.invoice-header-middle-col {
    width: 98%;
    text-align: center;
}
.invoice-header-right-col {
    white-space: nowrap;
    width: 1%;
}

.invoice-header th {
    padding-right: 3px;
    text-transform: uppercase;
}
.invoice-header-title {
    font-weight: bold;
    font-size: 14pt;
}
.remit-box {
    border: 2px solid #555;
    display: inline-block;
    padding: 2px;
}

.serial td {
    padding: 0;
    padding-left: 5px;
}

.serial th {
    padding: 0;
    background-color: #fff;
    color: #555;
    vertical-align: top;
}

.print-icon {
    float: right;
    margin-top: -15px;
    margin-right: -15px;
    vertical-align: top;
}
.print-icon img {
    height: 50px;
    width: 50px;
}
.discount {
    width: 100%;
}
.discount td {
    width: 70%;
}
.discount th {
    width: 30%;
}

.partdetail-info {
    width: 100%;
}
.partdetail-info td {
    padding: 5px;
}
.partdetail-info th {
    background-color: #555;
    color: #fff;
    padding: 5px;
    text-transform: uppercase;
}
.partdetail-info-wide {
    width: 49%;
}
.partdetail-info-narrow {
    width: 1%;
    white-space: nowrap;
}
.partdetail-title {
    text-transform: uppercase;
    font-weight: bold;
}

.partdetail-detail {
    width: 100%;
}
.partdetail-detail td {
    padding: 5px;
    width: 80%;
}
.partdetail-detail th {
    background-color: #555;
    color: #fff;
    padding: 5px;
    text-transform: uppercase;
    width: 20%;
    white-space: nowrap;
}

.date-range-filter {
    width: 300px;
}
.date-range-filter td:first-child {
    padding-left: 0;
}
.search td {
    padding: 3px;
}
.date-range-filter td {
    padding: 5px;
}

.required
{
    font-weight: bold;
    color: red; 
    padding-left: 3px;
}
.form-create {
    width: 700px;
}
.form-create td {
    white-space: nowrap;
    padding: 5px;
}
.form-create th {
    padding: 5px;
    width: 20%;
}

.home-navigation {
    width: 100%;
}

.home-navigation td {
    width: 25%;
    text-align: center;
}

.home-navigation td table {
    width: 100%;
}

.card-navigation {
    width: 100%;
}

.card-navigation td {
    width: 50%;
    text-align: center;
}

.card-navigation td table {
    width: 1%;
}
.card-navigation td table td {
    white-space: nowrap;
}

.current-dealer {
    width: 100%;
}
.current-dealer td {
    padding: 0;
    text-align: right;
}
.current-dealer form .form-control {
    float: right;
    display: block;
    margin-bottom: 12px;
}

.register table th {
    white-space: nowrap;
    vertical-align: middle;
}

.register table th label {
    margin-top: -10px;
}

.register table td {
    vertical-align: middle;
}

.dealer-loading-message {
    margin-top: 5px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    100000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/Content/images/spinner.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 300px;
  margin-bottom: 20px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  background-color: #777;
}
.carousel-inner > .item > img {
  margin: auto;
  display: block;
  height: 300px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

@media print {
    a[href]:after {
        content: none !important;
    }
}