/*Overwrite Theme's Toastr Container Width*/
#toastr-container.toastr-top-center > div {
    width: 400px;
    opacity:1;
}

/*Fix datatable responsive table data misalignment*/
.dtr-details > li {
    display: flex;
}

/* Overwrite Layout Extra Padding */
.app-content{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.app-container{
    padding-left: 15pt !important;
    padding-right: 15pt !important;
}

@media (max-width: 750px) {
    .app-container{
        padding-left: 5pt !important;
        padding-right: 5pt !important;
    }
    .card-body{
        padding-left: 5pt !important;
        padding-right: 5pt !important;
    }
}

/* Remove the gap between dropdown menu selection and fixing auto closing issue */
.dropdown-button:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

/* Fixing apex chart menu time unreadable at dark theme */
.apexcharts-menu-item {
    color: #979797;
}

/* Fixing data table fixed header margin issue */
table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
    background-color: inherit;
    margin-top: 0!important;
    margin-bottom: 0!important;
}

/* Other Miscellaneous CSS overwriting*/
.text-hint {
    font-size:.85rem!important;
    color:var(--kt-text-gray-600)!important;
    font-weight:600!important;
}

.btn-lg{
    border-radius: 0.7rem !important;
}

.badge-grey{
    color:white;
    background-color: gray;
}

.badge-grey{
    color:white;
    background-color: gray;
}

.badge-light-purple{
    color: #c83cff;
    background-color: rgba(140, 71, 244, 0.2);
}

.border-light-purple{
    border-color:#c83cff!important
}


.badge-magenta {
    color:white;
    background-color: magenta;
}

.text-magenta{
    color: magenta !important;
}

.btn-magenta{
    background: magenta !important;
}