/* AdminLTE buttons - small size */
 .dt-buttons .dt-button {
  margin: -1px;
   padding: 1px 4px;
   border: none;
   border-radius: 4px;
   font-size: 12px;
   cursor: pointer;
   transition: background-color 0.2s ease-in-out;
}

/* Primary button (similar to AdminLTE primary) */
.dt-buttons .buttons-copy {
   background-color: #007bff;
   color: #fff;
}

.dt-buttons .buttons-copy:hover {
   background-color: #0056b3;
}

/* Success button (similar to AdminLTE success) */
.dt-buttons .buttons-excel {
   background-color: #28a745;
   color: #fff;
}

.dt-buttons .buttons-excel:hover {
   background-color: #218838;
}

/* Info button (similar to AdminLTE info) */
.dt-buttons .buttons-csv {
   background-color: #17a2b8;
   color: #fff;
}

.dt-buttons .buttons-csv:hover {
   background-color: #117a8b;
}

/* Danger button (similar to AdminLTE danger) */
.dt-buttons .buttons-pdf {
   background-color: #dc3545;
   color: #fff;
}

.dt-buttons .buttons-pdf:hover {
   background-color: #c82333;
}
.dt-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.dt-buttons {
   display: flex;
   gap: 10px; /* Optional: adds space between buttons */
}

.dataTables_filter {
   display: flex;
   align-items: center;
}

.dataTables_filter label {
   margin: 0;
}


.loader {
   display: none;
   position: absolute;
   top: 70%;
   right: 10px;
   transform: translateY(-50%);
   border: 2px solid #f3f3f3;
   border-top: 2px solid #3498db;
   border-radius: 50%;
   width: 18px;
   height: 18px;
   animation: spin 1s linear infinite;
}

@keyframes spin {
   from { transform: translateY(-50%) rotate(0deg); }
   to { transform: translateY(-50%) rotate(360deg); }
}

a{
   color: var(--theme-color-secondary);
}
a,
a:hover,
a:active,
a:focus{
   transition: all 0.4s;
}
.sidebar{
   padding: 0px;
}
.main-sidebar{
   background-color: var(--theme-color-secondary);
}
.nav-pills .nav-link{
   border-left: 5px solid transparent;
   transition: all 0.4s;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-pills .nav-link:hover{
   border-left: 5px solid var(--theme-color-primary);
   background-color: transparent;
}
.nav-pills .nav-link.active:after,
.nav-pills .show > .nav-link:after,
.nav-pills .nav-link:hover:after{
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0px;
   right: 0px;
   top: 0px;
   bottom: 0px;
   background-color: #fff;
   z-index: -1;
   opacity: .1;
   transition: all 0.4s;
}
.nav-pills .nav-link.active .nav-icon,
.nav-pills .nav-link:hover .nav-icon{
   color: var(--theme-color-primary);
}
.brand-text{
   color: #bbb;
}
.nav-pills .nav-link.active,
.nav-pills .nav-link:not(.active):hover{
   color: #ccc;
}
.brand-link .brand-image{
   width: 40px;
   height: 40px;
   margin: 0px 10px;
   padding: 5px;
   object-fit: contain;
   background-color: #fff;
   border-radius: 100px;
}
.wrapper .main-header{
   background-color: #fff;
}
.select2.select2-container .select2-selection--single{
   height: auto;
   padding: 0.375rem 0.75rem;
   border: 1px solid #ced4da;
}
.select2.select2-container--default .select2-selection--single .select2-selection__arrow b{
   margin: 3px 0px 0px 0px;
   left: inherit;
}
.content-wrapper > .content{
   padding-bottom: 50px;
}
.wrapper .brand-link{
   position: relative;
   z-index: 9;
}
.wrapper .brand-link:after{
   content: "";
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   background-color: var(--theme-color-secondary);
   filter: contrast(1.1);
   z-index: -1;
}
.layout-navbar-fixed.layout-fixed .wrapper .sidebar{
   margin-top: calc(3.5rem + 10px);
}
.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link{
   width: 100%;
}