/* global */
body {
  color: #262626;
}

/* bootstrap */
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-left: 10px;
  padding-right: 10px;
}
.mt-30px {
  margin-top: 30px;
}
.px-40px {
  padding-left: 40px;
  padding-right: 40px;
}

.dt-col-max-w-400 {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dt-word-wrap-col-max-w-400 {
  min-width: 400px !important;
  max-width: 400px !important;
  white-space: normal !important;
  word-wrap: break-word;
  word-break: break-word;
}

.dt-col-max-w-300 {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dt-col-max-w-200 {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dt-col-max-w-300-text-break {
  max-width: 300px;
  white-space: normal;
}
.table {
  border: 1px solid #D4D4D4;
  border-collapse: separate;
  border-radius: 10px;
  border-spacing: 0px;
  overflow: hidden;
  margin-bottom: 0;
}
.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #FFF;
}
.table-striped tbody tr:nth-of-type(2n+2) {
  background-color: #F5F5F5;
}
.table thead th {
  border: 0;
  background-color: #D4D4D4;
  text-align: center;
  font-weight: 500;
}
.table thead th + th {
  border-left: 1px solid #F5F5F5;
}
.table tbody td + td {
  border-left: 1px solid #D4D4D4;
}
.table td,
.table th {
  border: 0;
}
.table .table-link {
  color: #262626;
}
.table .table-link:hover {
  color: #1871DA;
  text-decoration: underline;
}
.table-custom {
  width: 100%;
}
.table-custom th {
  background-color: #D4D4D4;
  padding: 7.5px;
  text-align: center;
  font-weight: 500;
}
.table-custom td {
  padding: 6px 20px;
}
.table-custom .highlight {
  background-color: #F5F5F5;
  font-weight: 600;
}
.form-group {
  margin-bottom: 20px;
}
.form-group label,
label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 300;
  margin-bottom: 5px;
  font-size: 14px;
  display: block;
}
.form-group--doc {
  color: #262626;
}
.form-group--doc .form-group--doc__label {
  display: block;
  font-size: 14px;
  font-weight: 700 !important;
  margin-bottom: 6.5px;
}
.form-group--doc a {
  color: #262626;
  display: block;
  font-size: 14px;
  font-weight: 300;
  text-decoration: underline;
  background: url('../img/icon-doc.svg') no-repeat right center
}
.form-group--step .step-title {
  font-weight: 700;
  font-size: 14px;
}
.form-group--step p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
}
.step-checked {
  color: #2563EB;
}
.form-control,
.form-control::placeholder {
  font-weight: 300;
  color: #262626;
}
.form-control::placeholder {
  color: #939393;
}
.form-control::placeholder {
  color: #939393;
}
.form-control {
  height: 44px;
  border-radius: 5px;
}
#tblData .form-group {
  margin-bottom: 5px;
}
#tblData label {
  height: 44px;
}
.form-control--search {
  background: url('../img/icon-search.svg') no-repeat right 12px center;
  padding-right: 40px;
}
.form-control--select {
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  background: url('../img/icon-dropdown.svg') no-repeat right 12px center;
  padding-right: 40px;
}
.cform-inline span {
  padding: 0 5px;
}
.btn {
  background-color: #8F8F8F;
  color: #FFF;
}
.btn:hover {
  color: #FFF;
}
.btn-primary {
  background-color: #132146;
  border-color: #132146;
}
.btn-primary:hover {
  background-color: #0059B2;
}
.btn-danger {
  background-color: #EA580C;
  border-color: #EA580C;
}
.btn-danger:hover {
  background-color: #B23D03;
}
.btn-table {
  /* min-width: 100px; */
  font-size: 12px;
  font-weight: 400;
  padding: 3px 15px;
}
.btn-sm {
  font-size: 12px;
  font-weight: 500;
  padding: 3px 32px;
}
.btn-lg {
  font-size: 16px;
  font-weight: 400;
  padding: 10px 14px;
}
.pagination {
  justify-content: center;
  margin: 0;
}
.pagination .page-item + .page-item {
  margin-left: 5px;
}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  border-color: transparent;
}
.pagination .page-link {
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #A3A3A3;
  border-radius: 5px;
  color: #262626;
}
.badge-lg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  padding: 5px;
  border-radius: 5px;
  height: 34px;
}
.badge-block {
  width: 100%;
}
.badge-success {
  background-color: #479545;
}
.badge-warning {
  background-color: #F2D84C;
}
.badge-danger {
  background-color: #BD4D4D;
}
.custom-file-label::after {
  background-color: transparent;
  border-left: 0;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: url('../img/icon-file.svg');
}
.custom-file-image {
  position: relative
}
.custom-img-thumbnail-small {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  width: 77px;
  height: auto;
}
.custom-img-thumbnail-small img {
  width: 100px;
  height: auto;
}
.custom-file-image__input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
}
/* .custom-file-image__img {

} */
.custom-img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  width: auto !important;
}
.custom-img-login-page {
  height: 524px;
}
.alert {
  font-weight: 400;
}
.custom-alert-login-page {
  height:75px; 
  margin-top:16px;
}
.alert i {
  margin-right: 10px;
}
.alert-danger {
  border-color: #F87171;
  border-radius: 5px;
  background-color: #FEF2F2;
  color: #7F1D1D;
}
.modal-content {
  box-shadow: none;
  border-radius: 10px;
}
.modal-confirmation {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 60px;
}
.modal-body p {
  font-weight: 400;
  margin-bottom: 40px;
}
.modal-content .btn {
  font-weight: 400;
  min-width: 150px;
}
.modal-title {
  font-size: 16px;
  font-weight: 400;
}
.modal-dialog {
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
@media(max-width: 768px) {
.modal-dialog {
  min-height: calc(100vh - 20px);
}
}

/* login */
.login-wrapper {
  background-color: #F5F5F5;
  height: 100vh;
  display: flex;
  align-items: center;
}
.login-form {
  padding: 100px 0;
}
.login-form h1 {
  font-size: 22px;
  font-weight: 600;
}
.login-form p {
  font-weight: 300;
  margin-bottom: 40px;
}
.login-forgot {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
}

/* orm */
.icon-link {
  display: inline-block;
  width: 12px;
  height: 10px;
  background: url('../img/icon-link.svg') no-repeat center center;
}

/* header */
.main-header,
.layout-navbar-fixed .wrapper .brand-link {
  height: 57px;
  background-color: #353941;
  border: 0;
}
.brand-link {
  display: flex;
  align-items: center;
  color: #FFF;
  border-bottom: 1px solid #394867;
  padding: 0 32px;
}
.custom-brand-link {
  padding-left:14px;
}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  background-color: #353941;
}
.layout-navbar-fixed .wrapper .brand-link,
.layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link {
  width: 195px;
}
[class*="sidebar-dark"] .brand-link,
[class*="sidebar-dark"] .brand-link .pushmenu {
  color: #FFF;
}
.navbar {
  padding-right: 2rem;
}
.brand-link .brand-image {
  margin-left: 0;
  margin-right: 13px;
}
.brand-text {
  font-size: 14px;
  font-weight: 400;
}
.user {
  background-color: #FFF;
  border-radius: 20px;
  padding:3px;
  display: flex;
  align-items: center;
  border: 0;
}
.user img {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
.user p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  padding-left: 5px;
  padding-right: 15px;
  color: #111827;
}
.user.dropdown-toggle::after {
  display: none;
}
.custom-dropdown-toggle {
  background-color:transparent;
  border: 1px solid #FFFFFF;
}
.user-menu {
  top: 150%;
  left: inherit !important;
  right: 0 !important;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #353A3F;
  min-width: 226px;
}
.user-menu__img {
  float: left;
  width: 45px;
  height: 45px;
  border-radius: 5px;
}
.user-menu__info {
  padding-left: 10px;
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  line-height: 87%;
}
.user-menu__info span {
  font-size: 14px;
  font-weight: 400;
  display: block;
}
.user-menu .dropdown-item {
  padding: 5px 0;
}
.menu-icon {
  padding-left: 40px;
}
/* sidebar */
.main-sidebar,
.main-sidebar::before {
  width: 260px;
}
[class*="sidebar-dark-"] {
  background-color: #353941;
}
.sidebar {
  padding: 0;
}
.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link {
  width: 100%;
}
.nav-sidebar .nav-link {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #454a55;
  display: flex;
  align-items: center;
}
.nav-sidebar .nav-link p {
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
  padding-left: 10px;
}
.nav-sidebar .nav-item > .nav-link {
  margin-bottom: 0;
  padding-left: 32px;
  padding-right: 32px;
}
.nav-pills .nav-link {
  border-radius: 0;
}
.nav-sidebar .nav-link > .right,
.nav-sidebar .nav-link > p > .right {
  right: 2rem;
  top: 1.25rem;
}
.nav-sidebar .nav-treeview .nav-link {
  border-top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.nav-sidebar .nav-treeview .nav-link p {
  padding-left: 28px;
}
.sidebar-collapse .main-sidebar,
.sidebar-collapse .main-sidebar::before {
  margin-left: -260px;
}

/* content */
body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
  margin-left: 260px;
}
.content-wrapper {
  background-color: #F5F5F5;
}
.content-header {
  background-color: #FFF;
  padding: 22px 30px;
}
.content-header .container-fluid {
  padding: 0;
}
.content-header h1 {
  font-size: 22px;
  font-weight: 600;
}
.content-wrapper > .content {
  padding: 30px;
}
.box {
  background-color: #FFF;
  border-radius: 10px;
  padding: 30px;
}
.box--error {
  padding: 75px 50px;
}
.box--error h2 {
  font-size: 100px;
  font-weight: 300;
}
.box__title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}
.box_profile {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}
.box__subtitle {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}

.address-container {
  background: url('../img/icon-address.svg') no-repeat top left;
  padding-left: 35px;
  line-height:30px;
}
.phone-container {
  background: url('../img/icon-phone.svg') no-repeat top left;
  padding-left: 35px;
  line-height:30px;
}
.email-container {
  background: url('../img/icon-email.svg') no-repeat top left;
  padding-left: 35px;
  line-height:30px;
}
.username-container {
  background: url('../img/icon-username.svg') no-repeat top left;
  padding-left: 35px;
  line-height:30px;
}
.usergroup-container {
  background: url('../img/icon-usergroup.svg') no-repeat top left;
  padding-left: 35px;
  line-height:30px;
}
.password-container {
  background: url('../img/icon-password.svg') no-repeat top left;
  padding-left: 35px;
  line-height:30px;
}
.ovr {
  padding: 20px;
  display: flex;
  margin-bottom: 30px;
}
.ovr__text {
  padding-left: 12px;
  font-size: 22px;
  font-weight: 600;
}
.ovr__text span {
  font-size: 12px;
  font-weight: 400;
  display: block;
}
.image-box {
  padding: 12px;
  border-radius: 5px;
  border: 1px solid #D4D4D4;
}
.image-box-fit-cover {
  border-radius: 10px;
  position: relative;
  width: 100%;
  padding-bottom: 133.33%; /* Dimensi 3x4 */
  overflow: hidden;
}
.image-box-fit-cover img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.image-box-fit-cover-card {
  border-radius: 10px;
  position: relative;
  width: 100%;
  padding-bottom: 63.06%; /* Dimensi 85,6 x 53,98 (Standar ukuran kartu kredit internasional) */
  overflow: hidden;
}
.image-box-fit-cover-card img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.image-box-fit-cover-wide {
  border-radius: 10px;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Dimensi 16:9 */
  border: 1px solid #e9ecef;
  overflow: hidden;
}
.image-box-fit-cover-wide__input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
}
.image-box-fit-cover-wide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.image-box-fit-cover-thumbnail {
  border-radius: 5px;
  position: relative;
  width: 100%;
  padding-bottom: 100%; /* square */
  overflow: hidden;
}

.image-box-fit-cover-thumbnail__input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
}
.image-box-fit-cover-thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.doc-widget__iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.doc-widget__buttons {
  position: absolute;
  top: 25px;
  left: 10px;
  display: flex;
  gap: 10px;
  padding: 10px;
}
.doc-widget__button {
  width: 34px;
  height: 34px;
  border-radius: 5px;
  background-color: #ffffff;
  border: 1px solid #cdcdcd;
  color: #777;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.doc-widget__button:hover {
  background-color: #cdcdcd;
}
.doc-widget__button:hover .default-icon {
  display:none;
}
.doc-widget__button:hover .hover-icon {
  display:inline-block;
}
.modal-doc-widget {
  z-index: 9999;
}
.modal-doc-widget .modal-dialog.modal-xl {
  max-width: 80%;
  margin: 1.75rem auto;
}
.modal-doc-widget .modal-content {
  background-color: #000;
}
.modal-doc-widget .modal-body {
  padding: 0 10px 10px 10px;
  text-align: center;
}
.modal-doc-widget .modal-body img {
  max-width: 100%;
  max-height: 90vh;
  object-fit: contain;
}
.modal-doc-widget .modal-body iframe {
  width: 100%;
  height: 90vh;
  border: none;
}
.modal-doc-widget .modal-header {
  border-bottom: none;
  padding: 0.5rem 1rem;
}
.modal-doc-widget .modal-header .close {
  color: #fff;
text-shadow: none;
  opacity: 1;
}

.img-box-profil {
  max-width: auto;
}
.container-row-spacing {
  border-collapse: separate;
  border-spacing: 0 50px;
}
.group-box {
  width: 100%;
  display: flex;
}
.group-box .group-box__text {
  width: 50%;
  padding: 5px 20px;
  font-size: 16px;
  font-weight: 400;
  color: #FFF;
}
.group-box .group-box__text:first-child {
  text-align: left;
  border-radius: 5px 0 0 5px;
}
.group-box .group-box__text:last-child {
  text-align: right;
  border-radius: 0 5px 5px 0;
}
.group-box.group-box--blue .group-box__text:first-child {
  background-color: #0EA5E9;
}
.group-box.group-box--blue .group-box__text:last-child {
  background-color: #0284C7;
}
.group-box.group-box--cyan .group-box__text:first-child {
  background-color: #10B981;
}
.group-box.group-box--cyan .group-box__text:last-child {
  background-color: #059669;
}
.group-box.group-box--yellow .group-box__text:first-child {
  background-color: #EAB308;
}
.group-box.group-box--yellow .group-box__text:last-child {
  background-color: #CA8A04;
}
.group-box.group-box--red .group-box__text:first-child {
  background-color: #F87171;
}
.group-box.group-box--red .group-box__text:last-child {
  background-color: #EF4444;
}
.group-box.group-box--green .group-box__text:first-child {
  background-color: #16A34A;
}
.group-box.group-box--green .group-box__text:last-child {
  background-color: #15803D;
}

.cloneable-link {
  text-decoration: underline;
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.action-icon {
  width: 20px;
  height: 20px;
}
.action-icon-md {
  width: 36px;
  height: 36px;
}

.action-icon:hover .default-icon,
.action-icon-md:hover .default-icon {
  display: none;
}
.action-icon:hover .hover-icon,
.action-icon-md:hover .hover-icon{
  display: inline-block;
}
.hover-icon {
  display: none;
}
.action-icon-md {
  margin: 0 10px;
}

.layout-navbar-fixed .wrapper .main-header {
  z-index: 2000;
}
.layout-navbar-fixed .wrapper .brand-link {
  position:relative;
}
.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link {
  width: 195px;
}
body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
  margin-left: 0;
}

.required:after {
  content: ' *';
  color: red;
}


/* filter */
.clear-filter {
  cursor: pointer;
  position: relative;
}

.clear-filter::after {
  content: '';
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url('../img/icon-clear.svg') no-repeat center;
  background-size: contain;
  display: none;
}

.clear-filter.has-value::after {
  display: block;
}

.clear-filter input {
  padding-right: 30px !important;
}

.clear-filter select {
  padding-right: 50px !important;
}

.clear-filter:has(select)::after {
  right: 40px;
}

.sidebar-fixed {
  position: fixed !important;
  overflow-y: auto !important;
  height: calc(100vh - 56px) !important;
  top: 56px !important;
  left: 0;
  right: 0;
  z-index: 1030;
}

.loader-overlay {
  display: none;
  position: fixed;
  background: rgb(0, 0, 0, 0.35);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9999;
}
#bowlG{
  position: fixed;
  left: 50%;
  top: 45%;
	width:42px;
	height:42px;
}

#bowl_ringG{
	position:absolute;
	width:42px;
	height:42px;
	border:3px solid rgb(0,0,0);
	border-radius:42px;
		-o-border-radius:42px;
		-ms-border-radius:42px;
		-webkit-border-radius:42px;
		-moz-border-radius:42px;
}

.ball_holderG{
	position:absolute;
	width:11px;
	height:42px;
	left:15px;
	top:0px;
	animation-name:ball_moveG;
		-o-animation-name:ball_moveG;
		-ms-animation-name:ball_moveG;
		-webkit-animation-name:ball_moveG;
		-moz-animation-name:ball_moveG;
	animation-duration:1.5s;
		-o-animation-duration:1.5s;
		-ms-animation-duration:1.5s;
		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-timing-function:linear;
		-o-animation-timing-function:linear;
		-ms-animation-timing-function:linear;
		-webkit-animation-timing-function:linear;
		-moz-animation-timing-function:linear;
}

.ballG{
	position:absolute;
	left:0px;
	top:-10px;
	width:17px;
	height:17px;
	background:rgb(0,0,0);
	border-radius:14px;
		-o-border-radius:14px;
		-ms-border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
}



@keyframes ball_moveG{
	0%{
		transform:rotate(0deg)
	}

	100%{
		transform:rotate(360deg)
	}
}

@-o-keyframes ball_moveG{
	0%{
		-o-transform:rotate(0deg)
	}

	100%{
		-o-transform:rotate(360deg)
	}
}

@-ms-keyframes ball_moveG{
	0%{
		-ms-transform:rotate(0deg)
	}

	100%{
		-ms-transform:rotate(360deg)
	}
}

@-webkit-keyframes ball_moveG{
	0%{
		-webkit-transform:rotate(0deg)
	}

	100%{
		-webkit-transform:rotate(360deg)
	}
}

@-moz-keyframes ball_moveG{
	0%{
		-moz-transform:rotate(0deg)
	}

	100%{
		-moz-transform:rotate(360deg)
	}
}

/* select2 customize */
.select2-selection__arrow {
  display: none;
}
.select2-container--bootstrap4 .select2-selection--single,
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
  height: 44px !important;
  line-height: 44px !important;
}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
  line-height: 44px !important;
}
.select2-selection__clear {
  position: absolute !important;
  right: 40px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 0 !important;
  height: 16px !important;
  width: 16px !important;
  background: url('../img/icon-clear.svg') no-repeat center;
  background-color: transparent !important;
  background-size: contain;
  opacity: 0.8;
}

.input-group .select2-container {
  width: auto !important;
  flex: 1 1 auto;
}
.input-group .select2-container:nth-child(3) .select2-selection--single {
  border-radius: 0 !important;
  border-left: none !important;
  border-right: 1px solid #ced4da !important;
}
.input-group .select2-container:last-child .select2-selection--single {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: none !important;
}
.input-group .select2-container:nth-child(2) .select2-selection--single {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  border-left: 1px solid #ced4da !important;
  border-right: none !important;
}
.input-group-text + .select2-container .select2-selection--single {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: none !important;
}
.select2-container + .input-group-text .select2-selection--single {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 1px solid #ced4da !important;
}
.input-group .select2-container .select2-selection--single {
  display: flex !important;
  align-items: center !important;
}
.input-group .select2-container--open .select2-dropdown {
  width: auto !important;
  min-width: 100% !important;
}
.custom-form-check-inline {
  height: 44px;
}

/* responsive */
/* .xs = | Extra Small devices only (portrait phones) less than 576px */
@media (max-width: 575.98px) {
  .login-wrapper {
    padding: 0 15px;
  }
  .login-form {
    padding: 0;
  }
}


.dataTables_wrapper {
  display: flex;
  flex-direction: column;
}
.dataTables_scroll {
  margin-bottom: 1rem;
}
.dataTables_info {
  display: flex;
  align-items: center;
  color: #6c757d;
  font-size: 14px;
  margin-bottom: 0.25rem;
}
.dataTables_paginate {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.dataTables_scrollHead {
  position: sticky !important;
  top: 56px;
  z-index: 1;
}


/* .sm > | Small devices and up (landscape, phones) 576px and up */
@media (min-width: 576px) {

}
/* .sm < | Small devices and down (landscape, phones) less than 768px */
@media (max-width: 767.98px) {

}
/* .sm = | Small devices only (landscape, phones) upper 576px and less than 768px */
@media (min-width: 576px) and (max-width: 767.98px) {

}



/* .md > | Medium devices and up (tablets) 768px and up */
@media (min-width: 768px) {

}
/* .md < | Medium devices and down (tablets) less than 992px */
@media (max-width: 991.98px) {
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
    margin-left: 0;
  }
}
/* .md = | Medium devices only (tablets) upper 768px and less than 992px */
@media (min-width: 768px) and (max-width: 991.98px) {

}



/* .lg > | Large devices and up (desktops) 992px and up */
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    max-width: 900px;
  }
  .sidebar-mini.sidebar-collapse .main-footer,
  .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important;
  }
}
/* .lg < | Large devices and down (desktops) less than 1200px */
@media (min-width: 1199.98px) {

}
/* .lg = | Large devices only (desktops) upper 992px and less than 1200px */
@media (min-width: 992px) and (max-width: 1199.98px) {

}



/* .xl = | Large devices only (desktops, TV) 1200px and up */
@media (min-width: 1200px) {

}


/* Between <> .sm-lg, .sm-xl, .md-xl */
/* .sm <> .lg | From Small to Large devices only (landscape, phones, tablet, desktops) upper 576px and less than 1200px */
@media (min-width: 576px) and (max-width: 991.98px) {

}
/* .sm <> .xl | From Small to Extra Large devices only (landscape, phones, tablet, desktops, TV) upper 576px and less than 1200px */
@media (min-width: 576px) and (max-width: 1199.98px) {

}
/* .md <> .xl | From Medium to Extra Large devices only (tablet, desktops, TV) upper 768px and less than 1200px */
@media (min-width: 768px) and (max-width: 1199.98px) {

}