.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.text-orange {
  color: #fd7e14 !important;
} 

a.text-orange:hover, a.text-orange:focus {
  color: #c05702 !important;
}

.text-green {
  color: #28a745 !important;
} 
a.text-green:hover, a.text-green:focus {
  color: #1e7b34 !important;
}

.text-hope {
  color: #ecec23 !important;
} 
a.text-hope:hover, a.text-hope:focus {
  color: #cece12 !important;
}
 
.btn-hope{
     color:#212529;background-color:#ecec23;border-color:#ecec23
 }
 .btn-hope:hover{
     color:#212529;background-color:#cece12;border-color:#bcbc10
 }
 .btn-hope.focus,.btn-hope:focus{
     color:#212529;background-color:#cece12;border-color:#bcbc10;box-shadow:0 0 0 .2rem rgba(206, 206, 18, 0.5)
 }
 .btn-hope.disabled,.btn-hope:disabled{
     color:#212529;background-color:#ecec23;border-color:#ecec23
 }
 .btn-hope:not(:disabled):not(.disabled).active,
          .btn-hope:not(:disabled):not(.disabled):active,.show>.btn-hope.dropdown-toggle{
     color:#212529;background-color:#bcbc10;border-color:#8d8d0c
 }
 .btn-hope:not(:disabled):not(.disabled).active:focus,.btn-hope:not(:disabled):not(.disabled):active:focus,.show>.btn-hope.dropdown-toggle:focus{
     box-shadow:0 0 0 .2rem rgba(206, 206, 18, 0.5)
 }
 
 .bg-hope{
     background-color:#ecec23!important
 }
 a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{
     background-color:#cece12!important
 }
 
 #shop-icon{
   position: fixed;
   left:5px;
   bottom:100px;
 }
 #imgcart:hover{
     width: 35px;
     height: 35px;
     cursor: pointer;
 }
 #cart-detail{
     display: none;
 }
 

 .notification {
  background:transparent;
  color: white;
  text-decoration: none;
  padding: 2px 2px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}
.notification .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background: red;
  color: white;
}