/*
-- ==============================================================================
-- Author:  Prakash.Shanmugam
-- Create Date: 24-05-2019
-- Description: Vault Night Mode CSS

-- Dependency:
-- ********************
-- Type             Responsible By              Called By
-- Page             Prakash.Shanmugam           Database History

-- Modification History:
-- ********************
-- Date             Modified By                 Change Description
   24/05/2019		Prakash.S					Nightmode css create
   24/01/2022       Prakash.S                   Added variable css
-- ==============================================================================
*/
/*$Id: $*/

.nightmode {
   --nightmodeBgOne:#1e1f25;
   --nightmodeBgTwo:#2e2f36;
   --nightmodeBgThree:#34363c;
   --nightmodeBgFour:#3d3e43;
   --nightmodeBgFive:#45464b;
   --nightmodeBgSix:#525358;
   --nightmodeBgSeven:#000000;
   --nightmodeBorderOne:#45464b;
   --nightmodeNavActiveMenuBg:#000000;
   --nightmodeLHSSelectedMenuBg:#45464b;
   --nightmodeBorderTwo:#525358;
   --nightmodeTextOne:#dedede;
   --nightmodeTextTwo:#a1a1a1;
   --nightmodeTextThree:#525358;
   --nightmodeTextFour:#5f5f5f;
   --nightmodeTextFive:#888888;
   --nightmodeShadowOne:#515258;
   --nightmodeTextRed:#ea838d;
   --nightmodeTextGreen:#90b895;
   --nightmodeTextOrange:#d79f7f;
   --nightmodeTextPurple:#b194e6;
   --nightmodeTextBlue:#86aeea;
   --nightmodePrimaryText:#7694ff;
   --nightmodeSuccessText:#8ed051;
   --nightmodeWarningText:#f7ae75;
   --nightmodeDangerText:#fb97a1;
   --nightmodePurpleText:#b498f5;
}
.nightmode {
   --tourBorderColorWhite:#45464b;
   --tourBorderColorGray:#525358;
   --tourBgColorWhite:#2e2f36;
   --tourShadowColorWhite:#2e2f36;
   --tourTextColorWhite:#ffffff;
   --tourTextColorBlack:#ffffff;
   --tourTextColorBlackLight:#dedede;
   --tourTextColorBlackLighter:#dedede;
   --tourStrokeColorWhite:#ffffff;
   --tourStrokeColorBlack:#ffffff;
   --tourFillColorWhite:#ffffff;
   --tourFillColorBlack:#ffffff;
}
/** first bg black color **/
.nightmode .left-nav,
.nightmode .hamburger-empty-div,
.nightmode lyte-modal-freeze,
.nightmode .generator-panel,
.nightmode .generator-panel-textarea,
.nightmode .passcardContainer { background:var(--nightmodeBgOne); }

/** second bg black color **/
.nightmode .hamburger-icon-panel:after { position: absolute; height: 49px; width: 1px; right: -1px; top: 0; }
.nightmode .modal-panel-content,
.nightmode .lyteModal,
.nightmode .lytePopover,
.nightmode .lytePopoverArrowIcon,
.nightmode .vault-table tbody tr:hover,
.nightmode .helpdesk-list-selected,
.nightmode .droppable-col-list,
.nightmode .settings-search-panel .lyteField input[type="text"],
.nightmode .settings-search-panel .lyteInputBox .lyteField,
.nightmode ul.breadcrumbs li:first-child:before,
.nightmode .lyteCalTableCell:hover, 
.nightmode .lyteCalToday:hover,
.nightmode .password-search-panel input[type=text],
.nightmode .audit-left-panel,
.nightmode .folder-list-panel,
.nightmode .apps-left-panel,
.nightmode .settings-left-panel,
.nightmode .manage-apps-slider,
.nightmode .user-panel-slider,
.nightmode .progressbar-icon,
.nightmode .profile-panel-inner-box,
.nightmode .add-password-slider,
.nightmode .quick-add-password-slider,
.nightmode input,
.nightmode .field-control input[type=text], 
.nightmode .field-control input[type=password], 
.nightmode .lyteField input[type="text"],
.nightmode .field-control textarea,
.nightmode .draganddrop-pop,
.nightmode #jstree-dnd,
.nightmode .hamburger-icon-panel:after,
.nightmode .notify__list--read,
.nightmode .zmaps-searchbox-container,
.nightmode .global-search-popup .global-searchinput,
.nightmode .zvSearchSlider { background: var(--nightmodeBgTwo); }

.nightmode lyte-tbody lyte-tr:hover lyte-td,
.nightmode lyte-tbody lyte-tr:hover,
.nightmode .select2-container--default .select2-selection--multiple .select2-selection__choice,
.nightmode .folders-page-table-row:hover,
.nightmode .draggable-div a,
body.nightmode { background: var(--nightmodeBgTwo) !important; } /** repeat important bg color **/
.nightmode .search-bar-container {background-color: var(--nightmodeBgTwo);}
/** third bg black color **/
.nightmode .bg-gray,
.nightmode .passwords-container-panel,
.nightmode .bg-white,
.nightmode .password-list-inner-selected .card-view-password-icons,
.nightmode .folders-page-list-icons,
.nightmode lyte-modal-footer,
.nightmode .divider,
.nightmode .vault-table,
.nightmode .right-side-bar,
.nightmode .mapping-panel-left,
.nightmode .mapping-panel-right,
.nightmode .view-change-panel ul li,
.nightmode ul.action-icon-list li a,
.nightmode .form-field-upload-doc-panel,
.nightmode .select2-container--default .select2-selection--single,
.nightmode .select2-container--default .select2-selection--multiple,
.nightmode .btn-default-line,
.nightmode .password-generate,
.nightmode .droppable-div-inner,
.nightmode .modal-panel-footer,
.nightmode .filter-show-panel,
.nightmode .password-details-field, 
.nightmode .shopwdbgw,
.nightmode .alertPopup,
.nightmode .lyteCalendarPopup,
.nightmode .feedback-panel,
.nightmode .request-panel,
.nightmode .global-search-panel-open,
.nightmode ul.notification-list li:hover,
.nightmode ul.quick-add-list li:hover,
.nightmode .manage-app-access-list-inner,
.nightmode .lyteDateRangePickerRow,
.nightmode .zv-modal-footer,
.nightmode .zv-password-custom-field, 
.nightmode #folders-content .folders-page-table-row,
.nightmode lyte-table-structure,
.nightmode .container-panel,
.nightmode .password-tree-tags-list li a,
.nightmode .zmap-searchbox-dropdown-list,
.nightmode .passwordDetailsPage--alone,
.nightmode .global-search-popup-container,
.nightmode .download-popup-panel-header,
.nightmode .entityFillerContainer,
.nightmode .select2-container--default.select2-container--disabled .select2-selection--single { background: var(--nightmodeBgThree); }

.nightmode lyte-table.border lyte-td, 
.nightmode lyte-td,
.nightmode .profile-panel-inner-bottom,
.nightmode .filter-icon-btn,
.nightmode .filter-icon-btn:after,
.nightmode .fine-grained-user-selected,
.nightmode .vakata-context, 
.nightmode .vakata-context ul,
.nightmode .select2-container--default .select2-search--dropdown .select2-search__field { background: var(--nightmodeBgThree) !important; } /** repeat important bg color **/

/** four bg black color **/
.nightmode ul.import-passwords-list li a,
.nightmode .chart-panel,
.nightmode .vault-table thead tr th,
.nightmode .folders-page-list-inner,
.nightmode .helpdesk-list aside,
.nightmode .zv-password-custom-field,
.nightmode .card-view-password-list-inner,
.nightmode .folder-list-drop,
.nightmode .notify__list--unread,
.nightmode .password-tree-tags-list li a:hover,
.nightmode .zmap-searchbox-dropdown-list>div:hover,
.nightmode ul.user-list li:hover,
.nightmode .unlock-settings-inner,
.nightmode .unlock-login-option-card,
.nightmode .passwordDetailsHeader,
.nightmode .passcardPasswordCustomField,
.nightmode .global-search-chips-list,
.nightmode .passkey-separation,
.nightmode .download-popup-panel-content,
.nightmode .zvPassword__list:hover,
.nightmode .passkey-details-separation-panel-undo { background: var(--nightmodeBgFour); }
.nightmode .fine-grained-user-selected:hover,
.nightmode .fine-grained-user-selected,
.nightmode .global-search-popup button.global-search-dropdown,
.nightmode .folder-custom-checkbox:hover { background: var(--nightmodeBgFour) !important; }

/** five bg black color **/
.nightmode select, 
.nightmode .lyteField input[type="password"],
.nightmode .form-field input[type="text"], 
.nightmode .lyteInputBox input, 
.nightmode lyte-input textarea,
.nightmode .form-field input[type="password"],
/*.nightmode .password-custom-group aside input[type="text"], 
.nightmode .password-custom-group aside input[type="password"],*/
.nightmode .lyteField select, 
.nightmode .lyteField textarea,
.nightmode .form-field textarea,
.nightmode .form-field select,
.nightmode lyte-drop-button,
.nightmode .table-search-panel,
.nightmode .password-custom-group aside select,
.nightmode .table-search-panel-dropdown,
.nightmode .lyteDropdown-disabled lyte-drop-button,
.nightmode .password-list-view-details-panel:before,
.nightmode .password-list-view-details-panel,
.nightmode .list-view-passwords-list .card-view-password-list-inner:hover,
.nightmode .password-details-slider,
.nightmode .folders-page-table-row,
.nightmode ul.password-tree-list li a:hover,
.nightmode .keyboard-shortcut-item ul li span,
.nightmode .unlock-login-or-panel-inner,
.nightmode .download-popup-list,
.nightmode .entityFilter__list:hover  { background: var(--nightmodeBgFive); }

.nightmode .password-list-inner-selected,
.nightmode .card-view-password-icons,
.nightmode .password-list-inner-selected:hover,
.nightmode .login-panel,
.nightmode .view-change-panel-selected,
.nightmode .selected-audit-left-accordion-list,
.nightmode ul.import-passwords-list li a:hover,
.nightmode .bg-default,
.nightmode .jstree-default .jstree-wholerow-clicked,
.nightmode .jstree-default .jstree-wholerow-hovered,
.nightmode lyte-menu-body,
.nightmode lyte-drop-box,
.nightmode lyte-menu-box .lyteArrow.lyteArrowTop,
.nightmode .note-panel,
.nightmode .profile-panel,
.nightmode .subscription-panel-list-selected,
.nightmode .subscription-panel-list-selected .subscription-panel-list-inner-bottom,
.nightmode .subscription-panel-list-selected:hover,
.nightmode .notification-panel,
.nightmode .notification-panel:before,
.nightmode .profile-panel:before,
.nightmode .helpdesk-list aside:hover,
.nightmode .manage-app-access-list-inner:hover,
.nightmode .password-list-view-selected,
.nightmode lyte-th,
.nightmode .table-search-panel input,
.nightmode .zv-password-search input,
.nightmode lyte-table.border lyte-th,
.nightmode .zv-rebranding-upload,
.nightmode .password-tree-tags-list-selected,
.nightmode .select2-container--default .select2-results__option--highlighted { background: var(--nightmodeBgFive) !important; }

/** six bg black color **/
.nightmode .selected-settings-left-accordion-list,
.nightmode ul.right-side-bar-list a:hover,
.nightmode .mapping-panel-middle-arrow i:hover,
.nightmode .modal-panel-close:hover,
.nightmode lyte-drop-box:not(.lyteDropBodyCallout) .lyteArrow,
.nightmode .select2-container--default .select2-results__option--highlighted[aria-selected],
.nightmode .select2-container--default .select2-results__option[aria-selected=true],
.nightmode lyte-menu-item:hover,
.nightmode lyte-drop-item:hover,
.nightmode .lyteDropdownSelection,
.nightmode ul.tags-list li a,
.nightmode .user-profile-no-image,
.nightmode .table-profile-no-image,
.nightmode .select2-dropdown,
.nightmode .select2-container--default .select2-selection--multiple .select2-selection__choice,
.nightmode ul.filter-result-list li a, 
.nightmode ul.filter-result-list li abbr,
.nightmode .filter-links-icons li a:hover,
.nightmode .lyteMenuSelected,
.nightmode ul.modal-panel-title-icon-links li:hover,
.nightmode .lyteCalNav,
.nightmode .card-view-access-control-icon,
.nightmode ul.vault-list li a:hover,
.nightmode ul.add-password-plus-minus li a:hover,
.nightmode .selected-settings-left-accordion-list:after, 
.nightmode .selected-audit-left-accordion-list:after,
.nightmode .btn-default-line, 
.nightmode .bg-default-none,
.nightmode .progressbar li:after,
.nightmode ul.vault-list li a:hover, 
.nightmode .filter-links-icons li a:hover, 
.nightmode .password-list-inner-selected, 
.nightmode .password-list-inner-selected:hover, 
.nightmode .password-list-inner-selected .card-view-password-icons, 
.nightmode .card-view-password-icons li a:hover,
.nightmode .password-search-close,
.nightmode .lyteMultipleSelect li,
.nightmode ul.extension-list li a:hover,
.nightmode textarea,
.nightmode .zv-password-search,
.nightmode .vakata-context .vakata-context-separator > a, 
.nightmode .vakata-context .vakata-context-separator > a:hover,
.nightmode .lyteDateRPTempSelected,
.nightmode .lyteDateRPTempSelected::after,
.nightmode .lyteDateRPTempFirstDateSelected,
.nightmode .copytext,
.nightmode .unlock-login-or-panel-line,
.nightmode .global-search-chips-list-selected,
.nightmode .global-search-close,
.nightmode .global-search-categories-selected,
.nightmode .global-search-categories-selected:after,
.nightmode .download-popup-bar-loader,
.nightmode .entity--active  { background: var(--nightmodeBgSix); }

.nightmode .lyteMenuSelection,
.nightmode .select2-container--default .select2-results__option--highlighted,
.nightmode lyte-drop-item:hover,
.nightmode .zoho-vault-default,
.nightmode .card-view-password-icons li a:hover,
.nightmode ul.add-password-plus-minus li a:hover, 
.nightmode ul.vault-list li a:hover, 
.nightmode .filter-links-icons li a:hover, 
.nightmode .password-list-inner-selected, 
.nightmode .password-list-inner-selected:hover, 
.nightmode .password-list-inner-selected .card-view-password-icons, 
.nightmode .lyteInputBox input:focus, 
.nightmode lyte-input textarea:focus,
.nightmode .slide-in, 
.nightmode .slide-out,
.nightmode .transfer-list-selected,
.nightmode .transfer-list-selected:hover,
.nightmode .form-field textarea:focus,
.nightmode .form-field input:focus,
.nightmode .vakata-context li>a:hover,
.nightmode .vakata-context .vakata-context-hover>a,
.nightmode .folders-page-row-selected { background: var(--nightmodeBgSix) !important; }  /** repeat important bg color **/

/** seven bg black color **/

/** nav and lhs bg color start **/
.nightmode .password-tree-list-selected,
.nightmode .selected-audit-left-accordion-list,
.nightmode .selected-settings-left-accordion-list,
.nightmode .jstree-default .jstree-wholerow-clicked,
.nightmode .jstree-default .jstree-wholerow-hovered { background: var(--nightmodeLHSSelectedMenuBg) !important; }
.nightmode .left-nav-menu ul li a.active-menu { background: var(--nightmodeNavActiveMenuBg) !important; }
/** nav and lhs bg color end **/

.nightmode input:-internal-autofill-selected,
.nightmode input:-webkit-autofill,
.nightmode input:-webkit-autofill:hover, 
.nightmode input:-webkit-autofill:focus,
.nightmode textarea:-webkit-autofill,
.nightmode textarea:-webkit-autofill:hover,
.nightmode textarea:-webkit-autofill:focus,
.nightmode select:-webkit-autofill,
.nightmode select:-webkit-autofill:hover,
.nightmode select:-webkit-autofill:focus,
.nightmode input:-internal-autofill-selected { -webkit-transition: "background-color 9999s ease-out"; -webkit-transition-delay: 9999s; -webkit-text-fill-color: #ffffff !important; }

.nightmode .bg-primary { color: var(--nightmodePrimaryText) !important; }
.nightmode .bg-success { color: var(--nightmodeSuccessText) !important; }
.nightmode .bg-warning { color: var(--nightmodeWarningText) !important; }
.nightmode .bg-danger  { color: var(--nightmodeDangerText) !important; }
.nightmode .bg-purple  { color: var(--nightmodePurpleText) !important; }

.nightmode .btn-danger-line,
.nightmode .btn-primary-line,
.nightmode .btn-success-line,
.nightmode .btn-warning-line { background: none; }

.nightmode .list-view-passwords-list .card-view-password-icons,
.nightmode lyte-tabs,
.nightmode lyte-tab-title,
.nightmode .global-search-panel input,
.nightmode .add-password-row-group input,
.nightmode .add-password-row-group textarea,
.nightmode .add-password-row-group lyte-drop-button,
.nightmode .login-form-control,
.nightmode .field-control lyte-drop-button { background: none !important; }
.nightmode .calendar-show:hover { background-color: transparent !important; }
.nightmode .icon-circle-primary:after, 
.nightmode .icon-circle-success:after, 
.nightmode .icon-circle-warning:after, 
.nightmode .icon-circle-danger:after { display:none; }

/** first border black color **/
.nightmode .folder-list-panel,
.nightmode lyte-table.border lyte-td, 
.nightmode lyte-td,
.nightmode .folders-page-list-inner,
.nightmode .myapps-list-inner,
.nightmode .password-list-panel,
.nightmode .settings-left-panel,
.nightmode .audit-left-panel, 
.nightmode .apps-left-panel,
.nightmode .list-view-passwords-list .card-view-password-list-inner,
.nightmode .vault-table tbody tr td,
.nightmode .folders-page-table-row,
.nightmode .password-list-view-details-panel,
.nightmode lyte-table.border .lyteTableScroll,
.nightmode .zv-custom-field-title,
.nightmode .zv-label-group:hover input[type=text], 
.nightmode .zv-label-group:hover input[type=password], 
.nightmode .zv-label-group:hover textarea,
.nightmode .field-control:hover input[type=text], 
.nightmode .field-control:hover input[type=password], 
.nightmode .field-control:hover textarea,
.nightmode .zv-label-group:hover .add-password-custom-dropdown,
.nightmode .zv-label-group:hover .select2-container--default .select2-selection--single, 
.nightmode .zv-label-group:hover .select2-container--default .select2-selection--multiple,
.nightmode .add-password-custom-dropdown:hover { border-color:var(--nightmodeBorderOne) !important; }
.nightmode .audit-left-panel { border-right: 1px solid var(--nightmodeBorderOne); }
.nightmode .vakata-context:after { border-bottom: 9px solid var(--nightmodeBorderOne); }
.nightmode .dummy,
.nightmode .zvPassword__list,
.nightmode .zvSearchWrapper  { border-color:var(--nightmodeBorderOne); }

/** second border black color **/
.nightmode .lyteModal,
.nightmode lyte-modal-header,
.nightmode ul.vault-tabs-horizontal,
.nightmode .chart-panel-title,
.nightmode .password-details-field,
.nightmode .vault-table thead tr th,
.nightmode .divider,
.nightmode .helpdesk-list aside,
.nightmode .lyteTabDefaultTop lyte-tab-head,
.nightmode .lytePopover,
.nightmode .password-list-inner-selected,
.nightmode .view-change-panel ul li,
.nightmode input, 
.nightmode textarea,
.nightmode lyte-table.border lyte-table-structure,
.nightmode .mapping-panel-middle-arrow i,
.nightmode lyte-drop-button,
.nightmode .lyteTabDefaultTop lyte-tab-title,
.nightmode .table-search-panel,
.nightmode .form-field lyte-input.vertical > div,
.nightmode lyte-menu-group,
.nightmode .form-field input[type="text"], 
.nightmode .form-field input[type="password"], 
.nightmode .form-field select, 
.nightmode .form-field textarea,
.nightmode .form-field-upload-doc-panel,
.nightmode .password-custom-group aside input[type="text"], 
.nightmode .password-custom-group aside input[type="password"], 
.nightmode .password-custom-group aside select,
.nightmode .password-generate,
.nightmode .view-change-panel-selected,
.nightmode .btn-default-line,
.nightmode .pagination-select,
.nightmode ul.action-icon-list li a,
.nightmode .vault-table,
.nightmode .right-side-bar,
.nightmode ul.import-passwords-list li a,
.nightmode .mapping-panel-left,
.nightmode .mapping-panel-right,
.nightmode .draggable-div a,
.nightmode .droppable-col-list,
.nightmode .droppable-div-inner,
.nightmode .user-profile-no-image,
.nightmode .table-profile-no-image,
.nightmode .folders-page-list-inner:hover,
.nightmode ul.filter-result-list li a,
.nightmode lyte-dropdown lyte-drop-button:hover, 
.nightmode .modal-panel-header,
.nightmode .settings-search-panel .lyteInputBox .lyteField,
.nightmode .settings-search-panel .lyteInputBox .lyteField:hover,
.nightmode .alertPopup,
.nightmode .lyteCalendarPopup,
.nightmode .lyteInputBox .lyteField,
.nightmode .lyteInputBox .lyteField:hover,
.nightmode lyte-menu-group:last-of-type ~ lyte-menu-item,
.nightmode .feedback-panel,
.nightmode .request-panel,
.nightmode .password-details-field, 
.nightmode .shopwdbgw,
.nightmode .card-view-access-control-icon,
.nightmode ul.filter-result-list li a, 
.nightmode ul.filter-result-list li abbr,
.nightmode .add-password-upload-doc-panel,
.nightmode .selected-settings-left-accordion-list:after,
.nightmode .fixed-footer-panel,
.nightmode .ipd-details-field-div,
.nightmode ul.manage-app-access-list li:hover,
.nightmode .slide-in, 
.nightmode .slide-out,
.nightmode .filter-icon-btn:after,
.nightmode .dropdown-border-bottom,
.nightmode lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button, 
.nightmode lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button:hover,
.nightmode ul.quick-add-list li:hover,
.nightmode .manage-apps-slider,
.nightmode .manage-app-access-list-inner,
.nightmode .manage-app-access-list-inner:hover,
.nightmode .user-panel-slider,
.nightmode .user-list-search-panel,
.nightmode .lyteCalNav,
.nightmode .lyteMultipleSelect li,
.nightmode .cusfields,
.nightmode .add-password-custom-dropdown,
.nightmode .dRPCalendar2 .lyteCalTableContainer,
.nightmode .card-view-password-list-inner,
.nightmode .add-password-slider,
.nightmode .field-control input[type=text], 
.nightmode .field-control input[type=password], 
.nightmode .field-control textarea,
.nightmode .quick-add-password-slider,
.nightmode .password-details-slider,
.nightmode .zv-password-search,
.nightmode .history-popover-header,
.nightmode .vakata-context .vakata-context-separator > a, 
.nightmode .vakata-context .vakata-context-separator > a:hover,
.nightmode .password-drag,
.nightmode .zv-rebranding-upload,
.nightmode .hamburger-empty-div,
.nightmode .keyboard-shortcut-item ul li span,
.nightmode .password-tree-tags-list li a,
.nightmode .unlock-settings-inner,
.nightmode .unlock-login-option-card,
.nightmode .passwordDetailsPage--alone,
.nightmode .passwordDetailsHeader,
.nightmode .passcardPasswordCustomField,
.nightmode .global-search-chips-list,
.nightmode .global-search-popup-container,
.nightmode .global-search-categories-selected,
.nightmode .global-search-categories-selected:after,
.nightmode .passkey-separation,
.nightmode .download-popup-panel,
.nightmode .download-popup-list,
.nightmode .passkey-details-separation-panel-undo { border-color:var(--nightmodeBorderTwo); }

.nightmode .select2-container--default .select2-selection--single,
.nightmode .select2-container--default .select2-selection--multiple,
.nightmode lyte-menu-body,
.nightmode lyte-table.border lyte-th, 
.nightmode .filter-show-panel,
.nightmode .select2-dropdown,
.nightmode lyte-drop-box,
.nightmode .lyteTabDefaultTop lyte-tab-head,
.nightmode .select2-container--default .select2-search--dropdown .select2-search__field,
.nightmode .select2-container--default .select2-selection--multiple .select2-selection__choice,
.nightmode ul.myapps-list li:hover,
.nightmode .password-search-panel input[type=text],
.nightmode .profile-panel-inner-top,
.nightmode .profile-panel-inner-bottom,
.nightmode ul.profile-panel-inner-links,
.nightmode .profile-panel,
.nightmode .selected-settings-left-accordion-list:after, 
.nightmode .selected-audit-left-accordion-list:after,
.nightmode .page-title-pane,
.nightmode .fine-grained-right-panel,
.nightmode .btn-default-line, 
.nightmode .bg-default-none,
.nightmode ul.notification-list li,
.nightmode .jstree-default .jstree-wholerow-clicked,
.nightmode hr,
.nightmode .chart-panel,
.nightmode .form-group .label-control:before,
.nightmode .dateSelectcal .customRange, 
.nightmode .dateSelectcal .specificDate,
.nightmode .dateSelectcal .specificDate lyte-calendar, 
.nightmode .dateSelectcal lyte-daterangepicker,
.nightmode .deactive .label-control::after,
.nightmode .vakata-context, 
.nightmode .vakata-context ul,
.nightmode .vakata-context li>a .vakata-contextmenu-sep,
.nightmode .zv-label-group .select2-container--default .select2-selection--single, 
.nightmode .zv-label-group .select2-container--default .select2-selection--multiple,
.nightmode .folder-list-drop,
.nightmode .password-tree-list-selected,
.nightmode .password-tree-tags-list-selected,
.nightmode .zmap-searchbox-dropdown-list>div  { border-color:var(--nightmodeBorderTwo) !important; }
.nightmode .vakata-context:before { border-bottom: 10px solid var(--nightmodeBorderTwo); }
.nightmode lyte-table.border lyte-th, 
.nightmode lyte-th { border-bottom: 1px solid var(--nightmodeBorderTwo) !important; border-top: 1px solid var(--nightmodeBorderTwo) !important; }

/** third border black color **/
.nightmode .lyteInput .lyteField,
.nightmode .global-searchinput input,
.nightmode .table-search-panel input,
.nightmode .global-search-panel input,
.nightmode .selected-audit-left-accordion-list,
.nightmode .selected-settings-left-accordion-list, 
.nightmode ul.notification-list li { border: none !important; }

/***** First text color *****/
.nightmode .vault-table tbody tr td,
.nightmode lyte-modal-content,
.nightmode lyte-checkbox,
.nightmode lyte-drop-item,
.nightmode .lyteRadioLabel,
.nightmode lyte-tab-title,
.nightmode lyte-tab-title:hover,
.nightmode ul.filter-result-list li abbr,
.nightmode .form-field input[type="text"], 
.nightmode .form-field input[type="password"], 
.nightmode .form-field select, 
.nightmode .form-field textarea,
.nightmode .btn-default-line,
.nightmode select,
.nightmode lyte-drop-button,
.nightmode .select2-container--default .select2-selection--single .select2-selection__rendered,
.nightmode ul.modal-panel-title-icon-links li,
.nightmode .lyteCalTableCell,
.nightmode lyte-menu-header,
.nightmode input, 
.nightmode textarea,
.nightmode .dashboard-ring-chart-vtext h4,
.nightmode .add-password-col-left i,
.nightmode ul.add-password-plus-minus li abbr,
.nightmode .folder-page-profile-image,
.nightmode .folders-page-list a .folders-page-list-name,
.nightmode .zoho-vault-default,
.nightmode .progressbar-icon i, 
.nightmode .progressbar li p,
.nightmode .modal-panel-close,
.nightmode lyte-tab-content,
.nightmode .lyteCalsCalMon,
.nightmode ul.feedback-tabs li,
.nightmode .alertSecondaryMsg, 
.nightmode lyte-alert-content,
.nightmode ul.vault-tabs-horizontal li a.selected,
.nightmode .pagination-panel b,
.nightmode ul.filter-result-list li abbr .filter-result-close,
.nightmode .add-password-col-left i,
.nightmode .form-group .label-control,
.nightmode .file-attached-label,
.nightmode .folder-page-profile-image,
.nightmode ul.vault-dashboard-password-list li p,
.nightmode ul.tags-list li a:hover,
.nightmode .settings-left-accordion-list-header, 
.nightmode .audit-left-accordion-list-header, 
.nightmode .table-text-title,
.nightmode .user-list-role,
.nightmode .ip-address-image,
.nightmode .modal-panel-close,
.nightmode ul.modal-panel-title-icon-links li,
.nightmode ul.feedback-tabs li,
.nightmode .draggable-div a,
.nightmode .vault-table tbody tr td,
.nightmode .vault-table sub,
.nightmode .folders-page-table-col,
.nightmode .zv-field-detail,
.nightmode .zv-copyicon:hover,
.nightmode .zv-maf-folder-name,
.nightmode .lyteCalendarPopup lyte-dropdown lyte-drop-button:hover,
.nightmode .notify-list-right,
.nightmode .passcardLabel__center,
.nightmode .passwordDetailsHeader--title,
.nightmode .global-search-chips-list-selected,
.nightmode .global-search-close,
.nightmode .global-search-categories-selected,
.nightmode .global-search-categories-selected-close,
.nightmode .entity--active,
.nightmode .zvPassword__list--title  { color: var(--nightmodeTextOne); }

.nightmode lyte-td,
.nightmode .btn-default-line, 
.nightmode .bg-default-none,
.nightmode .select2-container--default .select2-results__option--highlighted[aria-selected],
.nightmode .legendlabel,
.nightmode .card-view-password-name,
.nightmode ul.breadcrumbs li a:hover, 
.nightmode ul.vault-tabs-horizontal li a:hover,
.nightmode ul.settings-column-list li a:hover,
.nightmode ul.settings-left-accordion-list li a:hover, 
.nightmode .filter-links-icons li a:hover, 
.nightmode .card-view-password-icons li a:hover,
.nightmode ul.import-passwords-list li a:hover,
.nightmode .folders-page-list-icons li a:hover,
.nightmode ul.right-side-bar-list a:hover,
.nightmode ul.filter-result-list li a:hover, 
.nightmode ul.action-icon-list li a:hover,
.nightmode ul.add-password-plus-minus li a:hover, 
.nightmode .view-change-panel ul li a:hover,
.nightmode ul.notification-list li a:hover,
.nightmode ul.vault-list li a:hover,
.nightmode ul.pagination-link li a:hover,
.nightmode .vakata-context li>a:hover,
.nightmode ul.vault-common-list li a:hover,
.nightmode ul.vault-common-list-icons li a:hover,
.nightmode .profile-panel-inner-links li a:hover,
.nightmode .upgrade-button a:hover, 
.nightmode ul.audit-left-accordion-list li a:hover,
.nightmode ul.password-add-menu li a:hover,
.nightmode ul.tags-list li a:hover, 
.nightmode .breadcrumbs-active,
.nightmode .settings-panel-column h5,
.nightmode ul.vault-tabs-horizontal li a.selected,
.nightmode .view-change-panel-selected a,
.nightmode .selected-audit-left-accordion-list,
.nightmode .selected-audit-left-accordion-list i,
.nightmode .feedback-tabs-active,
.nightmode .left-nav-menu ul li a.active-menu,
.nightmode .settings-left-accordion-list-header, 
.nightmode .audit-left-accordion-list-header,
.nightmode lyte-popover-header,
.nightmode lyte-alert-header, 
.nightmode .alertHeader, 
.nightmode .table-text-title,
.nightmode lyte-modal-header h4,
.nightmode .chart-panel-title h5,
.nightmode .modal-panel-header h4,
.nightmode ul.modal-panel-title-icon-links li:hover,
.nightmode .left-nav-menu ul li a:hover,
.nightmode .filter-links-icons li a:hover,
.nightmode .progressbar li a:hover,
.nightmode lyte-menu-label:hover,
.nightmode .modal-panel-close:hover,
.nightmode .selected-settings-left-accordion-list,
.nightmode .selected-settings-left-accordion-list i,
.nightmode .jstree-wholerow-clicked .jstree-clicked,
.nightmode lyte-table.border lyte-th, 
.nightmode lyte-th,
.nightmode .jstree-default .jstree-clicked,
.nightmode lyte-menu-item:hover lyte-menu-label,
.nightmode lyte-drop-item:hover lyte-drop-labbel,
.nightmode .password-tree-list-selected,
.nightmode .password-tree-list-selected i,
.nightmode .averageLegend ul li span,
.nightmode .folder-path i,
.nightmode ul.right-side-bar-list a:hover i,
.nightmode .global-search-popup button.global-search-dropdown,
.nightmode .global-search-popup .global-searchinput input,
.nightmode .select2-results__option .folder-title { color: var(--nightmodeTextOne) !important; }  /** repeat important bg color **/

.nightmode .ticklabel,
.nightmode g text { fill: #dedede !important; }
.nightmode lyte-td .fielderror, .nightmode lyte-table.border lyte-td.fielderror { color: var(--nightmodeTextRed) !important; }
.nightmode lyte-td .duplicateerror, .nightmode lyte-table.border lyte-td.duplicateerror { color: var(--nightmodeTextBlue) !important; }

/***** Second text color *****/
.nightmode .card-view-favorite,
.nightmode .pagination-panel,
.nightmode lyte-radiobutton label:hover .lyteRadioLabel,
.nightmode .alertPrimaryMsg,
.nightmode .card-view-favorite,
.nightmode .form-vertical .form-label,
.nightmode lyte-checkbox:hover span,
.nightmode lyte-input input, 
.nightmode lyte-input textarea,
.nightmode ul.vault-dashboard-password-list li h3,
.nightmode .chart-panel-title h6,
.nightmode .chart-panel-title,
.nightmode input.shopwdtxbgw,
.nightmode .dashboard-ring-score h4,
.nightmode .total-count-panel .text-default,
.nightmode .pagination-panel b,
.nightmode .total-count-panel-left h5,
.nightmode .total-count-panel-left h6,
.nightmode .lyteMultipleSelect li,
.nightmode .text-default,
.nightmode .text-time,
.nightmode .pwd-instruct, 
.nightmode .folder-path,
.nightmode .zv-maf-folder-path,
.nightmode .optional-text, 
.nightmode .classification-list-inner, 
.nightmode .table-text-sub-title, 
.nightmode .modal-panel-close:hover,
.nightmode lyte-menu-label,
.nightmode ul.breadcrumbs li a i, 
.nightmode .text-time, 
.nightmode .category-label-text,
.nightmode .deactive .label-control .label-text,
.nightmode .password-detail-page .active .label-control .label-text,
.nightmode lyte-table.border lyte-td,
.nightmode .workplace-global-search .global-search-dropdown button, 
.nightmode .workplace-global-search button.global-search-dropdown, 
.nightmode .workplace-global-search .global-searchinput input,
.nightmode .password-tree-tags-list li a,
.nightmode ul.right-side-bar-list a i,
.nightmode .passcardLabel--text,
.nightmode .unlock-settings-inner,
.nightmode .unlock-login-option-card,
.nightmode .unlock-login-or-panel-inner,
.nightmode ul.right-side-bar-list a i { color: var(--nightmodeTextTwo) !important; }


.nightmode .left-nav-menu ul li a,
.nightmode ul.breadcrumbs li a, 
.nightmode ul.vault-tabs-horizontal li a,
.nightmode ul.settings-column-list li a,
.nightmode .filter-links-icons li a, 
.nightmode .card-view-password-icons li a,
.nightmode ul.import-passwords-list li a,
.nightmode .folders-page-list-icon,
.nightmode .folders-page-list-icons li a,
.nightmode ul.right-side-bar-list a,
.nightmode ul.password-tree-list li a,
.nightmode ul.filter-result-list li a, 
.nightmode ul.action-icon-list li a,
.nightmode ul.add-password-plus-minus li a, 
.nightmode .view-change-panel ul li a,
.nightmode ul.notification-list li a,
.nightmode ul.vault-list li a,
.nightmode ul.vault-tabs-horizontal li a,
.nightmode .filter-links-icons li a,
.nightmode ul.pagination-link li a,
.nightmode .vakata-context li>a,
.nightmode .view-change-panel ul li a,
.nightmode .card-view-password-icons li a,
.nightmode ul.add-password-plus-minus li a,
.nightmode ul.vault-common-list li a,
.nightmode ul.vault-common-list-icons li a,
.nightmode ul.action-icon-list li a,
.nightmode ul.import-passwords-list li a,
.nightmode .profile-panel-inner-links li a,
.nightmode .upgrade-button a,
.nightmode ul.audit-left-accordion-list li a,
.nightmode ul.password-add-menu li a,
.nightmode ul.notification-list li a,
.nightmode ul.tags-list li a, 
.nightmode .profile-panel-inner-links li a,
.nightmode ul.tags-list li a,
.nightmode ul.vault-list li a,
.nightmode body,
body.nightmode,
.nightmode .jstree-default .jstree-node,
.nightmode .progressbar-icon i, 
.nightmode .progressbar li p,
.nightmode .zvleft-label,
.nightmode .zv-custom-field-title,
.nightmode ul.add-password-plus-minus li abbr i.icon-pii,
.nightmode .lyteCalendarPopup lyte-dropdown lyte-drop-button,
.nightmode ul.password-tree-list li a,
.nightmode ul.settings-left-accordion-list li a, 
.nightmode .zv-folder-action-icons ul.vault-list li a, 
.nightmode .settings-left-accordion-list-header, 
.nightmode .audit-left-accordion-list-header, 
.nightmode .jstree-anchor, 
.nightmode .jstree-anchor:link, 
.nightmode .jstree-anchor:visited, 
.nightmode .jstree-anchor:hover, 
.nightmode .jstree-anchor:active,
.nightmode .keyboard-shortcut-item ul li span,
.nightmode .notify-list-time,
.nightmode ul.settings-left-accordion-list li a i, 
.nightmode ul.audit-left-accordion-list li a i,
.nightmode ul.password-tree-list li a i,
.nightmode .passwordDetailsHeader--sub--title,
.nightmode .icon--copy, 
.nightmode .icon--view, 
.nightmode .icon--hide,
.nightmode .zvPassword__list--subtitle { color: var(--nightmodeTextTwo); }

/***** Third text color *****/
.nightmode .top-alert-inner-span, 
.nightmode .top-alert-panel,
.nightmode .theme-color-selected:after,
.nightmode .notify-permission-oneclick, 
.nightmode .notify-permission-view, 
.nightmode .notify-permission-modify, 
.nightmode .notify-permission-manage,
.nightmode .breachAlert--sub--title  { color:var(--nightmodeTextThree); }

/***** Four text color *****/
.nightmode .card-view-password-icons li a .text-muted,
.nightmode .text-muted,
.nightmode .vakata-context .vakata-contextmenu-disabled a, 
.nightmode .vakata-context .vakata-contextmenu-disabled a:hover { color: var(--nightmodeTextFour) !important; }

/***** Five text color *****/
.nightmode .list-view-passwords-list .password-description { color: var(--nightmodeTextFive); }

/***** stroke and fill color *****/
.nightmode .active-menu .svg-line-color,
.nightmode .left-nav-menu ul li a:hover .svg-line-color { stroke: #cacaca !important; }
.nightmode .overview-passwords-text text,
.nightmode .axislabel { fill: #dedede !important; }

/***** first shadow color *****/
.nightmode .lytePopoverArrowIcon.lytePopoverArrowTop,
.nightmode lyte-menu-box .lyteArrow.lyteArrowTop, 
.nightmode .notification-panel:before, 
.nightmode .profile-panel:before,
.nightmode .vakata-context li>a:hover { box-shadow: -1px -1px 0 0 var(--nightmodeShadowOne); }

/***** second shadow color *****/
.nightmode .lytePopoverArrowIcon.lytePopoverArrowRight { box-shadow: 1px -1px 0 0 var(--nightmodeShadowOne); }

.nightmode lyte-menu-label.text-danger, .nightmode lyte-menu-label.text-danger:hover { color: var(--nightmodeTextRed) !important; }
.nightmode .lyteCaldLft:before, 
.nightmode .lyteCaldRgt:before,
.nightmode lyte-input[lt-prop-type=search] .searchIcon,
.nightmode #lyteDateSelect lyte-drop-item.customRange:after, 
.nightmode #lyteDateSelect lyte-drop-item.specificDate:after,
.nightmode lyte-dropdown lyte-icon.dropdown { background-image: url(../images/sprite_lyte_night.68961f05a39f7d987a10474ee41e69f9.svg) !important; }
.nightmode .sharebyme { color: var(--nightmodeTextPurple); }
.nightmode .sharetome { color: var(--nightmodeTextGreen); }

/***** OTHERS *****/
.nightmode .card-view-list-left-img { opacity:0.8; }
.nightmode .vakata-context li>a { text-shadow:none !important; }
.nightmode ul.pagination-link li a .text-muted { opacity:0.3; }
.nightmode .intro-tour-overlay { background: rgba(0, 0, 0, 0.7); }
.nightmode .lytePopoverClose { filter: invert(1); }

/*** Only text color change nightmode ***/
.skin-blue-nightmode {
   --primaryTextColor:var(--nightmodeTextBlue);
}
.skin-green-nightmode {
   --primaryTextColor:var(--nightmodeTextGreen);
}
.skin-red-nightmode {
   --primaryTextColor:var(--nightmodeTextRed);
}
.skin-orange-nightmode {
   --primaryTextColor:var(--nightmodeTextOrange);
}
.skin-purple-nightmode {
   --primaryTextColor:var(--nightmodeTextPurple);
}
.nightmode .text-danger { color: var(--nightmodeTextRed); }
.nightmode .text-purple { color: var(--nightmodeTextPurple); }