:root {
    --primarybg: #74489d;
    --primarybg2: #483894
}

body {
    color: #444
}

.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:active {
    background: #f95c1e;
    border: 1px solid #ff7400
}

.title_admin:after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: #f95c1e;
    margin: 8px 0
}

.sidebar-logo img {
    margin: auto;
    display: block;
    height: auto;
    width: 43% !important
}

.searchbtn {
    position: absolute;
    top: 0;
    right: 0;
    background: 0 0;
    border: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 7px 10px
}

.btn-outline-primary {
    border-color: var(--primarybg);
    color: #000;
    box-shadow: none !important;
    border: 1px solid #3e4095
}

    .btn-outline-primary:focus,
    .btn-outline-primary:hover {
        border-color: var(--primarybg);
        box-shadow: none !important;
        background: #3e4095
    }

.btn-primary {
    background: #f95c1e;
    border: transparent
}

    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover {
        background-color: var(--primarybg);
        border-color: var(--primarybg);
        box-shadow: none !important;
        border-color: #f87117
    }

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    transition: background-color 5000s ease-in-out 0s;
    background-color: #f8f9fa !important
}

a {
    text-decoration: none
}

.bg-primaryclr {
    background-color: var(--primarybg)
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background: #f95c1e;
}

.btn-primary1 {
    color: #fff;
    border: 0;
    padding: 5px 15px;
    border-radius: 5px;
    white-space: nowrap;
    background: #f95c1e;
    border: 1px solid #ff7400
}

    .btn-primary1:hover {
        background-color: #74489d;
        color: #fff
    }

.login-container {
    position: relative;
    min-height: 88vh;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #ef8c3a;
    padding: 10px 0
}

.logo-Bg-lo23 {
    position: absolute;
    z-index: 11;
    top: 15px;
    left: 15px
}

.login-box {
    width: 100%;
    z-index: 1;
    background: rgba(255, 255, 255, .5);
    max-width: 500px;
    display: flex;
    align-items: center;
    box-shadow: rgba(50, 50, 93, .25) 0 13px 27px -5px, rgba(0, 0, 0, .3) 0 8px 16px -8px;
    border-radius: 24px;
    padding: 30px 0 20px;
    background: #fff
}

    .login-box .left_box {
        background-image: url(images/left_bg.jpg);
        width: 100%;
        height: 80vh;
        background-size: cover;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 15px
    }

.social {
    display: flex;
    align-items: center;
    list-style: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 10px 0 0 0
}

.right_box h2 {
    text-align: center;
    font-size: 24px
}

.right_box .form-floating > label {
    font-weight: 500;
    color: #6c757d
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select,
.right_box .form-floating > .form-control {
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);
    background-clip: padding-box;
    background-color: #f8f9fa;
    border: 1px solid #f8f9fa;
    font-weight: 500
}

.social li {
    margin: 5px
}

    .social li a {
        width: 35px;
        height: 35px;
        background-color: var(--primarybg);
        color: #fff;
        display: block;
        line-height: 35px;
        text-align: center;
        border-radius: 0 12px 0 12px
    }

.ls-1 {
    letter-spacing: 1px
}

.border-black-50 {
    border: 1px solid #eee !important
}

.sidebar-show {
    overflow-x: hidden
}

    .sidebar-show .sidebar {
        left: 0;
        opacity: 1
    }

    .sidebar-show .content {
        transform: translateX(260px)
    }

.sidebar {
    position: fixed;
    top: 0;
    left: -260px;
    width: 260px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 700;
    opacity: 0
}

@media (min-width:992px) {
    .sidebar {
        left: 0;
        opacity: 1
    }
}

.sidebar.minimized {
    width: 60px
}

    .sidebar.minimized .sidebar-header {
        padding-left: 10px;
        padding-right: 10px
    }

    .sidebar.minimized .sidebar-logo {
        margin-left: 2px
    }

    .sidebar.minimized .sidebar-logo-text {
        visibility: hidden;
        opacity: 0;
        display: none !important
    }

    .sidebar.minimized .sidebar-search {
        padding-left: 10px;
        padding-right: 10px
    }

    .sidebar.minimized .search-body svg {
        margin-right: 0
    }

    .sidebar.minimized .search-body .form-control {
        visibility: hidden;
        opacity: 0
    }

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

        .sidebar.minimized .nav-sidebar .nav-link svg {
            margin-right: 0
        }

        .sidebar.minimized .nav-sidebar .nav-link span {
            visibility: hidden;
            opacity: 0
        }

    .sidebar.minimized .nav-sub {
        visibility: hidden;
        opacity: 0
    }

    .sidebar.minimized .sub-link {
        padding-top: 0;
        padding-bottom: 0;
        height: 0
    }

    .sidebar.minimized .sidebar-footer {
        padding-left: 10px;
        padding-right: 10px
    }

    .sidebar.minimized .avatar {
        margin-left: 2px
    }

    .sidebar.minimized .avatar-body {
        visibility: hidden;
        opacity: 0;
        width: 0
    }

    .sidebar.minimized .footer-menu {
        display: none
    }

    .sidebar.minimized + .content {
        margin-left: 60px
    }

    .sidebar.minimized .nav-group.show {
        padding-top: 20px
    }

        .sidebar.minimized .nav-group.show .nav-group-label {
            display: none
        }

    .sidebar.minimized .nav-group:not(.show) {
        display: none
    }

    .sidebar.minimized.expand {
        width: 260px
    }

        .sidebar.minimized.expand .sidebar-header {
            padding-left: 20px;
            padding-right: 20px
        }

        .sidebar.minimized.expand .sidebar-logo {
            margin-left: 0
        }

        .sidebar.minimized.expand .sidebar-logo-text {
            visibility: visible;
            opacity: 1;
            display: flex !important
        }

        .sidebar.minimized.expand .sidebar-search {
            padding-left: 20px;
            padding-right: 20px
        }

        .sidebar.minimized.expand .search-body svg {
            margin-right: 12px
        }

        .sidebar.minimized.expand .search-body .form-control {
            visibility: visible;
            opacity: 1
        }

        .sidebar.minimized.expand .nav-sidebar {
            padding-left: 20px;
            padding-right: 20px
        }

            .sidebar.minimized.expand .nav-sidebar .nav-link svg {
                margin-right: 12px
            }

            .sidebar.minimized.expand .nav-sidebar .nav-link span {
                visibility: visible;
                opacity: 1
            }

        .sidebar.minimized.expand .nav-sub {
            visibility: visible;
            opacity: 1
        }

        .sidebar.minimized.expand .sub-link {
            padding-top: 5px;
            padding-bottom: 5px;
            height: 32px
        }

        .sidebar.minimized.expand .nav-group.show {
            padding-top: 0
        }

            .sidebar.minimized.expand .nav-group.show .nav-group-label {
                display: flex
            }

        .sidebar.minimized.expand .nav-group:not(.show) {
            display: block
        }

        .sidebar.minimized.expand .nav-group .nav-sidebar {
            padding-left: 10px;
            padding-right: 10px
        }

        .sidebar.minimized.expand .sidebar-footer {
            padding-left: 20px;
            padding-right: 20px
        }

        .sidebar.minimized.expand .avatar {
            margin-left: 0
        }

        .sidebar.minimized.expand .avatar-body {
            visibility: visible;
            opacity: 1;
            width: auto
        }

        .sidebar.minimized.expand .footer-menu {
            display: flex
        }

.sidebar hr {
    margin: 0 30px;
    opacity: 1
}

.sidebar-header {
    padding: 12px 10px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 95px;
    justify-content: center;
    background-color: #fff
}

.sidebar-search {
    flex-shrink: 0;
    padding: 0 20px
}

.search-body {
    padding-left: 8px;
    display: flex;
    align-items: center;
    height: 40px;
    border: 1.5px solid transparent;
    border-radius: 6px
}

    .search-body svg {
        width: 20px;
        height: 20px;
        stroke-width: 2.5px;
        flex-shrink: 0;
        margin-right: 13px
    }

    .search-body .form-control {
        flex: 1;
        align-self: stretch;
        border-width: 0;
        padding: 0;
        background-color: transparent
    }

        .search-body .form-control:active,
        .search-body .form-control:focus {
            outline: 0
        }

        .search-body .form-control::placeholder {
            text-shadow: none;
            opacity: 1
        }

.btn12 {
    border: none;
    background: #f95c1e;
}

.sidebar-body {
    height: calc(100% - 15px);
    position: relative;
    overflow: hidden
}

    .sidebar-body.pt-20 {
        padding-top: 20px
    }

.nav-sidebar {
    margin: 0;
    padding: 8px;
    display: flex;
    flex-direction: column
}

    .nav-sidebar .nav-item {
        list-style: none;
        margin: 5px 0
    }

        .nav-sidebar .nav-item.active .nav-link {
            font-weight: 500;
            letter-spacing: -.1px
        }

        .nav-sidebar .nav-item.show .with-sub::after {
            transform: rotate(90deg)
        }

        .nav-sidebar .nav-item.show .nav-sub {
            display: flex
        }

    .nav-sidebar .nav-link {
        height: 40px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        border-radius: 5px;
        white-space: nowrap
    }

        .nav-sidebar .nav-link + .nav-link {
            margin-top: 2px
        }

        .nav-sidebar .nav-link svg {
            flex-shrink: 0;
            width: 20px;
            height: 20px;
            margin-right: 12px
        }

        .nav-sidebar .nav-link.with-sub::after {
            content: '\EA6E';
            font-family: remixicon;
            font-weight: 400;
            font-size: 16px;
            display: inline-block;
            margin-left: auto;
            opacity: .6;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .nav-sidebar .nav-link.active {
            font-weight: 500
        }

    .nav-sidebar.style-two .nav-item.active .nav-link::before {
        display: block
    }

    .nav-sidebar.style-two .nav-item.active .sub-link.active::before {
        display: block
    }

    .nav-sidebar.style-two .nav-link {
        position: relative
    }

        .nav-sidebar.style-two .nav-link::before {
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: -20px;
            width: 3px;
            display: none
        }

        .nav-sidebar.style-two .nav-link.active::before {
            display: block
        }

    .nav-sidebar.style-two .sub-link::before {
        content: '';
        position: absolute;
        top: 5px;
        bottom: 5px;
        left: -22px;
        width: 1px;
        display: none
    }

    .nav-sidebar.style-three .nav-item.active .nav-link::before {
        display: block
    }

    .nav-sidebar.style-three .nav-item.active .sub-link.active::before {
        display: block
    }

    .nav-sidebar.style-three .nav-link {
        position: relative;
        align-items: center
    }

        .nav-sidebar.style-three .nav-link::before {
            content: '';
            position: absolute;
            top: calc(50% - .75px);
            left: -20px;
            width: 20px;
            height: 1.5px;
            display: none
        }

        .nav-sidebar.style-three .nav-link:not(.with-sub)::after {
            content: '';
            position: relative;
            flex: 1;
            height: 1.5px;
            margin-left: 15px;
            display: none
        }

        .nav-sidebar.style-three .nav-link.active::after,
        .nav-sidebar.style-three .nav-link.active::before {
            display: block
        }

    .nav-sidebar.style-three .sub-link::before {
        content: '';
        position: absolute;
        top: 5px;
        bottom: 5px;
        left: -22px;
        width: 1px;
        display: none
    }

.nav-sub {
    display: none;
    flex-direction: column;
    padding-left: 22px;
    position: relative;
    margin-top: 10px
}

    .nav-sub::before {
        content: '';
        position: absolute;
        top: 5px;
        bottom: 5px;
        left: 0;
        border-left: 1px solid transparent
    }

.sub-link {
    height: 32px;
    padding: 5px 10px;
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.nav-group {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

    .nav-group .nav-sidebar {
        transform: translateY(-8px);
        padding: 0 10px 10px;
        display: none
    }

        .nav-group .nav-sidebar.style-two .nav-link::before {
            left: -10px
        }

    .nav-group + .nav-group {
        margin-top: -1px
    }

    .nav-group.show .nav-sidebar {
        display: flex
    }

    .nav-group.show .nav-group-label::after {
        transform: rotate(180deg)
    }

.nav-group-label {
    padding: 15px 20px;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

    .nav-group-label::after {
        content: '\EA4E';
        font-family: remixicon;
        font-weight: 400;
        font-size: 16px;
        opacity: .75;
        margin-right: -2px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.sidebar-footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    height: 70px;
    position: relative;
    justify-content: center
}

.avatar {
    flex-shrink: 0;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    position: relative
}

    .avatar.online::after {
        content: '';
        position: absolute;
        bottom: 2px;
        right: 2px;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background-color: #01a81d;
        box-shadow: 0 0 0 2px #fff
    }

.avatar-initial {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.avatar-body {
    flex: 1;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden
}

    .avatar-body h6 {
        font-weight: 600;
        margin-bottom: 0
    }

    .avatar-body span {
        display: block;
        font-size: 12px
    }

.footer-menu {
    display: block;
    font-size: 18px;
    border-radius: 5px;
    line-height: 1
}

.content {
    position: relative;
    min-height: 100vh;
    padding-bottom: 39px
}

@media (min-width:992px) {
    .content {
        margin-left: 260px
    }
}

.content-header {
    padding: 10px 20px;
    position: relative;
    background: #f95c1e;
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%)
}

.content-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 33px
}

    .content-menu svg {
        width: 30px;
        height: 30px;
        stroke-width: 2.5px
    }

.content-body {
    padding: 20px 10px
}

    .content-body .nav-link {
        display: block;
        padding: 8px 20px;
        border: 1.5px solid var(--primarybg2);
        border-radius: 6px;
        white-space: nowrap
    }

.content-label {
    display: block;
    margin-bottom: 15px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.content-menu {
    color: #502f93
}

    .content-menu:hover {
        color: #fff
    }

.content-body .nav-link {
    background-color: #cc8f23;
    border-color: #feebe0;
    color: #fff
}

    .content-body .nav-link.active {
        background-color: #4e0b03;
        border-color: #4e0b03;
        color: #fff;
        font-weight: 500
    }

.content-label {
    color: #9aa6be
}

.skin-base {
    background-color: #fff
}

    .skin-base .sidebar {
        background-color: var(--primarybg2);
        box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%);
        background: #f95c1e;
    }

        .skin-base .sidebar hr {
            background-color: #e9ebf0
        }

    .skin-base .search-body {
        background-color: #f7f9fc
    }

        .skin-base .search-body svg {
            color: #627293
        }

        .skin-base .search-body .form-control::placeholder {
            color: #9aa6be
        }

        .skin-base .search-body.onfocus {
            background-color: #fff;
            border-color: #627293;
            box-shadow: 0 1px 1px rgba(216, 222, 230, .25), 0 2px 2px rgba(216, 222, 230, .2), 0 4px 4px rgba(216, 222, 230, .15)
        }

        .skin-base .search-body.onhover {
            background-color: rgba(233, 235, 240, .6)
        }

    .skin-base .nav-sidebar .nav-item.active .nav-link {
        background-color: #fff;
        color: #4e0b04
    }

        .skin-base .nav-sidebar .nav-item.active .nav-link svg {
            color: #a3570e;
            fill: #ff620030
        }

    .skin-base .nav-sidebar .nav-link {
        color: #fff
    }

        .skin-base .nav-sidebar .nav-link:focus,
        .skin-base .nav-sidebar .nav-link:hover {
            color: #fff
        }

        .skin-base .nav-sidebar .nav-link.active {
            color: #14274e
        }

            .skin-base .nav-sidebar .nav-link.active svg {
                color: #14274e;
                fill: rgba(20, 39, 78, .12)
            }

    .skin-base .nav-sidebar.style-one .nav-item.active .nav-link {
        color: #14274e;
        background-color: #e9ebf0
    }

        .skin-base .nav-sidebar.style-one .nav-item.active .nav-link svg {
            fill: none
        }

    .skin-base .nav-sidebar.style-one .nav-link {
        color: #394867
    }

        .skin-base .nav-sidebar.style-one .nav-link:focus,
        .skin-base .nav-sidebar.style-one .nav-link:hover {
            background-color: #f7f9fc;
            color: #394867
        }

        .skin-base .nav-sidebar.style-one .nav-link.active {
            background-color: #e9ebf0
        }

            .skin-base .nav-sidebar.style-one .nav-link.active svg {
                fill: none
            }

    .skin-base .nav-sidebar.style-two .nav-link::before,
    .skin-base .nav-sidebar.style-two .sub-link::before {
        background-color: #14274e
    }

    .skin-base .nav-sidebar.style-three .nav-link::before,
    .skin-base .nav-sidebar.style-three .nav-link:not(.with-sub)::after,
    .skin-base .nav-sidebar.style-three .sub-link::before {
        background-color: #14274e
    }

    .skin-base .nav-sidebar.style-three .nav-sub::before,
    .skin-base .nav-sidebar.style-two .nav-sub::before {
        border-color: rgba(216, 222, 230, .6)
    }

    .skin-base .sub-link {
        color: #fff
    }

        .skin-base .sub-link:focus,
        .skin-base .sub-link:hover {
            color: #fff
        }

        .skin-base .sub-link.active {
            color: #fff
        }

    .skin-base .nav-group {
        border-top-color: #d8dee6;
        border-bottom-color: #d8dee6
    }

    .skin-base .nav-group-label {
        color: #627293
    }

    .skin-base .sidebar-footer {
        background-image: linear-gradient(transparent, rgba(255, 255, 255, .5) 50%, #fff)
    }

    .skin-base .avatar-initial {
        background-color: #223458;
        color: #fff
    }

    .skin-base .avatar-body h6 {
        color: #14274e
    }

    .skin-base .avatar-body span {
        color: #627293
    }

    .skin-base .footer-menu {
        color: #627293
    }

        .skin-base .footer-menu:hover {
            color: #394867
        }

.animate .sidebar {
    transition: all .3s
}

@media (prefers-reduced-motion:reduce) {
    .animate .sidebar {
        transition: none
    }
}

.animate .sidebar-header {
    overflow: hidden;
    transition: padding .3s
}

@media (prefers-reduced-motion:reduce) {
    .animate .sidebar-header {
        transition: none
    }
}

.animate .sidebar-logo,
.animate .sidebar-logo-text {
    transition: all .3s
}

@media (prefers-reduced-motion:reduce) {
    .animate .sidebar-logo,
    .animate .sidebar-logo-text {
        transition: none
    }
}

.animate .sidebar-search {
    transition: padding .3s
}

@media (prefers-reduced-motion:reduce) {
    .animate .sidebar-search {
        transition: none
    }
}

.animate .search-body .form-control,
.animate .search-body svg {
    transition: all .3s
}

@media (prefers-reduced-motion:reduce) {
    .animate .search-body .form-control,
    .animate .search-body svg {
        transition: none
    }
}

.animate .nav-sidebar {
    overflow: hidden;
    transition: padding .3s
}

@media (prefers-reduced-motion:reduce) {
    .animate .nav-sidebar {
        transition: none
    }
}

.animate .nav-sidebar .nav-link span,
.animate .nav-sidebar .nav-link svg {
    transition: all .3s
}

@media (prefers-reduced-motion:reduce) {
    .animate .nav-sidebar .nav-link span,
    .animate .nav-sidebar .nav-link svg {
        transition: none
    }
}

.animate .nav-sub {
    transition: opacity .2s
}

@media (prefers-reduced-motion:reduce) {
    .animate .nav-sub {
        transition: none
    }
}

.animate .sub-link {
    transition: all .3s
}

@media (prefers-reduced-motion:reduce) {
    .animate .sub-link {
        transition: none
    }
}

.animate .avatar {
    transition: all .3s
}

@media (prefers-reduced-motion:reduce) {
    .animate .avatar {
        transition: none
    }
}

.animate .avatar-body,
.animate .sidebar-footer {
    transition: all .3s
}

@media (prefers-reduced-motion:reduce) {
    .animate .avatar-body,
    .animate .sidebar-footer {
        transition: none
    }
}

.animate .content {
    transition: all .3s
}

@media (prefers-reduced-motion:reduce) {
    .animate .content {
        transition: none
    }
}

.ps {
    overflow: hidden
}

    .ps > .ps__rail-y {
        width: 2px;
        background-color: rgba(53, 88, 140, .06);
        z-index: 10;
        position: absolute;
        left: auto !important;
        right: 0;
        opacity: 0;
        margin: 1px;
        transition: opacity .2s
    }

@media (prefers-reduced-motion:reduce) {
    .ps > .ps__rail-y {
        transition: none
    }
}

.ps > .ps__rail-y > .ps__thumb-y {
    position: absolute;
    border-radius: 0;
    width: 2px;
    left: 0;
    background-color: #d8dee6
}

.ps.ps--active-y:focus > .ps__rail-y,
.ps.ps--active-y:hover > .ps__rail-y {
    opacity: 1
}

.scrollbar-sm > .ps__rail-y {
    width: 1px
}

    .scrollbar-sm > .ps__rail-y > .ps__thumb-y {
        width: 1px
    }

.scrollbar-lg > .ps__rail-y {
    width: 6px
}

    .scrollbar-lg > .ps__rail-y > .ps__thumb-y {
        width: 6px
    }

.card-title {
    font-size: 20px;
    font-weight: 600;
    color: #000
}

.card-1 {
    border-color: #fbf1eb;
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%);
    border-radius: 15px;
    border: 0
}

.card-2 {
    border-color: #aa6c1a;
    border-style: dashed
}

.symbol img {
    border: 2px dotted #4e0b04;
    padding: 5px
}

.profile_image img {
    border: 2px dotted #4e0b03;
    padding: 5px;
    border-radius: 100px
}

.camera-img img {
    border: none;
    padding: 0
}

.tab-content_201 label {
    position: relative;
    padding: 0;
    height: auto;
    font-weight: 600;
    padding-bottom: 6px
}

.tab-content_201 .form-select {
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #ccc;
    height: 40px
}

.tab-content_201 .form-control {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 40px;
    border: 1px solid #d8dbdf;
    font-weight: 500
}

    .tab-content_201 .form-control:focus {
        box-shadow: none !important
    }

.text-primary1 {
    color: #efb52c
}

.btn-view {
    border: 1px solid #eedace;
    color: #5b5b5b;
    background-color: transparent
}

.online-donation-bg {
    background-image: url(images/pngtree-donate.png);
    background-repeat: no-repeat;
    background-size: 36%;
    background-position: calc(100% - 9%) 40%
}

.income-bg {
    background-image: url(images/income.svg);
    background-repeat: no-repeat;
    background-size: 34%;
    background-position: calc(100% - 33px) center
}

.monthly-donation-bg {
    background-image: url(images/pngtree-donate1.png);
    background-repeat: no-repeat;
    background-size: 42%;
    background-position: calc(100% - 8%) 50%
}

.am-received-bg {
    background-image: url(images/amount-recevied.svg);
    background-repeat: no-repeat;
    background-size: 37%;
    background-position: calc(100% - 10%) 53%
}

@media (min-width:768px) {
    .animate {
        animation-duration: .3s;
        -webkit-animation-duration: .3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }

    0% {
        transform: translateY(1rem);
        opacity: 0
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1
    }

    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    inset: auto !important
}

.fs-14 {
    font-size: 14px
}

.fs-12 {
    font-size: 12px
}

.progress {
    --bs-progress-bar-bg: #4e0b03;
    background-color: #d9d9d9
}

.avatars2 {
    padding-left: 15px;
    list-style: none;
    margin: 0;
    width: 100%;
    display: flex
}

    .avatars2 > li {
        display: flex;
        margin-left: -22px;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        border: 2px solid var(--primarybg2)
    }

        .avatars2 > li > a {
            display: block
        }

            .avatars2 > li > a > img {
                max-width: 100%;
                width: 100%
            }

.btn-outline-primary2 {
    border: 1px solid var(--primarybg);
    background-color: var(--primarybg2);
    font-weight: 500
}

    .btn-outline-primary2:hover {
        background-color: #483894;
        color: #fff
    }

        .btn-outline-primary2:hover svg path {
            fill: #fff
        }

.table-header select {
    max-width: 100px
}

ul.dropdown-menu {
    width: 100%;
    border: 0;
    box-shadow: 0 0 11px -2px #d8d8d8;
    padding: 0
}

    ul.dropdown-menu li a {
        padding: 10px
    }

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

::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, .2)
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, .4)
    }

    ::-webkit-scrollbar-thumb:active {
        background: rgba(0, 0, 0, .9)
    }

@media (max-width:1000px) {
    body .homenoti div.dataTables_wrapper div.dataTables_length {
        top: 11px !important
    }

    body .homenoti div.dataTables_wrapper div.dataTables_filter {
        top: -12px !important
    }

    .content-menu {
        color: #fff
    }

    .contactdetaillist li {
        width: 100% !important
    }

    .dataTables_wrapper .dt-buttons button.btn {
        margin-bottom: 5px
    }

    .content-body {
        padding: 0;
        margin-top: 20px;
        padding-left: 15px;
        padding-right: 15px
    }

    .equalheight {
        padding: 0
    }

    .login-box {
        margin: auto 5%
    }

    .slideIn {
        inset: 0 auto auto 0 !important
    }

    .profile-page {
        flex-wrap: wrap
    }

        .profile-page .left_side {
            width: 100% !important;
            padding-right: 0 !important
        }

    .border-end {
        border: 0 !important
    }

    .profile-page .right_side {
        width: 100% !important
    }
}

.profile-page .left_side {
    width: 280px;
    padding-right: 15px
}

.profile-page .right_side {
    width: calc(100% - 280px)
}

.profile-page3 .camera-img {
    left: 50%;
    transform: translate(-50%, -20px);
    border: 0;
    background: 0 0
}

.profile-page3 .nav-link {
    width: 33%
}

.profile-page .camera-img {
    left: 50%;
    transform: translate(-50%, -20px);
    border: 0;
    background: 0 0
}

.profile-page .nav-link {
    width: 100%;
    text-align: left
}

.profile-page .floating-group select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fbf1ea;
    border: 1px solid #ffe0cf
}

.profile-page .form-control:focus,
.profile-page .form-select:focus {
    box-shadow: 0 1px 2px 0 rgb(2 2 2 / 25%);
    background-color: #feebe0;
    border: 0
}

.profile-page .floating-group input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #fbf1ea;
    border: 1px solid #ffe0cf
}

.floatingdate,
.floatinginput,
.floatingselect {
    position: relative
}

    .floatinginput label {
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 100%;
        padding: 1px 7px 1px;
        transition: all .1s ease-in
    }

    .floatinginput input:focus ~ label {
        transform: translateY(-19px);
        background: #feebe0;
        border-radius: 8px;
        font-size: 70%;
        color: #000;
        opacity: .8
    }

    .floatingdate input,
    .floatinginput .form-control,
    .floatingselect .form-select,
    .form-floating textarea {
        border: 0;
        background-color: #f6f4f4 !important;
        box-shadow: rgba(50, 50, 93, .25) 0 2px 5px -1px, rgba(0, 0, 0, .3) 0 1px 3px -1px
    }

        .floatingdate input:disabled,
        .floatinginput .form-control:disabled,
        .floatingselect .form-select:disabled,
        .form-floating textarea:disabled {
            background-color: #fff4ef;
            cursor: not-allowed
        }

label.input-has-value {
    transform: translateY(-19px);
    background: #feebe0;
    border-radius: 8px;
    font-size: 70%;
    color: #000;
    opacity: .8
}

.floatingselect label {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 90%;
    padding: 3px 7px 0;
    transition: all .1s ease-in;
    z-index: -1
}

.floatingselect select:focus ~ label {
    transform: translateY(-19px);
    background: #feebe0;
    border-radius: 8px;
    font-size: 70%;
    color: #000;
    opacity: .8;
    z-index: 1
}

.floatingselect.floatadded label {
    transform: translateY(-19px);
    background: #feebe0;
    border-radius: 8px;
    font-size: 70%;
    color: #000;
    opacity: .8;
    z-index: 1
}

.floatingdate label {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 90%;
    padding: 3px 7px 0;
    transition: all .1s ease-in;
    z-index: -1
}

.floatingdate input:focus ~ label {
    transform: translateY(-19px);
    background: #feebe0;
    border-radius: 8px;
    font-size: 70%;
    color: #000;
    opacity: .8;
    z-index: 1
}

.floatingdate.floatadded label {
    transform: translateY(-19px);
    background: #feebe0;
    border-radius: 8px;
    font-size: 70%;
    color: #000;
    opacity: .8;
    z-index: 1
}

.inputGroup {
    background-color: #feebe0;
    display: block;
    margin: 0 0;
    position: relative;
    box-shadow: rgb(50 50 93 / 25%) 0 2px 5px -1px, rgb(0 0 0 / 30%) 0 1px 3px -1px;
    border-radius: 7px;
    overflow: hidden
}

    .inputGroup label {
        padding: 7px 12px 7px 42px;
        width: 100%;
        display: block;
        color: #3c454c;
        cursor: pointer;
        position: relative;
        z-index: 2;
        transition: color .2s ease-in;
        overflow: hidden;
        border-radius: 7px
    }

        .inputGroup label:before {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            content: "";
            background: linear-gradient(var(--primarybg) 0, #ff855b 100%);
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) scale3d(1, 1, 1);
            transition: all .3s cubic-bezier(.4, 0, .2, 1);
            opacity: 0;
            z-index: -1
        }

        .inputGroup label:after {
            width: 24px;
            height: 24px;
            content: "";
            border: 2px solid #fddfcd;
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: 0 1px;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            left: 9px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            transition: all .2s ease-in;
            background-size: 27px
        }

    .inputGroup input:checked ~ label {
        color: #fff
    }

        .inputGroup input:checked ~ label:before {
            transform: translate(-50%, -50%) scale3d(100, 56, 1);
            opacity: 1
        }

        .inputGroup input:checked ~ label:after {
            background-color: #790000;
            border-color: #790000
        }

    .inputGroup input {
        width: 32px;
        height: 32px;
        order: 1;
        z-index: 2;
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        visibility: hidden
    }

.mxwidth900 {
    max-width: 900px !important;
    width: 100%
}

.ui-datepicker-calendar {
    display: block
}

.cqbox span {
    cursor: pointer
}

.cqbox {
    display: flex;
    align-items: center
}

    .cqbox .minus,
    .cqbox .plus {
        background: #74489d;
        border-radius: 28px;
        text-align: center;
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        cursor: pointer;
        font-size: 23px;
        user-select: none
    }

    .cqbox input.cquantity {
        height: 34px;
        width: 71px;
        text-align: center;
        font-size: 18px;
        border: 1px solid #ddd;
        border-radius: 4px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
        font-weight: 600
    }

.sidebar.minimized .sidebar-footer {
    display: none
}

.carttable {
    border-collapse: separate;
    border-spacing: 0 10px;
    padding: 0 3px
}

    .carttable tbody tr {
        box-shadow: rgb(50 50 93 / 25%) 0 2px 5px -1px, rgb(0 0 0 / 30%) 0 1px 3px -1px;
        background-color: #feebe0;
        border-radius: 7px
    }

        .carttable tbody tr td:first-child,
        .carttable tbody tr th:first-child {
            border-top-left-radius: 7px;
            border-bottom-left-radius: 7px
        }

        .carttable tbody tr td:last-child,
        .carttable tbody tr th:last-child {
            border-top-right-radius: 7px;
            border-bottom-right-radius: 7px
        }

.focusremove:focus {
    box-shadow: none;
    border: 1px solid #74489d
}

.disabledfloat {
    background: #fff4ef !important
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff4ef !important
}

.dataTables_wrapper label .form-control {
    text-indent: 25px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px 13px;
    border-radius: 6px;
    font-size: 15px;
    max-width: 182px
}

.dataTables_wrapper .dataTables_filter label img {
    position: absolute;
    top: 50%;
    left: 22px;
    transform: translate(2px, -50%)
}

.dataTables_wrapper label {
    position: relative !important
}

.homenoti div.dataTables_wrapper div.dataTables_filter {
    top: -26px !important
}

.homenoti div.dataTables_wrapper div.dataTables_length {
    top: -26px !important
}

.dashboard div.dataTables_wrapper div.dataTables_filter {
    position: absolute;
    right: 108px;
    top: 0;
    display: flex;
    gap: 8px
}

.dataTables_wrapper .dt-buttons button.btn {
    background: #f95c1e !important;
    border: 0 solid #f95c1e;
    margin-right: 5px;
    border-radius: 6px !important;
    padding: 0;
    width: 40px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .dataTables_wrapper .dt-buttons button.btn span {
        display: block;
        padding: 0
    }

    .dataTables_wrapper .dt-buttons button.btn img {
        max-width: 100%;
        max-height: 20px
    }

    .dataTables_wrapper .dt-buttons button.btn:hover {
        background: #ffcfb2 !important
    }

.dataTables_wrapper .form-select {
    padding: 12px 26px 12px 10px !important;
    color: #212529;
    background-color: #f1f1f1;
    border: 0 solid #f1f1f1;
    border-radius: 6px !important;
    font-weight: 700
}

.dashboard div.dataTables_wrapper div.dataTables_length label img {
    margin-right: 5px;
    max-width: 20px
}

.dashboard div.dataTables_wrapper div.dataTables_length {
    position: absolute;
    right: 0;
    top: 0
}

.dataTables_wrapper label .form-control:focus {
    box-shadow: none
}

.dataTable thead tr th {
    background-color: #f95c1e !important;
    color: #fff;
    white-space: nowrap;
    vertical-align: middle
}

div.dataTables_scrollBody {
    border: 0 !important
}

.dataTable tr td {
    background-color: #74489d0d !important;
    position: relative
}

table.dataTable {
    vertical-align: middle;
    border-spacing: 0 1px
}

.dataTables_scrollHeadInner,
.table {
    width: 100% !important
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #f95c1e !important;
    border-color: #f95c1e !important;
}

.page-link {
    position: relative;
    display: block;
    color: #161616 !important;
    text-decoration: none;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.PaymentsBg h1 {
    margin-top: 0;
    font-weight: 600 !important;
    font-size: 21px !important;
    font-family: Roboto, sans-serif
}

    .PaymentsBg h1:after {
        display: block;
        content: '';
        width: 80px;
        height: 3px;
        background: #f95c1e;
        margin: 10px 0
    }

.PaymentsBg1 h1 {
    margin-top: 0;
    font-weight: 600 !important;
    font-size: 21px !important;
    font-family: Roboto, sans-serif
}

    .PaymentsBg1 h1:after {
        display: block;
        content: '';
        width: 80px;
        height: 3px;
        background: #f95c1e;
        margin: 10px auto
    }

.Member {
    float: right
}

.Ticket_Details .dataTable {
    margin-top: 35px !important
}

.swal2-popup .swal2-title {
    font-size: 18px !important
}

@media (max-width:600px) {
    div #allcontacts_wrapper div.dataTables_length,
    div#allfamilyrecords_wrapper div.dataTables_length,
    div#allpayments_wrapper div.dataTables_length,
    div#allrd_wrapper div.dataTables_length {
        top: 55px !important
    }

    .dataTables_length {
        top: 53px !important
    }
}

@media (min-width:600px) and (max-width:767px) {
    div#allcontacts_wrapper div.dataTables_length,
    div#allfamilyrecords_wrapper div.dataTables_length,
    div#allpayments_wrapper div.dataTables_length,
    div#allrd_wrapper div.dataTables_length {
        top: 60px !important
    }
}

@media (max-width:767px) {
    .dashboard .dataTables_wrapper .dataTables_filter {
        position: relative !important;
        right: 7px !important;
        margin-bottom: -2px;
        top: -3px !important
    }
}

.ecstabs li {
    margin-right: 15px
}

    .ecstabs li button {
        display: flex !important;
        align-items: center
    }

.form-check-input:checked {
    background-color: #3e4095;
    border-color: #3e4095
}

.btn-info2 {
    font-weight: 700;
    background-color: #f1eae5 !important;
    box-shadow: rgb(50 50 93 / 25%) 0 2px 5px -1px, rgb(0 0 0 / 30%) 0 1px 3px -1px
}

.bank-details-canvas {
    border: 1px solid #eaddcf;
    height: 100%;
    margin: 15px auto;
    border-radius: 14px;
    max-width: 1024px;
    width: 100%
}

#newecs,
#showdetails {
    background: linear-gradient(#fdf3f1 0, #f4ebe7 52.63%, #f4eae7 52.71%, #fef8f5 100%) !important;
    height: fit-content
}

.selecttypes {
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.bg-inside {
    background: #efdcd6;
    border-radius: 10px;
    padding: 13px;
    position: relative;
    overflow: hidden;
    display: none
}

.overlay-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: hsl(18deg 31% 17% / 77%);
    z-index: 1;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

.form-check-input:focus {
    box-shadow: none
}

.mw-100px {
    min-width: 130px
}

.equalheight {
    min-height: 73vh;
    border: 1px solid #f8f1ec;
    margin: 0 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0 17%;
    background: #fffaf7
}

.newcontent {
    background-color: #ffc0cb38;
    padding: 15px;
    border: 1px solid #ffe1e8;
    border-radius: 8px
}

.mxw-300px {
    max-width: 300px;
    margin: 0 auto;
    text-align: center
}

textarea:focus {
    box-shadow: rgb(50 50 93 / 25%) 0 2px 5px -1px, rgb(0 0 0 / 30%) 0 1px 3px -1px !important
}

.offcanvas {
    min-height: fit-content
}

.form-control:focus,
.form-select:focus {
    box-shadow: none;
    border-color: #e2a729
}

.inputbg {
    border-color: #f6f4f4;
    background-color: #f6f4f4 !important;
    box-shadow: rgb(50 50 93 / 25%) 0 2px 5px -1px, rgb(0 0 0 / 30%) 0 1px 3px -1px
}

.content.astropage {
    background-color: #f4f0ed
}

.form_box {
    background-color: #fff;
    padding: 16px 20px 30px;
    border-radius: 7px;
    border: 1px dashed #605853
}

    .form_box label {
        color: #585857;
        font-family: Philosopher, sans-serif;
        font-size: 12px
    }

    .form_box .form-control {
        background: #f9f8f8;
        border: 0
    }

.astrologer_box img {
    max-width: 200px;
    margin: 0 auto;
    border-radius: 8px
}

.digit-group input {
    width: 35px;
    height: 50px;
    background-color: #fff1e6;
    border: none;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    font-family: Raleway, sans-serif;
    font-weight: 200;
    color: #000;
    margin: 0 2px;
    border: 1px dashed #ff793a
}

.digit-group .splitter {
    padding: 0 5px;
    color: #ff752f;
    font-size: 24px
}

.prompt {
    margin-bottom: 20px;
    font-size: 20px;
    color: #fff
}

form.digit-group {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}

.title-icon {
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 100px;
    position: absolute;
    left: 0;
    top: -32px;
    background: #f95c1e;
}

.card-2 a {
    color: #6c6c6c;
    font-weight: 500;
    display: block;
    width: 100%;
    padding: 8px;
    border-radius: 7px;
    margin-bottom: 3px
}

.FeedbackList_bg {
    float: left;
    width: 50% !important
}

.card-2 a:last-child {
    margin-bottom: 0
}

.card-2 a:hover {
    background-color: #fff4e6
}

.card-2 h2 {
    margin-bottom: 0;
    white-space: nowrap
}

#domesticchart,
#domesticchart_contact,
#domesticchart_contact_,
#domesticchart_month,
#intcart {
    max-height: 140px
}

.w-120px {
    width: 120px;
    margin: 0 auto
}

.chartbox {
    max-width: 360px;
    width: 100%
}

.text-bl {
    color: #000
}

.task-home-list {
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0
}

    .task-home-list li {
        padding: 5px 0;
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 10px
    }

.fs-10 {
    font-size: 10px
}

.mxw-500 {
    max-width: 700px
}

#comAddress {
    display: none
}

.phonewithflag .iti {
    width: 100%
}

    .phonewithflag .iti input#phone {
        border: 0;
        background-color: #feebe0 !important;
        box-shadow: rgb(50 50 93 / 25%) 0 2px 5px -1px, rgb(0 0 0 / 30%) 0 1px 3px -1px
    }

.filterbn {
    border-width: 0 0 2px 0 !important;
    border-radius: 0 !important;
    padding-left: 36px !important
}

ul.iti__country-list {
    max-width: 338px;
    min-width: 280px
}

.border-bottom-2 {
    padding: 6px 0 6px 6px;
    background-color: #fff
}

.flagssearch-icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 8px;
    transform: translate(4px, -50%);
    color: #767675
}

.phonewithflag input::-webkit-input-placeholder {
    color: #212529 !important;
    font-size: 15px
}

.phonewithflag input:-ms-input-placeholder {
    color: #212529 !important;
    font-size: 15px
}

.phonewithflag input::placeholder {
    color: #212529 !important;
    font-size: 15px
}

.header_logo {
    position: absolute;
    top: 0;
    left: 20px
}

    .header_logo img {
        max-width: 120px
    }

table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_desc_disabled:after,
table.dataTable > thead .sorting_desc_disabled:before {
    bottom: .8rem
}

#allcontacts tbody tr {
    position: relative
}

    #allcontacts tbody tr:hover td ul.actions {
        opacity: 1
    }

    #allcontacts tbody tr td ul.actions {
        position: absolute;
        display: flex;
        opacity: 0;
        top: 0;
        list-style: none;
        margin: 0;
        padding: 0 9px;
        right: 0;
        background: linear-gradient(-90deg, #f5e5db, transparent);
        bottom: 0;
        align-items: center;
        transition: all .3s;
        flex-direction: row-reverse
    }

        #allcontacts tbody tr td ul.actions li a {
            display: block;
            padding: 5px;
            background-color: #fff;
            margin: 4px;
            border-radius: 7px;
            color: #000
        }

    #allcontacts tbody tr.selected {
        background-color: #f8f1ed
    }

.deleterow {
    color: red
}

.dataTables_wrapper .form-select.tbhdarr {
    padding: 0 40px 0 0 !important;
    background-color: #74489d;
    color: #fff;
    border: 0
}

.form-select-light {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important
}

.select2-container--default .select2-selection--single {
    border: 0 !important
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #fff !important;
        background-color: #c98c22;
        padding-left: 0 !important
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #fff transparent transparent transparent !important
    }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #74489d !important
}

.zoomin .select2-dropdown {
    box-shadow: rgb(119 119 119 / 20%) 0 2px 8px;
    border: 0;
    border-radius: 8px !important
}

.zoomin {
    transform: scale(1.2);
    margin-top: -34px;
    transform-origin: left top;
    font-size: 13px !important
}

    .zoomin .select2-dropdown .select2-search .select2-search__field {
        margin: 5px;
        max-width: calc(100% - 10px);
        border-radius: 4px;
        border-color: #434a54
    }

.loader {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: flex;
    place-content: center;
    background-color: #fff
}

    .loader img {
        max-width: 100px
    }

.dataTables_wrapper .dt-buttons button.btn:focus {
    box-shadow: none
}

.dataTables_wrapper .dt-buttons button.btn:active {
    background: #74489d !important
}

.mw-150px {
    min-width: 220px
}

.buttons-colvis {
    min-width: 70px;
    color: #000
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #74489d
}

div.dataTables_wrapper div.dataTables_info {
    max-width: 50%;
    float: left
}

div.dataTables_wrapper div.dataTables_paginate {
    max-width: 50%;
    margin-left: auto !important
}

table.dataTable > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px rgb(247 231 221);
    color: #000
}

#contactsbarchart {
    max-height: 220px !important
}

#allcontacts_wrapper .buttons-print {
    margin-right: 26px !important;
    position: relative
}

    #allcontacts_wrapper .buttons-print:after {
        content: "";
        border-right: 2px solid #fbf3f0;
        position: absolute;
        right: -15px;
        height: 100%
    }

.apibtn {
    min-width: 170px;
    color: #000;
    max-width: 176px
}

    .apibtn span {
        font-size: 14px;
        display: block;
        line-height: 20px;
        font-weight: 500
    }

        .apibtn span:hover,
        .apibtn:hover {
            color: #000 !important
        }

table.dataTable td a {
    color: #502f93;
    font-weight: 500
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    background-color: #3e4095 !important
}

.w-20 {
    width: 20px
}

.h-20 {
    height: 20px
}

.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .6)
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, .05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid
}

@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}

.contactdetaillist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    background-color: #f3f3f3;
    padding: 9px;
    gap: 5px
}

    .contactdetaillist .editable {
        position: relative;
        cursor: pointer
    }

        .contactdetaillist .editable:after {
            position: absolute;
            content: "";
            left: 96%;
            background-image: url(images/edit-3.svg);
            width: 18px;
            height: 18px;
            background-size: 100%;
            top: 50%;
            transform: translateY(-50%);
            opacity: .8
        }

        .contactdetaillist .editable:hover:after {
            background-image: url(images/form-edit-hover.svg);
            opacity: 1
        }

    .contactdetaillist li {
        margin-bottom: 0;
        position: relative;
        padding-left: 22px;
        width: calc(33% - 24px);
        margin: 0 10px;
        font-size: 14px
    }

        .contactdetaillist li:last-child {
            margin-bottom: 0
        }

        .contactdetaillist li:after {
            content: "";
            position: absolute;
            width: 7px;
            height: 7px;
            left: 7px;
            border-radius: 100px;
            top: 7px;
            background: #f95c1e;
        }

        .contactdetaillist li strong {
            padding-right: 5px
        }

        .contactdetaillist li span {
            font-weight: 500;
            font-size: 13px
        }

.mxw-150px {
    max-width: 150px
}

#allfamilyrecords thead tr th:first-child {
    min-width: auto;
    white-space: nowrap
}

#allfamilyrecords thead tr th {
    min-width: 60px;
    white-space: nowrap
}

.editform {
    display: none
}

.editbuttons {
    position: absolute;
    top: 20px;
    right: 15px;
    display: none
}

.searchicon {
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.swal2-popup .swal2-styled.swal2-confirm {
    background-color: #74489d !important
}

.swal2-popup .swal2-styled:focus {
    outline: 0;
    box-shadow: none !important
}

apidropdown {
    min-width: 100px
}

.apidropdown span {
    height: 100%;
    width: 100%
}

    .apidropdown span .dropdown-toggle {
        height: 100%;
        padding: 0 8px 0 0
    }

.py-25 {
    padding-top: 11px !important
}

.apidropdown .dropdown-menu li:hover {
    background-color: #74489d !important;
    color: #fff
}

.apidropdown .dropdown-menu {
    min-width: 300px
}

    .apidropdown .dropdown-menu li {
        padding: 5px 10px
    }

.bgclr1 {
    background-color: #0082b3
}

.bgclr2 {
    background-color: #00a2b3
}

    .bgclr2 .icon-box {
        color: #00a2b3 !important
    }

.bgclr3 {
    background-color: #b39600
}

    .bgclr3 .icon-box {
        color: #b39600 !important
    }

.bgclr4 {
    background-color: #b35b00
}

    .bgclr4 .icon-box {
        color: #b35b00 !important
    }

.card-box .icon-box {
    background: #fff;
    color: #0082b3;
    padding: 15px;
    margin: 5px;
    border-radius: 4px
}

.card-box {
    border-radius: 7px
}

.rdcreated {
    height: 250px !important
}

.contactdetaillist {
    position: relative
}

    .contactdetaillist .editable {
        position: relative;
        cursor: pointer
    }

        .contactdetaillist .editable:after {
            position: absolute;
            content: "";
            left: 96%;
            background-image: url(images/edit-3.svg);
            width: 18px;
            height: 18px;
            background-size: 100%;
            top: 50%;
            transform: translateY(-50%);
            opacity: .8
        }

        .contactdetaillist .editable:hover:after {
            background-image: url(images/form-edit-hover.svg);
            opacity: 1
        }

.mxw-150px {
    max-width: 150px
}

.editform {
    display: none
}

.editbuttons {
    position: absolute;
    top: 20px;
    right: 15px;
    display: none
}

.searchicon {
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.swal2-popup .swal2-styled.swal2-confirm {
    background: #f95c1e;
}

.swal2-popup .swal2-styled:focus {
    outline: 0;
    box-shadow: none !important
}

input[type=file]::file-selector-button {
    border: 1px solid #f2bb96 !important;
    font-weight: 600;
    background-color: #f2bb96 !important;
    transition: 1s
}

input[type=file]::-ms-browse:hover {
    background-color: #74489d !important;
    border: 2px solid #00cec9
}

input[type=file]::-webkit-file-upload-button:hover {
    background-color: #74489d !important;
    border: 2px solid #00cec9
}

input[type=file]::file-selector-button:hover {
    background-color: #74489d !important;
    border: 2px solid #00cec9
}

.hovershadow {
    transition: all .3s
}

    .hovershadow:hover {
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
    }

.gray {
    background: #413b79
}

.dark-grayish {
    background: #f95c1e;
}

.text-white {
    color: #fff !important;
}

.py10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.btn-orange {
    border: none;
    background: #f95c1e;
    color: #fff;
    padding: 7px 30px;
    font-weight: 600;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    font-size: 16px;
    text-transform: uppercase
}

input.btn-orange:focus,
input.btn-orange:hover {
    color: #fff;
    text-decoration: none;
    background-color: #19232e
}

.btn-orange:active,
.btn-orange:focus,
.btn-orange:hover {
    color: #fff;
    background-color: #ef8c3a
}

.box-shadow {
    -webkit-box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .75);
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, .75)
}

.footer p a {
    text-decoration: none
}

    .footer p a:hover {
        color: #d7ad51 !important
    }

.logo-Bg-lo img {
    max-height: 75px
}

.top-social-media {
    list-style: none;
    margin: auto;
    display: table;
    margin-top: 0;
    width: auto;
    float: none
}

    .top-social-media li {
        float: left;
        width: 40px;
        height: 40px;
        margin-left: 8px
    }

        .top-social-media li:hover {
            background: #5c4296
        }

        .top-social-media li i {
            color: #fff;
            font-size: 21px;
            padding-top: 9px
        }

        .top-social-media li a {
            text-align: center;
            display: block
        }

.twitter {
    background: #00aced
}

.facebook {
    background: #3b5998
}

.youtube {
    background: #b00
}

.instagram {
    background: #f44f8c
}

.linkedin {
    background: #0077b5
}

.btn-orange20 {
    width: 100%;
    height: 50px
}

.login-container2 label {
    font-weight: 600
}

.ui-datepicker table {
    font-size: 20px !important
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 16px;
    padding: 3px 0;
    margin: 0 3px
}

.ui-datepicker td a,
.ui-datepicker td span {
    padding: 0 5px !important;
    text-align: center !important
}

.top_mail li {
    float: left;
    padding: 0 20px;
    margin: 5px 0
}

    .top_mail li:first-child {
        padding: 0 0
    }

    .top_mail li a {
        text-decoration: none;
        color: #fff
    }

.top_loginBox {
    float: right;
    margin: 0
}

    .top_loginBox li {
        float: left;
        border-left: 1px solid #ccc;
        padding: 0 15px
    }

        .top_loginBox li:first-child {
            border: none
        }

        .top_loginBox li a {
            text-decoration: none;
            color: #fff;
            font-weight: 400;
            font-size: 14px
        }

.logo-Bg-lo2 img {
    max-height: 102px !important;
    margin-top: -37px
}

.btn-outline-primary2:hover a {
    color: #fff
}

.btn-outline-primary2 a {
    color: #fff
}

.Foundation {
    padding-left: 0 !important
}

.right_box2 .form-control {
    height: 45px !important;
    margin-bottom: 0;
    border-radius: 3px !important;
    background: #f6f2f2;
    border: 1px solid #ccc
}

.right_box2 label {
    font-weight: 500;
    padding-bottom: 5px
}

.nav-sidebar li i {
    padding-right: 9px
}

.nav-sub a:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 100px;
    position: absolute;
    left: 0
}

.textnowrap {
    white-space: nowrap
}

.automatically {
    font-size: 14px
}

@media(max-width:992px) {
    .dp {
        display: none
    }
}

@media(max-width:767px) {
    .logo-Bg-lo2 img {
        max-height: 60px !important;
        margin-top: -38px
    }

    .right_box6 .form-select {
        padding: 5px 10px
    }

    .right_box6 .btn-orange {
        font-size: 13px;
        padding: 4px 20px !important
    }

    ._label5 {
        font-size: 14px
    }

    .profile-page3 .nav-link {
        width: 100%
    }

    .logo-Bg-lo23 {
        position: relative;
        top: 2px;
        left: 0
    }

        .logo-Bg-lo23 img {
            margin: auto;
            display: block
        }

    .right_box6 h1 {
        margin: 0
    }

        .right_box6 h1:after {
            margin: 6px auto
        }

    .right_box.right_box6 h2 {
        font-size: 13px;
        margin-top: 0 !important;
        padding: 0
    }

    .right_box6 .donor_form .form-control {
        padding: 5px 10px
    }

    .right_box6 .form-check {
        min-height: 0
    }

    .dataTables_info {
        display: none
    }

    div.dataTables_wrapper div.dataTables_paginate {
        max-width: 100%
    }

    .equalheight {
        padding: 0
    }

    .rdcreated_campaign {
        height: 250px !important
    }

    .date {
        flex-wrap: wrap
    }

        .date .ppp {
            position: absolute;
            right: 34px;
            margin-top: -136px;
            display: none
        }

        .date .pp {
            position: absolute;
            margin-top: -44px;
            right: 35px;
            display: none
        }

    .dataTables_wrapper .dt-buttons button.btn {
        width: 36px
    }

    .date .btn-primary {
        margin-bottom: 41px
    }
}

@media(max-width:480px) {
    .logo-Bg-lo2 img {
        max-height: 48px !important;
        margin-top: 0
    }

    .dps {
        position: absolute;
        right: 0
    }

    .profile_image img {
        height: 70px !important;
        width: 70px !important
    }

    .profile_image .camera-img img {
        height: 30px !important;
        width: 30px !important;
        margin-top: -9px
    }

    .submit_donor2 .btn-primary {
        width: 100%;
        margin-bottom: 5px
    }

    .Member {
        width: 100%
    }
}

.dataTables_scroll {
    margin-bottom: 10px
}

.phead {
    background-color: #f5f5f5;
    padding: 15px 15px 30px;
    border-radius: 12px
}

.content .footer {
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    bottom: -5px;
    width: 100%;
    font-size: 14px
}

#changeperiodmodal .modal-dialog {
    width: 300px
}

    #changeperiodmodal .modal-dialog h1 {
        font-size: 16px !important;
        font-weight: 400
    }

.wrapper {
    padding: 10px;
    background: #fff
}

.tabs {
    margin: 0;
    padding: 0;
    display: flex
}

.tab-link {
    list-style: none;
    padding: 10px 40px;
    color: #000;
    cursor: pointer;
    transition: all ease .5s;
    background: #d7d7d7;
    border-right: 1px solid #fff;
    font-weight: 600;
    font-size: 15px;
    border-bottom: 1px solid #ee6534
}

.Source .tab-link {
    padding: 10px 30px
}

.tab-link.active {
    color: #ee6534;
    border: 1px solid #ee6534;
    border-bottom: none;
    background: #fff
}

.content-wrapper {
    padding: 5px 20px;
    border: 1px solid #ee6534;
    margin-top: -1px
}

.content-wrapper_admin .tab-content {
    display: none;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 10px 0
}

.tab-content.active {
    display: block
}

.right_box2 .form-control:focus {
    box-shadow: none;
    background: #f6f2f2;
    border: 1px solid #ccc
}

.right_box2 .form-select {
    height: 45px !important;
    margin-bottom: 0;
    border-radius: 3px !important;
    border: 1px solid #ccc
}

    .right_box2 .form-select:focus {
        box-shadow: none;
        border: 1px solid #ccc
    }

@keyframes fadeIn {
    100% {
        opacity: 1;
        transform: none
    }
}

/*.donation_fl {float: left; width: auto;}
.donation_fr {float: left; width: auto;margin-left: 15px;}
.donation222222 {width: 100%; display: table;}*/

.btn-orange101 {
    background: #f95c1e;
    -webkit-border-radius: 5px;
    /*border-radius: 100px;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 19px;
    padding: 7px 30px;*/
    text-align: center;
    color: #fff;
    text-decoration: none;
    -webkit-animation: glowing 1.5s infinite;
    -moz-animation: glowing 1.5s infinite;
    -o-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite;
    text-transform: capitalize;
    /*font-weight: 600;
    width: 100%;
    margin: 5px 0*/
}

@-webkit-keyframes glowing {
    0% {
        background-color: #4e0b03;
        -webkit-box-shadow: 0 0 3px #4e0b03
    }

    50% {
        background-color: #500602;
        -webkit-box-shadow: 0 0 40px #500602
    }

    100% {
        background-color: #4e0b03;
        -webkit-box-shadow: 0 0 3px #4e0b03
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #4e0b03;
        -moz-box-shadow: 0 0 3px #4e0b03
    }

    50% {
        background-color: #500602;
        -moz-box-shadow: 0 0 40px #500602
    }

    100% {
        background-color: #4e0b03;
        -moz-box-shadow: 0 0 3px #4e0b03
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #4e0b03;
        box-shadow: 0 0 3px #4e0b03
    }

    50% {
        background-color: #500602;
        box-shadow: 0 0 40px #500602
    }

    100% {
        background-color: #4e0b03;
        box-shadow: 0 0 3px #4e0b03
    }
}

@keyframes glowing {
    0% {
        background-color: #4e0b03;
        box-shadow: 0 0 3px #4e0b03
    }

    50% {
        background-color: #500602;
        box-shadow: 0 0 40px #500602
    }

    100% {
        background-color: #4e0b03;
        box-shadow: 0 0 3px #4e0b03
    }
}


@media(max-width:767px) {
    .donation222222 .col-6 {padding: 0 5px;}

}