/* CUSTOM BUTTONS */

/* No Bg Button */
.btn-no-bg {
    background-color: #ffffff00;
    border-color: #000000;
    color: #001110 !important;
  }
  
  .btn-no-bg:hover {
  background-color: #ffffff00;
  border-color: #000000;
  color: #001110 !important;
  }
  
  .btn-no-bg:focus {
  background-color: #ffffff00;
  border-color: #000000;
  box-shadow: none;
  }
  
  .btn-no-bg:active {
  box-shadow: None;
  }
  
  .btn-no-bg:active:focus {
  background-color: #ffffff00;
  border-color: #000000;
  box-shadow: None;
  }
  
  /* Blue Button */
  .btn-blue {
    background-color: #2e6ca4;
    border-color: #2e6ca4;
    color: #fff !important;
  }
  
  .btn-blue:hover {
    background-color: #1661a3;
    border-color: #1661a3;
    color: #fff !important;
  }
  
  .btn-blue:focus {
    background-color: #2e6ca4;
    border-color: #1a94ff;
    box-shadow: none;
  }
  
  .btn-blue:active {
    box-shadow: None;
  }
  
  .btn-blue:active:focus {
    background-color: #03345f;
    border-color: #1a94ff;
    box-shadow: None;
  }
  
  /* Dark Blue Button */
  .btn-dark-blue {
    background-color: #333f50;
    border-color: #333f50;
    color: #fff !important;
  }
  
  .btn-dark-blue:hover {
    background-color: #2e3e55;
    border-color: #2e3e55;
    color: #fff !important;
  }
  
  .btn-dark-blue:focus {
    background-color: #333f50;
    border-color: #576f92;
    box-shadow: none;
  }
  
  .btn-dark-blue:active {
    box-shadow: None;
  }
  
  .btn-dark-blue:active:focus {
    background-color: #223146;
    border-color: #576f92;
    box-shadow: None;
  }



  /* Orange Button */
  .btn-orange {
    background-color: #EF5241;
    border-color: #EF5241;
    color: #fff !important;
    border-radius: 0px !important;
  }
  
  .btn-orange:hover {
    background-color: #EF5241;
    border-color: #EF5241;
    color: #fff !important;
  }
  
  .btn-orange:focus {
    background-color: #EF5241;
    border-color: #EF5241;
    box-shadow: none;
  }
  
  .btn-orange:active {
    box-shadow: None;
  }
  
  .btn-orange:active:focus {
    background-color: #EF5241;
    border-color: #EF5241;
    box-shadow: None;
  }
  

  /* Brown Button */
  .btn-brown {
    background-color: #A44F30;
    border-color: #A44F30;
    color: #fff !important;
    border-radius: 0px !important;
  }
  
  .btn-brown:hover {
    background-color: #A44F30;
    border-color: #A44F30;
    color: #fff !important;
  }
  
  .btn-brown:focus {
    background-color: #A44F30;
    border-color: #A44F30;
    box-shadow: none;
  }
  
  .btn-brown:active {
    box-shadow: None;
  }
  
  .btn-brown:active:focus {
    background-color: #A44F30;
    border-color: #A44F30;
    box-shadow: None;
  }
  
  /* Opaque Button */
  .btn-opaque {
    background-color: #ffffff00;
    border-color: #944f0065;
  }
  
  .btn-opaque:hover {
    background-color: #00000000;
    border-color: #00000000;
  }
  
  .btn-opaque:focus {
    background-color: #00000000;
    border-color: #00000000;
    box-shadow: none;
  }
  
  .btn-opaque:active {
    box-shadow: None;
  }
  
  .btn-opaque:active:focus {
    background-color: #00000000;
    border-color: #00000000;
    box-shadow: None;
  }
  
  
  /* Red Opaque Button */
  .btn-red-opaque {
    background-color: #ffffff00;
    border-color: #ffffff00;
    color: #940000 !important;
  }
  
  .btn-red-opaque:hover {
    background-color: #ffffff00;
    border-color: #ffffff00;
    color: #680000 !important;
  }
  
  .btn-red-opaque:focus {
    background-color: #ffffff00;
    border-color: #ffffff00;
    color: #570000 !important;
    box-shadow: none;
  }
  
  .btn-red-opaque:active {
    box-shadow: None;
    color: #fff;
  }
  
  .btn-red-opaque:active:focus {
    background-color: #ffffff00;
    border-color: #ffffff00;
    box-shadow: None;
  }
  
  
  /* Yellow Button */
  .btn-remove-fav {
    background-color: rgba(255, 255, 255, 0);
    color: #c50000 !important;
    padding:0.5px;
    margin-top: -0.5px;
  }
  
  .btn-remove-fav:hover {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
    color: #7e0000 !important;
  }
  
  .btn-remove-fav:focus {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
    color: #7e0000 !important;
    box-shadow: none;
  }
  
  .btn-remove-fav:active {
    box-shadow: None;
    color: rgba(255, 255, 255, 0);
  }
  
  .btn-remove-fav:active:focus {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
    box-shadow: None;
  }
  
  
  /* Grey Button */
  .btn-grey {
    background-color: #767171;
    border-color: #767171;
    color: #fff !important;
  }
  
  .btn-grey:hover {
    background-color: #5e5a5a;
    border-color: #5e5a5a;
    color: #fff !important;
  }
  
  .btn-grey:focus {
    background-color: #767171;
    border-color: #ccc2c2;
    box-shadow: none;
  }
  
  .btn-grey:active {
    box-shadow: None;
  }
  
  .btn-grey:active:focus {
    background-color: #333131;
    border-color: #ccc2c2;
    box-shadow: None;
  }
  
  
  /* Black Button */
  .btn-blk {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff !important;
    border-radius: 0% !important;
  }
  
  .btn-blk:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff !important;
  }
  
  .btn-blk:focus {
    background-color: #000000;
    border-color: #000000;
    box-shadow: none;
    color: #ffffff !important;
  }
  
  .btn-blk:active {
    box-shadow: None;
  }
  
  .btn-blk:active:focus {
    background-color: #000000;
    border-color: #000000;
    box-shadow: None;
  }