/* Body */
.admin-body {
  background-color: #efefef;
}

/* Login */
.login {
  background: url(../../assets/img/admin/bg-login.webp) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
}

/* Menu */
.menu {
  background-color: #818cf8;
  position: fixed;
  width: 15%;
  height: 100vh;
}

.menu-item a {
  background-color: #818cf8;
  color: #fff;
}

.menu-item a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}

/* Header */
.header {
  margin-left: 15%;
}

/* Content */
.admin-content {
  margin-left: 15%;
}

.btn-main {
  background-color: #818cf8;
  color: #fff;
}

.btn-main:hover {
  background-color: #646dbf;
  color: #fff;
}

.form-group {
  margin-bottom: 1rem;
}

/* Content */
#table-list {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.dataTables_filter {
  margin-bottom: 30px;
}

/* Youtube Video Embeded */
.v_yt_box {
  position: relative;
  /* width: 100%; */
  height: 0;
  padding-bottom: 56.25%;
}

.videoyt,
.v_yt_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}