body {
  font-family: 'Kanit', sans-serif;
  width: 100%;
  height: 100vh;
  background-color: #2b2d42;
  background-image: url('./images/bg.jpg');
  background-size: cover;
}
body.bg-none {
	background-image: unset;
	background-size: unset;
	background-image: url('./images/poster.jpg');
}

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

.navbhar {
  cursor: pointer !important;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  cursor: pointer !important;
}

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

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

.offline {
  color: red;
}

.online {
  color: green;
}

.card {
	background-color: #EDF2F4;
	color: #2B2D42;
}

.card {
    background-color: #5098e4;
    color: #ffd500;
}

.login-card .btn-success {
    background-color: #ffd500;
    border-color: #fdc500;
    color: #3d0066;
}
.login-card .btn-success:hover {
    background-color: #5cba47;
    border-color: #5cba47;
}

.form-control {
    background-color: #FFFFFF;
    border-color: #4477ca;
    color: #4477ca;
}
.form-control:focus {
    border-color: #4477ca;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(26,0,18,0.2);
}
.login-card .form-control:focus {
    background-color: #c5dbf4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(26,0,18,0.2);
}
.form-control::placeholder {
    color: #f8ad22;
    opacity: 1;
}
.member-card .form-control[readonly] {
    background-color: #c5dbf4;
}
.member-card .form-control::placeholder {
    color: #fbae1d;
}
.input-group-prepend .input-group-text {
    background-color: #c5dbf4;
    border-color: #c5dbf4;
    color: #3d0066;
}

.text-sm {
	font-size: 80%;
}

.bg-dangerc {
	background-color: #D90429;
}

table.table td {
	font-size: 90%;
	font-weight: 500;
    color: #EDF2F4;
}

.table-bordered, .table-bordered td, .table-bordered th {
	border: 1px solid #3d0066;
}
.table thead th {
	color: #ffd500;
    border-bottom: 2px solid #3d0066;
	background-color: #510087;
}

.table-hover tbody tr, .table-hover tbody tr td{
	transition: all 0.1s ease-in;
}
.table-hover tbody tr:hover {
    background-color: rgba(43, 45, 66, .85);
}
.table-hover tbody tr:hover td {
    color: #ffd500;
	font-weight: 500;
}

.bg-nav {
	background-color: #fdc500;
}

.navbar-dark .navbar-nav .nav-link {
	color: #5c0099;
    transition: all .1s ease-in;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: #EF233C;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #EF233C;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.member-card .btn-outline-danger {
    color: #3d0066;
    border-color: #510087;
}
.member-card .btn-outline-danger:hover {
    color: #EF233C;
    background-color: #3d0066;
}

.member-card .card-header {
   
}