/* Navigation Pills Container Styles - Handles scrollable navigation pills with custom scrollbars */
    .nav-pills-container {
        overflow-x: hidden;
        position: relative;
    }

    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #636e72;
        border-radius: 10px;
    }

    ::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    .nav-pills {
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .nav-pills::-webkit-scrollbar {
        display: none;
    }

    .nav-pills .nav-item {
        margin-right: 10px;
    }

    .scroll-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        font-size: 20px;
        color: #333;
    }

    .scroll-arrow.left {
        left: 0;
    }

    .scroll-arrow.right {
        right: 0;
    }

    a#menu-share+ul {
        visibility: hidden;
    }

    a#menu-share:hover+ul {
        visibility: visible;
        animation: scale-in 0.5s;
    }

    a#menu-share i {
        animation: rotate-in 0.5s;
    }

    a#menu-share:hover>i {
        animation: rotate-out 0.5s;
    }

    .quickAction {
        position: fixed;
        right: 40px;
        padding-bottom: 20px;
        bottom: 80px;
        z-index: 100;
    }

    .quickAction li {
        list-style: none;
        margin-bottom: 10px;
    }

    .quickAction li a {
        /*background-color:#F33;*/
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
        width: 60px;
        height: 60px;
        display: block;
    }

    .quickAction:hover {
        visibility: visible !important;
        opacity: 1 !important;
    }

    .dropdown-menu {
        top: auto !important;
        white-space: normal !important;
    }

    .navblur {
        background: rgba(255, 255, 255, 0.1) !important;
        backdrop-filter: blur(10px);
        position: sticky;
        box-shadow: none;
    }

    .parcls {
        background-color: rgba(200, 200, 200, 0.2);
        color: #3C4858;
        box-shadow: none;
    }

    /* Loader start */
    .loadingcls {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        width: 100px;
        height: 100px;
        animation: ani 1s linear infinite
    }

    .loadingcls span {
        position: absolute;
        width: 50px;
        height: 50px;
        background: #f00;
        animation: rotade 1s linear infinite
    }

    .loadingcls span:nth-child(1) {
        top: 0;
        left: 0;
        background: #FF5A45;
    }

    .loadingcls span:nth-child(2) {
        top: 0;
        right: 0;
        background: #6C71C5;
    }

    .loadingcls span:nth-child(3) {
        bottom: 0;
        right: 0;
        background: #88D640;
    }

    .loadingcls span:nth-child(4) {
        bottom: 0;
        left: 0;
        background: #00A7C1;
    }

    @keyframes ani {
        0% {
            width: 100px;
            height: 100px;
        }

        10% {
            width: 100px;
            height: 100px;
        }

        50% {
            width: 150px;
            height: 150px;
        }

        90% {
            width: 100px;
            height: 100px;
        }

        100% {
            width: 100px;
            height: 100px;
        }
    }

    @keyframes rotade {
        0% {
            transform: rotate(0deg);
        }

        10% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(90deg);
        }

        90% {
            transform: rotate(90deg);
        }

        100% {
            transform: rotate(90deg);
        }
    }
    }

    /* Loader End */
    /* Tablesorter and DataTable Styles starts here */
    .tablesorter {
        color: black !important;
    }

    .dataTable-table th a {
        color: black !important;
        font-weight: 800;
        font-size: 0.85rem;
    }

    .dataTable-table {
        color: #343a40 !important;
    }

    /* Tablesorter and DataTable Styles ends here */
    .actions-btn {
        font-size: 0.6rem;
        width: 40% !important;
        margin-left: 12px !important;
    }

    .accordion-header {
        font-size: .8rem;
    }

    body {
        color: #343a40;
    }

    .ui-menu-item:nth-child(odd) {
        background: #f7f7f7;
    }

    .btn-check:checked+.btn,
    :not(.btn-check)+.btn:active,
    .btn:first-child:active,
    .btn.active,
    .btn.show {
        color: #343a40 !important;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: white;
        text-decoration: none;
        background-color: #e91e63;
    }

    label {
        color: #343a40;
        font-weight: 800;
    }

    .btn.btn-sm i,
    .btn-group-sm>.btn i {
        font-size: 1rem;
    }

    .btn-link i {
        color: #e91e63 !important
    }

    .moving-tab {
        background: white !important;
    }

    .moving-tab .nav-link.active {
        background: #e91e63;
    }

    .uploadFilesClass {
        border: 2px dashed #b2beb5;
    }

    .uploadFilesClass input {
        position: absolute;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        outline: none;
        opacity: 0;
    }

    .disable-div {
        pointer-events: none;
        opacity: 0.2 !important;
    }

    .jstree-default .jstree-anchor {
        color: #343a40;
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        background: #e91e63 !important;
        font-weight: 800;
        color: #fff;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: 0px;
        margin-left: -12px;
        margin-right: -12px;
        border: 0px none;
    }

    .ui-menu {
        width: 400px !important;
        z-index: 99999 !important;
    }

    .text-right {
        text-align: right;
    }

    .ui-menu-item {
        p adding-top: 4px;
        padding-bottom: 4px;
    }

    .forscrollsm {
        height: 150px;
        width: 100%;
        overflow-x: visible;
        overflow-y: scroll;
        /*background-color: #FFFFFF;*/
        margin-left: 1%;
    }

    .selectedcls {
        height: 150px;
        overflow-x: visible;
        overflow-y: scroll;
        /*background-color: #FFFFFF;*/
        margin-left: 1%;
    }

    table.tablesorter thead tr .header {
        background-image: url(css/bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
    }

    table.tablesorter thead tr .headerSortUp {
        background-image: url(css/asc.gif);
    }

    table.tablesorter thead tr .headerSortDown {
        background-image: url(css/desc.gif);
    }

    .dataTable-wrapper .dataTable-container .table tbody tr td {
        white-space: break-spaces !important;
    }

    .form-check {
        padding-left: 0px;
    }

    .accordion-button {
        position: unset;
    }

    .dropdown-menu .inner .show {
        margin-top: 0px !important;
    }

    .bs-searchbox .form-control,
    .bs-searchbox .form-control:focus {
        background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, rgba(209, 209, 209, 0) 0);
        border-radius: 0 !important;
    }

    .stickyDiv {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 9999;
    }

    .stickyDivBtm {
        bottom: 0;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 9999;
    }

    .stickyFloatBtn {
        height: 50px;
        bottom: 40px;
        left: 78%;
        text-align: center;
        box-shadow: none;
        background: none;
        z-index: 1000;
        width: 100px;
        position: sticky;
    }

    /* Fee Table Styles */
    .feetable a:link {
        color: #666;
        font-weight: bold;
        text-decoration: none;
    }

    .feetable a:visited {
        color: #999999;
        font-weight: bold;
        text-decoration: none;
    }

    .feetable a:active,
    .feetable a:hover {
        color: #bd5a35;
        text-decoration: underline;
    }

    .feetable {
        font-family: Arial, Helvetica, sans-serif;
        color: #666;
        font-size: 12px;
        text-shadow: 1px 1px 0px #fff;
        background: #eaebec;
        margin: 20px;
        border: #ccc 1px solid;

        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;

        -moz-box-shadow: 0 1px 2px #d1d1d1;
        -webkit-box-shadow: 0 1px 2px #d1d1d1;
        box-shadow: 0 1px 2px #d1d1d1;
    }

    .feetable th {
        padding: 21px 25px 22px 25px;
        border-top: 1px solid #fafafa;
        border-bottom: 1px solid #e0e0e0;

        background: #ededed;
        background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
        background: -moz-linear-gradient(top, #ededed, #ebebeb);
    }

    .feetable th:first-child {
        text-align: left;
        padding-left: 20px;
    }

    .feetable tr:first-child th:first-child {
        -moz-border-radius-topleft: 3px;
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .feetable tr:first-child th:last-child {
        -moz-border-radius-topright: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .feetable tr {
        text-align: center;
        padding-left: 20px;
    }

    .feetable td:first-child {
        text-align: left;
        padding-left: 20px;
        border-left: 0;
    }

    .feetable td {
        padding-left: 18px;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        overflow: hidden;
        max-width: 400px;
        word-wrap: break-word;
        background: #fafafa;
        background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
        background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
        overflow: visible !important;
    }

    .feetable tr.even td {
        background: #f6f6f6;
        background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
        background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
    }

    .feetable tr:last-child td {
        border-bottom: 0;
    }

    .fee.feetable tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .feetable tr:last-child td:last-child {
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .feetable tr:hover td {
        background: #f2f2f2;
        background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
        background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
    }

    /* Fee Table Styles Ends here */
    /*Datatable size adjustment Start*/
    .dataTable-table>tbody>tr>td,
    .dataTable-table>tbody>tr>th,
    .dataTable-table>tfoot>tr>td,
    .dataTable-table>tfoot>tr>th,
    .dataTable-table>thead>tr>td,
    .dataTable-table>thead>tr>th {
        padding: auto !important;
    }

    .dataTable-table {
        font-size: 13px !important;
        white-space: pre !important;
    }

    /*Datatable size adjustment End*/

    /*Select Picker Select all deselect all pos fix Start*/
    /*.actions-btn.bs-deselect-all.btn.btn-light,.actions-btn.bs-select-all.btn.btn-light{
    text-transform:uppercase; !important;
    width: 48% !important;
}*/
    .btn-group.btn-group-sm {
        display: flex;
    }

    .userSelDiv {
        background-color: #444;
        color: #fff;
        border-radius: 13px;
    }

    /*Select Picker Select all deselect all pos fix End*/
    .sidebar .sidebar-wrapper {
        overflow: hidden !important;
    }

    .sidebar-wrapper:hover {
        overflow: auto !important;
    }

    .main-panel {
        overflow: hidden !important;
        height: 100vh !important;
    }

    .main-panel:hover {
        overflow: auto !important;
    }

    .table-responsive {
        overflow: hidden !important;
    }

    .table-responsive:hover {
        overflow: auto !important;
    }

    .btn_ripple_shadow {
        border: none;
        outline: none;

        border: 2px solid #fff;

        animation-name: ripple_shadow;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
    }


    @keyframes ripple_shadow {
        0% {
            box-shadow: 0 0 0 0 #9c27b0, 0 0 0 0 #9c27b0;
        }

        80% {
            box-shadow: 0 0 0 10px #fff0, 0 0 0 20px #fff0;
        }

        100% {
            box-shadow: 0 0 0 0 #fff0, 0 0 0 0 #fff0;
        }
    }