/*
Static file for Theme changes
Theme name: My SPA Theme
Version: 1.0
Template: Howdy
*/

/*
Static file for Theme changes
Theme name: My SPA Theme
Version: 1.0
Template: Howdy
*/


button.btn.btn-info.pull-right.ng-binding.ng-click-active {
    font-size: large;
}
.panel-category-list ul li a img {
    max-height: 250PX;
}

#newCustomizationLink {
    color: blue;
    text-decoration: blink;
    text-decoration: underline;
    text-transform: uppercase;
}

#kitInstructions {
    color: red;
    font-style: bold;
}
    
#node.Subcategories{
    margin-left: 5px;
}

.dropdown-mega {
    background-color: white;
    border: none;
}
btn,
.panel-nav ul li {
    font-size: 16px
}

#checkoutButton {
    font-size: 16px
}

.fa-caret-up, .fa-caret-down, .badge {
    font-size: x-large;
}


body {
    font-size: 18px;
}

.fa-warning {
    color: red;
    font-size: 22px;
}


.fa-edit {
    color: green;
    font-size: 22px;
}


.thumbnail2 img {
  max-width: 100%;
  margin: 0 auto 15px;
}


h3, .h3 {
    font-size: 18px;
}

.panel-category-list ul li .well.image-bg  {
    background-size: contain;
}


#hamburgerNav {
    font-size: 14px;
}


.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    font-size: 16px;
}
    
.navbar .container .navbar-nav.pull-left li.fadeInLeft a i,
.navbar .container-view .navbar-nav.pull-left li.fadeInLeft a i {
  color: #FFFFFF;
}

/*business card variable image*/
.product-image-large {
  margin: 0 auto;
  max-height: 800px;
  max-width: 100%;
}

/*Kit product image of item in kit */
.product-image-thumbnail {
    margin: 0 auto;
    height: 300px;
    max-width: 100%;
}


/*kit Configure link*/
#configure {
    background-color:yellow;
}

/*cart error message Kit options havent been chosen */
#errorMessage {
    color: red;
    font-size:  20px;
     margin: 10px 5px;
}


/*kit options*/
#kit_options {
    color: red;
    font-size:  20px;
   
}

/*mobile site top nav bar  */
.navbar .container .navbar-nav, .navbar .container-view .navbar-nav {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.text-info {
    color: #950000;
}

.text-primary {
    color: #950000;
    font-size: 18px;
}

/*mobile view of product list so pricing is not hidden*/
@media (max-width: 767px)
.hidden-xs {
    
    display: inline;


/*copy cost center button green */
.btn-default2 {
    background-color: #85c285;
}

.btn-success {
    border-color: #940000;
}

.btn-success {
    background-color: #C3C3C3;
}

.btn-success, .btn-success:hover {
    color: #940000;
}

.btn-warning {
    background-color: #F9E79F;
}

.btn-danger {
   background-color: #d9534f;
}

.btn-danger,
.btn-danger:hover {
   color: #fff
}

.btn-danger {
   border-color: #b12a1c;
}

.btn-danger:hover {
   background-color: #ab3326;
}

.order-cloud .form-signin {
    background: #333333;
}

.btn-info:hover {
background-color: #808B96;
}

.main-wrapper {
  background-color:#FFFFFF;
  max-width: 1500px;
  margin: 0 auto;
}

.jumbotron h2 img {
  max-height: 100%;
}

h5 {
    font-size: 20px;
}
.alert-warning {
    background-color: #f9da9b;
    border-color: #f9da9b;
    color: #940000;
}

/*variants title font size */
.view-form-icon label {
    font-size: 18px;
    
}

/*checkout button when disapbled appearance*/
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    background-color: lightgrey;

/*highlight kit options in cart*/
.panel-lineitem a.line-item-link i {
    background-color:   yellow;
    color:  red;
}

/*trash font on variant page*/
.text-warning {
    color: #840000;
    font-size: 24px;
}

.jetzoom-lens {
	 1. border: none;
	 2. width: 70%;
	 3. height: 70%;
	 4. border-radius: 20px;
	 5. box-shadow: 0 0 10px rgba(0,0,0,.4);
	 6. cursor: none;
}

body {
    font-size: 16px;
}

.panel-nav {
    font-size: 16PX;
}

.dropdown-mega > a i {
    padding: 5px;
    font-weight: bold;
    font-size: 30px;
    color: #850000;
}

@media (min-width: 1400px) {
  .panel-product-list ul li.inline {
    width: 33%;
    padding:1% 3%;
  }
}
@media (max-width: 1399px) and (min-width: 940px){
  .panel-product-list ul li.inline {
    width: 50%;
    padding:1% 3%;
  }
}

/* edit link kit item details  */
.fa fa-edit,
.panel-kit .kit-item-row {
    font-size: 24px;
}

.fa-warning:before, 
.fa-exclamation-triangle:before {
    color: red;
    
}


/*highlight kit options in cart*/
.panel-lineitem a.line-item-link i {
    background-color:   yellow;
    color:  red;
}


/* image on item detail page*/
.product-image-large {
    margin: 0 auto;
    max-height: 750px;
    max-width: 100%;
    
.panel-product-list ul li {
    width: 100%;
    padding: 20px;
}

.thumbnail img {
    max-height: 270px;
    max-width: 100%;
    margin: 0 auto 15px;
}

Bootstrap assumes "Phone First", so all the above definitions control the view on an extra small device*/
/* Use Media Queries to change css on elements as the screen grows larger */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /*.class {
    property:value;
  }*/
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /*.class {
    property:value;
  }*/
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /*.class {
    property:value;
  }*/