/* Navbar */
.navbar {
  background-color: #007bff !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}
.navbar .navbar-brand,
.navbar a,
.navbar-nav > li > a,
.navbar-toggle {
  color: #fff !important;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  color: #f1f1f1 !important;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:focus,
.navbar-nav > .active > a:hover {
  background-color: #0056b3 !important;
  color: #fff !important;
}
/* Toggle Button */
.navbar-toggle {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.navbar-toggle .icon-bar {
  background-color: #fff !important;
}

/* Switch */
.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 20px;
}
.switch input { opacity: 0; width: 0; height: 0; }
.slider {
  position: absolute; cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background: #ccc; transition: .4s;
}
.slider:before {
  content: ""; position: absolute;
  height: 17px; width: 17px;
  left: 4px; bottom: 4px;
  background: #fff; transition: .4s;
}
input:checked + .slider { background: #1403f9; }
input:checked + .slider:before { transform: translateX(13px); }
.slider.round { border-radius: 34px; width: 38px; height: 24px; }
.slider.round:before { border-radius: 50%; }

/* Switch wrap */
.switch-wrap {
  display: inline-flex; align-items: center;
  margin-bottom: 20px; padding: 10px 20px 10px 10px;
  border: 1px solid #d9d9d9; background: #57555520;
}
.switch-wrap .switch { margin-right: 5px; }
.switch-wrap label { margin: 0; }
.switch-wrap .switch span { background: rgb(39 128 227) !important; }

/* Orders history table switch group */
.orders-history__margin-table .table-bg .switch-group {
  display: flex; align-items: center; float: none; visibility: visible;
}

/* Copy Orders Btn */
#copy-orders-btn { top: -10px; margin-left: 7px; font-weight: 600; font-size: 15px; }

/* Social Button */
#social-btn {
  background: #ff4b36 url(https://storage.perfectcdn.com/9b5331/ttltxr4cyiqn1wmw.png) no-repeat right;
}
.social-btn-wrap {
  display: flex; flex-wrap: wrap; align-items: center;
  justify-content: space-between; list-style: none; margin-bottom: 6px; padding: 0;
}
ul.social-btn-wrap li { flex-grow: 1; }

/* Category Filters */
.CatFltr {
  min-width: 130px; margin: 9px; padding: 15px;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  background: #f5f5f5; border: 1px solid #e3e3e3; color: #2a2b35 !important;
  font-size: 16px; text-decoration: none !important;
}
.CatFltr i { font-size: 20px; margin-right: 10px; }

/* Cards */
.tgcard, .wpcard {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 20px; padding: 15px;
  background: #f5f5f5; border: 1px solid #e3e3e3; cursor: pointer;
}
.tgcard i, .wpcard i { font-size: 50px; }
.tgcard p, .wpcard p { margin-bottom: 5px; font-size: 18px; font-weight: 600; }
.tgcard small, .wpcard small { font-size: 14px; color: #ffffff99; line-height: 1.3; }
.tgcard i, .tgcard p b { color: #39acdf; }
.wpcard i, .wpcard p b { color: #17d217; }

/* Dark Mode */
body.dark { color: #fff; background: #252525; }
body.dark .form-control { color: #fff; background: #252525; border: 1px solid #212121; }
body.dark .well, body.dark .CatFltr, body.dark .tgcard, body.dark .wpcard {
  background: #3b3b3b; border: 1px solid #434343; color: #fff !important;
}
body.dark .switch-wrap { border: 1px solid #4b4b4b; }
body.dark pre { color: #fff; background: #252525; }
body.dark .orderid-copy-sanjot { color: #fff; }