body {
    font-family: "Poppins", serif !important;
    font-size: 13px;
}

.primary-color {
    color: #f1663c;
}

.bg-primary-color {
    background: #f1663c;
}

.text-primary {
    color: #1987fb !important
}

/* Admin Login page */
.admin-login-hding {
    color: #333;
    font-size: 36px;
    font-weight: 700;
    margin: 0;
    padding-top: 25px;
    display: block;
}

.login-leftside {
    background: #fff;
    padding: 50px 50px 50px 125px;
    height: 100%
}

.login-leftside-logo {
    width: 200px;
    margin-bottom: 20px;
}

.admin-login-logo {
    width: 200px;
    margin-bottom: 20px;
}

.login-lftac {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    padding-top: 5px;
}

.login-lftac>a {
    color: #ea5a24;
    text-decoration: none;
}

.admin-login-field {
    width: 100%;
    border-radius: 6px;
    border: 1px solid rgb(221 221 221 / 100%);
    background: #fff;
    padding: 10px 15px;
    font-size: 14px;
    color: #000;
}

.admin-login-btn {
    color: #fff;
    border: none;
    outline: none;
    font-weight: 400;
    text-align: center;
    background: #ea5a24;
    font-size: 16px;
    padding: 10px 40px;
    border-radius: 40px;
    margin-top: 15px;
    margin-bottom: 10px;
    text-decoration: none;
}

.inputicon-right {
    position: absolute;
    right: 15px;
    color: #dadada;
    font-size: 14px;
    margin-top: 11px;
}

.admin-login-lbl {
    font-size: 14px;
    color: #333;
    font-weight: 500 !important;
}

.rememberme {
    display: none;
}

.rememberme+label {
    font-size: 14px;
    font-weight: 300 !important;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.rememberme+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #999;
}

.rememberme:checked+label:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ea5a24;
    color: #fff;
    border: 1px solid #ea5a24;
}

.forgotxt {
    font-size: 14px;
    font-weight: 400;
    color: #369;
    display: block;
}

.login-rightside {
    width: 100%;
    height: 100vh;
    background-color: #013c68;
    background-image: url(../img/dot-bg2.png);
    padding: 80px 50px;
    overflow: hidden;
    position: absolute;
}

.login-right-circlbg {
    position: absolute;
    top: -200px;
    left: -200px;
    border: 120px solid #ccc;
    border-radius: 50%;
    width: 600px;
    height: 600px;
    filter: opacity(0.1);
}

.login-rightbot-circlbg {
    position: absolute;
    bottom: -235px;
    right: -250px;
    border: 120px solid #ccc;
    border-radius: 50%;
    width: 500px;
    height: 500px;
    filter: opacity(0.1);
}

.posrel {
    position: relative;
}

.login-ritetxt-area {
    position: absolute;
    padding: 80px 80px;
}

.admin-lr-hding {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    padding-top: 40px;
}

.admin-lr-prgh {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding-top: 20px;
}

.admin-powered-by {
    position: fixed;
    right: 20px;
    bottom: 0px;
    font-size: 13px;
    color: #fff;
}

.admin-powered-by>a {
    color: #fff;
}

.admin-powered-by>a:hover {
    color: #ea5a24
}

.login-box {
    width: 100% !important;
}

.admin-login-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #fbfbfb;
}

.remember+label {
    font-weight: 400 !important;
    font-size: 14px;
}

.loginbothding {
    text-align: center;
    display: block;
    padding: 40px 0 0;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.loginbotprgh {
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 14px;
    margin: 0;
}

.login-copyright {
    font-size: 12px;
    text-align: center;
    display: block;
    background: #fff;
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 10px 0;
    margin: 0;
}

.login-copyright>a {
    color: #ef4816;
}

.login-bg {
    background: #e9ecef;
}

.login-header-logo {
    display: inline-block
}

.login-logo-text {
    color: #000;
    display: inline-block;
}

.showhide-password {
    cursor: pointer;
}

/* Header Menu */
.main-header .nav-link {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

/* Sidebar */
.sidebar-dark-primary {
    background-color: #fff !important;
}

/*.nav-sidebar li a {font-size: 14px; }*/
.nav-sidebar li a>i {
    font-size: 13px !important;
}

.admin-logoname {
    width: 100px;
    height: auto;
}
.main-sidebar, .main-sidebar::before {width: 210px;}
[class*=sidebar-dark-] .sidebar a {
    color: #343a40;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link.active {
    color: #000;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-treeview>.nav-item:hover>.nav-link {
    color: #f05323;
}

.sidbarmenu-svg {
    width: 30px;
    height: 25px;
    fill: #000;
    margin-right: 15px;
    position: relative;
    top: 1px;
}

.sidbarmenuu-svg {
    width: 30px;
    height: 25px;
    fill: #000;
    margin-right: 0px;
    position: relative;
    top: 1px;
}
.headermenu-svg {
    width: 25px;
    height: 25px;
    fill: #000;
    margin-right: 0px;
    position: relative;
    top: 0px;
}

[class*="sidebar-dark-"] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*="sidebar-dark-"] .nav-sidebar>.nav-item:hover>.nav-link,
[class*="sidebar-dark-"] .nav-sidebar>.nav-item>.nav-link:focus {
    color: #000 !important;
}

[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link.active,
[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link.active:hover,
[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link.active:focus {
    color: #f1663c !important;
}

[class*="sidebar-dark-"] .nav-treeview>.nav-item>.nav-link {
    color: #000 !important;
}

[class*="sidebar-dark-"] .nav-sidebar>.nav-item>.nav-treeview {
    background-color: #f5eeebc7 !important;
}

.content-wrapper.white-bg {
    background-color: #ffffff !important;
}

.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link {
    width: 100%;
    border-radius: 0px;
    border-right: 2px solid transparent;
}

.elevation-4 {
    box-shadow: rgb(218 218 218) 1px 0px 0px !important;
}

[class*=sidebar-dark] .brand-link {
    border-bottom: 1px solid #dadada;
}

.brand-link .brand-image {
    margin-top: 0px;
}

.sidebar {
    padding-left: 0px;
    padding-right: 0px;
}

.nav.nav-sidebar {
    padding-left: 5px;
    padding-right: 5px;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background: transparent;
    color: #f15e33;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active {
    box-shadow: none;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link {
    color: #fff;
    background: #ffe9e3;
    border-radius: 6px;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link.active {
    background: transparent;
    color: #f15e33 !important;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active>svg.sidbarmenu-svg {
    fill: #f15e33;
}

.card {
    box-shadow: 0px 0px 2px #ccc;
    /*border: 1px solid #dadada;*/
    border-radius: 6px;
}

.card-body {
    padding: 15px 15px;
}

.card-body .card-text {
    font-weight: 400;
    margin: 0;
}

.content-header {
    padding: 0px 0px;
    box-shadow: 0px 0px 12px rgb(204 204 204 / 50%);
    margin-bottom: 15px;
    position: relative;
}

.allpage-content-header {
    padding: 10px 0 !important;
}

.box-shadow-none {
    box-shadow: none !important;
}

.dashboard-header {
    box-shadow: none !important;
    padding: 10px 8px;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {
    width: 4.6rem;
}

.sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-link {
    width: 100%;
}

/* Wrapper */
.dashboard-icon {
    width: 40px;
    height: 40px;
    background: #fff2ef;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashboard-icon>i {
    font-size: 18px;
}

.dashboard-icon>svg {
    width: 20px;
    height: 20px;
    fill: #000;
}

.dashboard-title {
    font-size: 22px !important;
    font-weight: 700;
}

.admin-title {
    font-size: 16px !important;
    font-weight: 500;
}

.card-hding {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 15px;
}

.bottom-border {
    border-bottom: 1px solid #ddd;
}

.dashboard-number {
    font-size: 28px;
    font-weight: 700;
    color: #f1663c;
    margin: 0;
    line-height: 1;
}

.present-team {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    margin: 0;
    padding-top: 10px;
}

.dashboard-addbtn {
    padding: 6px 15px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
    border: none;
    background: #f15e33;
    color: #fff;
    text-align: center;
}

.dashboard-addbtn:hover {
    color: #fff;
    background: #e6572e;
}

.dashboard-btn-outline {
    padding: 6px 15px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
    border: none;
    border: 1px solid #f15e33;
    color: #f15e33;
    text-align: center;
}

.dashboard-btn-outline:hover {
    color: #fff;
    background: #f15e33;
}

/* Breadcrump */
.breadcrump-bg {
    background: #fff;
    padding: 10px 20px;
}

.breadcrump-addbtn {
    padding: 6px 15px;
    margin-top: 0px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
    border: none;
    background: #f15e33;
    color: #fff;
    text-align: center;
    float: right;
}

.breadcrump-addbtn:hover {
    color: #fff;
    background: #e6572e;
}

.breadcrump-addbtn>i {
    font-size: 10px;
    padding-right: 5px;
}

/* fix pagination */
.fix-pagination {
    width: 100%;
    height: 52px;
    padding: 10px 12px;
    box-shadow: 0px -12px 12px rgb(204 204 204 / 50%);
    background: #fff;
}

.pagination {
    margin-bottom: 0px;
    display: flex;
    justify-content: start;
}

/* Content header */
.header-icon {
    display: flex;
    margin: 10px 0 0 50px;
    padding: 0;
}

.header-icon li {
    list-style: none;
    margin-right: 15px;
    font-size: 14px;
    color: #b1b1b1;
    cursor: pointer;
    position: relative;
}

.header-icon li a {
    color: #b1b1b1;
    text-decoration: none;
    user-select: none;
}

.header-icon li>svg {
    width: 25px;
    height: 25px;
    fill: #b1b1b1;
}

/*.header-icon li > a:hover:before { content: attr(title); white-space: nowrap; position: absolute; top: -40px; left: 50%; padding: 6px 10px; display: flex; background: #000; color: #fff; font-size: 12px; z-index: 9999; font-weight: 500; letter-spacing: 0.5px; transform: translateX(-50%) scale(1); box-shadow: 0px 3px 10px rgb(204 204 204 / 80%); animation: filteratr-anim 0.2s;}
.header-icon li > a:hover:after {content: ''; position: absolute;  transform: scale(1); top: -10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000; margin: auto; display: block; animation: filteratr-animarrow 0.2s;}*/
.header-icon li .sortby {
    display: none;
}

.header-icon li:hover .sortby {
    display: block;
    width: 200px;
    transform: translateX(-50px);
    position: absolute;
    box-shadow: 0px 8px 12px rgb(204 204 204 / 30%);
    background: #fff;
    padding: 20px;
    z-index: 99;
}

.header-icon .sortby li {
    list-style: none;
}

.header-icon .sortby li a {
    font-size: 14px;
    text-decoration: none;
    padding: 5px;
    display: block;
}

.header-icon .sortby li a:hover {
    color: #f15e33;
}

.header-icon .sortby li a:hover:before,
.header-icon .sortby li a:hover:after {
    display: none;
}


@keyframes filteratr-anim {
    0% {
        opacity: 0;
        transform: translateX(-50%) scale(0.5);
    }

    50% {
        opacity: 50%;
        transform: translateX(-50%) scale(0.8);
    }

    100% {
        opacity: 100%;
        transform: translateX(-50%) scale(1);
    }
}

@keyframes filteratr-animarrow {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    50% {
        opacity: 50%;
        transform: scale(0.8);
    }

    100% {
        opacity: 100%;
        transform: scale(1);
    }
}

.table-design thead tr th,
.table-design tbody tr td {
    font-size: 12px;
    border: none !important;
}

.table-design thead tr th {
    color: #999;
    font-weight: 600;
}

.table-design tbody tr td {
    color: #000;
    padding: 8px 12px;
    vertical-align: top !important;
    /* vertical-align: middle !important; */
}

.table-design tbody tr:not(:last-of-type) {
    border-bottom: 1px solid #efeeee;
}

.table-design tbody tr td>.userderail {
    font-size: 12px;
    color: #369;
    display: block;
}

.circle-icon {
    font-size: 10px;
    color: #369;
    margin-right: 10px;
}

.text-success {
    color: #47b875 !important;
    background: #f6ffed;
    padding: 2px 5px;
    margin: 0;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
}

.text-danger {
    color: #f5222d !important;
    /* background: #fff1f0; */
    font-size:10px;
    padding: 2px 5px;
    margin: 0;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
}

.text-warning {
    background: #fff8e1;
    padding: 2px 5px;
    margin: 0;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
}

.table-chk {
    display: none;
}

.table-chk+label {
    font-size: 14px;
    font-weight: 300 !important;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    user-select: none;
}

.table-chk+label:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    margin: auto;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
}

.table-chk:checked+label:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ea5a24;
    color: #fff;
    border: 1px solid #ea5a24;
}

.action-view,
.action-edit,
.action-del {
    font-size: 12px;
    padding: 5px;
}

.action-view {
    color: #369;
}

.action-edit {
    color: #0056b3;
}

.action-del {
    color: #e30b0b;
}

/* Search Modal */
.filter-modal {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px 15px;
    background: #fff;
}

.filter-modal-close {
    position: absolute;
    right: 15px;
    margin-top: 12px;
    font-size: 30px;
    font-weight: 300;
    line-height: 0;
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    z-index: 9;
}

.filter-modal-title {
    font-size: 14px;
    font-weight: 600;
    padding-top: 6px;
    margin: 0;
}

.filter-field {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid rgb(221 221 221 / 30%);
    background: #fff1ff;
    border-radius: 4px;
    padding: 6px 10px;
    color: #000;
}

.filter-field:focus-visible {
    border: 1px solid rgb(221 221 221 / 30%);
    outline: none;
}

.filter-field::placeholder {
    color: #999;
}

.filter-search-btn {
    font-size: 12px;
    font-weight: 400;
    background: #e6572e;
    border: 1px solid #e6572e;
    border: none;
    border-radius: 4px;
    padding: 6px 10px;
    color: #fff;
    display: flex;
    height: 100%;
}

.filter-pr {
    padding-right: 40px;
}

/* Delete Modal */
.delete-modal .modal-content {
    border-radius: 1px;
    border: none;
    box-shadow: 0px 0px 13px #999;
}

.delete-modal .close-modal {
    position: absolute;
    right: -25px;
    top: -30px;
    font-size: 35px;
    color: #fff;
    background: none;
    border: none;
    padding: 0;
}

.delete-modal .del-hding {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    display: block;
}

.delete-modal .del-prgh {
    font-size: 14px;
    text-align: center;
    display: block;
    line-height: 1.5;
    padding: 10px 30px;
}

.delete-modal .canel-modal-btn {
    padding: 6px 15px;
    margin-top: 0px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
    border: none;
    color: #fff;
    background: #999;
    text-align: center;
    margin: 0 6px;
}

.delete-modal .delete-modal-btn {
    padding: 6px 15px;
    margin-top: 0px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
    border: none;
    color: #fff;
    background: #e12e3a;
    text-align: center;
    margin: 0 6px;
}

/* Add Client */
.form-box {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.form-title {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.form-lbl {
    font-size: 12px;
    font-weight: 600 !important;
    padding-bottom: 5px;
    display: block;
    margin: 0;
}

.form-field {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #999;
    background: #fff;
    border-radius: 4px;
    padding: 6px 10px;
    color: #000;
}

.form-field:focus-visible {
    
    outline: none;
}

.form-field::placeholder {
    color: #999;
}

select.form-field {
    padding: 7px 10px;
}

input[type="file"] {padding:0px !important; height: 31.6px;}
.form-submit-btn {
    padding: 6px 15px;
    margin-top: 0px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
    border: none;
    background: #f15e33;
    color: #fff;
    text-align: center;
}

/* Client details */
.all-client-tbl {
    width: 100%;
}

.all-client-tbl tbody tr td {
    padding: 0;
}

.all-client-tbl tbody tr {
    padding: 10px 0;
    display: block;
}

.all-client-tbl tbody tr:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.user-thumbnail {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff1ff;
    position: relative;
}

.user-thumbnail>img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.client-name-tbl {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.client-id-tbl {
    font-size: 11px;
    font-weight: 400;
    display: block;
}

.active-user,
.inactive-user {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid #fff
}

.active-user {
    background: #70e11a;
}

.inactive-user {
    background: #f30;
}

.tbl-link {
    text-decoration: none;
    color: #000;
}

.userprofile {
    width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0px 0px 12px #ddd;
    position: relative;
    z-index: 9;
}

.userprofile>img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.userprofile>.active-user,
.userprofile>.inactive-user {
    width: 20px;
    height: 20px;
    bottom: 10px;
    right: 15px;
    border: 3px solid #fff;
}

.userdetail-textarea {
    padding: 20px 20px 15px 20px;
    width: 90%;
    background: #fff9f7;
    margin: 0px 0 15px 10%;
    position: relative;
    top: 13px;
}

.userdetail-textarea .username {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.userdetail-textarea .userdetail-text {
    font-size: 14px;
    color: #333;
    margin: 0;
    padding: 0 0 5px;
}

.userdetail-textarea .userdetail-text>i {
    width: 20px;
    margin-right: 8px;
    display: inline-flex;
    justify-content: center;
}

.mx-minus-0 {
    margin-left: -15px;
    margin-right: -15px;
}

.userdetail-group {
    margin-bottom: 15px;
}

.userdetail-lbl {
    font-size: 12px;
    color: #999;
    display: block;
    margin: 0;
    padding-bottom: 5px;
    font-weight: 400;
}

.userdetail-highligt {
    font-size: 12px;
    color: #000;
    margin: 0;
    display: block;
    font-weight: 500;
}

.doc-thumbnail {
    width: 50px;
    height: 50px;
    position: relative;
}

.doc-thumbnail>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.doclist,
.doclist-header {
    margin: 0px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.doclist {
    margin-bottom: 15px;
}

.doclist li,
.doclist-header li {
    list-style: none;
    width: 25%;
    flex-grow: 1;
}

/* Tooltip */
.tooltip-sec {
    cursor: pointer;
    position: relative;
}
.tooltip-box {
      position: absolute;
      background: #333;
      color: #fff;
      padding: 6px 10px;
      border-radius: 4px;
      font-size: 11px;
      white-space: normal;
      z-index: 1000;
      display: none;
      min-width: 80px;
      max-width: 200px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.tooltip-box:before {
    content: '';
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
    margin: auto;
    display: block;
    transform: translateX(-50%) scale(1);
    left: 50%;
    bottom:-5px;
}
/* .tooltip-sec:hover:before {
    content: attr(data-title);
    position: absolute;
    top: -55px;
    left: 50%;
    padding: 6px 10px;
    display: flex;
    justify-content: center;
    background: #fde2db;
    color: #000;
    font-size: 11px;
    text-align: center;
    z-index: 9999;
    font-weight: 500;
    letter-spacing: 0.5px;
    transform: translateX(-50%) scale(1);
    box-shadow: 0px 3px 10px rgb(204 204 204 / 80%);
    animation: filteratr-anim 0.2s;
    max-width: 300px;
    width: 300px;
    word-break: break-all;
    border-radius: 5px;
}

.tooltip-sec:hover:after {
    content: '';
    position: absolute;
    transform: scale(1);
    bottom: 18px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fde2db;
    margin: auto;
    display: block;
    transform: translateX(-50%) scale(1);
    left: 50%;
    animation: filteratr-animarrow 0.2s;
} */

/* .tooltip-right-pos:hover:before {
    left: 36px !important;
    top: -7px !important;
    transform: translateX(0) scale(1) !important;
    animation: filteratr-anim-right-pos 0.2s;
}

.tooltip-right-pos:hover:after {
    border-left: none !important;
    border-bottom: 6px solid transparent !important;
    border-right: 6px solid #000 !important;
    border-top: 6px solid transparent !important;
    transform: translateX(0) scale(1) !important;
    top: 2px !important;
    left: unset !important;
    right: -17px;
    animation: filteratr-animarrow-right-pos 0.2s;
}

.tooltip-left-pos:hover:before {
    left: unset !important;
    top: 0px !important;
    right: 39px;
    transform: unset;
    animation: unset
}

.tooltip-left-pos:hover:after {
    border-left: 6px solid #000 !important;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent !important;
    top: -5px !important;
    left: unset !important;
    right: 96%;
    transform: translateX(-100%) scale(1) !important;
    animation: filteratr-animarrow-left-pos 0.2s;
}

.tooltip-bottom-pos:hover:before {
    top: unset !important;
    bottom: -40px;
}

.tooltip-bottom-pos:hover:after {
    border-top: none !important;
    border-bottom: 6px solid #000;
    top: unset !important;
    bottom: -10px;
} */

.tooltip-width:hover:before {
    white-space: break-spaces !important;
    width: 250px;
}

.profile-tab {
    border-bottom: 1px solid #ccc;
    flex-wrap: unset !important;
    white-space: nowrap;
}

.profile-tab li {
    flex-grow: 1;
}

.profile-tab li a {
    text-align: center;
}

.profile-tab li a.active {
    background-color: #fff !important;
    color: #f15e33 !important;
    border-bottom: 2px solid #f15e33;
    border-radius: 0px;
}


/* Link bank account */
.ac-hding {
    width: 100%;
    text-align: left;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    background: none;
    border: none;
    border-bottom: 1px solid #000;
    margin-top: 15px;
    margin-bottom: 25px;
}

.ac-step {
    padding: 2px 5px;
    font-size: 12px;
    background-color: #fff8e1;
    margin-right: 0px;
    margin-bottom: 0;
}

.ac-title {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 0;
    margin: 0 0 5px;
}

.ac-title>.ac-name {
    text-transform: uppercase;
    font-weight: 600;
}

.ac-verify-pro {
    font-size: 10px;
    padding: 2px 5px;
    background-color: #fff8e1;
    font-weight: 400 !important;
}

.ac-process-pending {
    font-size: 10px;
    padding: 2px 5px;
    color: #ffc107;
    background-color: #fff8e1;
    font-weight: 400 !important;
}

.ac-process-approve {
    font-size: 10px;
    padding: 2px 5px;
    color: #47b875;
    background-color: #f6ffed;
    font-weight: 400 !important;
}

.ac-process-reject {
    font-size: 10px;
    padding: 2px 5px;
    color: #f5222d;
    background-color: #fff1f0;
    font-weight: 400 !important;
}

.ac-subtitle {
    font-size: 12px;
    color: #999;
}

.ac-bankname {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 0;
    font-weight: 400;
    margin: 0;
}

.ac-branch {
    text-transform: uppercase;
    font-size: 12px;
    color: #999;
}

.ac-bankdetail {
    font-size: 12px;
    color: #999;
    margin: 0;
}

.ac-bankdetail>span {
    width: 120px;
    display: inline-block;
    color: #000;
}

.ac-btn {
    color: #fff;
    font-weight: 400;
    text-align: center;
    background: #ea5a24;
    font-size: 12px;
    padding: 5px 5px;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

.ac-icon {
    font-size: 22px;
    line-height: 0;
    margin-right: 10px;
}

.myact-boxarea {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 0 10px #ccc;
    margin: 15px 0 0;
    padding: 20px;
    position: relative;
}

.myact-title {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.myact-group {
    margin-bottom: 10px;
}

.myact-lbl {
    font-size: 13px;
    color: #999;
    display: block;
    margin: 0;
    padding-bottom: 5px;
    font-weight: 500;
}

.myact-highligt {
    font-size: 13px;
    color: #000;
    margin: 0;
    display: block;
    font-weight: 500;
}

.nav.nav-pills li a {
    font-weight: 400;
}

.list-group-item>b {
    font-weight: 600;
}

/* LOS Download Design */
.download-report {
    background: #fff;
    box-shadow: 0px 0px 12px #e9e9e9;
    border-radius: 10px;
    padding: 18px 15px 0;
    position: relative;
    margin-bottom: 25px;
    height: 100px;
    transition: 0.3s all ease-in;
}

.dr-hding {
    font-size: 18px;
    color: #142f53;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    margin: 0;
    position: relative;
    z-index: 9;
}

.dr-yr {
    font-size: 14px;
    color: #bbb8b8;
    padding-top: 5px;
    margin-bottom: 5px;
}

.report-download-icon {
    font-size: 12px;
    color: #f15e33;
    width: 25px;
    height: 25px;
    border: 1px solid #f15e33;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    margin-top: 5px;
    margin-bottom: 10px;
}

.dr-pdficon {
    font-size: 55px;
    color: #f15e33;
    position: absolute;
    left: 0;
    bottom: -15px;
    opacity: 0.1;
}

a:hover {
    text-decoration: none !important;
}

a:hover .download-report {
    background: #5e295f;
    transition: 0.3s all ease-in;
}

a:hover .dr-hding {
    color: #fff;
}

a:hover .dr-yr {
    color: #fafafa;
}

a:hover .report-download-icon {
    color: #fff;
    border-color: #fff;
}

a:hover .dr-pdficon {
    color: #fff;
    opacity: 0.2;
}

@media (max-width: 480px) {
    .userprofile {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 575px) {
    .admin-login-bg {
        padding: 40px 20px;
    }

    .login-copyright {
        position: relative;
    }

    .doclist li {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .admin-powered-by {
        position: inherit;
        text-align: center;
        display: block;
        color: #000;
    }

    .admin-powered-by>a {
        color: #000;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .login-ritetxt-area {
        padding: 0px 40px 0 0;
    }
}

@media (min-width: 768px) {

    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        margin-left: 200px;
    }
}

@media (min-width: 992px) {

    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
    .sidebar-mini.sidebar-collapse .main-sidebar:hover {
        width: 200px;
    }


    /* .sidebar-collapse .admin-logoname {
        visibility: hidden;
    } */


    .highlight-star {
        position: relative;
        cursor: pointer;
    }

    .highlight-star>.select-star {
        display: none;
    }

    .highlight-star:before {
        content: '\f005';
        font-family: "Font Awesome 5 Free";
        font-weight: 100;
        margin-right: 5px;
        color: #999;
    }

    .highlight-star:has(> .select-star:checked):before {
        font-weight: 900;
        color: #ffc004;
    }


    .header-search-area {
        border: 1px solid #c6c6c6;
        padding: 4px 10px;
        border-radius: 50px;
    }

    .header-search-field {
        font-size: 12px;
        border: none;
        outline: none;
    }

    .header-search-field:placeholder {
        color: #999;
    }

    .header-search-btn {
        font-size: 12px;
        color: #999;
        border: none;
        background: transparent;
    }

    .navbar-badge {
        right: 10px;
        top: 5px;
    }

    .collapse-bar-icon {
        background: #ff3300;
        border-radius: 50%;
        width: 30px;
        height: 30px !important;
        padding: 1px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        color: #fff !important;
    }



    .card {
        position: relative;
    }

    .header-content-bg {
        background: #eff9ff;
    }

    .table-thead-bg-light {
        background: #eff9ff;
    }

    .counter-img-card .card-body {
        padding: 16px 20px;
    }

    .cardcount-img {
        width: 115px;
        height: 115px;
        position: absolute;
        right: 0;
        top: -60px;
        /*display: none;*/
    }

    .cardcount-img>img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .counter-img-card .card-body .card-text,
    .counter-img-card .card-body .card-number {
        color: #999;
    }

    .counter-img-card .card-body .card-number {
        font-size: 26px;
        font-weight: 500;
    }

    .counter-img-card.active .card-body .card-text,
    .counter-img-card.active .card-body .card-number {
        color: #f15e33;
    }

    .counter-img-card.active .card-body .cardcount-img {
        display: block;
    }

    .counter-active-card {
        background: #fff url('../img/svg/activer-member-bg.svg') no-repeat left top;
        background-size: contain;
    }

    .counter-deactive-card {
        background: #fff url('../img/svg/deactive-member-bg.svg') no-repeat left top;
        background-size: contain;
    }

    .counter-pending-card {
        background: #fff url('../img/svg/pending-member-bg.svg') no-repeat left top;
        background-size: contain;
    }

    .table-doticon {
        cursor: pointer;
        text-align: right;
    }

    .table-ht {
        height: 400px;
    }

    .table-header-fix {
        position: sticky;
        top: 0px;
        z-index: 1;
    }

    .table-dropdown-menu {
        padding: 12px;
        border: none;
        border-radius: 8px;
        outline: none;
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    }

    .table-dropdown-menu li a {
        font-size: 12px;
        padding: 10px 12px;
    }

    .table-dropdown-menu li a:focus,
    .table-dropdown-menu li a:hover {
        background-color: #eff9ff !important;
        color: #000;
    }

    .table-search-area {
        border: 1px solid #999;
        padding: 8px 12px;
        border-radius: 8px;
        width: auto;
        display: inline-block;
        margin-bottom: 15px;
    }

    .table-select-field {
        font-size: 12px;
        border: none;
    }

    .table-select-field:focus-visible {
        border: none;
    }

    .table-search-field {
        border: none;
        padding-left: 10px;
        font-size: 12px;
    }

    .table-search-field:focus {
        border: none;
        outline: none;
    }

    .table-search-btn {
        background: transparent;
        border: none;
    }

    .table-search-btn>img {
        width: 14px;
        height: 14px;
    }

    .bottom-fix-pagination {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 1;
        padding: 10px 32px 10px 240px;
        box-shadow: 10px -2px 12px #00000012;
    }

    .pagination-dropdown {
        border-radius: 6px;
        padding: 7px 10px;
        font-weight: 400;
        border: 1px solid #dee2e6;
        background: #fff;
        margin: 0 10px;
        display: block;
    }

    .shorting-select {
        border: 1px solid #dee2e6;
        padding: 7px 10px;
        border-radius: 6px;
        background: #fff;
        margin: 0 10px;
        display: inline-block;
        cursor: pointer;
    }

    .shorting-select>span {
        padding: 0 8px;
    }

    .shorting-dropdown-menu {
        width: 210px;
        padding: 12px;
        border: none;
        border-radius: 8px;
        outline: none;
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    }

    .shorting-dropdown-menu li {
        font-size: 12px;
        padding: 8px 12px;
        display: flex;
        align-items: center;
    }

    .shorting-dropdown-menu li>input[type="radio"] {
        opacity: 0.4;
    }

    .shorting-dropdown-menu li:hover>input[type="radio"],
    .shorting-dropdown-menu li>input[type="radio"]:checked {
        opacity: 1;
    }

    .shorting-dropdown-menu li>label {
        padding: 0 10px;
        font-weight: 400 !important;
        margin: 0px;
        cursor: pointer;
    }

    .title2 {
        font-size: 15px;
        font-weight: 600;
        display: block;
    }

    /*.shorting-dropdown-menu li a:focus, .table-dropdown-menu li a:hover {background-color:#eff9ff !important; color:#000; }*/

    .table-filter-modal .modal-dialog {
        position: fixed;
        top: 0px;
        right: 0;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .table-filter-modal .modal-content {
        height: 100%;
        border-radius: 0px;
        width: 400px;
    }

    .filter-status {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 15px;
    }

    .filter-status>label {
        font-weight: 400 !important;
        margin: 0;
        color: #000;
        font-size: 13px;
        cursor: pointer;
    }

    .filter-status>input {
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .filter-search-field {
        border-radius: 6px;
        border: 1px solid #ddd;
        padding: 10px 15px;
        width: 100%;
        font-size: 13px;
    }

    /*.filter-search-field option:first-child { color:#999}*/
    .filter-hding {
        font-size: 14px;
        font-weight: 600;
        padding: 15px 0 10px;
        margin: 0px;
    }

    .pagination li a {
        color: #999;
    }

    .circle-arrow-link {
        width: 20px;
        height: 20px;
        border: 1px solid #007bff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #007bff;
    }

    .nav-tabs {
        margin-bottom: 15px;
    }

    .nav-tabs .nav-link {
        border: none;
        border-bottom: 3px solid transparent;
        color: #999;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        border-color: #f15e33;
        color: #f15e33;
    }

    .no-claim-found-img {
        margin: auto;
        display: block;
        width: 200px;
        margin-top: 80px;
        margin-bottom: 15px;
    }

    .no-data-found-hding {
        font-size: 24px;
        font-weight: 700;
        display: block;
        text-align: center;
    }

    .no-data-found-prgh {
        font-size: 14px;
        font-weight: 400;
        display: block;
        text-align: center;
    }

    .add-member-img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: #d5e9ff;
        padding: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto 30px;
    }

    .add-member-img>img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


    .table-trlink tbody tr td {
        cursor: pointer;
    }

    .trlink {
        color: #000;
    }

    .wrap-prgh {
        font-size: 13px;
    }

    .wrap-small {
        font-size: 11px;
        margin: 0;
        padding: 0;
    }

    /* Checkout Page */
    .checkout-bg {
        background: #eff9ff;
        width: 100vw;
        height: 100vh;
        padding: 30px 50px;
    }

    .checkout-box {
        border-radius: 20px;
        background: #fff;
        padding: 50px;
        width: 90%;
        margin: auto;
        display: block;
        overflow: auto;
    }

    .checkout-detail-list {
        margin: 0;
        padding: 0;
    }

    .checkout-detail-list li {
        list-style: none;
        font-size: 14px;
        color: #999;
        width: 100%;
        margin-bottom: 15px;
    }

    .checkout-same-reg-mobile-number {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-top: 10px;
    }

    .checkout-same-reg-mobile-number>label {
        font-weight: 400 !important;
        font-size: 12px;
        margin-bottom: 0;
    }

    .checkout-purchase-list-scrollbar {
        overflow: auto;
        max-height: 180px;
        padding-right: 10px;
        margin-bottom: 10px;
    }

    .purchase-list {
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px;
    }

    .checkout-price-box {
        border: 1px solid #ddd;
        padding: 20px;
        border-radius: 20px;
    }

    .checkout-price-list {
        margin: 0px;
        padding: 0px;
    }

    .checkout-price-list li {
        list-style: none;
        display: flex;
        justify-content: space-between;
        font-size: 13px;
        color: #999;
        padding-bottom: 10px;
    }

    /* .checkout-price-list li .checkout-detail {} */
    .checkout-price-list li .checkout-price {
        color: #000;
    }

    .checkout-price-list li:last-child {
        border-top: 1px solid #ddd;
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .checkout-price-list li:last-child span {
        font-size: 16px;
        color: #000;
        font-weight: 500;
    }

    .checkout-box {
        width: 80%;
    }

    /* membership view page */
    .member-detail-left-card {
        min-width: 320px;
        height: 100%;
        border: none;
        border-radius: 0px;
        border-top-right-radius: 24px;
        box-shadow: 16px 0 16px #a8cdf233;
        z-index: 1;
    }

    .member-detail-left-card .card-body {
        padding: 20px;
    }

    .member-detail-list {
        margin: 0px 0 0;
        padding: 0px 0 0;
    }
    

    .member-detail-list li {
        list-style: none;
        margin-bottom: 15px;
        font-size: 13px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

       .member-detail-list li > img {
        margin-right: 10px;
        width: 20px;
    }

    .member-detail-list li .list {
        color: #999;
        margin-right: 25px;
    }

    .member-detail-list li .list-output {
        color: #000;
        margin-left: auto;
        
    }

    .profile-info-divider {
        width: 85%;
        margin: 24px auto 26px;
        height: 1px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #a7d3ff 28.3%, #a7d3ff 76.36%, rgba(255, 255, 255, 0) 102.53%);
    }

    .member-detail-right-card {
        border: none;
        box-shadow: none;
        padding: 20px 30px;
    }

    .card-profile-img {
        width: 86px;
        height: 86px;
        border-radius: 50%;
        margin: -55px auto 30px;
        display: block;
    }

    .profile-username {
        font-size: 18px;
    }

    .left-card-document {
        border: 1px solid #999;
        padding: 15px;
        border-radius: 10px;
        width: 280px;
        margin-top: 30px;
    }

    .left-card-document-prgh {
        font-size: 11px;
        color: #999;
        padding: 0;
        margin: 0;
    }


    .membership-list {
        margin: 20px 0;
        padding: 0;
    }

    .membership-list li {
        list-style: none;
        margin-bottom: 15px;
        font-size: 13px;
        color: #000;
        display: flex;
        align-items: start;
        gap: 15px;
    }

    .membership-list li div>span {
        display: block;
        color: #999;
    }

    .membership-list li>i {
        position: relative;
        top: 2px;
    }

    .family-info-card {
        border: 1px solid #dee2e6;
        border-radius: 10px;
        padding: 15px 0;
        margin-bottom: 20px;
    }

    .nametag {
        background: #e3f1fc;
        color: #0188fc;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        font-size: 14px;
        margin-left: 15px;
    }
    .nametag > img {width: 100%; height: 100%; object-fit: fill; border-radius: 50%;}
    
    .tab-scrollbar {
        height: 440px;
        overflow: auto;
        padding-right: 10px;
    }

    .error {
        color: red;
    }

    span form button {
        background-color: transparent;
        color: #000;
        border: none;
        cursor: pointer;
    }

    #email_div,#mobile_div,#password_div{
        display: none;
    }
}
.table-width-design {
    width:2800px;
}
.policy-data-table-width {
    width:2200px;
}
.commission-report-table-width {
    width:3800px;
}
.table-width-design thead tr th, .table-width-design tbody tr td {font-size:12px;}
.nowrap {white-space: nowrap;}

.form-loader {position:fixed;left:0px; top:0px; right:0; bottom:0; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.05); background-color: rgba(253, 248, 248, 0.6);   backdrop-filter: blur(1px); z-index:9999;}

@media (min-width: 768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {margin-left: 210px;  }
}
@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused, .sidebar-mini.sidebar-collapse .main-sidebar:hover {
    width: 210px;
    }
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);
    border-radius: 20px;
}
::-webkit-scrollbar-thumb {
  background-color: #db3721 ;
  border-radius: 20px;

}

.modaldesign .modal-title {font-size:18px; font-weight: 700;}
.form-label {font-size:12px; font-weight: 500 !important;}
.mobile-filter-close,
.mobile-filter-show-icon {
    display: none;
}
.mobile-filter form {
    background: #ebedef;
    border-radius: 10px;
    padding: 20px 15px 4px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .mobile-filter-show-icon {
        display: inline-block;
        font-size: 16px;
        color: #999;
        margin-left: 10px;
    }

    .mobile-filter {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #fff;
        top: 0;
        left: 0;
        z-index: 9999;
        padding: 75px 20px 30px;
        overflow: auto;
    }

    .mobile-filter-close {
        display: block;
        border: none;
        position: absolute;
        top: 15px;
        right: 20px;
        font-size: 20px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #f2f2f2;
    }
}

.pagination-dynamic {
    padding: 15px;
    padding-left: 2px;
}

.pagination-dynamic>nav>div>div>p {
    font-size: 13px !important;
}

.pagination-dynamic>nav>div>div>span {
    display: inline-flex;
}

.pagination-dynamic nav>div>div>span>a {
    padding: 8px 16px !important;
}

.pagination-dynamic nav>div>div>span>a>svg {
    width: 20px;
    height: 20px;
}

.pagination-dynamic nav>div>div>span>span[aria-current="page"]>span {
    display: inline-flex;
    padding: 8px 16px !important;
    background-color: #1b7cfa !important;
    color: #fff !important;
}

.pagination-dynamic nav>div>div>span>span[aria-disabled="true"]>span {
    display: inline-flex;
}

.pagination-dynamic nav>div>div>span>span[aria-disabled="true"]>span>svg {
    width: 20px;
    height: 20px;
}

.pagination-dynamic nav>div>div>span>span[aria-current="page"]>span {
    padding: 8px 10px !important;
}

.pagination-dynamic nav>div>div>span>a {
    padding: 8px 10px !important;
}

.pagination-dynamic nav>div>div>span>span[aria-disabled="true"]>span {
    padding: 8px 0px !important;
}

.pagination-dynamic nav>div>div>span>a:last-child {
    padding: 8px 0px !important;
}

.pagination-dynamic nav>div>div>span>a:first-child {
    padding: 8px 0px !important;
}
.header-logout-btn { border:none; background: none; }

.widget-user .card-footer {padding-top:15px !important; background: #fff; margin-top:-80px;}
.widget-user .widget-user-username {font-size: 18px; font-weight: 700;}
.widget-user .widget-user-image { position:relative; margin-left:0px; top:0; left:0; }
.widget-user .widget-user-image img {width: 50px !important; height:50px; padding:5px;}
.navbar-logout-btn {font-size:12px; border: none; background: none; color:#ff3300; margin-left:10px; }
.navbar-profile-contact {font-size:13px; color:#999; margin:0; padding-bottom: 5px;}
.navbar-profile-list {margin:5px 0 10px; padding:0; display: flex;}
.navbar-profile-list li {list-style: none; line-height:10px;  border-right: 1px solid #ccc; }
.navbar-profile-list li:last-child {border:none;}
.navbar-profile-list li a {font-size:12px; border: none; background: none; color:#ff3300; padding:0 10px;  }
.navbar-profile-list li:first-child a {padding-left: 0px;}
.quote-table-w {width: 1800px;}
/* Step flow */
.new-stepflow { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: 8px 0 15px; padding: 0;  counter-reset: section 0; /*counter-reset: section -1*/; }
.new-stepflow li { flex-grow: 1; list-style: none; font-size: 13px; color:#8d8d8d; letter-spacing: 1px; flex-grow: 1; display: flex; justify-content: center; position: relative; padding-bottom: 20px; transition: width .6s ease; }
.new-stepflow li a {width: 24px; height: 24px; position: absolute;}
.new-stepflow li:before { content: counter(section); counter-increment: section; position: absolute; bottom: 0; left: 0; right: 0; bottom: -3px; margin:auto; width:24px; height: 24px;  border-radius: 50%; background: #fff; box-shadow: 0px 0px 8px #ddd; display: flex; align-items: center; justify-content: center; font-weight: 500; z-index: 1; }
.new-stepflow li.active:before { color: #fff; background: #E63A27;}
.new-stepflow li:last-child:after {display: none;}
.new-stepflow li:after { content: ''; z-index: 0; position: absolute; bottom: 5px; left: 0; right: 0; transform: translateX(50%); margin:auto; width:100%; height: 8px;  background: #eee;  transition: width .6s ease; }
.new-stepflow li.active:after { background: #EA5A24; background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px; -webkit-animation: we 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.new-stepflow li > span {margin-bottom: 10px;}
.stepflow-text {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: 0px 0 0px; }
.stepflow-text li {  list-style: none; font-size: 13px; color:#8d8d8d; letter-spacing: 1px; flex-grow: 1; display: flex; justify-content: center; }
.stepflow-text li.active {color: #E63A27;}
.stepflow-text li a {text-decoration: none; color: #8D8D8D; font-size:10px;}
@media (max-width: 767px) {
  .stepflow-text {display: none;}
}
.radio-btn {display: none;}
.radio-btn + label { border: 1px solid #000; cursor: pointer; border-radius: 5px; padding: 5px 15px 5px 15px; font-size: 12px; font-weight: 400 !important; margin-right: 8px;  position: relative;}
.radio-btn:checked + label {background: #FFC9BA; color: #000; }
.readio-btn + label:before {content: ''; position: absolute; left: 10px; top:10px; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #000;}

.bill-header-logo {   width: 230px; }
.box-design  {
    box-shadow: 0px 0px 12px #ccc;
    background-color: #fff;
    padding:15px;
    border-radius: 10px;
}
.breadcrump {
    margin: 2px 0 5px 0;
    padding: 0;
    display: flex;
}

.breadcrump li {
    list-style: none;
    font-size: 11px;
    color: #999;
}
.breadcrump li a {color:#000;}
.breadcrump li > i {padding:0 6px 0 5px;}

.journey-svg {width: 50px; height: 50px; fill: #000; margin:auto; position: relative; top: 1px;}

/* Contact us */
.contact-area {background: #fff; border-radius: 10px; padding:10px 10px; margin-bottom: 30px; box-shadow: 0 3px 8px rgb(204 204 204 / 50%); display: flex; align-items: center; justify-content: space-between;}
.contact-area-h {background: #fff; border-radius: 10px; min-height: 145px; margin-bottom: 30px; box-shadow: 0 3px 8px rgb(204 204 204 / 50%); padding: 20px; }
.cnt-area {list-style: none; font-size: 13px; margin-right: 0px; display: flex; align-items: center; color: #999;}
.cnt-icon {width: 36px; height: 36px; font-size: 24px; border-radius: 4px;   margin-right: 0px; display: flex; align-items: center; justify-content: center; }
.cnt-txt {font-size: 12px; font-weight: 500; padding-left: 10px; color: #000; display: block;}
.cnt-desc {font-size: 13px; font-weight: 400; display: block;}
.cnt-bg1 { background: #fff9e0; color: #ff991f;}
.cnt-bg2 { background: #edeaff; color: #7968d5;}
.cnt-bg3 { background: #e3fcef; color: #4cc85c;}
.cnt-rite-icon { color: #2c9eff; font-size: 14px; }
.cnt-adr {font-size: 14px; font-weight: 400; padding-left: 10px; color: #000; display: block;}

.table-border-line {border:1px solid #c2c2c2 !important;}
.table-border-line tbody tr:not(:last-child) td {border-bottom:1px solid #c2c2c2 !important;}
.table-border-line tbody tr td:not(:last-child) {border-right:1px solid #c2c2c2 !important;}

.form-box {width: 100%; background-color: #fff; box-shadow: 0px 10px 15px rgb(0, 0, 0, .16); padding: 20px; border-radius: 10px; margin-bottom: 20px;}

.banner-hding {font-size:48px; font-weight: 700;}
.banner-subhding {font-size: 32px; font-weight: 500;}
.homebanner-list {display: flex; flex-wrap: wrap; margin:15px 0 0; padding:0;}
.homebanner-list li {list-style: none; margin-right: 10px; padding-right: 10px; border-right:1px solid #000; font-size: 14px;}
.homebanner-list li:last-child {border-right: none;}
.banner-btn {border-radius: 8px; padding:7px 20px; background: #bb215b; border:1px solid #bb215b; color:#fff; display: inline-block;  text-decoration: none; transition: all 0.3s ease-in-out;}
.banner-btn:hover {background: #810f3a; border-color: #810f3a; transition: all 0.3s ease-in-out;}
.banner-btn-outline {border-radius: 8px; padding:7px 20px; background: #fff; border:1px solid #bb215b;  color:#bb215b; display: inline-block; text-decoration: none; transition: all 0.3s ease-in-out;}
.banner-btn-outline:hover {background: #bb215b; color:#fff; transition: all 0.3s ease-in-out; }


.wrap-btn {border-radius: 4px; font-size:13px; padding:7px 20px; background: #bb215b; border:1px solid #bb215b; color:#fff; display: inline-block;  text-decoration: none; transition: all 0.3s ease-in-out;}
.wrap-btn:hover {background: #810f3a; border-color: #810f3a; transition: all 0.3s ease-in-out;}

.wrap-btn-outline {border-radius: 4px; font-size:13px; padding:7px 20px; background: #fff; border:1px solid #bb215b;  color:#bb215b; display: inline-block; text-decoration: none; transition: all 0.3s ease-in-out;}
.wrap-btn-outline:hover {background: #bb215b; color:#fff; transition: all 0.3s ease-in-out; }

.wrap-hding {font-size:36px; font-weight: 700;}
.wrap-subhding {font-size: 22px;}
.wrap-prgh {font-size: 14px;}

.ullist, .ullist-box {margin: 0; padding:0;}
.ullist li {list-style: none; font-size: 14px; margin-bottom: 10px; display: flex; gap: 10px;}
.ullist li i {position: relative; top:3px; color:#bb215b;}

.ullist-box li {list-style: none; font-size: 14px; margin-bottom: 10px; margin-right: 10px; display: inline-flex ; gap: 10px; box-shadow: 0px 0px 16px #cccc; border-radius: 5px; padding: 10px 20px; }
.ullist-box li i {position: relative; top:3px; color:#bb215b;}

.hiw-bg {background: #f1f1f1; padding: 50px 0px; margin-bottom: 30px; }
.hiw-area {padding: 40px 0 0; }

.hiw-box-area {margin-bottom: 20px; padding: 40px 20px 20px; position:relative; }
.partner-step-number {font-size: 80px; font-weight: 600; color:#999; line-height: 1;}
.hiw-box-hding {font-size: 18px; font-weight: 700; }
.hiw-box-prgh {font-size: 14px; font-weight: 400; }
.hiw-circle {width: 98px; height: 98px; border-radius: 50%; background: #ddddff; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto 30px; }
.hiw-circle:before {content: ''; position: absolute; left: -11px; top: -11px; border-radius: 50%; width: 120px; height: 120px; border: 1px dashed #d7d7d7; }
.hiw-circle>img {width: 55px; }
.hiw-circle-step {width: 30px; height: 30px; border-radius: 50%; background: #bb215b; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; right: -10px; top: -15px; font-size: 14px; }
.hiw-first-arrow {position: absolute; right: -100px; top: 50px;  width: 180px; height: 50px;}
.hiw-first-arrow > img {width: 100%; height: 100%; object-fit: contain;}
.hiw-sec-arrow {position: absolute; right: -100px; top: 70px;  width: 180px; height: 50px;}
.hiw-sec-arrow > img {width: 100%; height: 100%; object-fit: contain;}

.form-btn2 {position: absolute; right:0; top:0; width: auto; font-size: 13px; padding: 6px 15px 6px; text-align: center; background-color: #bb215b; color: #fff; outline: none; border: none; border-radius: 4px;}

.fetch-detail-bg {background: #f7f7f7; padding: 20px; border-radius: 10px; position: relative;}
.fetch-detail-edit-btn { font-size: 12px; text-decoration: none;}
.vehicle-fecth-list {display: flex; flex-wrap: wrap; margin:0px 0 0; padding:0;}
.vehicle-fecth-list li {list-style: none; margin-right: 10px; color:#999; padding-right: 10px; border-right:1px solid #999; font-size: 11px;}
.vehicle-fecth-list li:last-child {border-right: none;}

.modal-close {border: none; background: none; position: absolute; right:15px; top:10px; font-size: 16px;}
.quote-filter-lbl, .quote-lbl {font-size: 12px; color:#000; font-weight: 400; margin:0px; padding:0px;}
.quote-filter-lbl-gray, .quote-lbl-gray {font-size: 12px; color:#999; font-weight: 400; margin:0px; padding:0px;}
.quote-filter {border:none; border-bottom:1px solid #ddd; padding:0px 10px 3px 0; font-size: 12px;}
.quote-filter:focus {outline: none;}

.quote-box {box-shadow: 0px 5px 12px 0px rgb(206 206 206 / 75%); background: #fff; border-radius: 8px; padding: 20px 20px; margin-top: 15px; margin-bottom: 15px; position: relative; }
.quote-img {border:1px solid #999; border-radius: 5px; width: 50px; height: 50px; display: flex; align-items: center;}
.quote-img > img {width: 100%; height: 100%; object-fit: contain;}

.shorting-select > span {font-size:12px; padding: 0 4px 0 0; }

.shorting-dropdown-menu {width: 310px; padding: 12px; border: none; border-radius: 8px; outline: none; box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05); }

.range-slider {width: 100%; margin: 0 auto; position: relative; margin-top: 2.5rem; margin-bottom: 2rem; }
 #range {-webkit-appearance: none; width: 100%; }
 #range:focus {outline: none; }
 #range::before, #range::after {position: absolute; top: 2rem; color: #333; font-size: 14px; line-height: 1; padding: 3px 5px; background-color: rgba(0,0,0,0.1); border-radius: 4px; }
 #range::before {left: 0; content: attr(data-min); }
 #range::after {right: 0; content: attr(data-max); }
 #range::-webkit-slider-runnable-track {width: 100%; height: 1rem; cursor: pointer; animate: 0.2s; background: linear-gradient(90deg,#010181 var(--range-progress),#dee4ec var(--range-progress)); border-radius: 1rem; }
 #range::-webkit-slider-thumb {-webkit-appearance: none; border: 0.25rem solid #010181; box-shadow: 0 1px 3px rgba(0,0,255,0.3); border-radius: 50%; background: #fff; cursor: pointer; height: 28px; width: 28px; transform: translateY(calc(-18%)); }
 #tooltip {position: absolute; top: -30px; }
 #tooltip span {position: absolute; text-align: center; display: block; line-height: 1; padding: 0.125rem 0.25rem; color: #fff; border-radius: 0.125rem; background: #010181; font-size: 12px; left: 50%; transform: translate(-50%,0); }
 #tooltip span:before {position: absolute; content: ""; left: 50%; bottom: -8px; transform: translateX(-50%); width: 0; height: 0; border: 4px solid transparent; border-top-color: #010181; }

.addons-list {margin: 0; padding: 0; max-height: 200px; overflow: auto;}
.addons-list li {list-style: none; padding-bottom: 6px;}
.addons-list li > input[type="checkbox"] {position: relative; top:3px;}
.addons-list li > label {font-weight: 500 !important; font-size: 12px; padding: 0; margin-left: 10px;}

.cursor {cursor: pointer;} 
.field-rupee-icon {position: absolute; left:10px; top:7px; font-size:12px; color:#999;}
.policy-details-modal-bg {background:#f7f7f7; height:100%; width:100%; }
.journey-step {margin: 0 0 25px; padding: 0; display: flex; flex-wrap: wrap;}
.journey-step li {list-style: none; flex-grow: 1; text-align: center; padding:6px 15px; font-size: 13px; border-bottom: 1px solid #999;}
.journey-step li.active {color:#bb215b; border-color: #bb215b;}

.health-insurer-list {margin:0px; padding:0px; display: flex; flex-wrap: wrap;}
.health-insurer-list li {list-style: none; flex-grow: 1; text-align: center;}
.health-insurer-list li .insurer-icon {width: 40px; height: 40px; border-radius: 50%; background: #ffd5e4; padding:9px; margin: auto; position: relative;}
.health-insurer-list li .insurer-icon > img {width: 100%; height: 100%; object-fit: contain;}
.health-insurer-list li .insurer-name {font-size:12px; font-weight: 500; text-align: center; display: block; padding-top:7px;}
.health-insurer-list li label {cursor: pointer;}
.health-insurer-list li label > input:checked + .insurer-icon:before {content:'\f00c'; font-family:"Font Awesome 6 Free"; position: absolute; width:16px; height:16px; border-radius: 50%; border: 1px solid #be2d64; background: #be2d64; color:#fff; top:0px; right:-4px; font-size: 9px; display: flex; align-items: center; justify-content: center;}

/* Increament and decreament */
.quantity {display: inline-flex; align-items: center; margin-bottom: 10px; border:1px solid #e1dede; border-radius:4px; }
.quantity_minus, .quantity_plus {width:20px; border: none; background-color: #f1f1f1;}
.quantity_minus {border-radius: 4px 0 0 4px;}
.quantity_plus {border-radius: 0 4px 4px 0px;}
.quantity_input {width: 30px; font-size: 12px; text-align: center; border:none; }
.quantity_input:focus {border:none; outline: none;}
.quantity_minus:disabled, .quantity_plus:disabled {opacity: 0.5; }

.form-box-shadow {box-shadow: 0px 0px 12px rgb(204 204 204 / 50%); border-radius: 10px; margin-bottom: 15px;}
.form-bg-title {background: #feddd5; padding:10px 20px; margin-bottom: 15px; font-size:16px; font-weight: 600; width: 100%; border-radius: 10px 10px 0 0;}
.form-padding {padding:0 20px;}

.doc-btn-pos {position: absolute; right:0; top:0; bottom:0; width: auto; display: flex; align-items:start; gap:2px;}
.form-field[type="file"]::file-selector-button{
    border: none; border-radius: 4px 0 0 4px; height: 31.6px; padding: 2px 10px; background-color: #04015e; transition: all 0.6s; color: #fff; font-size: 11px; vertical-align: middle; cursor: pointer; margin-right: 10px; 
}
.form-field[type="file"]::file-selector-button:hover{
    background-color: #04015e; color: #fff; transition: all .25s ease-in; 

}
.doc-img {position: relative;}
.doc-img:hover a > img {transform: scale(1.2);}
.doc-hover-icon {position: absolute; left:0; right:0; top:0; bottom:0px; background:rgba(0,0,0,0.5); display: none; justify-content:center; align-items:center; color:#fff; transition: transform 0.2s ease-in-out;}
.doc-img:hover .doc-hover-icon {display: flex; transform: scale(1.2);}
.doc-hover-icon a {color:#fff; trannsition:0.3s ease-in-out;}
.sidebar-menutext {display: flex; gap:5px;}
.action-btns {display: flex; gap:5px; align-items:center;}
.success-color {color:#47b875 !important;}
.danger-color {color:#f5222d !important;}
.warning-color {color:#c49300 !important;}

.bulk-info {display: flex; align-items: center; gap: 10px;}
.required-icon { color: #ff3300;}

.d-flex.gap-2.align-items-center.mb-3 {margin-bottom: 0px !important;}.call-detail-tab {
    border-radius: 40px;
    background: #E3F0FF;
    display: inline-flex;
}

.call-detail-tab li a {
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 40px !important;
}

.call-detail-tab li a.nav-link.active {
    background-color: #0DCAF0 !important;
    color: #fff !important;
}

.call-detail-tab {
    border-radius: 40px;
    background: #E3F0FF;
    display: inline-flex;
}

.call-detail-tab li a {
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 40px !important;
}

.call-detail-tab li a.nav-link.active {
    background-color: #0DCAF0 !important;
    color: #fff !important;
}

/* .stepflow-five-col li {width: %;} */
 
.table-small-font thead tr th, .table-small-font tbody tr td {
    font-size:10px !important;
}
.table-small-font td, .table-small-font th {
    padding: 0.75rem 8px !important;
}

.activity-circle {width: 40px; height: 40px; font-size:12px; border-radius: 50%; background-color: #ffd1c5; display: flex; align-items: center; justify-content: center; margin-right: 5px;}

.lead-view-step {margin:15px 0; padding:0px; display: flex; flex-wrap:wrap; justify-content: center; }
.lead-view-step li {list-style: none; padding:8px 16px; font-size:13px; background-color: #ddd; display: flex; align-items: center; justify-content: center; margin-right: 20px; position: relative;}
.lead-view-step li.active {background-color: #f15e33; color:#fff;}
.lead-view-step li:first-child {border-radius: 20px 0 0 20px;}
.lead-view-step li:last-child {border-radius: 0 20px 20px 0;}
.lead-view-step li:not(:last-child):before {content:""; position:absolute; right:-14px; top:0; border-top:19px solid transparent; border-bottom: 18px solid transparent; border-left: 15px solid #ddd; z-index: 1;}
.lead-view-step li.active:not(:last-child):before {border-left: 15px solid #f15e33;}
.lead-view-step li:not(:first-child) .arrow-design:before {content:""; position:absolute; left:-14px; top:0; border-top:19px solid #ddd; border-bottom: 18px solid transparent; border-left: 15px solid #fff; z-index: 0;}
.lead-view-step li:not(:first-child) .arrow-design:after {content:""; position:absolute; left:-14px; top:0; border-top:19px solid transparent; border-bottom: 18px solid #ddd; border-left: 15px solid #fff; z-index: 0;}


/* Datepicker */
.ui-datepicker {
    z-index: 99999 !important;
    /*left: 0 !important; right: 0!important; top: 0 !important; bottom: 0 !important;*/
    height: 280px;
    margin: auto;
}

.ui-datepicker table {
    margin:0 0 .4em -8px;
}
.ui-datepicker.ui-widget-content {
    width: 280px !important;
    border-radius: 10px;
    box-shadow: 0px 1px 22px 0px rgb(193 193 193 / 50%) !important;
}

.ui-datepicker .ui-datepicker-prev {
    right: inherit !important;
    left: 0px;
}

.ui-datepicker .ui-datepicker-next {
    right: 6px !important;
}

.ui-datepicker th {
    font-weight: 700 !important;
}

/*.ui-datepicker th:first-child {
    color:#e62813;
}
.ui-datepicker td.ui-datepicker-week-end:first-child > .ui-state-default {
    color:#e62813;
    background: none;
}*/

.ui-datepicker .ui-datepicker-title {
    margin: auto !important;
    display: table;
}

.ui-datepicker th {
    padding: 5px !important;
    font-size: 13px !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    width: 26px !important;
    height: 26px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    margin-left: 8px;
    background: #f8f8f8;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width:60px; border:none;
}
.thead-icon {width:16px; height: 16px; object-fit: contain; margin-right: 5px;}

/* .card-body:has(.card6) {
    padding: 3px 10px !important;
} */

.card6 {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

.card6 .card-body {
    padding: 2px 6px !important;
}

.card6 .dashboard-icon {
    width: auto;
    height: 32px;
    padding-left: 0px;
    background: none;
    display: inline-flex !important;
    margin-right: 8px;
}

.card6 .dashboard-icon>i {
    font-size: 18px;
}

.card6 .card-title {
    font-size: 16px;
}

.card6 .card-text {
    font-weight: 400;
    font-size: 13px;
    color: rgba(58, 53, 65, 0.68);
    padding-top: 8px;
}

.tabarea-scrollbar {
    width: 100%;
    overflow-x: auto;
    padding: 0px 0 2px !important;
}
.left-card-remark {min-height: 40px; max-height: 100px; overflow-y: auto; }

.incall-report {position: relative; display: flex; align-items: center; height: 100%; }
.incall-report-icon {width: 34px; height: 34px; background: #fff; box-shadow: 0px 4px 8px -4px rgba(58, 53, 65, 0.42); display: flex; justify-content: center; align-items: center; border-radius: 5px; }
.incall-report-icon2 {width: 36px; height: 36px; background: #fff; box-shadow: 0px 4px 8px -4px rgba(58, 53, 65, 0.42); display: flex; justify-content: center; align-items: center; border-radius: 5px; }
.tcinc-bg {background-color: #9155FD; color: #fff; }
.incal-bg {background-color: #56ca00; color: #fff; }
.missedcal-bg {background-color: #e60c0c; color: #fff; }
.notcontcall-bg {background-color: #ffb400; color: #fff; }
.incall-report .inout-call-title {color: rgba(58, 53, 65, 0.68); font-size: 12px; padding-top: 3px; margin: 0; font-weight: 400; }
.incall-report .call-countnum {font-size: 17px; line-height: 1; font-weight: 500; margin: 0; }
.incall-report .call-countnum2 {font-size: 16px !important; line-height: 1; font-weight: 500; margin: 0; }
.incall-report2 {padding: 10px; }
.incbox {box-shadow: 0px 2px 10px 0px rgba(58, 53, 65, 0.1); background: #f6e1db; padding: 10px;  border-radius: 5px;}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%;
}
.break-all {word-break: break-all;}

.dashboard-table-scrollbar {height:380px; overflow: auto;}
.table-list-scrollbar {height: 480px; overflow: auto;}
.top-email-checkbox {position: relative; top:2px;}
.left-card-edit-icon {font-size:12px;}

@media (max-width:767px) {
    .banner-hding {font-size: 30px;}
    .banner-subhding {font-size:20px;}
    .wrap-hding {font-size:24px;}
    .wrap-subhding {font-size:16px;}
    .hiw-first-arrow, .hiw-sec-arrow {display: none; }
    .ui-datepicker.ui-widget-content { width: 300px !important;}
    .ui-datepicker {padding: 15px 10px !important; height: 350px !important;}
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {width: 36px !important; height: 36px !important; font-size: 14px;}
    .ui-datepicker .ui-datepicker-next {right: 0px !important;}
    .ui-datepicker .ui-datepicker-prev {right: 60px !important;}
  }