@charset "UTF-8";

:root {
  --bs-white: #fff;
  --bs-black: #000;
  --neutral-10:#FAFAFA;
  --neutral-50:#F2F2F2;
  --neutral-100:#EEEEEE;
  --neutral-200: #E0E0E0;
  --neutral-300: #BDBDBD;
  --neutral-400: #A4A4A4;
  --neutral-500: #757575;
  --neutral-600: #616161;
  --neutral-700: #424242;
  --neutral-800: #212121;
  --neutral-900: #121212;
}

:root,
[data-bs-theme='basic'] {
 	--primary-color: #1d5ef5;
 	--primary-hover-color: #0b5ed7;
 	--primary-active-color: #0b5ed7;
 	--primary-pale-color: #e7f1ff;
 	--primary-pale-10:#f0f7ff;
 	--secondary-color: #6c757d;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-blue: #1d5ef5;
    --bs-indigo: #6610f2;
	--bs-purple: #9d00ff;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #00c22d;
	--bs-teal: #20c997;
	--bs-cyan: #009aff;
    --bs-dark-blue:#053EBC;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #aaadb5;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
	--bg-light: #f8f9fa;
	--bg-light-blue-10: #f0f7ff;
	--bg-light-blue-20: #e7f1ff;	
	--bs-primary-bg-subtle: #D9E7FF;	
	--bs-body-font:#212121;
	--bs-border-radius: 0.375rem;
    --bs-border-radius-sm:6px;
   	--bs-border-color:rgba(222,226,230,0.7);
   	--bs-border-color-50:rgba(222,226,230,0.5);
   	--bs-border-color-30:rgba(222,226,230,0.3);
   	--bs-scroll-bg:#979797;
   	--bs-modal-color: var(--bs-body-font);	
	--sidebar-width: 220px;
    --sidebar-width-collapsed: 70px;
    --sidebar-bg: #1C2B4B;
    --sidebar-sub-bg: #1C2B4B;
    --sidebar-nav-link-font:  rgba(255,255,255,.5);
    --sidebar-nav-link-active-font: #FFF;
    --sidebar-nav-link-active-bg:  rgba(13,110,253,0.3);
    --sidebar-nav-link-active-r: 0.5rem;
    --sidebar-nav-link-hover-font: #FFF;
    --sidebar-nav-link-hover-bg:  rgba(13,110,253,0.1);
    --sidebar-nav-link-padding:8px 14px;
    --sidebar-footer-font: rgba(255, 255, 255, 0.5);
    --sidebar-submenu-nav-link-active-font: #053EBC;
    --sidebar-submenu-nav-link-active-bg:#f3f4f9; 
    --sidebar-nav-rightBr:#1C2B4B;
    --chat-sidebar-bg:#FFF;
    --chat-sidebar-bg-hover:#f8f9fa;
    --chat-sidebar-btn:  rgba(54,98,235,1);
    --chat-sidebar-btn-line:  rgba(54,98,235,0.5);
    --me-message-bubble:#A393FF;
    --me-message-bubble-font:#fff;
    --other-message-bubble:#E0E0E0;
    --other-message-bubble-font:#212121;      
    --submenu-bg: #FFF;
    --submenu-font: #212121;
   --submenu-radius :8px;
    --submenu-margin :10px 10px;
    --submenu-padding: 5px 0px; 
    --submenu-nav-link-padding: 8px 8px; 
    --navi-link-padding:12px 16px;
    --navi-link-margin:5px 10px;
    --navi-link-border-radius:8px; 
    --topbar-bg:#FFF;
    --topbar-top-border:#1C2B4B;
    --topbar-height: 70px;
    --favbar-height: 40px;   
    --org-sidebar-bg:#fbfbfb;  
    --avatar-circle-bg: #ebf5ff;
    --avatar-circle: #185FE8;  
    --contact-tabs-nav-link-active:#0B44A7;   
    --table-th-bg:#eff5ff;
    --table-th-font:#181A1B;
    --table-th-border-bottom:#c2cfec;
    --table-hover-bg:#f7f7f7;
    --btn-call:#2dbc40;
	--btn-call-hover:#24a235;
    --bs-pagination-active:#0d6efd;
    --bs-pagination-active-border:#0d6efd;
    --bs-pagination-font:#0d6efd;
    --bs-primary-border-sub: #9ec5fe;
    --bs-light-bg-subtle:none;
    --contents-bg:#fbfbfb;
    --avatar-circle-border-radius:16px;
    --sidebar-toggle-btn-bg: rgba(255,255,255,0.1);
    --sidebar-toggle-btn-font: #FFF;
    --add-group-btn-inline:#d1d9ff;
    --add-group-btn-bg:#f8f9ff;
    --add-group-btn-bg-hover:#eef2ff;
}

[data-bs-theme='indigo'] {
 	--primary-color: #4880ff;
 	--primary-hover-color: #3f73e8;
 	--primary-active-color: #3f73e8;
 	--primary-pale-color:rgba(224,232,255,1);
 	--primary-pale-10:rgba(224,232,255,0.5);
 	--secondary-color: #6c757d;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-blue: #4880ff;
    --bs-indigo: #6610f2;
	--bs-purple: #9d00ff;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #00c22d;
	--bs-teal: #20c997;
	--bs-cyan:#b0c8ff;
    --bs-dark-blue:#053EBC;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #aaadb5;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
	--bg-light: #f8f9fa;
	--bg-light-blue-10: #f8f9fc;
	--bg-light-blue-20: #e7ecff;	
	--bs-primary-bg-subtle: #d9ddff;	
	--bs-body-font:#414243;
	--bs-border-radius: 0.375rem;
    --bs-border-radius-sm:6px;
   	--bs-border-color:rgba(222,226,230,0.7);
   	--bs-border-color-50:rgba(222,226,230,0.5);
   	--bs-border-color-30:rgba(222,226,230,0.3);
   	--bs-scroll-bg:#979797;
   	--bs-modal-color: var(--bs-body-font);	
	--sidebar-width: 220px;
    --sidebar-width-collapsed: 70px;
    --sidebar-bg: #4e73df;
    --sidebar-sub-bg:#4e73df;
    --sidebar-nav-link-font:  rgba(255,255,255,.65);
    --sidebar-nav-link-active-font: #FFF;
    --sidebar-nav-link-active-bg:  rgba(13,49,253,0.4);
    --sidebar-nav-link-active-r: 0.5rem;
    --sidebar-nav-link-hover-font: #FFF;
    --sidebar-nav-link-hover-bg:  rgba(13,49,253,0.2);
    --sidebar-nav-link-padding:8px 14px;
    --sidebar-footer-font: rgba(255, 255, 255, 0.5);
    --sidebar-submenu-nav-link-active-font:#345fe8;
    --sidebar-submenu-nav-link-active-bg:#e0e8ff; 
    --sidebar-nav-rightBr:#4e73df;
    --chat-sidebar-bg:#FFF;
    --chat-sidebar-bg-hover:#f8f9fa;
    --chat-sidebar-btn:  rgba(72,128,255,1);
    --chat-sidebar-btn-line:  rgba(72,128,255,0.5);
    --me-message-bubble:#29d0a5;
    --me-message-bubble-font:#fff;
    --other-message-bubble:#E0E0E0;
    --other-message-bubble-font:#212121;      
    --submenu-bg: #FFF;
    --submenu-font: #414351;
    --submenu-radius :8px;
    --submenu-margin :10px;
    --submenu-padding: 5px 0px; 
    --submenu-nav-link-padding: 8px; 
    --navi-link-padding:12px 16px;
    --navi-link-margin:5px 10px;
    --navi-link-border-radius:10px;   
    --topbar-bg:#FFF;
    --topbar-top-border:#3f5cdb;
    --topbar-height: 70px;
    --favbar-height: 40px;   
    --org-sidebar-bg:#f8f9fc;  
    --avatar-circle-bg: #ebf5ff;
    --avatar-circle: #185FE8;  
    --contact-tabs-nav-link-active:#18d6ac;   
    --table-th-bg:#f2f8ff;
    --table-th-font:#4e73df;
    --table-th-border-bottom:#ced9f9;
    --table-hover-bg:#fffcf4;
    --btn-call:linear-gradient(273deg, #1de4d7 24.6%, #15EE81 97.51%);
	--btn-call-hover:linear-gradient(273deg, #19c8bd 24.6%, #0ddc74 97.51%);
    --bs-pagination-active:#4880ff;
    --bs-pagination-active-border:#4880ff;
    --bs-pagination-font:#4880ff;
    --bs-primary-border-sub: #9ec5fe;
    --bs-light-bg-subtle:none;
    --contents-bg:#FFF;
    --avatar-circle-border-radius:50%;
	--sidebar-toggle-btn-bg: rgba(255,255,255,0.1);
    --sidebar-toggle-btn-font: #FFF;
    --add-group-btn-inline:#d1d9ff;
    --add-group-btn-bg:#f8f9ff;
    --add-group-btn-bg-hover:#eef2ff;
}

[data-bs-theme='purple'] {
 	--primary-color:#8042c7;
 	--primary-hover-color:#6a37a4;
 	--primary-active-color:#6a37a4;
 	--primary-pale-color: #f3e8fb;
 	--primary-pale-10:#f6eefc;
 	--secondary-color: #6c757d;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-blue: #901df5;
    --bs-indigo: #6610f2;
	--bs-purple: #9d00ff;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #00c22d;
	--bs-teal: #20c997;
	--bs-cyan: #009aff;
    --bs-dark-blue:#053EBC;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #aaadb5;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
	--bg-light: #f8f9fa;
	--bg-light-blue-10: #f0f7ff;
	--bg-light-blue-20: #e7f1ff;	
	--bs-primary-bg-subtle: #cf9efe;	
	--bs-body-font:#495057;
	--bs-border-radius: 0.375rem;
    --bs-border-radius-sm:6px;
   	--bs-border-color:rgba(222,226,230,0.7);
   	--bs-border-color-50:rgba(222,226,230,0.5);
   	--bs-border-color-30:rgba(222,226,230,0.3);
   	--bs-scroll-bg:#979797;
   	--bs-modal-color: var(--bs-body-font);	
	--sidebar-width: 220px;
    --sidebar-width-collapsed: 70px;
    --sidebar-bg: #2F2546;
    --sidebar-sub-bg: #2F2546;
    --sidebar-nav-link-font:  rgba(255,255,255,.5);
    --sidebar-nav-link-active-font: #FFF;
    --sidebar-nav-link-active-bg:#593898;
    --sidebar-nav-link-active-r: 0.5rem;
    --sidebar-nav-link-hover-font: #FFF;
    --sidebar-nav-link-hover-bg:  rgba(89,56,152, 0.5);
    --sidebar-nav-link-padding:8px 14px;
    --sidebar-footer-font: rgba(255, 255, 255, 0.5);
    --sidebar-submenu-nav-link-active-font:#8e1fcb;
    --sidebar-submenu-nav-link-active-bg:#f3f4f9; 
    --sidebar-nav-rightBr:#1C2B4B;
    --chat-sidebar-bg:#FFF;
    --chat-sidebar-bg-hover:#f8f9fa;
    --chat-sidebar-btn:  rgba(128,66,199,1);
    --chat-sidebar-btn-line:  rgba(128,66,199,.5);
    --me-message-bubble:#ce93ff;
    --me-message-bubble-font:#fff;
    --other-message-bubble:#E0E0E0;
    --other-message-bubble-font:#212121;      
    --submenu-bg: #FFF;
    --submenu-font: #495057;
   --submenu-radius :8px;
    --submenu-margin :10px 10px;
    --submenu-padding: 5px 0px; 
    --submenu-nav-link-padding: 8px 8px; 
    --navi-link-padding:10px 16px;
    --navi-link-margin:5px 10px;
    --navi-link-border-radius:8px; 
    --topbar-bg:#FFF;
    --topbar-top-border:#2F2546;
    --topbar-height: 70px;
    --favbar-height: 40px;   
    --org-sidebar-bg:#fbfbfb;  
    --avatar-circle-bg: #f4f5ff;
    --avatar-circle: #185FE8;  
    --contact-tabs-nav-link-active:#890ba7;   
    --table-th-bg:#f3f4ff;
    --table-th-font:#2a2835;
    --table-th-border-bottom:#c7c2ec;
    --table-hover-bg:#f7f7f7;
    --btn-call:#2dbc40;
	--btn-call-hover:#24a235;
    --bs-pagination-active:#9b81ed;
    --bs-pagination-active-border:#856be0;
    --bs-pagination-font:#856be0;
    --bs-primary-border-sub: #9ec5fe;
    --bs-light-bg-subtle:none;
    --contents-bg:#fbfbfb;
    --avatar-circle-border-radius:16px;
    --sidebar-toggle-btn-bg: rgba(255,255,255,0.1);
    --sidebar-toggle-btn-font: #FFF;
    --add-group-btn-inline:#ddd1ff;
    --add-group-btn-bg:#fcf8ff;
    --add-group-btn-bg-hover:#f5e8ff;
}

[data-bs-theme='cyan'] {
 	--primary-color: #09C0B8;
 	--primary-hover-color: #07aba4;
 	--primary-active-color: #07aba4;
 	--primary-pale-color: #e7fff9;
 	--primary-pale-10:#f1fefb;
 	--secondary-color: #8d979f;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-blue: #00b7c6;
    --bs-indigo: #6610f2;
	--bs-purple: #9d00ff;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #00c22d;
	--bs-teal: #20c997;
	--bs-cyan: #2cdad3;
    --bs-dark-blue:#053EBC;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #aaadb5;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
	--bg-light: #f8f9fa;
	--bg-light-blue-10: #f0f4f9;
	--bg-light-blue-20: #e7f1ff;	
	--bs-primary-bg-subtle: #D9E7FF;	
	--bs-body-font:#495057;
	--bs-border-radius: 0.375rem;
    --bs-border-radius-sm:6px;
   	--bs-border-color:rgba(222,226,230,0.7);
   	--bs-border-color-50:rgba(222,226,230,0.5);
   	--bs-border-color-30:rgba(222,226,230,0.3);
   	--bs-scroll-bg:#979797;
   	--bs-modal-color: var(--bs-body-font);	
	--sidebar-width: 220px;
    --sidebar-width-collapsed: 70px;
    --sidebar-bg: #10989b;
    --sidebar-sub-bg: #10989b;
    --sidebar-nav-link-font:  rgba(255,255,255,.5);
    --sidebar-nav-link-active-font: #FFF;
    --sidebar-nav-link-active-bg: rgba(2,134,137,1);
    --sidebar-nav-link-active-r: 0.5rem;
    --sidebar-nav-link-hover-font: #FFF;
    --sidebar-nav-link-hover-bg: rgba(2,134,137,0.5);
    --sidebar-nav-link-padding:8px 14px;
    --sidebar-footer-font: rgba(255, 255, 255, 0.5);
    --sidebar-submenu-nav-link-active-font: #FFF;
    --sidebar-submenu-nav-link-active-bg: rgba(255, 255, 255, 0.1);
    --sidebar-nav-rightBr:#1C2B4B;
    --chat-sidebar-bg:#FFF;
    --chat-sidebar-bg-hover:#f8f9fa;
    --chat-sidebar-btn:  rgba(9,192,184,1);
    --chat-sidebar-btn-line: rgba(9,192,184,.5);
    --me-message-bubble:#7499ff;
    --me-message-bubble-font:#fff;
    --other-message-bubble:#E0E0E0;
    --other-message-bubble-font:#212121;      
    --submenu-bg: rgba(255, 255, 255, 0.1);
    --submenu-font:rgba(255, 255, 255, 0.5);
    --submenu-radius :0px;
    --submenu-margin :0px;
    --submenu-padding: 0px; 
    --submenu-nav-link-padding: 13px 25px; 
    --navi-link-padding:13px 20px;
    --navi-link-margin:0px;
    --navi-link-border-radius:0px; 
    --topbar-bg:#FFF;
    --topbar-top-border:#3F4652;
    --topbar-height: 70px;
    --favbar-height: 40px;   
    --org-sidebar-bg:#FFF;  
    --avatar-circle-bg: #f5f5f5;
    --avatar-circle: #185FE8;  
    --contact-tabs-nav-link-active:#434343;   
    --table-th-bg:#f0fbfc;
    --table-th-font:#353535;
    --table-th-border-bottom:#8dd0da;
    --table-hover-bg:#f7f7f7;
    --btn-call:linear-gradient(273deg, #527fff 24.6%, #6b75ff 97.51%);
	--btn-call-hover:linear-gradient(273deg, #2d64ff 24.6%, #5c67fd 97.51%);
    --bs-pagination-active:#09C0B8;
    --bs-pagination-active-border:#09C0B8;
    --bs-pagination-font:#17a2b8;
    --bs-primary-border-sub: #6acdc8;
    --bs-light-bg-subtle:none;
    --contents-bg:#fbfbfb;
    --avatar-circle-border-radius:16px;
    --sidebar-toggle-btn-bg: rgba(255,255,255,0.1);
    --sidebar-toggle-btn-font: #FFF;
    --add-group-btn-inline:#aaeeff;
    --add-group-btn-bg:#f2fffe;
    --add-group-btn-bg-hover:#e0fff7;
}

[data-bs-theme='gray'] {
 	--primary-color: #1d5ef5;
 	--primary-hover-color: #0b5ed7;
 	--primary-active-color: #0b5ed7;
 	--primary-pale-color: #e7f1ff;
 	--primary-pale-10:#f0f7ff;
 	--secondary-color: #6c757d;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-blue: #1d5ef5;
    --bs-indigo: #6610f2;
	--bs-purple: #9d00ff;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #00c22d;
	--bs-teal: #20c997;
	--bs-cyan: #009aff;
    --bs-dark-blue:#053EBC;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #aaadb5;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
	--bg-light: #f8f9fa;
	--bg-light-blue-10: #f0f7ff;
	--bg-light-blue-20: #e7f1ff;	
	--bs-primary-bg-subtle: #D9E7FF;	
	--bs-body-font:#495057;
	--bs-border-radius: 0.375rem;
    --bs-border-radius-sm:6px;
   	--bs-border-color:rgba(222,226,230,0.7);
   	--bs-border-color-50:rgba(222,226,230,0.5);
   	--bs-border-color-30:rgba(222,226,230,0.3);
   	--bs-scroll-bg:#979797;
   	--bs-modal-color: var(--bs-body-font);	
	--sidebar-width: 220px;
    --sidebar-width-collapsed: 70px;
    --sidebar-bg:#edeff3;
    --sidebar-sub-bg: #edeff3;
    --sidebar-nav-link-font: #343a40;
    --sidebar-nav-link-active-font: #FFF;
    --sidebar-nav-link-active-bg: #687181;
    --sidebar-nav-link-active-r: 0.5rem;
    --sidebar-nav-link-hover-font: #343a40;
    --sidebar-nav-link-hover-bg:#ced3db;
    --sidebar-nav-link-padding:8px 14px;
    --sidebar-footer-font: rgba(255, 255, 255, 0.5);
    --sidebar-submenu-nav-link-active-font: #1d5ef5;
    --sidebar-submenu-nav-link-active-bg:#f3f4f9; 
    --sidebar-nav-rightBr:#E6E6E6;
    --chat-sidebar-bg:#FFF;
    --chat-sidebar-bg-hover:#f8f9fa;
    --chat-sidebar-btn:  rgba(54,98,235,1);
    --chat-sidebar-btn-line:  rgba(54,98,235,0.5);
    --me-message-bubble:#24aaff;
    --me-message-bubble-font:#fff;
    --other-message-bubble:#fff;
    --other-message-bubble-font:#212121;      
    --submenu-bg: #FFF;
    --submenu-font: #212121;
    --submenu-radius :6px;
    --submenu-margin :10px 10px;
    --submenu-padding: 5px 0px; 
    --submenu-nav-link-padding: 8px 8px; 
    --navi-link-padding:12px 16px;
    --navi-link-margin:5px 10px;
    --navi-link-border-radius:6px;  
    --topbar-bg:#FFF;
    --topbar-top-border:#262626;
    --topbar-height: 70px;
    --favbar-height: 40px;   
    --org-sidebar-bg:#FFF;  
    --avatar-circle-bg: #ebf5ff;
    --avatar-circle: #185FE8;  
    --contact-tabs-nav-link-active:#1d5ef5;   
    --table-th-bg:#eff5ff;
    --table-th-font:#181A1B;
    --table-th-border-bottom:#c2cfec;
	--table-hover-bg:#f7f7f7;
    --btn-call:#1d5ef5;
	--btn-call-hover:#0b5ed7;
    --bs-pagination-active:#7d8692;
    --bs-pagination-active-border:#7d8692;
    --bs-pagination-font:#7d8692;
    --bs-primary-border-sub: #9ec5fe;
    --bs-light-bg-subtle:none;
    --contents-bg:#fafcff;
    --avatar-circle-border-radius:16px;
    --sidebar-toggle-btn-bg: rgba(255,255,255,0.5);
    --sidebar-toggle-btn-font: #666;
    --add-group-btn-inline:#d1d9ff;
    --add-group-btn-bg:#f8f9ff;
    --add-group-btn-bg-hover:#eef2ff;
}

[data-bs-theme='black'] {
 	--primary-color: #1d5ef5;
 	--primary-hover-color: #0b5ed7;
 	--primary-active-color: #0b5ed7;
 	--primary-pale-color: #e7f1ff;
 	--primary-pale-10:#f0f7ff;
 	--secondary-color: #6c757d;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-blue: #1d5ef5;
    --bs-indigo: #6610f2;
	--bs-purple: #9d00ff;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #00c22d;
	--bs-teal: #20c997;
	--bs-cyan: #009aff;
    --bs-dark-blue:#053EBC;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #aaadb5;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
	--bg-light: #f8f9fa;
	--bg-light-blue-10: #f0f7ff;
	--bg-light-blue-20: #e7f1ff;	
	--bs-primary-bg-subtle: #D9E7FF;	
	--bs-body-font:#2D333B;
	--bs-border-radius: 0.375rem;
    --bs-border-radius-sm:6px;
   	--bs-border-color:rgba(222,226,230,0.7);
   	--bs-border-color-50:rgba(222,226,230,0.5);
   	--bs-border-color-30:rgba(222,226,230,0.3);
   	--bs-scroll-bg:#979797;
   	--bs-modal-color: var(--bs-body-font);	
	--sidebar-width: 220px;
    --sidebar-width-collapsed: 70px;
    --sidebar-bg: #1B1B1B;
    --sidebar-sub-bg: #1B1B1B;
    --sidebar-nav-link-font:  rgba(255,255,255,.5);
    --sidebar-nav-link-active-font: #FFF;
    --sidebar-nav-link-active-bg:#000;
    --sidebar-nav-link-active-r: 0.5rem;
    --sidebar-nav-link-hover-font: #FFF;
    --sidebar-nav-link-hover-bg: rgba(0,0,0,0.5);
    --sidebar-nav-link-padding:8px 14px;
    --sidebar-footer-font: rgba(255, 255, 255, 0.5);
    --sidebar-submenu-nav-link-active-font:#fff;
    --sidebar-submenu-nav-link-active-bg:none; 
    --sidebar-nav-rightBr:#1B1B1B;
    --chat-sidebar-bg:#FFF;
    --chat-sidebar-bg-hover:#f8f9fa;
    --chat-sidebar-btn:  rgba(54,98,235,1);
    --chat-sidebar-btn-line:  rgba(54,98,235,0.5);
    --me-message-bubble:#ff826b;
    --me-message-bubble-font:#fff;
    --other-message-bubble:#fff;
    --other-message-bubble-font:#212121;      
    --submenu-bg:  rgba(63,70,82,0.3);
    --submenu-font: rgba(255, 255, 255, 0.5);
   --submenu-radius :8px;
    --submenu-margin :10px 10px;
    --submenu-padding: 5px 0px; 
    --submenu-nav-link-padding: 8px 8px; 
    --navi-link-padding:12px 16px;
    --navi-link-margin:5px 10px;
    --navi-link-border-radius:8px; 
    --topbar-bg:#FFF;
    --topbar-top-border:#262626;
    --topbar-height: 70px;
    --favbar-height: 40px;   
    --org-sidebar-bg:#fbfbfb;  
    --avatar-circle-bg: #ebf5ff;
    --avatar-circle: #185FE8;  
    --contact-tabs-nav-link-active:#0B44A7;   
    --table-th-bg:#eff5ff;
    --table-th-font:#181A1B;
    --table-th-border-bottom:#c2cfec;
    --table-hover-bg:#f7f7f7;
    --btn-call:#5b6c84;
	--btn-call-hover:#3a4657;
    --bs-pagination-active:#0d6efd;
    --bs-pagination-active-border:#0d6efd;
    --bs-pagination-font:#0d6efd;
    --bs-primary-border-sub: #9ec5fe;
    --bs-light-bg-subtle:none;
    --contents-bg:#fbfbfb;
    --avatar-circle-border-radius:50%;
    --sidebar-toggle-btn-bg: rgba(255,255,255,0.1);
    --sidebar-toggle-btn-font: #FFF;
    --add-group-btn-inline:#d1d9ff;
    --add-group-btn-bg:#f8f9ff;
    --add-group-btn-bg-hover:#eef2ff;
}




.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg:var(--table-hover-bg);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}

.btn-blue {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-blue);
  --bs-btn-border-color: var(--bs-blue);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg:var(--bs-dark-blue);
  --bs-btn-hover-border-color:var(--bs-dark-blue);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color:var(--bs-white);
  --bs-btn-active-bg:var(--bs-dark-blue);
  --bs-btn-active-border-color:var(--bs-dark-blue);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:var(--bs-white);
  --bs-btn-disabled-bg:var(--bs-gray-300);
  --bs-btn-disabled-border-color:var(--bs-gray-300);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg:var(--primary-color);
  --bs-btn-border-color:var(--primary-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg:var(--primary-hover-color);
  --bs-btn-hover-border-color:var(--primary-hover-color);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg:var(--primary-active-color);
  --bs-btn-active-border-color:var(--primary-active-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #c2d7f7;
  --bs-btn-disabled-border-color: #c2d7f7;
}

.btn-save {
  --bs-btn-color: #fff;
  --bs-btn-bg: #FF580E;
  --bs-btn-border-color: #FF580E;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ec4f09;
  --bs-btn-hover-border-color: #ec4f09;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ec4f09;
  --bs-btn-active-border-color: #ec4f09;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #c2d7f7;
  --bs-btn-disabled-border-color: #c2d7f7;
}



.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #14ae5c;
  --bs-btn-border-color: #14ae5c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #10964f;
  --bs-btn-hover-border-color: #10964f;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0e7f43;
  --bs-btn-active-border-color: #0e7f43;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #31d2f2;
    --bs-btn-border-color: #31d2f2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2fc8e6;
    --bs-btn-hover-border-color: #2fc8e6;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #23bddc;
    --bs-btn-active-border-color: #23bddc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f63a4c;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

.btn-outline-primary {
  --bs-btn-color:var(--primary-color);
  --bs-btn-border-color:var(--primary-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg:var(--primary-color);
  --bs-btn-hover-border-color:var(--primary-color);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg:var(--primary-color);
  --bs-btn-active-border-color:var(--primary-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:var(--primary-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color:var(--primary-color);
  --bs-gradient: none;
}



.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: var(--bs-gray-500);
  --bs-btn-border-color:var(--bs-border-color);
  --bs-btn-hover-color:var(--bs-gray-700);
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color:var(--bs-border-color);
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color:var(--bs-gray-700);
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color:var(--bs-border-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}


.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f77c88;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color:#f77c88;
  --bs-gradient: none;
}

.btn-topGroup {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color:var(--bs-border-color);
    --bs-btn-hover-color:var(--bs-tertiary-bg);
    --bs-btn-hover-bg: #3697f1;
    --bs-btn-hover-border-color: #3697f1;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3697f1;
    --bs-btn-active-border-color: #3697f1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #bcc1cc;
    --bs-btn-disabled-bg:#f8f9fa;
    --bs-btn-disabled-border-color: #e6e9ec;
    --bs-gradient: none;
}