body, .btn, input.form-control, select.form-control {
    font-size: 0.9rem;
}

.table td, table td, .table th, table th {
    padding: 0.6rem;
}

h6 {
    font-size: 1.1rem;
}

/*Disable cursor style*/
.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

/*Align DataTable to right*/
.dataTables_length {
    float: right !important;
}

label.success {
    width: auto;
    display: inline;
    color: #02c11b;
}

label.error {
    width: auto;
    display: inline;
    color: #ff4747;
}

div.div-list {
    border-bottom: 1px solid #adb5bd;
    margin-top: 15px;
}

/*To change the logo side background color*/
.brand-link {
    background: #393939;
}

/*To change the sidebar background color*/
[class*=sidebar-custom-] {
    background-color: #2b2b2b;
}

/*#region Override adminlte background color*/
.btn-primary {
    background-color: #8f21ff !important;
    border-color: #0037e5 !important;
}

a {
    color: #8f21ff;
}

.page-link {
    color: #8f21ff;
}

.page-item.active .page-link {
    background-color: #8f21ff;
    border-color: #8f21ff;
}

.sidebar .nav-item {
    line-height: 1;
}

/*To change the active nav link background color*/
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #8f21ff !important;
    border-color: #0037e5 !important;
}
/*#endregion */

/* For truncate sidebar text */
.sidebar .nav-link p {
    width: 18ch !important;
}

.select2-container--bootstrap4 .select2-selection--multiple {
    min-height: unset !important;
    height: calc(2rem + 2px) !important;
}

.dropdown-item:active {
    background-color: #F4A400;
}

@media (min-width: 768px) {
    .btn-form {
        margin-top: 30px;
    }
}

/* To override the validation summary style */
.validation-summary-errors ul {
    padding-left: 0px;
    list-style-type: none;
}

td .btn {
    padding: 2px !important;
}

/*
 * Laoder properties (added on 19.02.2019)
 * -----------
 */

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f9c922;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

#tbl_record tr td {
    padding: 0.25rem !important;
}

#tbl_record_footer th {
    padding: 0.25rem !important;
}

#tbl_members tr td {
    padding: 0.25rem !important;
}


/* Slot 8 */
.card-header {
    padding: 0.35rem 0.25rem !important;
}

.table td, table td, .table th, table th {
    padding: 2px 5px !important;
}