@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

    body {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
        color: #464555;
    }

    .login .wrapper {
        padding: 0 15px;
        min-height: calc(100vh - 70px);
    }

    .login .wrapper>.row {
        min-height: calc(100vh - 48px - 16px - 21px);
    }

    .table-length select {
        width: 33%;
        display: inline-block;
    }

    .table-top-panel label {
        font-weight: normal;
        white-space: nowrap;
    }

    .table-top-panel input {
        margin-left: 0.5em;
        display: inline-block;
        width: auto;
    }

    /* .btn.btn-edit,
    .btn.btn-dlt {
        padding: 5px;
    }
     */
    .pagination .page-link {
        line-height: 1;
        cursor: pointer;
    }

    .sort-default {
        cursor: pointer;
        position: relative;
        width: 30px;
        display: inline-block
    }

    .sort-default:before,
    .sort-default:after {
        content: '';
        position: absolute;
        bottom: -8px;
        display: block;
        opacity: 1;
        color: #767582;
    }

    .sort-default:before {
        right: 1em;
        content: "\2191";
    }

    .sort-default:after {
        right: 0.5em;
        content: "\2193";
    }

    .page-link.active {
        color: #f8f9fa;
        background-color: #1b68ff;
        border-color: #1b68ff;
    }

    .pagination .page-link:hover {
        color: #fff;
    }

    .disabled {
        pointer-events: none;
    }

    .vertical .sidebar-left .navbar-nav .nav-item.active .nav-link {
        background: #f8f9fa;
        color: #1b68ff;
    }

    .vertical .sidebar-left .navbar-nav>.nav-item.active:after,
    .vertical.hover .sidebar-left .navbar-nav>.nav-item.active:after,
    .narrow.open .sidebar-left .navbar-nav>.nav-item.active:after {
        content: none;
        /*updated by sonal*/
    }

    /*added  */

    .navbar-nav .nav-link {
        padding: 0.65rem .75rem;
        margin: .2rem 0;
    }

    .popover-more {
        cursor: pointer;
        margin-left: 5px;
        text-decoration: underline
    }

    .popover-more:hover,
    .popover-more:focus {
        color: #1b68ff;
        outline: none;
    }

    .popover {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 14px;
        line-height: 21px;
        color: #6c757d
    }

    .popover-body {
        padding: 0.65rem 0.75rem;
    }

    .sm-logo {
        display: none
    }

    .sm-logo {
        height: 40px;
        width: 40px;
    }

    .vertical.light.collapsed .lg-logo,
    .vertical.light.collapsed.hover .sm-logo {
        display: none;
    }

    .vertical.light.collapsed .sm-logo,
    .vertical.collapsed.hover .lg-logo {
        display: block;
    }

    .tippy-tooltip.light-theme {
        text-align: left;
        color: #333;
        background: #fff;
        border: 1px solid #ddd;
        padding: .5rem .5625rem;
    }

    .tippy-tooltip.light-theme .tippy-arrow {
        border: 0;
    }

    .tippy-arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: 0.5rem;
        margin: 0 0.3rem;
    }

    .tippy-arrow::before,
    .tippy-arrow::after {
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-style: solid;
    }

    .tippy-popper>.tippy-arrow,
    .tippy-popper[x-placement^="left"]>.tippy-arrow {
        right: calc(-0.5rem - 1px);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
    }

    .tippy-popper>.tippy-arrow::before,
    .tippy-popper[x-placement^="left"]>.tippy-arrow::before {
        right: 0;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: rgba(0, 0, 0, 0.25);
    }

    .tippy-popper>.tippy-arrow::after,
    .tippy-popper[x-placement^="left"]>.tippy-arrow::after {
        right: 1px;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: #ffffff;
    }

    .tippy-popper[x-placement^="left"] .tippy-arrow::after {
        right: 1px;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: #ffffff;
    }

    .tippy-popper[x-placement^="left"] .tippy-arrow::before {
        right: 0;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: rgba(0, 0, 0, 0.25);
    }

    .tippy-tooltip.light-theme {
        box-shadow: none
    }

    /*color css start*/

    .body-clr,
    .secondary-clr {
        color: #464555
    }

    .text-clr,
    .dark-clr {
        color: #1a191c
    }

    .light-clr {
        color: #767582
    }

    .text-muted {
        color: #767582 !important
    }

    .table,
    .table thead th,
    .table .btn {
        color: #464555
    }

    .table thead th {
        font-weight: 600
    }

    .table-top-panel {
        color: #767582
    }

    .btn-primary {
        color: #fff
    }

    .text-muted {
        color: #767582 !important;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #1a191c
    }

    /*color css end*/
    /*action buttons css*/

    .act-btn i {
        font-size: 15px;
        width: 15px !important;
        height: 15px !important;
    }

    /*form group*/

    .form-group {
        margin-bottom: 25px;
    }

    .form-body .form-sec-title {
        margin-bottom: 15px;
    }

    canvas {
        background: white;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    }

    .chart-bg {
        background: white;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
    }

    .lg-logo {
        height: 100px;
    }

    .form-sec-title {
        font-size: 22px;
        line-height: 30px;
    }

    .adm-login {
        border-radius: 4px;
        background-color: #FFFFFF;
        box-shadow: 0 5px 20px 0 rgb(0 0 0 / 10%);
        padding: 30px;
    }

    .filtersection {
        display: -webkit-inline-box;
    }

    .searchuser {
        height: 35px;
    }

    .fltbn {
        margin-left: 13px;
    }

    .ftrmnu {
        position: relative;
        bottom: 35px;
        left: 73px;
    }

    .ftrmnu span.select2 {
        margin-left: 35px;
    }

    .ftrmnu span.select2-container {
        z-index: 999999999;
        /* width: 100% !important; */
    }

    .addmr {
        float: right;
    }

    .fltpad {
        padding-right: 40px;
    }

    .edtftr {
        padding-right: 7px;
    }

    .userfilter_default {
        padding-right: 40px;
    }

    .userfilter_active {
        padding-right: 7px;
    }

    @media (max-width: 767.98px) {
        .addmr {
            float: left;
        }

        .ftrmnu {
            bottom: 0px;
            left: 0px;
        }

        .ftrmnu span.select2 {
            margin-left: 0px;
        }

        .filtersection {
            display: block;
            width: 91%;
        }

        .filter_link {
            margin-bottom: 12px;
        }

        .fltbn {
            margin-left: 0px;
        }
    }

    .search-input label {
        display: inline-flex
    }

    .close-search-icon {
        padding: 8px 15px 11px 12px;
        position: absolute;
        right: 0;
        cursor: pointer;
    }

    .select2-container.select2-container--default.select2-container--open {
        z-index: 99999;
    }

    li.select2-results__option strong.select2-results__group:hover {
        cursor: pointer;
    }

    .act-btn {
        display: inline-flex;
    }

    .textareaLage textarea.form-control {
        height: auto !important;
    }

    /* .table {
        table-layout: fixed;
    } */