/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/template-overviews/shop-homepage)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-shop-homepage/blob/master/LICENSE)
 */
body {
  padding-top: 56px;
}

.list-group-item.active {
  color: #fff;
  /*background-color: #212b61;*/
  /*background-color: #0c0c2a;*/
  /*background-color: #2c2c7b;*/
  /*border-color: #2c2c7b;*/

  background-color: #343a40;
  border-color: #21262c;

}

.breadcrumb{
  color: #fff;
  background-color: #343a40;
}

.breadcrumb li a    {
  color: white;
  text-decoration: none;
}

.breadcrumb li a:hover{
   color: #6c757d;
 }

.breadcrumb >.active a {
  color: white;
}


.has-success{
  background-color: #f1f8e9;
  border-color: #c5e1a5 !important;
}
.has-error{
  background-color: #fde0dc;
  border-color: #f69988 !important;
}

[dir="rtl"] .input-group-addon:not(:last-child){
  border-right: 1px solid rgba(0,0,0,.15);
  border-left: 0;
}


.input-group{
  border-radius: 0
}
.form-control {
  border-radius: 0
}

.input-group-text{
  border-radius: 0
}

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

.btn-default {
  background: #d4d4d4;
  color: black;
}

.btn-default:hover {
  background: #797979;
  color: white;

}

/*.btn:hover {*/
    /*-webkit-box-shadow: 60px 0px 0 0 #656565 inset , -60px 0px 0 0 #656565 inset;*/
    /*color: white;*/
/*}*/

.order-details-label{
  width: 125px;
}


/*Cookie Consent Begin*/
#cookieConsent {
  background-color: rgba(20,20,20,0.8);
  min-height: 26px;
  font-size: 14px;
  color: #ccc;
  line-height: 26px;
  padding: 8px 0 8px 30px;
  font-family: "Trebuchet MS",Helvetica,sans-serif;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 9999;
}
#cookieConsent a {
  /*color: #4B8EE7;*/
  text-decoration: none;
}
#closeCookieConsent {
  float: right;
  display: inline-block;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin: -15px 0 0 0;
  font-weight: bold;
}
#closeCookieConsent:hover {
  color: #FFF;
}
/*#cookieConsent a.cookieConsentOK {*/
  /*background-color: #F1D600;*/
  /*color: #000;*/
  /*display: inline-block;*/
  /*border-radius: 5px;*/
  /*padding: 0 20px;*/
  /*cursor: pointer;*/
  /*float: right;*/
  /*margin: 0 60px 0 10px;*/
/*}*/
/*#cookieConsent a.cookieConsentOK:hover {*/
  /*background-color: #E0C91F;*/
/*}*/
#cookieConsent a.cookieConsentOK:hover {
   color: #2b2b2b;
 }
/*Cookie Consent End*/


.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-radius: 0;
}


.btn-ep4n{

  color: #fff;
  /*background-color: #007bff;*/
  /*border-color: #007bff*/
  /*color: #fff;*/
  /*background-color: #212b61;*/
  /*background-color: #0c0c2a;*/
  background-color: #2c2c7b;
  border-color: #25254a;
}

.btn-ep4n:hover {
  color: #fff;
  /*background-color: #0069d9;*/
  background-color: #274aa1;

  border-color: #1e6bb6
}

.btn-ep4n.focus, .btn-ep4n:focus {
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

/*==================================================================*/
.btn-outline-ep4n {
  color: #2c2c7b;
  border-color: #2c2c7b
}

.btn-outline-ep4n:hover {
  color: #fff;
  background-color: #2c2c7b;
  border-color: #25254a
}

.btn-outline-ep4n.focus, .btn-ep4n-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-ep4n.disabled, .btn-outline-ep4n:disabled {
  color: #2c2c7b;
  background-color: transparent
}

.btn-outline-ep4n:not(:disabled):not(.disabled).active, .btn-outline-ep4n:not(:disabled):not(.disabled):active, .show > .btn-outline-ep4n.dropdown-toggle {
  color: #fff;
  background-color: #2c2c7b;
  border-color: #25254a
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #2c2c7b;
}

.page-item-ep4n.active .page-link-ep4n {
  z-index: 1;
  color: #fff;
  background-color: #2c2c7b;
  border-color: #2c2c7b;
}

.btn-dark{
  /*border-color: #4478ff;*/
  border-color: #ffffff;

}

.btn-dark:hover {
  /*color: #2b2b2b;*/
  background-color: #3e73b8;
  border-color: #ffffff;

  /*border-color: #365793;*/
}

.nav-item-dark:hover{
  color: #ffffff;
  background-color: #3e73b8;
  border-color: #8eabff;
  border-radius: 5px;
}