/* -------------
P C Industries, LLC Stylesheet
Created by Braden Beer. 4/23/15
------------- */

body {
  background-image: url(/images/ui/bgrepeat.jpg);
  background-repeat: repeat;
}

h1, h2, h3 {
  font-family: arial black;
  font-style: italic;
}

.carousel-inner{
  background-color: grey;
}
div.item>img{
  max-height: 640px;
}

body:before { /*Adds the gradient overlay*/
  position: fixed;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 95px;
  z-index: -1;
  background: url(/images/ui/headerimageoverlay.png) bottom left repeat-x;
}

div.pci-header{ /*Header styling*/
  position: relative;
  background-image: url(/images/ui/headerbg.jpg);
  /*background-color: black;
  background-image: url(/images/ui/weldlogo.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;*/
  color: white;
  padding: 15px;
  margin: 0;
}

div.pci-header:before { /*Adds the gradient overlay*/
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 95px;
  background: url(/images/ui/headerimageoverlay.png) bottom left repeat-x;
}

.pci-page{ /*Generic Page Styling*/
  border: 4px solid grey;
  background-color: white;
  padding: 0;
}

.pci-logo{ /*Header Logo Style*/
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pci-bg{ /*Generic PCI Green Background Color with White Text*/
  background-color: #00995F;
  color: white;
}

.pci-price-btn{ /*PCI Green Button with Bold Text*/
  background-color: #95CE9A;
  font-weight: bold;
}

.pci-tool{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-right: 15px;
  background-color: grey;
}

.pci-tool-nav{
  position: relative;
  margin-top: -15px;
  margin-bottom: 10px;
}

.pci-carousel{
  max-width: 745px;
}

.pci-main-nav{ /*Main Navigation Style*/
  background: url(/images/ui/brushedmetalnav.jpg);
  background-repeat: repeat;
  border-radius: 0;
  border-bottom: solid 1px grey;
  box-shadow: 0 0 5px grey;
  font-size: 1.2em;
  font-family: arial black;
  font-style: italic;
}

.pci-manu-nav{ /*Manufacturer Navigation Style*/
  background: url(/images/ui/brushedmetalnav.jpg);
  background-repeat: repeat;
  border-radius: 0;
  border-bottom: solid 1px grey;
  box-shadow: 0 0 5px grey;
  font-size: 20px;
}

.pci-footer{
  width: 100%;
}

.pci-footer-element{
  width: 25%;
}

.pci-table > tbody > tr > td{
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.row{
  margin: 0;
}

.manu{ /*Nav image hover effects and maximum height*/
  max-height: 20px;
  filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
  transition: .1s linear;
    -webkit-transition: .1s linear;
}

.manu:hover{ /*Nav image hover effects*/
  filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
  transition: .1s linear;
    -webkit-transition: .1s linear;
}

.current-manu{ /*Remove the grayscale from the selected dropdown element in the nav*/
  max-height: 20px;
  filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
  transition: .1s linear;
    -webkit-transition: .1s linear;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus{ /*Remove gray background from opened nav elements*/
  background-color: transparent;
}

.pci-main-nav>div>ul>li>a{
  color: #333;
}

.main {
  position: relative;
}

.top-right {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 5;
}

.nav > li > a:hover,
.nav > li > a:focus { /*Overwrite Bootstrap background colors on nav links*/
  text-decoration: none;
  background-color: transparent;
}

.navbar-nav>li>a{
  padding: 15px 8px;
}

.tools{
  margin-right: 0px;
}

.dropdown-menu{
  border-radius: 0;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: rgba(100,100,100,.2);
}

.navbar-nav>li>.dropdown-menu{ /*Hide any overflow from background images on dropdowns*/
  overflow: hidden;
  background-image: url(/images/ui/brushedmetalnav.jpg);
}

.detroit:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10%;
  left: 0;
  z-index: -1;
  background: url(/images/ui/detroitnav.png) no-repeat;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
  opacity: 0.15;
}

.cummins:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 55%;
  z-index: -1;
  background: url(/images/ui/cumminsnavrotate.png) no-repeat;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
  opacity: 0.15;
}

.kocsis:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10%;
  left: 0;
  z-index: -1;
  background: url(/images/ui/kocsisnav.png) no-repeat;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
  opacity: 0.15;
}

.perkins:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10%;
  left: 0;
  z-index: -1;
  background: url(/images/ui/perkinsnav.png) no-repeat;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
  opacity: 0.15;
}

.johndeere:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10%;
  left: 0;
  z-index: -1;
  background: url(/images/ui/johndeerenav.png) no-repeat;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
  opacity: 0.15;
}

.caterpillar:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10%;
  left: 0;
  z-index: -1;
  background: url(/images/ui/caterpillarnav.png) no-repeat;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
  opacity: 0.15;
}

footer{
  font-size: 12px;
}

.panel-pci {
  border-color: #95CE9A;
}
.panel-pci > .panel-heading {
  color: #3c763d;
  background-color: #95CE9A;
  border-color: #95CE9A;
}
.panel-pci > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #95CE9A;
}
.panel-pci > .panel-heading .badge {
  color: #dff0d8;
  background-color: #95CE9A;
}
.panel-pci > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #95CE9A;
}

#reference-image:hover{
  cursor: pointer;
}

.parts-catalog{
  margin: 1px 1px;
}

.pci-search{
  margin-top: 8px;
}

.glyphicon-inverse{
  color: white;
}

.remove-margin{
  margin: 0;
}

table.half-columns td{
  width: 50%;
}

.relative{
  position: relative;
}

.pci-progress-bar-text{
  color: white;
  text-shadow: black 1px 1px 1px;
  position: absolute;
  width: 100%;
  text-align: center;
}

/* Parts and Engines pages*/
span.glyphicon.glyphicon-info-sign.pull-left{
  top: 4px;
  right: -5px;
}

.list-price{
  text-decoration: line-through;
}

.sale-price{
  color: red;
}

.you-save{
  color: red;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}

.sale-price{
  font-size:20px;
  font-weight:bold;
}

.add-to-truck{
  background-color: #E3E1B8;
}

.serial-number{
  left:15px;
}

.engine-list-item{
  padding-bottom: 10px;
}

.display-table-xs{
  display: table!important;
}

@media (min-width: 768px){
  .display-table-xs{
    display: none!important;
  }
}

table.cylinder-kits tr td:nth-child(n+2):not(:nth-last-child(-n+1)){
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

table.cylinder-kits-2 tr td:nth-child(n+3):not(:nth-last-child(-n+2)){
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.detroit-right-sidebar{
    background-color: #D3E0D1;
}

.model-nums{
  font-size: 40px;
  font-weight: bold;
}

.application-designation{
  color: #0000FA;
}

.design-variation{
  color: #487F1E;
}

.basic-engine-arrangement{
  color: #BC1E1E;
}

.specific-model-number{
  color: #E17D28;
}

.detroit-tint{
  background:
    linear-gradient(
      rgb(255, 0, 0),
      rgb(255, 98, 98)
    );
}

.cummins-tint{
  background:
    linear-gradient(
      rgb(199, 28, 34),
      rgb(202, 84, 88)
    );
}

.kocsis-tint{
  background:
    linear-gradient(
      rgb(24, 45, 88),
      rgb(123, 166, 255)
    );
}

.perkins-tint{
  background:
    linear-gradient(
      rgb(0, 82, 157),
      rgb(66, 115, 158)
    );
}

.johndeere-tint{
  background:
    linear-gradient(
      rgb(47, 125, 63),
      rgb(63, 165, 84)
    );
}

.caterpillar-tint{
  background:
    linear-gradient(
      rgb(255, 196, 0),
      rgb(237, 207, 72)
    );
}

.pci-tint{
  background:
    linear-gradient(
      rgb(0, 153, 95),
      rgb(135, 218, 168)
    );
}

.hover-cursor{
  cursor: pointer; cursor: hand;
}

.inverse {
  background-color: #222;
  color: #F5F5F5;
}

.table-hover>tbody>tr.inverse:hover>td, .table-hover>tbody>tr.inverse:hover>th, .table-hover>tbody>tr:hover>.inverse, .table-hover>tbody>tr>td.inverse:hover, .table-hover>tbody>tr>th.inverse:hover {
  background-color: #333;
}

.diag-brown {
  background-color: #83431D;
  color: #F5F5F5;
}

.diag-green {
  background-color: #2BBF00;
  color: #F5F5F5;
}

.diag-blue {
  background-color: #23527C;
  color: #F5F5F5;
}

.diag-red {
  background-color: #ad1f1f;
  color: #F5F5F5;
}

.diag-yellow {
  background-color: #F0DA00;
}

.table-hover>tbody>tr.filth:hover>td, .table-hover>tbody>tr.filth:hover>th, .table-hover>tbody>tr:hover>.filth, .table-hover>tbody>tr>td.filth:hover, .table-hover>tbody>tr>th.filth:hover {
  background-color: #7A461E;
}

.nav-tabs>li>a {
    font-family: arial black;
}

p {
  font-weight: bold;
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
  color: #337ab7;
}

.unstyled-link, .unstyled-link:hover, .unstyled-link:active, .unstyled-link:focus, .unstyled-link:visited {
  color: white;
  text-decoration: none;
}

.limit-height {
  max-height: 210px;
}