.form-wrapper{
  border-radius: 7px;
}
.form-wrapper label{
  font-weight: bold;
}
.errors li{
  list-style: none;
  width: 100%;
  text-align: center;
}
.errors ul{
  padding-left: 0;
  margin-bottom: 0;
}

@media (max-width: 768px){
  .form-wrapper .text-right{
    text-align: center !important;
  }

  .form-wrapper .btn-primary{
    display: block;
    margin: 0 auto;
  }
}

.btn-xs, .btn-group-xs > .btn {
  padding: 0.1rem 0.3rem;
  font-size: 0.76563rem;
  line-height: 1.5;
  border-radius: 2px;
}
.btn.btn-xs i, .btn-group-xs > .btn i {
  font-size: 10px;
}
div.dataTables_wrapper div.dataTables_filter svg {
  top: 10px !important;
  right: 11px !important;
  width: 14px !important;
}
div.dataTables_wrapper div.dataTables_filter input {
  height: 32px;
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu{
  left: -124px;
}

@media (min-width: 768px){
  .single-form-inline{
    width: 400px !important;
  }

  .single-form-inline-select2 .select2-container{
    width: 400px !important;
    margin-bottom: 0px !important;
    margin-left: 1em;
    margin-right: 1em;
  }
}

.toggle-btn {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 23px;
  background-color: #ccc;
  border-radius: 15px;
  cursor: pointer;
  overflow: hidden;
  margin-bottom: -7px;
}

.toggle-btn.active {
  background-color: #4CAF50; /* Green color */
}

.slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 23px;
  border-radius: 50%;
  background-color: white;
  transition: 0.3s;
}

.toggle-btn.active .slider {
  left: 20px;
}

/* Red color for inactive */
.toggle-btn:not(.active) {
  background-color: #D32F2F; /* Red color */
}

.select_disable {
  pointer-events: none;
}