body {
    font-family: var(--body-fonts);
}

[data-theme="light"] {
    --bs-engage-btn-box-shadow: 0px 0px 22px #e0e0e0;
    --bs-engage-btn-border-color: #e8e8e8;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-icon-color: #78829d;
    --bs-dark-inverse: #ffffff;
    --bs-dark: #1e2129;
    --bs-primary-inverse: #ffffff;
    --bs-success-inverse: #ffffff;
    --bs-success: #17c653;
    --bs-engage-btn-color: #252f4a;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-color-active: #252f4a;
}

[data-theme="dark"] {
    --bs-text-muted: #636674;
    --bs-gray-100: #1b1c22;
    --bs-gray-100-rgb: 27, 28, 34;
    --bs-gray-200: #26272f;
    --bs-gray-200-rgb: 38, 39, 47;
    --bs-gray-300: #363843;
    --bs-gray-300-rgb: 54, 56, 67;
    --bs-gray-400: #464852;
    --bs-gray-400-rgb: 70, 72, 82;
    --bs-gray-500: #636674;
    --bs-gray-500-rgb: 99, 102, 116;
    --bs-gray-600: #808290;
    --bs-gray-600-rgb: 128, 130, 144;
    --bs-gray-700: #9a9cae;
    --bs-gray-700-rgb: 154, 156, 174;
    --bs-gray-800: #b5b7c8;
    --bs-gray-800-rgb: 181, 183, 200;
    --bs-gray-900: #f5f5f5;
    --bs-gray-900-rgb: 245, 245, 245;
    --bs-light: #1b1c22;
    --bs-secondary: #363843;
    --bs-success: #00a261;
    --bs-info: #883fff;
    --bs-warning: #c59a00;
    --bs-danger: #e42855;
    --bs-dark: #272a34;
    --bs-secondary-active: #464852;
    --bs-light-active: #1f212a;
    --bs-success-active: #01bf73;
    --bs-info-active: #9e63ff;
    --bs-warning-active: #d9aa00;
    --bs-danger-active: #ff3767;
    --bs-dark-active: #2d2f39;
    --bs-primary-light: #172331;
    --bs-secondary-light: #363843;
    --bs-success-light: #1f212a;
    --bs-info-light: #272134;
    --bs-warning-light: #242320;
    --bs-danger-light: #302024;
    --bs-dark-light: #1e2027;
    --bs-light-light: #1f212a;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #ffffff;
    --bs-light-inverse: #808290;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-primary-clarity: rgba(0, 106, 230, 0.2);
    --bs-secondary-clarity: rgba(54, 56, 67, 0.2);
    --bs-success-clarity: rgba(0, 162, 97, 0.2);
    --bs-info-clarity: rgba(136, 63, 255, 0.2);
    --bs-warning-clarity: rgba(197, 154, 0, 0.2);
    --bs-danger-clarity: rgba(228, 40, 85, 0.2);
    --bs-dark-clarity: rgba(39, 42, 52, 0.2);
    --bs-light-clarity: rgba(31, 33, 42, 0.2);
    --bs-light-rgb: 27, 28, 34;
    --bs-primary-rgb: 0, 106, 230;
    --bs-secondary-rgb: 54, 56, 67;
    --bs-success-rgb: 0, 162, 97;
    --bs-info-rgb: 136, 63, 255;
    --bs-warning-rgb: 197, 154, 0;
    --bs-danger-rgb: 228, 40, 85;
    --bs-dark-rgb: 39, 42, 52;
    --bs-text-white: #ffffff;
    --bs-text-primary: #006ae6;
    --bs-text-secondary: #363843;
    --bs-text-light: #1b1c22;
    --bs-text-success: #00a261;
    --bs-text-info: #883fff;
    --bs-text-warning: #c59a00;
    --bs-text-danger: #e42855;
    --bs-text-dark: #272a34;
    --bs-text-muted: #636674;
    --bs-text-gray-100: #1b1c22;
    --bs-text-gray-200: #26272f;
    --bs-text-gray-300: #363843;
    --bs-text-gray-400: #464852;
    --bs-text-gray-500: #636674;
    --bs-text-gray-600: #808290;
    --bs-text-gray-700: #9a9cae;
    --bs-text-gray-800: #b5b7c8;
    --bs-text-gray-900: #f5f5f5;
    --bs-border-color: #26272f;
    --bs-border-dashed-color: #363843;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #006ae6;
    --bs-component-hover-color: #006ae6;
    --bs-component-hover-bg: #1b1c22;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #006ae6;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-root-card-box-shadow: none;
    --bs-root-card-border-color: #1e2027;
    --bs-table-striped-bg: rgba(27, 28, 34, 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-dropdown-bg: #1c1d22;
    --bs-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-code-bg: #2b2b40;
    --bs-code-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px;
    --bs-code-border-color: transparent;
    --bs-code-color: #b93993;
    --bs-symbol-label-color: #b5b7c8;
    --bs-symbol-label-bg: #1b1c22;
    --bs-symbol-border-color: rgba(255, 255, 255, 0.5);
    --bs-bullet-bg-color: #464852;
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-scrolltop-bg-color: #1b84ff;
    --bs-scrolltop-bg-color-hover: #1b84ff;
    --bs-scrolltop-icon-color: #ffffff;
    --bs-scrolltop-icon-color-hover: #ffffff;
    --bs-drawer-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    --bs-drawer-bg-color: #1c1d22;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.4);
    --bs-menu-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-menu-dropdown-bg-color: #1c1d22;
    --bs-menu-heading-color: #636674;
    --bs-menu-link-color-hover: #006ae6;
    --bs-menu-link-color-show: #006ae6;
    --bs-menu-link-color-here: #006ae6;
    --bs-menu-link-color-active: #006ae6;
    --bs-menu-link-bg-color-hover: #1b1c22;
    --bs-menu-link-bg-color-show: #1b1c22;
    --bs-menu-link-bg-color-here: #1b1c22;
    --bs-menu-link-bg-color-active: #1b1c22;
    --bs-scrollbar-color: #26272f;
    --bs-scrollbar-hover-color: #363843;
    --bs-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-blockui-overlay-bg: rgba(255, 255, 255, 0.05);
    --bs-rating-color-default: #464852;
    --bs-rating-color-active: #ffad0f;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(255, 255, 255, 0.1);
    --bs-ribbon-label-bg: #1b84ff;
    --bs-ribbon-label-border-color: #0053b4;
    --bs-ribbon-clip-bg: #f9f9f9;
    --bs-engage-btn-bg: #26272f;
    --bs-engage-btn-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --bs-engage-btn-border-color: #26272f;
    --bs-engage-btn-color: #b5b7c8;
    --bs-engage-btn-icon-color: #808290;
    --bs-engage-btn-color-active: #b5b7c8;
}

.browser-mockup {
    border-top: 2em solid rgba(230, 230, 230, 0.7);
    box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
    position: relative;
    border-radius: 3px 3px 0 0;
    width: 80%;
    height: 100%;
}

div::-webkit-scrollbar-thumb,
main::-webkit-scrollbar-thumb,
ol::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb,
span::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb {
    background-color: var(--primary-color) !important;
}

.browser-mockup:before {
    display: block;
    position: absolute;
    content: "";
    top: -1.25em;
    left: 1em;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: #f44;
    box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
}

.browser-mockup.with-tab:after {
    display: block;
    position: absolute;
    content: "";
    top: -2em;
    left: 5.5em;
    width: 20%;
    height: 0em;
    border-bottom: 2em solid white;
    border-left: 0.8em solid transparent;
    border-right: 0.8em solid transparent;
}

.browser-mockup.with-url:after {
    display: block;
    position: absolute;
    content: "";
    top: -1.6em;
    left: 5.5em;
    width: calc(100% - 6em);
    height: 1.2em;
    border-radius: 2px;
    background-color: white;
}

.browser-mockup>* {
    display: block;
}

/* Custom code for the demo */

body {
    font-size: 16px !important;
}

th {
    color: var(--title-color) !important;
}

.primary-text {
    color: var(--kt-primary) !important;
}

.h-100 {
    height: 100% !important;
}

.js-color-boxes {
    cursor: pointer;
    border-radius: 5px;
    border: 0;
    box-shadow: none;
}

.image-input.image-input-outline .image-input-wrapper {
    border-color: var(--kt-gray-300);
    box-shadow: none !important;
    background-size: contain;
    background-position: center;
}

#kt_account_profile_details_form .btn.btn-icon.btn-circle {
    box-shadow: none !important;
    border: 3px solid var(--kt-gray-300);
}

.highlight-title {
    font-size: 20px;
    text-shadow: 0px 1px 3px #7a7a7a;
    padding-left: 120px;
}

.counter {
    font-size: 30px;
}

.centerDiv {
    position: absolute;
    text-align: center;
    width: 65%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cursor-line {
    cursor: auto;
}

.bold-900 {
    font-weight: 900;
}

.browser-mockup {
    /* margin: 2em; */
    flex: 1;
}

/* iframe {
    width: 100%;
    height: 100%;
} */

.text-white {
    color: #fff;
}

.ht-text {
    color: var(--kt-primary);
    opacity: 0.5;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
}

.weekly-row {
    min-height: 60px;
}

.week-sets .weekly-content {
    position: relative;
    padding: 10px;
}

.week-sets .weekly-content::after {
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    background-color: var(--kt-gray-300);
    bottom: 0;
}

.week-sets .form-check-label {
    width: 40px;
}

.week-sets .menu-content .form-check-label {
    width: 100%;
}

.js-main-div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    width: 100%;
}

.card .card-header {
    align-items: center !important;
}

#error {
    color: red;
    margin-top: 10px;
}

.toastr-message button {
    margin-bottom: 5px;
    display: block;
}

.toastr-message button:last-child {
    margin-bottom: 0;
}

.alert {
    width: fit-content;
}

.header-links {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header-links .btn i {
    padding-right: 0;
}

.table td .btn {
    margin-bottom: 5px;
    padding: 7px 15px !important;
    height: 35px !important;
    display: flex;
    align-items: center;
    width: fit-content;
}

.nav-line-tabs .nav-item .nav-link {
    color: var(--title-color);
}

.app-sidebar-nav .btn i {
    font-size: 22px !important;
}

.app-sidebar-footer .btn.active,
.app-sidebar-footer .btn:hover {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05) !important;
    color: var(--kt-gray-800);
    background-color: var(--kt-body-bg) !important;
}

.card .card-header {
    /* min-height: 55px; */
    min-height: 35px;
    /* padding: 0 1.25rem; */
    padding: 1.25rem;
}

.card .card-body {
    padding: 10px 1.25rem;
}

.card .card-footer {
    padding: 1rem 1.25rem;
}

.w-60 {
    width: 60%;
}

.w-50 {
    width: 50%;
}

.w-40 {
    width: 40%;
}

.muted-text {
    color: var(--kt-text-muted);
}

.show-users-availability .btn.btn-active-primary:hover {
    background-color: transparent !important;
}

.show-users-availability .btn {
    cursor: auto;
}

.show-users-availability .btn.btn-active-primary.active:hover {
    background-color: var(--kt-primary) !important;
    color: var(--kt-primary-inverse) !important;
}

.js-links-div {
    margin: 8px auto 0;
}

.nav-line-tabs.nav-line-tabs-2x {
    justify-content: space-evenly;
}

div.dataTables_wrapper div.dataTables_processing {
    color: var(--kt-primary) !important;
}

div.dataTables_wrapper div.dataTables_processing .text-muted,
div.dataTables_wrapper div.dataTables_processing .text-gray-600 {
    color: var(--kt-primary) !important;
}

.object-cover {
    object-fit: cover;
}

.guide-link {
    background-color: var(--kt-primary);
    border: 0px solid var(--kt-primary);
    border-radius: 5px;
    padding: 5px 10px;
    text-align: center;
    background: linear-gradient(225deg, #635cf5 0%, #282298 100%);
}

.btnPressEffect {
    transition: all 0.02s ease-in-out;
    box-shadow: 0px 2px 9px #797979 !important;
}

button.btn,
.time-btn,
.share-links a.btn,
.js-links-div a.btn {
    transition: all 0.02s ease-in-out;
    /* box-shadow: 0px 2px 9px #79797930 !important; */
}

.btnPressEffect:active,
button.btn:active,
.time-btn:active,
.days li:active::before,
.js-links-div a.btn:active,
.share-links a.btn:active,
.js-color-boxes:active,
.paginate_button a:active,
.timeSlot button.btn:active,
.app-sidebar-primary .nav-link:active,
.social-connection a:active {
    box-shadow: 0 2px 5px #666 !important;
    transform: translateY(4px);
}

.btnPressEffect.shadow-none {
    box-shadow: 0 2px 5px transparent !important;
    transition: all 0.02s ease-in-out;
}

.btnPressEffect.shadow-none:active {
    box-shadow: 0 2px 5px #00000017 !important;
    transform: translateY(4px);
}

.app-wrapper.no-sidebar {
    margin-left: 0;
}

.guide-link a {
    color: #fff;
    /* text-transform: capitalize; */
}

.js-links-div {
    padding-top: 10px;
}

.js-links-div a.btn,
.js-color-boxes,
table a.btn,
.paginate_button a,
.timeSlot button.btn,
.app-sidebar-primary .nav-link,
.social-connection a {
    box-shadow: 0px 2px 9px transparent !important;
}

/* scrollbar css :: BEGIN */
main ::-webkit-scrollbar-track,
span ::-webkit-scrollbar-track,
ol ::-webkit-scrollbar-track,
ul ::-webkit-scrollbar-track,
pre ::-webkit-scrollbar-track,
div ::-webkit-scrollbar-track {
    background-color: transparent !important;
}

main::-webkit-scrollbar-thumb,
span::-webkit-scrollbar-thumb,
ol::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb {
    background-color: #ddd !important;
}

main:hover::-webkit-scrollbar-thumb,
span:hover::-webkit-scrollbar-thumb,
ol:hover::-webkit-scrollbar-thumb,
ul:hover::-webkit-scrollbar-thumb,
pre:hover::-webkit-scrollbar-thumb,
div:hover::-webkit-scrollbar-thumb {
    background-color: #333 !important;
}

/* scrollbar css :: END */

/* integration-section css :: BEGIN */
.integration-section.nav-line-tabs.nav-line-tabs-2x {
    justify-content: flex-start;
}

/* .list-group.list-group-flush {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 20px;
}
.list-group-flush > .list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width) !important;
}
.list-group-flush .no-data-find {
    border-width: 0 !important;
} */
/* integration-section css :: END */

/* pricing plan css :: BEGIN */
.pricing-section {
    flex: 0 0 30%;
    position: relative;
}

.payment-choose-method {
    display: grid !important;
    grid-template-columns: auto auto;
}

.payment-choose-method .form-check-label,
.payment-choose-method .form-check-input {
    cursor: pointer;
}

.radio-toggle-switch .btn-outline-primary input {
    opacity: 0;
}

.ribbon-wrapper {
    height: 70px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 2px;
    width: 70px;
    z-index: 10;
}

.ribbon-wrapper.ribbon-lg {
    height: 100px;
    width: 150px;
}

.ribbon-wrapper .ribbon {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    font-size: 10px;
    line-height: 100%;
    padding: 0.375rem 0;
    position: relative;
    right: -2px;
    text-align: center;
    text-transform: uppercase;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 90px;
}

.ribbon-wrapper.ribbon-lg .ribbon {
    right: -40px;
    top: 20px;
    width: 160px;
}

.swal2-styled.swal2-confirm {
    background-color: var(--primary-color);
}

/* pricing plan css :: END */
.social-data .d-flex img {
    width: 30px !important;
    height: 30px;
}

/* New changes css :: BEGIN */
.set-card-center {
    position: absolute;
    width: 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn-gradient {
    background: linear-gradient(247.76deg, #fb4147 0%, #635cf5 100%);
    color: var(--bs-white);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.set-flex {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px !important;
    height: 40px !important;
}

.header-links .btn {
    height: 36px;
    border-radius: 8px;
}

.fz-20 {
    font-size: 20px;
}

.fz-16 {
    font-size: 16px;
}

.card-primary-gradient {
    background: linear-gradient(247.76deg, #635cf5 0%, #282298 100%);
    position: relative;
    border-radius: 15px;
}

.card-primary-gradient::after {
    content: "";
    background-image: url("../images/viditingcard-bgimg.svg");
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32%;
    height: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.card-primary-gradient .card-header .card-title,
.card-primary-gradient .card-header .card-title .card-label {
    color: var(--bs-white);
}

.card-primary-gradient .card {
    background-color: transparent;
}

.bs-gray-700 {
    color: var(--bs-gray-700);
}

.btn-bg-transparent {
    background-color: #f1f1f159 !important;
    width: 36px;
    height: 36px !important;
    border-radius: 8px;
    padding: 5px 10px !important;
}

.btn-bg-transparent i {
    color: var(--bs-white);
}

.user-info h1 {
    font-size: 2em;
    font-size-adjust: 0.58;
    -moz-text-size-adjust: 0.58;
    -webkit-text-size-adjust: 0.58;
}

.image-input .upload-user-profile-branding[data-kt-image-input-action] {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
}

.remove-branding-user-pic {
    display: flex;
    align-items: center;
}

.image-input [data-kt-image-input-action="cancel"],
.image-input [data-kt-image-input-action="remove"] {
    top: 95%;
    left: 90%;
    font-size: 12px;
}

.palette-color-change {
    position: absolute;
    right: 0;
    opacity: 0;
    top: 0;
}

.flex-90 {
    flex: 0 0 90%;
}

.about-user-personalise-setting {
    display: flex;
    align-items: center;
    justify-content: end;
}

.meeting-summary-info td {
    font-size: 18px;
    font-weight: 600;
    padding: 12px 5px;
}

.meeting-summary-info th {
    font-size: 18px;
    font-weight: 400;
    padding: 12px 5px;
    color: var(--bs-table-color) !important;
}

.darkTheme-logo {
    display: none !important;
}

[data-theme="dark"] .lightTheme-logo {
    display: none !important;
}

[data-theme="dark"] .darkTheme-logo {
    display: block !important;
}

[data-theme="dark"] .app-sidebar-primary .app-sidebar-nav .nav .nav-link.btn,
[data-theme="dark"] .nav-item-settings a {
    color: var(--bs-gray-800);
}

.meeting-duration {
    display: flex;
    align-items: center;
    gap: 5px;
}

.help-section {
    position: fixed;
    bottom: 20px;
    right: 10px;
    cursor: pointer;
}

#kt_account_profile_details_form img {
    width: 80px;
    height: 30px;
    object-fit: contain;
}

.cke_chrome,
.cke_inner {
    border-radius: 10px;
}

[data-theme="dark"] .cke_top {
    border-radius: 10px 10px 0 0 !important;
    /* background: var(--bs-body-bg) !important; */
}

[data-theme="dark"] .cke_bottom {
    border-radius: 0 0 10px 10px !important;
    /* background: var(--bs-body-bg) !important; */
}

[data-theme="dark"] .cke_editable {
    /* background: var(--bs-body-bg) !important; */
}

[data-theme="dark"] .badge-warning {
    color: var(kt-gray-300);
}

.text-gradient {
    background: linear-gradient(247.76deg, #fb4147 0%, #635cf5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
    font-weight: 600;
}

.set-inactive-center {
    height: calc(100vh - 210px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.walkthrough-overlay {
    display: none;
    /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    /* Black with opacity */
    z-index: 9999;
    /* High z-index to appear on top */
    align-items: center;
    justify-content: center;
}

.walkthrough-content {
    width: 80%;
    height: 80%;
    background: white;
    border-radius: 10px;
    overflow: hidden;
}

.walkthrough-content iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.card-free {
    background-color: var(--bs-gray-100);
    border-radius: var(--bs-card-border-radius);
    width: fit-content;
    padding: 10px 50px;
    margin: auto;
    text-align: center;
}

.set-available-btn {
    width: 30px;
    height: 30px;
}

.set-info-label p {
    white-space: normal;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.2;
}

/* New changes css :: END */

/* Media query */
@media screen and (min-width: 1440px) {
    .fz-16 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1336.25px) {
    .user-info h1 {
        font-size: 1.8em;
    }
}

@media screen and (max-width: 1200px) {
    .highlight-title {
        padding-left: 0;
    }

    .centerDiv {
        position: relative;
        text-align: center;
        width: 101%;
        top: auto;
        left: auto;
        transform: none;
        margin: 15px 0 0;
    }

    .image-input .image-input-wrapper {
        width: 100px !important;
        height: 100px !important;
    }

    .image-input .upload-user-profile-branding[data-kt-image-input-action] {
        padding: 5px 8px !important;
    }
}

@media screen and (max-width: 1025.25px) {
    .image-input .image-input-wrapper {
        width: 80px !important;
        height: 80px !important;
    }
}

@media screen and (max-width: 992px) {
    .app-navbar-item.d-lg-none {
        display: none !important;
    }

    #kt_app_header_container {
        display: flex !important;
    }
}

@media screen and (max-width: 768px) {
    .header-links .theme-selection {
        display: none !important;
    }

    .right-side-header-menu {
        width: auto;
        margin-top: -15px;
    }

    .app-navbar .app-navbar-item {
        margin-top: 5px;
        margin-left: auto !important;
    }

    .app-header .app-header-logo {
        display: flex !important;
    }

    .pricing-section {
        flex: 0 0 100%;
    }

    .color-selection #js-font-color,
    #js-color-code {
        width: 60px;
    }

    .nav-line-tabs .nav-item .nav-link {
        padding: 2px 0 !important;
        margin-bottom: 5px;
        margin-right: 10px !important;
    }

    .table td .btn {
        margin-bottom: 5px;
        padding: 4px 6px 5px !important;
    }

    .list-group.list-group-flush {
        grid-template-columns: auto;
        column-gap: 0px;
        row-gap: 10px;
    }

    .table td:first-child,
    .table th:first-child,
    .table tr:first-child {
        padding-left: 5px !important;
    }

    .list-group-horizontal {
        width: 100%;
    }

    .list-group-horizontal .clipboard {
        width: 100%;
        justify-content: center;
    }
}

@media screen and (max-width: 600.25px) {
    .user-info h1 {
        font-size: 20px;
    }

    .weekly-row .form-check-input {
        width: 30px;
        height: 25px;
    }

    #kt_account_profile_details_form img {
        width: 40px;
    }

    .set-card-center {
        width: 90%;
    }
}

@media screen and (max-width: 325px) {
    .image-input .image-input-wrapper {
        width: 80px !important;
        height: 80px !important;
    }

    .image-input .upload-user-profile-branding[data-kt-image-input-action] {
        padding: 5px 8px !important;
    }
}

.emp-msg {
    margin-left: 5px !important;
}

.paid::after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg width='24' viewBox='0 0 28 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.44257 6.58822L4.68421 14.8291H22.8191L24.0536 6.46798L19.0799 10.6905L13.7331 3.94145L8.16708 10.6681L3.44257 6.58822ZM17.7357 4.43921L17.6247 4.53289L17.8254 4.55246L19.4871 6.64834L21.5333 4.91179L21.7326 4.93137L21.6443 4.81672L25.0802 1.9001C25.2999 1.71401 25.5721 1.59824 25.8606 1.56828C26.1491 1.53832 26.44 1.5956 26.6945 1.73245C26.9489 1.8693 27.1547 2.0792 27.2843 2.33405C27.4139 2.58889 27.4611 2.87653 27.4197 3.15847L25.2838 17.6255H2.22655L0.0579488 3.22418C0.0148717 2.94068 0.0615722 2.65103 0.191725 2.39445C0.321878 2.13788 0.529194 1.92679 0.785593 1.78976C1.04199 1.65274 1.33508 1.59641 1.62517 1.6284C1.91526 1.66039 2.18833 1.77915 2.40739 1.96861L5.68379 4.79994L5.6126 4.88383L5.7678 4.87265L7.82392 6.64834L9.54969 4.56085L9.7049 4.54827L9.61946 4.47556L12.6538 0.813705C12.789 0.650551 12.9599 0.519441 13.1538 0.430141C13.3477 0.34084 13.5597 0.29565 13.7738 0.297934C13.988 0.300219 14.1989 0.349919 14.3908 0.443335C14.5827 0.536751 14.7507 0.671475 14.8822 0.837474L17.7357 4.43921ZM2.33762 19.0237H25.1201V20.4219C25.1201 20.7927 24.9701 21.1484 24.703 21.4106C24.436 21.6728 24.0738 21.8201 23.6962 21.8201H3.76152C3.38388 21.8201 3.0217 21.6728 2.75467 21.4106C2.48764 21.1484 2.33762 20.7927 2.33762 20.4219V19.0237Z' fill='%23FFBE1C'/%3E%3C/svg%3E%0A");
    top: 20px;
    right: 16px;
}

.z-index-4 {
    z-index: 4;
}

.filtered:after {
    content: "\A";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--kt-warning);
    display: inline-block;
    margin-top: -4px;
    margin-left: -4px;
}

.app-engage {
    position: fixed;
    right: 0;
    top: 55%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 5;
    padding-right: 8px;
    cursor: pointer;
}

.app-engage .app-engage-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: var(--bs-engage-btn-box-shadow);
    border-width: 1px;
    border-style: solid;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px;
    border-radius: 6px;
    width: 100px;
    height: 60px;
    color: var(--bs-engage-btn-color);
    border-color: var(--bs-engage-btn-border-color);
    background-color: var(--bs-engage-btn-bg);
    text-align: center;
}

.app-engage .app-engage-btn .svg-icon,
.app-engage .app-engage-btn i {
    color: var(--bs-engage-btn-icon-color);
}

.app-engage .app-engage-btn.dropdown-toggle:after {
    color: var(--bs-engage-btn-icon-color);
}

.app-engage .app-engage-btn.hover-dark:hover {
    color: var(--bs-dark-inverse);
    border-color: var(--bs-dark);
    background-color: var(--bs-dark);
}

.app-engage .app-engage-btn.hover-dark:hover .svg-icon,
.app-engage .app-engage-btn.hover-dark:hover i {
    color: var(--bs-dark-inverse);
}

.app-engage .app-engage-btn.hover-primary:hover {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}

.app-engage .app-engage-btn.hover-primary:hover .svg-icon,
.app-engage .app-engage-btn.hover-primary:hover i {
    color: var(--bs-primary-inverse);
}

.app-engage .app-engage-btn.hover-success:hover {
    color: var(--bs-success-inverse);
    border-color: var(--bs-success);
    background-color: var(--bs-success);
}

.app-engage .app-engage-btn.hover-success:hover .svg-icon,
.app-engage .app-engage-btn.hover-success:hover i {
    color: var(--bs-success-inverse);
}

.app-engage .app-engage-btn.app-engage-btn-toggle-off {
    width: 45px;
    height: 45px;
}

.app-engage .app-engage-btn.app-engage-btn-toggle-on {
    width: 45px;
    height: 45px;
    display: none;
}

.app-engage.app-engage-hide .app-engage-btn {
    visibility: hidden;
}

.app-engage.app-engage-hide .app-engage-btn.app-engage-btn-toggle-off {
    display: none;
}

.app-engage.app-engage-hide .app-engage-btn.app-engage-btn-toggle-on {
    visibility: visible;
    display: flex;
}

.engage-btn {
    display: flex;
    align-items: center;
    height: 35px !important;
    color: var(--bs-engage-btn-color);
    border-color: var(--bs-engage-btn-bg);
    background-color: var(--bs-engage-btn-bg);
}

.engage-btn .svg-icon,
.engage-btn i {
    color: var(--bs-engage-btn-color);
}

.engage-btn.dropdown-toggle:after {
    color: var(--bs-engage-btn-color);
}

.btn-check:active+.engage-btn,
.btn-check:checked+.engage-btn,
.engage-btn.active,
.engage-btn.show,
.engage-btn:active:not(.btn-active),
.engage-btn:focus:not(.btn-active),
.engage-btn:hover:not(.btn-active),
.show>.engage-btn {
    color: var(--bs-engage-btn-color-active);
    border-color: var(--bs-engage-btn-bg);
    background-color: var(--bs-engage-btn-bg) !important;
}

.btn-check:active+.engage-btn .svg-icon,
.btn-check:active+.engage-btn i,
.btn-check:checked+.engage-btn .svg-icon,
.btn-check:checked+.engage-btn i,
.engage-btn.active .svg-icon,
.engage-btn.active i,
.engage-btn.show .svg-icon,
.engage-btn.show i,
.engage-btn:active:not(.btn-active) .svg-icon,
.engage-btn:active:not(.btn-active) i,
.engage-btn:focus:not(.btn-active) .svg-icon,
.engage-btn:focus:not(.btn-active) i,
.engage-btn:hover:not(.btn-active) .svg-icon,
.engage-btn:hover:not(.btn-active) i,
.show>.engage-btn .svg-icon,
.show>.engage-btn i {
    color: var(--bs-engage-btn-color-active);
}

.btn-check:active+.engage-btn.dropdown-toggle:after,
.btn-check:checked+.engage-btn.dropdown-toggle:after,
.engage-btn.active.dropdown-toggle:after,
.engage-btn.show.dropdown-toggle:after,
.engage-btn:active:not(.btn-active).dropdown-toggle:after,
.engage-btn:focus:not(.btn-active).dropdown-toggle:after,
.engage-btn:hover:not(.btn-active).dropdown-toggle:after,
.show>.engage-btn.dropdown-toggle:after {
    color: var(--bs-engage-btn-color-active);
}

.drop-down-buttons {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
}

.success-bank {
    color: #17c653;
}

.invalid-bank {
    color: red;
}

.fc .fc-daygrid-dot-event {
    background-color: var(--kt-light);
    color: inherit;
}

.fc .fc-timegrid-now-indicator-line,
.fc .fc-timegrid-now-indicator-arrow {
    border-color: #FE444A;
}

@media (max-width: 600px) {
    .fc-toolbar-chunk .fc-button-group .fc-dayGridMonth-button {
        display: none;
    }

    .fc-toolbar-chunk .fc-button-group .fc-timeGridWeek-button {
        display: none;
    }

    .fc-toolbar-chunk .fc-button-group .fc-timeGridDay-button {
        display: none;
    }

    .fc-toolbar-chunk .fc-button-group .fc-listMonth-button {
        display: none;
    }
}

.delete-account-link {
    margin-left: 10px;
}

.disabled-link {
    pointer-events: none;
    opacity: 0.6;
}

#cover-spin {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: block;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
#cover-spin::after {
    content: "";
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: var(--bs-primary);
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin 0.8s linear infinite;
    animation: spin 0.8s linear infinite;
}

.outlook-color{
    background-color:#308FF0;
}

.external-button{
    background-color:#717171;
}
.external-button:hover{
    background-color: #717171;
}
.external-button i {
    color:white;
}


.modal-dialog-slideout {
    position: fixed;
    right: 0;
    top: 8%;
    margin: 0;
    width: 40%;
    max-width: 40% !important;
    height: auto;
    border-radius: 12px;
}

.modal-dialog-slideout .modal-content {
    display: flex;
    flex-direction: column;
    height: 85vh;
    max-height: 85vh !important;
    overflow: hidden; 
    border-radius: 12px;
}

.modal.fade .modal-dialog-slideout {
    transform: translateX(100%);
    transition: transform .35s ease-out;
}

.modal.fade.show .modal-dialog-slideout {
    transform: translateX(0);
}

.modal-dialog-slideout .modal-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto !important;
}

.notes-details {
    flex: 1;
    overflow-y: auto;
}

.add-note-area {
    overflow-y: auto;
}

.modal-dialog-slideout .modal-footer {
    position: sticky;
    bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    z-index: 20;
}

@media (max-width: 768px) {
    .modal-dialog-slideout {
        width: 100% !important;
        max-width: 100% !important;
        right: 0;
        top: 0;
    }

    .modal-dialog-slideout .modal-content {
        height: 100vh;
        max-height: 100vh !important;
        overflow: hidden; 
    }

    .modal-dialog-slideout .modal-body {
        overflow-y: auto !important;
    }

    .add-note-area {
        flex: unset;
        height: auto;
        max-height: none;
        overflow-y: visible;
        margin-top: 1rem;
    }
}