/*# sourceMappingURL=custom.min.css.map */
:root {
    --vz-input-focus-border: #919da9;
    --vz-input-focus-bg: #F2F2F2;
    --vz-vertical-menu-bg-dark: #0F36B5;
    --vz-vertical-menu-item-color-dark: #FFF;
    --vz-vertical-menu-title-color-dark: #E9F2FF;
    --vz-border-color: #CFD5DF80;
    --vz-body-bg: #FFF;
    /*--vz-topbar-user-bg: #dbe0e9;*/
    --vz-thems-color: #0F36B5;
    --vz-modal-color: #3f3f3f;
    --vz-input-border: #CFD5DF80;
    --vz-link-color: #0F36B5;
    --vz-btn-active-color: #fff;
    --vz-primary-rgb: 15, 54, 181;
}



:is([data-layout=vertical],[data-layout=semibox])[data-sidebar=dark] .navbar-menu {
    background: var(--vz-vertical-menu-bg-dark);
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-link {
    color: var(--vz-vertical-menu-item-color-dark);
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar=dark] .menu-title {
    color: var(--vz-vertical-menu-title-color-dark);
}

.table-light {
    --vz-table-color: #0F36B5;
    --vz-table-bg: #CCE2FF;
}

.page-link {
    color: #3F3F3F;
}

.btn-primary {
    --vz-btn-color: #fff;
    --vz-btn-bg: #0F36B5;
    --vz-btn-border-color: #0F36B5;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #36538f;
    --vz-btn-hover-border-color: #36538f;
    --vz-btn-focus-shadow-rgb: 102, 86, 190;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #36538f;
    --vz-btn-active-border-color: #36538f;
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #0F36B5;
    --vz-btn-disabled-border-color: #0F36B5;
}


.thems-color {
    color: var(--vz-thems-color);
}

.thems-card {
    border-color: #CCE2FF;
    -webkit-box-shadow: 0 5px 4px #dce1ea;
    box-shadow: 0 5px 4px #CCE2FF;
    border: 2px solid #CCE2FF;
}

table.dataTable {
    margin-top: unset !important;
}

.btn-label .label-icon {
    background-color: transparent;
}

.btn-label {
    padding-left: inherit;
}

.page-title-box {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-label {
    font-weight: bold;
}

.form-control {
    border-width: 2px;
}

.material-shadow-none {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*
.form-control:focus {
    background-color: var(--vz-input-focus-bg);
}
    */

.dataTables_processing {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

.bg-info-subtle {
    background-color: var(--vz-modal-color);
}

.parsley-errors-list {
    list-style: none;
    padding-left: 0 !important;
}

.parsley-required {
    color: #FF5F00;
    font-weight: 600;
}

.parsley-type {
    color: #FF5F00;
    font-weight: 600;
}

.dataTables_length label {
    font-weight: bold !important;
}

.dataTables_filter label {
    font-weight: bold !important;
}

.table-card div.dataTables_wrapper .col-md-6 {
    width: 50%;
}

.dataTables_info {
    font-weight: bold !important;
}

.parsley-custom-error-message {
    color: #FF5F00;
    font-weight: 600;
}

.parsley-maxlength {
    color: #FF5F00;
    font-weight: 600;
}

.choices__list {
    z-index: 9999 !important;
}

[data-filepond-item-state*='error'] .filepond--file-wrapper,
[data-filepond-item-state*='load-invalid'] .filepond--file-wrapper,
[data-filepond-item-state*='invalid'] .filepond--file-wrapper {
    background-color: red;
}

.topbar-user {
    background-color: unset !important;
}

.char-count-display {
    background-color: #777;
    margin-top: -20px;
    margin-right: 5px;
}

.campaign-title {
    word-wrap: break-word;
    white-space: normal;
    overflow: visible;
}


/*****************/

.page-content {
    padding-bottom: 30px !important;
}

@media (min-width: 768px) {
    :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] {
        min-height: 100vh;
    }
}

.navbar-nav {
    position: relative;
    z-index: 100;
}

.rounded-button {
    border-radius: 10px;
}

.custom-rounded {
    border-radius: 10px;
    height: 35px;
}

.navbar-menu:not(:hover) .navbar-nav {
    width: 55px;
    margin: 0 auto;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-link span {
    white-space: nowrap;
    font-size: 13px;
}

div#scrollbar {
    z-index: 100;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu {
    position: fixed;
}

.app-menu.navbar-menu {
    z-index: 9999;
    transition: all .5s ease-out;
    height: 100vh;

}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item.nav-active > a.menu-link {

}

.navbar-menu .navbar-nav .nav-item > a.menu-link .nav-icon img {
    height: 15px;
    width: 15px;

}

.navbar-menu .navbar-nav .nav-item > a.menu-link .nav-icon i {
    font-size: 18px;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu:hover {
    width: 200px !important;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item.nav-active {
    margin-bottom: 10px;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar=dark][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown {
    display: none;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link:after {
    display: none;;
}


:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu:not(:hover) .navbar-nav .nav-item.nav-active > a.menu-link .nav-icon {
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
    width: 100%;
}


.navbar-menu .navbar-nav .nav-item > a.menu-link {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 5px;
}

.navbar-menu .navbar-nav .nav-item {
    padding: 0 10px;
}


.navbar-menu .navbar-nav .nav-item > a.menu-link span, .navbar-menu .navbar-nav .nav-item > a.menu-link:hover span {
    padding-left: 10px !important;
}

.navbar-menu:hover .navbar-nav .nav-item > a.menu-link:hover .nav-icon .nav-normal {
    display: none;
}

.navbar-menu .navbar-nav .nav-item > a.menu-link .nav-icon {
    width: 24px;
    height: 25px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-menu:hover .navbar-nav .nav-item > a.menu-link {
    border-radius: 30px;
}

.navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
    background-color: #fff !important;

}

.navbar-menu .navbar-nav .nav-item:hover > a.menu-link span, .navbar-menu .navbar-nav .nav-item:hover > a.menu-link .nav-icon i,
.navbar-menu .navbar-nav .nav-item.nav-active > a.menu-link span {
    color: var(--vz-vertical-menu-bg-dark);
}

.navbar-menu .navbar-nav .nav-item.nav-active a {
    background: #fff;
    border-radius: 30px;
}

.navbar-menu .navbar-nav .simplebar-content li {
    margin-bottom: 5px;
}


/*
.navbar-menu .navbar-nav .nav-item.nav-active >a.menu-link .nav-icon .nav-normal{
	display:none;
}

.navbar-menu .navbar-nav .nav-item .nav-title {
    opacity:0;
    visibility:hidden;
    position: absolute;
    top: -24px;
    font-size: 12px;
    background: #3f3f3f;
    border:1px solid #cfd5df;
    white-space: nowrap;
    border-radius: 4px;
    padding: 4px 8px !important;
    left: 10px;
    display: block;
    z-index: 100;
}
    */

.navbar-menu .navbar-nav .nav-item .nav-title {

}


:is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .navbar-menu:hover .navbar-nav .nav-link span {
    display: block;
}

.navbar-menu .navbar-nav .nav-item:hover .nav-title {
    visibility: visible;
    opacity: 1;
}

.navbar-menu .navbar-nav .nav-item .nav-hover {
    position: absolute;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-menu .navbar-nav .nav-item:hover .nav-hover, .navbar-menu .navbar-nav .nav-item.nav-active .nav-hover {
    visibility: visible;
}

.nav-hover {
    color: var(--vz-vertical-menu-bg-dark)
}


.header-search form {
    background: #CCE1FF;
    /*background:var(--vz-vertical-menu-title-color-dark);*/
    max-width: 350px;
}

.header-search form input{
    padding: 5px;
}

.header-search form input::placeholder {
    color: #3f3f3f;
}

.header-notification > button {
    background: var(--vz-input-border);
    height: 48px;
    width: 48px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.header-notification > button.active-dot:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 8px;
    background: var(--vz-vertical-menu-bg-dark);
    position: absolute;
    top: 3px;
    right: -1px;
}

button#page-header-user-dropdown {
    background: #CCE1FF;
    border-radius: 30px;
    padding: 4px 10px 4px 3px;
}

button#page-header-user-dropdown > span:after {
    display: inline-block;
    margin-left: 10px;
    vertical-align: .255em;
    content: "";
    border-top: .5em solid;
    border-right: 0.5em solid transparent;
    border-bottom: 0;
    border-left: .5em solid transparent;
}


.navbar-header .user-name-text {
    color: var(--vz-thems-color);
}


.header-profile-user {
    height: 38px;
    width: 38px;
}

.header-notification .dropdown-menu {
    background: var(--vz-vertical-menu-title-color-dark);
    max-width: 500px;
    min-width: 500px;
}

.notification-item {
    padding-top: 25px;
    padding-bottom: 25px;
    gap: 30px;
    border-radius: 6px;
}


.notification-item h4 {
    font-size: 20px;
    color: #323232;
}

.notification-item h4 span {
    color: #8c8c8c;
}

.notification-item h6 {
    font-size: 12px;
    color: #343434;
}

.unread-notification {
    background: #ffffff;
}

.subpage-nav {
    background-color: var(--vz-vertical-menu-title-color-dark);
}

.thems-card {
    box-shadow: none;

}


.thems-card .dataTables_wrapper > .row:first-child > div:first-child {
    min-height: 58vh;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: start;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li:first-child a,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li:last-child a {
    color: #0F36B5;
    border: 1.5px solid #0F36B5;
    border-radius: 6px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li:last-child {
    margin-left: auto;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li:nth-child(2) {
    margin-left: auto;
}

.page-item.active .page-link {
    background: var(--vz-vertical-menu-bg-dark);
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.subpage-nav ul {
    list-style: none;
    padding: 15px 0px;
}

.subpage-nav li {
    padding: 10px 15px;
    position: relative;
}

.subpage-nav li a {
    padding: 0 10px;
    display: block;
    color: var(--vz-vertical-menu-bg-dark);
    font-size: 14px;
}

.subpage-nav .subpage-active-btn a {
    padding: 10px 10px;
    border-radius: 10px;
    background: var(--vz-vertical-menu-bg-dark);
    color: #ffffff;
}

.subpage-nav #sidenav-toggle {
    z-index: 999;
}

#page-sidenav {
    transition: width 0.3s ease-in-out;
}

.page-inner-content, .page-title-box, .subpage-nav ul {
    transition: width 0.3s ease-in-out;
}

#page-sidenav.hidden .page-title-box, #page-sidenav.hidden .subpage-nav ul {
    width: 0;
    overflow: hidden;
    visibility: hidden;
}

#page-sidenav.hidden {
    width: 0;
    padding: 0;
}

#page-sidenav.hidden > div {
    width: 15px;
    margin-left: -15px;
    z-index: 9;
}

#page-sidenav.hidden .subpage-nav {
    border-radius: 0 10px 10px 0 !important;
}

.breadcrumb li, .breadcrumb li a, .breadcrumb-item.active {
    color: #b2b9c7;
}

#payment-form-validation input, #payment-form-validation select, #payment-form-validation textarea, #payment-form-validation checkbox {
    color: #0F36B5 !important;
    border-color: #b2b9b7 !important;
    border-radius: 8px;
}

.regular {
    font-weight: 400;
}

.color-3f3f3f {
    color: #3f3f3f;
}

.color-b2b9c7 {
    color: #b2b9c7;
}

.color-1a305d {
    color: #0F36B5;
}

.color-909cb6 {
    color: #909cb6;
}

.color-c6cbd0 {
    color: #c6cbd0
}

.tag-list span {
    background: #dbe0e9;
    display: inline-block;
    color: #3f3f3f;
    padding: 4px 12px;
    border-radius: 6px;
    font-weight: 400;
    font-size: 12px;
}

form.table-search {
    border-color: #CCE1FF !important;
}

#profilemodal {
    width: 1020px;
    margin: 0 0 0 auto;
    height: 100vh;
}

#clonePageModal {
    width: 80%;
    margin: 0 0 0 auto;
    height: 100vh;
}

#editPageModal {
    width: 80%;
    margin: 0 0 0 auto;
    height: 100vh;
}

#addProfileModal {
    width: 80%;
    margin: 0 0 0 auto;
    height: 100vh;
    z-index: 9999;
}

#cloneModal {
    width: 1020px;
    margin: 0 0 0 auto;
    height: 100vh;
}

#adminmodal {
    width: 1020px;
    margin: 0 0 0 auto;
    height: 100vh;
}

#profilemodal .tab-content {
    height: calc(100vh - 56px);
    overflow: auto;
    overflow-x: hidden;
}

#clonePageModal .tab-content {
    height: calc(100vh - 56px);
    overflow: auto;
    overflow-x: hidden;
}

#editPageModal .tab-content {
    height: calc(100vh - 56px);
    overflow: auto;
    overflow-x: hidden;
}

#addProfileModal .tab-content {
    height: calc(100vh - 56px);
    overflow: auto;
    overflow-x: hidden;
}

#adminmodal .tab-content {
    height: calc(100vh - 56px);
    overflow: auto;
    overflow-x: hidden;
}

#cloneModal .tab-content {
    height: calc(100vh - 56px);
    overflow: auto;
    overflow-x: hidden;
}

#profile-tab-pane {
    padding-top: 22px;
}

#adminmodal-tab-pane {
    padding-top: 22px;
}

/* width */
#profilemodal .tab-content::-webkit-scrollbar {
    width: 12px;
}

#clonePageModal .tab-content::-webkit-scrollbar {
    width: 12px;
}

#editPageModal .tab-content::-webkit-scrollbar {
    width: 12px;
}

#addProfileModal .tab-content::-webkit-scrollbar {
    width: 12px;
}

#cloneModal .tab-content::-webkit-scrollbar {
    width: 12px;
}

#adminmodal .tab-content::-webkit-scrollbar {
    width: 12px;
}

/* Track */
#profilemodal .tab-content::-webkit-scrollbar-track {
    background: #cfd5df;
    width: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    background-clip: padding-box;
}

#clonePageModal .tab-content::-webkit-scrollbar-track {
    background: #cfd5df;
    width: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    background-clip: padding-box;
}

#editPageModal .tab-content::-webkit-scrollbar-track {
    background: #cfd5df;
    width: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    background-clip: padding-box;
}

#addProfileModal .tab-content::-webkit-scrollbar-track {
    background: #cfd5df;
    width: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    background-clip: padding-box;
}

#adminmodal .tab-content::-webkit-scrollbar-track {
    background: #cfd5df;
    width: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    background-clip: padding-box;
}

/* Handle */
#profilemodal .tab-content::-webkit-scrollbar-thumb {
    background: #ffffff; /* Gradient color */
    border-radius: 20px;
    border: 1px solid #b2b9c7;
}

#clonePageModal .tab-content::-webkit-scrollbar-thumb {
    background: #ffffff; /* Gradient color */
    border-radius: 20px;
    border: 1px solid #b2b9c7;
}

#editPageModal .tab-content::-webkit-scrollbar-thumb {
    background: #ffffff; /* Gradient color */
    border-radius: 20px;
    border: 1px solid #b2b9c7;
}

#addProfileModal .tab-content::-webkit-scrollbar-thumb {
    background: #ffffff; /* Gradient color */
    border-radius: 20px;
    border: 1px solid #b2b9c7;
}

#cloneModal .tab-content::-webkit-scrollbar-thumb {
    background: #ffffff; /* Gradient color */
    border-radius: 20px;
    border: 1px solid #b2b9c7;
}

#adminmodal .tab-content::-webkit-scrollbar-thumb {
    background: #ffffff; /* Gradient color */
    border-radius: 20px;
    border: 1px solid #b2b9c7;
}

#profilemodal button.btn-close[data-bs-dismiss="offcanvas"],
.offcanvas .btn-close {
    position: absolute;
    left: -45px;
    background: #fff;
    opacity: 1;
    color: #000;
    width: 30px;
    height: 30px;
    top: 10px;
    border-radius: 6px;
}

#clonePageModal button.btn-close[data-bs-dismiss="offcanvas"] {
    position: absolute;
    left: -45px;
    background: #fff;
    opacity: 1;
    color: #000;
    width: 30px;
    height: 30px;
    top: 10px;
    border-radius: 6px;
}

#editPageModal button.btn-close[data-bs-dismiss="offcanvas"] {
    position: absolute;
    left: -45px;
    background: #fff;
    opacity: 1;
    color: #000;
    width: 30px;
    height: 30px;
    top: 10px;
    border-radius: 6px;
}

#addProfileModal button.btn-close[data-bs-dismiss="offcanvas"] {
    position: absolute;
    left: -45px;
    background: #fff;
    opacity: 1;
    color: #000;
    width: 30px;
    height: 30px;
    top: 10px;
    border-radius: 6px;
}

#cloneModal button.btn-close[data-bs-dismiss="offcanvas"] {
    position: absolute;
    left: -45px;
    background: #fff;
    opacity: 1;
    color: #000;
    width: 30px;
    height: 30px;
    top: 10px;
    border-radius: 6px;
}

#adminmodal button.btn-close[data-bs-dismiss="offcanvas"] {
    position: absolute;
    left: -45px;
    background: #fff;
    opacity: 1;
    color: #000;
    width: 30px;
    height: 30px;
    top: 10px;
    border-radius: 6px;
}


#savemodal button.btn-close {
    position: relative;
    margin-left: auto;
    background: transparent;
    width: 30px;
    height: 30px;
}

#savemodal .btn-secondary {
    background: #ebeFF3;
    color: #3f3f3f;
}

#profileTab {
    padding: 8px;
    background: #dce1ea;
    border: 0;
}

#adminTab {
    padding: 8px;
    background: #dce1ea;
    border: 0;
}

#profileTab .nav-item .nav-link {
    color: #0F36B5;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 600;
}

#adminTab .nav-item .nav-link {
    color: #0F36B5;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 600;
}


#profileTab .nav-item.show .nav-link, #profileTab .nav-link.active {
    color: #fff;
    background: #0F36B5;
    border-radius: 6px;
    padding: 12px 15px;
}

#adminTab .nav-item.show .nav-link, #adminTab .nav-link.active {
    color: #fff;
    background: #0F36B5;
    border-radius: 6px;
    padding: 12px 15px;
}


#profileTab .nav-tabs .nav-link {
    border: 0;
}

#adminTabQ .nav-tabs .nav-link {
    border: 0;
}

.profile-img {
    height: 86px;
    width: 86px;
    border-radius: 50%;
    object-fit: cover;
}

.profile-card, .bg-a5ffb8 {
    background: #bfd4ff;
}

.assignee-bg-a5ffb8 {
    background: #bfd4ff;
}

.profile-card * {
    color: #0F36B5;
}

.btn-plain {
    color: #0F36B5;
}

.bg-edff8e {
    background-color: #edff8e;
}

.bg-edff8e {
    background-color: #edff8e;
}

.bg-e7ebff {
    background-color: #e7ebff;
}

.text-00ac47 {
    color: #00ac47;
}

.assignee-text-00ac47 {
    color: #00ac47;
}

.text-859046 {
    color: #859046;
}

.text-324ee8 {
    color: #324ee8;
}

.profile-chart-item {
    background: #dce1ea;
    border-radius: 12px;
    padding: 10px;
}

.chart-wrapper {
    height: 80px;
    position: relative;
}

.chart-wrapper h3 {
    font-weight: 700;
    font-size: 22px;
}

div#savemodal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

tr td .form-check-input {
    width: 18px;
    height: 18px;
    border-width: 2px;
    border-color: #cfd5df;
    border-radius: 5px !important;
}

tr th .form-check-input {
    width: 18px;
    height: 18px;
    border-width: 2px;
    border-color: #0F36B5;
    background: transparent;
    border-radius: 5px !important;
}

.dataTable tr th {
    font-size: 12px;
    font-weight: 600;
}

table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting:after {
    font-size: 1.3rem;
}

table.dataTable > thead .sorting:before {
    top: -5px;

}

table.dataTable > thead .sorting:after {
    top: 3px;
}

#datatable-table_previous a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 15px;
    vertical-align: middle;
    margin-right: 5px;
    background: url(../images/icon/prev-arrow.svg) no-repeat center;
}

#datatable-table_next a:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 15px;
    vertical-align: middle;
    margin-left: 5px;
    background: url(../images/icon/next-arrow.svg) no-repeat center;
}

form.form-format-step1 label {
    cursor: pointer;
}

form.form-format-step1 label p {
    color: #000;
    opacity: .7;
}

form.form-format-step1 input[type=radio]:checked ~ label, .form-format-step2 input[type=radio]:checked ~ label {
    border-color: #000 !important;
}

form.form-format-step1 label .inpuct-checked, .form-format-step2 label .inpuct-checked {
    opacity: 0;
    visibility: hidden;
}

form.form-format-step1 input[type=radio]:checked ~ label .inpuct-checked, .form-format-step2 input[type=radio]:checked ~ label .inpuct-checked {
    visibility: visible;
    opacity: 1;
}

ul#pageTab li button:hover {
    border: 0 !important;
}

ul#pageTab li button {
    border: 0;
    border-bottom: 5px solid transparent;
    color: #000;
    opacity: .7;
}

ul#pageTab li button.active {
    background: transparent;
    border: 0;
    border-bottom: 5px solid #0F36B5;
    color: #0F36B5;
    opacity: 1;
}

.add-item-popup .modal-lg {
    max-width: 600px;
}

.add-item-popup .form-control::placeholder {
    opacity: 1;
    color: #B2B9C7;
}


.add-item-popup .form-control, .add-item-popup .form-select {
    border-radius: 8px;
    border: 1px solid #b2b9c7;
    color: #3f3f3f;
    font-size: 14px;
    font-weight: 400;
}

.add-item-popup .form-control:focus, .add-item-popup .form-select:focus {
    border-color: #0F36B5;
}

.add-item-popup label.form-label {
    font-size: 12px;
    font-weight: 400;
    color: #3f3f3f;
    margin-bottom: 8px;
    line-height: 14px;
}


.add-item-popup .add-edit-form-inner {
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;

}

#bulkAddTagsForm .add-edit-form-inner {
    min-height:300px
}

/* width */
.add-item-popup .add-edit-form-inner::-webkit-scrollbar, .ms-container .ms-list::-webkit-scrollbar {
    width: 12px;

}

/* Track */
.add-item-popup .add-edit-form-inner::-webkit-scrollbar-track, .ms-container .ms-list::-webkit-scrollbar-track {
    background: #cfd5df;
    width: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    background-clip: padding-box;
}


/* Handle */
.add-item-popup .add-edit-form-inner::-webkit-scrollbar-thumb, .ms-container .ms-list::-webkit-scrollbar-thumb {
    background: #ffffff; /* Gradient color */
    border-radius: 20px;
    border: 1px solid #b2b9c7;
    max-height: 100px;
}


.add-item-popup .modal-content {
    background: transparent;
}

.add-item-popup .modal-header {
    background: #ffffff;
    padding-bottom: 10px !important;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 12px 24px 10px;
}

.add-item-popup .modal-header .modal-title {
    color: #3f3f3f;
}

.add-item-popup .modal-header .btn-close {
    background: transparent;
    opacity: 1;
    padding: 0;
    width: 30px;
    height: 30px;
}

.add-item-popup .modal-body {
    padding: 0;
}

.add-edit-form-scroll {
    background: #fff;
    border-top: 1px solid #CFD5DF;
    padding-left: 25px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.add-edit-form-scroll label + span.bg-light {
    line-height: 12px;
}

.add-edit-form-footer {
    margin-top: 20px;
    padding: 12px 24px;
    background: #fff;
    border-radius: 16px;
}

.add-edit-form-footer button {
    min-width: 160px;
    box-shadow: none;
    padding: 12px;
}

.add-edit-form-footer button.btn-light {
    background: #EBEFF3;
}

.flatpickr-months, .flatpickr-weekdays, span.flatpickr-weekday {
    background-color: #0F36B5;
}

.ms-container .ms-optgroup-label {
    font-size: 12px;
    color: #3f3f3f;
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    color: #B2B9C7;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background-color: #0F36B5 !important;
}

.ms-container .ms-list.ms-focus {
    border-color: rgb(85 24 149 / 80%) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(85 24 149 / 60%) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(85 24 149 / 60%) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(85 24 149 / 60%) !important;

}

.modal-backdrop {
    background: rgba(0, 0, 0, 0.20);
    opacity: 1;
}

.modal-backdrop.show {
    opacity: 1;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--vz-btn-active-color);
    background-color: #0F36B5;
    border-color: #0F36B5;
}

ul.profile-action-dropdown {
    border-radius: 16px;
    padding: 15px;
    border: 2px solid #dbe0e9;
    box-shadow: none;
    min-width: 220px;
}


ul.profile-action-dropdown li a {
    color: #0F36B5;
}

ul.profile-action-dropdown li {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 6px;
}

ul.profile-action-dropdown li.active, ul.profile-action-dropdown li:hover {
    padding: 10px 12px;
    background: #dbe0e9;
    color: #0F36B5;
    font-weight: 600;
    border-radius: 8px;
}

ul.profile-action-dropdown li.action-delete a {
    color: #FF5882;
    font-weight: 600;
}

.profile-wrapper {
    padding-bottom: .4rem;
    margin-bottom: .4rem;
}


.filter-btn {
    color: #0F36B5;
    font-size: 12px;
    font-weight: 600;
}

.filter-btn:hover {
    background: transparent !important;
    color: #0F36B5;
}

.filter-btn img, .action-btn img {
    margin-right: 5px;
}

.btn.action-btn {
    opacity: 1;
}


.action-btn:disabled {
    background-color: #ebeff382 !important;
}

.action-btn, .action-btn:hover {
    background-color: #dbe0e9 !important;
    color: #0F36B5 !important;
    font-size: 12px;
    font-weight: 600;
    padding: 12px 15px;
    border: 0px !important;
    box-shadow: none;
    opacity: 1 !important;
}

.action-btn.show {
    background-color: #dbe0e9 !important;
}

.action-btn:after {
    display: none;
}


.action-dropdown ul li img, .action-dropdown ul li i {
    margin-right: 9px !important;
    width: 15px;
}

.user-info-col a.profile-button {
    font-size: 14px;
    font-weight: 600;
    color: #3f3f3f;
    text-transform: capitalize;
}

.user-info-col a.company-button {
    font-size: 14px;
    font-weight: 600;
    color: #3f3f3f;
    text-transform: capitalize;
}

.user-info-col a.contact-hover-class {
    font-size: 14px;
    font-weight: 600;
    color: #3f3f3f;
    text-transform: capitalize;
}

form.table-search input {
    font-size: 12px;
    color: #B2B9C7;
    line-height: 20px;
}

form.table-search input:focus{
    outline: none;
    border: 0;
}

form.table-search input::placeholder {
    color: #B2B9C7;
}

.action-dropdown ul.dropdown-menu {
    border: 2px solid #dbe0e9;
    border-radius: 16px;
    padding: 15px;
    background: #ffffff;
    min-width: 240px;
}

.action-dropdown ul.dropdown-menu li a img {
    margin-right: 10px;
}

.action-dropdown ul.dropdown-menu li a {
    font-size: 14px !important;
    color: #0F36B5 !important;
    padding: 6px 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    font-weight: 400 !important;
}

.action-dropdown ul.dropdown-menu li:hover a {
    font-weight: 700;

    background: #dbe0e9;
}

.action-dropdown ul li.action-delete a {
    color: #FF5882 !important;
}

.user-info-col {
    position: relative;
}


.user-info-hover {
    position: absolute;
    background: #fff;
    padding: 16px;
    z-index: 99;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
    border-radius: 8px;
    min-width: 266px;
    left: 20px;
    top: 46px;
    transform: scale(100%, 0);
    visibility: hidden;
    transition: all .4s;
    transform-origin: top;
}

.user-info-col:hover .user-info-hover {
    visibility: visible;
    transform: scale(100%, 100%);
}


.user-info-hover a.contact-btn {
    width: 100%;
    text-align: center;
    background: #e9f2ff;
    padding: 8px 12px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: var(--vz-vertical-menu-bg-dark);
    border-radius: 8px;
    margin-top: 16px;
}

.user-info-initial {
    min-width: 40px;
    width: 40px;
    height: 40px;
    background: #dbe0e9;
    border-radius: 50%;
    object-fit: cover;
}

.user-assignee-initial {
    background: #CCE1FF;
    min-width: 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #3F3F3F;
    margin-right: 6px;
    text-transform: uppercase;
}

.user-assignee-col {

    font-size: 12px;
    color: #3F3F3F;
    font-weight: 400;
}


.datatable-top-btn {
    padding: 12px 14px;
    font-size: 12px;
    line-height: 14px;


}

.datatable-top-btn svg {
    width: 17px;
    height: 17px;
}


.user-info-hover h6 {
    font-size: 14px;
    color: #030712;
    margin: 0;
}

.user-info-hover a {
    color: #9699A4;
    font-size: 10px;
}

.user-info-hover h6 + div {
    margin: 2px 0;
}

.user-info-col p {
    margin: 0;
    font-size: 12px;
    color: #3F3F3F;
}


.campaign-modal .btn-close {
    background: transparent;
    opacity: 1;
    padding: 0;
    width: 30px;
    height: 30px;
}

.campaign-modal .nav-tabs {
    border-radius: 10px;
}

.campign-overview-right {
    height: calc(100vh - 130px);
    overflow: auto;
}

/* width */
.campign-overview-right::-webkit-scrollbar {
    width: 12px;
}

/* Track */
.campign-overview-right::-webkit-scrollbar-track {
    background: #cfd5df;
    width: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    background-clip: padding-box;
}

/* Handle */
.campign-overview-right::-webkit-scrollbar-thumb {
    background: #ffffff; /* Gradient color */
    border-radius: 20px;
    border: 1px solid #b2b9c7;
}

.modal-content {
    border-radius: 16px;
}

.campaign-overview-card {
    background: #dce1ea;
    border-radius: 12px;
    padding: 10px;
}

.campaign-overview-card p {
    margin-bottom: 5px;
    color: #3f3f3f;
    padding-top: 15px;
}

.campaign-overview-card h2 {
    font-size: 40px;
    color: #3f3f3f;
}

.campaign-overview-card .status-btn {
    background: #bfd4ff;
    color: #00AC47;
    font-weight: 600;
    font-size: 12px;
    padding: 6px 8px;
    border-radius: 20px;
}

.campaign-overview-card .inactive-status-btn {
    background: #FFA5A5;
    color: #AC0000;
    font-weight: 600;
    font-size: 12px;
    padding: 6px 8px;
    border-radius: 20px;
}

.campaign-activity {
    background: #C9FFD4;
    border-radius: 14px;
    padding: 14px 16px 16px;
}

.campaign-fund-card {
    background-color: #bfd4ff;
    border-radius: 14px;
    padding: 8px 12px;
    width: 50%;
}

.campaign-activity h2 {
    color: #3f3f3f;
    font-size: 20px;
    font-weight: 500;
}

.campaign-activity select, .campaign-overview-donation select {
    border-radius: 4px;
    border: 0;
    padding: 3px 0px;
}

.campaign-fund-card p {
    font-weight: 600;
    color: #3f3f3f;
    font-size: 10px;
}

.campaign-fund-card h3 {
    color: #3f3f3f;
    font-size: 54px;
    font-weight: 400;
}

#detailsModal.campaign-modal {
    width: 1020px;
    margin: 0 0 0 auto;
    height: 100vh;
}

.campaign-fund-user-activity {
    margin-top: 25px;
}

.campaign-fund-connection img {
    width: 29px;
    height: 29px;
    object-fit: cover;
    border-radius: 50%;
}

.campaign-add-connection {
    width: 29px;
    height: 29px;
    border: 1px solid #CFD5DF;
    color: #CFD5DF;
    background: #ffffff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-left: -10px;
}

.campaign-fund-connection img + img {
    margin-left: -10px;
}

.campaign-fund-user-activity span {
    font-size: 12px;
    font-weight: 700;
}

.campaign-overview-donation {
    padding: 16px;
    border-radius: 14px;
    background-color: #dce1ea;
}

.campaign-overview-donation h2 {
    font-size: 16px;
    color: #3f3f3f;
    font-weight: medium;
}


.swal2-popup {
    width: 482px;
    padding: 24px;
    border: 1px solid #CFD5DF;
    border-radius: 16px;
}

.swal2-icon {
    display: none !important;
}

.swal2-popup .swal2-title {
    color: #3f3f3f;
}

.swal2-popup .swal2-html-container {
    color: #909CB6;
    font-size: 12px;
}

.swal2-actions .swal2-confirm {
    background: #EBEFF3;
    border-color: #EBEFF3;
    box-shadow: none;
    color: #3f3f3f;
    font-weight: 600;
    font-size: 12px;
    min-width: 160px;
    height: 42px;
    border-radius: 8px;
    margin: 0 !important;
}

.swal2-actions .swal2-cancel {
    background: #0F36B5;
    border-color: #0F36B5;
    box-shadow: none;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    min-width: 160px;
    height: 42px;
    border-radius: 8px;
}

.swal2-actions {
    justify-content: space-between;
    width: 100%;
    margin-top: 36px;
}

#address-display {
    word-break: break-word;
}

#addEditImageForm:hover .profile-pic-hover {
    visibility: visible;
}

#admin-image:hover .profile-pic-hover {
    visibility: visible;
}

#campaign-image:hover .profile-pic-hover {
    visibility: visible;
}

.profile-pic-hover {
    height: 86px;
    width: 86px;
    border-radius: 50%;
    background-color: rgb(0 0 0 / 72%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    visibility: hidden;
    cursor: pointer;
}

.profile-pic-hover img {
    width: 30px;
}


#addEditImageForm .user-assignee-initial {
    height: 86px;
    width: 86px;
    margin: 0 auto;
    font-size: 22px;
}

#campaign-image .user-assignee-initial {
    height: 86px;
    width: 86px;
    margin: 0 auto;
    font-size: 22px;
}

#admin-image .user-assignee-initial {
    height: 86px;
    width: 86px;
    margin: 0 auto;
    font-size: 22px;
}

@media screen and (min-width: 1600px) {
    #page-sidenav {
        max-width: 250px;
    }

    .page-inner-content {
        width: calc(100% - 250px);
    }

    .page-inner-content.col-md-12 {
        width: 100%;
    }

}

/*Datable*/
table.dataTable thead span.sort-icon {
    /*  display: inline-block;*/
    padding-left: 20px;
    width: 16px;
    height: 16px;
}

table.dataTable thead .sorting span {
    background: url('../images/sort_both.png') no-repeat center right;
}

table.dataTable thead .sorting_asc span {
    background: url('../images/sort_asc.png') no-repeat center right;
}

table.dataTable thead .sorting_desc span {
    background: url('../images/sort_desc.png?v=1') no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled span {
    background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_asc_disabled.png') no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled span {
    background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_desc_disabled.png') no-repeat center right;
}

table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_asc_disabled::before,
table.dataTable thead .sorting_desc_disabled::before {
    content: "";
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after {
    content: "";
}

.hamburger-icon.open span, .hamburger-icon.open {
    transform: none !important;
}

.hamburger-icon.open span:nth-child(1) {
    top: 0;
    left: 0;
    width: 80%;
}

.hamburger-icon.open span:nth-child(2) {
    top: 6px;
    left: 0;
    width: 100%;
}

.hamburger-icon.open span:nth-child(3) {
    top: 13px;
    left: 0;
    width: 60%;
}


.org-profile-upload label {
    width: 106px;
    height: 106px;
    border-radius: 50%;
    background: #EBEFF3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #B2B9C7;
    cursor: pointer;
    position: relative;
}

.export-btn, .export-btn:hover {
    font-size: 12px;
    font-weight: 600;
    color: #0F36B5;
}

.export-btn:hover {
    background: transparent;
}

.export-btn img {
    margin-right: 5px;
    margin-top: -4px;
}

.receipt-detail-box {
    padding: 10px;
    background-color: #E7EBFF;
    border-radius: 6px;
}

.integration-box, .payment-box {
    padding: 20px 10px;
    border-radius: 6px;
    border: 1px solid #EFEFEF;
}

.email-disabled {
    background-color: gray;
    cursor: not-allowed;
}

.email-action-button-disable {
    background-color: gray;
    cursor: not-allowed;
    pointer-events: none;
}

.integration-box span, .premium-box span {
    min-width: 45px;
    width: 45px;
    height: 45px;
    background: #0F36B5;
}

.payment-box span {
    min-width: 45px;
    width: 45px;
    height: 45px;
    background: #00AC47;
}

.integration-box span img, .payment-box span img, .premium-box span img {
    width: 45px;
    height: 45px;
    object-fit: cover;
}

.integration-box p, .payment-box p, .premium-box p {
    color: #A5A5A5;
}

.integration-box .btn, .payment-box .btn, .premium-box .btn {
    border-radius: 8px;
    border: 1.5px solid #CFD5DF;
    font-size: 12px;
    font-weight: 600;
    color: #3f3f3f;
    background: #fff;
    box-shadow: none;
    min-width: 124px;
    height: 43px;
    text-align: center;
    line-height: 26px;
}

.integration-box .connect-btn {
    background: #bfd4ff;
    color: #00AC47;
}

.payment-box .connect-btn {
    background: #bfd4ff;
    color: #00AC47;
}

.payment-box .signup-btn {
    background: #dbe0e9;
}

.premium-box {
    border-radius: 6px;
    border: 1px solid #00AC47;
    box-shadow: 0 4px 4px #00000040;
}

.form-design-popup.add-item-popup .modal-lg {
    max-width: 900px;
}

.form-design-custom .form-control {
    padding: 0;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border: 2px solid #fff;
    border-radius: 0;
    box-shadow: 0 0 0px 1px #aeaeae;
    margin-left: 1px;
}

.color-wrapper b {
    display: block;
    padding-bottom: 5px;
}

.color-wrapper > div:not(:last-child) {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.color-wrapper .color-label {
    display: inline-flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    vertical-align: middle;
    padding-right: 10px;
}

.color-wrapper::-webkit-scrollbar {
    display: none;
}


.color-wrapper .color-label label.form-label {
    margin-bottom: 0;
    width: 150px;
}

.org-profile-upload .profile-img + span {
    background: #0000009c;
    z-index: 99;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
}

.org-profile-upload:hover .profile-img + span {
    opacity: 1;
    visibility: visible;
}

.org-profile-upload .profile-img {
    width: 106px;
    height: 106px;
    object-fit: cover;
    border-radius: 50%;
    position: absolute;
}

.color-wrapper .color-label input {
    width: 110px;
    border: 1px solid #ccc;
    padding-top: 3px;
    padding-bottom: 3px;
}

.form-design-popup .form-design-custom {
    height: 70vh;
    overflow: auto;
}

/* Width */
.form-design-popup .form-design-custom::-webkit-scrollbar, .form-design-wrapper::-webkit-scrollbar,
.form-inner-wrapper::-webkit-scrollbar  {
    width: 12px;

}

/* Track */
.form-design-popup .form-design-custom::-webkit-scrollbar-track, .form-design-wrapper::-webkit-scrollbar-track,
.form-inner-wrapper::-webkit-scrollbar-track {
    background: #cfd5df;
    width: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    background-clip: padding-box;
}


/* Handle */
.form-design-popup .form-design-custom::-webkit-scrollbar-thumb, .form-design-wrapper::-webkit-scrollbar-thumb,
.form-inner-wrapper::-webkit-scrollbar-thumb {
    background: #ffffff; /* Gradient color */
    border-radius: 20px;
    border: 1px solid #b2b9c7;
    max-height: 100px;
}

/********* Create a form *********/

.form-design-wrapper {
    background: rgb(236 240 244 / 50%);
    border-radius: 8px;
    padding: 12px;
    min-width: 520px;
    max-width: 520px;
    height:450px;
    overflow-y: auto;
}

.formcreatepop .modal-header, .chooseformatpop .modal-header {
    padding: 24px 0 16px !important;
}

.formcreatepop .modal-content, .chooseformatpop .modal-content {
    padding: 0 24px;
}

.formcreatepop .modal-body, .chooseformatpop .modal-body {
    padding: 24px 0 0;
}

.formcreatepop .modal-header h4, .chooseformatpop .modal-header h4 {
    line-height: 24px;
}

.formcreatepop .create-form-footer {
    padding: 20px 0px 24px;
}

.chooseformatpop .create-form-footer {
    padding: 0px 0px 24px;
}


.formcreatepop .create-form-footer button, .chooseformatpop .create-form-footer button {
    min-width: 160px;
    box-shadow: none;
    padding: 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
}

.formcreatepop .create-form-footer button.btn-light, .chooseformatpop .create-form-footer button.btn-light {
    background: #EBEFF3;
}

.choose-format-btn label {
    padding: 22px 10px;
    border-radius: 8px;
    border: 1px solid #CFD5DF;
    margin: 0;
    cursor: pointer;
}

.choose-format-btn input:checked ~ label {
    border: 1px solid #0F36B5;
    background: #dce1ea;
}

.formcreatepop .nav {
    gap: 4px;
    margin-bottom: 16px;
    border: 0;
}

.formcreatepop .nav li a {
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #cfdfd5;
    font-size: 12px;
    color: #3f3f3f;
    line-height: normal;
}

.formcreatepop .nav li a.active {
    background: #A7CCFF;
    color: #0F36B5;
    border: 1px solid #A7CCFF;
    font-weight: 700;
}


.formtype-wrapper {
    margin-bottom: 12px;
}

.formtype-item {
    border-radius: 8px;
    padding: 16px;
    background: #ebeff3;
    border: 1px solid #CFD5DF;
}

.formtype-wrapper input:checked ~ .formtype-item {
    background: #A7CCFF;
    border: 1px solid #0F36B5;
}

.formtype-wrapper input:checked ~ .formtype-item * {
    color: #0F36B5;
}

.formtype-item h5 {
    margin-bottom: 6px;
}

.formtype-item span {
    text-align: center;
    margin-bottom: 16px;
    display: block;
}

.name-details-wrppaer .form-field,
.elements-details-wrppaer .form-field {
    background: #EBEFF3;
    border-radius: 8px;
    padding: 6px 8px;
    border: 1px solid #CFD5DF;
    font-size: 12px;
    width: 100%;
    max-width: 231px;
    color: #3f3f3f;
}

.elements-details-wrppaer .form-field.mw-140 {
    max-width: 140px;
}

.form-design-wrapper .form-switch .form-check-input {
    width: 50px;
    height: 28px;
}

.form-design-wrapper .form-check-input:checked {
    background-color: #dbe0e9;
    border-color: #dbe0e9;
}

.form-design-wrapper .form-switch .form-check-input,
.form-design-wrapper .form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23B2B9C7'/%3e%3c/svg%3e");
    border: 1px solid #CFD5DF;
}

.form-design-wrapper .form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231a305d'/%3e%3c/svg%3e");
    border: 1px solid #dbe0e9;
}

.name-details-wrppaer .form-assignee {
    background: #dbe0e9;
    min-width: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #3F3F3F;
    text-transform: uppercase;
}

.name-details-wrppaer textarea.form-field {
    height: 150px;
    max-width: 250px;
    resize: none;
}


.name-details-wrppaer .form-field::placeholder {
    color: #3f3f3f;
    opacity: 1;
}

.name-details-wrppaer > div, .elements-details-wrppaer > div {
    margin-bottom: 12px;
}

.elements-details-wrppaer .form-field .color-field {
    min-width: 22px;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    padding: 0;
    border: 2px solid #37A4FD;
}

.elements-details-wrppaer .form-field.text-align-group label {
    border: 2px solid transparent;
    padding: 2px;
    border-radius: 4px;
    cursor: pointer;
}

.elements-details-wrppaer .form-field.text-align-group input:checked ~ label {
    border: 2px solid #37A4FD;
}


.form-field input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    background: #CABCF8; /* Light purple track */
    border-radius: 4px;
    outline: none;
    transition: 0.3s;
    margin-bottom: 9px;
}

/* Custom track */
.form-field input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #CABCF8;
    border-radius: 4px;
}

/* Custom thumb (slider circle) */
.form-field input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: #CABCF8; /* Purple thumb */
    border: 2px solid #37A4FD;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -6px;
    transition: 0.3s;
}

.form-field input[type="range"]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #CABCF8; /* Purple thumb */
    border: 2px solid #37A4FD;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
}

/* Change thumb color on hover */
.form-field input[type="range"]:hover::-webkit-slider-thumb {
    background: #0F36B5;
}

.form-inner-wrapper {
    background: #EBEFF3;
    border-radius: 8px;
    padding: 10px;
    height: 100%;
    min-height: 350px;
    height: 450px;
    overflow-y: auto;
}

.form-view-wrapper .form-view-toppage-numb + .form-inner-wrapper {
    height: calc(460px - 40.6px);
}


.form-screen-page .page {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #3f3f3f;
    padding: 6px 16px;
    border-radius: 6px;
    border: 1px solid #CFD5DF;
}

.form-screen-page .page.active {
    color: #0F36B5;
    background: #95b7fc;
    border: 1px solid #cabcf8;
}

.form-screen-view a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #3f3f3f;
    padding: 6px 8px;
    border-radius: 6px;
    border: 1px solid #CFD5DF;
}

.form-screen-view a img {
    margin-right: 6px;
}

.form-screen-view a.active {
    color: #0F36B5;
    background: #95b7fc;
    border: 1px solid #0F36B5;
}

.form-design-view, .button-design-view, .button-design-preview, .list-design-view {
    border-radius: 12px;
    background: #fff;
    padding: 20px;
    border: 1px solid #dbe0e9;
    max-width: 280px;
    min-height: 460px;
    margin: 0 auto;
}

.form-design-head .form-one-monthly a {
    display: inline-block;
    font-size: 12px;
    width: 100%;
    font-weight: 500;
    color: #3f3f3f;
    padding: 11px 10px;
    border-radius: 6px;
    border: 1px solid #CFD5DF;
    text-align: center;
}

.form-design-head .form-one-monthly a.active {
    color: #0F36B5;
    background: #CABCF8;
    border: 1px solid #0F36B5;
}

.form-price-list {
    gap: 9px;
}

.form-price-preview {
    gap: 9px;
}

.cart-form-price-list {
    gap: 9px;
}

.form-price-list .price-item {
    display: inline-block;
}

.form-price-preview .price-preview {
    display: inline-block;
}

.cart-form-price-list .cart-price-item {
    display: inline-block;
}

.form-price-list .price-item label {
    display: block;
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #3f3f3f;
    border-radius: 6px;
    border: 1px solid #CFD5DF;
    padding: 11px 10px;
    max-width: 73px;
    min-width: 73px;
}

.form-price-preview .price-preview label {
    display: block;
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #3f3f3f;
    border-radius: 6px;
    border: 1px solid #CFD5DF;
    padding: 11px 10px;
    max-width: 73px;
    min-width: 73px;
}

.cart-form-price-list .cart-price-item label {
    display: block;
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #3f3f3f;
    border-radius: 6px;
    border: 1px solid #CFD5DF;
    padding: 11px 10px;
    max-width: 73px;
    min-width: 73px;
}

.form-price-list .price-item input:checked label {
    color: #0F36B5;
    background: #CABCF8;
    border: 1px solid #0F36B5;
}

.form-price-preview .price-preview input:checked label {
    color: #0F36B5;
    background: #CABCF8;
    border: 1px solid #0F36B5;
}

.cart-form-price-list .cart-price-item input:checked label {
    color: #0F36B5;
    background: #CABCF8;
    border: 1px solid #0F36B5;
}


.form-donate-agree input {
    width: 20px;
    height: 20px;
    min-width: 20px;
    accent-color: #0F36B5;
    outline: 1px solid #CFD5DF;
    border: 0 !important;
    appearance: none;
    border-radius: 4px;
    overflow: hidden;
}

.form-donate-agree input:checked {
    appearance: auto;
    outline: 1px solid transparent;
    border-radius: 4px;
}

.form-donate-agree label {
    color: #B2B9C7;
}

.form-design-foot .btn {
    width: 100%;
    border-radius: 6px;
    background: #0F36B5;
    color: #fff;
    height: 54px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

.form-donate-wrapper {
    border-radius: 6px;
    border: 1px solid #CFD5DF;
    padding: 12px;
    margin-bottom: 10px;
}

.simple-form-wrapper {
    border-radius: 6px;
    border: 1px solid #CFD5DF;
    padding: 12px;
    margin-bottom: 10px;
}

.custom-donate-wrapper {
    border-radius: 6px;
    border: 1px solid #CFD5DF;
    padding: 12px;
    margin-bottom: 10px;
}

.form-donate-amount {
    color: #0F36B5;
}

.form-view-wrapper .copylink .form-field {
    padding: 6px 10px;
    border: 1px solid #B2B9C7;
    border-radius: 6px;
    font-size: 12px;
    line-height: 14px;
    width: 100%;
    max-width: 220px;
}

.form-view-action span {
    color: #b2b9b7;
    display: block;
    margin-bottom: 8px;
}

.form-view-action {
    position: absolute;
    left: calc(100% + 30px);
    top: 0;
}

.button-design-view {
    min-height: auto;
}

.button-design-preview {
    min-height: auto;
}

.button-design-card img {
    width: 240px;
    height: 245px;
    border-radius: 10px;
    object-fit: cover;
}

.button-design-view.form-sticky-btn {
    min-height: 394px;
    min-width: 280px;
    padding: 0;
}

.button-design-preview.form-sticky-btn {
    min-height: 394px;
    min-width: 280px;
    padding: 0;
}

.button-design-view.form-sticky-btn .stick-left {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    width: max-content;
    transform: rotate(-90deg);
    top: 43px;
    transform-origin: bottom;
}

.button-design-preview.form-sticky-btn .stick-left {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    width: max-content;
    transform: rotate(-90deg);
    top: 43px;
    transform-origin: bottom;
}

.button-design-view.form-sticky-btn .stick-right {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    width: max-content;
    transform: rotate(-90deg);
    top: -11px;
    right: 0;
    transform-origin: bottom right;
}

.button-design-preview.form-sticky-btn .stick-right {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    width: max-content;
    transform: rotate(-90deg);
    top: -11px;
    right: 0;
    transform-origin: bottom right;
}

.button-design-view.form-sticky-btn .stick-top {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    width: max-content;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.button-design-preview.form-sticky-btn .stick-top {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    width: max-content;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.button-design-view.form-sticky-btn .stick-bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    width: max-content;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.button-design-preview.form-sticky-btn .stick-bottom {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    width: max-content;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.button-design-add-card img {
    height: 77px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.button-design-add-select select {
    border: 1px solid #CFD5DF;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 500;
    color: #3F3F3F;
    padding: 10px 5px;
    width: 100%;
}

.button-group-list .price-item label {
    background: #0F36B5;
    color: #fff;
}

.button-group-list .price-item input:checked ~ label, .map-type-list input:checked ~ label {
    background: #dce1ea;
    color: #0F36B5;
    border: 1px solid #0F36B5;
}

.map-wrapper {
    width: 280px;
    height: 460px;
    border: 1px solid #dbe0e9;
    border-radius: 12px;
    overflow: hidden;
    position: relative; /* This helps with some rendering issues */


}

.map-wrapper .leaflet-container {
    width: 100% !important;
    height: 100% !important;
    border-radius: 11px; /* slightly less than wrapper to account for border */
}

.map-wrapper iframe, .map-wrapper img {
    width: 280px;
    height: 460px;
}

.map-type-list label {
    border: 1px solid #CFD5DF80;
    border-radius: 8px;
    padding: 9px 8px;
    background: #EBEFF3;
    color: #3F3F3F;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.goal-meter-wrapper {
    padding: 20px;
    background: #fff;
    border: 1px solid #dbe0e9;
    border-radius: 12px;
    min-width: 280px;
}

.goal-meter-wrapper .progress {
    height: 26px;
    border: 1px solid #CABCF8;
    background: #fff;
}

.progress {
    --vz-progress-bar-bg: #dbe0e9;
    --vz-progress-bar-color: #0F36B5;
}

.progress-bar {
    text-align: right;
}

.list-design-view {
    min-width: 280px;
    margin-bottom: 20px;
}

.list-design-view .list-wrapper {
    max-height: 360px;
    overflow-y: auto;
}

.list-design-view .list-wrapper::-webkit-scrollbar {
    display: none;
}

.list-item {
    border: 1px solid #CFD5DF;
    border-radius: 6px;
    padding: 6px 8px;
}

.list-item:not(:last-child) {
    margin-bottom: 20px;
}

.list-donation {
    padding: 4px;
    background: #EBEFF3;
    color: #37A4FD;
    border-radius: 3px 4px;
    gap: 4px;
}

.list-donation span {
    color: #909CB6;
}

.list-country-name {
    color: #909CB6;
}

.list-date {
    color: #CFD5DF;
}

.list-donation img {
    max-width: 22px;
    border-radius: 1.5px;
}

.list-donor-pic {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 50%;
    object-fit: cover;
}

.list-donor-numeric {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #dbe0e9;
    color: #0F36B5;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.overlay-design-view {
    border-radius: 12px;
    background: #fff;
    padding: 0 20px 20px;
    border: 1px solid #dbe0e9;
    max-width: 280px;
    min-width: 280px;
    height: 460px;
    margin: 0 auto 50px;
}

.overlay-popup1 {
    border-radius: 0 0px 6px 6px;
}

.overlay-popup1 p {
    color: #909CB6;
}

.overlay-popup1 {
    padding: 20px 12px;
}

.overlay-popup1 .btn {
    padding: 11px 0 !important;
}

.overlay-popup2 {
    padding: 12px;
    margin-top: 20px;
    border-radius: 12px;
}

.overlay-popup2 .card-img {
    height: 215px;
    border-radius: 10px;
    object-fit: cover;
}

.overlay-popup2 .close-btn {
    top: -10px;
    right: -10px;
}

.overlay-popup3 {
    padding: 20px 12px;
    border: 1px solid #CFD5DF;
    border-radius: 6px;
    margin-top: auto;
}

.overlay-popup3 .close-btn {
    top: 2px;
    right: 2px;
}

.overlay-popup3 .btn-outline {
    border: 1px solid #CFD5DF;
    box-shadow: none;
}

.overlay-popup4 {
    margin-top: 20px;
    padding: 6px 8px;
    border: 1px solid #CFD5DF;
    border-radius: 6px;
}

.overlay-popup4 .close-btn {
    top: 0px;
    right: 0px;
}

.form-screen-page {
    flex-wrap: wrap;
}

.form-screen-view a.remove-page img {
    margin: 0;
}

.min-h-auto {
    min-height: auto;
}

.form-impact-item {
    position: relative;
    gap: 5px;
}

.form-impact-line {
    padding: 12px 0;
}

.form-impact-line:before {
    content: '';
    display: block;
    width: 4px;
    height: 100%;
    background: #CABCF8;
    position: absolute;
    top: 0;
    left: 3px;
}

.form-impact-item input {
    appearance: none;
}

.form-impact-item input:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #0F36B5;
    border-radius: 100%;
    z-index: 1;
    position: relative;
}

.form-impact-item input:checked:before {
    background: #fff;
    box-shadow: 0 0 0 5px #0F36B5;
}

.form-impact-amount {
    min-width: 30px;
    text-align: center;
}

.form-impact-line label {
    text-align: right;
    border: 1px solid #CFD5DF;
    padding: 10px 18px;
    border-radius: 4px;
    margin-left: 20px;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.form-impact-vertical .form-impact-line label:before {
    content: '';
    position: absolute;
    left: -7px;
    border-radius: 0px 0px 0px 4px;
    width: 13px;
    height: 13px;
    border: 1px solid #CFD5DF;
    background: #ffffff;
    transform: translateY(-50%) rotate(45deg);
    border-right: 0;
    border-top: 0;
    top: 50%;
}

.form-impact-line input:checked ~ label {
    opacity: 1;
    visibility: visible;
}

.form-impact-horizontal .form-impact-line {
    padding: 0 10px;
    width: 100%;
    align-items: center;
}

.form-impact-horizontal .form-impact-line:before {
    width: 100%;
    height: 4px;
    top: auto;
    bottom: 3px;
}

.form-impact-horizontal .form-impact-item {
    flex-grow: 1;
}

.form-impact-horizontal .form-impact-amount {
    padding-top: 15px;
}

.form-impact-horizontal .form-impact-line label {
    white-space: nowrap;
    position: absolute;
    margin-bottom: 25px !important;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
}

.form-impact-horizontal .form-impact-line label:before {
    content: '';
    position: absolute;
    bottom: -7px;
    border-radius: 0px 0px 4px 0px;
    width: 13px;
    height: 13px;
    border: 1px solid #CFD5DF;
    background: #ffffff;
    transform: translateX(-50%) rotate(45deg);
    border-top: 0;
    border-left: 0;
    left: 50%;
}

.email-market-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 163px;
    border-radius: 8px;
    background-color: #EBEFF3;
    width: 100%;
    margin-bottom: 16px;
}

.form-design-view .form-floating > label {
    transform: scale(.85);
    margin-top: 5px;
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
    margin-top: 0;
}

.form-check-input:checked {
    background-color: #0F36B5;
    border-color: #0F36B5;
}

.custom-form-switch.form-switch .form-check-input {
    width: 50px;
    height: 25px;
}

.form-switch.custom-form-switch {
    display: flex;
    align-items: center;
    gap: 10px;
}

.campaign-icon-wrapper {
    width: 56px;
    min-width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #EBEFF3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-select-style2 {
    background-color: #EBEFF3;
    width: auto;
}

@media (max-width: 767px) {
    .navbar-menu:not(:hover) .navbar-nav {
        width: auto;
    }

}

#landingPageModal {
    width: 1500px;
    margin: 0 0 0 auto;
    height: 100vh;
}

#landingPageModal .tab-content {
    height: calc(100vh - 56px);
    overflow: auto;
    overflow-x: hidden;
}

#landingPageModal .tab-content::-webkit-scrollbar {
    width: 12px;
}

/* Track */
#landingPageModal .tab-content::-webkit-scrollbar-track {
    background: #cfd5df;
    width: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    background-clip: padding-box;
}

/* Handle */
#landingPageModal .tab-content::-webkit-scrollbar-thumb {
    background: #ffffff; /* Gradient color */
    border-radius: 20px;
    border: 1px solid #b2b9c7;
}

#landingPageModal button.btn-close[data-bs-dismiss="offcanvas"] {
    position: absolute;
    left: -45px;
    background: #fff;
    opacity: 1;
    color: #000;
    width: 30px;
    height: 30px;
    top: 10px;
    border-radius: 6px;
}

.filter-popup-design .form-select {
    border-radius: 8px;
    border: 1px solid #CFD5DF;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    padding: 12px 45px 12px 16px;
}

.filter-popup-design .filter-border-btn {
    border-radius: 8px;
    border: 1px solid #CFD5DF;
    color: #0F36B5;
    padding: 5.5px 16px;
    box-shadow: none;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.filter-popup-design .filter-popup-design-step2 .filter-border-btn, .filter-popup-design .filter-popup-design-step3 .filter-border-btn {
    border-color: #0F36B5;
}

.filter-popup-design .form-select.select-active, .filter-popup-design .form-select:focus, .filter-popup-design .form-select:active {
    border-color: #0F36B5;
    color: #0F36B5;
}

.filter-popup-design .filter-border-btn .bi {
    font-size: 28px;
    vertical-align: middle;
}

.filter-popup-design .modal-footer .btn {
    font-size: 12px;
    font-weight: 600;
    min-width: 160px;
    padding: 14px 10px;
    border-radius: 8px;
}

.filter-popup-design .modal-footer .btn-light {
    background: #EBEFF3;
    box-shadow: none;
}

.filter-pop-item-level {
    background-color: #E0E0E0;
    padding: 8px 16px;
    border-radius: 55px;
    font-size: 12px;
    color: #3f3f3f;
    font-weight: 600;
    width: max-content;
}


/*.filter-popup-selected-value-wrapper:before, .filter-popup-selected-child-wrapper:before {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    width: 10px;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    !*padding-left: 40px;*!*/
/*    left: 0;*/
/*    background: #0F36B5;*/

/*    border-radius: 20px;*/
/*    top: 0;*/
/*}*/

/*.vertical-text-label {*/
/*    position: absolute;*/
/*    top: 20px;             !* adjust vertical position *!*/
/*    left: -25px;           !* place to the left of the blue line *!*/
/*    writing-mode: vertical-rl;*/
/*    transform: rotate(180deg);*/
/*    background-color: transparent;*/
/*    color: #0F36B5;*/
/*    font-weight: bold;*/
/*    font-size: 12px;*/
/*    z-index: 10;*/
/*    white-space: nowrap;*/
/*    line-height: 1;*/
/*}*/


/*.filter-popup-selected-value-wrapper,*/
/*.filter-popup-selected-child-wrapper {*/
/*    position: relative;*/
/*    padding-left: 40px; !* give space for vertical label + line *!*/
/*}*/

/*.filter-popup-selected-value-wrapper::before,*/
/*.filter-popup-selected-child-wrapper::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 10px;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    left: 22px; !* place blue line slightly to the right *!*/
/*    background: #0F36B5;*/
/*    border-radius: 20px;*/
/*}*/

/*.vertical-text-label {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    left: 0;*/
/*    writing-mode: vertical-rl;*/
/*    transform: rotate(180deg); !* makes text upright *!*/
/*    color: #0F36B5;*/
/*    font-weight: bold;*/
/*    font-size: 16px;*/
/*    line-height: 1;*/
/*    z-index: 1;*/
/*    background: transparent;*/
/*    white-space: nowrap;*/
/*    height: auto;*/
/*}*/

.filter-popup-selected-value-wrapper,
.filter-popup-selected-child-wrapper {
    position: relative;
    padding-left: 45px;
}

.filter-popup-selected-value-wrapper::before,
.filter-popup-selected-child-wrapper::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0;
    left: 25px;
    background: #0F36B5;
    border-radius: 20px;
}

/* 👇 Label now follows height of wrapper */
.vertical-text-label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #0F36B5;
    font-weight: bold;
    font-size: 13px;
    white-space: nowrap;
    z-index: 2;
    pointer-events: none;
}



.filter-popup-selected-child-wrapper:before {
    background: #4CA7E3;
}

.segment-popup-design .add-edit-form-filter-top {
    /*max-height: 40vh;*/
    overflow-y: auto;
    padding-right: 15px;
}


.segment-popup-design .add-edit-form-inner {
    height: 65vh;
}


.segment-popup-design .add-edit-form-inner .btn[aria-expanded="true"] i:before {
    content: "\f286";
}

.segment-popup-design .add-edit-form-filter-top::-webkit-scrollbar {
    width: 12px;
}

.segment-popup-design .add-edit-form-filter-top::-webkit-scrollbar-track {
    background: #cfd5df;
    width: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    background-clip: padding-box;
}

.segment-popup-design .add-edit-form-filter-top::-webkit-scrollbar-thumb {
    background: #ffffff; /* Gradient color */
    border-radius: 20px;
    border: 1px solid #b2b9c7;
}

.dashboard-box p {
    color: #000 !important;
}
.dashboard-box h2 {
    color: #0f36b5;
    font-size: 35px;
}
.dashboard-box {
    background: #dce1ea;
    display: flex;
    flex-direction: column;
    padding: 25px 25px 0;
    margin-bottom: 25px;
    border-radius: 10px;
}

#select_year.dashboard-year {
    max-width: 140px;
}

.user-info-hover .user-assignee-initial {
    width: 54px;
    height: 54px;
    min-width: 54px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #0234D9;
}

.import-custom-check input{
    width: 18px;
    height: 18px;
    accent-color: #0F36B5;
}

.import-custom-radio input{
    width: 14px;
    height: 14px;
    accent-color: #0F36B5;
}

.import-upload{
    border-radius: 8px;
    background: #EBEFF3;
    height: 92px;
    color: #B2B9C7;
}

.form-wrapper-long{
    height:460px;
}

.filter-pop-item-level span::first-letter {
    font-weight: bold;
}

div#formPreviewIframe {
    max-width: 300px;
    margin: 0 auto;
}

.landing-preview::-webkit-scrollbar{
    display: none;
}

.schedule-dropdown-wrapper .btn {
    min-width: auto;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.form-design-foot .btn .bi:before{
    vertical-align: middle;
}

.custom-filter-max-height{
    max-height: 40vh;
}

.custom-donor-filter-max-height{
    max-height: 40vh;
    overflow-y: auto;
    /*padding-right: 15px;*/
}

.edit_filter_custom_height{
    min-height: 90px;
}