/**
* Override the rules generated with {Less} with pure {Css}
*/

.xt-form-error {
    border: 1px solid #b11d1a !important;
    outline: none;
    border-color: #b11d1a !important;
    box-shadow: 0px 0px 5px 2px #b11d1a !important
}

.xt-form-error[type="checkbox"] {
    /*
    outline: 1px solid #b11d1a !important;
    outline-offset: -1px;
    */
    background-color: #fcf8e3;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "pt_sansbold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.1;
  color: #2c5834; /*NM #2f4570, HK #333333;*/
}
.navbar-default {
  background-color: #2c5834; /*NM #2f4570, HK #333333;*/
  border-color: #262626;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #666666;
  background-color: #2c5834; /*NM #2f4570, HK #333333;*/
}
.navbar-default .navbar-toggle {
  border-color: #2c5834; /*NM #2f4570, HK #333333;*/
}
@media (max-width: 991px) {
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #666666;
    background-color: #2c5834; /*NM #2f4570, HK #333333;*/
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #2c5834; /*NM #2f4570, HK #333333;*/
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #2c5834; /*NM #2f4570, HK #333333;*/
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #2c5834; /*NM #2f4570, HK #333333;*/
}
.panel-default > .panel-heading {
  color: #e0e0e0; /*HK #333333;*/
  background-color: #2c5834; /*HK #f5f5f5; */
  border-color: #e0e0e0;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #2c5834; /*NM #2f4570, HK #333333;*/
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #1e3d24;  /*NM#02386a, HK #555555;*/
  background-color: #f5f5f5;
}
body {
  font-family: "pt_sansregular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #1e3d24;  /*NM#02386a, HK #555555;*/
  background-color: #ffffff;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #1e3d24;  /*NM#02386a, HK #555555;*/
}
.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #1e3d24;  /*NM#02386a, HK #555555;*/
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #1e3d24; /*NM#02386a, HK #555555;*/
  text-decoration: none;
}
.btn-default {
  color: #1e3d24;  /*NM#02386a, HK #555555;*/
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.btn-default:focus,
.btn-default.focus {
  color: #1e3d24; /*NM#02386a, HK #555555;*/
  background-color: #d5d5d5;
  border-color: #afafaf;
}
.btn-default:hover {
  color: #1e3d24;  /*NM#02386a, HK #555555;*/
  background-color: #d5d5d5;
  border-color: #d0d0d0;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #1e3d24;   /*NM#02386a, HK #555555;*/
  background-color: #d5d5d5;
  border-color: #d0d0d0;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #1e3d24;        /*NM#02386a, HK #555555;*/
  background-color: #c3c3c3;
  border-color: #afafaf;
}
.btn-default .badge {
  color: #eeeeee;
  background-color: #1e3d24; /*NM#02386a, HK #555555;*/
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #1e3d24;/*NM#02386a, HK #555555;*/
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #e0e0e0;
  border-radius: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #1e3d24;  /*NM#02386a, HK #555555;*/
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.thumbnail .caption {
  padding: 9px;
  color: #1e3d24; /*NM#02386a, HK #555555;*/
}
button.list-group-item {
  color: #1e3d24; /*NM#02386a, HK #555555;*/
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #1e3d24; /*NM#02386a, HK #262626;*/
}
#footer {
  border-top: 1px solid #0d0d0d;
  padding-bottom: 30px;
  padding-top: 30px;
  background-color: #2c5834; /*NM #2f4570, HK #333333;*/
  color: #999999;
}
#footer .headline {
  font-family: "pt_sansbold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.1;
  /*color: #333333;*/
  margin-top: 11px;
  margin-bottom: 11px;
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid #333333; /*1px solid #4d4d4d;*/
}
.product-shelf-life {
  margin-bottom: 0;
}
.product-shelf-life {
  font-weight: normal;
  font-family: "pt_sansregular", Helvetica, Arial, sans-serif;
  color: #313131;
  font-size: 14px;
  line-height: 1.5;
}
.product-shelf-life {
  white-space: nowrap;
}