/* *****************************************************



    ** Custom Stylesheet **



    Any custom styling you want to apply should be

    defined here.



***************************************************** */

html,body {

    height: 100%;

}



a {

    color: #830000;

}

a:focus, a:hover {
    color: #830000;
}




div.header-lined h1 {

    margin-top: 0;

    margin-bottom: 15px;

    padding:6px 0;

    border-bottom:3px solid #830000;

    font-weight: 400;

    color: #830000;

}

section#main-menu {

    background-color: #830000;

}

section#header {
    margin: 0;
    padding: 10px 0;
    background: #eee;
    border-radius: 5px 5px 0 0;
}
section#home-banner {
    margin: 0;
    padding: 50px 0 60px;
    background-color: #cecece;
    color: #fff;
}





/**

 * -------------------------

 * @section Home Page Shortcut Buttons

 * -------------------------

 */



.home-shortcuts {

  margin: 0;

  background: #000;

  color: #fff;

}

.home-shortcuts ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

.home-shortcuts li {

  float: left;

  width: 24%;

  padding: 5px 3px;

  border-right: 1px solid #830000;

  font-size: 0.9em;

  text-align: center;

  cursor: pointer;

  overflow: hidden;

  white-space: nowrap;

}

.home-shortcuts li:first-child {

  border-left: 1px solid #830000;

}

.home-shortcuts li a {

  display: block;

  color: #FFf;

  text-decoration: none;

}

.home-shortcuts li i {

  font-size: 22px;

}

.home-shortcuts li p {

  margin: 2px 0 0;

  text-transform: uppercase;

}

.home-shortcuts li span {

  display: none;

}

.home-shortcuts li:hover span {

  display: inline-block;

}

.home-shortcuts .lead {

  margin: 0;

  line-height: 55px;

}

@media (max-width: 992px) {

  .home-shortcuts ul {

    text-align: center;

  }

}

@media (max-width: 767px) {

  .home-shortcuts li {

    display: block;

    float: none;

    width: 100%;

    border-right: 0;

    border-bottom: 1px solid #830000;

  }

  .home-shortcuts li:first-child {

    border-left: 0;

  }

  .home-shortcuts li:last-child {

    border: 0;

  }

  .home-shortcuts ul:hover li {

    width: 100%;

  }

}





#top-nav {

    float: right;

    margin: 0;

    padding: 0;

}

#top-nav .nav {

    margin: 0;

    padding: 0;

    line-height: 22px;

    font-size: 14px;

}

#top-nav a.quick-nav {

    margin: 0 0 0 15px;

    padding: 0;

    color: #232323;

}

cite, em, i {

  font-style: italic;

  color: #830000;

}





.dataTables_wrapper .dataTables_info {

    padding: 9px 10px;

    background-color: #000;

    border: 0;

    border-bottom: 1px solid #fff;

    font-size: 0.9em;

    color: #fff;

    border-radius: 4px 4px 0 0;

    text-align: left !important;

}

.btn-warning {

  background-image: -webkit-linear-gradient(top, #830000 0%, #830000 100%);

  background-image:      -o-linear-gradient(top, #830000 0%, #830000 100%);

  background-image: -webkit-gradient(linear, left top, left bottom, from(#830000), to(#830000));

  background-image:         linear-gradient(to bottom, #830000 0%, #830000 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#830000', endColorstr='#830000', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

  background-repeat: repeat-x;

  border-color: #fff;

}

.btn-warning:hover,

.btn-warning:focus {

  background-color: #830000;

  background-position: 0 -15px;

}

.btn-warning:active,

.btn-warning.active {

  background-color: #830000;

  border-color: #fff;

}

.btn-warning.disabled,

.btn-warning:disabled,

.btn-warning[disabled] {

  background-color: #830000;

  background-image: none;

}

.btn-info {

  background-image: -webkit-linear-gradient(top, #830000 0%, #830000 100%);

  background-image:      -o-linear-gradient(top, #830000 0%, #830000 100%);

  background-image: -webkit-gradient(linear, left top, left bottom, from(#830000), to(#830000));

  background-image:         linear-gradient(to bottom, #830000 0%, #830000 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#830000', endColorstr='#830000', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

  background-repeat: repeat-x;

  border-color: #fff;

}

.btn-info:hover,

.btn-info:focus {

  background-color: #830000;

  background-position: 0 -15px;

}

.btn-info:active,

.btn-info.active {

  background-color: #830000;

  border-color: #fff;

}

.btn-info.disabled,

.btn-info:disabled,

.btn-info[disabled] {

  background-color: #830000;

  background-image: none;

}

.btn.btn-action {
    background-color: #830000;
    border-color: #4c0000;
}

.btn-success {

  background-image: -webkit-linear-gradient(top, #232323 0%, #232323 100%);

  background-image:      -o-linear-gradient(top, #232323 0%, #232323 100%);

  background-image: -webkit-gradient(linear, left top, left bottom, from(#232323), to(#232323));

  background-image:         linear-gradient(to bottom, #232323 0%, #232323 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232323', endColorstr='#232323', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

  background-repeat: repeat-x;

  border-color: #fff;

}

.btn-success:hover,

.btn-success:focus {

  background-color: #232323;

  background-position: 0 -15px;

}

.btn-success:active,

.btn-success.active {

  background-color: #232323;

  border-color: #fff;

}

.btn-success.disabled,

.btn-success:disabled,

.btn-success[disabled] {

  background-color: #232323;

  background-image: none;

}

.btn-primary {

  background-image: -webkit-linear-gradient(top, #232323 0%, #232323 100%);

  background-image:      -o-linear-gradient(top, #232323 0%, #232323 100%);

  background-image: -webkit-gradient(linear, left top, left bottom, from(#232323), to(#232323));

  background-image:         linear-gradient(to bottom, #232323 0%, #232323 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232323', endColorstr='#232323', GradientType=0);

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

  background-repeat: repeat-x;

  border-color: #fff;

}

.btn-primary:hover,

.btn-primary:focus {

  background-color: #232323;

  background-position: 0 -15px;

}

.btn-primary:active,

.btn-primary.active {

  background-color: #232323;

  border-color: #fff;

}

.btn-primary.disabled,

.btn-primary:disabled,

.btn-primary[disabled] {

  background-color: #232323;

  background-image: none;

}

.popover-title {

  padding: 8px 14px;

  margin: 0;

  font-size: 14px;

  background-color: #232323;

  border-bottom: 1px solid #830000;

  border-radius: 5px 5px 0 0;

color: #FFf;

}













.panel-default>.panel-heading {

  color: #fff;

  border-color: #830000;

}

.home-kb-search .form-control {

    border: 0;

    background-color: #232323;

    color: #fff;

    padding-left: 50px;

}

.home-kb-search i {

    color: #830000;

}



/**

 * -------------------------

 * Client Homepage Tiles

 * -------------------------

 */



.tiles {

    margin: 0 15px 15px 15px;

}

.tiles .tile {

    padding: 12px 20px;

    background-color: #232323;

    border-right: 1px solid #830000;

}

.tiles .tile a {

    text-decoration: none;



}

.tiles .tile:hover {

    background-color: #232323;

    cursor: pointer;

}

.tiles .tile .highlight {

    margin-top: 4px;

    height: 2px;

    border-radius: 2px;

}

.tiles .tile:last-child {

    border: 0;

}

@media (max-width: 767px) {

    .tiles .tile:nth-child(2) {

        border: 0;

    }

    .tiles .tile:nth-child(1),

    .tiles .tile:nth-child(2) {

        border-bottom: 1px solid #830000;

    }

}

.tile .icon {

    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 48px;

    line-height: 1;

    color: #830000;

}

.tile .stat {

    margin-top: 20px;

    font-size: 40px;

    line-height: 1;

color: #fff;

}

.tile .title {

    font-weight: bold;

    color: #fff;

    text-transform: uppercase;

    font-size: 12px;

}



.breadcrumb {

  padding: 8px 15px;

  margin-bottom: 20px;

  list-style: none;

  background-color: #f0f0f0;

  border-radius: 4px;

}

.breadcrumb>.active {

  color: #830000;

}



div.header-lined .breadcrumb {

  margin-top: -15px;

  font-size: 0.7em;

  border-radius: 0 0 4px 4px;

  color: #830000;

}







.panel-title {

  margin-top: 0;

  margin-bottom: 0;

  font-size: 16px;

  color: #fff;

}













.client-home-panels .panel > .panel-heading {

  background-color: #232323;

}



/**

 * -------------------------

 * @section Support Tickets

 * -------------------------

 */



.ticket-attachments-message {

    padding-top: 4px;

    font-size: 0.8em;

}



.ticket-reply {

    margin: 10px 0;

    padding: 0;

    border: 1px solid #232323;

    background-color: #fff;

}



.ticket-reply.staff {

    border: 1px solid #232323;

}



.ticket-reply .date {

    float: right;

    padding: 8px 10px;

    font-size: 0.8em;

color: #fff;

}



.ticket-reply .user {

    padding: 5px 0;

    background-color: #232323;

color: #fff;

}



.ticket-reply.staff .user {

    background-color: #232323;

color: #fff;

}



.ticket-reply .user i {

    float: left;

    font-size: 2.2em;

    padding: 2px 15px;

}



.ticket-reply .user .name {

    display: block;

    font-size: 0.9em;

}



.ticket-reply .user .type {

    display: block;

    font-weight: bold;

    font-size: 0.8em;

}



.ticket-reply .message {

    padding: 12px 15px;

}



.ticket-reply .rating,

.ticket-reply .rating-done {

    float: right;

    padding: 5px 10px;

    unicode-bidi: bidi-override;

    direction: rtl;

    font-size: 24px;

}

.ticket-reply .rating span.star,

.ticket-reply .rating-done span.star {

    font-family: FontAwesome;

    font-weight: normal;

    font-style: normal;

    display: inline-block;

}

.ticket-reply .rating-done .rated {

    display: inline-block;

    font-size: 12px;

    font-family: Tahoma;

}

.ticket-reply .rating span.star:hover {

    cursor: pointer;

}

.ticket-reply .rating span.star:before,

.ticket-reply .rating-done span.star:before {

    content: "\f006";

    padding-right: 0;

    color: #999;

}

.ticket-reply .rating span.star:hover:before,

.ticket-reply .rating span.star:hover ~ span.star:before,

.ticket-reply .rating-done span.star.active:before  {

    content: "\f005";

    color: #F2DE88;

}



.ticket-reply .attachments {

    margin: 0;

    padding: 10px 20px;

    border-top: 1px dashed #efefef;

    background-color: #f8f8f8;

    font-size: 0.8em;

}



.ticket-reply .attachments ul {

    margin: 0;

    padding: 0 0 0 15px;

    list-style: none;

}



.ticket-reply .clear {

    clear: both;

}



.panel > .list-group .ticket-details-children {

    border-width: 0;

}

.panel > .list-group .ticket-details-children .title {

    font-weight: bold;

}

.panel > .list-group .ticket-details-children:nth-child(even) {

    background-color: #232323;

color: #ffffff;

}

.panel > .list-group .ticket-details-children:last-child {

    border-width: 0 0 1px 0;

}

.panel-info {
    border-color: #232323;
}

.panel-info>.panel-heading {

  color: #ffffff;
    background-color: #232323;
  border-color: #232323;

}

.panel-danger>.panel-heading {

  color: #fff;

  background-color: #830000;

  border-color: #ebccd1;

}
div.home-twitter {
    margin-top: 20px;
    margin-bottom: 40px;
}
div.tweet > i {
    color: #830000;
    float: left;
    margin-right: 0px;
}
div.tweet span {
    font-size: 12px;
    color: #830000;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
  line-height:50px;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
 line-height:50px;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
line-height:50px;
}
.panel-warning>.panel-heading {
  color: #fff;
  background-color: #f5f5f5;
  border-color: #faebcc;
}
.panel-success>.panel-heading {
  color: #fff;
  border-color: #faebcc;
}
/**
 * -------------------------
 * Panel Accents
 * -------------------------
 */

.panel.panel-accent-gold {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-green {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-red {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-blue {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-orange {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-pink {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-purple {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-lime {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-magenta {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-teal {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-turquoise {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-emerald {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-amethyst {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-wet-asphalt {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-midnight-blue {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-sun-flower {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-pomegranate {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-silver {
    border-top: 3px solid #f9f9f9;
}
.panel.panel-accent-asbestos {
    border-top: 3px solid #f9f9f9;
}

/**
 * -------------------------
 * Background Colors
 * -------------------------
 */

.bg-color-gold {
    background-color: #f9f9f9;
}
.bg-color-green {
    background-color: #f9f9f9;
}
.bg-color-red {
    background-color: #f9f9f9;
}
.bg-color-blue {
    background-color: #f9f9f9;
}
.bg-color-orange {
    background-color: #f9f9f9;
}
.bg-color-pink {
    background-color: #f9f9f9;
}
.bg-color-purple {
    background-color: #f9f9f9;
}
.bg-color-lime {
    background-color: #f9f9f9;
}
.bg-color-magenta {
    background-color: #f9f9f9;
}
.bg-color-teal {
    background-color: #f9f9f9;
}
.bg-color-turquoise {
    background-color: #f9f9f9;
}
.bg-color-emerald {
    background-color: #f9f9f9;
}
.bg-color-amethyst {
    background-color: #f9f9f9;
}
.bg-color-wet-asphalt {
    background-color: #f9f9f9;
}
.bg-color-midnight-blue {
    background-color: #f9f9f9;
}
.bg-color-sun-flower {
    background-color: #f9f9f9;
}
.bg-color-pomegranate {
    background-color: #f9f9f9;
}
.bg-color-silver {
    background-color: #f9f9f9;
}
.bg-color-asbestos {
    background-color: #f9f9f9;
}
.client-home-panels .panel > .panel-heading .panel-title .btn {
  color: #000;
  border: 0;
}
#up {
    color: #777;
    width: 100%;
    background: #111;
}
.navbar-main {
    background-color: #830000;
}
navbar-main .navbar-nav > .active > a, .navbar-main .navbar-nav > .active > a:focus, .navbar-main .navbar-nav > .active > a:hover, .navbar-main .navbar-nav > .open > a, .navbar-main .navbar-nav > .open > a:focus, .navbar-main .navbar-nav > .open > a:hover, .navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > li > a:hover {
    background-color: #bf0000;
}
.navbar-main li.account {
    background-color: #bf0000;
}
ul.top-nav > li.primary-action > a.btn {
    background-color: #bf0000;
}
/** order */
#order-standard_cart .view-cart-items-header {
    background-color: #232323 !important;
}

#order-standard_cart .view-cart-items {
    border-bottom: 2px solid #232323 !important;
}

#order-standard_cart .empty-cart .btn {
    background-color: #232323 !important;
}

#order-standard_cart .sub-heading span {
    color: #232323 !important;
}