/* WCAG COMMON CSS */
:root {
    --zm-landmark-banner-color: rgb(102, 0, 0);
    --zm-landmark-navigation-color: rgb(22, 81, 81);
    --zm-landmark-main-color: rgb(55, 165, 165);
    --zm-landmark-complementary-color: rgb(222, 79, 93);
    --zm-landmark-contentinfo-color: rgb(7, 56, 93);
    --zm-landmark-form-color: rgb(54, 109, 199);
    --zm-landmark-region-color: rgb(153, 102, 51);
    --zm-landmark-search-color: rgb(49, 57, 73);
    --zm-landmark-text-color: #ffffff;
}

/* Styling for ARIA landmarks to visually highlight them */
.arialandmark-enable [role="banner"] {
    border: 3px solid var(--zm-landmark-banner-color);
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
}
.arialandmark-enable [role="banner"]:after {
    content: attr(data-landmark-label);
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px 3px;
    border-radius: 0 0 0 5px;
    background-color: var(--zm-landmark-banner-color);
    color: var(--zm-landmark-text-color);
}
.arialandmark-enable [role="navigation"] {
    border: 3px dashed var(--zm-landmark-navigation-color);
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
}
.arialandmark-enable [role="navigation"]:after {
    content: attr(data-landmark-label);
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px 3px;
    border-radius: 0 0 0 5px;
    background-color: var(--zm-landmark-navigation-color);
    color: var(--zm-landmark-text-color);
}
.arialandmark-enable [role="main"] {
    border: 3px solid var(--zm-landmark-main-color);
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
}
.arialandmark-enable [role="main"]:after {
    content: attr(data-landmark-label);
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px 3px;
    border-radius: 0 0 0 5px;
    background-color: var(--zm-landmark-main-color);
    color: var(--zm-landmark-text-color);
}
.arialandmark-enable [role="complementary"] {
    border: 3px dotted var(--zm-landmark-complementary-color);
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
}
.arialandmark-enable [role="complementary"]:after {
    content: attr(data-landmark-label);
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px 3px;
    border-radius: 0 0 0 5px;
    background-color: var(--zm-landmark-complementary-color);
    color: var(--zm-landmark-text-color);
}
.arialandmark-enable [role="contentinfo"] {
    border: 3px solid var(--zm-landmark-contentinfo-color);
    padding: 10px;
    margin-top: 10px;
    position: relative;
}
.arialandmark-enable [role="contentinfo"]:after {
    content: attr(data-landmark-label);
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px 3px;
    border-radius: 0 0 0 5px;
    background-color: var(--zm-landmark-contentinfo-color);
    color: var(--zm-landmark-text-color);
}
.arialandmark-enable [role="form"] {
    border: 3px solid var(--zm-landmark-form-color);
    padding: 10px;
    margin-top: 10px;
    position: relative;
}
.arialandmark-enable [role="form"]:after {
    content: attr(data-landmark-label);
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px 3px;
    border-radius: 0 0 0 5px;
    background-color: var(--zm-landmark-form-color);
    color: var(--zm-landmark-text-color);
}
.arialandmark-enable [role="region"] {
    border: 3px solid var(--zm-landmark-region-color);
    padding: 10px;
    margin-top: 10px;
    position: relative;
}
.arialandmark-enable [role="region"]:after {
    content: attr(data-landmark-label);
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px 3px;
    border-radius: 0 0 0 5px;
    background-color: var(--zm-landmark-region-color);
    color: var(--zm-landmark-text-color);
}
.arialandmark-enable [role="search"] {
    /* border: 3px solid var(--zm-landmark-search-color); */
	box-shadow: 0 0 0 .25rem var(--zm-landmark-search-color);
    /* padding: 10px;
    margin-top: 10px; */
    position: relative;
}
.arialandmark-enable [role="search"]:after {
    content: attr(data-landmark-label);
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px 3px;
    border-radius: 0 0 0 5px;
    background-color: var(--zm-landmark-search-color);
    color: var(--zm-landmark-text-color);
}

.landmark-sel-container {
    position: fixed;
    top: 20px;
    right: 20px;
    display: flex;
    padding: 5px;
    align-items: center;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, .1);
    gap: 5px;
    border-radius: 5px;
}

.landmark-drag-icon {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
}
.landmark-sel-dropdown {
    display: inline-block;
    vertical-align: middle;
}

.underlinelinks-enable [role="link"],
.underlinelinks-enable [role="tab"] {
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-decoration-color: currentColor !important;
}

/* .underlinelinks-enable a:hover,
.underlinelinks-enable [role="link"]:hover,
.underlinelinks-enable [data-zm-click]:hover,
.underlinelinks-enable .cP:hover {
    text-decoration-thickness: 2px !important;
} */

/* Primitives - Background & Foreground colors */
:root {
    --zm-black: #000;
    --zm-white: #fff;
    --zm-gray: #6c757d;
    --zm-gray-dark: #343a40;
    --zm-primary: #147EE2;
    --zm-primary-rgb: rgb(10, 115, 235);
    --zm-secondary: #6C757D;
    --zm-success: #26A942;
    --zm-info: #0DCAF0;
    --zm-warning: #FF6F00;
    --zm-danger: #DE3535;
    --zm-surface-modal: #EDF1F5;    
    --zm-slate-blue: #607387;

	--zm-blue-10: #ebf3fe;
	--zm-blue-20: #9ec5fe;
	--zm-blue-30: #6ea8fe;
	--zm-blue-40: #3d8bfd;
	--zm-blue-50: var(--zm-primary);
	--zm-blue-60: #0a58ca;
	--zm-blue-70: #084298;
	--zm-blue-80: #052c65;
	--zm-blue-90: #031633;

    --zm-gray-10: #f8f9fa;
    --zm-gray-20: #e9ecef;
    --zm-gray-30: #dee2e6;
    --zm-gray-40: #c4c4c4;
    --zm-gray-50: #adb5bd;
    --zm-gray-60: #6c757d;
    --zm-gray-70: #495057;
    --zm-gray-80: #343a40;
    --zm-gray-90: #212529;

	--zm-green-10: #d1e7dd;
	--zm-green-20: #a3cfbb;
	--zm-green-30: #75b798;
	--zm-green-40: #479f76;
	--zm-green-50: var(--zm-success);
	--zm-green-60: #146c43;
	--zm-green-70: #0f5132;
	--zm-green-80: #0a3622;
	--zm-green-90: #051b11;

	--zm-red-10: #f8d7da;
	--zm-red-20: #f1aeb5;
	--zm-red-30: #ea868f;
	--zm-red-40: #e35d6a;
	--zm-red-50: var(--zm-danger);
	--zm-red-60: #b02a37;
	--zm-red-70: #842029;
	--zm-red-80: #58151c;
	--zm-red-90: #2c0b0e;

	--zm-orange-10: #ffe5d0;
	--zm-orange-20: #fecba1;
	--zm-orange-30: #feb272;
	--zm-orange-40: #fd9843;
	--zm-orange-50: var(--zm-warning);
	--zm-orange-60: #ca6510;
	--zm-orange-70: #984c0c;
	--zm-orange-80: #653208;
	--zm-orange-90: #331904;

	--zm-cyan-10: #cff4fc;
	--zm-cyan-20: #9eeaf9;
	--zm-cyan-30: #6edff6;
	--zm-cyan-40: #3dd5f3;
	--zm-cyan-50: var(--zm-info);
	--zm-cyan-60: #0aa2c0;
	--zm-cyan-70: #087990;
	--zm-cyan-80: #055160;
	--zm-cyan-90: #032830;

    --zm-body-color: #212529;
    --zm-body-bg: #F5F8FC;
	--zm-body-secondary-bg: #fff;
	--zm-body-secondary-color: #212529;
	--zm-app-border-color: #e5e5e5;
    --zm-app-hover-border-color: #77828d;

    --zm-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --zm-primary-bg: #147EE2;
	--zm-primary-bg-subtle: #F5F8FC;
    --zm-secondary-bg: #6C757D;
    --zm-secondary-bg-subtle: #f5f5f5;
    --zm-success-bg: #26A942;
    --zm-success-bg-subtle: #d1e7dd;
    --zm-danger-bg: #DE3535;
    --zm-danger-bg-subtle: #f8d7da;
    --zm-warning-bg: #FF6F00;
    --zm-warning-bg-subtle: #fff3cd;
    --zm-info-bg: #0DCAF0;
    --zm-info-bg-subtle: #CFF4FC;

    --zm-primary-color: #147EE2;
    --zm-secondary-color: #6C757D;
    --zm-success-color: #26A942;
    --zm-info-color: #0DCAF0;
    --zm-warning-color: #FF6F00;
    --zm-danger-color: #DE3535;

	--zm-primary-text-emphasis: #052c65;
    --zm-secondary-text-emphasis: #2b2f32;
    --zm-success-text-emphasis: #0a3622;
    --zm-info-text-emphasis: #055160;
    --zm-warning-text-emphasis: #664d03;
    --zm-danger-text-emphasis: #58151c;
    --zm-light-text-emphasis: #495057;

	--zm-body-font-size: 1rem;
    --zm-backdrop-bg: #000;
    --zm-backdrop-opacity: 0.5;
    --zm-border-width: 1px;
    --zm-border-radius: 0.375rem;
    --zm-link-color: #147EE2;
    --zm-link-hover-color: #0a58ca;

	--zm-left-inner-nav-bg: var(--zm-white);
	--zm-left-inner-nav-item-color: var(--zm-body-color);
	--zm-left-inner-nav-item-active-bg: var(--zm-blue-10);
	--zm-left-inner-nav-item-active-color: var(--zm-blue-50);
	--zm-left-inner-nav-item-hover-bg: var(--zm-gray-10);
	--zm-left-inner-nav-item-hover-color: var(--zm-gray-70);

	--zm-form-control-bg: var(--zm-white);
	--zm-form-control-color: var(--zm-gray-90);
	--zm-form-control-border-color: var(--zm-gray-40);
	--zm-form-control-active-border-color: var(--zm-blue-50);
	--zm-form-error-color: var(--zm-red-40);
	--zm-form-error-border-color: var(--zm-red-40);
	--zm-form-check-active-input-bg: var(--zm-blue-50);
	--zm-form-check-active-input-border-color: var(--zm-blue-50);
	--zm-input-group-bg: var(--zm-blue-10);
	--zm-input-group-addon-color: var(--zm-blue-50);

    --zm-btn-border-width: var(--zm-border-width);
    --zm-btn-border-radius: 1rem;
    --zm-btn-padding-x: 1.25rem;
    --zm-btn-padding-y: 0.375rem;
    --zm-btn-font-size: 1rem;
	--zm-btn-line-height: 1.5;
    --zm-btn-disabled-opacity: 0.65;

	--zc-button-normal-bg: var(--zm-gray-20);
	--zc-button-normal-color: var(--zm-form-control-color);

	--zm-card-bg: var(--zm-white);
	--zm-card-color: var(--zm-gray-90);
	--zm-card-border-color: var(--zm-gray-20);
	--zm-card-shadow-color: rgb(0 0 0 / 9%);
	--zm-card-header-bg: var(--zm-gray-10);

	--zm-dropdown-bg: var(--zm-white);
    --zm-dropdown-color: #212529;
    --zm-dropdown-border-width: 1px;
    --zm-dropdown-border-color: rgba(0, 0, 0, 0.175);

	--zm-dropdown-header-bg: #FAFAFA;
	--zm-dropdown-header-color: #AAAAAA;
	--zm-dropdown-item-bg: var(--zm-white);
	--zm-dropdown-item-color: #212529;
    --zm-dropdown-item-desc-color: #737373;
    /* --zm-dropdown-item-active-bg: #0d6efd; */
    --zm-dropdown-item-active-bg: transparent;
    --zm-dropdown-item-active-color: #212529;
    --zm-dropdown-item-hover-bg: #F2F6FC;
    --zm-dropdown-item-hover-color: #147EE2;
    --zm-dropdown-item-disabled-color: rgba(33, 37, 41, 0.5);

	--zm-tab-item-color: var(--zm-gray-70);
	--zm-tab-item-hover-color: var(--zm-gray-90);
	--zm-tab-item-active-color: var(--zm-blue-50);
	--zm-tab-item-border-bottom-color: transparent;
	--zm-tab-item-border-width: 3px;
	--zm-tab-item-active-border-bottom-color: var(--zm-blue-50);

    --zm-table-head-bg: #F5F7FC;
    --zm-table-head-color: #666;
    /* --zm-table-head-color: var(--zm-table-header-text) */
	--zm-table-hover-bg: #F0F4FC;
	--zm-table-hover-color: #212529;
	--zm-table-striped-bg: #FAFAFA;
    --zm-table-striped-color: #212529;

	--zm-box-active-bg: var(--zm-blue-10);
    --zm-box-active-border-color: var(--zm-blue-50);
	--zm-box-active-color: var(--zm-dropdown-item-active-color);

	--zm-icon-primary-color: var(--zm-primary-color);
	--zm-icon-default-color: var(--zm-black);
	--zm-icon-light-color: var(--zm-white);
    --zm-icon-fill: #808080;

	--zm-desc-color: #6c757d;

	--zm-focus-ring-width: 2px;
  	--zm-focus-ring-color: var(--zm-blue-50);

    --zm-background-pale-blue-color : #f9fbfd;
    --zm-background-soft-blue-color : #F3F7FF;
    --zm-background-pastel-blue-color : #E8EFFA;

    /*end page and standalone container background colors*/
    --zm-background-standalone-container-rose-color : #FEF2FE;
    --zm-background-standalone-container-white-color : #F5F8FE;
    --zm-background-standalone-container-green-color : #EFFDFE;




    /* --zmhamburger-heading-font-size: 14px;
    --zmhamburger-slider-description-font-size: 14px; */
}

[data-zm-theme="dark"] {
	--zm-primary-bg: #0A73EB;
	--zm-primary-color: #0A73EB;
	--zm-primary-bg-subtle: #F5F8FC;
	
	--zm-body-color: #fff;
    --zm-body-bg: #212529;
	--zm-body-secondary-bg: #242628;
	--zm-body-secondary-color: #fff;
	--zm-app-border-color: #3d3f43;

	--zm-left-inner-nav-bg: rgb(21, 32, 43);
	--zm-left-inner-nav-item-color: var(--zm-body-color);
	--zm-left-inner-nav-item-active-bg: var(--zm-blue-10);
	--zm-left-inner-nav-item-active-color: var(--zm-blue-50);
	--zm-left-inner-nav-item-hover-bg: var(--zm-gray-10);
	--zm-left-inner-nav-item-hover-color: var(--zm-gray-70);

	--zm-form-control-bg: var(--zm-body-bg);
	--zm-form-control-color: var(--zm-gray-10);
	--zm-form-control-border-color: var(--zm-gray-20);
	--zm-form-control-active-border-color: var(--zm-blue-50);
	--zm-form-error-color: var(--zm-red-40);
	--zm-form-error-border-color: var(--zm-red-40);
	--zm-form-check-active-input-bg: var(--zm-blue-50);
	--zm-form-check-active-input-border-color: var(--zm-blue-50);
	--zm-input-group-bg: var(--zm-blue-10);
	--zm-input-group-addon-color: var(--zm-blue-50);

	--zc-button-normal-bg: var(--zm-gray-20);
	--zc-button-normal-color: var(--zm-form-control-color);

	--zm-card-bg: #242628;
	--zm-card-color: var(--zm-gray-10);
	--zm-card-border-color: var(--zm-gray-40);
	--zm-card-shadow-color: rgb(0 0 0 / 9%);
	--zm-card-header-bg: var(--zm-gray-10);

	--zm-dropdown-bg: #212529;
    --zm-dropdown-color: var(--zm-white);
    --zm-dropdown-border-width: 1px;
    --zm-dropdown-border-color: rgba(0, 0, 0, 0.175);

	--zm-dropdown-header-bg: #AAAAAA;
	--zm-dropdown-header-color: #FAFAFA;
	--zm-dropdown-item-bg: #212529;
	--zm-dropdown-item-color: var(--zm-body-color);
    --zm-dropdown-item-desc-color: (var(--zm-gray-20));
    /* --zm-dropdown-item-active-bg: #0d6efd; */
    --zm-dropdown-item-active-bg: transparent;
    --zm-dropdown-item-active-color: var(--zm-white);
    --zm-dropdown-item-hover-bg: #F2F6FC;
    --zm-dropdown-item-hover-color: #147EE2;
    --zm-dropdown-item-disabled-color: rgba(33, 37, 41, 0.5);

	--zm-tab-item-color: var(--zm-gray-10);
	--zm-tab-item-hover-color: var(--zm-gray-80);
	--zm-tab-item-active-color: var(--zm-blue-50);
	--zm-tab-item-border-bottom-color: transparent;
	--zm-tab-item-border-width: 3px;
	--zm-tab-item-active-border-bottom-color: var(--zm-blue-50);

    --zm-table-head-bg: #18191b;
    --zm-table-head-color: #bcbec2;
	--zm-table-hover-bg: #212529;
	--zm-table-hover-color: #F0F4FC;
	--zm-table-striped-bg: #2c3034;
    --zm-table-striped-color: #fff;

	--zm-box-active-bg: var(--zm-blue-10);
    --zm-box-active-border-color: var(--zm-blue-50);
	--zm-box-active-color: var(--zm-gray-90);

	--zm-desc-color: var(--zm-gray-10);

    --zm-icon-fill: #fff;

    --zm-font-size-16: 16px;
    --zm-font-size-13: 13px;
    --zm-font-size-14: 14px;
    --zm-font-size-12: 12px;
    --zm-font-size-10: 10px;
    --zm-font-size-8: 8px;
    --zm-font-size-6: 6px;
    --zm-font-size-4: 4px;
}

.zmeetDark {
	--zm-primary-bg: var(--app-theme-color-500);
	--zm-primary-color: var(--app-theme-color-500);
	--zm-primary-bg-subtle: var(--app-theme-color-900);

	--zm-body-color: var(--app-text-color-light);
    --zm-body-bg: var(--app-grey-10);
	--zm-body-secondary-bg: var(--app-bg);
	--zm-body-secondary-color: #fff;
	--zm-app-border-color: var(--app-border-color);

	--zm-body-font-size: 1rem;
    --zm-backdrop-bg: #000;
    --zm-backdrop-opacity: 0.5;
    --zm-border-width: 1px;
    --zm-border-radius: 0.375rem;
    --zm-link-color: var(--app-theme-color-500);
    --zm-link-hover-color: var(--app-theme-color-500);

	--zm-left-inner-nav-bg: var(--app-bg);
	--zm-left-inner-nav-item-color: var(--zm-body-color);
	--zm-left-inner-nav-item-active-bg: var(--app-grey-10);
	--zm-left-inner-nav-item-active-color: var(--app-theme-color-500);
	--zm-left-inner-nav-item-hover-bg: var(--app-grey-10);
	--zm-left-inner-nav-item-hover-color: var(--app-theme-color-500);

	--zm-form-control-bg: var(--zm-body-bg);
	--zm-form-control-color: var(--app-text-color-light);
	--zm-form-control-border-color: var(--app-grey-400);
	--zm-form-control-active-border-color: var(--app-theme-color-500);
	--zm-form-error-color: var(--zm-red-40);
	--zm-form-error-border-color: var(--zm-red-40);
	--zm-form-check-active-input-bg: var(--app-theme-color-500);
	--zm-form-check-active-input-border-color: var(--app-theme-color-500);
	--zm-input-group-bg: var(--app-grey-10);
	--zm-input-group-addon-color: var(--app-theme-color-500);

	--zc-button-normal-bg: var(--app-bg);
	--zc-button-normal-color: var(--app-text-color);

	--zm-card-bg: var(--app-bg);
	--zm-card-color: var(--app-text-color);
	--zm-card-border-color: transparent;
	--zm-card-shadow-color: rgb(0 0 0 / 9%);
	--zm-card-header-bg: var(--app-grey-10);

	--zm-dropdown-bg: var(--app-bg);
    --zm-dropdown-color: var(--app-grey-70);
    --zm-dropdown-border-width: 1px;
    --zm-dropdown-border-color: rgba(0, 0, 0, 0.175);

	--zm-dropdown-header-bg: #AAAAAA;
	--zm-dropdown-header-color: #FAFAFA;
	--zm-dropdown-item-bg: #212529;
	--zm-dropdown-item-color: var(--zm-white);
    --zm-dropdown-item-desc-color: (var(--app-grey-20));
    /* --zm-dropdown-item-active-bg: #0d6efd; */
    --zm-dropdown-item-active-bg: transparent;
    --zm-dropdown-item-active-color: var(--zm-white);
    --zm-dropdown-item-hover-bg: var(--app-grey-10);
    --zm-dropdown-item-hover-color: var(--app-theme-color-500);
    --zm-dropdown-item-disabled-color: rgba(33, 37, 41, 0.5);

	--zm-tab-item-color: var(--app-grey-70);
	--zm-tab-item-hover-color: var(--app-grey-80);
	--zm-tab-item-active-color: var(--app-theme-color-500);
	--zm-tab-item-border-bottom-color: transparent;
	--zm-tab-item-border-width: 3px;
	--zm-tab-item-active-border-bottom-color: var(--app-theme-color-500);

    --zm-table-head-bg: var(--app-grey-10);
    --zm-table-head-color: var(--app-text-color);
	--zm-table-hover-bg: #212529;
	--zm-table-hover-color: #F0F4FC;
	--zm-table-striped-bg: #2c3034;
    --zm-table-striped-color: #fff;

	--zm-box-active-bg: var(--app-grey-10);
    --zm-box-active-border-color: var(--app-theme-color-500);
	--zm-box-active-color: var(--app-grey-400);

	--zm-desc-color: var(--app-grey-400);

    --zm-icon-fill: #fff;
}


body {
    background-color: var(--zm-body-bg);
    color: var(--zm-body-color);
	font-size: var(--zm-body-font-size);
}

a, .bluelink, .link, .link1, .eventForm-ins a {
	color: var(--zm-link-color);
}

/* Icons */
/* svg > use {
	fill: currentColor !important;
} */

.icon {
}
.icon-primary {
	color: var(--zm-icon-primary-color);
}
.icon-default {
	color: var(--zm-icon-default-color);
}
.stroke-default {
	stroke: var(--zm-icon-default-color) !important;
	fill: none !important;
}
.icon-light {
	color: var(--zm-icon-light-color);
}

/* Buttons */
.btn {
    border: var(--zm-btn-border-width) solid var(--zm-btn-border-color);
    background-color: var(--zm-btn-bg);
    color: var(--zm-btn-color);
    font-size: var( --zm-btn-font-size);
    border-radius: var(--zm-btn-border-radius);
    padding: var(--zm-btn-padding-y) var(--zm-btn-padding-x);
	line-height: var(--zm-btn-line-height);
    text-decoration: none;
}
.btn:hover {
    border-color: var(--zm-btn-hover-border-color);
    background-color: var(--zm-btn-hover-bg);
    color: var(--zm-btn-hover-color);
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.btn.disabled, .btn:disabled {
    color: var(--zm-btn-disabled-color) !important;
    pointer-events: none;
    background-color: var(--zm-btn-disabled-bg);
    border-color: var(--zm-btn-disabled-border-color);
    opacity: var(--zm-btn-disabled-opacity);
}
.primary-btn {
    --zm-btn-bg: var(--zm-primary-bg);
    --zm-btn-color: var(--zm-white);
    --zm-btn-border-color: var(--zm-primary-bg);
    --zm-btn-hover-color: var(--zm-white);
    --zm-btn-hover-bg: #0770D3;
    --zm-btn-hover-border-color: var(--zm-primary-bg);
    --zm-btn-disabled-color: var(--zm-white);
    --zm-btn-disabled-bg: var(--zm-primary-bg);
    --zm-btn-disabled-border-color: var(--zm-primary-bg);
}
.secondary-btn {
    --zm-btn-bg: #f5f5f5;
    --zm-btn-color: #3c3c3c;
    --zm-btn-border-color: #c4c4c4;
    --zm-btn-hover-color: #3c3c3c;
    --zm-btn-hover-bg: #f5f5f5;
    --zm-btn-hover-border-color: #c4c4c4;
    --zm-btn-disabled-color: #3c3c3c;
    --zm-btn-disabled-bg: #f5f5f5;
    --zm-btn-disabled-border-color: #c4c4c4;
}
.success-btn {
    --zm-btn-bg: var(--zm-success-bg);
    --zm-btn-color: #fff;
    --zm-btn-border-color: #26A942;
    --zm-btn-hover-color: #fff;
    --zm-btn-hover-bg: #157347;
    --zm-btn-hover-border-color: #146c43;
    --zm-btn-disabled-color: #fff;
    --zm-btn-disabled-bg: var(--zm-success-bg);
    --zm-btn-disabled-border-color: var(--zm-success-bg);
}
.danger-btn {
    --zm-btn-bg: var(--zm-danger-bg);
    --zm-btn-color: #fff;
    --zm-btn-border-color: #DE3535;
    --zm-btn-hover-color: #fff;
    --zm-btn-hover-bg: #bb2d3b;
    --zm-btn-hover-border-color: #b02a37;
    --zm-btn-disabled-color: #fff;
    --zm-btn-disabled-bg: var(--zm-danger-bg);
    --zm-btn-disabled-border-color: var(--zm-danger-bg);
}
.warning-btn {
    --zm-btn-bg: var(--zm-warning-bg);
    --zm-btn-color: #000;
    --zm-btn-border-color: #FF6F00;
    --zm-btn-hover-color: #000;
    --zm-btn-hover-bg: #ffca2c;
    --zm-btn-hover-border-color: #ffc720;
    --zm-btn-disabled-color: #000;
    --zm-btn-disabled-bg: var(--zm-warning-bg);
    --zm-btn-disabled-border-color: var(--zm-warning-bg);
}
.info-btn {
    --zm-btn-bg: var(--zm-info-bg);
    --zm-btn-color: #000;
    --zm-btn-border-color: #0DCAF0;
    --zm-btn-hover-color: #000;
    --zm-btn-hover-bg: #31d2f2;
    --zm-btn-hover-border-color: #25cff2;
    --zm-btn-disabled-color: #000;
    --zm-btn-disabled-bg: var(--zm-info-bg);
    --zm-btn-disabled-border-color: var(--zm-info-bg);
}
.link-btn {
    --zm-btn-bg: transparent;
    --zm-btn-color: var(--zm-primary-bg);
    --zm-btn-border-color: transparent;
    --zm-btn-hover-color: var(--zm-link-hover-color);
    --zm-btn-hover-border-color: transparent;
    text-decoration: underline;
}

.zmeetDark .primary-btn {
	--zm-btn-bg: var(--app-theme-color-500);
	--zm-btn-color: var(--zm-white);
	--zm-btn-border-color: var(--app-theme-color-500);
	--zm-btn-hover-color: var(--app-theme-button-text-color);
	--zm-btn-hover-bg: var(--app-theme-color-500);
	--zm-btn-hover-border-color: var(--app-theme-color-500);
	--zm-btn-disabled-color: var(--zm-white);
	--zm-btn-disabled-bg: var(--app-theme-color-500);
	--zm-btn-disabled-border-color: var(--app-theme-color-500);
}
.zmeetDark .outline-primary-btn {
	--zm-btn-bg: transparent;
	--zm-btn-color: var(--app-theme-color-500);
	--zm-btn-border-color: var(--app-theme-color-500);
	--zm-btn-hover-color: var(--app-theme-button-text-color);
	--zm-btn-hover-bg: var(--app-theme-color-500);
	--zm-btn-hover-border-color: var(--app-theme-color-500);
	--zm-btn-disabled-color: var(--app-theme-color-500);
	--zm-btn-disabled-bg: transparent;
	--zm-btn-disabled-border-color: var(--app-theme-color-500);
}

.zmeetDark .outline-secondary-btn {
    --zm-btn-bg: transparent;
    --zm-btn-color: var(--app-text-color);
    --zm-btn-border-color: var(--app-text-color);
    --zm-btn-hover-color: var(--app-text-color);
    --zm-btn-hover-bg: transparent;
    --zm-btn-hover-border-color: var(--app-text-color);
    --zm-btn-disabled-color: var(--app-text-color);
    --zm-btn-disabled-bg: transparent;
    --zm-btn-disabled-border-color: var(--app-text-color);
}

.zbutton--primary {
	--zm-btn-bg: var(--zm-blue-50);
    --zm-btn-color: var(--zm-white);
    --zm-btn-border-color: var(--zm-blue-50);
    --zm-btn-hover-color: var(--zm-white);
    --zm-btn-hover-bg: var(--zm-blue-60);
    --zm-btn-hover-border-color: var(--zm-blue-60);
    color: var(--zm-btn-bg) !important;
    background: var(--zm-btn-color) !important;
    border: 1px solid var(--zm-btn-border-color) !important;
}
.zbutton--primary:hover,
.zbutton--primary:active:hover,
.zbutton--primary:active.has-focus,
.zbutton--primary.is-selected:hover,
.zbutton--primary.is-selected.has-focus {
  color: var(--zm-btn-hover-color) !important;
  background-color: var(--zm-btn-hover-bg) !important;
  border: 1px solid var(--zm-btn-hover-border-color) !important;
}
.zmeetDark .zbutton--primary {
	--zm-btn-bg: var(--app-theme-color-500);
	--zm-btn-color: var(--zm-white);
	--zm-btn-border-color: var(--app-theme-color-500);
	--zm-btn-hover-color: var(--app-theme-button-text-color);
	--zm-btn-hover-bg: var(--app-theme-color-500);
	--zm-btn-hover-border-color: var(--app-theme-color-500);
}

.outline-primary-btn {
    --zm-btn-bg: transparent;
    --zm-btn-color: var(--zm-primary-bg);
    --zm-btn-border-color: var(--zm-primary-bg);
    --zm-btn-hover-color: var(--zm-primary-color);
    --zm-btn-hover-bg: var(--zm-primary-bg-subtle);
    --zm-btn-hover-border-color: var(--zm-primary-bg);
    --zm-btn-disabled-color: var(--zm-primary-bg);
    --zm-btn-disabled-bg: transparent;
    --zm-btn-disabled-border-color: var(--zm-primary-bg);
}
.outline-secondary-btn {
    --zm-btn-bg: transparent;
    --zm-btn-color: #0c0c0c;
    --zm-btn-border-color: #c4c4c4;
    --zm-btn-hover-color: #0c0c0c;
    --zm-btn-hover-bg: #c4c4c4;
    --zm-btn-hover-border-color: transparent;
    --zm-btn-disabled-color: #0c0c0c;
    --zm-btn-disabled-bg: transparent;
    --zm-btn-disabled-border-color: #c4c4c4;
}
.outline-success-btn {
    --zm-btn-bg: transparent;
    --zm-btn-color: var(--zm-success-bg);
    --zm-btn-border-color: var(--zm-success-bg);
    --zm-btn-hover-color: #fff;
    --zm-btn-hover-bg: var(--zm-success-bg);
    --zm-btn-hover-border-color: var(--zm-success-bg);
    --zm-btn-disabled-color: var(--zm-success-bg);
    --zm-btn-disabled-bg: transparent;
    --zm-btn-disabled-border-color: var(--zm-success-bg);
}
.outline-danger-btn {
    --zm-btn-bg: transparent;
    --zm-btn-color: var(--zm-danger-bg);
    --zm-btn-border-color: var(--zm-danger-bg);
    --zm-btn-hover-color: #fff;
    --zm-btn-hover-bg: var(--zm-danger-bg);
    --zm-btn-hover-border-color: var(--zm-danger-bg);
    --zm-btn-disabled-color: var(--zm-danger-bg);
    --zm-btn-disabled-bg: transparent;
    --zm-btn-disabled-border-color: var(--zm-danger-bg);
}
.outline-warning-btn {
    --zm-btn-bg: transparent;
    --zm-btn-color: var(--zm-warning-bg);
    --zm-btn-border-color: var(--zm-warning-bg);
    --zm-btn-hover-color: #fff;
    --zm-btn-hover-bg: var(--zm-warning-bg);
    --zm-btn-hover-border-color: var(--zm-warning-bg);
    --zm-btn-disabled-color: var(--zm-warning-bg);
    --zm-btn-disabled-bg: transparent;
    --zm-btn-disabled-border-color: var(--zm-warning-bg);
}
.outline-info-btn {
    --zm-btn-bg: transparent;
    --zm-btn-color: var(--zm-info-bg);
    --zm-btn-border-color: var(--zm-info-bg);
    --zm-btn-hover-color: #000;
    --zm-btn-hover-bg: var(--zm-info-bg);
    --zm-btn-hover-border-color: var(--zm-info-bg);
    --zm-btn-disabled-color: var(--zm-info-bg);
    --zm-btn-disabled-bg: transparent;
    --zm-btn-disabled-border-color: var(--zm-info-bg);
}
/* .tertiary-btn {
    --zm-btn-bg: #f8f9fa;
    --zm-btn-color: #000;
    --zm-btn-border-color: #f8f9fa;
    --zm-btn-hover-color: #000;
    --zm-btn-hover-bg: #d3d4d5;
    --zm-btn-hover-border-color: #c6c7c8;
    --zm-btn-disabled-color: #000;
    --zm-btn-disabled-bg: #f8f9fa;
    --zm-btn-disabled-border-color: #f8f9fa;
} */

.zdatetimepicker__date.zdatetimepicker--today {
    border: 1px solid var(--zm-blue-50) !important;
}

/* Dropdowns */
/* .dropdown-item:focus, .dropdown-item:hover {
    color: var(--zm-dropdown-item-hover-color) !important;
    background-color: var(--zm-dropdown-item-hover-bg) !important;
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--zm-dropdown-item-active-color) !important;
    text-decoration: none;
    background-color: var(--zm-dropdown-item-active-bg) !important;
}
.dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--zm-dropdown-item-disabled-color);
    pointer-events: none;
    background-color: transparent;
} */

.dropdown {
}
.dropdown-menu {
    background-color: var(--zm-dropdown-bg) !important;
    color: var(--zm-dropdown-color);
    border: var(--zm-dropdown-border-width) solid var(--zm-dropdown-border-color) !important;
}
.dropdown-menu .dropdown-header {
	background-color: var(--zm-dropdown-header-bg) !important;
	color: var(--zm-dropdown-header-color) !important;
}
.dropdown-menu > li a {
	color: var(--zm-dropdown-item-color) !important;
}
.dropdown-menu > li a:hover,
.dropdown-menu > li.active a {
    background-color: var(--zm-dropdown-item-hover-bg) !important;
    color: var(--zm-dropdown-item-hover-color) !important;
}
.dropdown-menu > li.danger a,
.meeting-list .zm-dropdown-menu > li.danger a {
    color: var(--zm-danger-color) !important;
}

.select2-dropdown {
    background-color: var(--zm-dropdown-bg);
    color: var(--zm-dropdown-color);
    border: var(--zm-dropdown-border-width) solid var(--zm-dropdown-border-color);
}
.select2-results__options, .zdropdownlist {
}
.select2-container--default .select2-results__option {
    background-color: transparent !important;
    color: var(--zm-dropdown-item-color) !important;
}
.select2-results__option span {
    color: var(--zm-dropdown-item-color) !important;
}
.select2-results__option--highlighted span {
    color: var(--zm-dropdown-item-hover-color) !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--zm-dropdown-item-active-bg) !important;
    color: var(--zm-dropdown-item-active-color) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--zm-dropdown-item-hover-bg) !important;
    color: var(--zm-dropdown-item-hover-color) !important;
}
.zselectfield-list-custom .zdropdownlist__text {
    color: var(--zm-dropdown-item-color) !important;
}
.zdropdownlist__description {
    color: var(--zm-dropdown-item-desc-color) !important;
}
.zselectfield-list-custom .zdropdownlist__item.has-focus:hover,
.zselectfield-list-custom .zdropdownlist__item.has-focus.on-hover,
.zselectfield-list-custom .zdropdownlist--withsearchfield .zdropdownlist__item.has-focus,
.zselectfield-list-custom .zdropdownlist--withsearchfield .zdropdownlist__item.is-active {
    background-color: var(--zm-dropdown-item-hover-bg) !important;
    background: var(--zm-dropdown-item-hover-bg) !important;
    color: var(--zm-dropdown-item-hover-color) !important;
}
.zselectfield-list-custom .zdropdownlist__item.on-hover .zdropdownlist__text,
.zselectfield-list-custom .zdropdownlist__item.has-focus .zdropdownlist__text {
    color: var(--zm-dropdown-item-hover-color) !important;
}
.zcombobox.has-kfocus {
	border-color: var(--zm-form-control-active-border-color) !important;
}
.zdropdownlist__noresultstext {
    color: var(--zm-dropdown-item-color) !important;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* Form Controls */
.form-control {
	color: var(--zm-form-control-color) !important;
	background-color: var(--zm-form-control-bg) !important;
}
.input-group-addon {
	background-color: var(--zm-form-control-bg) !important;
}
.form-control:focus {
	border-color: var(--zm-form-control-active-border-color) !important;
}
.form-check-input:checked {
	background-color: var(--zm-form-check-active-input-bg) !important;
	border-color: var(--zm-form-check-active-input-border-color) !important;
}
/* .new-radio-btn {
    border-color: var(--zm-form-check-active-input-border-color) !important;
} */
.help-block {
	display: none;
}
.has-error .help-block,
.has-error .control-label,
.has-error .form-check-label {
	display: inline-block;
	color: var(--zm-form-error-color) !important;
}
.has-error .form-control,
.has-error .input-group-addon,
.has-error .ztokenfield,
.has-error .zselectbox {
	border-color: var(--zm-form-error-border-color) !important;
}
.has-error .form-check-input {
    border-color: var(--zm-form-error-border-color) !important;
}
.form-control,
.input-group-addon,
.newSelect .select2-container--default .select2-selection--single {
	border-color: var(--zm-form-control-border-color) !important;
}
.newSelect:hover .select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
	border-color: var(--zm-form-control-active-border-color) !important;
}
.list-action-row .input-group-addon {
	background-color: var(--zm-input-group-bg) !important;
    color: var(--zm-input-group-addon-color) !important;
}
.zbutton {
	background-color: var(--zc-button-normal-bg) !important;
    color: var(--zc-button-normal-color) !important;
	border-color: var(--zc-button-normal-color) !important;
}
.checkbox-grp-container .zbutton,
.radio-grp-container .zbutton {
	border-color: var(--zm-gray-20) !important;
}
.zbutton:hover,
.checkbox-grp-container .zbutton.is-selected,
.radio-grp-container .zbutton.is-selected {
	background-color: transparent !important;
    color: var(--zm-primary-color) !important;
	border-color: var(--zm-primary-color) !important;
}
.zdatetimepicker {
	background-color: var(--zm-body-secondary-bg) !important;
}
.accordianSearchContainer .lyteField {
    border-bottom-color: var(--zm-form-control-active-border-color);
}

/* .zm-content-wrapper .form-check-radio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    right: 0;
    bottom: 0;
    height: 100% !important;
    margin: 0;
    opacity: 0;
} */


/* Texts */
.text-primary {
    color: var(--zm-primary-color) !important;
}
.text-default {
    color: var(--zm-body-color) !important;
}
.text-secondary {
    color: var(--zm-secondary-color) !important;
}
.text-success {
    color: var(--zm-success-color) !important;
}
.text-danger {
    color: var(--zm-danger-color) !important;
}
.text-warning {
    color: var(--zm-warning-color) !important;
}
.text-info {
    color: var(--zm-info-color) !important;
}
.text-slate-blue {
    color: var(--zm-slate-blue) !important;
}

/* Backgrounds */
.bg-primary-subtle {
    background-color: var(--zm-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
	background-color: var(--zm-secondary-bg-subtle) !important;
}
.bg-success-subtle {
	background-color: var(--zm-success-bg-subtle) !important;
}
.bg-danger-subtle {
	background-color: var(--zm-danger-bg-subtle) !important;
}
.bg-warning-subtle {
	background-color: var(--zm-warning-bg-subtle) !important;
}
.bg-info-subtle {
	background-color: var(--zm-info-bg-subtle) !important;
}

/* Emphasis */
.text-primary-emphasis {
	color: var(--zm-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
	color: var(--zm-secondary-text-emphasis) !important;
}
.text-success-emphasis {
	color: var(--zm-success-text-emphasis) !important;
}
.text-info-emphasis {
	color: var(--zm-info-text-emphasis) !important;
}
.text-warning-emphasis {
	color: var(--zm-warning-text-emphasis) !important;
}
.text-danger-emphasis {
	color: var(--zm-danger-text-emphasis) !important;
}
.text-light-emphasis {
	color: var(--zm-light-text-emphasis) !important;
}

/* Headings */
h1 {
    font-size: 2.5rem !important;
}
h2 {
    font-size: 2rem !important;
}
h3 {
    font-size: 1.75rem;
}
h4 {
    font-size: 1.5rem;
}
h5 {
    font-size: 1.25rem !important;
}
h6 {
    font-size: 1rem !important;
}

html {
    font-size: var(--zm-base-font-size);
}

/* Font Size */
:root {
    --zm-base-font-size: calc((14 / var(--zm_baseFontSize))* var(--zm_baseFontUnit));
    --zm-medium-font-size: calc((15 / var(--zm_baseFontSize))* var(--zm_baseFontUnit));
    --zm-extra-medium-font-size: calc((14 / var(--zm_baseFontSize))* var(--zm_baseFontUnit));
    --zm-small-font-size: calc((13 / var(--zm_baseFontSize))* var(--zm_baseFontUnit));
    --zm-extra-small-font-size: calc((11 / var(--zm_baseFontSize))* var(--zm_baseFontUnit));
    --zm-medium-large-font-size: calc((18 / var(--zm_baseFontSize))* var(--zm_baseFontUnit));
    --zm-large-font-size: calc((20 / var(--zm_baseFontSize))* var(--zm_baseFontUnit));
    --zm_baseFontSize: 16;
    --zm_baseFontUnit: 16px;
    --zm-medium-small-font-size: 1.2rem;
}
[data-size="small"] {
    --zm-base-font-size: 1.3rem;
    --zm-medium-font-size: 1.4rem;
    --zm-extra-medium-font-size: 1.3rem;
    --zm-small-font-size: 1.2rem;
    --zm-extra-small-font-size: 1.1rem;
    --zm-medium-large-font-size: 1.7rem;
    --zm-large-font-size: 1.9rem;
}
[data-size="large"] {
    --zm-base-font-size: 1.5rem;
    --zm-medium-font-size: 1.6rem;
    --zm-extra-medium-font-size: 1.5rem;
    --zm-small-font-size: 1.4rem;
    --zm-extra-small-font-size: 1.3rem;
    --zm-medium-large-font-size: 1.9rem;
    --zm-large-font-size: 2.1rem;
}
[data-size="largest"] {
    --zm-base-font-size: 1.6rem;
    --zm-medium-font-size: 1.7rem;
    --zm-extra-medium-font-size: 1.6rem;
    --zm-small-font-size: 1.5rem;
    --zm-extra-small-font-size: 1.4rem;
    --zm-medium-large-font-size: 2rem;
    --zm-large-font-size: 2.2rem;
}

/* Visually Hidden */
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
    position: absolute !important;
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--zm-body-bg);
    background-color: var(--zm-body-color);
    border-radius: .25rem;
}
code, kbd, pre, samp {
    font-family: var(--zm-font-monospace);
    font-size: 1em;
}


.meetingPanelPosition .blueColor,
#timeFormatToggle {
  color: var(--zm-link-color) !important;
}

/* Navs */
/* .left-inner-nav {
	background-color: var(--zm-left-inner-nav-bg);
} */
.left-inner-nav-sub {
	background-color: var(--zm-left-inner-nav-bg);
}
.left-inner-nav ul li a {
	color: var(--zm-left-inner-nav-item-color);
}
.left-inner-nav ul li {
	margin-bottom: 5px;
}
.left-inner-nav ul li a:hover {
    background-color: var(--zm-left-inner-nav-item-hover-bg);
	color: var(--zm-left-inner-nav-item-hover-color);
}
.left-inner-nav ul li.active a {
    background-color: var(--zm-left-inner-nav-item-active-bg);
	color: var(--zm-left-inner-nav-item-active-color);
}

.setupleftmenutd .no-sel:hover {
	background-color: var(--zm-left-inner-nav-item-hover-bg);
	color: var(--zm-left-inner-nav-item-hover-color);
}
.setupleftmenutd .no-sel:hover .subaccordianlink {
	color: var(--zm-left-inner-nav-item-hover-color);
}
.setupleftmenutd .sel {
	background-color: var(--zm-left-inner-nav-item-active-bg);
	color: var(--zm-left-inner-nav-item-active-color);
}
.sel .subaccordianlink {
	color: var(--zm-link-color) !important;
}

/* Tabs */
.zm-tabs {
	margin: 0;
    padding: 0;
    display: block;
    border-spacing: 0;
    /* padding-left: 40px; */
	display: inline-block;
}
.zm-tab-item {
	color: var(--zm-tab-item-color) !important;
	border-bottom-width: var(--zm-tab-item-border-width) !important;
	border-bottom-color: var(--zm-tab-item-border-bottom-color) !important;
	border-bottom: 3px solid transparent;
    margin: 0 5px;
    font-size: .929rem;
    cursor: pointer;
    display: inline-block;
    margin-right: 24px;
    position: relative;
    margin-bottom: -1px;
	padding: 16px 0 8px 0;
    -webkit-font-smoothing: antialiased;
}
.zm-tab-item a {
	font-size: 15px;
	color: var(--zm-tab-item-color);
    padding: 10px 20px;
}
.zm-tab-item:hover {
	color: var(--zm-tab-item-hover-color) !important;
}
.zm-tab-item.active {
	color: var(--zm-tab-item-active-color) !important;
	border-bottom-color: var(--zm-tab-item-active-border-bottom-color) !important;
	font-weight: 700;
}
.zm-tab-item:not(.active):hover {
	border-bottom: none !important;
}
.zm-tab-item.active a {
	color: var(--zm-tab-item-active-color) !important;
}
.zm-tab-item .smTopBarHighlight {
	border-bottom: none !important;
}


.zm-content-wrapper {
	border-color: var(--zm-gray-30) !important;
}
.zm-active {
    background-color: var(--zm-box-active-bg) !important;
    border-color: var(--zm-box-active-border-color) !important;
	color: var(--zm-box-active-color) !important;
}

/* Cards */
.card {
	position: relative !important;
    display: flex;
    flex-direction: column;
    min-width: 0;
    /* height: var(--bs-card-height); */
    color: var(--zm-card-color) !important;
    word-wrap: break-word;
    background-color: var(--zm-card-bg) !important;
    background-clip: border-box !important;
    border: 1px solid var(--zm-card-border-color) !important;
    border-radius: 0.375rem;
	box-shadow: 0 1px 2px var(--zm-card-shadow-color);
}
.card-body {
	flex: 1 1 auto;
    padding: 1rem 1rem;
    color: var(--zm-card-color);
}

.settingEachCard{
    border: 1px solid var(--zm-card-border-color) !important;
    background: var(--zm-card-bg) !important;
}


.more-menus-container .zmenu__svg {
	fill: var(--zm-icon-light-color) !important;
	color: var(--zm-icon-light-color) !important;
}

/* Focus Ring */
/* .focus-ring:focus {
    outline: 0;
    box-shadow: var(--zm-focus-ring-x, 0) var(--zm-focus-ring-y, 0) var(--zm-focus-ring-blur, 0) var(--zm-focus-ring-width) var(--zm-focus-ring-color);
} */
 :focus-visible {
    outline: none;
 }
.focus-ring :focus-visible,
.focus-ring .zinputfield--spinbtnonfocus.has-focus,
.focus-ring .ztokenfield.has-focus,
.focus-ring .ztokenfield.has-kfocus,
.focus-ring .zcombobox.has-focus {
    outline: var(--zm-focus-ring-width) solid var(--zm-focus-ring-color) !important;
    outline-offset: 3px !important;
}

.zmw-freeze-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
    z-index: 12;
    background-color: rgb(0 0 0 / 67%);
}

/* Right Slide Container */
.zmw-slide-container {
    position: relative;
}

@media (prefers-reduced-motion: reduce) {
    .zmw-right-slide-container {
        transition: none !important;
        -moz-transition: none !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
    }
}

.zmw-right-slide-container {
    width: 400px;
    position: fixed;
    top: 0;
    right: -400px;
    height: calc(100% - 28px);
    padding: 0 0 10px 0;
    background-color: var(--zm-body-secondary-bg);
    overflow: auto;
    transition: right 0.2s;
    -moz-transition: right 0.2s;
    -webkit-transition: right 0.2s;
    -o-transition: right 0.2s;
    font-size: 14px;
    z-index: 13;
    box-shadow: 1px 0px 15px var(--zm-gray-40);
}

.zmw-right-slide-container hr {
    border: 0;
    height: 1px;
    background-color: var(--zm-gray-50);
    margin: 0;
    opacity: 0.5;
}

.zmw-right-slide-container.open {
    right: 0;
}

.fs-16{
    font-size: var(--zm-font-size-16);
}
.fs-13{
    font-size: var(--zm-font-size-13);
}
.fs-14{
    font-size: var(--zm-font-size-14);
}

/* Shortcut Key Indicator */
.shortcut-indicator {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 15px 25px;
    border-radius: 8px;
    font-size: 24px;
    font-weight: bold;
    z-index: 9999;
    display: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    text-align: center;
    min-width: 100px;
}

.shortcut-indicator.show {
    display: block;
    animation: fadeInOut 1s ease-in-out;
}

@keyframes fadeInOut {
    0% { opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}