.parent-loader{
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  height: 100%;
  top: 0;
  left: 0;
}
html{
  overflow: hidden;
}
  .dt-layout-row {
    padding: 0px 20px;
}
span.dt-column-order::after, span.dt-column-order::before{
  display: none !important;
}
.table th {
  border-bottom-color: rgb(68 64 80 / 17%) !important;
  padding: 15px 20px !important;
}
div.card-datatable {
  min-height: calc(100vh - 230px)  !important;
}
/* div.dt-container {
  min-width: 1350px;
  width: 100%;
} */
.dt-length label {
  display: none;
}
select#dt-length-0 {
  width: 72px;
  height: 40px;
  border-radius: 5px;
  padding: 5px;
}
.dt-search {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 7px;
}
.dt-search input {
  width: 300px;
  height: 40px;
  outline: none;
  border-radius: 5px;
  padding: 5px;
}
div#DataTables_Table_0_info {
  font-size: 15px;
  font-weight: 500;
  color: #88888894;
}
.dt-search label {
  display: none;
}
button.dt-paging-button{
  width: 45px;
  border: transparent;
  outline: none;
  border-radius: 5px !important;
  height: 45px;
}
div.dt-container .dt-paging button.dt-paging-button.current {
  background: linear-gradient(270deg, rgba(115, 103, 240, 0.7) 0%, #3d52a0 100%) !important;
  color: #fff !important;
}
div.dt-container  button.dt-paging-button:hover{
  background: linear-gradient(270deg, rgba(115, 103, 240, 0.7) 0%, #3d52a0 100%) !important;
  color: #fff !important;
}
button.dt-paging-button.next, button.dt-paging-button.previous {
  display: none !important;
}
div.dt-container .dt-paging .dt-paging-button.current {
  color: #fff !important;

}
table.dataTable>tbody>tr>th, table.dataTable>tbody>tr>td {
  padding: 15px 12px !important;
}
table.datatables-basic.table.dataTable {
  margin-bottom: 0 !important;
}

.dropdown.bootstrap-select button {
  background: #fff !important;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #fff !important;
}
div.dt-container .dt-paging .dt-paging-button {
  padding: .5em 0em !important;
}
.list-group-item p {
  height: 150px;
}
.plan-create-area{
  position: absolute;
  bottom: 24px;
  right: 15%;
}
.remove-area-row{
  position: absolute;
  right: 10px;
}
/* .modal-backdrop.fade.show {
  display: none !important;
} */

/* .menu-sub {
  transition: max-height 0.3s ease-in-out;
  max-height: 0;
} */

/* .menu-sub.open {
  display: block;
  max-height: 500px;
} */
.authentication-inner {
  /* height: 100vh; */
  display: flex;
  width: 34%;
  position: relative;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  /* background: #fff; */
}
.authentication-inner .card{
  width: 400px;
  position: relative;
}
.authentication-wrapper.authentication-basic{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 100vh;
  height: 100vh;
}
.authentication-wrapper.authentication-basic .authentication-inner:after {
  width: 180px;
  height: 180px;
  content: " ";
  position: absolute;
  z-index: -1;
  bottom: -30px;
  right: -56px;
  background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%237367F0' stroke-opacity='0.16' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E");
}
.authentication-wrapper.authentication-basic .authentication-inner:before {
  width: 238px;
  height: 233px;
  content: " ";
  position: absolute;
  top: -35px;
  left: -45px;
  background-image: url("data:image/svg+xml,%3Csvg width='239' height='234' viewBox='0 0 239 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%237367F0' stroke-opacity='0.16'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E%0A");
}
/* .menu-item.active > a {
  background-color: #f1f1f1;
  color: #333;
}

.menu-item:hover > a {
  background-color: #e6e6e6;
} */
@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes sonar {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
 .sidebar-wrapper {
  left: 0px;
}

#show-sidebar {
  position: fixed;
  left: 0;
  top: 10px;
  border-radius: 0 4px 4px 0px;
  width: 35px;
  transition-delay: 0.3s;
}
.page-wrapper.toggled #show-sidebar {
  left: -40px;
}
.sidebar-submenu {
  display: none;
}
.sidebar-dropdown {
  margin-left: 24px;
  list-style: none;
}
.sidebar-submenu {
  padding-top: 10px;
}
li.sidebar-dropdown.menu-item.open .sidebar-submenu {
  display: block;
}

.flatpickr-calendar.animate.open.arrowTop.arrowLeft {
  background: #fff;
  z-index: 9999;
}

.input-group>div , .input-group .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 43% !important;
}
.input-group{
  gap: 20px;
  box-shadow: unset !important;
}
form#confirmDeleteForm {
    text-align: justify;
}
button.btn.btn-label-danger.waves-effect.remove-permission-select {
  border-radius: 5px !important;
}


.bootstrap-select {
    border: 1px solid #888 !important;
     border-radius: 7px;
}

.role-heading {
    width: 100%;
}