:root {
  --theme-black: #0a0000;
  --theme-red: #a60000;
  --theme-red-dark: #7b0000;
  --theme-cell: #680000;
  --theme-brown: #2e0900;
  --theme-gold: #c47b08;
  --theme-gold-light: #ffe36b;
  --theme-cream: #fff2cc;
  --theme-muted: #f2d9ae;
}

* { box-sizing: border-box; }

html, body { min-height: 100%; margin: 0; }

body {
  font-family: 'Kanit', Tahoma, sans-serif;
  width: 100%;
  min-height: 100vh;
  color: var(--theme-cream);
  background-image: linear-gradient(rgba(10, 0, 0, .88), rgba(46, 9, 0, .92)), url('img/bg.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 0rem !important;
}

.navbhar,
.navbar {
  cursor: pointer !important;
  color: var(--theme-cream);
  background: linear-gradient(180deg, var(--theme-red), var(--theme-red-dark));
  border-bottom: 2px solid var(--theme-gold);
  box-shadow: 0 5px 16px rgba(0, 0, 0, .45);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  cursor: pointer !important;
  color: var(--theme-gold-light) !important;
}

.dropdown-toggle {
  cursor: pointer !important;
}

.dropdown-item {
  cursor: pointer !important;
  color: var(--theme-cream);
  background: var(--theme-cell);
}

.dropdown-menu {
  padding: .35rem;
  background: var(--theme-red-dark);
  border: 1px solid var(--theme-gold);
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--theme-gold-light);
  background: var(--theme-brown);
}

.card,
.modal-content,
.panel,
.content-box {
  color: var(--theme-cream);
  background: linear-gradient(180deg, var(--theme-red), var(--theme-red-dark));
  border: 2px solid var(--theme-gold);
  border-radius: 14px;
  box-shadow: inset 0 0 0 1px var(--theme-gold-light), 0 12px 28px rgba(0, 0, 0, .42);
}

.card-header,
.modal-header,
.panel-heading {
  color: var(--theme-gold-light);
  background: var(--theme-red-dark);
  border-bottom: 1px solid var(--theme-gold);
}

.form-control,
.custom-select {
  color: #301000;
  background: #fff8e5;
  border: 2px solid var(--theme-gold);
}

.form-control:focus,
.custom-select:focus {
  border-color: var(--theme-gold-light);
  box-shadow: 0 0 0 .2rem rgba(196, 123, 8, .24);
}

.btn-primary,
.btn-warning {
  color: #351000;
  font-weight: 700;
  background: linear-gradient(180deg, #fff183, #ffc52e 52%, #b96a00);
  border-color: var(--theme-gold-light);
}

.btn-primary:hover,
.btn-warning:hover {
  color: #230900;
  background: linear-gradient(180deg, #fff6ad, #ffd348 52%, #c47b08);
  border-color: #fff6ad;
}

.offline {
  color: #ff766e;
  font-weight: 700;
}

.online {
  color: #a9ef78;
  font-weight: 700;
}

a { color: var(--theme-gold-light); }
a:hover { color: #fff6ad; }
::selection { color: var(--theme-cream); background: var(--theme-red); }

/* HEHEHERO modern blue donate theme */
html,body{background:#061a2b!important;background-image:linear-gradient(rgba(4,24,40,.82),rgba(4,24,40,.9)),url('/images/hehero/inner_bg.jpg')!important;background-size:cover!important;background-attachment:fixed!important;color:#eef9ff!important}
.card{background:rgba(7,35,58,.96)!important;border:1px solid rgba(73,199,255,.48)!important;border-radius:16px!important;box-shadow:0 18px 45px rgba(0,0,0,.35)!important;overflow:hidden}
.card-header,.card-footer{background:linear-gradient(180deg,#0d5f9d,#073d66)!important;color:#fff!important;border-color:rgba(73,199,255,.32)!important}.card-body{background:rgba(8,45,72,.82)!important}.navbar.bg-dark{background:#061f35!important}.dropdown-menu{background:#082d49!important;border-color:#2aa9eb!important}.dropdown-item,.nav-link{color:#eaf7ff!important}.dropdown-item:hover{background:#0d5f9d!important;color:#fff!important}.table{color:#eaf7ff!important}.table th{background:#0d5f9d!important;color:#fff!important;border-color:#2aa9eb!important}.table td{background:rgba(5,34,56,.94)!important;color:#eaf7ff!important;border-color:rgba(73,199,255,.2)!important}.table-hover tbody tr:hover td{background:#0b4772!important;color:#fff!important}.input-group-text{background:#0d5f9d!important;color:#fff!important;border-color:#2aa9eb!important}.form-control{background:#f7fcff!important;color:#08243a!important;border-color:#65cfff!important}.btn-success{background:#0786c9!important;border-color:#46c8ff!important}.bg-danger{background:#0b4772!important}