@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
.icon {
    background-size: cover;
    display: inline-block;
    height: 20px;
    vertical-align: top;
    width: 20px
}
h1, h2, h3, h4{
    color: #000;
}

.spinner-container .meter{
    border-color: #ed1b24 !important;
}
.spinner-container .meter:before{
    background-color: #ed1b24 !important;
}

.icon.sprite {
    background-repeat: no-repeat;
    background-size: auto
}

.dashboard-icon {
    background-position: -371px -2px
}

.dashboard-icon,
.leads-icon {
    background-image: url(../images/sprite-main.svg)
}

.leads-icon {
    background-position: -130px -2px
}

.quotes-icon {
    background-position: -563px -2px
}

.emails-icon,
.quotes-icon {
    background-image: url(../images/sprite-main.svg)
}

.emails-icon {
    background-position: -419px -3px;
    height: 18px;
    width: 20px
}

.activities-icon {
    background-position: -324px -2px;
    height: 21px;
    width: 17px
}

.activities-icon,
.phone-icon {
    background-image: url(../images/sprite-main.svg)
}

.phone-icon {
    background-position: -178px -2px
}

.products-icon {
    background-position: -227px -3px;
    height: 18px
}

.products-icon,
.settings-icon {
    background-image: url(../images/sprite-main.svg)
}

.settings-icon {
    background-position: -275px -2px
}

.tools-icon {
    background-image: url(../images/sprite-main.svg);
    background-position: -514px -2px
}

.avatar-icon {
    background-image: url(../images/avatar-icon.svg);
    height: 21px;
    width: 16px;
}

.avatar-dark-icon {
    background-image: url(../images/avatar-dark-icon.svg)
}

.email-send-icon {
    background-image: url(../images/email-send-icon.svg)
}

.table-line-icon {
    background-image: url(../images/table-line-icon.svg)
}

.table-line-active-icon {
    background-image: url(../images/table-line-active-icon.svg)
}

.layout-column-line-icon {
    background-image: url(../images/layout-column-line-icon.svg)
}

.layout-column-line-active-icon {
    background-image: url(../images/layout-column-line-active-icon.svg)
}

.calendar-line-icon {
    background-image: url(../images/calendar-line-icon.svg)
}

.calendar-line-active-icon {
    background-image: url(../images/calendar-line-active-icon.svg)
}

.empty-kanban-icon {
    background-image: url(../images/empty-kanban-icon.svg)
}

.menu-item.active .dashboard-icon{
    background-position: -347px -2px
}

.menu-item.active .leads-icon {
    background-position: -106px -2px
}

.menu-item.active .quotes-icon {
    background-position: -539px -2px
}

.menu-item.active .emails-icon{
    background-position: -395px -3px
}

.menu-item.active .activities-icon {
    background-position: -300px -2px
}

.menu-item.active .phone-icon {
    background-position: -154px -2px
}

.menu-item.active .products-icon{
    background-position: -203px -3px
}

.menu-item.active .settings-icon {
    background-position: -251px -2px
}

.menu-item.active .tools-icon {
    background-position: -490px -2px
}

.dollar-circle-icon {
    background-image: url(../images/indian-rupee.svg)
}

.drag-icon {
    background-image: url(../images/drag-icon.svg)
}

.empty-bar-icon {
    background-image: url(../images/empty-bar-icon.svg)
}

.empty-bar-vertical-icon {
    background-image: url(../images/empty-bar-vertical-icon.svg)
}

.ellipsis-icon {
    background-image: url(../images/ellipsis-icon.svg)
}

.attribute-icon {
    background-image: url(../images/attribute-icon.svg)
}

.lead-icon {
    background-image: url(../images/lead-icon.svg)
}

.mail-icon {
    background-image: url(../images/mail-icon.svg)
}

.organization-icon {
    background-image: url(../images/organization-icon.svg)
}

.person-icon {
    background-image: url(../images/person-icon.svg)
}

.product-icon {
    background-image: url(../images/product-icon.svg)
}

.quotation-icon {
    background-image: url(../images/quotation-icon.svg)
}

.group-icon {
    background-image: url(../images/group-icon.svg);
}

.group-icon-small-size {
    background-image: url(../images/group-icon-small-size.svg);
}


.role-icon {
    background-image: url(../images/role-icon.svg)
}

.user-icon {
    background-image: url(../images/user-icon.svg)
}

.source-icon {
    background-image: url(../images/source-icon.svg)
}

.type-icon {
    background-image: url(../images/type-icon.svg)
}

.email-template-icon {
    background-image: url(../images/email-template-icon.svg)
}

.workflow-icon {
    background-image: url(../images/workflow-icon.svg)
}

.tag-icon {
    background-image: url(../images/tag-icon.svg)
}

.pipeline-icon {
    background-image: url(../images/pipeline-icon.svg)
}

ul.drag-inner-list,
ul.drag-list {
    list-style-type: none;
    margin: 0;
    padding: 0 5px
}

.drag-container {
    height: 100%;
    margin: 0;
    overflow: auto
}

.drag-container span div a {
    background: #e4f0fe;
    border: 2px solid #ed1b24;
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(14, 144, 217, .1), 0 2px 4px -1px rgba(14, 144, 217, .06);
    color: #000035;
    display: block;
    padding: 10px;
    text-align: center
}

.drag-list {
    background: #e4f0fe;
    grid-gap: 10px;
    color: #444;
    display: grid;
    grid-auto-columns: minmax(320px, auto);
    grid-auto-flow: column;
    height: calc(100% - 10px);
    margin-bottom: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media (max-width:690px) {
    .drag-list {
        display: block
    }
}

.drag-column {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    display: inline-block;
    margin: 0;
    overflow: hidden;
    vertical-align: top;
    width: auto
}

@media (max-width:690px) {
    .drag-column {
        margin-bottom: 30px
    }
}

.drag-column .drag-column-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 20px
}

.drag-column .drag-column-header>div {
    width: 100%
}

.drag-column .drag-column-header>div h2 {
    color: #263238;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px
}

.drag-column .drag-column-header>div h2 span {
    color: #000035
}

.drag-column .drag-column-header>div a {
    cursor: pointer
}

.drag-inner-list {
    color: #444;
    height: 100%;
    height: calc(100% - 110px);
    min-height: 50px;
    overflow-y: scroll
}

.drag-inner-list .empty-icon-container {
    display: block;
    height: 100%;
    position: relative;
    text-align: center
}

.drag-inner-list .empty-icon-container .icon-text-container {
    left: calc(50% - 49px);
    position: absolute;
    top: calc(50% - 75px)
}

.drag-inner-list .empty-icon-container .icon-text-container .empty-kanban-icon {
    height: 98px;
    width: 98px
}

.drag-inner-list .empty-icon-container .icon-text-container span {
    display: block;
    padding-top: 10px
}

.drag-item {
    background: #e4f0fe;
    border: 1px solid #f7f8f9;
    border-bottom-color: hsla(210, 2%, 76%, .5);
    box-shadow: none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    line-height: 30px;
    margin: 0;
    transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

.drag-item .lead-block {
    padding: 10px;
    position: relative
}

.drag-item .lead-block:hover .icons {
    display: inline-block
}

.drag-item .lead-block.rotten {
    background: #ffd0d6
}

.drag-item .lead-block .lead-title {
    color: #263238;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-break: anywhere;
    width: calc(100% - 45px)
}

.drag-item .lead-block .icons {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 5px;
    top: 5px
}

.drag-item .lead-block .lead-cost {
    color: #263238
}

.drag-item .lead-block .lead-cost,
.drag-item .lead-block .lead-person {
    font-size: 14px
}

.drag-item .lead-block .lead-cost .icon,
.drag-item .lead-block .lead-person .icon {
    margin-right: 5px;
    vertical-align: middle
}

.drag-header-more {
    cursor: pointer
}

.drag-options {
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 44px;
    transform: translateX(100%);
    transition: all .3s cubic-bezier(.23, 1, .32, 1);
    width: 100%
}

.drag-options.active {
    opacity: 1;
    transform: translateX(0)
}

.drag-options-label {
    display: block;
    margin: 0 0 5px
}

.drag-options-label input {
    opacity: .6
}

.drag-options-label span {
    display: inline-block;
    font-size: .9rem;
    font-weight: 400;
    margin-left: 5px
}

.gu-mirror {
    list-style-type: none;
    margin: 0 !important;
    opacity: .8;
    position: fixed !important;
    z-index: 9999 !important
}

.gu-hide {
    display: none !important
}

.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important
}

.gu-transit {
    opacity: .2
}

.disable-drag {
    pointer-events: none
}

.rtl {
    direction: rtl
}

.rtl .anonymous-layout-container .center-box .adjacent-center {
    text-align: right
}

.rtl .lead-quote-list table tr td.actions .icon {
    cursor: pointer
}

.rtl .lead-quote-list table tr td.actions .dropdown-list {
    left: 60px !important;
    right: unset
}

.rtl .navbar-top .navbar-top-right {
    text-align: left
}

.rtl .navbar-top .navbar-top-right .quick-create .dropdown-toggle .icon {
    margin-left: 6px;
    margin-right: unset
}

.rtl .navbar-top .navbar-top-right .quick-create .dropdown-list {
    left: 0;
    right: unset
}

.rtl .navbar-top .navbar-top-right .profile-info .dropdown-toggle .avatar {
    margin-left: 10px
}

.rtl .navbar-top .navbar-top-right .profile-info .dropdown-list {
    left: 0;
    right: unset;
    text-align: right
}

.rtl table tr .avatar {
    margin-left: 10px
}

.rtl table tr .badge {
    margin-left: 5px
}

.rtl .navbar-left {
    left: unset;
    right: -1px
}

.rtl .navbar-left .menubar li.menu-item .menu-label {
    margin-left: 0;
    margin-right: 10px
}

.rtl .navbar-left .menubar li.menu-item ul.sub-menubar {
    border-left: 1px solid #eee;
    border-right: 0;
    left: unset;
    right: 48px
}

.rtl .navbar-left.open ul.menubar li.menu-item.active {
    width: 100%
}

.rtl .navbar-left.open+.content-container {
    padding-left: 0 !important;
    padding-right: 160px
}

.rtl .content-container {
    padding-left: 0;
    padding-right: 48px
}

.rtl .content-container .dashboard .row-grid-3 .card label .icon-container,
.rtl .content-container .dashboard>h1~.card-filter-container {
    float: left
}

.rtl .content-container .dashboard .daterangepicker {
    left: 0;
    right: unset
}

.rtl .content-container .content .page-header .page-action {
    float: left
}

.rtl .table .tabs-container .tabs-right-container {
    text-align: left
}

.rtl .drag-item .lead-block .icons {
    left: 5px;
    right: unset
}

.rtl .tags-container .tag-dropdown .lookup-results {
    text-align: right
}

.rtl .tags-container ul.tag-list {
    margin-left: 0;
    margin-right: 10px
}

.rtl .tags-container ul.tag-list li {
    margin-left: 8px;
    margin-right: 0
}

.rtl .tags-container ul.tag-list li:last-child {
    margin-left: 0
}

.rtl .modal-container .modal-header .header-actions {
    text-align: left
}

.rtl .page-content.lead-view .lead-content-left {
    float: right;
    padding-left: 10px;
    padding-right: 0
}

.rtl .page-content.lead-view .lead-content-left .panel .lead-rotten-info {
    float: left
}

.rtl .page-content.lead-view .lead-content-right {
    padding-left: 0;
    padding-right: 10px
}

.rtl .adjacent-center .page-content .nav-aside {
    float: right;
    padding-left: 20px;
    padding-right: 0
}

.rtl .adjacent-center .page-content .panel .panel-header button.btn {
    margin-right: 0
}

.rtl .adjacent-center .page-content .panel .panel-header button.btn .icon {
    margin-left: 5px;
    margin-right: 0
}

.rtl .custom-attribute-view .attribute-value-row {
    padding-left: 30px;
    padding-right: 0
}

.rtl .custom-attribute-view .attribute-value-row .label {
    float: right
}

.rtl .custom-attribute-view .attribute-value-row .value {
    float: right;
    padding-left: 0;
    padding-right: 10px
}

.rtl .pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls {
    direction: ltr;
    margin-left: 0;
    margin-right: 10px
}

.rtl .pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage .dropdown-list {
    left: 0;
    right: unset
}

.rtl .activity-list .section-tag span {
    padding-left: 10px;
    padding-right: 0
}

.rtl .activity-list .timeline-bar {
    left: unset;
    right: 18px
}

.rtl .activity-list .activities .activity-item {
    margin-left: 0;
    margin-right: 50px;
    text-align: right
}

.rtl .activity-list .activities .activity-item:before {
    left: unset;
    right: -51px
}

.rtl .activity-list .activities .activity-item .timeline-bar-icon {
    left: unset;
    right: -40px
}

.rtl .activity-list .activities .activity-item .timeline-bar-icon.meeting {
    right: -42px
}

.rtl .activity-list .activities .activity-item .timeline-bar-icon.lunch {
    left: -40px
}

.rtl .activity-list .activities .activity-item .timeline-bar-icon.email {
    left: unset;
    right: -41px
}

.rtl .activity-list .activities .activity-item .icon.ellipsis-icon {
    left: 10px;
    right: unset
}

.rtl .activity-list .activities .activity-item .dropdown-list {
    left: 0;
    right: unset;
    text-align: right
}

.rtl .activity-list .activities .activity-item.activity .attachment .icon {
    margin-left: 5px;
    margin-right: 0
}

.rtl .switch-view-container {
    margin-left: unset
}

.rtl .switch-view-container .icon-container.active {
    margin-left: 1px
}

.rtl .form-group.email-control-group {
    padding-left: 0;
    padding-right: 40px
}

.rtl .form-group.email-control-group>label {
    left: unset;
    right: 0
}

.rtl .form-group.email-control-group .email-address-options {
    left: 10px;
    right: unset
}

.rtl .email-list .email-item .email-header .row .time {
    float: left;
    text-align: left
}

.rtl .email-action-container .sidebar-filter {
    left: -420px;
    right: unset
}

.rtl .email-action-container .sidebar-filter.show {
    left: 0;
    right: unset
}

.rtl .email-action-container .sidebar-filter .panel .panel-header .links {
    float: left
}

.rtl .email-action-container .sidebar-filter .panel .panel-header .links .icon.close-icon {
    margin-left: 0;
    margin-right: 5px
}

.rtl .email-action-container .sidebar-filter .panel .panel-header .links a {
    margin-left: 0
}

.rtl .email-action-container .sidebar-filter .panel .btn-group .form-group .icon {
    left: 13px;
    right: unset
}

.rtl .dropdown-list {
    text-align: right
}

.rtl .dragable-container ul.dragable-list li.list-group-item .form-group {
    padding-left: 40px;
    padding-right: 0
}

.rtl .dragable-container ul.dragable-list li.list-group-item .form-group .icon.align-justify-icon {
    left: 50px;
    right: unset
}

.rtl .dragable-container ul.dragable-list li.list-group-item .icon.trash-icon {
    left: 5px;
    right: unset
}

body {
    background: #E6F0FD;
    height: 100%;
    margin: 0;
    position: static;
    width: 100%;
    font-family: 'Poppins', sans-serif !important;
}

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

::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px hsla(0, 0%, 100%, .3)
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.navbar-top {
    background-color: #E6F0FD;
    box-shadow: inset 0 -1px 0 #cdcecf;
    font-size: 0;
    height: 65px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 5
}

.navbar-top .navbar-top-left {
    display: inline-block;
    height: 66px;
    vertical-align: middle;
    width: 50%
}
.navbar-top .navbar-top-left img{
    height: 56px;
}

.navbar-top .navbar-top-left .brand-logo {
    padding: 10px 5px
}

.navbar-top .navbar-top-right {
    display: inline-block;
    height: 60px;
    padding: 10px;
    text-align: right;
    vertical-align: middle;
    width: 50%
}

.navbar-top .navbar-top-right .quick-create {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    vertical-align: middle
}

.navbar-top .navbar-top-right .quick-create .button {
    background: #ed1b24;
    border: 2px solid #e4f0fe;
    border-radius: 43px;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px
}

.navbar-top .navbar-top-right .quick-create .button.active {
    box-shadow: inset 0 0 0 2px #fff
}

.navbar-top .navbar-top-right .quick-create .button .icon {
    margin-right: 9px;
    margin-top: 6px
}

.navbar-top .navbar-top-right .quick-create .dropdown-list {
    bottom: unset;
    padding: 12px;
    right: 0;
    top: 50px;
    width: 284px
}

.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container {
    grid-gap: 10px;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    grid-template-columns: auto auto auto;
    text-align: center
}

.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item {
    background: #fff;
    width: 80px
}

.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item:hover {
    background: #f7f8f9;
    border-radius: 8px
}

.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item a {
    color: #000;
    display: block;
    padding: 5px
}

.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item a .icon {
    height: 40px;
    margin-bottom: 5px;
    width: 40px
}

.navbar-top .navbar-top-right .quick-create .dropdown-list .quick-link-container .quick-link-item a span {
    display: block
}

.navbar-top .navbar-top-right .profile-info {
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.navbar-top .navbar-top-right .profile-info .avatar {
    background-color: #f7f8f9;
    border: 1px solid #c1c2c3;
    border-radius: 43px;
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 40px
}

.navbar-top .navbar-top-right .profile-info .avatar img {
    height: 40px;
    width: 40px
}

.navbar-top .navbar-top-right .profile-info .avatar .icon {
    margin-top: 8px
}

.navbar-top .navbar-top-right .profile-info .info {
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    min-width: 50px;
    vertical-align: middle
}

.navbar-top .navbar-top-right .profile-info .info .howdy {
    color: #9e9e9e
}

.navbar-top .navbar-top-right .profile-info .info .user {
    display: block;
    font-weight:500;
    color:#000;
}

.navbar-top .navbar-top-right .profile-info .icon.ellipsis-icon {
    height: 30px !important;
    vertical-align: middle;
    width: 30px !important
}

.navbar-top .navbar-top-right .profile-info .dropdown-list {
    bottom: unset;
    right: 0;
    top: 50px;
    background: #e4f0fe;
    color: #000035;
}

.navbar-top .navbar-top-right .profile-info .dropdown-list .app-version {
    border-bottom: 1px solid #c1c2c3;
    color: #a2a2a2;
    cursor: default;
    display: block;
    font-size: 18px;
    padding: 8px 12px
}

.navbar-left {
    background-color: #EB2027;
    bottom: 0;
    box-shadow: inset -1px 0 0 #cdcecf;
    height: auto;
    left: 0;
    position: fixed;
    top: 60px;
    width: 48px;
    z-index: 2;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column
}

.navbar-left ul.menubar {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 10px
}

.navbar-left ul.menubar::-webkit-scrollbar {
    width: 6px
}

.navbar-left ul.menubar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1)
}

.navbar-left ul.menubar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px
}

.navbar-left ul.menubar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5)
}

.navbar-left ul.menubar li.menu-item {
    font-size: 16px;
    overflow: hidden;
    position: relative
}

.navbar-left ul.menubar li.menu-item>a {
    color: #fff;
    display: block;
    padding: 16px 5px 16px 10px;
    width: 100%
}

.navbar-left ul.menubar li.menu-item>a .icon {
    display: inline-block;
    vertical-align: middle
}

.navbar-left ul.menubar li.menu-item>a .menu-label {
    display: none;
    margin-left: 7px
}

.navbar-left ul.menubar li.menu-item span {
    display: block;
    margin: auto
}

.navbar-left ul.menubar li.menu-item ul.sub-menubar {
    background-color: #fff;
    border: 1px solid #eee;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    box-shadow: 2px 1px 3px #cdcecf;
    display: none;
    left: 48px;
    min-width: 160px;
    position: absolute;
    top: 0
}

.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a {
    color: #444;
    display: block;
    font-size: 14px;
    padding: 8px 12px
}

.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item.active a,
.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item:hover a {
    color: #001A66
}

.navbar-left ul.menubar li.menu-item.active,
.navbar-left ul.menubar li.menu-item:hover {
    box-shadow: inset 4px 0 0 #ed1b24
}

.navbar-left ul.menubar li.menu-item:hover {
    overflow: visible
}

.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar {
    display: block
}

.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item .menu-label {
    color: #444
}

.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item.active .menu-label,
.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item:hover .menu-label {
    color: #ed1b24
}

.navbar-left.open {
    width: 160px
}

.navbar-left.open ul.menubar li.menu-item a .menu-label {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}

.navbar-left.open ul.menubar li.menu-item ul.sub-menubar {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: unset;
    display: none;
    position: unset
}

.navbar-left.open ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a {
    padding-left: 45px
}

.navbar-left ul.menubar li.menu-item.active {
    background: #E6F0FD  !important;
    width: calc(100% - 1px)
}

.navbar-left.open ul.menubar li.menu-item.active .menu-label {
    color: #001A66
}

.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar {
    display: block
}

.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item .menu-label {
    color: #EB2027
}
.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item{
    position: relative;
}
.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item::before {
    content:'';
    position: absolute;
    left: 19px;
    top: 17px;
    width: 6px;
    border-radius: 50%;
    height: 6px;
    background-color: #EB2027;
}
.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active::before {

    background-color: #001A66;
}

.navbar-left.open ul.menubar li.menu-item.active ul.sub-menubar .sub-menu-item.active .menu-label{
    color: #001A66 !important
}

.navbar-left.open ul.menubar li.menu-item:hover .menu-label {
    color: #fff
}

.navbar-left.open ul.menubar li.menu-item.active:hover .menu-label {
    color: #001A66
}

.navbar-left .menubar-bottom {
    background-color: #EB2027;
    cursor: pointer;
    padding: 12px;
    flex-shrink: 0;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}

.settings-container .panel {
    margin-bottom: 30px;
}

.settings-container .panel .panel-header h3 {
    margin: 0 0 5px
}

.settings-container .panel .panel-header p {
    font-size: 16px;
    font-weight: 400;
    margin: 0
}

.settings-container .panel .setting-link-container .setting-link-item {
    display: inline-block;
    width: 300px;
    border-radius: 4px;
    background: #D6E9FB;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    margin-right: 20px;
    border: 1px solid #D6E9FB;
}

.settings-container .panel .panel-body {
    background: none !important;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
}

.settings-container .panel .setting-link-container .setting-link-item a {
    align-items: center;
    display: flex;
    height: 100px;
    padding: 20px
}

.settings-container .panel .setting-link-container .setting-link-item a .icon {
    height: 40px;
    width: 40px
}

.settings-container .panel .setting-link-container .setting-link-item a .setting-info {
    display: inline-block;
    margin-left: 25px
}

.settings-container .panel .setting-link-container .setting-link-item a .setting-info label {
    color: #000;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500
}

.settings-container .panel .setting-link-container .setting-link-item a .setting-info p {
    color: #000;
    display: none;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 3px
}

.settings-container .panel .setting-link-container .setting-link-item:hover {
    background-color: #E6F0FD;
    border-radius: 8px
}

.settings-container .panel .setting-link-container .setting-link-item:hover .setting-info p {
    display: block
}

.content-container {
    bottom: 0;
    height: calc(100% - 60px);
    left: 0;
    padding-left: 48px;
    position: absolute;
    right: 0;
    top: 60px;
    width: 100%;
    transition: padding-left 0.35s cubic-bezier(0.4, 0, 0.2, 1)
}

.content-container .inner-section {
    height: 100%
}

.content-container .aside-nav {
    background-color: #fff;
    border-right: 1px solid #c1c2c3;
    bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    position: fixed;
    top: 60px;
    width: 280px;
    z-index: 4
}

.content-container .aside-nav ul {
    height: 90%;
    overflow-y: auto
}

.content-container .aside-nav a {
    color: #000311;
    display: block;
    padding: 15px
}

.content-container .aside-nav .active a {
    background: #fff;
    border-bottom: 1px solid #c1c2c3;
    border-top: 1px solid #c1c2c3
}

.content-container .aside-nav .active i {
    float: right
}

.content-container .content-wrapper {
    background-color: #fff;
    margin-left: 280px;
    margin-top: 1px;
    padding: 25px 25px 25px 15px
}

.content-container .content.full-page {
    min-height: 100%;
    padding: 25px
}

.content-container .content .page-header {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    z-index: 3
}

.content-container .content .page-header .page-title {
    display: inline-block
}

.content-container .content .page-header .page-title .back-link {
    cursor: pointer;
    float: left;
    height: 24px;
    margin-right: 10px;
    margin-top: 5px;
    width: 24px
}

.content-container .content .page-header .page-title h1 {
    display: inline-block;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
    vertical-align: middle
}

.content-container .content .page-header .page-action {
    float: right
}

.content-container .content .page-header .page-action a {
    margin-left: 25px
}

.content-container .content .page-header>.form-group {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 20px;
    width: 180px
}

.content-container .content .page-header .control {
    margin: 0;
    width: 100%
}

.content-container .content .page-content {
    display: inline-block;
    padding-bottom: 20px;
    width: 100%
}

.control-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    width: 750px
}

.control-container .control {
    background: #fff;
    border: 1px solid #c1c2c3;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    padding: 0 10px;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    vertical-align: middle;
    width: 150px
}

.control-container .control:focus {
    border-color: #ed1b24
}

.control-container .icon:hover {
    cursor: pointer
}

.control-container .form-group::last-child {
    margin-right: 0
}

.anonymous-layout-container {
    background: #f7f8f9;
    display: table;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1
}

.anonymous-layout-container .center-box {
    display: table-cell;
    vertical-align: middle
}

.anonymous-layout-container .center-box .adjacent-center {
    display: inline-block;
    text-align: left;
    width: 476px
}

.anonymous-layout-container .center-box .adjacent-center .brand-logo {
    margin-bottom: 40px;
    text-align: center
}

.anonymous-layout-container .center-box .adjacent-center .brand-logo img {
    height: 50px;
    transform: translateY(-8px);
    width: 280px
}

.anonymous-layout-container .center-box .adjacent-center .brand-logo p {
    color: #444;
    font-size: 20px;
    margin: 0
}

.anonymous-layout-container .center-box .adjacent-center .panel .panel-body {
    border: 0;
    padding: 48px
}

.anonymous-layout-container .center-box .adjacent-center .panel .panel-body h1 {
    color: #444;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px
}

.anonymous-layout-container .center-box .adjacent-center .panel .panel-body .form-group .control {
    width: 100%
}

.anonymous-layout-container .center-box .adjacent-center .panel .panel-body a {
    display: block;
    font-size: 14px;
    margin-bottom: 30px;
    margin-top: -15px
}

.anonymous-layout-container .center-box .adjacent-center .panel .panel-body button.btn {
    font-size: 24px;
    width: 100%
}

.adjacent-center .page-content,
.adjacent-center .page-header {
    display: block !important;
    margin: auto;
}

.adjacent-center .page-content .nav-aside {
    float: left;
    padding-right: 20px;
    width: 190px
}

.adjacent-center .page-content .nav-aside ul {
    margin-top: 118px
}

.adjacent-center .page-content .nav-aside ul li {
    margin-bottom: 5px
}

.adjacent-center .page-content .nav-aside ul li a {
    border-radius: 4px;
    color: #444;
    display: block;
    font-weight: 400;
    padding: 10px;
    text-align: right
}

.adjacent-center .page-content .nav-aside ul li:hover a {
    background-color: rgba(38, 41, 44, .08)
}

.adjacent-center .page-content .nav-aside ul li.active a {
    background: #ed1b24;
    color: #fff;
    font-weight: 500
}

.adjacent-center .page-content .panel .panel-header button.btn {
    margin-right: 30px
}

.adjacent-center .page-content .panel .panel-header button.btn .icon {
    margin-right: 5px
}

.adjacent-center .page-content .panel .panel-header input[type=submit] {
    background: transparent;
    border: 0;
    color: #444;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-right: 30px;
    padding: 0
}

.adjacent-center .page-content .panel .panel-header a {
    color: inherit;
    margin-right: 30px
}

.dragable-container ul.dragable-list li.list-group-item {
    margin-bottom: 10px;
    position: relative
}

.dragable-container ul.dragable-list li.list-group-item.sortable-ghost .form-group .control {
    border-style: dashed
}

.dragable-container ul.dragable-list li.list-group-item .form-group {
    margin: 0;
    padding-right: 40px
}

.dragable-container ul.dragable-list li.list-group-item .form-group .control {
    margin: 0
}

.dragable-container ul.dragable-list li.list-group-item .form-group .icon.align-justify-icon {
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 50px;
    top: 9px;
    width: 24px
}

.dragable-container ul.dragable-list li.list-group-item .icon.trash-icon {
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 5px;
    top: 9px;
    width: 24px
}

.dragable-container table {
    box-shadow: none
}

.dragable-container table tr th:first-child,
.dragable-container table tr th:last-child {
    width: 40px
}

.dragable-container table tr td.delete-icon .icon,
.dragable-container table tr td.dragable-icon .icon {
    cursor: pointer;
    height: 24px;
    margin-top: 9px;
    width: 24px
}

.dragable-container table tr td .form-group .control {
    margin-bottom: 0;
    margin-top: 0
}

.dragable-container table tr:not(.draggable) .control[readonly=readonly] {
    background-color: #f0f0f0
}

.dragable-container button.btn {
    margin-top: 10px
}

.lookup-results {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 0 9px 0 rgba(0, 0, 0, .16);
    max-height: 200px;
    overflow-y: auto;
    text-align: left;
    width: 100%;
    z-index: 10
}

.lookup-results.grouped label {
    color: #263238;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 10px 0
}

.lookup-results.grouped li {
    padding-left: 15px
}

.lookup-results li {
    cursor: pointer;
    padding: 5px 0
}

.lookup-results li.action {
    border-top: 1px solid #c1c2c3
}

.lookup-results li span {
    display: inline-block;
    padding: 5px 10px;
    width: 100%
}

.lookup-results li span:hover {
    background-color: #ed1b24;
    color: #fff
}

.lookup-selected-options {
    margin-top: 10px
}

.lookup-selected-options .badge {
    margin-right: 10px
}

.lookup-selected-options .badge .icon {
    cursor: pointer
}

.modal-container {
    box-shadow: 0 54px 55px rgba(0, 0, 0, .25), 0 -12px 30px rgba(0, 0, 0, .12), 0 4px 6px rgba(0, 0, 0, .12), 0 12px 13px rgba(0, 0, 0, .17), 0 -3px 5px rgba(0, 0, 0, .09)
}

.modal-container .tabs-content {
    border: 0;
    border-top: 1px solid #c1c2c3
}

.lead-product-list .lead-product {
    border-bottom: 1px solid #c1c2c3;
    padding-bottom: 20px;
    padding-top: 20px
}

.lead-product-list .lead-product:first-of-type {
    padding-top: 0
}

.lead-product-list .lead-product:last-of-type {
    margin-bottom: 20px
}

.lead-product-list .lead-product .top-control-group {
    display: inline-block;
    width: 100%
}

.lead-product-list .lead-product .top-control-group .form-group {
    margin-bottom: 10px
}

.lead-product-list .lead-product .bottom-control-group {
    grid-column-gap: 10px;
    grid-row-gap: 0;
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    justify-items: center;
    padding-right: 28px;
    position: relative;
    width: 100%
}

.lead-product-list .lead-product .bottom-control-group .form-group {
    margin-bottom: 0
}

.lead-product-list .lead-product .bottom-control-group .icon.trash-icon {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 44px
}

.page-content.lead-view .lead-content-left {
    float: left;
    padding-right: 10px;
    width: 30%
}

.page-content.lead-view .lead-content-left .panel {
    margin-bottom: 30px
}

.page-content.lead-view .lead-content-left .panel .lead-rotten-info {
    background: #ffd0d6;
    border-radius: 4px;
    color: #ff4d50;
    float: right;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 12px
}

.page-content.lead-view .lead-content-left .panel .lead-rotten-info .icon {
    height: 16px;
    margin-right: 5px;
    margin-top: 3px;
    width: 16px
}

.page-content.lead-view .lead-content-right {
    float: left;
    padding-left: 10px;
    width: 70%
}

.page-content.lead-view .lead-content-right .tabs-content {
    margin-bottom: 20px
}

.custom-attribute-view .attribute-value-row {
    display: inline-block;
    font-size: 16px;
    padding: 6px 30px 6px 6px;
    position: relative;
    width: 100%
}

.custom-attribute-view .attribute-value-row:nth-child(2n) {
    background-color: #e4f0fe;
    padding: 10px 6px
}

.custom-attribute-view .attribute-value-row:last-child {
    border: none
}

.custom-attribute-view .attribute-value-row .label {
    color: #000;
    float: left;
    width: 120px;
    font-weight: 500;
    font-size: 16px;
}

.custom-attribute-view .attribute-value-row .value {
    float: left;
    padding-left: 10px;
    width: calc(100% - 120px)
}

.custom-attribute-view .attribute-value-row .value span.multi-value {
    background: #e4f0fe;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 5px;
    padding: 4px 8px;
    word-break: break-all
}

.custom-attribute-view .attribute-value-row .value span.multi-value span {
    color: #747678;
    font-size: 16px
}

.custom-attribute-view .attribute-value-row .value .image {
    border: 1px solid;
    border-radius: 4px;
    height: 100px;
    width: 100px
}

.custom-attribute-view .attribute-value-row .icon.pencil-underline-icon {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 5px
}

.custom-attribute-view .attribute-value-row .dropdown-list {
    right: 0;
    width: 100%
}

.custom-attribute-view .attribute-value-row:hover .icon.pencil-underline-icon {
    display: inline-block
}

.form-group .image {
    border-radius: 3px;
    height: 33px;
    margin-right: 5px;
    position: absolute;
    right: 0;
    top: 36px;
    width: 33px
}

.form-group .icon.download-icon {
    position: absolute;
    right: 10px;
    top: 40px
}

.form-group.email-control-group {
    padding-left: 40px
}

.form-group.email-control-group>label {
    left: 0;
    position: absolute;
    top: 10px
}

.form-group.email-control-group .tags-control {
    margin-top: 0
}

.form-group.email-control-group .email-address-options {
    position: absolute;
    right: 10px;
    top: 10px
}

.form-group.email-control-group .email-address-options label {
    -webkit-touch-callout: none;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form-group.email-control-group .email-address-options label:last-child {
    margin-right: 0
}

.activity-list .section-tag {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 50px;
    position: relative;
    width: 100%
}

.activity-list .section-tag span {
    background: #e4f0fe;
    color: #444;
    font-weight: 500;
    padding-right: 10px;
    position: absolute;
    top: -11px
}

.activity-list .section-tag hr {
    border-top: 1px solid #c1c2c3;
    margin: 0
}

.activity-list .timeline-bar {
    bottom: 0;
    left: 18px;
    position: absolute;
    top: 38px
}

.activity-list .activities {
    position: relative
}

.activity-list .activities.planned-activities {
    margin-bottom: 30px
}

.activity-list .activities.planned-activities .timeline-bar {
    border-left: 2px dashed #ed1b24;
    bottom: -67px
}

.activity-list .activities.planned-activities.email,
.activity-list .activities.planned-activities.file,
.activity-list .activities.planned-activities.note {
    display: none
}

.activity-list .activities.done-activities .timeline-bar {
    border-left: 2px solid #444
}

.activity-list .activities .activity-item {
    background: #fff;
    border: 1px solid #f7f8f9;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    margin-bottom: 10px;
    margin-left: 50px;
    padding: 15px;
    position: relative;
    text-align: left
}

.activity-list .activities .activity-item:before {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #444;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 36px;
    left: -51px;
    position: absolute;
    top: 0;
    width: 36px
}

.activity-list .activities .activity-item:last-child {
    margin-bottom: 0
}

.activity-list .activities .activity-item.activity .title {
    color: #444;
    font-size: 16px;
    margin-bottom: 5px
}

.activity-list .activities .activity-item.activity .title h4 {
    margin: 0 0 5px
}

.activity-list .activities .activity-item.activity .attachment {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 5px
}

.activity-list .activities .activity-item.activity .attachment .icon {
    margin-left: -3px;
    margin-right: 5px
}

.activity-list .activities .activity-item.activity .comment {
    background-color: #fff9c4;
    border: 1px solid #fdd835;
    border-radius: 4px;
    font-size: 16px;
    margin-bottom: 5px;
    padding: 15px;
    position: relative
}

.activity-list .activities .activity-item.activity .info {
    color: #747678;
    font-size: 14px
}

.activity-list .activities .activity-item.activity .info .seperator {
    cursor: default;
    display: inline-block;
    font-weight: 700;
    margin: 0 5px;
    text-align: center;
    width: 8px
}

.activity-list .activities .activity-item.email {
    position: relative
}

.activity-list .activities .activity-item.email .subject h5 {
    margin: 0 0 5px
}

.activity-list .activities .activity-item.email .subject span {
    color: #444;
    font-size: 16px;
    margin-bottom: 5px
}

.activity-list .activities .activity-item .icon.ellipsis-icon {
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.activity-list .activities .activity-item .icon.ellipsis-icon:hover {
    background-color: rgba(38, 41, 44, .05)
}

.activity-list .activities .activity-item .dropdown-list {
    font-weight: 400;
    right: 0;
    top: 40px
}

.activity-list .activities .activity-item .timeline-bar-icon {
    bottom: 77px;
    height: 18px;
    left: -40px;
    position: absolute;
    top: 11px;
    width: 18px
}

.activity-list .activities .activity-item .timeline-bar-icon.note {
    background-image: url(../images/note-icon.svg);
    height: 20px;
    top: 8px;
    width: 16px
}

.activity-list .activities .activity-item .timeline-bar-icon.call {
    background-image: url(../images/call-icon.svg);
    top: 9px
}

.activity-list .activities .activity-item .timeline-bar-icon.meeting {
    background-image: url(../images/meeting-icon.svg);
    top: 9px
}

.activity-list .activities .activity-item .timeline-bar-icon.lunch {
    background-image: url(../images/lunch-icon.svg);
    height: 17px;
    left: -40px;
    top: 10px;
    width: 17px
}

.activity-list .activities .activity-item .timeline-bar-icon.file {
    background-image: url(../images/file-icon.svg);
    top: 10px;
    width: 16px
}

.activity-list .activities .activity-item .timeline-bar-icon.email {
    background-image: url(../images/email-icon.svg);
    height: 16px;
    left: -41px;
    width: 18px
}

.activity-list .empty-activities {
    color: #444;
    font-size: 16px;
    text-align: center
}

.dashboard {
    background-color: #E6F0FD;
    height: unset !important
}

.dashboard .dashboard-content.print {
    background-color: #fff;
    left: 0;
    position: absolute;
    top: -60px;
    width: 100%;
    z-index: 10000
}

.dashboard>h1 {
    display: inline-block;
    margin-bottom: 35px
}

.dashboard>h1~.cards-collection {
    border: 2px solid #c1c2c3;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    margin: 0;
    width: 200px
}

.dashboard>h1~.cards-collection .toggle-btn {
    background-color: #fff;
    margin: 0;
    padding: 6px 10px
}

.dashboard>h1~.cards-collection .toggle-btn :last-child {
    float: right
}

.dashboard>h1~.cards-collection .cards-options {
    border: none;
    margin-bottom: 0;
    position: relative;
    width: unset;
    z-index: 1
}

.dashboard>h1~.cards-collection .cards-options>div {
    background: #fff;
    box-shadow: 0 4px 4px rgba(84, 110, 122, .25);
    padding: 20px 12px;
    position: absolute;
    top: 20px;
    transition: .35s cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    z-index: 1
}

.dashboard>h1~.cards-collection .cards-options>div header {
    border-bottom: 1px solid #c1c2c3;
    margin-bottom: 10px;
    padding-bottom: 15px
}

.dashboard>h1~.cards-collection .cards-options>div header .btn-secondary-outline {
    border: none;
    font-size: 16px;
    padding-left: 0
}

.dashboard>h1~.cards-collection .cards-options>div header .btn-primary {
    float: right
}

.dashboard>h1~.card-filter-container {
    color: #444;
    float: right;
    z-index: 1
}

.dashboard>h1~.card-filter-container .daterangepicker .btn-success {
    background-color: #ed1b24;
    padding: 10px 14px
}

.dashboard>h1~.card-filter-container .daterangepicker .btn-secondary {
    background-color: #444;
    padding: 10px 14px
}

.dashboard .date {
    text-align: right
}

.dashboard .date .date-container,
.dashboard .date label {
    display: inline-block
}

.dashboard .row-grid-3 {
    align-items: start;
    padding: 10px 0
}

.dashboard .row-grid-3 .card {
    background-color: #D6E9FB;
    border-radius: 3px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    height: 100%;
    min-height: 300px
}

.dashboard .row-grid-3 .card label {
    border-bottom: 1px solid #E6F0FD;
    color: #000;
    display: block;
    font-weight: 600;
    height: 100%;
    padding: 20px
}

.dashboard .row-grid-3 .card label .card-filter-container {
    color: #444;
    cursor: pointer;
    display: inline-block;
    margin-left: 5px
}

.dashboard .row-grid-3 .card label .card-filter-container .dropdown-toggle {
    margin-bottom: 5px
}

.dashboard .row-grid-3 .card label .icon-container {
    display: none;
    float: right
}

.dashboard .row-grid-3 .card label .icon-container .icon {
    cursor: pointer
}

.dashboard .row-grid-3 .card .card-header {
    height: 65px;
    text-transform: capitalize
}

.dashboard .row-grid-3 .card .card-data,
.dashboard .row-grid-3 .card .db-wg-spinner {
    height: calc(100% - 65px)
}

.dashboard .row-grid-3 .card .card-data {
    overflow-y: scroll;
    padding: 20px;
    position: relative
}

.dashboard .row-grid-3 .card .card-data::-webkit-scrollbar {
    display: none
}

.dashboard .row-grid-3 .card .card-data .bar-chart,
.dashboard .row-grid-3 .card .card-data .line-chart {
    align-items: center;
    display: grid;
    height: 100%
}

.dashboard .row-grid-3 .card .card-data .bar-data {
    grid-column-gap: 15px;
    align-items: center;
    color: #263238;
    display: grid;
    font-size: 14px;
    grid-template-columns: 70px auto 40px
}

.dashboard .row-grid-3 .card .card-data .bar-data.activity>span:first-child {
    text-transform: capitalize
}

.dashboard .row-grid-3 .card .card-data .lead {
    color: #444;
    margin-top: 20px
}

.dashboard .row-grid-3 .card .card-data .lead:first-child {
    margin: 0
}

.dashboard .row-grid-3 .card .card-data .lead label {
    border: 0;
    font-size: 18px;
    font-weight: 500;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 0
}

.dashboard .row-grid-3 .card .card-data .lead .details {
    border-bottom: 1px solid hsla(210, 2%, 76%, .5);
    display: flex;
    font-size: 16px;
    padding: 5px 0;
    align-items: center;
    justify-content: space-between;
}
.dashboard .row-grid-3 .card .card-data .lead .details p{
    margin: 0;
}
.dashboard .row-grid-3 .card .card-data .lead .details .subdata{
    font-size: 13px;
    color:#000;
}

.dashboard .row-grid-3 .card .card-data .column-container {
    border-bottom: 1px solid #c1c2c3;
    display: inline-block;
    margin-top: 10px;
    padding-bottom: 5px;
    width: 100%
}

.dashboard .row-grid-3 .card .card-data .column-container:nth-child(odd) {
    margin-right: 10px
}

.dashboard .row-grid-3 .card .card-data .column-container:first-child,
.dashboard .row-grid-3 .card .card-data .column-container:nth-child(2) {
    margin-top: 0
}

.dashboard .row-grid-3 .card .card-data .column-container span {
    color: #444;
    display: block;
    text-align: left
}

.dashboard .row-grid-3 .card .card-data .column-container span:first-child {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 10px;
    color:#000;

}

.dashboard .row-grid-3 .card .card-data .column-container span:last-child {
    font-size: 16px
}

.dashboard .row-grid-3 .card .card-data .custom-card {
    color: #000;
    left: calc(50% - 62px);
    position: absolute;
    text-align: center;
    top: calc(50% - 62px)
}

.dashboard .row-grid-3 .card .card-data .custom-card span {
    display: block
}

.dashboard .row-grid-3 .card .card-data .custom-card i.icon {
    height: 96px;
    width: 96px
}

.dashboard .row-grid-3 .card .card-data.column-grid-2 {
    align-items: start
}

.dashboard .row-grid-3 .card.dashed {
    border-style: dashed
}

.dashboard .row-grid-3 .card:hover label .icon-container {
    display: inline
}

.table tr td.subject,
.table tr th.subject {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.table tr td.subject .subject-wrapper,
.table tr th.subject .subject-wrapper {
    align-items: center;
    display: flex
}

.table tr td.subject .subject-wrapper .subject-content,
.table tr th.subject .subject-wrapper .subject-content {
    flex: 0 0 auto;
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.table tr td.subject .subject-wrapper .reply,
.table tr th.subject .subject-wrapper .reply {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.table tr td.created_at,
.table tr th.created_at {
    width: 200px
}

.table tr td.attachments,
.table tr th.attachments {
    width: 45px
}

.table tr td .avatar,
.table tr th .avatar {
    background-color: #f7f8f9;
    border: 1px solid #c1c2c3;
    border-radius: 43px;
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 40px
}

.table tr td .avatar img,
.table tr th .avatar img {
    height: 40px;
    width: 40px
}

.table tr td .avatar .icon,
.table tr th .avatar .icon {
    margin-top: 8px
}

.banner {
    background-color: #ed1b24;
    color: #fff;
    display: none;
    height: 50px;
    max-height: 50px;
    padding: 13px 20px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10
}

.banner .thumbnail {
    cursor: pointer;
    margin-right: 10px;
    width: 20px
}

.banner .hovered-container {
    display: none;
    position: relative;
    right: 110px;
    top: -28px;
    z-index: 10
}

.banner .hovered-container.show {
    display: inline-block
}

.banner .hovered-container img {
    position: absolute
}

.banner span {
    vertical-align: super
}

.banner i.close-white-icon {
    cursor: pointer;
    float: right
}

body.top-banner .center-box,
body.top-banner .content-container,
body.top-banner .navbar-top {
    top: 50px
}

body.top-banner .navbar-left {
    top: 110px
}

body.top-banner .center-box {
    position: relative
}

body.top-banner .banner {
    display: inline-block
}

.email-action-container .btn-secondary-outline {
    font-size: 16px
}

.email-action-container .btn-secondary-outline span {
    padding: 1px 0
}

.email-action-container .btn-secondary-outline .icon {
    margin-right: 5px
}

.email-action-container .sidebar-filter {
    padding: 0
}

.email-action-container .sidebar-filter header {
    margin-bottom: 0;
    padding: 30px 20px 20px
}

.email-action-container .sidebar-filter .panel {
    border-bottom: 1px solid #c1c2c3;
    padding: 20px
}

.email-action-container .sidebar-filter .panel .panel-header .links {
    float: right
}

.email-action-container .sidebar-filter .panel .panel-header .links .icon {
    cursor: pointer;
    height: 24px;
    width: 24px
}

.email-action-container .sidebar-filter .panel .panel-header .links .icon.close-icon {
    margin-left: 5px;
    margin-top: -2px
}

.email-action-container .sidebar-filter .panel .panel-body {
    border: 1px solid #c1c2c3;
    box-shadow: none
}

.email-action-container .sidebar-filter .panel .btn-group button {
    font-size: 18px;
    margin-bottom: 10px;
    width: 100%
}

.email-action-container .sidebar-filter .panel .btn-group button:last-child {
    margin-bottom: 0
}

.email-action-container .sidebar-filter .panel .btn-group .form-group {
    margin-bottom: 10px
}

.email-action-container .sidebar-filter .panel .btn-group .form-group .control {
    border: 2px solid;
    padding: 6px 10px 7px
}

.email-action-container .sidebar-filter .panel .btn-group .form-group .icon {
    position: absolute;
    right: 13px;
    top: 7px
}

.email-action-container .sidebar-filter .panel .contact-details .name {
    color: #444;
    margin-bottom: 10px
}

.email-action-container .sidebar-filter .panel .contact-details .email {
    color: #444;
    font-weight: 500;
    margin-bottom: 10px
}

.email-action-container .sidebar-filter .panel .contact-details .email .icon {
    margin-right: 10px;
    margin-top: 1px
}

.email-list .email-item {
    margin-bottom: 40px
}

.email-list .email-item .email-header {
    margin-bottom: 20px
}

.email-list .email-item .email-header .row {
    color: #444
}

.email-list .email-item .email-header .row .label {
    font-weight: 400
}

.email-list .email-item .email-header .row .value {
    font-weight: 500
}

.email-list .email-item .email-header .row .time {
    float: right;
    position: relative;
    text-align: right;
    width: 215px
}

.email-list .email-item .email-header .row .time>.icon {
    cursor: pointer;
    transform: rotate(90deg)
}

.email-list .email-item .email-header .row .time .dropdown-list .icon {
    margin-right: 15px
}

.email-list .email-item .email-content {
    background-color: #fff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    color: #444;
    padding: 30px
}

.email-list .email-item .email-content .attachment-list {
    margin-top: 30px
}

.email-list .email-item .email-content .attachment-list .attachment-item {
    display: block;
    margin-bottom: 10px
}

.email-list .email-item .email-content .attachment-list .attachment-item:last-child {
    margin-bottom: 0
}

.email-list .email-item .email-content .attachment-list .attachment-item a {
    color: #444
}

.email-list .email-action span {
    color: #444;
    cursor: pointer;
    font-weight: 500;
    padding: 8px
}

.email-list .email-action span.reply-button {
    margin-right: 20px
}

.email-list .email-action span .icon {
    margin-right: 10px
}

.email-list .email-form-container .panel .panel-bottom {
    margin-top: 25px
}

.email-list .email-form-container .panel .panel-bottom button.btn {
    margin-right: 30px
}

.email-list .email-form-container .panel .panel-bottom label {
    color: #444;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500
}

.tags-container {
    display: inline-block;
    margin-left: 10px;
    position: relative
}

.tags-container .icon.tags-icon {
    cursor: pointer;
    vertical-align: middle
}

.tags-container ul.tag-list {
    display: inline-block;
    margin-left: 10px
}

.tags-container ul.tag-list li {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-right: 8px;
    padding: 3px 10px
}

.tags-container ul.tag-list li:last-child {
    margin-right: 0
}

.tags-container ul.tag-list li .icon {
    cursor: pointer;
    height: 15px;
    width: 15px
}

.tags-container .tag-dropdown {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 2px 5px 0 rgba(39, 49, 58, .15);
    margin-bottom: 20px;
    position: absolute;
    text-align: left;
    top: 35px;
    width: 215px;
    z-index: 10
}

.tags-container .tag-dropdown .lookup-results {
    color: #444;
    font-size: 18px
}

.tags-container .tag-dropdown .lookup-results .control-list-item:hover {
    background-color: #fff
}

.tags-container .tag-dropdown .form-group {
    margin: 0 !important;
    padding: 5px 10px;
    width: 100% !important
}

.tags-container .tag-dropdown .form-group .loader-active-icon {
    right: 15px
}

.tags-container .tag-dropdown .form-container {
    padding: 5px 0
}

.tags-container .tag-dropdown .form-container .color-list,
.tags-container .tag-dropdown .form-container .form-group .control {
    margin-bottom: 5px;
    margin-top: 10px
}

.tags-container .tag-dropdown .form-container .color-list span {
    border-radius: 50%;
    box-shadow: 0 4px 15.36px .75px rgba(0, 0, 0, .1), 0 2px 6px 0 rgba(0, 0, 0, .15);
    cursor: pointer;
    display: inline-block;
    height: 25px;
    margin-right: 3px;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    width: 25px
}

.tags-container .tag-dropdown .form-container .color-list span.active {
    border: 3px solid #fff
}

.tags-container .tag-dropdown .form-container .button-group {
    border-top: 1px solid #c1c2c3;
    display: inline-block;
    padding-top: 10px
}

.pipeline-stage-controls-wrapper {
    margin-bottom: 40px
}

.pipeline-stage-controls-wrapper .pipeline-stage-container {
    display: flex;
    position: relative;
    width: 100%
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
    width: 100%
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages::-webkit-scrollbar {
    display: none
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage {
    background: #c1c2c3;
    color: #263238;
    font-size: 16px;
    font-weight: 500;
    min-width: 200px;
    text-align: center;
    width: 100%
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage span {
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 7px 5px 7px 22px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage span .icon {
    float: right
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage:not(:last-child) {
    position: relative
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage:not(:last-child):before {
    background: #c1c2c3;
    border-radius: 0 0 0 25px;
    box-shadow: 1px -1px 0 1px #fff, 1px -1px 0 1px #fff;
    content: "";
    height: 25px;
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 25px;
    z-index: 1
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage.active {
    background-color: #ed1b24;
    color: #fff
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage.active:before {
    background: #ed1b24
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage .dropdown-list {
    font-weight: 400;
    right: 0
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage .dropdown-list ul li {
    color: #444
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage .dropdown-list ul li:hover {
    color: #fff
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages.won .stage {
    background-color: #000035;
    color: #fff
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages.won .stage:before {
    background: #000035
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages.lost .stage {
    background-color: #ff4d50;
    color: #fff
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages.lost .stage:before {
    background: #ff4d50
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls {
    align-items: center;
    display: flex;
    margin-left: 10px;
    width: 72px
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls .btn {
    border: 1px solid;
    border-radius: 4px;
    height: 36px;
    border-color: #ed1b24;
    padding: 7px
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls .btn:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stage-controls .btn:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px
}

.pipeline-stage-controls-wrapper .date-panel {
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    width: 100%
}

.pipeline-stage-controls-wrapper .date-panel .pull-left {
    float: left
}

.pipeline-stage-controls-wrapper .date-panel .pull-right {
    float: right
}

.pipeline-stage-controls-wrapper .date-panel .pull-left .icon,
.pipeline-stage-controls-wrapper .date-panel .pull-right .icon {
    height: 18px;
    vertical-align: middle;
    width: 18px
}

.pipeline-stage-controls-wrapper .date-panel .pull-left label,
.pipeline-stage-controls-wrapper .date-panel .pull-right label {
    color: #444;
    font-weight: 500
}

.pipeline-stage-controls-wrapper .date-panel .pull-left span,
.pipeline-stage-controls-wrapper .date-panel .pull-right span {
    color: #263238
}

.switch-pipeline-container {
    display: inline-block;
    margin-right: 6px
}

.switch-pipeline-container .control {
    border: 1px solid #ed1b24;
    height: 40px;
    margin: 0
}

.switch-view-container {
    display: inline-block;
    margin-left: -5px;
    margin-right: 6px;
    vertical-align: top
}

.switch-view-container .icon-container {
    border: 1px solid #c1c2c3;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    padding: 6px 10px 10px 8px
}

.switch-view-container .icon-container:first-child {
    border-radius: 3px 0 0 3px;
    left: 5px;
    position: relative
}

.switch-view-container .icon-container:last-child {
    border-radius: 0 3px 3px 0
}

.switch-view-container .icon-container.active {
    background-color: #ed1b24;
    border-color: #ed1b24;
    cursor: not-allowed
}

.switch-view-container .icon-container .icon {
    height: 22px;
    vertical-align: middle;
    width: 24px
}

.empty-record {
    text-align: center
}

.empty-record img {
    height: 100px;
    margin-bottom: 15px;
    width: 100px
}

.empty-record span {
    display: block
}

.quote-item-list .table {
    padding: 5px
}

.quote-item-list .table table {
    margin-bottom: 20px
}

.quote-item-list .table table tr th.actions {
    width: 50px
}

.quote-item-list .table table tr td {
    vertical-align: top
}

.quote-item-list .table table tr td.actions {
    vertical-align: middle;
    width: 50px
}

.quote-item-list .table table tr td.actions .icon {
    cursor: pointer
}

.quote-item-list .table table tr td .form-group {
    min-width: 100% !important
}

.quote-item-list .table table tr td .form-group .control {
    margin: 0
}

.quote-item-list .quote-summary {
    padding: 5px
}

.quote-item-list .quote-summary table {
    float: right;
    margin-top: 40px
}

.quote-item-list .quote-summary table tr td {
    font-weight: 500;
    padding: 5px 8px;
    vertical-align: text-bottom
}

.quote-item-list .quote-summary table tr td .form-group {
    margin: 0;
    width: 100px !important
}

.quote-item-list .quote-summary table tr td .form-group .control {
    margin: 0
}

.lead-quote-list table tr td.actions .icon {
    cursor: pointer
}

.lead-quote-list table tr td.actions .dropdown-list {
    right: 60px
}

.web-form-container .panel-separator,
.workflow-container .panel-separator {
    border-bottom: 1px solid #d3d3d3;
    margin: 25px 0
}

.web-form-container .web-form-panel .header label,
.web-form-container .workflow-panel .header label,
.workflow-container .web-form-panel .header label,
.workflow-container .workflow-panel .header label {
    color: #444;
    font-size: 18px;
    font-weight: 500
}

.web-form-container .web-form-panel .header p,
.web-form-container .workflow-panel .header p,
.workflow-container .web-form-panel .header p,
.workflow-container .workflow-panel .header p {
    color: #6f6f6f;
    font-size: 16px;
    font-style: italic;
    margin: 5px 0 20px
}

.web-form-container .web-form-panel table tr td.actions,
.web-form-container .workflow-panel table tr td.actions,
.workflow-container .web-form-panel table tr td.actions,
.workflow-container .workflow-panel table tr td.actions {
    width: 50px
}

.web-form-container .web-form-panel table tr td.actions .icon,
.web-form-container .workflow-panel table tr td.actions .icon,
.workflow-container .web-form-panel table tr td.actions .icon,
.workflow-container .workflow-panel table tr td.actions .icon {
    cursor: pointer;
    margin-top: 20px
}

.web-form-panel .dropdown-list .dropdown-container ul li {
    color: #263238;
    cursor: default;
    font-weight: 500
}

.web-form-panel .dropdown-list .dropdown-container ul li:hover {
    background: none
}

.web-form-panel .dropdown-list .dropdown-container ul li ul li {
    color: #444;
    cursor: pointer;
    font-weight: 400
}

.web-form-panel .dropdown-list .dropdown-container ul li ul li:hover {
    background: #ed1b24;
    color: #fff
}

.web-form-panel .dragable-container table tr td {
    vertical-align: bottom
}

.web-form-panel .dragable-container table tr td.delete-icon .icon,
.web-form-panel .dragable-container table tr td.dragable-icon .icon {
    margin-bottom: 10px
}

.web-form-panel .dragable-container table tr td .form-group .control {
    margin-top: 10px
}

.vuecal__event {
    background-color: #ed1b24 !important;
    color: #fff !important;
    cursor: pointer
}

.vuecal__event.done {
    background-color: #000035 !important
}

.image-upload-brick {
    border: 1px dashed #444;
    border-radius: 5px;
    display: inline-block;
    height: 100px;
    margin-right: 15px;
    overflow: hidden;
    position: relative;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    vertical-align: middle;
    width: 100px
}

.image-upload-brick input[type=file] {
    height: 100px;
    opacity: 0;
    position: absolute;
    width: 100px;
    z-index: 3
}

.image-upload-brick .upload-icon {
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1
}

.image-upload-brick img {
    background: #fff;
    display: block;
    height: 100px;
    position: absolute;
    width: 100px;
    z-index: 2
}

.image-info-brick {
    display: inline-block;
    margin: 10px 0;
    vertical-align: middle
}

.image-info-brick .field-info {
    color: #444;
    display: block;
    font-size: 16px;
    font-style: italic
}
.bar {
    background-color: #80B4FF;
}
.bar>div.primary {
    background-color: #DA3732;
}
.bold{
    font-weight: 600 !important;
}

.table .datagrid-filters{
    display: flex !important;
    width: 100%;
}

.table .datagrid-filters .filter-right {
    text-align: right;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.table .datagrid-filters .dropdown-filters .form-group .per-page-label{
    display: none;
}
.table .datagrid-filters .filter-right label.required{
    display: none;
}
.table .datagrid-filters .filter-right .form-group.text {
    justify-content: left !important;
    width: 40%;
}
.table .tabs-container{
    margin-bottom: 0 !important;
    margin-top: 10px;
}
.table .tabs-container .tabs ul li {
    margin-right: 3px;
}
.table .tabs-container .tabs ul li a {
    background-color: #001A66;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    min-width: 55px;
    padding: 8px 15px;
}
.table .tabs-container .tabs ul li.active a{
    background-color: #fff;
    box-shadow: none !important;
    color: #E31019;
}
.full-page .table table{
    margin-top: 0;
    font-size: 16px;
    display: block;
    overflow-x: auto;
    width:auto;
}
.table table td, .table table th{
    width: auto;
    word-break: normal !important;
    color: #000 !important;
  
}
.table table th{
   font-weight: 600 !important;
   padding-top: 14px !important;
   font-family: 'Poppins', sans-serif;
   font-size: 13px;
   color: #1a1a2e !important;
   letter-spacing: 0.3px;
}
.table table td{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #374151 !important;
}
.table table thead th span.checkbox {
    min-height: 37px;
}

/* .table table tbody tr:nth-child(odd) td{
    background-color: #D6E9FB;
} */
th.insurance_name.cursor-pointer {
    min-width: 185px;
}
th.ic_request_date.cursor-pointer {
    min-width: 111px;
}
th.case_id.cursor-pointer {
    min-width: 145px;
}
th.client_name.cursor-pointer {
    min-width: 115px;
}
th.city.cursor-pointer {
    min-width: 103px;
}
th.state.cursor-pointer {
    min-width: 100px;
}
th.category.cursor-pointer {
    min-width: 107px;
}
th.apt_date.cursor-pointer {
    min-width: 100px;
}
th.time_slot.cursor-pointer {
    min-width: 100px;
}

th.agent_name.cursor-pointer {
    min-width: 100px;
}
th.stage {
    min-width: 100px;
}
th.sub_status.cursor-pointer {
    min-width: 100px;
}
th.created_at.cursor-pointer {
    min-width: 160px;
}
th.collection_date.cursor-pointer {
    min-width: 130px;
}
th.collection_time.cursor-pointer {
    min-width: 145px;
}
th.booking_test_status.cursor-pointer {
    min-width: 100px;
}
th.name.cursor-pointer {
    min-width: 200px;
}
th.type.cursor-pointer {
    min-width: 100px;
}
th.tests.cursor-pointer {
    min-width: 202px;
}
th.created_at {
    min-width: 200px;
}
th.is_done {
    min-width: 75px;
}
th.type_of_company.cursor-pointer {
    min-width: 138px;
}
th.actions {
    min-width: 100px;
    text-align: center;
}

th.lab_name.cursor-pointer {
    min-width: 179px;
}

th.status_mark.cursor-pointer {
    min-width: 133px;
}
th.reason.cursor-pointer {
    min-width: 100px;
}

.table table thead{
    background-color: #fff;
}
.pagination .page-item{
    padding: 0 5px;
    height: 30px !important;
}
.filtered-tags {
    display: none;
}
.table .search-filter .control, .table .datagrid-filters .dropdown-filters.per-page .form-group .control,  .table .datagrid-filters .form-group .control, .table .datagrid-filters .filter-right .filter-btn .grid-dropdown-header, .pagination.tab-view .next, .pagination.tab-view .previous{
    border-color: #BAB4B4 !important;
    background-color: #fff;
}


.table .datagrid-filters .filter-right .pagination .page-item {
    height: 38px !important;
}
.datagrid-filters {
    margin-bottom: 15px;
}
.mass-actions.form-group {
    margin-top: 15px;
}

/* .table table tbody tr.active td, .table table tbody tr:hover td{ 
    background-color: #D6E9FB;
} */
.group .tabs ul li{
    border:none !important;
}

.full-page.activities  .tabs-right-container{
    flex-direction: row-reverse;
    display: flex;
}

.calendar-container{
    border-radius: 10px;
    background: #D6E9FB;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    border: 1px solid #001A66;
}
.table .table-body .checkbox{
    margin-top: -1px;
}

.pill.tabs-left-container {
    height: auto;
}
.group .tabs ul li.active {
    background: none;
}
.vuecal__title-bar{
    background: #001A66 !important;
    border-radius: 10px 10px 0 0;
}

.vuecal__flex.vuecal__title {
    color: #fff;
}
.vuecal__arrow i.angle{
    border-color: #fff;
}

.vuecal__heading{
    font-weight: 600 !important;
    color: #000;
}
.vuecal__cell:before {
    border: 1px solid rgba(0, 26, 102, 0.21) !important;
}
.vuecal__time-column .vuecal__time-cell {
    color: #000000 !important;
    padding-right: 5px !important;;
}
.vuecal__time-column .vuecal__time-cell-line:before{
    border-top: 1px solid rgba(0, 26, 102, 0.21) !important;
}

.content.full-page.fullTable .table table {
    display: table;
}
.table .tabs-container .tabs-right-container .group {
    vertical-align: top;
    height: auto;
}
.filter-btn .add-icon{
    background-image: url(../images/filter-icon.svg) !important;
}
.quote-item-list .table table {
    display: table;
}
.form-container .form-group a.add-more-link {
    margin-bottom: 15px;
    display: inline-block;
}
.form-container .form-group label{
    font-weight: 600;
}
.field-container .control, .form-group .control{
    border-radius: 5px;
}
.table .datagrid-filters .filter-right .filter-btn .grid-dropdown-header{
    height: 43px;
}
.field-container .input-group .control:first-child, .form-group .input-group .control:first-child{
    border-radius: 5px 0 0 5px;

}
.field-container .input-group .input-group-append, .form-group .input-group .input-group-append {
    margin-left: -4px;
}
.field-container .input-group .input-group-append .control, .form-group .input-group .input-group-append .control {
    border-radius: 5px;
}

.breadcrumb{
    background: none !important;
}

.panel.repot-view .panel-body {
    background: none !important;
    box-shadow:none !important;
    border: none!important;
    padding: 20px 0 0 !important
}
a.backBtn {
    border: 1px solid #EB2027;
    border-radius: 5px;
    padding: 5px 10px;
    background: #fff;
}

.panel.repot-view .panel-body  .accordian {
    background: #D6E9FB;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10); 
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;


}
.panel.repot-view .panel-body  .accordian  .accordian-header{
    font-weight: 600;
    font-size: 18px !important;
    color: #fff;
    background: #001a66;
}

.downloadBtn {
    background: #ed1b24;
    color: #fff !important;
    padding: 8px 17px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}



.panel.repot-view .accordian.active>.accordian-content, .panel.repot-view  accordian.active>.accordian-content {
    border: none !important;
}
.accordian.tableAccordian .table{
    border: 1px solid #001a66;
    border-radius: 5px !important;

}
.accordian.tableAccordian .table table th{
    background: #fff !important;
}
.accordian.tableAccordian .table .form-group .control{
    margin: 0 !important;
}
.contentTable {
    width: 100%;
    align-items: center;
}
.contentTable td{
    vertical-align: middle;
}
.contentTable  .middGap{
    min-width: 200px;
}

.contentTable  td .form-group{
    margin-bottom: 0;
}

.leadsDetails .panel .panel-header {
    font-weight: 600;
    color: #000;
}

.leadsDetails .panel .attribute-value-row label{
    font-weight: 500;
}
/* ── Lead View Activity Redesign ──────────────────────────────────── */

/* Tab content: remove old blue background */
.leadsDetails .lead-content-right .tabs-content {
    background: #fff !important;
    margin-bottom: 16px;
    border: 1px solid #eaecf0;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 18px 20px;
}

/* Activity section card wrappers */
.lv-act-wrap {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eaecf0;
    box-shadow: 0 1px 5px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    overflow: hidden;
}
.lv-act-wrap .tabs-content {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
}

/* Tab list bar */
.leadsDetails .lead-content-right .tabs ul {
    display: flex;
    flex-wrap: wrap;
    background: #f8f9fc;
    border-bottom: 2px solid #eaecf0;
    padding: 0 8px;
    margin: 0;
    list-style: none;
}
.tabs ul li {
    margin-right: 0;
}
.leadsDetails .lead-content-right .tabs ul li a {
    background: transparent !important;
    color: #6b7280 !important;
    border-radius: 0 !important;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    min-width: unset;
    padding: 10px 16px !important;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    display: block;
    white-space: nowrap;
    transition: color 0.2s, border-color 0.2s;
}
.leadsDetails .lead-content-right .tabs ul li a:hover {
    color: #c0392b !important;
    background: transparent !important;
}
.leadsDetails .lead-content-right .tabs ul li.active a {
    background: transparent !important;
    color: #c0392b !important;
    border-bottom: 2px solid #c0392b !important;
    box-shadow: none !important;
    font-weight: 600;
}

/* Form fields in activity action */
.leadsDetails .lead-content-right .form-group label {
    font-size: 11.5px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 6px;
    display: block;
}
.leadsDetails .lead-content-right .control {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #1f2937 !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 9px 12px !important;
    background: #fff !important;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.leadsDetails .lead-content-right .control:focus {
    border-color: #c0392b !important;
    box-shadow: 0 0 0 3px rgba(192,57,43,0.08) !important;
    outline: none !important;
}
.leadsDetails .lead-content-right textarea.control {
    min-height: 96px;
    resize: vertical;
}
.leadsDetails .lead-content-right .btn.btn-md.btn-primary {
    background: #c0392b !important;
    border-color: #c0392b !important;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
    padding: 9px 24px;
    letter-spacing: 0.2px;
    margin-top: 4px;
}
.leadsDetails .lead-content-right .btn.btn-md.btn-primary:hover {
    background: #a93226 !important;
    border-color: #a93226 !important;
}

/* lv-track-table: override old activity-list table rules */
.leadsDetails .activity-list .lv-track-table th {
    background: #f8f9fc !important;
    border: none !important;
    border-bottom: 1.5px solid #eaecf0 !important;
}
.leadsDetails .activity-list .lv-track-table td {
    border: none !important;
    border-bottom: 1px solid #f3f4f6 !important;
}
.leadsDetails .activity-list .lv-track-table tbody tr:nth-child(even) td {
    background: transparent !important;
}
/* Old generic table rules — keep only for non-lv tables */
.leadsDetails .activity-list table:not(.lv-track-table) th {
    background: #fff !important;
    border: none !important;
}
.leadsDetails .activity-list table:not(.lv-track-table) td {
    border: none !important;
}
.leadsDetails .activity-list table:not(.lv-track-table) tr:nth-child(even) td {
    background: #E6F0FD !important;
}

.navbar-top-right button#page-header-notifications-dropdown {
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    padding: 9px 7px;
    text-align: center;
}

/* ═══════════════════════════════════════════════════════════════════
   FBMS Custom Page Styles
   Consolidated from blade inline <style> blocks
   ═══════════════════════════════════════════════════════════════════ */

/* ── Shared: Mass Actions & Search Clear ── */
.mass-actions { display: none !important; }
input[type="search"]::-webkit-search-clear-button,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { display: none; }
.hide-checkbox { display: none !important; }
.result_image { width: 100% !important; }

/* ── Shared: Action Column (default red theme) ── */
td.action { white-space: nowrap; text-align: center; vertical-align: middle; }
td.action a {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border-radius: 6px; background: #f5f6fa;
    border: 1px solid #e8e8e8; margin: 0 2px; transition: all 0.2s ease; text-decoration: none;
    vertical-align: middle;
}
td.action a:hover { background: #c0392b; border-color: #c0392b; }
td.action a:hover i { color: #fff !important; }
td.action a i { font-size: 14px; color: #666; }
td.action a:not([href]) { display: none !important; }
td.action a:not([data-action]) { display: none !important; }

/* ── Booking: Action Column Override (purple hover) ── */
.bk-table-card td.action a:hover { background: #5B5EA6; border-color: #5B5EA6; }

/* ── Booking: Checkbox Hiding for Rejected/Cancelled ── */
tr:has(.rejected-for-current-user) td:first-child .checkbox { visibility: hidden !important; }
tr:has(.cancelled-booking-row) td:first-child .checkbox { visibility: hidden !important; }


/* ═══════════════════════════════════════════════════════════════════
   Booking Page (bk-*)
   ═══════════════════════════════════════════════════════════════════ */
.bk-page-wrap { padding: 20px 24px; }

.bk-header-card {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    border-radius: 12px; padding: 20px 24px; margin-bottom: 18px;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
.bk-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.bk-header-card .header-left .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.18); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.bk-header-card .header-left h1 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; }
.bk-header-card .header-left h1 small { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); margin-top: 2px; }
.bk-header-card .header-right .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.18); color: #fff; border: 1px solid rgba(255,255,255,0.25);
    padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s ease;
}
.bk-header-card .header-right .hdr-btn:hover { background: rgba(255,255,255,0.3); }

.bk-summary-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 18px; }
.bk-stat-card {
    background: #fff; border-radius: 10px; padding: 16px 18px; border: 1px solid #eee;
    display: flex; align-items: center; gap: 14px; transition: box-shadow 0.2s ease;
}
.bk-stat-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.06); }
.bk-stat-card .stat-icon {
    width: 44px; height: 44px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0;
}
.bk-stat-card .stat-icon.ic-total       { background: #eef0ff; color: #5B5EA6; }
.bk-stat-card .stat-icon.ic-new         { background: #e8f4fd; color: #3498db; }
.bk-stat-card .stat-icon.ic-phlebo      { background: #f0e6ff; color: #8e44ad; }
.bk-stat-card .stat-icon.ic-sample      { background: #e6fff0; color: #27ae60; }
.bk-stat-card .stat-icon.ic-processing  { background: #fff7e6; color: #f39c12; }
.bk-stat-card .stat-icon.ic-uploaded    { background: #e6f7ff; color: #0984e3; }
.bk-stat-card .stat-icon.ic-published   { background: #e6ffe6; color: #2ecc71; }
.bk-stat-card .stat-icon.ic-cancelled   { background: #fdeaea; color: #e74c3c; }
.bk-stat-card .stat-count { font-size: 24px; font-weight: 700; color: #2c3e50; line-height: 1; }
.bk-stat-card .stat-label { font-size: 12px; color: #888; margin-top: 3px; }

.bk-table-card { background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden; }
.bk-table-card .table { overflow-x: auto; }
.bk-table-card .table table { font-size: 13px; border-collapse: collapse; }
.bk-table-card .table table thead th {
    background: #f7f8fb; color: #555; font-weight: 600; font-size: 11.5px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 10px;
    border-bottom: 2px solid #eee; white-space: nowrap; position: sticky; top: 0; z-index: 1;
}
.bk-table-card .table table tbody td { padding: 10px 10px; vertical-align: middle; border-bottom: 1px solid #f2f2f2; color: #444; }
.bk-table-card .table table tbody tr:hover { background: #f8f9ff; }
.bk-table-card .table table tbody tr.active { background: #eef0ff; }
.bk-table-card .table table td { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bk-table-card .table table tbody tr.no-records td { text-align: center; padding: 40px 20px; color: #999; font-size: 14px; }
.bk-table-card .pagination { padding: 12px 20px; border-top: 1px solid #f0f0f0; }

.bk-action-bar {
    display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px;
    padding: 14px 20px; border-bottom: 1px solid #f0f0f0; background: #fafbfc;
    width: 100%;
}
.bk-action-bar .form-group { display: flex; align-items: center; gap: 8px; margin: 0; width: auto !important; flex: none; }
.bk-action-bar .form-group label { font-size: 12px; font-weight: 600; color: #555; white-space: nowrap; margin: 0; }
.bk-action-bar .form-group select.control { border-radius: 8px; border: 1px solid #ddd; padding: 7px 12px; font-size: 13px; min-width: 150px; max-width: 200px; width: auto !important; }
.bk-action-bar .btn-md { border-radius: 8px; padding: 7px 16px; font-size: 13px; font-weight: 500; }

@media (max-width: 1200px) { .bk-summary-row { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 992px) { .bk-summary-row { grid-template-columns: 1fr 1fr; } }
@media (max-width: 768px) { .bk-summary-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 576px) {
    .bk-summary-row { grid-template-columns: 1fr; }
    .bk-header-card { flex-direction: column; align-items: flex-start; }
    .bk-action-bar { flex-direction: column; align-items: stretch; }
}


/* ═══════════════════════════════════════════════════════════════════
   On-Boarding List Page (ob-*)
   ═══════════════════════════════════════════════════════════════════ */
.ob-page-wrap { padding: 20px 24px; }

.ob-header-card {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    border-radius: 12px; padding: 20px 24px; margin-bottom: 18px;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
.ob-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.ob-header-card .header-left .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.18); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.ob-header-card .header-left h1 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; }
.ob-header-card .header-left h1 small { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); margin-top: 2px; }
.ob-header-card .header-right .create-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.18); color: #fff; border: 1px solid rgba(255,255,255,0.25);
    padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s ease;
}
.ob-header-card .header-right .create-btn:hover { background: rgba(255,255,255,0.3); }

.ob-summary-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
.ob-stat-card {
    background: #fff; border-radius: 10px; padding: 16px 18px; border: 1px solid #eee;
    display: flex; align-items: center; gap: 14px; transition: box-shadow 0.2s ease;
}
.ob-stat-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.06); }
.ob-stat-card .stat-icon {
    width: 44px; height: 44px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0;
}
.ob-stat-card .stat-icon.ic-total  { background: #fdeaea; color: #c0392b; }
.ob-stat-card .stat-icon.ic-cities { background: #e6f9f0; color: #27ae60; }
.ob-stat-card .stat-icon.ic-states { background: #fff7e6; color: #f39c12; }
.ob-stat-card .stat-icon.ic-recent { background: #e8f4fd; color: #2980b9; }
.ob-stat-card .stat-count { font-size: 24px; font-weight: 700; color: #2c3e50; line-height: 1; }
.ob-stat-card .stat-label { font-size: 12px; color: #888; margin-top: 3px; }

.ob-table-card { background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden; }
.ob-table-card .table { overflow-x: auto; }
.ob-table-card .table table { font-size: 13px; border-collapse: collapse; }
.ob-table-card .table table thead th {
    background: #f7f8fb; color: #555; font-weight: 600; font-size: 11.5px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 10px;
    border-bottom: 2px solid #eee; white-space: nowrap; position: sticky; top: 0; z-index: 1;
}
.ob-table-card .table table tbody td { padding: 10px 10px; vertical-align: middle; border-bottom: 1px solid #f2f2f2; color: #444; }
.ob-table-card .table table tbody tr:hover { background: #f8f9ff; }
.ob-table-card .table table tbody tr.active { background: #eef0ff; }
.ob-table-card .table table td { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ob-table-card .table table tbody tr.no-records td { text-align: center; padding: 40px 20px; color: #999; font-size: 14px; }
.ob-table-card .pagination { padding: 12px 20px; border-top: 1px solid #f0f0f0; }

@media (max-width: 992px) { .ob-summary-row { grid-template-columns: 1fr 1fr; } }
@media (max-width: 576px) {
    .ob-summary-row { grid-template-columns: 1fr; }
    .ob-header-card { flex-direction: column; align-items: flex-start; }
}


/* ═══════════════════════════════════════════════════════════════════
   Create Client Page (cc-*)
   ═══════════════════════════════════════════════════════════════════ */
.cc-page-wrap { padding: 20px 24px; }

.cc-header-card {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    border-radius: 12px; padding: 20px 24px; margin-bottom: 24px;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
.cc-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.cc-header-card .header-left .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.18); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.cc-header-card .header-left h1 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; }
.cc-header-card .header-left h1 small { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); margin-top: 2px; }
.cc-header-card .header-right { display: flex; gap: 10px; }
.cc-header-card .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.18); color: #fff; border: 1px solid rgba(255,255,255,0.25);
    padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s ease; cursor: pointer;
}
.cc-header-card .hdr-btn:hover { background: rgba(255,255,255,0.3); }
.cc-header-card .hdr-btn.btn-save { background: #fff; color: #c0392b; border-color: #fff; font-weight: 600; }
.cc-header-card .hdr-btn.btn-save:hover { background: rgba(255,255,255,0.9); }

.cc-form-card { background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden; margin-bottom: 20px; }

.cc-section-header {
    padding: 14px 20px; background: #f7f8fb; border-bottom: 2px solid #eee;
    display: flex; align-items: center; gap: 10px;
}
.cc-section-header .sec-icon {
    width: 32px; height: 32px; border-radius: 8px; background: #fdeaea; color: #c0392b;
    display: flex; align-items: center; justify-content: center; font-size: 14px;
}
.cc-section-header h3 { margin: 0; font-size: 14px; font-weight: 600; color: #2c3e50; }
.cc-section-header h3 small { display: block; font-size: 11px; font-weight: 400; color: #888; margin-top: 1px; }

.cc-form-body { padding: 20px; }
.cc-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; }
.cc-form-grid .full-width { grid-column: 1 / -1; }

.cc-fg { display: flex; flex-direction: column; gap: 5px; }
.cc-fg label { font-size: 12.5px; font-weight: 600; color: #444; letter-spacing: 0.2px; }
.cc-fg label .req { color: #c0392b; margin-left: 2px; }
.cc-fg .cc-input,
.cc-fg .cc-select {
    width: 100%; padding: 9px 12px; border: 1px solid #ddd; border-radius: 8px;
    font-size: 13px; color: #333; background: #fff; transition: all 0.2s ease; outline: none;
}
.cc-fg .cc-input:focus,
.cc-fg .cc-select:focus { border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.08); }
.cc-fg .cc-input::placeholder { color: #adb5bd; }
.cc-fg .cc-file-input {
    width: 100%; padding: 8px 12px; border: 1.5px dashed #ddd; border-radius: 8px;
    font-size: 12px; color: #666; background: #fafafa; cursor: pointer; transition: all 0.2s ease;
}
.cc-fg .cc-file-input:hover { border-color: #c0392b; background: #fff5f5; }
.cc-fg .error-msg { font-size: 11px; color: #c0392b; margin-top: 2px; }

/* Edit Client: Current File Link */
.ec-current-file {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 11.5px; color: #888; margin-top: 4px;
}
.ec-current-file i { font-size: 11px; color: #c0392b; }
.ec-current-file a { color: #c0392b; font-weight: 500; text-decoration: none; }
.ec-current-file a:hover { text-decoration: underline; }

@media (max-width: 768px) {
    .cc-form-grid { grid-template-columns: 1fr; }
    .cc-header-card { flex-direction: column; align-items: flex-start; }
}


/* ═══════════════════════════════════════════════════════════════════
   Diagnostic Business Package List Page (dbp-*)
   ═══════════════════════════════════════════════════════════════════ */
.dbp-page-wrap { padding: 20px 24px; }

.dbp-header-card {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    border-radius: 12px; padding: 20px 24px; margin-bottom: 18px;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
.dbp-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.dbp-header-card .header-left .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.18); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.dbp-header-card .header-left h1 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; }
.dbp-header-card .header-left h1 small { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); margin-top: 2px; }
.dbp-header-card .header-right .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.18); color: #fff; border: 1px solid rgba(255,255,255,0.25);
    padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s ease;
}
.dbp-header-card .header-right .hdr-btn:hover { background: rgba(255,255,255,0.3); }

.dbp-tab-nav { display: flex; gap: 0; border-bottom: 2px solid #dee2e6; margin-bottom: 18px; }
.dbp-tab-nav a { padding: 12px 24px; font-weight: 500; font-size: 14px; text-decoration: none; border-bottom: 3px solid transparent; color: #555; cursor: pointer; transition: all 0.2s ease; }
.dbp-tab-nav a:hover { background: #f0f4ff; border-bottom-color: #ccc; }
.dbp-tab-nav a.active { font-weight: 600; color: #c0392b; border-bottom-color: #c0392b; background: #fff; }
.dbp-tab-nav a:nth-child(2) { color: #28a745; }
.dbp-tab-nav a:nth-child(2).active { border-bottom-color: #28a745; }
.dbp-tab-nav a:nth-child(3) { color: #dc3545; }
.dbp-tab-nav a:nth-child(3).active { border-bottom-color: #dc3545; }
.dbp-tab-nav a:nth-child(4) { color: #fd7e14; }
.dbp-tab-nav a:nth-child(4).active { border-bottom-color: #fd7e14; }
.dbp-tab-nav a:nth-child(5) { color: #2980b9; }
.dbp-tab-nav a:nth-child(5).active { color: #2980b9; border-bottom-color: #2980b9; }

.dbp-table-card { background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden; }
.dbp-table-card .table { overflow-x: auto; }
.dbp-table-card .table table { font-size: 13px; border-collapse: collapse; }
.dbp-table-card .table table thead th {
    background: #f7f8fb; color: #555; font-weight: 600; font-size: 11.5px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 10px;
    border-bottom: 2px solid #eee; white-space: nowrap; position: sticky; top: 0; z-index: 1;
}
.dbp-table-card .table table tbody td { padding: 10px 10px; vertical-align: middle; border-bottom: 1px solid #f2f2f2; color: #444; }
.dbp-table-card .table table tbody tr:hover { background: #f8f9ff; }
.dbp-table-card .table table tbody tr.active { background: #eef0ff; }
.dbp-table-card .table table td { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dbp-table-card .table table tbody tr.no-records td { text-align: center; padding: 40px 20px; color: #999; font-size: 14px; }
.dbp-table-card .pagination { padding: 12px 20px; border-top: 1px solid #f0f0f0; }

@media (max-width: 576px) {
    .dbp-header-card { flex-direction: column; align-items: flex-start; }
    .dbp-tab-nav { flex-wrap: wrap; }
}


/* ═══════════════════════════════════════════════════════════════════
   Approved Business Package List Page (abp-*)
   ═══════════════════════════════════════════════════════════════════ */
.abp-page-wrap { padding: 20px 24px; }

.abp-header-card {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    border-radius: 12px; padding: 20px 24px; margin-bottom: 18px;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
.abp-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.abp-header-card .header-left .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.18); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.abp-header-card .header-left h1 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; }
.abp-header-card .header-left h1 small { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); margin-top: 2px; }
.abp-header-card .header-right .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.18); color: #fff; border: 1px solid rgba(255,255,255,0.25);
    padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s ease;
}
.abp-header-card .header-right .hdr-btn:hover { background: rgba(255,255,255,0.3); }

.abp-tab-nav { display: flex; gap: 0; border-bottom: 2px solid #dee2e6; margin-bottom: 18px; }
.abp-tab-nav a { padding: 12px 24px; font-weight: 500; font-size: 14px; text-decoration: none; border-bottom: 3px solid transparent; color: #555; }
.abp-tab-nav a.active { font-weight: 600; color: #c0392b; border-bottom-color: #c0392b; background: #fff; }
.abp-tab-nav a:nth-child(2) { color: #28a745; }
.abp-tab-nav a:nth-child(2).active { border-bottom-color: #28a745; color: #28a745; }
.abp-tab-nav a:nth-child(3) { color: #dc3545; }
.abp-tab-nav a:nth-child(3).active { border-bottom-color: #dc3545; }
.abp-tab-nav a:nth-child(4) { color: #fd7e14; }
.abp-tab-nav a:nth-child(4).active { border-bottom-color: #fd7e14; }
.abp-tab-nav a:nth-child(5) { color: #2980b9; }
.abp-tab-nav a:nth-child(5).active { color: #2980b9; border-bottom-color: #2980b9; }

.abp-table-card { background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden; }
.abp-table-card .table { overflow-x: auto; }
.abp-table-card .table table { font-size: 13px; border-collapse: collapse; }
.abp-table-card .table table thead th {
    background: #f7f8fb; color: #555; font-weight: 600; font-size: 11.5px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 10px;
    border-bottom: 2px solid #eee; white-space: nowrap; position: sticky; top: 0; z-index: 1;
}
.abp-table-card .table table tbody td { padding: 10px 10px; vertical-align: middle; border-bottom: 1px solid #f2f2f2; color: #444; }
.abp-table-card .table table tbody tr:hover { background: #f8f9ff; }
.abp-table-card .table table tbody tr.active { background: #eef0ff; }
.abp-table-card .table table td { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.abp-table-card .table table tbody tr.no-records td { text-align: center; padding: 40px 20px; color: #999; font-size: 14px; }
.abp-table-card .pagination { padding: 12px 20px; border-top: 1px solid #f0f0f0; }

@media (max-width: 576px) {
    .abp-header-card { flex-direction: column; align-items: flex-start; }
    .abp-tab-nav { flex-wrap: wrap; }
}


/* ═══════════════════════════════════════════════════════════════════
   Rejected Business Package List Page (rbp-*)
   ═══════════════════════════════════════════════════════════════════ */
.rbp-page-wrap { padding: 20px 24px; }

.rbp-header-card {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    border-radius: 12px; padding: 20px 24px; margin-bottom: 18px;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
.rbp-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.rbp-header-card .header-left .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.18); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.rbp-header-card .header-left h1 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; }
.rbp-header-card .header-left h1 small { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); margin-top: 2px; }
.rbp-header-card .header-right .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.18); color: #fff; border: 1px solid rgba(255,255,255,0.25);
    padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s ease;
}
.rbp-header-card .header-right .hdr-btn:hover { background: rgba(255,255,255,0.3); }

.rbp-tab-nav { display: flex; gap: 0; border-bottom: 2px solid #dee2e6; margin-bottom: 18px; }
.rbp-tab-nav a { padding: 12px 24px; font-weight: 500; font-size: 14px; text-decoration: none; border-bottom: 3px solid transparent; color: #555; }
.rbp-tab-nav a.active { font-weight: 600; color: #c0392b; border-bottom-color: #c0392b; background: #fff; }
.rbp-tab-nav a:nth-child(2) { color: #28a745; }
.rbp-tab-nav a:nth-child(2).active { border-bottom-color: #28a745; }
.rbp-tab-nav a:nth-child(3) { color: #dc3545; }
.rbp-tab-nav a:nth-child(3).active { border-bottom-color: #dc3545; color: #dc3545; }
.rbp-tab-nav a:nth-child(4) { color: #fd7e14; }
.rbp-tab-nav a:nth-child(4).active { border-bottom-color: #fd7e14; }
.rbp-tab-nav a:nth-child(5) { color: #2980b9; }
.rbp-tab-nav a:nth-child(5).active { color: #2980b9; border-bottom-color: #2980b9; }

.rbp-table-card { background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden; }
.rbp-table-card .table { overflow-x: auto; }
.rbp-table-card .table table { font-size: 13px; border-collapse: collapse; }
.rbp-table-card .table table thead th {
    background: #f7f8fb; color: #555; font-weight: 600; font-size: 11.5px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 10px;
    border-bottom: 2px solid #eee; white-space: nowrap; position: sticky; top: 0; z-index: 1;
}
.rbp-table-card .table table tbody td { padding: 10px 10px; vertical-align: middle; border-bottom: 1px solid #f2f2f2; color: #444; }
.rbp-table-card .table table tbody tr:hover { background: #f8f9ff; }
.rbp-table-card .table table tbody tr.active { background: #eef0ff; }
.rbp-table-card .table table td { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rbp-table-card .table table tbody tr.no-records td { text-align: center; padding: 40px 20px; color: #999; font-size: 14px; }
.rbp-table-card .pagination { padding: 12px 20px; border-top: 1px solid #f0f0f0; }

@media (max-width: 576px) {
    .rbp-header-card { flex-direction: column; align-items: flex-start; }
    .rbp-tab-nav { flex-wrap: wrap; }
}


/* ═══════════════════════════════════════════════════════════════════
   Negotiable Business Package List Page (nbp-*)
   ═══════════════════════════════════════════════════════════════════ */
.nbp-page-wrap { padding: 20px 24px; }

.nbp-header-card {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    border-radius: 12px; padding: 20px 24px; margin-bottom: 18px;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
.nbp-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.nbp-header-card .header-left .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.18); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.nbp-header-card .header-left h1 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; }
.nbp-header-card .header-left h1 small { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); margin-top: 2px; }
.nbp-header-card .header-right .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.18); color: #fff; border: 1px solid rgba(255,255,255,0.25);
    padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s ease;
}
.nbp-header-card .header-right .hdr-btn:hover { background: rgba(255,255,255,0.3); }

.nbp-tab-nav { display: flex; gap: 0; border-bottom: 2px solid #dee2e6; margin-bottom: 18px; }
.nbp-tab-nav a { padding: 12px 24px; font-weight: 500; font-size: 14px; text-decoration: none; border-bottom: 3px solid transparent; color: #555; }
.nbp-tab-nav a.active { font-weight: 600; color: #c0392b; border-bottom-color: #c0392b; background: #fff; }
.nbp-tab-nav a:nth-child(2) { color: #28a745; }
.nbp-tab-nav a:nth-child(2).active { border-bottom-color: #28a745; }
.nbp-tab-nav a:nth-child(3) { color: #dc3545; }
.nbp-tab-nav a:nth-child(3).active { border-bottom-color: #dc3545; }
.nbp-tab-nav a:nth-child(4) { color: #fd7e14; }
.nbp-tab-nav a:nth-child(4).active { border-bottom-color: #fd7e14; color: #fd7e14; }
.nbp-tab-nav a:nth-child(5) { color: #2980b9; }
.nbp-tab-nav a:nth-child(5).active { color: #2980b9; border-bottom-color: #2980b9; }

.nbp-table-card { background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden; }
.nbp-table-card .table { overflow-x: auto; }
.nbp-table-card .table table { font-size: 13px; border-collapse: collapse; }
.nbp-table-card .table table thead th {
    background: #f7f8fb; color: #555; font-weight: 600; font-size: 11.5px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 10px;
    border-bottom: 2px solid #eee; white-space: nowrap; position: sticky; top: 0; z-index: 1;
}
.nbp-table-card .table table tbody td { padding: 10px 10px; vertical-align: middle; border-bottom: 1px solid #f2f2f2; color: #444; }
.nbp-table-card .table table tbody tr:hover { background: #f8f9ff; }
.nbp-table-card .table table tbody tr.active { background: #eef0ff; }
.nbp-table-card .table table td { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nbp-table-card .table table tbody tr.no-records td { text-align: center; padding: 40px 20px; color: #999; font-size: 14px; }
.nbp-table-card .pagination { padding: 12px 20px; border-top: 1px solid #f0f0f0; }

@media (max-width: 576px) {
    .nbp-header-card { flex-direction: column; align-items: flex-start; }
    .nbp-tab-nav { flex-wrap: wrap; }
}


/* ═══════════════════════════════════════════════════════════════════
   Business Package List Page (bpl-*)
   ═══════════════════════════════════════════════════════════════════ */
.bpl-page-wrap { padding: 20px 24px; }

.bpl-header-card {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    border-radius: 12px; padding: 20px 24px; margin-bottom: 18px;
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
.bpl-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.bpl-header-card .header-left .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.18); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.bpl-header-card .header-left h1 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; }
.bpl-header-card .header-left h1 small { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); margin-top: 2px; }
.bpl-header-card .header-right { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.bpl-header-card .header-right .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.18); color: #fff; border: 1px solid rgba(255,255,255,0.25);
    padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s ease;
}
.bpl-header-card .header-right .hdr-btn:hover { background: rgba(255,255,255,0.3); }
.bpl-header-card .header-right .hdr-btn-add {
    background: rgba(255,255,255,0.95); color: #c0392b; border: 1px solid rgba(255,255,255,0.25); font-weight: 600;
}
.bpl-header-card .header-right .hdr-btn-add:hover { background: #fff; }

.bpl-table-card { background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden; }
.bpl-table-card .table { overflow-x: auto; }
.bpl-table-card .table table { font-size: 13px; border-collapse: collapse; }
.bpl-table-card .table table thead th {
    background: #f7f8fb; color: #555; font-weight: 600; font-size: 11.5px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 10px;
    border-bottom: 2px solid #eee; white-space: nowrap; position: sticky; top: 0; z-index: 1;
}
.bpl-table-card .table table tbody td { padding: 10px 10px; vertical-align: middle; border-bottom: 1px solid #f2f2f2; color: #444; }
.bpl-table-card .table table tbody tr:hover { background: #f8f9ff; }
.bpl-table-card .table table tbody tr.active { background: #eef0ff; }
.bpl-table-card .table table td { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bpl-table-card .table table tbody tr.no-records td { text-align: center; padding: 40px 20px; color: #999; font-size: 14px; }
.bpl-table-card .pagination { padding: 12px 20px; border-top: 1px solid #f0f0f0; }

@media (max-width: 576px) {
    .bpl-header-card { flex-direction: column; align-items: flex-start; }
}

/* ═══════════════════════════════════════════════════════════════
   LEADS INDEX PAGE (ld-*)
   ═══════════════════════════════════════════════════════════════ */
.ld-page-wrap { padding: 20px 24px; background: #f4f5f7; min-height: 100vh; }

.ld-header-card {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 14px; padding: 18px 28px; margin-bottom: 20px;
    box-shadow: 0 4px 18px rgba(192,57,43,0.15);
}
.ld-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.ld-header-card .header-left .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.18); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.ld-header-card .header-left h1 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; }
.ld-header-card .header-left h1 small { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); margin-top: 2px; }
.ld-header-card .header-right { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ld-header-card .header-right .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.18); color: #fff; border: 1px solid rgba(255,255,255,0.25);
    padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s ease;
}
.ld-header-card .header-right .hdr-btn:hover { background: rgba(255,255,255,0.3); }
.ld-header-card .header-right .hdr-btn-add {
    background: rgba(255,255,255,0.95); color: #c0392b; border: 1px solid rgba(255,255,255,0.25); font-weight: 600;
}
.ld-header-card .header-right .hdr-btn-add:hover { background: #fff; }

.ld-error-banner {
    display: flex; align-items: flex-start; gap: 10px;
    background: #fff5f5; border: 1px solid #feb2b2; color: #c53030;
    border-radius: 10px; padding: 14px 20px; margin-bottom: 16px; font-size: 13px; line-height: 1.5;
}
.ld-error-banner i { color: #e53e3e; font-size: 16px; margin-top: 2px; }

.ld-summary-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 18px; }
.ld-stat-card {
    display: flex; align-items: center; gap: 14px;
    background: #fff; border-radius: 12px; padding: 16px 18px; border: 1px solid #eee; transition: box-shadow 0.2s ease;
}
.ld-stat-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.06); }
.ld-stat-card .stat-icon {
    width: 42px; height: 42px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0;
}
.ld-stat-card .stat-icon.ic-total      { background: #fdeaea; color: #c0392b; }
.ld-stat-card .stat-icon.ic-new        { background: #e8f4fd; color: #3498db; }
.ld-stat-card .stat-icon.ic-confirmed  { background: #e6ffe6; color: #27ae60; }
.ld-stat-card .stat-icon.ic-booked     { background: #eef0ff; color: #5B5EA6; }
.ld-stat-card .stat-icon.ic-pending    { background: #fff7e6; color: #f39c12; }
.ld-stat-card .stat-icon.ic-qc         { background: #f0e6ff; color: #8e44ad; }
.ld-stat-card .stat-icon.ic-published  { background: #e6f9f0; color: #2ecc71; }
.ld-stat-card .stat-icon.ic-hold       { background: #fff0e6; color: #e67e22; }
.ld-stat-card .stat-count { font-size: 24px; font-weight: 700; color: #2c3e50; line-height: 1; }
.ld-stat-card .stat-label { font-size: 12px; color: #888; margin-top: 3px; }

@media (max-width: 1200px) { .ld-summary-row { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 992px) { .ld-summary-row { grid-template-columns: 1fr 1fr; } }
@media (max-width: 576px) { .ld-summary-row { grid-template-columns: 1fr; } }

/* Tab pills alignment fix — prevent wrapping to next line */
.ld-page-wrap .tabs-container {
    display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 14px 20px;
    border-bottom: 1px solid #eee; background: #fff; border-radius: 12px 12px 0 0;
}
.ld-page-wrap .tabs-container .pill {
    height: auto; display: inline-flex; align-items: center; flex-wrap: wrap;
}
.ld-page-wrap .tabs-container .pill .tabs ul {
    display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; align-items: center;
}
.ld-page-wrap .tabs-container .pill .tabs ul li { display: inline-flex; margin: 0; }
.ld-page-wrap .tabs-container .pill .tabs ul li a {
    padding: 5px 14px; font-size: 12px; font-weight: 500; border-radius: 20px;
    white-space: nowrap; color: #666; background: #f0f1f3; text-decoration: none; transition: all 0.2s ease;
}
.ld-page-wrap .tabs-container .pill .tabs ul li a:hover { background: #e8e9eb; color: #333; }
.ld-page-wrap .tabs-container .pill .tabs ul li.active a {
    background: #c0392b; color: #fff; font-weight: 600;
}
.ld-page-wrap .tabs-container .tabs-right-container { margin-left: auto; }
.ld-page-wrap .tabs-container .tabs-left-container { flex: 1; min-width: 0; }

.ld-table-card { background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden; }
.ld-table-card .table { overflow-x: auto; }
.ld-table-card .table table { font-size: 14px; font-family: 'Roboto', sans-serif; border-collapse: collapse; }
.ld-table-card .table table thead th {
    background: #f7f8fb; color: #555; font-weight: 600; font-size: 12px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 10px;
    border-bottom: 2px solid #eee; white-space: nowrap; position: sticky; top: 0; z-index: 1;
}
.ld-table-card .table table tbody td { padding: 11px 10px; vertical-align: middle; border-bottom: 1px solid #f2f2f2; color: #333; font-size: 14px; }
.ld-table-card .table table tbody tr:hover { background: #f8f9ff; }
.ld-table-card .table table tbody tr.active { background: #eef0ff; }
.ld-table-card .table table td { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ld-table-card .table table tbody tr.no-records td { text-align: center; padding: 40px 20px; color: #999; font-size: 14px; }
.ld-table-card .pagination { padding: 12px 20px; border-top: 1px solid #f0f0f0; }

@media (max-width: 576px) {
    .ld-header-card { flex-direction: column; align-items: flex-start; }
}

/* ============================================================
   CBP — Create / Edit Business Package
   ============================================================ */
.cbp-page-wrap { padding: 20px; background: #f4f5f7; min-height: 100vh; }

/* Header Card */
.cbp-header-card {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 14px; padding: 22px 28px; margin-bottom: 24px; color: #fff;
    box-shadow: 0 4px 15px rgba(192, 57, 43, 0.25);
}
.cbp-header-card .header-left { display: flex; align-items: center; gap: 16px; }
.cbp-header-card .header-icon {
    width: 48px; height: 48px; background: rgba(255,255,255,0.18); border-radius: 12px;
    display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.cbp-header-card h1 { margin: 0; font-size: 22px; font-weight: 700; color: #fff; }
.cbp-header-card h1 small { display: block; font-size: 13px; font-weight: 400; opacity: 0.85; margin-top: 2px; color: #fff; }
.cbp-header-card .header-right { display: flex; gap: 10px; align-items: center; }
.cbp-header-card .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px; padding: 9px 20px;
    border-radius: 8px; font-size: 13px; font-weight: 600; text-decoration: none;
    border: 1.5px solid rgba(255,255,255,0.5); color: #fff; background: transparent;
    transition: all 0.2s ease; cursor: pointer;
}
.cbp-header-card .hdr-btn:hover { background: rgba(255,255,255,0.15); border-color: #fff; }
.cbp-header-card .hdr-btn-save {
    background: #fff; color: #c0392b; border-color: #fff;
}
.cbp-header-card .hdr-btn-save:hover { background: #f8f8f8; }

/* Form Cards */
.cbp-form-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee;
    margin-bottom: 20px; overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.cbp-card-header {
    padding: 16px 24px; font-size: 15px; font-weight: 600; color: #333;
    background: #fafbfc; border-bottom: 1px solid #eee;
}
.cbp-card-header i { color: #c0392b; margin-right: 8px; }
.cbp-card-body { padding: 24px; }

/* Form Grid */
.cbp-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.cbp-form-group { display: flex; flex-direction: column; }
.cbp-form-group.cbp-full-width { grid-column: 1 / -1; }

/* Labels */
.cbp-label { font-size: 13px; font-weight: 600; color: #444; margin-bottom: 6px; }
.cbp-label.required::after { content: " *"; color: #e74c3c; }

/* Inputs */
.cbp-input {
    width: 100%; padding: 10px 14px; border: 1px solid #d9d9d9; border-radius: 6px;
    font-size: 14px; font-family: 'Roboto', sans-serif; color: #333;
    background: #fff; transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.cbp-input:focus { border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.1); outline: none; }
.cbp-input::placeholder { color: #aaa; }
.cbp-readonly { background: #f5f5f5; color: #888; cursor: not-allowed; }
.cbp-textarea { resize: vertical; min-height: 90px; }

/* Price Group */
.cbp-price-group { position: relative; display: flex; align-items: center; }
.cbp-price-prefix {
    position: absolute; left: 12px; color: #888; font-weight: 600; font-size: 14px; z-index: 1;
}
.cbp-price-input { padding-left: 30px; }

/* File Input */
.cbp-file-wrapper { position: relative; }
.cbp-file-input {
    width: 100%; padding: 10px 14px; border: 1px solid #d9d9d9; border-radius: 6px;
    font-size: 13px; background: #fafbfc; cursor: pointer;
}
.cbp-file-input::-webkit-file-upload-button {
    background: linear-gradient(135deg, #c0392b, #e74c3c); color: #fff; border: none;
    padding: 6px 14px; border-radius: 4px; cursor: pointer; margin-right: 10px; font-size: 12px;
    transition: background 0.2s ease;
}
.cbp-file-input::-webkit-file-upload-button:hover { background: #a93226; }

/* Current File Info */
.cbp-current-file {
    display: flex; align-items: center; gap: 8px; margin-top: 10px;
    padding: 10px 14px; background: #fef5f5; border-radius: 6px; border-left: 3px solid #c0392b;
    font-size: 13px;
}
.cbp-current-file i { color: #c0392b; }
.cbp-file-name { color: #555; font-weight: 500; }
.cbp-file-view {
    display: inline-block; padding: 3px 10px; background: #c0392b; color: #fff;
    border-radius: 4px; font-size: 11px; text-decoration: none; margin-left: auto;
    transition: background 0.2s ease;
}
.cbp-file-view:hover { background: #a93226; color: #fff; text-decoration: none; }

/* Hints & Errors */
.cbp-hint { display: block; margin-top: 5px; font-size: 12px; color: #999; }
.cbp-error-hint { display: block; margin-top: 5px; font-size: 12px; color: #e74c3c; font-weight: 500; }

/* Select2 Overrides for CBP */
.cbp-page-wrap .select2-container { width: 100% !important; }
.cbp-page-wrap .select2-container .select2-selection--single,
.cbp-page-wrap .select2-container .select2-selection--multiple {
    height: auto; min-height: 42px; border: 1px solid #d9d9d9; border-radius: 6px; padding: 5px 10px;
}
.cbp-page-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px; padding-left: 0; color: #333;
}
.cbp-page-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; right: 10px; }
.cbp-page-wrap .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #aaa; }
.cbp-page-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #c0392b; border: none; color: #fff; padding: 5px 10px;
    border-radius: 4px; margin: 3px 5px 3px 0; font-size: 13px;
}
.cbp-page-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff; margin-right: 6px; font-size: 14px;
}
.cbp-page-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff; background: transparent;
}
.cbp-page-wrap .select2-container--default.select2-container--focus .select2-selection--multiple,
.cbp-page-wrap .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.1);
}

/* CBP Responsive */
@media (max-width: 768px) {
    .cbp-form-grid { grid-template-columns: 1fr; }
    .cbp-header-card { flex-direction: column; align-items: flex-start; }
    .cbp-header-card .header-right { width: 100%; justify-content: flex-end; }
}


/* ============================================================
   CLP — Create / Edit Lab Package
   ============================================================ */
.clp-page-wrap { padding: 20px; background: #f4f5f7; min-height: 100vh; }

/* Header Card */
.clp-header-card {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 14px; padding: 22px 28px; margin-bottom: 24px; color: #fff;
    box-shadow: 0 4px 15px rgba(192, 57, 43, 0.25);
}
.clp-header-card .header-left { display: flex; align-items: center; gap: 16px; }
.clp-header-card .header-icon {
    width: 48px; height: 48px; background: rgba(255,255,255,0.18); border-radius: 12px;
    display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.clp-header-card h1 { margin: 0; font-size: 22px; font-weight: 700; color: #fff; }
.clp-header-card h1 small { display: block; font-size: 13px; font-weight: 400; opacity: 0.85; margin-top: 2px; color: #fff; }
.clp-header-card .header-right { display: flex; gap: 10px; align-items: center; }
.clp-header-card .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px; padding: 9px 20px;
    border-radius: 8px; font-size: 13px; font-weight: 600; text-decoration: none;
    border: 1.5px solid rgba(255,255,255,0.5); color: #fff; background: transparent;
    transition: all 0.2s ease; cursor: pointer;
}
.clp-header-card .hdr-btn:hover { background: rgba(255,255,255,0.15); border-color: #fff; }
.clp-header-card .hdr-btn-save {
    background: #fff; color: #c0392b; border-color: #fff;
}
.clp-header-card .hdr-btn-save:hover { background: #f8f8f8; }

/* Alert Messages */
.clp-alert {
    display: flex; align-items: flex-start; gap: 10px; padding: 14px 20px;
    border-radius: 8px; margin-bottom: 16px; font-size: 14px;
}
.clp-alert ul { margin: 0; padding-left: 18px; }
.clp-alert-info { background: #e8f4fd; color: #1a6fb5; border: 1px solid #b8daef; }
.clp-alert-danger { background: #fef5f5; color: #c0392b; border: 1px solid #f5c6cb; }

/* Form Cards */
.clp-form-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee;
    margin-bottom: 20px; overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.clp-card-header {
    padding: 16px 24px; font-size: 15px; font-weight: 600; color: #333;
    background: #fafbfc; border-bottom: 1px solid #eee;
}
.clp-card-header i { color: #c0392b; margin-right: 8px; }
.clp-card-body { padding: 24px; }

/* Form Grid */
.clp-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.clp-form-group { display: flex; flex-direction: column; }
.clp-form-group.clp-full-width { grid-column: 1 / -1; }

/* Labels */
.clp-label { font-size: 13px; font-weight: 600; color: #444; margin-bottom: 6px; }
.clp-label.required::after { content: " *"; color: #e74c3c; }

/* Inputs */
.clp-input {
    width: 100%; padding: 10px 14px; border: 1px solid #d9d9d9; border-radius: 6px;
    font-size: 14px; font-family: 'Roboto', sans-serif; color: #333;
    background: #fff; transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.clp-input:focus { border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.1); outline: none; }
.clp-input::placeholder { color: #aaa; }
.clp-readonly { background: #f5f5f5; color: #888; cursor: not-allowed; }
.clp-textarea { resize: vertical; min-height: 90px; }

/* Price Group */
.clp-price-group { position: relative; display: flex; align-items: center; }
.clp-price-prefix {
    position: absolute; left: 12px; color: #888; font-weight: 600; font-size: 14px; z-index: 1;
}
.clp-price-input { padding-left: 30px; }

/* Hints */
.clp-hint { display: block; margin-top: 5px; font-size: 12px; color: #999; }

/* Vials Grid */
.clp-vials-grid {
    display: flex; flex-wrap: wrap; gap: 12px; padding: 14px;
    background: #fafbfc; border: 1px solid #eee; border-radius: 8px;
}
.clp-vial-item {
    display: flex; align-items: center; gap: 8px; cursor: pointer;
    padding: 8px 16px; background: #fff; border: 1px solid #e0e0e0;
    border-radius: 6px; min-width: 110px; transition: all 0.2s ease;
}
.clp-vial-item:hover { border-color: #c0392b; background: #fef5f5; }
.clp-vial-item input[type="checkbox"] { accent-color: #c0392b; width: 16px; height: 16px; }
.clp-vial-label { font-size: 14px; font-weight: 500; color: #444; }

/* Select2 Overrides for CLP */
.clp-page-wrap .select2-container { width: 100% !important; }
.clp-page-wrap .select2-container .select2-selection--single,
.clp-page-wrap .select2-container .select2-selection--multiple {
    height: auto; min-height: 42px; border: 1px solid #d9d9d9; border-radius: 6px; padding: 5px 10px;
}
.clp-page-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px; padding-left: 0; color: #333;
}
.clp-page-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; right: 10px; }
.clp-page-wrap .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #aaa; }
.clp-page-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #c0392b; border: none; color: #fff; padding: 5px 10px;
    border-radius: 4px; margin: 3px 5px 3px 0; font-size: 13px;
}
.clp-page-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff; margin-right: 6px; font-size: 14px;
}
.clp-page-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff; background: transparent;
}
.clp-page-wrap .select2-container--default.select2-container--focus .select2-selection--multiple,
.clp-page-wrap .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.1);
}

/* CLP Responsive */
@media (max-width: 768px) {
    .clp-form-grid { grid-template-columns: 1fr; }
    .clp-header-card { flex-direction: column; align-items: flex-start; }
    .clp-header-card .header-right { width: 100%; justify-content: flex-end; }
    .clp-vials-grid { gap: 8px; }
    .clp-vial-item { min-width: 90px; padding: 6px 12px; }
}


/* ===================================================================
   LEADS CREATE / EDIT (LC) SECTION
   =================================================================== */

/* Header Card */
.lc-page-wrap { font-family: 'Roboto', sans-serif; }
.lc-header-card {
    display: flex; align-items: center; justify-content: space-between;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 12px; padding: 20px 28px; margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(192,57,43,0.3);
}
.lc-header-card .header-left { display: flex; align-items: center; gap: 16px; }
.lc-header-card .header-icon {
    width: 50px; height: 50px; background: rgba(255,255,255,0.2);
    border-radius: 12px; display: flex; align-items: center; justify-content: center;
}
.lc-header-card .header-icon i { color: #fff; font-size: 22px; }
.lc-header-card h1 {
    color: #fff; font-size: 22px; font-weight: 700; margin: 0; line-height: 1.3;
}
.lc-header-card h1 small {
    display: block; font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.85); margin-top: 2px;
}
.lc-header-card .header-right { display: flex; gap: 10px; align-items: center; }
.lc-header-card .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px;
    border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer;
    text-decoration: none; border: 2px solid rgba(255,255,255,0.4);
    color: #fff; background: transparent; transition: all 0.2s ease;
}
.lc-header-card .hdr-btn:hover { background: rgba(255,255,255,0.15); border-color: #fff; }
.lc-header-card .hdr-btn-save {
    background: #fff; color: #c0392b; border-color: #fff;
}
.lc-header-card .hdr-btn-save:hover { background: #f8f8f8; }

/* Form Cards */
.lc-form-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee;
    margin-bottom: 20px; overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.lc-card-header {
    padding: 16px 24px; font-size: 15px; font-weight: 600; color: #333;
    background: #fafbfc; border-bottom: 1px solid #eee;
}
.lc-card-header i { color: #c0392b; margin-right: 8px; }
.lc-card-body { padding: 24px; }

/* Form Grid */
.lc-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.lc-form-group { display: flex; flex-direction: column; }
.lc-form-group.lc-full-width { grid-column: 1 / -1; }

/* Labels */
.lc-label { font-size: 13px; font-weight: 600; color: #444; margin-bottom: 6px; }
.lc-label.required::after { content: " *"; color: #e74c3c; }

/* Inputs */
.lc-input {
    width: 100%; padding: 10px 14px; border: 1px solid #d9d9d9; border-radius: 6px;
    font-size: 14px; font-family: 'Roboto', sans-serif; color: #333;
    background: #fff; transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.lc-input:focus { border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.1); outline: none; }
.lc-input::placeholder { color: #aaa; }
.lc-readonly { background: #f5f5f5; color: #888; cursor: not-allowed; }

/* Select2 Overrides for LC */
.lc-page-wrap .select2-container { width: 100% !important; }
.lc-page-wrap .select2-container .select2-selection--single,
.lc-page-wrap .select2-container .select2-selection--multiple {
    height: auto; min-height: 42px; border: 1px solid #d9d9d9; border-radius: 6px; padding: 5px 10px;
}
.lc-page-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px; padding-left: 0; color: #333; font-size: 14px; font-family: 'Roboto', sans-serif;
}
.lc-page-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; right: 10px; }
.lc-page-wrap .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #aaa; }
.lc-page-wrap .select2-container--default.select2-container--focus .select2-selection--multiple,
.lc-page-wrap .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.1);
}

/* Bottom Submit Bar */
.lc-bottom-bar {
    display: flex; align-items: center; justify-content: flex-end; gap: 10px;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 12px; padding: 16px 28px; margin-top: 24px;
    box-shadow: 0 4px 15px rgba(192,57,43,0.3);
}
.lc-bottom-bar .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px;
    border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer;
    text-decoration: none; border: 2px solid rgba(255,255,255,0.4);
    color: #fff; background: transparent; transition: all 0.2s ease;
}
.lc-bottom-bar .hdr-btn:hover { background: rgba(255,255,255,0.15); border-color: #fff; }
.lc-bottom-bar .hdr-btn-save {
    background: #fff; color: #c0392b; border-color: #fff;
}
.lc-bottom-bar .hdr-btn-save:hover { background: #f8f8f8; }

/* Bottom Submit Bar (auto-generated) */
.bottom-submit-bar { border-top: 1px solid #e8e8e8; border-bottom: none; margin-top: 15px; }

/* Footer */
.lc-footer {
    text-align: center;
    padding: 18px 20px;
    margin-top: 30px;
    font-size: 14px;
    color: #888;
}
.lc-footer p { margin: 0; }

/* LC Responsive */
@media (max-width: 768px) {
    .lc-form-grid { grid-template-columns: 1fr; }
    .lc-header-card { flex-direction: column; align-items: flex-start; gap: 14px; }
    .lc-header-card .header-right { width: 100%; justify-content: flex-end; }
    .lc-bottom-bar { flex-direction: column; gap: 8px; }
    .lc-bottom-bar .hdr-btn { width: 100%; justify-content: center; }
}


/* ===================================================================
   LEADS EXCEL UPLOAD (LX) SECTION
   =================================================================== */

/* Header Card */
.lx-page-wrap { font-family: 'Roboto', sans-serif; }
.lx-header-card {
    display: flex; align-items: center; justify-content: space-between;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 12px; padding: 20px 28px; margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(192,57,43,0.3);
}
.lx-header-card .header-left { display: flex; align-items: center; gap: 16px; }
.lx-header-card .header-icon {
    width: 50px; height: 50px; background: rgba(255,255,255,0.2);
    border-radius: 12px; display: flex; align-items: center; justify-content: center;
}
.lx-header-card .header-icon i { color: #fff; font-size: 22px; }
.lx-header-card h1 {
    color: #fff; font-size: 22px; font-weight: 700; margin: 0; line-height: 1.3;
}
.lx-header-card h1 small {
    display: block; font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.85); margin-top: 2px;
}
.lx-header-card .header-right { display: flex; gap: 10px; align-items: center; }
.lx-header-card .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px;
    border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer;
    text-decoration: none; border: 2px solid rgba(255,255,255,0.4);
    color: #fff; background: transparent; transition: all 0.2s ease;
}
.lx-header-card .hdr-btn:hover { background: rgba(255,255,255,0.15); border-color: #fff; }
.lx-header-card .hdr-btn-save {
    background: #fff; color: #c0392b; border-color: #fff;
}
.lx-header-card .hdr-btn-save:hover { background: #f8f8f8; }

/* Form Cards */
.lx-form-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee;
    margin-bottom: 20px; overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.lx-card-header {
    padding: 16px 24px; font-size: 15px; font-weight: 600; color: #333;
    background: #fafbfc; border-bottom: 1px solid #eee;
}
.lx-card-header i { color: #c0392b; margin-right: 8px; }
.lx-card-body { padding: 24px; }

/* Form Grid */
.lx-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.lx-form-group { display: flex; flex-direction: column; }
.lx-form-group.lx-full-width { grid-column: 1 / -1; }

/* Labels */
.lx-label { font-size: 13px; font-weight: 600; color: #444; margin-bottom: 6px; }
.lx-label.required::after { content: " *"; color: #e74c3c; }

/* Inputs */
.lx-input {
    width: 100%; padding: 10px 14px; border: 1px solid #d9d9d9; border-radius: 6px;
    font-size: 14px; font-family: 'Roboto', sans-serif; color: #333;
    background: #fff; transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.lx-input:focus { border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.1); outline: none; }
.lx-input::placeholder { color: #aaa; }

/* File Input */
.lx-file-input {
    width: 100%; padding: 10px 14px; border: 2px dashed #d9d9d9; border-radius: 8px;
    font-size: 14px; background: #fafbfc; cursor: pointer; transition: border-color 0.2s ease;
}
.lx-file-input:hover { border-color: #c0392b; }
.lx-file-help { margin-top: 8px; }
.lx-download-link {
    display: inline-flex; align-items: center; gap: 6px;
    color: #c0392b; font-size: 13px; font-weight: 600; text-decoration: none;
}
.lx-download-link:hover { text-decoration: underline; }

/* Info Box */
.lx-info-box {
    display: flex; gap: 12px; padding: 14px 18px; background: #f0f7ff;
    border: 1px solid #d0e3f7; border-radius: 8px; font-size: 13px; color: #2c3e50;
}
.lx-info-box i { color: #3498db; font-size: 18px; flex-shrink: 0; margin-top: 2px; }
.lx-info-box strong { display: block; margin-bottom: 4px; font-weight: 600; }
.lx-info-box p { margin: 0; line-height: 1.5; }

/* Alerts */
.lx-alert {
    display: flex; align-items: center; gap: 10px; padding: 14px 20px;
    border-radius: 10px; font-size: 14px; font-weight: 500; margin-bottom: 16px;
}
.lx-alert i { font-size: 18px; flex-shrink: 0; }
.lx-alert-success { background: #eafaf1; border: 1px solid #a3d9b1; color: #1e7e34; }
.lx-alert-danger { background: #fef5f5; border: 1px solid #f5c6cb; color: #c0392b; }
.lx-alert-warning { background: #fff8e1; border: 1px solid #ffe082; color: #e65100; }
.lx-alert-info { background: #e8f4fd; border: 1px solid #b3d7f2; color: #1565c0; }

/* Tables */
.lx-table {
    width: 100%; border-collapse: collapse; font-size: 13px;
}
.lx-table thead th {
    padding: 12px 16px; text-align: left; font-weight: 600; color: #555;
    background: #fafbfc; border-bottom: 2px solid #eee; font-size: 12px;
    text-transform: uppercase; letter-spacing: 0.5px;
}
.lx-table tbody td {
    padding: 12px 16px; border-bottom: 1px solid #f0f0f0; color: #333;
}
.lx-table tbody tr:hover { background: #fafbfc; }
.lx-text-danger { color: #c0392b; font-weight: 500; }

/* Select2 Overrides for LX */
.lx-page-wrap .select2-container { width: 100% !important; }
.lx-page-wrap .select2-container .select2-selection--single {
    height: auto; min-height: 42px; border: 1px solid #d9d9d9; border-radius: 6px; padding: 5px 10px;
}
.lx-page-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px; padding-left: 0; color: #333;
}
.lx-page-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; right: 10px; }
.lx-page-wrap .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #aaa; }
.lx-page-wrap .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.1);
}

/* LX Responsive */
@media (max-width: 768px) {
    .lx-form-grid { grid-template-columns: 1fr; }
    .lx-header-card { flex-direction: column; align-items: flex-start; gap: 14px; }
    .lx-header-card .header-right { width: 100%; justify-content: flex-end; }
}


/* ===================================================================
   LEADS FINANCIAL RECORD (FR) SECTION
   =================================================================== */

/* Header Card */
.fr-page-wrap { font-family: 'Roboto', sans-serif; }
.fr-header-card {
    display: flex; align-items: center; justify-content: space-between;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 12px; padding: 20px 28px; margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(192,57,43,0.3);
}
.fr-header-card .header-left { display: flex; align-items: center; gap: 16px; }
.fr-header-card .header-icon {
    width: 50px; height: 50px; background: rgba(255,255,255,0.2);
    border-radius: 12px; display: flex; align-items: center; justify-content: center;
}
.fr-header-card .header-icon i { color: #fff; font-size: 22px; }
.fr-header-card h1 {
    color: #fff; font-size: 22px; font-weight: 700; margin: 0; line-height: 1.3;
}
.fr-header-card h1 small {
    display: block; font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.85); margin-top: 2px;
}

/* Table Card */
.fr-table-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee;
    overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* FR Responsive */
@media (max-width: 768px) {
    .fr-header-card { flex-direction: column; align-items: flex-start; }
}


/* ===================================================================
   LEADS VIEW / DETAIL (LV) SECTION
   =================================================================== */

/* ── Pipeline Card Wrapper ── */
.lv-pipeline-card {
    background: #fff; border-radius: 10px;
    border: 1px solid #eaecf0;
    box-shadow: 0 1px 5px rgba(0,0,0,0.06);
    margin-bottom: 16px; overflow: hidden;
    padding: 16px 16px 12px;
}
.lv-pipeline-card .pipeline-stage-controls-wrapper { margin-bottom: 0; }

/* ── Pipeline stage colors override (scoped to lv-pipeline-card) ── */
/* Inactive stages */
.lv-pipeline-card .pipeline-stages .stage {
    background: #e8ecf1 !important;
    color: #6b7280 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.3px;
}
.lv-pipeline-card .pipeline-stages .stage:not(:last-child):before {
    background: #e8ecf1 !important;
}
/* Active stages */
.lv-pipeline-card .pipeline-stages .stage.active {
    background: linear-gradient(90deg, #1d4ed8 0%, #3b82f6 100%) !important;
    color: #fff !important;
}
.lv-pipeline-card .pipeline-stages .stage.active:before {
    background: #3b82f6 !important;
}
/* Won stages */
.lv-pipeline-card .pipeline-stages.won .stage {
    background: linear-gradient(90deg, #15803d 0%, #22c55e 100%) !important;
    color: #fff !important;
}
.lv-pipeline-card .pipeline-stages.won .stage:before {
    background: #22c55e !important;
}
/* Lost stages */
.lv-pipeline-card .pipeline-stages.lost .stage {
    background: linear-gradient(90deg, #b91c1c 0%, #ef4444 100%) !important;
    color: #fff !important;
}
.lv-pipeline-card .pipeline-stages.lost .stage:before {
    background: #ef4444 !important;
}
/* Date panel text */
.lv-pipeline-card .date-panel {
    font-size: 12.5px !important;
    color: #64748b;
    margin-top: 10px !important;
    font-family: 'Poppins', sans-serif;
}
.lv-pipeline-card .date-panel label {
    font-weight: 600;
    color: #374151;
}
/* Nav arrow buttons */
.lv-pipeline-card .pipeline-stage-controls .btn {
    border-color: #3b82f6 !important;
    color: #3b82f6 !important;
}
.lv-pipeline-card .pipeline-stage-controls .btn:hover {
    background: #3b82f6 !important;
    color: #fff !important;
}

/* ── Booking tab: Success Card ── */
.lv-booking-success {
    display: flex; align-items: center; gap: 14px;
    padding: 16px 18px; border-radius: 10px;
    background: #e6f9f0; border: 1.5px solid #a3e6c8;
}
.lv-booking-success-icon { font-size: 30px; color: #1a8a4a; flex-shrink: 0; }
.lv-booking-success-info { flex: 1; }
.lv-booking-success-title { font-size: 14px; font-weight: 600; color: #1a8a4a; font-family: 'Poppins', sans-serif; }
.lv-booking-success-id { font-size: 12px; color: #555; margin-top: 3px; font-family: 'Poppins', sans-serif; }
.lv-booking-view-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 9px 18px; background: #D35400; color: #fff !important;
    border-radius: 8px; font-size: 13px; font-weight: 600;
    font-family: 'Poppins', sans-serif; text-decoration: none !important;
    flex-shrink: 0; border: none; cursor: pointer;
    transition: background 0.2s;
}
.lv-booking-view-btn:hover { background: #b34600; color: #fff !important; }

/* ── Booking tab: Not Created Card ── */
.lv-booking-not-created {
    display: flex; align-items: center; gap: 12px;
    padding: 14px 18px; border-radius: 10px;
    background: #fff7e6; border: 1.5px solid #fcd9a0;
    color: #92400e; font-size: 13px; font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

/* Header Card */
.lv-page-wrap { font-family: 'Roboto', sans-serif; }
.lv-header-card {
    display: flex; align-items: center; justify-content: space-between;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 12px; padding: 20px 28px; margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(192,57,43,0.3);
}
.lv-header-card .header-left { display: flex; align-items: center; gap: 16px; }
.lv-header-card .header-icon {
    width: 50px; height: 50px; background: rgba(255,255,255,0.2);
    border-radius: 12px; display: flex; align-items: center; justify-content: center;
}
.lv-header-card .header-icon i { color: #fff; font-size: 22px; }
.lv-header-card h1 {
    color: #fff; font-size: 22px; font-weight: 700; margin: 0; line-height: 1.3;
}
.lv-header-card h1 small {
    display: block; font-size: 28px; font-weight: 700; color: #fff; margin-top: 4px;
}
.lv-header-card .header-right { display: flex; gap: 10px; align-items: center; }

/* Detail Cards */
.lv-detail-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee;
    margin-bottom: 20px; overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.lv-card-header {
    padding: 16px 24px; font-size: 15px; font-weight: 600; color: #fff;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%); border-bottom: none;
    display: flex; align-items: center; justify-content: space-between;
}
.lv-card-header i { color: #fff; margin-right: 8px; }
.lv-card-body { padding: 24px; }

/* Rotten Badge */
.lv-rotten-badge {
    display: inline-flex; align-items: center; gap: 6px;
    background: #fff3cd; color: #856404; padding: 4px 12px;
    border-radius: 20px; font-size: 12px; font-weight: 500;
    border: 1px solid #ffc107;
}
.lv-rotten-badge i { font-size: 12px; }

/* Detail Grid */
.lv-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.lv-detail-row {
    display: flex; flex-direction: column; padding: 14px 18px;
    border-bottom: 1px solid #f5f5f5;
}
.lv-detail-row:hover { background: #fafbfc; }
.lv-detail-row.lv-full-width { grid-column: 1 / -1; }
.lv-detail-label {
    font-size: 11px; font-weight: 600; color: #999;
    text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px;
}
.lv-detail-value { font-size: 14px; color: #333; font-weight: 500; }

/* Badge ID */
.lv-badge-id {
    display: inline-block; background: #f0f0f0; color: #c0392b;
    padding: 2px 10px; border-radius: 4px; font-size: 13px;
    font-weight: 600; font-family: monospace;
}

/* Visit Badge */
.lv-visit-badge {
    display: inline-flex; align-items: center; gap: 6px;
    background: #eaf5ff; color: #2980b9; padding: 4px 12px;
    border-radius: 6px; font-size: 13px; font-weight: 500;
}
.lv-visit-badge i { font-size: 12px; }

/* Icon Muted */
.lv-icon-muted { color: #bbb; margin-right: 6px; font-size: 13px; }

/* Products List */
.lv-products-list { display: flex; flex-direction: column; gap: 12px; }
.lv-product-item {
    padding: 16px; background: #fafbfc; border: 1px solid #eee;
    border-radius: 10px; transition: border-color 0.2s ease;
}
.lv-product-item:hover { border-color: #ddd; }
.lv-product-name {
    display: flex; align-items: center; gap: 8px;
    font-size: 15px; color: #333; margin-bottom: 12px;
}
.lv-product-meta {
    display: flex; gap: 24px; flex-wrap: wrap;
}
.lv-product-field { display: flex; flex-direction: column; min-width: 100px; }
.lv-field-label {
    font-size: 11px; font-weight: 600; color: #999;
    text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px;
}
.lv-field-value { font-size: 14px; color: #333; font-weight: 500; }
.lv-amount { color: #27ae60; font-weight: 700; }

/* Empty State */
.lv-empty-state {
    display: flex; flex-direction: column; align-items: center;
    justify-content: center; padding: 40px 20px; color: #999;
}
.lv-empty-state img { width: 80px; opacity: 0.5; margin-bottom: 12px; }
.lv-empty-state span { font-size: 14px; }

/* ── Lead View Activity Track Tables (lv-track-*) ── */
.lv-track-section { margin-bottom: 28px; }
.lv-track-title {
    display: flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 700; color: #2c3e50;
    padding: 10px 0 8px 0;
    border-bottom: 2px solid #f0f2f5;
    margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px;
}
.lv-track-title i { color: #c0392b; font-size: 13px; }
.lv-track-table { width: 100%; border-collapse: collapse; font-size: 12.5px; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.06); }
.lv-track-table thead tr { background: #f8f9fc; }
.lv-track-table th { padding: 9px 14px; text-align: left; font-weight: 600; color: #6b7280; font-size: 11.5px; border-bottom: 1.5px solid #eaecf0; white-space: nowrap; }
.lv-track-table td { padding: 9px 14px; color: #374151; border-bottom: 1px solid #f3f4f6; vertical-align: middle; }
.lv-track-table tbody tr:hover { background: #fafbfd; }
.lv-track-table tbody tr:last-child td { border-bottom: none; }
.lv-track-empty { padding: 18px; text-align: center; color: #aaa; font-size: 13px; font-style: italic; }

/* Status badges */
.lv-sbadge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; white-space: nowrap; }
.lv-sbadge-new       { background: #e0f2fe; color: #0369a1; }
.lv-sbadge-booked    { background: #e6f9f0; color: #1a8a4a; }
.lv-sbadge-confirmed { background: #f0e6ff; color: #7c3aed; }
.lv-sbadge-pending   { background: #fef3c7; color: #92400e; }
.lv-sbadge-qc        { background: #fff0f0; color: #c0392b; }
.lv-sbadge-hold      { background: #fff7e6; color: #d97706; }
.lv-sbadge-published { background: #e6f9f0; color: #1a8a4a; }
.lv-sbadge-cancelled { background: #fdeaea; color: #c0392b; }
.lv-sbadge-home      { background: #e0f2fe; color: #0369a1; }
.lv-sbadge-center    { background: #f3e8ff; color: #7c3aed; }
.lv-sbadge-both      { background: #fef3c7; color: #92400e; }
.lv-sbadge-default   { background: #f3f4f6; color: #555; }

/* LV Responsive */
@media (max-width: 768px) {
    .lv-header-card { flex-direction: column; align-items: flex-start; gap: 14px; }
    .lv-header-card .header-right { width: 100%; justify-content: flex-end; }
    .lv-detail-grid { grid-template-columns: 1fr; }
    .lv-product-meta { flex-direction: column; gap: 8px; }
}


/* ===================================================================
   ACTIVITIES (AC) SECTION — matches Leads (ld-*) pattern
   =================================================================== */

/* Page Wrap */
.ac-page-wrap { padding: 20px 24px; background: #f4f5f7; min-height: 100vh; font-family: 'Roboto', sans-serif; }
.ac-page-wrap .mass-actions { display: none !important; }

/* Header Card */
.ac-header-card {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 14px; padding: 18px 28px; margin-bottom: 20px;
    box-shadow: 0 4px 18px rgba(192,57,43,0.15);
}
.ac-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.ac-header-card .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.18); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.ac-header-card h1 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; }
.ac-header-card h1 small { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); margin-top: 2px; }
.ac-header-card .header-right { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ac-header-card .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.18); color: #fff; border: 1px solid rgba(255,255,255,0.25);
    padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s ease;
    cursor: pointer;
}
.ac-header-card .hdr-btn:hover { background: rgba(255,255,255,0.3); }
.ac-header-card .hdr-btn-save {
    background: rgba(255,255,255,0.95); color: #c0392b; border: 1px solid rgba(255,255,255,0.25); font-weight: 600;
}
.ac-header-card .hdr-btn-save:hover { background: #fff; }

/* View Toggle */
.ac-view-toggle { display: flex; gap: 4px; }
.ac-toggle-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; border-radius: 8px; cursor: pointer;
    text-decoration: none; border: 1px solid rgba(255,255,255,0.25);
    color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.18); transition: all 0.2s ease;
    font-size: 15px;
}
.ac-toggle-btn:hover { background: rgba(255,255,255,0.3); color: #fff; }
.ac-toggle-active {
    background: rgba(255,255,255,0.95); color: #c0392b; border-color: rgba(255,255,255,0.25);
}
.ac-toggle-active:hover { background: #fff; color: #c0392b; }

/* Summary Stats */
.ac-summary-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 18px; }
.ac-stat-card {
    display: flex; align-items: center; gap: 14px;
    background: #fff; border-radius: 12px; padding: 16px 18px; border: 1px solid #eee; transition: box-shadow 0.2s ease;
}
.ac-stat-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.06); }
.ac-stat-card .stat-icon {
    width: 42px; height: 42px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0;
}
.ac-stat-card .stat-icon.ic-total     { background: #fdeaea; color: #c0392b; }
.ac-stat-card .stat-icon.ic-callback  { background: #e8f4fd; color: #3498db; }
.ac-stat-card .stat-icon.ic-notresp   { background: #fff7e6; color: #f39c12; }
.ac-stat-card .stat-icon.ic-switchoff { background: #f0e6ff; color: #8e44ad; }
.ac-stat-card .stat-icon.ic-notreach  { background: #fff0e6; color: #e67e22; }
.ac-stat-card .stat-icon.ic-notavail  { background: #eef0ff; color: #5B5EA6; }
.ac-stat-card .stat-icon.ic-notint    { background: #fce4ec; color: #c62828; }
.ac-stat-card .stat-icon.ic-done      { background: #e6ffe6; color: #27ae60; }
.ac-stat-card .stat-count { font-size: 24px; font-weight: 700; color: #2c3e50; line-height: 1; }
.ac-stat-card .stat-label { font-size: 12px; color: #888; margin-top: 3px; }

@media (max-width: 1200px) { .ac-summary-row { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 992px) { .ac-summary-row { grid-template-columns: 1fr 1fr; } }
@media (max-width: 576px) { .ac-summary-row { grid-template-columns: 1fr; } }

/* Tab pills — same as leads */
.ac-page-wrap .tabs-container {
    display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 14px 20px;
    border-bottom: 1px solid #eee; background: #fff; border-radius: 12px 12px 0 0;
}
.ac-page-wrap .tabs-container .pill {
    height: auto; display: inline-flex; align-items: center; flex-wrap: wrap;
}
.ac-page-wrap .tabs-container .pill .tabs ul {
    display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; align-items: center;
}
.ac-page-wrap .tabs-container .pill .tabs ul li { display: inline-flex; margin: 0; }
.ac-page-wrap .tabs-container .pill .tabs ul li a {
    padding: 5px 14px; font-size: 12px; font-weight: 500; border-radius: 20px;
    white-space: nowrap; color: #666; background: #f0f1f3; text-decoration: none; transition: all 0.2s ease;
}
.ac-page-wrap .tabs-container .pill .tabs ul li a:hover { background: #e8e9eb; color: #333; }
.ac-page-wrap .tabs-container .pill .tabs ul li.active a {
    background: #c0392b; color: #fff; font-weight: 600;
}
.ac-page-wrap .tabs-container .tabs-right-container { margin-left: auto; }
.ac-page-wrap .tabs-container .tabs-left-container { flex: 1; min-width: 0; }

/* Table Card — same as leads */
.ac-table-card { background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden; }
.ac-table-card .table { overflow-x: auto; }
.ac-table-card .table table { font-size: 14px; font-family: 'Roboto', sans-serif; border-collapse: collapse; }
.ac-table-card .table table thead th {
    background: #f7f8fb; color: #555; font-weight: 600; font-size: 12px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 10px;
    border-bottom: 2px solid #eee; white-space: nowrap; position: sticky; top: 0; z-index: 1;
}
.ac-table-card .table table tbody td { padding: 11px 10px; vertical-align: middle; border-bottom: 1px solid #f2f2f2; color: #333; font-size: 14px; }
.ac-table-card .table table tbody tr:hover { background: #f8f9ff; }
.ac-table-card .table table tbody tr.active { background: #eef0ff; }
.ac-table-card .table table td { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ac-table-card .table table tbody tr.no-records td { text-align: center; padding: 40px 20px; color: #999; font-size: 14px; }
.ac-table-card .pagination { padding: 12px 20px; border-top: 1px solid #f0f0f0; }

/* Calendar Card */
.ac-calendar-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee;
    overflow: hidden; padding: 20px;
}
.ac-calendar-filters { margin-bottom: 10px; }

/* Form Cards */
.ac-form-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee;
    margin-bottom: 20px; overflow: hidden;
}
.ac-card-header {
    padding: 16px 24px; font-size: 15px; font-weight: 600; color: #333;
    background: #fafbfc; border-bottom: 1px solid #eee;
}
.ac-card-header i { color: #c0392b; margin-right: 8px; }
.ac-card-body { padding: 24px; }

/* Form Grid */
.ac-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ac-form-group { display: flex; flex-direction: column; }
.ac-form-group.ac-full-width { grid-column: 1 / -1; }

/* Labels */
.ac-label { font-size: 13px; font-weight: 600; color: #444; margin-bottom: 6px; }
.ac-label.required::after { content: " *"; color: #e74c3c; }

/* Inputs */
.ac-input {
    width: 100%; padding: 10px 14px; border: 1px solid #d9d9d9; border-radius: 6px;
    font-size: 14px; font-family: 'Roboto', sans-serif; color: #333;
    background: #fff; transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.ac-input:focus { border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.1); outline: none; }
.ac-input::placeholder { color: #aaa; }
.ac-textarea { resize: vertical; min-height: 90px; }

/* AC Responsive */
@media (max-width: 768px) {
    .ac-form-grid { grid-template-columns: 1fr; }
    .ac-header-card { flex-direction: column; align-items: flex-start; }
    .ac-header-card .header-right { width: 100%; justify-content: flex-end; }
}


/* ===================================================================
   CUSTOMER SUPERVISOR (CS) SECTION — matches Leads (ld-*) pattern
   =================================================================== */

/* Page Wrap */
.cs-page-wrap { padding: 20px 24px; background: #f4f5f7; min-height: 100vh; font-family: 'Roboto', sans-serif; }

/* Header Card */
.cs-header-card {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 14px; padding: 18px 28px; margin-bottom: 20px;
    box-shadow: 0 4px 18px rgba(192,57,43,0.15);
}
.cs-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.cs-header-card .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.18); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.cs-header-card h1 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; }
.cs-header-card h1 small { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); margin-top: 2px; }
.cs-header-card .header-right { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cs-header-card .hdr-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.18); color: #fff; border: 1px solid rgba(255,255,255,0.25);
    padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none;
    cursor: pointer; transition: all 0.2s ease;
}
.cs-header-card .hdr-btn:hover { background: rgba(255,255,255,0.3); }
.cs-header-card .hdr-btn-add {
    background: rgba(255,255,255,0.95); color: #c0392b; border: 1px solid rgba(255,255,255,0.25); font-weight: 600;
}
.cs-header-card .hdr-btn-add:hover { background: #fff; }

/* Summary Stats */
.cs-summary-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 18px; }
.cs-stat-card {
    display: flex; align-items: center; gap: 14px;
    background: #fff; border-radius: 12px; padding: 16px 18px; border: 1px solid #eee; transition: box-shadow 0.2s ease;
}
.cs-stat-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.06); }
.cs-stat-card .stat-icon {
    width: 42px; height: 42px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0;
}
.cs-stat-card .stat-icon.ic-total    { background: #fdeaea; color: #c0392b; }
.cs-stat-card .stat-icon.ic-active   { background: #e6ffe6; color: #27ae60; }
.cs-stat-card .stat-icon.ic-inactive { background: #fff7e6; color: #f39c12; }
.cs-stat-card .stat-icon.ic-today    { background: #e8f4fd; color: #3498db; }
.cs-stat-card .stat-count { font-size: 24px; font-weight: 700; color: #2c3e50; line-height: 1; }
.cs-stat-card .stat-label { font-size: 12px; color: #888; margin-top: 3px; }

@media (max-width: 992px) { .cs-summary-row { grid-template-columns: 1fr 1fr; } }
@media (max-width: 576px) { .cs-summary-row { grid-template-columns: 1fr; } }

/* Alerts */
.cs-alert {
    display: flex; align-items: flex-start; gap: 10px; padding: 14px 20px;
    border-radius: 10px; font-size: 13px; margin-bottom: 16px; line-height: 1.5;
}
.cs-alert i { font-size: 16px; flex-shrink: 0; margin-top: 2px; }
.cs-alert ul { margin: 0; padding-left: 18px; }
.cs-alert-danger { background: #fff5f5; border: 1px solid #feb2b2; color: #c53030; }
.cs-alert-danger i { color: #e53e3e; }

/* Tab pills — same as leads */
.cs-page-wrap .tabs-container {
    display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 14px 20px;
    border-bottom: 1px solid #eee; background: #fff; border-radius: 12px 12px 0 0;
}
.cs-page-wrap .tabs-container .pill {
    height: auto; display: inline-flex; align-items: center; flex-wrap: wrap;
}
.cs-page-wrap .tabs-container .pill .tabs ul {
    display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; align-items: center;
}
.cs-page-wrap .tabs-container .pill .tabs ul li { display: inline-flex; margin: 0; }
.cs-page-wrap .tabs-container .pill .tabs ul li a {
    padding: 5px 14px; font-size: 12px; font-weight: 500; border-radius: 20px;
    white-space: nowrap; color: #666; background: #f0f1f3; text-decoration: none; transition: all 0.2s ease;
}
.cs-page-wrap .tabs-container .pill .tabs ul li a:hover { background: #e8e9eb; color: #333; }
.cs-page-wrap .tabs-container .pill .tabs ul li.active a {
    background: #c0392b; color: #fff; font-weight: 600;
}
.cs-page-wrap .tabs-container .tabs-right-container { margin-left: auto; }
.cs-page-wrap .tabs-container .tabs-left-container { flex: 1; min-width: 0; }

/* Table Card — same as leads */
.cs-table-card { background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden; }
.cs-table-card .table { overflow-x: auto; width: 100% !important; }
.cs-table-card .table table { font-size: 14px; font-family: 'Roboto', sans-serif; border-collapse: collapse; width: 100% !important; min-width: 100% !important; table-layout: fixed; }
.cs-table-card .table table thead th {
    background: #f7f8fb; color: #555; font-weight: 600; font-size: 12px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 10px;
    border-bottom: 2px solid #eee; white-space: nowrap; position: sticky; top: 0; z-index: 1;
}
.cs-table-card .table table tbody td { padding: 11px 10px; vertical-align: middle; border-bottom: 1px solid #f2f2f2; color: #333; font-size: 14px; }
.cs-table-card .table table tbody tr:hover { background: #f8f9ff; }
.cs-table-card .table table tbody tr.active { background: #eef0ff; }
.cs-table-card .table table td { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cs-table-card .table table tbody tr.no-records td { text-align: center; padding: 40px 20px; color: #999; font-size: 14px; }
.cs-table-card .pagination { padding: 12px 20px; border-top: 1px solid #f0f0f0; }

/* Form Cards */
.cs-form-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee;
    margin-bottom: 20px; overflow: hidden;
}
.cs-card-header {
    padding: 16px 24px; font-size: 15px; font-weight: 600; color: #333;
    background: #fafbfc; border-bottom: 1px solid #eee;
}
.cs-card-header i { color: #c0392b; margin-right: 8px; }
.cs-card-body { padding: 24px; }

/* Form Grid */
.cs-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.cs-form-group { display: flex; flex-direction: column; }
.cs-form-group.cs-full-width { grid-column: 1 / -1; }

/* Labels */
.cs-label { font-size: 13px; font-weight: 600; color: #444; margin-bottom: 6px; }
.cs-label.required::after { content: " *"; color: #e74c3c; }

/* Inputs */
.cs-input {
    width: 100%; padding: 10px 14px; border: 1px solid #d9d9d9; border-radius: 6px;
    font-size: 14px; font-family: 'Roboto', sans-serif; color: #333;
    background: #fff; transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.cs-input:focus { border-color: #c0392b; box-shadow: 0 0 0 3px rgba(192,57,43,0.1); outline: none; }
.cs-input::placeholder { color: #aaa; }

/* CS Responsive */
@media (max-width: 768px) {
    .cs-form-grid { grid-template-columns: 1fr; }
    .cs-header-card { flex-direction: column; align-items: flex-start; }
    .cs-header-card .header-right { width: 100%; justify-content: flex-end; }
}

/* ===================================================================
   LABS (LB) SECTION — Diagnostic Centers Management
   =================================================================== */

/* Page Wrap */
.lb-page-wrap { padding: 20px 24px; background: #f4f5f7; min-height: 100vh; }

/* Header Card */
.lb-header-card {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 14px; padding: 18px 28px; margin-bottom: 20px;
    box-shadow: 0 4px 18px rgba(192,57,43,0.15);
}
.lb-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.lb-header-card .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.18); border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 20px; color: #fff;
}
.lb-header-card h1 { margin: 0; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.3; }
.lb-header-card h1 small { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.7); margin-top: 2px; }
.lb-header-card .header-right { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* Action Buttons */
.lb-action-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.18); color: #fff; border: 1px solid rgba(255,255,255,0.25);
    padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: all 0.2s ease;
    cursor: pointer;
}
.lb-action-btn:hover { background: rgba(255,255,255,0.3); color: #fff; text-decoration: none; }
.lb-btn-create {
    background: rgba(255,255,255,0.95); color: #c0392b; border: 1px solid rgba(255,255,255,0.25); font-weight: 600;
}
.lb-btn-create:hover { background: #fff; color: #c0392b; text-decoration: none; }

/* Summary Stats */
.lb-summary-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 18px; }
.lb-stat-card {
    display: flex; align-items: center; gap: 14px;
    background: #fff; border-radius: 12px; padding: 16px 18px; border: 1px solid #eee; transition: box-shadow 0.2s ease;
}
.lb-stat-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.06); }
.lb-stat-card .stat-icon {
    width: 42px; height: 42px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0;
}
.lb-stat-card .stat-icon.ic-total     { background: #eef0ff; color: #5B5EA6; }
.lb-stat-card .stat-icon.ic-active    { background: #e6f9f0; color: #27ae60; }
.lb-stat-card .stat-icon.ic-inactive  { background: #fdeaea; color: #e74c3c; }
.lb-stat-card .stat-icon.ic-pending   { background: #fff7e6; color: #f39c12; }
.lb-stat-card .stat-icon.ic-accepted  { background: #e6f9f0; color: #27ae60; }
.lb-stat-card .stat-icon.ic-rejected  { background: #fdeaea; color: #e74c3c; }
.lb-stat-card .stat-icon.ic-negotiate { background: #fff7e6; color: #f39c12; }
.lb-stat-card .stat-count { font-size: 24px; font-weight: 700; color: #2c3e50; line-height: 1; }
.lb-stat-card .stat-label { font-size: 12px; color: #888; margin-top: 3px; }

/* Status Bar */
.lb-status-bar {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    background: #fff; border-radius: 10px; padding: 12px 18px; margin-bottom: 18px; border: 1px solid #eee;
}
.lb-status-bar label { font-size: 13px; font-weight: 600; color: #444; margin: 0; }
.lb-status-bar .control { min-width: 180px; }

/* Table Card */
.lb-table-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden;
}
.lb-table-card .table { overflow-x: auto; }
.lb-table-card .table table { font-size: 13px; border-collapse: collapse; width: 100%; }
.lb-table-card .table table thead th {
    background: #f7f8fb; color: #555; font-weight: 600; font-size: 11.5px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 10px;
    border-bottom: 2px solid #eee; white-space: nowrap; position: sticky; top: 0; z-index: 1;
}
.lb-table-card .table table tbody td {
    padding: 10px; vertical-align: middle; border-bottom: 1px solid #f2f2f2; color: #444;
}
.lb-table-card .table table tbody tr:hover { background: #f8f9ff; }

/* Form Card */
.lb-form-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee;
    margin-bottom: 20px; overflow: hidden;
}
.lb-card-header {
    padding: 14px 24px; font-size: 15px; font-weight: 600; color: #333;
    font-family: 'Poppins', sans-serif;
    background: #fafbfc; border-bottom: 1px solid #eee; border-left: 4px solid #c0392b;
}
.lb-card-header i { color: #c0392b; margin-right: 8px; }
.lb-card-body { padding: 24px; }
.lb-card-body label, .lb-page-wrap .form-group label {
    font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 13px; color: #374151;
    margin-bottom: 6px; display: block; letter-spacing: 0.2px;
}
.lb-card-body label.required::after, .lb-page-wrap .form-group label.required::after {
    content: ' *'; color: #e74c3c; font-weight: 600;
}

/* Form Grid */
.lb-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; margin-bottom: 16px; }
.lb-form-grid.lb-grid-3 { grid-template-columns: 1fr 1fr 1fr; }
.lb-form-grid .form-group { margin-bottom: 0; }

/* Form Actions */
.lb-form-actions {
    padding: 16px 24px; background: #fafbfc; border-top: 1px solid #eee;
    display: flex; align-items: center; gap: 12px; justify-content: flex-end;
}
.lb-form-actions .lb-btn-create {
    display: inline-flex; align-items: center; gap: 6px;
    background: linear-gradient(135deg, #c0392b, #e74c3c); color: #fff;
    border: none; padding: 10px 24px; border-radius: 8px; font-size: 14px; font-weight: 600;
    cursor: pointer; transition: all 0.2s ease; text-decoration: none;
}
.lb-form-actions .lb-btn-create:hover { opacity: 0.9; box-shadow: 0 4px 12px rgba(192,57,43,0.3); }

/* Alert Messages */
.lb-alert {
    padding: 12px 16px; border-radius: 8px; margin-bottom: 16px; font-size: 13px;
}
.lb-alert-success { background: #e6f9f0; border: 1px solid #b7ebd0; color: #1a8a4a; }
.lb-alert-danger { background: #fdeaea; border: 1px solid #f5c6cb; color: #c0392b; }
.lb-alert-info { background: #e8f4fd; border: 1px solid #bee5f7; color: #0c5460; }
.lb-alert p { margin: 4px 0 8px 0; font-size: 13px; }
.lb-alert ul { margin: 6px 0 0 0; padding-left: 18px; }
.lb-alert ul li { margin-bottom: 2px; }
.lb-alert code { background: rgba(0,0,0,0.06); padding: 2px 6px; border-radius: 4px; font-size: 12px; }

/* Info Box */
.lb-info-box {
    background: #f0f4ff; border: 1px solid #d4dff7; border-radius: 8px;
    padding: 14px 18px; margin-bottom: 18px; font-size: 13px; color: #333;
}
.lb-info-box strong { color: #c0392b; display: block; margin-bottom: 5px; font-size: 14px; }
.lb-info-box ul { margin: 8px 0 0 0; padding-left: 20px; }
.lb-info-box ul li { margin-bottom: 4px; }

/* Sample Download Link */
.lb-sample-download { margin: 12px 0 18px 0; }
.lb-sample-download a {
    color: #c0392b; text-decoration: none; font-weight: 600; font-size: 14px;
    display: inline-flex; align-items: center; gap: 6px; transition: color 0.2s ease;
}
.lb-sample-download a:hover { color: #e74c3c; text-decoration: underline; }

/* Error Text */
.lb-error-text { color: #e74c3c; font-size: 12px; margin-top: 4px; }

/* Add Button (for dynamic branch/drop) */
.lb-add-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: linear-gradient(135deg, #c0392b, #e74c3c); color: #fff;
    border: none; padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500;
    cursor: pointer; transition: all 0.2s ease; margin-bottom: 20px;
}
.lb-add-btn:hover { opacity: 0.9; }

/* Multi City Entry (Branch/Drop cards) */
.lb-page-wrap .multi-city-entry {
    border: 1px solid #eee; padding: 18px; margin-bottom: 14px; border-radius: 10px;
    background: #fafbfc; position: relative;
}
.lb-page-wrap .multi-city-entry .remove-city-btn {
    position: absolute; top: 10px; right: 10px;
    background: #e74c3c; color: #fff; border: none;
    padding: 4px 12px; cursor: pointer; border-radius: 6px;
    font-size: 13px; font-weight: 600; line-height: 1.4;
    z-index: 10; transition: background 0.2s ease;
}
.lb-page-wrap .multi-city-entry .remove-city-btn:hover { background: #c0392b; }

/* Same as Branch wrapper */
.lb-page-wrap .same-as-above-wrapper {
    display: flex; align-items: center; margin: 0 0 14px 0; gap: 8px;
}
.lb-page-wrap .same-as-above-wrapper input[type="checkbox"] { width: 16px; height: 16px; cursor: pointer; accent-color: #c0392b; }
.lb-page-wrap .same-as-above-wrapper label { margin: 0; cursor: pointer; font-size: 13px; color: #555; }

/* Location Table (branch-drop-list, upload-pincode) */
.lb-location-table {
    width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 16px;
}
.lb-location-table th,
.lb-location-table td {
    border: 1px solid #eee; padding: 10px 12px; text-align: left;
}
.lb-location-table th {
    background: #f7f8fb; font-weight: 600; color: #555; font-size: 12px; text-transform: uppercase;
}
.lb-location-table tr:nth-child(even) { background: #fafafa; }
.lb-location-table tr:hover { background: #f0f4ff; }

/* Count Badge */
.lb-count-badge {
    background: #c0392b; color: #fff; padding: 2px 10px; border-radius: 12px;
    font-size: 12px; font-weight: 600; margin-left: 8px;
}

/* View Page - Document Link */
.lb-doc-link { color: #c0392b; font-size: 13px; font-weight: 500; text-decoration: none; }
.lb-doc-link:hover { text-decoration: underline; }

/* View Page - Image Gallery */
.lb-image-gallery { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.lb-image-gallery img {
    width: 80px; height: 80px; object-fit: cover; border: 1px solid #eee; border-radius: 6px;
}

/* Select2 Overrides for Lab Forms */
.lb-page-wrap .select2-container { width: 100% !important; margin-top: 0 !important; }
.lb-page-wrap .form-group.select .select2-container { display: block; }
.lb-page-wrap .select2-container--default .select2-selection--single {
    background-color: #fff !important; border: 1px solid #d3d3d3 !important; border-radius: 6px !important;
    height: 40px !important; padding: 5px 10px !important; font-size: 14px !important; line-height: 1.5 !important;
    transition: border-color 0.2s ease !important;
}
.lb-page-wrap .select2-container--default .select2-selection--single:hover { border-color: #c0392b !important; }
.lb-page-wrap .select2-container--default.select2-container--focus .select2-selection--single { border-color: #c0392b !important; outline: none !important; }
.lb-page-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #263238 !important; line-height: 28px !important; padding-left: 0 !important;
}
.lb-page-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px !important; right: 5px !important; }

/* No Data Message */
.lb-no-data { text-align: center; padding: 20px; color: #999; font-style: italic; font-size: 13px; }

/* View Page - Entry Card (Branch/Drop in view mode) */
.lb-entry-card {
    border: 1px solid #eee; padding: 18px; margin-bottom: 14px; border-radius: 10px;
    background: #fafbfc; position: relative;
}
.lb-entry-header {
    font-size: 14px; font-weight: 600; color: #c0392b; margin-bottom: 14px;
    padding-bottom: 8px; border-bottom: 1px solid #eee;
}
.lb-entry-header i { margin-right: 6px; }

/* View Page - File Link */
.lb-file-link { margin-top: 6px; }
.lb-file-link a {
    color: #c0392b; font-size: 13px; font-weight: 500; text-decoration: none;
    display: inline-flex; align-items: center; gap: 6px;
}
.lb-file-link a:hover { text-decoration: underline; }

/* 3-column Form Grid */
.lb-form-grid.lb-form-grid-3 { grid-template-columns: 1fr 1fr 1fr; }

/* LB Responsive */
@media (max-width: 992px) {
    .lb-summary-row { grid-template-columns: 1fr 1fr; }
    .lb-form-grid.lb-grid-3 { grid-template-columns: 1fr 1fr; }
    .lb-form-grid.lb-form-grid-3 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .lb-summary-row { grid-template-columns: 1fr; }
    .lb-form-grid { grid-template-columns: 1fr; }
    .lb-form-grid.lb-grid-3 { grid-template-columns: 1fr; }
    .lb-form-grid.lb-form-grid-3 { grid-template-columns: 1fr; }
    .lb-header-card { flex-direction: column; align-items: flex-start; gap: 12px; }
    .lb-header-card .header-right { width: 100%; justify-content: flex-start; }
}

/* ===================================================================
   PHLEBOTOMIST COMPANY (PC) SECTION — Phlebotomist Company Management
   =================================================================== */

/* Page Wrap */
.pc-page-wrap { padding: 20px 24px; background: #f4f5f7; min-height: 100vh; }

/* Header Card */
.pc-header-card {
    display: flex; align-items: center; justify-content: space-between;
    background: linear-gradient(135deg, #c0392b, #e74c3c); color: #fff;
    border-radius: 12px; padding: 18px 24px; margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(192,57,43,0.2);
}
.pc-header-card .header-left { display: flex; align-items: center; gap: 14px; }
.pc-header-card .header-left .header-icon {
    width: 44px; height: 44px; background: rgba(255,255,255,0.2);
    border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px;
}
.pc-header-card .header-left h1 { margin: 0; font-size: 20px; font-weight: 700; color: #fff; font-family: 'Poppins', sans-serif; }
.pc-header-card .header-left h1 small { display: block; font-size: 12px; font-weight: 400; opacity: 0.85; margin-top: 2px; }
.pc-header-card .header-right { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pc-action-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(255,255,255,0.15); color: #fff; border: 1px solid rgba(255,255,255,0.3);
    padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 500;
    text-decoration: none; transition: all 0.2s ease; cursor: pointer;
}
.pc-action-btn:hover { background: rgba(255,255,255,0.25); color: #fff; }
.pc-btn-create { background: #fff !important; color: #c0392b !important; border-color: #fff !important; font-weight: 600; }
.pc-btn-create:hover { background: #f8f8f8 !important; color: #a93226 !important; }

/* Summary Row */
.pc-summary-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 20px; }
.pc-stat-card {
    background: #fff; border-radius: 12px; padding: 18px 20px;
    display: flex; align-items: center; gap: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04); border: 1px solid #eee; transition: all 0.2s ease;
}
.pc-stat-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.08); }
.pc-stat-card .stat-icon {
    width: 44px; height: 44px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 18px;
}
.pc-stat-card .stat-icon.ic-total { background: #eaf0fb; color: #2c5cc5; }
.pc-stat-card .stat-icon.ic-active { background: #e6f9f0; color: #1a8a4a; }
.pc-stat-card .stat-icon.ic-inactive { background: #fdeaea; color: #c0392b; }
.pc-stat-card .stat-count { font-size: 22px; font-weight: 700; color: #222; line-height: 1; }
.pc-stat-card .stat-label { font-size: 12px; color: #888; margin-top: 3px; }

/* Table Card */
.pc-table-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee;
    overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.pc-table-card .table-component-container { margin: 0; }
.pc-table-card .table { overflow-x: auto; }
.pc-table-card .table table { width: 100%; table-layout: fixed; }
.pc-table-card .table table th { padding: 12px 8px !important; font-size: 12px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pc-table-card .table table td { padding: 10px 8px !important; font-size: 12px !important; overflow: hidden; text-overflow: ellipsis; }
/* Phlebotomist DataGrid column widths */
.pc-table-card .table table th.master-checkbox,
.pc-table-card .table table td:first-child { width: 40px; }
.pc-table-card .table table th.phlebo_company_id { width: 90px; }
.pc-table-card .table table th.phlebo_comp_name { width: 150px; }
.pc-table-card .table table th.spoc_name { width: 110px; }
.pc-table-card .table table th.spoc_mobile { width: 110px; }
.pc-table-card .table table th.email { width: 160px; }
.pc-table-card .table table th.city { width: 90px; }
.pc-table-card .table table th.state { width: 90px; }
.pc-table-card .table table th.serviceable_areas { width: 150px; }
.pc-table-card .table table th.Status { width: 80px; }
.pc-table-card .table table th.Created_At { width: 100px; }
.pc-table-card .table table th.actions,
.pc-table-card .table table td.action { width: 130px; white-space: nowrap; }
/* IMS Users DataGrid column widths */
.pc-table-card .table table th.id { width: 70px; }
.pc-table-card .table table th.role_name { width: 140px; }
.pc-table-card .table table th.phlebo_comp_name { width: 150px; }
.pc-table-card .table table th.name { width: 130px; }
.pc-table-card .table table th.email { width: 170px; }
.pc-table-card .table table th.mobile { width: 110px; }
.pc-table-card .table table th.status { width: 80px; }
.pc-table-card .table table th.created_at { width: 110px; }
.pc-table-card .table table th.updated_at { width: 110px; }

/* Form Card */
.pc-form-card {
    background: #fff; border-radius: 12px; border: 1px solid #eee;
    margin-bottom: 20px; overflow: hidden;
}
.pc-card-header {
    padding: 14px 24px; font-size: 15px; font-weight: 600; color: #333;
    font-family: 'Poppins', sans-serif;
    background: #fafbfc; border-bottom: 1px solid #eee; border-left: 4px solid #c0392b;
}
.pc-card-header i { color: #c0392b; margin-right: 8px; }
.pc-card-body { padding: 24px; }
.pc-page-wrap .control, .pc-page-wrap .form-group .control, .pc-page-wrap input.control, .pc-page-wrap select.control {
    font-family: 'Poppins', sans-serif !important; font-size: 14px !important; color: #1f2937 !important; letter-spacing: 0.2px;
    height: 40px !important; padding: 5px 10px !important; border: 1px solid #d3d3d3 !important; border-radius: 6px !important;
    box-sizing: border-box !important; margin-top: 0 !important; margin-bottom: 0 !important;
}
.pc-page-wrap .control[readonly], .pc-page-wrap input[readonly] {
    background: #f9fafb; color: #374151; font-weight: 500;
}
.pc-card-body label, .pc-page-wrap .form-group label {
    font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 13px; color: #374151;
    margin-bottom: 6px; display: block; letter-spacing: 0.2px;
}
.pc-card-body label.required::after, .pc-page-wrap .form-group label.required::after {
    content: ' *'; color: #e74c3c; font-weight: 600;
}
.pc-card-body label small, .pc-page-wrap .form-group label small {
    font-weight: 400; color: #888; font-size: 11px;
}

/* Pricing Hint */
.pc-pricing-hint { font-size: 12px; color: #888; margin-bottom: 14px; }

/* Form Grid */
.pc-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; margin-bottom: 16px; }
.pc-form-grid.pc-grid-3 { grid-template-columns: 1fr 1fr 1fr; }
.pc-form-grid .form-group { margin-bottom: 0; }

/* Form Actions */
.pc-form-actions {
    padding: 16px 24px; background: #fff; border: 1px solid #eee; border-radius: 12px;
    display: flex; align-items: center; gap: 12px; justify-content: flex-end; margin-bottom: 20px;
}
.pc-form-actions .pc-btn-create {
    display: inline-flex; align-items: center; gap: 6px;
    background: linear-gradient(135deg, #c0392b, #e74c3c); color: #fff;
    border: none; padding: 10px 24px; border-radius: 8px; font-size: 14px; font-weight: 600;
    cursor: pointer; transition: all 0.2s ease; text-decoration: none;
}
.pc-form-actions .pc-btn-create:hover { opacity: 0.9; box-shadow: 0 4px 12px rgba(192,57,43,0.3); }

/* Form Actions Bar (red gradient bottom bar) */
.pc-form-actions-bar, .lb-form-actions-bar {
    display: flex; align-items: center; justify-content: flex-end; gap: 10px;
    padding: 16px 28px; margin-top: 20px; margin-bottom: 20px;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 12px; box-shadow: 0 4px 15px rgba(192,57,43,0.3);
}
.pc-bar-btn, .lb-bar-btn {
    display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px;
    border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer;
    text-decoration: none; border: 2px solid rgba(255,255,255,0.4);
    color: #fff; background: transparent; transition: all 0.2s ease;
}
.pc-bar-btn:hover, .lb-bar-btn:hover { background: rgba(255,255,255,0.15); border-color: #fff; color: #fff; text-decoration: none; }
.pc-bar-btn-save, .lb-bar-btn-save { background: #fff; color: #c0392b; border-color: #fff; }
.pc-bar-btn-save:hover, .lb-bar-btn-save:hover { background: #f8f8f8; color: #c0392b; text-decoration: none; }

/* Error Text */
.pc-error-text { color: #e74c3c; font-size: 12px; margin-top: 4px; display: block; }

/* Add Button (for pricing rows) */
.pc-add-btn {
    display: inline-flex; align-items: center; gap: 6px;
    background: linear-gradient(135deg, #c0392b, #e74c3c); color: #fff;
    border: none; padding: 8px 18px; border-radius: 8px; font-size: 13px; font-weight: 500;
    cursor: pointer; transition: all 0.2s ease; margin-bottom: 16px;
}
.pc-add-btn:hover { opacity: 0.9; box-shadow: 0 4px 12px rgba(192,57,43,0.3); }

/* File Link */
.pc-file-link {
    display: inline-flex; align-items: center; gap: 6px;
    color: #c0392b; text-decoration: none; font-size: 13px; font-weight: 500;
    padding: 6px 12px; background: #fef2f2; border-radius: 6px; border: 1px solid #fecaca;
    transition: all 0.2s ease; margin-top: 6px;
}
.pc-file-link:hover { background: #fde8e8; color: #a93226; text-decoration: none; }
.pc-file-link i { font-size: 14px; }

/* Booking Page Utilities */
.pc-form-full { grid-column: 1 / -1; }
.pc-badge { display: inline-block; padding: 4px 14px; border-radius: 20px; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; }
.pc-badge-blue { background: #e0f2fe; color: #0369a1; }
.pc-badge-green { background: #e6f9f0; color: #1a8a4a; }
.pc-badge-red { background: #fdeaea; color: #c0392b; }
.pc-badge-yellow { background: #fef3c7; color: #92400e; }
.pc-badge-purple { background: #f3e8ff; color: #7c3aed; }
.pc-form-actions-split {
    padding: 16px 24px; background: #fff; border: 1px solid #eee; border-radius: 12px;
    display: flex; align-items: center; gap: 12px; justify-content: space-between; margin-bottom: 20px;
}
.pc-btn-back {
    display: inline-flex; align-items: center; gap: 6px;
    background: #f9fafb; color: #374151; border: 1px solid #d1d5db;
    padding: 10px 20px; border-radius: 8px; font-size: 13px; font-weight: 500;
    text-decoration: none; transition: all 0.2s ease; cursor: pointer;
}
.pc-btn-back:hover { background: #f3f4f6; border-color: #9ca3af; text-decoration: none; color: #111827; }
.pc-btn-submit {
    display: inline-flex; align-items: center; gap: 6px;
    background: linear-gradient(135deg, #c0392b, #e74c3c); color: #fff;
    padding: 10px 28px; border-radius: 8px; font-size: 13px; font-weight: 600;
    border: none; cursor: pointer; transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(192,57,43,0.3);
}
.pc-btn-submit:hover { opacity: 0.92; box-shadow: 0 4px 8px rgba(192,57,43,0.35); color: #fff; }
.pc-btn-accept {
    display: inline-flex; align-items: center; gap: 6px;
    background: linear-gradient(135deg, #16a34a, #15803d); color: #fff;
    padding: 10px 22px; border-radius: 8px; font-size: 13px; font-weight: 600;
    border: none; cursor: pointer; transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(22,163,74,0.3);
}
.pc-btn-accept:hover { opacity: 0.92; color: #fff; }
.pc-btn-reject {
    display: inline-flex; align-items: center; gap: 6px;
    background: linear-gradient(135deg, #dc2626, #b91c1c); color: #fff;
    padding: 10px 22px; border-radius: 8px; font-size: 13px; font-weight: 600;
    border: none; cursor: pointer; transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(220,38,38,0.3);
}
.pc-btn-reject:hover { opacity: 0.92; color: #fff; }
.pc-upload-area {
    width: 100%; padding: 10px 12px;
    border: 2px dashed #d1d5db; border-radius: 8px;
    font-size: 13px; background: #fafbfc; cursor: pointer;
    transition: border-color 0.2s;
}
.pc-upload-area:hover { border-color: #c0392b; }
.pc-field-hint { font-size: 11px; color: #9ca3af; margin-top: 4px; }
.pc-field-error { font-size: 11px; color: #e74c3c; margin-top: 4px; display: none; }
.pc-check-row {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 12px; background: #fafbfc; border-radius: 8px; margin-bottom: 5px; border: 1px solid #eee;
}
.pc-check-row label { margin: 0; cursor: pointer; font-size: 13px; }

/* Location/Pricing Table */
.pc-location-table {
    width: 100%; border-collapse: collapse; margin: 10px 0;
}
.pc-location-table thead { background: #f8f9fa; }
.pc-location-table th {
    padding: 10px 14px; font-size: 12px; font-weight: 600; color: #555;
    text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 2px solid #eee; text-align: left;
}
.pc-location-table td {
    padding: 10px 14px; font-size: 13px; color: #333; border-bottom: 1px solid #f0f0f0;
}
.pc-location-table tbody tr:hover { background: #fafbfc; }

/* Alert Messages */
.pc-alert {
    padding: 12px 16px; border-radius: 8px; margin-bottom: 16px; font-size: 13px;
}
.pc-alert-success { background: #e6f9f0; border: 1px solid #b7ebd0; color: #1a8a4a; }
.pc-alert-danger { background: #fdeaea; border: 1px solid #f5c6cb; color: #c0392b; }

/* Info Box */
.pc-info-box {
    background: #f0f7ff; border: 1px solid #cce0ff; border-radius: 8px;
    padding: 14px 18px; margin-bottom: 18px; font-size: 13px; color: #1a4a7a; line-height: 1.6;
}

/* Pricing Row Styling */
.pc-page-wrap .pricing-row {
    border: 1px solid #e5e7eb !important; padding: 16px !important;
    margin-bottom: 12px !important; border-radius: 8px !important; background: #fafbfc !important;
}
.pc-page-wrap .pricing-row:hover { border-color: #d1d5db !important; }

/* Select2 Overrides */
.pc-page-wrap .select2-container { width: 100% !important; }
.pc-page-wrap .select2-container--default .select2-selection--single {
    background-color: #fff !important; border: 1px solid #d3d3d3 !important;
    border-radius: 6px !important; height: 40px !important; padding: 5px 10px !important; font-size: 14px !important;
}
.pc-page-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important; padding-left: 0 !important; font-size: 14px !important; font-family: inherit !important; color: #333 !important;
}
.pc-page-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}
.pc-page-wrap .select2-container--default .select2-selection--single:hover { border-color: #c0392b !important; }
.pc-page-wrap .select2-container--default.select2-container--focus .select2-selection--single { border-color: #c0392b !important; outline: none !important; }
.pc-page-wrap .select2-container--default .select2-selection--multiple {
    background-color: #fff !important; border: 1px solid #d3d3d3 !important; border-radius: 6px !important;
    min-height: 40px !important; padding: 5px 10px !important;
    transition: border-color 0.2s ease !important;
}
.pc-page-wrap .select2-container--default .select2-selection--multiple:hover { border-color: #c0392b !important; }
.pc-page-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #5e5e5e !important; border: none !important; color: #fff !important; padding: 3px 8px !important;
}
.pc-page-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important; margin-right: 5px !important;
}

/* No Data */
.pc-no-data {
    text-align: center; padding: 30px; color: #999; font-size: 14px;
}

/* Responsive */
@media (max-width: 768px) {
    .pc-header-card { flex-direction: column; gap: 12px; text-align: center; }
    .pc-header-card .header-right { justify-content: center; }
    .pc-summary-row { grid-template-columns: 1fr; }
    .pc-form-grid { grid-template-columns: 1fr; }
    .pc-form-grid.pc-grid-3 { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════
   Dashboard Stats (ds-) — IMS Dashboard Page
   ═══════════════════════════════════════════════ */
.content-container .content.full-page.ds-page-wrap { padding: 20px; padding-bottom: 80px; background: #f7f8fc; min-height: 100vh; height: auto; }

.ds-header-card {
    display: flex; align-items: center; justify-content: space-between;
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    color: #fff; border-radius: 14px; padding: 18px 28px; margin-bottom: 24px;
    box-shadow: 0 4px 16px rgba(192,57,43,0.15);
}
.ds-header-card .header-left { display: flex; align-items: center; gap: 16px; }
.ds-header-card .header-icon {
    width: 48px; height: 48px; border-radius: 12px; background: rgba(255,255,255,0.2);
    display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.ds-header-card h1 { font-size: 22px; font-weight: 700; margin: 0; color: #fff; }
.ds-header-card h1 small { display: block; font-size: 13px; font-weight: 400; opacity: 0.85; margin-top: 2px; }

.ds-section-title {
    font-size: 16px; font-weight: 600; color: #2c3e50; margin: 20px 0 10px 0;
    display: flex; align-items: center; gap: 8px;
}
.ds-section-title i { color: #c0392b; font-size: 14px; }

.ds-summary-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 18px; }
.ds-stat-card {
    background: #fff; border-radius: 10px; padding: 16px 18px; border: 1px solid #eee;
    display: flex; align-items: center; gap: 14px; transition: box-shadow 0.2s ease;
}
.ds-stat-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.06); }
.ds-stat-card .stat-icon {
    width: 44px; height: 44px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0;
}
.ds-stat-card .stat-icon.ic-total       { background: #eef0ff; color: #5B5EA6; }
.ds-stat-card .stat-icon.ic-new         { background: #e8f4fd; color: #3498db; }
.ds-stat-card .stat-icon.ic-confirmed   { background: #e6ffe6; color: #27ae60; }
.ds-stat-card .stat-icon.ic-booked      { background: #f0e6ff; color: #8e44ad; }
.ds-stat-card .stat-icon.ic-pending     { background: #fff7e6; color: #f39c12; }
.ds-stat-card .stat-icon.ic-qc          { background: #e6f7ff; color: #0984e3; }
.ds-stat-card .stat-icon.ic-published   { background: #e6ffe6; color: #2ecc71; }
.ds-stat-card .stat-icon.ic-hold        { background: #fdeaea; color: #e74c3c; }
.ds-stat-card .stat-icon.ic-phlebo      { background: #f0e6ff; color: #8e44ad; }
.ds-stat-card .stat-icon.ic-sample      { background: #e6fff0; color: #27ae60; }
.ds-stat-card .stat-icon.ic-processing  { background: #fff7e6; color: #f39c12; }
.ds-stat-card .stat-icon.ic-uploaded    { background: #e6f7ff; color: #0984e3; }
.ds-stat-card .stat-icon.ic-cancelled   { background: #fdeaea; color: #e74c3c; }
.ds-stat-card .stat-icon.ic-rejected    { background: #fdeaea; color: #e74c3c; }
.ds-stat-card .stat-icon.ic-package     { background: #f0e6ff; color: #8e44ad; }
.ds-stat-card .stat-icon.ic-client      { background: #e8f5e9; color: #2e7d32; }
.ds-stat-card .stat-count { font-size: 24px; font-weight: 700; color: #2c3e50; line-height: 1; }
.ds-stat-card .stat-label { font-size: 12px; color: #888; margin-top: 3px; }

/* ── Dashboard Section Backgrounds ── */
.ds-leads-section    { background: linear-gradient(135deg, #fef3f2 0%, #fde8e8 100%); border-radius: 12px; padding: 16px; border: 1px solid #fecaca; }
.ds-bookings-section { background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border-radius: 12px; padding: 16px; border: 1px solid #bfdbfe; }
.ds-packages-section { background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%); border-radius: 12px; padding: 16px; border: 1px solid #e9d5ff; }
.ds-clients-section  { background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); border-radius: 12px; padding: 16px; border: 1px solid #bbf7d0; }
.ds-labs-section     { background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); border-radius: 12px; padding: 16px; border: 1px solid #fde68a; }

.ds-leads-section .ds-stat-card,
.ds-bookings-section .ds-stat-card,
.ds-packages-section .ds-stat-card,
.ds-clients-section .ds-stat-card,
.ds-labs-section .ds-stat-card { background: #fff; }

@media (max-width: 992px) { .ds-summary-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 576px) {
    .ds-summary-row { grid-template-columns: 1fr; }
    .ds-header-card { flex-direction: column; align-items: flex-start; }
}

/* ── Global List Page – Table Header & Filter Alignment ── */
.content.full-page .table .table-header {
    padding: 16px 20px 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
    background: #fafbfc;
}
.content.full-page .table .table-header h1 {
    font-size: 14px; font-weight: 600; color: #555; margin: 0;
}
.content.full-page .table .table-body .grid-container {
    padding: 12px 20px 0;
}
.content.full-page .table .table-body .grid-container .datagrid-filters {
    align-items: center;
}
.content.full-page .table .search-filter .control {
    border-radius: 8px; border: 1px solid #ddd; background: #fff; height: 38px; font-size: 13px;
}
.content.full-page .table .search-filter .control:focus {
    border-color: #c0392b; box-shadow: 0 0 0 2px rgba(192,57,43,0.1); outline: none;
}
.content.full-page .table .datagrid-filters .filter-right .filter-btn .grid-dropdown-header {
    border-radius: 8px; border: 1px solid #ddd; background: #fff; height: 38px; font-size: 13px;
}
.content.full-page .table .datagrid-filters .dropdown-filters.per-page .form-group .control {
    border-radius: 8px; border: 1px solid #ddd; background: #fff; height: 38px; font-size: 13px;
}
/* Pagination – all views */
.content.full-page .table .datagrid-filters .filter-right .pagination,
.content.full-page .table .datagrid-filters .filter-right .pagination.tab-view {
    display: inline-flex; align-items: center; height: 38px; margin: 0; vertical-align: middle;
    border: 1px solid #BAB4B4; border-radius: 6px; overflow: hidden; background: #fff;
}
.content.full-page .table .datagrid-filters .filter-right .pagination .page-item,
.content.full-page .table .datagrid-filters .filter-right .pagination.tab-view .previous,
.content.full-page .table .datagrid-filters .filter-right .pagination.tab-view .next {
    background: #fff !important; border: none !important; border-right: 1px solid #eee !important;
    padding: 0 6px; height: 38px; line-height: 38px; margin: 0; border-radius: 0 !important;
    cursor: pointer; float: none; display: inline-flex; align-items: center; justify-content: center;
    color: #555; font-size: 13px; font-weight: 500; transition: background 0.15s ease;
}
.content.full-page .table .datagrid-filters .filter-right .pagination .page-item:last-child,
.content.full-page .table .datagrid-filters .filter-right .pagination.tab-view .next {
    border-right: none !important;
}
.content.full-page .table .datagrid-filters .filter-right .pagination .page-item:hover:not(.disabled),
.content.full-page .table .datagrid-filters .filter-right .pagination.tab-view .previous:hover:not(.disabled),
.content.full-page .table .datagrid-filters .filter-right .pagination.tab-view .next:hover:not(.disabled) {
    background: #f5f5f5 !important;
}
.content.full-page .table .datagrid-filters .filter-right .pagination .page-item.active {
    background: #c0392b !important; color: #fff;
}
.content.full-page .table .datagrid-filters .filter-right .pagination .page-item .icon {
    top: 2px; position: relative;
}
.content.full-page .table .datagrid-filters .filter-right .pagination .page-item.disabled,
.content.full-page .table .datagrid-filters .filter-right .pagination.tab-view .disabled {
    opacity: 0.35; cursor: not-allowed;
}

.table table { width: 100%; }
.table table td, .table table th {
    font-size: 14px;
    text-align: center;
}

.table .table-body .empty-table {
    display: flex !important; align-items: center !important; justify-content: center !important;
    min-height: 350px; width: 100%; position: relative !important;
    background: #fff; border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    margin-top: 20px;
}
.table .table-body .empty-table div {
    position: static !important; text-align: center;
    left: auto !important; top: auto !important;
}
.table .table-body .empty-table div img { display: none !important; }
.table .table-body .empty-table div span {
    display: block !important; margin-top: 0 !important;
    font-size: 17px; color: #b0b0b0; font-weight: 500; letter-spacing: 0.3px;
}
.table .table-body .empty-table div::before {
    content: "\f187";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 48px;
    color: #dce1e8;
    display: block;
    margin-bottom: 16px;
}