/** colors http://paletton.com/#uid=5481o0kcorV3XKR7Sybhmn7lTiW
#D5D2E6 palette base
#342A68 base darker
#958FB6 base lighter

#f5f5f5 light grey bg

greens secondary
#7FBA72 light green buttons?
#377E28 darker green

reds tertiary
# 8D2D3E dark mauve

@import url("http://fonts.googleapis.com/css?family=Lato:100,300,400,600,700,900,400italic");

body {
  padding: 0px 0px;
/**  background-color: rgb(220, 220, 220);**/
/**  background-color:#C4C0D7; **/

/** loading icon for report_orders_by_category **/
/** http://smallenvelop.com/display-loading-icon-page-loads-completely/ **/
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(/catalog/includes/templates/preloader.gif) center no-repeat #fff;
}
/** \\loading icon for report_orders_by_category **/


font-family: 'Lato', sans-serif;
  background-color:#f5f5f5
}
.schematic {

}
.table-parts td, .table-parts th {
    min-width: 65px;
}
.row-browse-categories {
  padding: 10px 5px;
}
/** checkout form **/
.form-group-compact {
    margin-bottom: 3px;

}
.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}
.cart-right {
  min-width: 65px;
}
.h5-cart-address{
  margin-top: 5px;
margin-bottom: 5px;
}

.label-cart-address {
  padding-top: 1px !important;

}

/** end checkout form **/
/** cetagory boxes **/
.panel-category {
  font-family: 'Lato', sans-serif;
    font-size: 14pt;
    color:#D5D2E6;
    font-weight: 600;
    padding: 5px;
    text-align: center;
  }
  /** pagination **/
  .pagination-stout {
    margin: 0;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: right;
  }
  .row .row-breadcrumb {
    background-color: #f5f5f5;
  }
  .breadcrumb-left {
    text-align: left;
  }
  .breadcrumb-left > ol >li {
    margin-top: 5px;
    font-weight: 600;
  }
  .breadcrumb-right {
    text-align: right;
  }
  .breadcrumb-bottom {
    text-align: center;
  }

/** PRODUCT LISTING BOXES **/
.product-list {
  list-style: none;
  display: inline-block;
  font-family: 'Lato', sans-serif;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.product-list > li {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 5px rgb(51, 51, 51);
  box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
  padding: 0px;
  margin: 0px 0px 5px auto;
  width: 100%;
}
.product-list > li > img {
  width: auto;
/*  max-width: 120px;*/
  max-height: 155px;
}
.product-list > li > .info {
  padding-top: 5px;
  text-align: center;
}
.product-list > li > .info > .title {
  font-size: 11pt;
  font-weight: 600;
  margin: 0px;
}
.product-list > li > .info > .desc {
  font-size: 13pt;
  font-weight: 300;
  margin: 0px;
}
.product-list > li > .info > ul {
  display: table;
  list-style: none;
  margin: 10px 0px 0px;
  padding: 0px;
  width: 100%;
  text-align: center;
}
.product-list > li > .info > ul > li {
  display: table-cell;
  /*cursor: pointer;*/

  font-size: 11pt;
  font-weight: 500;
  padding: 3px 0px;
}
  .product-list > li > .info > ul > li > a {
  display: block;
  width: 100%;
  color: rgb(30, 30, 30);
  text-decoration: none;
}
.product-list > li > .info > ul > li:hover {
  color: rgb(30, 30, 30);
  background-color: rgb(200, 200, 200);
}

@media (min-width: 768px) {
  .product-list > li {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 120px;
    padding: 0px;
  }
  .product-list > li > img  {
    display: inline-block;
  }
  .product-list > li > time,
  .product-list > li > img {
  /*	width: 120px;*/
    float: left;
  }
  .product-list > li > .info {
    background-color: rgb(245, 245, 245);
    overflow: hidden;
  }
  .product-list > li > img {
    /*width: 120px;
    height: 120px;*/
    max-width: 160px;
    max-height: 120px;
    padding: 0px;
    margin: 0px;
  }
  .product-list > li > .info {
    position: relative;
    height: 120px;
    text-align: left;
    padding-right: 40px;
  }
  .product-list > li > .info > .title,
  .product-list > li > .info > .desc {
    padding: 0px 5px;
  }
  .product-list > li > .info > ul {
    position: absolute;
    left: 0px;
    bottom: 0px;
  }
}
/** END PRODUCT LISTING BOXES **/
/** Root category browse things **/
.panel-dept-name {  background-color: rgb(240, 240, 240);
                    color:#012269;
                    font-size: 2em;
                    padding: 2px;
                  border-radius: 0px 10px 10px 0px; 
                  border: 2px solid #012269;
                }
.panel-dept-num { background-color:#012269;
                  color:#fff;
                  font-size: 2em;
                  padding: 2px;
                  padding-right: 0px;
                  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
                  border-radius: 10px 0px 0px 10px; 
                  border: 2px solid #012269;
                }
.panel-dept {  
    padding-bottom: 10px;

 }
 .nav-panel-head {  
    padding-right: 0px;

 }
 .nav-panel-body {  
    padding-left: 0px;
                 }


@media (min-width: 768px) {
  .panel-dept-name {  background-color: rgb(240, 240, 240);
                      color:#012269;
                      font-size: 2em;
                      padding: 5px;
                    border-radius: 0px 0px 10px 10px; }
  .panel-dept-num { background-color:#012269;
                    color:#fff;
                    font-size: 2.5em;
                    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
                    border-radius: 10px 10px 0px 0px; }
  .panel-dept {  }
   .nav-panel-head {  
    padding-right: 15px;

 }
 .nav-panel-body {  
    padding-left: 15px;
                 }
}
/** end Root category browse things **/
.greyRow {
  padding: 5px;
  background-color:#eee;
  color: #012269
}
.whiteRow {
  padding: 5px;
  background-color:#dcdcdc;
  color: #012269
}
.panel-order-list  {
  padding: 5px;
  width: 100%;
  text-decoration: none;
}
.panel-order-list a {
  width: 100%;
  text-decoration: none;
}
.row-orderlist:hover {
  color: rgb(30, 30, 30);
  background-color: rgb(200, 200, 200);
}

.halfbox {
    margin: 0 auto;
    padding-top: 50px;
    width: 50%;
}
.cart_store_alert {
  margin-bottom: 0;
}
/** Schematic picker */
.panel.schematic-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.schematic-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.schematic-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
.schematic-nav-tabs.panel-success .nav-tabs > li > a,
.schematic-nav-tabs.panel-success .nav-tabs > li > a:hover,
.schematic-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.schematic-nav-tabs.panel-success .nav-tabs > .open > a,
.schematic-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.schematic-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.schematic-nav-tabs.panel-success .nav-tabs > li > a:hover,
.schematic-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.schematic-nav-tabs.panel-success .nav-tabs > li.active > a,
.schematic-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.schematic-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.schematic-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.schematic-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;
}
.schematic-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.schematic-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.schematic-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.schematic-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.schematic-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/** end schematic picker

/** Product_info **/
.col-sm-6.col-sm-pull-6.p-info-description > h1 {
  font-size: 1.2em;
}
.panel-finish-content {  background-color: rgb(240, 240, 240);
                    color:#012269;
                    font-size: 1em;
                    padding: 5px;
                  border-radius: 0px 0px 10px 10px; }
.panel-finish-title { background-color:#012269;
                  color:#fff;
                  font-size: 1.2em;
                  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
                  border-radius: 10px 10px 0px 0px; }

.p-info-title {
  color:#012269;
  font-size: 15pt;
  font-weight: 600;
}
.p-info-description {
  color:#012269;
  font-size: 11pt;
  font-weight: 300;
}


/** Badgebox things http://bootsnipp.com/snippets/featured/badgebox-css-checkbox-badge **/
  /* Hiding the checkbox, but allowing it to be focused */
  .badgebox  {
      opacity: 0;
  }
  .badgebox + .badge  {
      /* Move the check mark away when unchecked */
      text-indent: -999999px;
      /* Makes the badge's width stay the same checked and unchecked */
  	width: 27px;
  }
  .badgebox:focus + .badge  {
      /* Set something to make the badge looks focused */
      /* Adding a light border */
      box-shadow: inset 0px 0px 5px;
      /* Taking the difference out of the padding */
  }
  .badgebox:checked + .badge  {
      /* Move the check mark back when checked */
  	text-indent: 0;
  }

/** end badgebox things */

/** BOOTSTRAP OVERRIDES **/
a {
    color: #012269;
    text-decoration: none;
}
.pagination > li > a, .pagination > li > span {
    color: #012269;
    font-weight: 600;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #012269;
    border-color: #012269;
    color: #fff;
    z-index: 2;
}
.navbar {
    margin-bottom: 0;
}
.breadcrumb {
    margin-bottom: 5px;
}
.panel {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 0px;
}
.btn-primary {
color: #fff;
background-color: #7FBA72;
border-color: #7FBA72;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #7FBA72;
    border-color: #7FBA72; /*set the color you want here*/
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #635b8a;
    border-color: #635b8a;
    color: #fff;
    cursor: default;
    z-index: 3;
}
.icon_manuals {
  color:#012269;
  font-size: .5em;
}
.btn-logout {
  margin-bottom:10px;
  margin-top:5px;
}
.body {
  margin-bottom:10px;
}
.btn-default .badge {
    color: #fff;
    background-color: #7FBA72;
}
/** END BOOTSTRAP OVERRIDES **/