.navbar,
body,
h1,
h2,
h3,
h5,
p {
    font-family: Poppins, sans-serif;
    font-style: normal
}

#dataTablee tr td:first-child,
.cta,
.cust-get-started,
.loader,
.receipt-gallery .zoom-container,
.top-container,
.url_text,
body {
    position: relative
}

.card-details-area .c-name,
.main-cont-area h1,
.navbar {
    text-transform: uppercase
}

.btn-file-green span,
.card-body th,
.navbar,
.url_text p {
    white-space: nowrap
}

.receipt-gallery .zoom-container .zoom .zoom-img-holder:hover,
.url_text {
    opacity: 0
}

.loader-common,
.modal-fullscreen .modal-content,
.scrolled {
    backdrop-filter: blur(15px) !important
}

a,
footer .address_cont a {
    text-decoration: none !important
}

body {
    background: url(../img/SilverPackage_bg2.png) center top no-repeat #f8f8f9;
    color: #697680;
    font-weight: 500;
    font-size: 15px;
    overflow-x: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

::-webkit-scrollbar-track {
    background: var(--lightestgrey)
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

.navbar-brand {
    margin-left: -18px
}

.table {
    --bs-table-color: #697680 !important
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #314a5e !important
}

.job-purpose {
    display: flex;
    margin-left: 5px !important
}

.job-purpose .purpose-heading:last-child {
    border-left: none
}

.job-purpose .purpose-heading:first-child {
    border-right: none
}

.job-purpose .purpose-heading {
    border: 2px solid transparent;
    padding: 10px 15px;
    border-bottom: none;
    cursor: pointer;
    border-radius: 8px 8px 0 0
}

.job-purpose .purpose-heading.active {
    background-color: #fff;
    border: 1px solid #c3c3c3;
    border-top: 3px solid #fd7058;
    border-left: 1px solid #c3c3c3;
    border-bottom: none;
    border-right: 1px solid #c3c3c3
}

.color-success {
    color: #66bc2f
}

.scrolled {
    animation: .35s ease-out slideDown;
    box-shadow: 0 6px 6px #00000012;
    background-color: rgb(255, 255, 255, .5)
}

@keyframes slideDown {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.scrolled .navbar-brand img {
    top: -20px
}

.scrolled .navbar {
    margin-top: -15px
}

.scrolled .top-container {
    top: 0
}

#editProfileImage,
.packageSelected,
.sticky-top {
    width: 100%
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1170px !important
}

.cust-get-started .form-control {
    border-radius: 30px;
    padding: 17px;
    width: 100%;
    margin: 0;
    background-color: #f8f8f9 !important
}

.address .fab,
.payment .fab,
.social .fab {
    margin: 6px;
    color: #8ba3b7
}

.cust-get-started .form-control:focus {
    box-shadow: none
}

.btn-cust-get-started {
    font-size: 18px;
    color: #fff;
    font-weight: 600 !important;
    background-color: #fd7058;
    border-radius: 30px;
    padding: 15px
}

.cust-get-started .btn-cust-get-started {
    position: absolute;
    right: 0;
    top: 0
}

.btn-cust-get-started:hover {
    color: #fff;
    background-color: #ce4a33
}

.btn-cust-blue,
a.btn-cust-blue {
    color: #fff !important;
    background-color: #729cd4 !important
}

.btn-cust-blue:active,
.btn-cust-blue:focus,
.btn-cust-blue:focus-visible,
.btn-cust-blue:focus-within,
.btn-cust-blue:hover,
.btn-cust-blue:visited {
    color: #fff !important;
    background-color: #4c78b1 !important
}

.disabled,
.disabled:active,
.disabled:focus,
.disabled:focus-visible,
.disabled:focus-within,
.disabled:hover,
.disabled:visited {
    color: #3b3b3b !important
}

.btn-cust-green {
    color: #fff;
    background-color: #5fb924
}

.db_box .table>:not(caption)>*>*,
.navbar,
h1,
h2,
h3,
h5,
p {
    color: #697680
}

.btn-cust-green:active,
.btn-cust-green:focus,
.btn-cust-green:focus-visible,
.btn-cust-green:focus-within,
.btn-cust-green:hover,
.btn-cust-green:visited {
    color: #fff !important;
    background-color: #4a9419 !important
}

#compList td:last-child .showDetails i,
.dataTablee .text-dark,
.packages .nav-tabs .nav-item .nav-link,
a,
table tr td {
    color: #697680 !important;
    vertical-align: baseline;
}

.phone-top {
    text-align: right;
    margin-left: 20px;
    margin-right: 13px
}

.about-bottom {
    padding: 70px 0;
    background-color: #fff
}

.top-container {
    top: 15px;
    padding-top: 9px
}

.nav-item a {
    padding: 3px 0 !important
}

.mt-70 {
    margin-top: 70px
}

.about-cont-area {
    padding-top: 80px;
    padding-bottom: 80px
}

.flag img,
.partner span:first-child img {
    width: auto !important
}

.partner span img {
    width: 114px;
    margin-right: 15px;
    margin-bottom: 15px
}

p {
    font-weight: 400 !important
}

h1 {
    font-weight: 800
}

.about-cont-area h2 {
    font-size: 32px;
    font-weight: 600
}

.about-cont-area img {
    margin: 15px 15px 0 0
}

.about-cont-area h3 {
    font-size: 21px;
    font-weight: 400
}

.left-gap {
    margin-right: 30px !important
}

.navbar {
    background-color: transparent !important;
    font-weight: 500;
    font-size: 15px
}

.gapping-left {
    justify-content: end
}

.nav-item {
    margin: 0 8px
}

.packages .col-md-12 h1 {
    font-size: 53px;
    margin-bottom: 24px
}

.diamond-packages,
.gold-packages,
.silver-packages {
    background-size: contain;
    -webkit-border-top-left-radius: 24px;
    -webkit-border-top-right-radius: 24px;
    -moz-border-radius-topleft: 24px;
    -moz-border-radius-topright: 24px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px
}

.diamond-packages h1,
.diamond-packages h2,
.diamond-packages h3,
.diamond-packages ul li,
.gold-packages h1,
.gold-packages h2,
.gold-packages h3,
.gold-packages ul li,
.silver-packages h1,
.silver-packages h2,
.silver-packages h3,
.silver-packages ul li {
    color: #443f3f !important
}

.silver-bottom-btn-area {
    text-align: center;
    padding: 13px 0 45px;
    -webkit-border-bottom-right-radius: 24px;
    -webkit-border-bottom-left-radius: 24px;
    -moz-border-radius-bottomright: 24px;
    -moz-border-radius-bottomleft: 24px;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px
}

.silver-bottom-btn-area h3 {
    font-weight: 600;
    font-size: 21px
}

.btn-gold,
.btn-silver {
    border-radius: 50px;
    font-weight: 600;
    background-color: #223e4d !important;
    color: #cacacb !important;
    font-size: 19px !important;
    padding: 9px 20px
}

.about-bottom ol {
    display: block;
    width: 100% !important
}

.address div,
.bannerArea {
    display: block !important
}

.about-bottom ol li {
    float: left;
    width: 270px
}

.diamond-packages .package-list-holder,
.gold-packages .package-list-holder,
.package-list-holder {
    padding: 10px 34px
}

.packages-cont h1,
.top-part-package h1 {
    font-size: 26px
}

.top-part-package {
    text-align: center;
    padding: 13px
}

.top-part-package h3 {
    font-size: 15px
}

.top-part-package h2 {
    font-size: 17px;
    font-weight: 600
}

.package-list-holder h3 {
    text-align: left;
    font-size: 15px;
    font-weight: 600
}

.package-list-holder ul {
    padding: 0 18px
}

.package-list-holder ul li {
    font-weight: 400;
    text-align: left;
    list-style-type: disc
}

.bannerArea {
    float: none !important
}

.button_box,
.mob-view,
.package-group-modal .diamond-packages .colaps,
.package-group-modal .gold-packages .colaps,
.package-group-modal .silver-packages .colaps,
.scroll-act {
    display: none
}

.bannerArea h1 {
    margin-top: 26px;
    text-align: left !important;
    font-weight: 800;
    font-size: 47px
}

.mid-bannerArea {
    margin-top: 80px;
    background: url(../img/bottom_banner.png) center top/cover no-repeat fixed #000;
    height: 300px
}

.main-cont-area p {
    font-size: 15px !important;
    color: #2e2e2e;
    font-weight: 400
}

.main-cont-area {
    margin-top: 12px
}

.rotate {
    font-weight: 400;
    transform: rotate(90deg);
    font-size: 27px;
    margin-top: 55px
}

.main-cont-area h1 {
    margin-top: 90px;
    font-size: 2.5rem;
    color: #292929
}

.light-bg {
    background-color: transparent
}

.partner {
    background: #f8f8f9;
    padding: 60px 0 0
}

.bi,
.bi-list,
.bi-x {
    background-repeat: no-repeat;
    background-size: 100%
}

.finance-chart-live {
    background-color: #fff;
    padding: 70px 0
}

.partner span {
    padding: 0 19px
}

.top-container p {
    font-size: 14px
}

.top-container img {
    width: 19px;
    height: auto;
    position: relative;
    top: -2px
}

.active,
.navbar-nav li.active a {
    color: #3a5265 !important;
    border-bottom: 3px solid #fd7058
}

.cta {
    color: #3a5265;
    font-size: 1.5rem !important;
    right: -12px
}

footer {
    /* background: url(../img/foter_world_map.png) center center no-repeat #314a5e; */
    background: url(../img/foter_world_map.png) center center no-repeat #0c1804;
    padding: 70px 0 10px
}

footer a:hover .fab {
    color: #a2c0d9 !important
}

.payment .fab {
    font-size: 42px
}

.social .fab {
    font-size: 25px
}

.address .fab {
    font-size: 18px
}

.address .fa-map-marker-alt,
.card-content i {
    font-size: 24px !important
}

.address div span {
    float: left
}

.address div span:nth-child(2) {
    display: block !important;
    width: 200px;
    float: left
}

footer .container h1,
footer .container h2,
footer .container p {
    color: #8ba3b7;
    font-weight: 500;
    font-size: 24px
}

footer .container h2 {
    font-weight: 500;
    font-size: 21px;
    padding-bottom: 12px
}

footer .container p {
    font-size: 14px;
    font-weight: 500;
    margin-top: 8px;
    line-height: 26px;
    margin-bottom: 8px
}

footer img {
    margin-bottom: 9px;
    border-radius: 6px
}

footer .fa {
    font-size: large
}

.white-btn {
    background-color: #fff;
    border-radius: 27px;
    padding: 14px 38px;
    font-size: 14px
}

.white-btn:hover {
    background-color: #b4b4b4
}

footer .container .hr,
footer .container hr {
    border-top: 2px solid #6e6e6e !important;
    background-color: #b4b4b4 !important
}

footer .container p a {
    color: #fff !important;
    margin: 0 20px 0 auto !important;
    text-decoration: none
}

footer .container ul {
    margin: 0 !important;
    padding: 0 !important
}

footer .container ul li {
    margin: 15px auto !important;
    padding-left: 20px !important;
    list-style-type: none;
    background: url(../img/ft_nav_bullet.png) center left no-repeat
}

footer .container ul li a {
    text-decoration: none;
    color: #8ba4b8 !important
}

.container ul li a:hover {
    color: #a1b9c9 !important
}

.Copyright {
    border-top: 4px solid #2f475a !important;
    padding: 10px 0 0;
    margin-top: 44px
}

.Copyright img {
    margin: 0 5px
}

.mt-80 {
    margin-top: 80px
}

.mid h2 {
    margin-top: 36px
}

.f-start-col p {
    margin-top: 26px !important;
    margin-bottom: 25px !important
}

.loader {
    width: 100%;
    height: 100vh;
    overflow-y: hidden !important
}

.loader-container {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgb(247, 247, 247, .9);
    z-index: 999999;
    overflow-y: hidden
}

.db_box,
.login-box {
    max-width: 100%;
    background-color: #fff
}

.loader-container .flex-box {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.loader-container .flex-box img {
    width: 300px;
    height: 109px
}

.db_box .pagination .page-item .page-link,
.navbar-toggler {
    border: transparent !important
}

.last-col-f h2:first-child {
    margin-top: 72px
}

.scroll-act {
    width: 46px;
    height: 46px;
    position: fixed;
    margin: 0 auto;
    bottom: 20px
}

.lang-dropdown ul,
.translator {
    margin: 0;
    padding: 0
}

.translator li {
    display: inline;
    list-style: none;
    margin-left: 5px
}

.navbar-toggler:focus {
    outline: 0 !important;
    box-shadow: none !important
}

.login-box {
    border-radius: 15px;
    margin: 27px 0 76px;
    padding: 40px;
    box-shadow: 0 0 42px #dddfe1;
    position: relative
}

.db_box {
    border-radius: 7px;
    box-shadow: 0 0 20px #dddfe1;
    margin: 0 15px 20px;
    padding: 2px 15px
}

.fancybox .w-25p,
.login-box .flag {
    position: absolute;
    right: 0
}

.login-box h3 {
    font-size: 20px;
    margin-top: 15px
}

.login-box p {
    margin-bottom: 0
}

.card-selection-area a.active,
.login-box .flag img {
    border: none !important
}

.edit-area {
    max-width: 202px;
    margin: 15px auto 0;
    height: 30px;
    background-color: #e7e7e7;
    border-radius: 20px;
    right: 8px;
    text-align: center;
    line-height: 29px;
    padding-left: 4px;
    padding-right: 9px;
    cursor: pointer
}

.ml-5 {
    margin: 7px 15px
}

.db_box .pagination .page-item .page-link:focus,
.db_box .pagination .page-item .page-link:hover {
    border: transparent !important;
    background: 0 0;
    box-shadow: none !important
}

.login-box .btn-cust-green {
    width: 100%;
    display: block
}

.inner_image_holder {
    float: right;
    width: 330px
}

.inner_content_area {
    padding: 0 0 50px;
    margin-top: 32px
}

.inner_content_area h5 span {
    color: #66bc2f;
    font-size: 40px
}

.card-selection-area {
    margin-bottom: 15px;
    border-radius: 6px
}

.card-selection-area a.active img {
    filter: none !important
}

.card-details-area {
    height: 222px;
    padding: 20px 0 0 20px;
    border-radius: 16px
}

.top-container .col-md-7 i {
    margin: 0
}

#galleryBtns i,
.card-content i,
.companyRefresh i,
.deleteSingleFile i,
.hides i,
.search_id i,
.status i,
.top-gap-2 i {
    margin: 5px
}

.card-details-area h5 {
    color: #e6e8e7;
    background-color: #565656;
    text-shadow: 2px 2px 3px #36380e63;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text
}

.card-details-area .bank-name {
    margin-top: 0;
    margin-left: 0
}

.card-details-area .card-no {
    font-size: 18px;
    height: 47px;
    margin-left: 57px;
    margin-top: 37px;
    display: flex;
    align-items: center;
    padding-left: 0
}

.card-details-area .exp-date {
    margin-top: 54px;
    margin-left: 0
}

.bottom_gap {
    margin-bottom: 106px
}

.address_cont {
    color: #8aa6bc;
    position: relative;
    text-align: left !important;
    padding: 0 150px 9px 36px
}

.card-body tr th,
.card-edit,
.deleteSingleFile,
.image_name,
.large-receipt,
.loader-common,
.photo_area label {
    text-align: center
}

.address_cont i {
    position: absolute;
    left: 0;
    top: 5px
}

.notfound-404 {
    max-width: 600px;
    margin: 0 auto;
    padding: 150px 0 40px
}

.notfound-404 img {
    max-width: 240px;
    padding-left: 60px;
    height: auto
}

.iti,
.select2 {
    width: 100% !important
}

.w-350 {
    width: 350px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 6px !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444 !important;
    line-height: 65px !important;
    padding-left: 11px !important
}

.select2-container .select2-selection--single {
    height: 58px !important
}

.select2-search__field:focus,
.select2-search__field:focus-visible {
    border: none !important
}

.cardErroMsg {
    position: absolute !important;
    right: 10px;
    bottom: 2px;
    font-size: small
}

#compList td:first-child,
#compList td:last-child,
.inner_content_area .job-purpose .purpose-heading,
.lang-switch-container,
.relative,
.selection .select2-selection {
    position: relative !important
}

#dataTable #recieptsList tr td {
    border-bottom: 1px solid #dfdfdf !important
}

/* #recieptsPaginationDiv .active,
#recieptsPaginationDiv .active>.page-link {
    color: #729cd4 !important;
    background-color: transparent !important;
    border-bottom: 0 solid transparent !important
}

#recieptsPaginationDiv .page-number {
    padding-top: 7px;
    padding-right: 15px
} */

.pagination{margin-top: 10px;}
.pagination .page-number{margin: auto;margin-left: 0;font-size: 14px;}
.pagination > li:nth-child(2) .page-link{border-radius: 6px 0 0 6px;}
.pagination .page-item .page-link{font-size: 14px;font-weight: 600;color: #380e79}
.pagination .page-item.active .page-link{color: #fff; background-color: #2b2d42;}

#our_packages {
    padding-top: 46px
}

.mb-70 {
    margin-bottom: 60px
}

.yearpicker-items.selected,
.yearpicker-items:hover {
    color: rgb(102 188 47) !important
}

.yearpicker-items:hover {
    border-radius: 4px !important
}

.add-user-modal .select2-container .select2-selection--single,
.login_forms .add-user-modal .select2-container .select2-selection--single,
.login_forms .select2-container .select2-selection--single {
    height: 40px !important
}

.add-user-modal .select2-container {
    height: 30px;
    display: block !important
}

.add-user-modal .select2-container--default .select2-selection--single .select2-selection__rendered,
.login_forms .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important
}

.login_forms .select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px !important
}

#compList .table-striped .thead-light {
    color: #fff !important;
    background-color: #4a9419 !important
}

.w-100p {
    width: 37px
}

.w-120p {
    width: 120px
}

.w-135p {
    width: 175px
}

#compList td:first-child {
    overflow: hidden
}

.subusers-section .btn-cust-blue {
    position: relative;
    top: 6px
}

.modal-header {
    background-color: #4a9419
}

.modal-header .close,
.modal-title {
    color: #fff
}

.modal-content {
    border: var(--bs-modal-border-width) solid rgb(255 255 255 / 18%) !important
}

.card-details-area {
    max-width: 400px;
    margin: 10px auto;
    position: relative
}

.card-edit {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    align-items: center;
    display: flex;
    justify-content: center
}

.photo_area,
.profileImag {
    width: 101px;
    height: 101px;
    position: relative
}

.card-edit i,
.photo_area label .fa-camera {
    color: #6c757d
}

.back-state,
.dropdown-menu a.dropdown-item:hover,
.lang-dropdown ul li a:hover {
    color: #fff !important
}

.photo_area {
    margin: auto
}

.profileImag {
    margin: 0 auto;
    border: 5px solid #ebebeb;
    border-radius: 100px;
    overflow: hidden
}

.profileImag #logoImage,
.profileImag #profileImage {
    object-fit: cover;
    width: 122%;
    height: inherit
}

.photo_area label {
    width: 22px;
    height: 22px;
    background-color: #e5e5e5;
    border-radius: 100px;
    color: #000;
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 3px;
    bottom: 7px;
    font-size: 14px;
    padding-left: 2px;
    cursor: pointer;
    z-index: 99
}

.photo_area input[type=file] {
    visibility: hidden
}

.packages .nav-tabs {
    position: relative;
    top: 1px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid transparent
}

.packages .nav-tabs .nav-item .nav-link.active,
.packages .nav-tabs .nav-item .nav-link:focus,
.packages .nav-tabs .nav-item .nav-link:hover,
.packages .nav-tabs .nav-item .nav-link:visited {
    background-color: #fff;
    border: 1px solid #c3c3c3;
    border-top: 3px solid #fd7058;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid transparent;
    border-right: 1px solid #c3c3c3
}

.packages .tab-pane.active {
    border: none !important
}

#addCompanyForm .packages .diamond-packages,
#addCompanyForm .packages .gold-packages,
#addCompanyForm .packages .silver-packages {
    min-height: auto !important;
    border-radius: 14px !important;
    background-image: none
}

.card-details-area input[type=radio],
.package-holder input[type=radio] {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px !important;
    font-family: system-ui, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1em auto;
    gap: .5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    transition: .2s linear
}

.card-details-area input[type=radio]:checked,
.package-holder input[type=radio]:checked {
    border: 6px solid #4a9419;
    background-color: #4a9419;
    outline: unset !important
}

.card-details-area input[type=radio]:checked::before,
.package-holder input[type=radio]:checked::before {
    color: #fff;
    font-family: "Font Awesome 5 Pro" !important;
    position: absolute;
    content: '\f00c';
    z-index: 6;
    font-size: 15px;
    top: -1px;
    left: -1px
}

.package-holder {
    position: relative;
    margin-bottom: 20px;
    border-radius: 18px
}

.card-header {
    position: relative;
    border-bottom: none;
    background-color: transparent
}

.card-header h6 {
    margin-top: 10px
}

.card-header .fa-sort-down {
    position: absolute;
    top: 11px;
    right: 9px
}

.card-selection-area img {
    cursor: pointer;
    filter: grayscale();
    margin: 0;
    width: 68px !important;
    height: auto
}

.info-colaps {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999
}

#addCompanyForm .package-holder .packages .colaps {
    display: none;
    transition: max-height .15s ease-out;
    max-height: 500px !important
}

.info-colaps:active,
.info-colaps:focus,
.info-colaps:not(.btn-check)+.btn:active,
.info-colaps:visited {
    border-color: transparent !important;
    box-shadow: transparent !important;
    background-color: transparent !important
}

.card-header .select2-container .select2-selection--single {
    height: 38px !important;
    margin-top: 8px !important
}

.card-header .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 0;
    right: 1px;
    width: 20px
}

.card-header .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
    padding-left: 11px !important
}

@-moz-document url-prefix() {
    #select2-selection__arrow {
        position: absolute;
        top: 23px;
        right: -260px;
        width: 20px;
        background-color: #34c600
    }
}

#cardDetails h3,
.yearDiv h3 {
    font-size: 21px
}

#companyDetails,
#packageDetails {
    color: #000 !important;
    background-color: #f7b64c;
    padding: 12px
}

#companyDetails {
    border-radius: 0 0 6px 6px;
    margin-bottom: 25px
}

#packageDetails {
    font-weight: 700;
    border-radius: 6px 6px 0 0
}

.back-state {
    position: absolute;
    top: -48px;
    left: 12px
}

.card-delete,
.card-edit {
    position: absolute !important
}

.back-state:active,
.back-state:focus,
.back-state:focus-visible,
.back-state:hover {
    background-color: transparent !important
}

.url_text p {
    width: 350px;
    margin: auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.card-delete {
    text-decoration: none;
    top: 15px;
    right: 15px
}

.card-delete i {
    color: #fa0000;
    font-size: 24px
}

.card-edit {
    text-decoration: none;
    bottom: 7px;
    right: 7px
}

.company_name,
.hides,
.status,
.url_text::before {
    position: absolute
}

.card-edit i {
    color: #fff;
    font-size: 24px
}

#operationModal .card-selection-area img {
    margin: 0 !important
}

#compList tr td:first-child .fancybox,
#subUserList tr td:first-child .fancybox {
    width: 100px;
    height: 100px;
    overflow: hidden
}

#compList tr td:first-child .fancyLoader img,
#subUserList tr td:first-child .fancyLoader img {
    width: 32px !important;
    height: auto !important
}

.url_text::before {
    width: 100%;
    height: 30px;
    background-color: #fff;
    content: "";
    z-index: 0
}

.approved {
    color: #5fb924
}

.super-approved {
    color: #0dcaf0
}

.pending {
    color: #f7b64c
}

.status {
    top: 0;
    right: 0;
    z-index: 4
}

.hides {
    bottom: 15px;
    top: auto;
    right: 2px;
    z-index: 4;
    font-size: 15px;
    cursor: pointer;
    color: #dc3545
}

.w-192p {
    width: 192px
}

.collpsebtn,
.lang-menu-mob {
    display: none !important
}

#subUserList tr td.user-box {
    position: relative;
    overflow: hidden
}

#dataTableSubUsers tr td:last-child {
    width: 100px
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #dee2e6 !important
}

.select2-container .select2-selection--multiple {
    min-height: 39px !important
}

#galleryBtns .round {
    margin-right: 10px;
    margin-top: 3px
}

.company_name {
    right: 28px;
    top: 0
}

.inner_content_area .card-body {
    min-height: 210px;
    padding-top: 0 !important;
    position: relative;
    top: -13px
}

.top-adjust {
    position: relative;
    top: -40px
}

#images {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between
}

.image_box {
    width: 45%
}

.image_name {
    display: block;
    font-size: 14px
}

#operationModal #images .image_box img {
    max-width: 100%;
    height: auto !important
}

.dynamic-path {
    border-top: 1px solid #efefef;
    padding: 14px 0
}

.dynamic-path p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.imageholder {
    width: 38px;
    height: 38px;
    overflow: hidden;
    margin-right: 15px
}

.modal-footer #receiptGalleryEditForm,
.topgap {
    margin-top: 5px
}

#resultDiv {
    position: relative;
    top: -17px !important
}

.card-header #gallery_approved_company_fancybox,
.card-header #gallery_pending_company_fancybox,
.card-header #gallery_rejected_company_fancybox,
.card-header #transaction_entries_p_company_fancybox,
.card-header #gallery_transaction_ledger_company_fancybox,
.card-header #gallery_bank_management_company_fancybox {
    width: 50px !important;
    height: 50px !important;
    overflow: hidden;
    top: 16px;
    border-radius: 4px
}

#approved_company_span_0,
#pending_company_span_0,
#rejected_company_span_0,
#transaction_entries_p_company_span_0,
#transaction_ledger_company_span_0,
#bank_management_company_span_0
 {
    width: 50px !important;
    height: 50px !important;
    position: absolute;
    overflow: hidden;
    border-radius: 4px
}

img#approved_company_image_0,
img#pending_company_image_0,
img#rejected_company_image_0,
img#transaction_entries_p_company_image_0,
img#transaction_ledger_company_image_0,
img#bank_management_company_image_0 {
    width: 50px !important;
    /* height: 50px !important; */
    height: auto !important;
    margin: 0 auto
}


.card-header #gallery_approved_company_fancybox .fancyLoader img,
.card-header #gallery_pending_company_fancybox .fancyLoader img,
.card-header #gallery_pending_company_fancybox .fancyLoader img,
.card-header #transaction_entries_p_company_fancybox .fancyLoader img,
.card-header #gallery_transaction_ledger_company_fancybox .fancyLoader img,
.card-header #gallery_bank_management_company_fancybox .fancyLoader img {
    width: 32px !important;
    height: 32px !important
}

.btn-file-green {
    width: 221px;
    overflow: hidden;
    background-color: #5fb924;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 5px;
    position: relative
}

.btn-file-green .form-control {
    opacity: 0;
    position: absolute
}

.btn-file-green span {
    color: #fff;
    border-radius: 12px
}

.receipt-gallery {
    overflow: hidden;
    position: relative
}

.deleteSingleFile {
    font-size: 20px;
    position: fixed;
    left: 17px;
    top: 17px;
    height: 29px;
    display: flex;
    align-items: center;
    z-index: 4;
    background-color: #fff;
    border-radius: 50px;
    padding: 5px 10px
}

.receipt-gallery .floating_arrow,
.receipt-gallery .floating_arrow .next,
.receipt-gallery .floating_arrow .previous {
    width: 98%;
    z-index: 99;
    font-size: 33px;
    top: 46%
}

.receipt-gallery .floating_arrow .previous {
    width: 50px !important;
    height: 50px !important;
    left: 0;
    position: absolute
}

.receipt-gallery .floating_arrow .next {
    width: 50px !important;
    height: 50px !important;
    position: absolute;
    right: 0
}

.receipt-gallery .fancyLoader {
    height: 100% !important
}

.inner_content_area .job-purpose .purpose-heading.active:before {
    content: "" !important;
    position: absolute !important;
    background-color: #fff !important;
    height: 5px !important;
    width: 100% !important;
    left: 0;
    bottom: -4px;
    z-index: 1
}

.absolute-title {
    background-color: rgb(255 255 255 / 86%);
    position: fixed;
    left: 16px;
    bottom: 112px;
    z-index: 4;
    padding: 10px;
    border-radius: 6px;
    width: 341px
}

.absolute-title h5 {
    text-align: left
}

.absolute-title h6 {
    margin: 0;
    padding: 0;
    text-align: left
}

.company-drop .select2-container .select2-search--inline .select2-search__field {
    margin-top: 8px !important;
    margin-left: 3px !important
}

.zoom-container .cancel {
    margin-top: 17px;
    margin-right: 17px;
    border-radius: 80px;
    height: 26px;
    line-height: 0;
    padding-bottom: 6px;
    font-weight: 600;
    padding-right: 8px
}

.receipt-gallery .zoom-container .zoom {
    border-radius: 4px;
    height: 600px;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: zoom-in;
    margin: auto;
    filter: none !important
}

.menu-profile .photo_area,
.menu-profile .photo_area .profileImag {
    width: 30px !important;
    height: 30px !important
}

.zoom-img-holder {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.receipt-gallery .zoom-container .zoom .zoom-img-holder {
    transition: opacity .5s;
    display: block;
    width: auto;
    margin: 0 auto
}

.large-receipt {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover
}

.packageSelected .amount {
    position: absolute;
    right: 15px
}

.left-title-gap {
    margin-left: 16px
}

.menu-profile .photo_area .profileImag {
    position: relative;
    margin: 0 auto;
    border: 2px solid #ebebeb;
    border-radius: 100px;
    overflow: hidden
}

.photo_area.dropdown-toggle::after {
    position: relative;
    left: 8px;
    top: -5px
}

.loader-common {
    width: 100%;
    height: 100vh;
    background-color: #ffffffe3;
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 9999;
    justify-content: center;
    top: 0
}

.loader-common img {
    width: 56px;
    height: 54px;
    background-color: #fff;
    border-radius: 100px;
    border: 1px solid #efefef
}

.menu-profile .dropdown-menu[data-bs-popper] {
    right: 0 !important
}

.menu-profile {
    position: relative;
    right: -10px
}

.dropdown-menu {
    padding: 0;
    border-radius: 0 !important;
    box-shadow: 0 8px 4px 0 rgba(0, 0, 0, .2)
}

.dropdown-menu a.dropdown-item {
    margin-bottom: 2px;
    background-color: #efefef;
    -webkit-transition: 1s;
    transition: 1s
}

.dropdown .dropdown-menu {
    width: auto;
    border-radius: 9px !important;
    right: 0 !important;
    -webkit-transition: .5s, background-color, 2s linear .5s;
    transition: .5s, background-color 2s linear .5s
}

.dropdown-menu a.dropdown-item:first-child {
    border-radius: 9px 9px 0 0
}

.dropdown-menu a.dropdown-item:last-child {
    margin-bottom: 0 !important;
    border-radius: 0 0 9px 9px
}

.package-display {
    border-radius: 11px;
    background-color: #de906f
}

.add-subscription {
    margin-top: 17px
}

.sild-ico {
    background-color: rgb(20 20 20 / 62%);
    color: #fff;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    border-radius: 11px 0 0 11px
}

.sild-ico span {
    font-size: 40px
}

.package-display .text-right {
    text-align: right !important
}

.package-display .pd-5 {
    padding: 15px 15px 0
}

.add-subscription h1 {
    font-size: 47px;
    color: #34c600
}

.add-subscription h1 span {
    color: #2f475a;
    font-weight: 400
}

.package-display .col-md-9 .pd-5 h5 {
    color: rgb(0 0 0 / 52%);
    font-size: 17px;
    font-weight: 700
}

.package-display .col-md-9 .pd-5 h2 {
    text-shadow: 0 1px 1px #00000065;
    color: #000;
    font-size: 17px
}

.package-display .col-md-9 .pd-5 h2 span {
    color: rgb(49 74 94 / 85%);
    font-size: 22px;
    font-weight: 700
}

.companyAdd {
    border: 2px solid #f0f0f0;
    background-color: #fff;
    border-radius: 11px;
    padding: 13px;
    margin-bottom: 26px
}

.mt-4 {
    margin-top: 2.1rem !important
}

.package-group-modal .diamond-packages,
.package-group-modal .gold-packages,
.package-group-modal .silver-packages {
    background-image: none !important;
    min-height: auto !important;
    border-radius: 13px !important
}

.add-subscription a.btn-cust-blue {
    color: #fff !important;
    background-color: #314a5e !important
}

.dropdown .dropdown-menu,
.navbar-expand-lg .navbar-nav .dropdown-menu {
    left: auto !important;
    top: 30px !important;
    -webkit-transform: none !important;
    transform: none !important
}

.table .table-responsive {
    min-height: 200px
}

.btn-icon-split {
    padding: 0 5px 0 0;
    overflow: hidden;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    cursor: pointer
}

.bi,
.bi-list,
.bi-x {
    display: inline-block
}

.btn-icon-split .icon {
    background: rgba(0, 0, 0, .15);
    display: inline-block;
    padding: 5px;
    margin-right: 5px
}

.btn-icon-split .text,
.btn-icon-split.btn-xs .icon {
    padding: 2px 5px;
    font-size: 12px;
    white-space: nowrap
}

.btn-icon-split .text {
    display: flex !important;
    align-items: center !important
}

.login_forms a span {
    color: #000 !important
}

.modal-fullscreen .modal-footer {
    background-color: #fff !important;
    border-top: transparent !important;
    text-align: left !important
}

.modal-footer {
    border-top: none !important
}

.card-header .mt-1 {
    padding-left: 14px
}

.modal-fullscreen .modal-footer .editBtns,
.modal-fullscreen .modal-footer .update_receipt {
    margin-top: -5px !important
}

.modal-footer #rejectForm .form-control {
    min-width: 330px;
    max-width: 100%;
    height: 63px
}

.form-check-input {
    border: var(--bs-border-width) solid #607d8b !important;
    width: 15px !important;
}

.fancybox .w-25p img {
    width: 25px !important;
    height: 24px !important;
    background: #fff
}

.reverse {
    top: auto;
    bottom: 100%
}

.badge .spinner-border-sm {
    margin: 5px 0 5px 5px
}

.card-header .form-control {
    height: 36px
}

.url_text {
    top: 50px
}

.modal-fullscreen .modal-content {
    border: none
}

.modal-fullscreen .modal-content .relative .fancyLoader {
    backdrop-filter: none !important
}

.fixed-scroll-area {
    max-width: 92%;
    max-height: 92%;
    margin: 0 auto;
    overflow: auto
}

.top-gap-2 {
    top: 6px !important
}

.gallery-search {
    position: absolute !important;
    z-index: 9
}

.dateDiv h6 {
    font-size: 12px;
    position: relative;
    top: -9px;
    color: #66bc2f
}

.tab-pane .col-md-12,
.tab-pane .col-md-4 {
    border-radius: 10px !important
}

.top-part-package h1 {
    font-size: 20px !important;
    margin-bottom: 0 !important
}

.width-60 {
    width: 60% !important
}

.navbar {
    z-index: 2
}

.close-navbar-toggler {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    cursor: pointer
}

.close-navbar-toggler.collapsed {
    z-index: -1
}

.navbar-toggler-icon {
    background-image: none !important
}

.bi,
.bi-list {
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    background-position: center center
}

.bi-x {
    width: 1em;
    height: 1em;
    opacity: .6;
    display: flex;
    align-items: center;
    font-size: 18px;
    right: 5px;
    position: relative;
    top: 7px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}

.sild-ico img {
    width: 53px;
    height: auto
}

#editCompanyForm .photo_area .c-info-2 {
    width: 71px !important;
    height: 71px !important;
    position: relative;
    border: 2px solid #ebebeb;
    border-radius: 100px;
    overflow: hidden;
    margin: 0 !important
}

#editCompanyForm .c-info label.c-img {
    border: 2px solid #ebebeb !important;
    right: 26px !important;
    bottom: 37px !important
}

footer .address_cont a {
    color: #8aa6bc !important
}

.bg-pink {
    background-color: #f7879a
}

.form-control {
    margin-bottom: 15px !important
}

.lang-dropdown li {
    list-style-type: none
}

.lang-dropdown ul li a {
    background-color: #fff !important;
    color: #8f8f8f !important;
    padding: 12px 15px !important;
    display: flex;
    border: 1px solid #efefef;
    font-size: 13px;
    line-height: 12px
}

.lang-dropdown ul li a:hover {
    background-color: #314a5e !important
}

.lang-dropdown ul li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.lang-dropdown ul li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.lang-dropdown ul li:hover {
    background-color: #314a5e;
    color: #fff
}

.lang-dropdown ul li:hover a {
    background-color: #314a5e !important;
    color: #fff
}

.lang-menu-pc {
    display: inline-block !important
}

.flag-area {
    width: 26px;
    height: 11px
}

.flag-area img {
    width: 23px;
    height: auto;
    margin-bottom: 5px !important;
    top: -2px !important
}

.lang-dropdown {
    position: absolute;
    z-index: 9999999;
    background-color: #fff;
    right: 0;
    margin: 5px 0 0;
    border-radius: 4px;
    top: 20px
}

.lang-switch {
    font-size: 11px
}

.lang-switch i.fa-sort-down {
    position: absolute;
    left: 17px;
    top: 13px
}

.lang-switch i.fa-sort-up {
    position: absolute;
    left: 17px;
    top: 18px
}

.badge {
    color: #314a5e
}

.absolute-title1 {
    background-color: rgb(255 255 255 / 86%);
    position: fixed;
    left: 16px;
    height: 71px;
    bottom: 112px;
    z-index: 4;
    padding: 10px;
    border-radius: 6px;
    width: 30px
}

.height_change {
    line-height: 1.5 !important
}

.imgsdf {
    width: 37px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    opacity: 0.5;
}


.no-data-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 30vh; /* Full viewport height */
    text-align: center;
    color: #555; /* Text color */
  }

  .no-data-container img {
    max-width: 200px; /* Adjust image size */
    margin-bottom: 20px; /* Space between image and text */
  }

  .no-data-container p {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
  }



  .border-primary {
    border-color: #49653a !important;
  }

  .main-content{
    padding-top: 30px;
  }

.otp-form .counter-area{
    position: absolute;
    top: -30px;
    right: 0;
}
.otp-form .resend-button{
    position: absolute;
    top: -46px;
    width: 145px;
    right: 0;
}



.text-info {
    color: rgb(13 117 240) !important;
}


.card {
    border: none;
    border-radius: 1.2rem;
    background: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}



/* Custom Bootstrap Color Overrides */
:root {
    --bs-primary: #ff5722;
    --bs-secondary: #607d8b;
    --bs-success: #4caf50;
    --bs-danger: #f44336;
    --bs-warning: #ff9800;
    --bs-info: #00bcd4;
    --bs-light: #f1f1f1;
    --bs-dark: #212121;
  }
  
  /* Button Overrides */
  .btn-primary {
    background-color: #227aff !important;
    border-color: #2252ff !important;
    color: #fff !important;
  }
  
  .btn-primary:hover,
  .btn-primary:focus {
    background-color: #1950e6 !important;
    border-color: #1991e6 !important;
  }
  
  .btn-secondary {
    background-color: #344650 !important;
    border-color: #48626e !important;
    color: #fff !important;
  }
  
  .btn-success {
    background-color: #4caf50 !important;
    border-color: #358a38 !important;
    color: #fff !important;
  }

  .btn-outline-success:hover{
        color:#fff !important;
  }
  
  .btn-danger {
    background-color: #f44336 !important;
    border-color: #fd3425 !important;
    color: #fff !important;
  }
  
  .btn-warning {
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
    color: #212121 !important;
  }
  
  .btn-info {
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important;
    color: #fff !important;
  }
  
  .btn-light {
    background-color: #f1f1f1 !important;
    border-color: #f1f1f1 !important;
    color: #212121 !important;
  }
  
  .btn-dark {
    background-color: #212121 !important;
    border-color: #212121 !important;
    color: #fff !important;
  }



  .holdBox {
    user-select: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  @keyframes rotateShake {
    0%   { transform: rotate(0deg); }
    20%  { transform: rotate(-4deg); }
    40%  { transform: rotate(4deg); }
    60%  { transform: rotate(-4deg); }
    80%  { transform: rotate(4deg); }
    100% { transform: rotate(0deg); }
  }

  .on-hold {
    animation: rotateShake 1.3s ease-in-out infinite;
  }

  .holdBox {
    -webkit-touch-callout: none; /* iOS Safari: blocks long-press menu */
    -webkit-user-select: none;   /* Prevents text selection */
    user-select: none;           /* Cross-browser */
  }