/*
-- ==============================================================================
-- Author:  Prakash.Shanmugam
-- Create Date: 22-02-2018
-- Description: Zoho Vault UI

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

-- Modification History:
-- ********************
-- Date             Modified By                 Change Description
   12/09/2018		Prakash.S					Splitted CSS for Related Panels
   19/10/2018       Prakash.S                   Merge all individual css into one
   10/01/2019       Prakash.S					Change New Theme
   28/01/2019       Prakash.S                   Creating add password
   09/04/2019       Prakash.S                   Creating variable css
   07/05/2019       Prakash.S                   Dashboard page designs
   20/05/2019       Prakash.S                   No data images added for dashboard
   06/07/2019       Prakash.S                   Notification design
   21/07/2023       Prakash.S                   Top nav quick add section
-- ==============================================================================
*/
/*$Id: $*/
:root {
    --default-bg-color:#bbc3cd;
    --muted-bg-color:#000000; 
    --bg-white-color:#ffffff;
    --cursor-pointer:pointer;
    --font-vault:vault;
    --vertical-middle:middle;
    --float-left:left;
    --float-right:right;
}
:root {
    --fill-white:#ffffff;
    --stroke-white:#ffffff;
    --fill-gray:#b4b7b9;
    --stroke-gray:#b4b7b9;
}
:root {
    --tbl-border-gray:#f6f7f7;
    --hover-gray:#f9f9fd;
}
:root {
    --lhs-nav-bg:#142746;
    --lhs-nav-bg-active-menu:#08101d;
    --lhs-nav-txt-menu:rgba(255,255,255,0.7);
}
:root {
    --profile-theme-bg-gray:#ebedf2;
    --profile-theme-bg-black:#142746;
    --profile-theme-bg-blue:#2c65bf;
    --profile-theme-bg-red:#ed4040;
    --profile-theme-bg-green:#4caf50;
    --profile-theme-bg-orange:#db7942;
    --profile-theme-bg-purple:#6861bb;
}
:root {
    --secondary-bg-blue:#deeefc;
    --secondary-bg-green:#defff1;
    --secondary-bg-orange:#fff1ca;
    --secondary-bg-red:#ffd7d7;
}
:root {
    --txt-rgba-black-08:rgba(0,0,0,0.8);
    --txt-rgba-white-08:rgba(255,255,255,0.8);
    --bg-rgba-black-01:rgba(0,0,0,0.1);
    --bg-rgba-white-01:rgba(255,255,255,0.1);
    --bg-rgba-white-02:rgba(255,255,255,0.2);
    --bg-rgba-white-05:rgba(255,255,255,0.5);   
}
:root {
    --border-rgba-white-02:rgba(255,255,255,0.2);
    --border-rgba-white-05:rgba(255,255,255,0.5);
    --border-rgba-white-08:rgba(255,255,255,0.8);
}
:root {
    --shadow-rgba-01:rgba(0,0,0,0.1);
    --shadow-rgba-02:rgba(0,0,0,0.2);
}
:root {
    --circle-bg-orange:#973D0C;
    --circle-bg-darkbrown:#594139;
    --circle-bg-green:#16661A;
    --circle-bg-blue:#095D8E;
    --circle-bg-cyan:#096172;
    --circle-bg-darkgreen:#146320;
    --circle-bg-purple:#663399;
    --circle-bg-red:#AD181A;
    --circle-bg-darkblue:#2148B4;
    --circle-bg-gray:#4A5A63;
}
:root {
    --txt-primary:#1b1b1b;  
    --txt-secondary:#111111;  
    --txt-tertiary:#4b4b4b;
    --txt-folder-path:#888888;
}
:root {
    --gray-bg-01:#efefef;
    --gray-bg-02:#dfe1e8;
    --gray-border-01:#efefef;
    --gray-border-02:#dfe1e8;
    --gray-border-03:#e8e8e8;
    --gray-border-04:#cccccc;
    --gray-border-05:#d6d6d6;
}
:root {
    --txt-white:#ffffff;
    --txt-black:#000000;
    --txt-blue: #2c66dd;
    --txt-green: #0c8844;
    --txt-orange: #ebb625;
    --txt-red: #cc3929;
    --txt-red-darkest:#d23040;
    --txt-purple:#665cf3;
    --txt-gray-dark:#5e6468;
    --txt-gray-darker: #4b4b4b;
    --txt-gray-darkest:#222e44;
    --txt-gray-lighter: #bbc3cd;
}
:root {
    --bg-white:#ffffff;
    --bg-blue: #4780da;
    --bg-blue-darkest: #1277b4;
    --bg-green:#02b76d;
    --bg-green-darkest:#1d9b4c;
    --bg-orange:#e5ab05;
    --bg-orange-darkest:#f2ac20;
    --bg-red: #fd4b4b;
    --bg-red-darkest:#d23040;
    --bg-gray:#fafafa;
    --bg-gray-light:#ebedf2;
    --bg-gray-lighter:#f4f5fa;
    --bg-gray-dark:#cccccc;
}
:root {
    --border-white:#ffffff;
    --border-blue: #4780da;
    --border-green: #02b76d;
    --border-orange:#e5ab05;
    --border-red: #fd4b4b;
    --border-purple:#665cf3;
    --border-gray:#d5d9e2;
    --border-gray-lighter: #ebedf2;
    --border-red-darkest:#d23040;
}
:root {
    --subs-bg-purple:#8f88f9; 
    --subs-bg-green:#02b76d;
    --subs-bg-orange:#f7c628;
    --subs-bg-red:#f74d4d;
    --subs-bg-purple-light:#e4e2fc;
    --subs-bg-green-light:#dcf7e8;
    --subs-bg-orange-light:#fcf5e6; 
    --subs-bg-red-light:#fef1f1;
    --subs-border-purple:#8f88f9;
    --subs-border-green:#02b76d;
    --subs-border-orange:#f7c628;
    --subs-border-red:#f74d4d;
}
:root {
    --tour-bg-1:#27bfac;
    --tour-bg-2:#cc9c71;
    --tour-bg-3:#6276bb;
    --tour-bg-4:#8164af;
    --tour-bg-5:#d47479;
    --tour-bg-6:#449cb7;
    --tour-bg-7:#bba04f;
    --tour-border-1:#27bfac;
    --tour-border-2:#cc9c71;
    --tour-border-3:#6276bb;
    --tour-border-4:#8164af;
    --tour-border-5:#d47479;
    --tour-border-6:#449cb7;
    --tour-border-7:#bba04f;
}
.zvf-opensans {
    --fontVaultTheme: OpenSans;
}
.zvf-zohopuvi {
    --fontVaultTheme: ZohoPuvi;
}
.zvf-monospace {
    font-family: monospace !important;
}

html { font-size: 100%; }
body { 
    font-family:var(--fontVaultTheme); 
    overflow: hidden;
    font-size: 0.8125rem;
    line-height:25px; 
    margin:0; 
    padding:0;     
    text-rendering: optimizeLegibility !important; 
    background: var(--txt-white) !important;  /* bg color white added for workplace project */
}
* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;	
}
/*****	Reset CSS *****/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;   
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { text-decoration: none; outline: none; margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; cursor:var(--cursor-pointer); }
i { line-height:0; vertical-align: var(--vertical-middle);display: inline-block; }
[class^="icon-"]:before,
[class*=" icon-"]:before { position: relative; z-index: 1; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align: var(--vertical-middle); background: var(--bg-white); }
select { border: 1px solid var(--border-gray); height: 35px; font-size: 0.875rem; }
ul {margin: 0; padding: 0; }
li { list-style: none; }
ol li { list-style-type: disc; margin-left: 20px;}
a { transition: all 0.2s ease;}
.dis-show { display: block !important; }
.dis-hide { display: none !important; }
.dis-block { display: block !important; }
.dis-inblock { display: inline-block !important; }
.dis-unset { display: unset !important; }
.v-middle { vertical-align: var(--vertical-middle); }
.v-top { vertical-align: top !important; }
.v-bottom { vertical-align: bottom; }
.pull-left { float: var(--float-left) !important; }
.pull-right { float: var(--float-right) !important; }
.no-border { border: none!important}
.disabled { opacity: 0.5 !important; cursor: not-allowed !important; }
.disabled-cursor { cursor: not-allowed !important; }
.divider { height: 1px; background: var(--gray-bg-01); width: 100%; }
.bold,b {font-weight: 600 !important }
button { font-family:var(--fontVaultTheme); }
a {outline: none!important;}
sub { color: var(--txt-gray-dark); }
a:active, a:hover { outline-width: 0;}
.pointer { cursor: var(--cursor-pointer)}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}

.container-fluid { width:100%; float: var(--float-left); padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}	
.container { width:1024px; margin:0 auto;}
.full-width { width: 100%; float: var(--float-left); clear: both;}
.panel-row:after, .passwords-container-panel:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.panel-row, .passwords-container-panel {display: inline-block;}
* html .panel-row, * html .passwords-container-panel { height: 1%;}
.panel-row, .passwords-container-panel { display: block;}
.vault-sprite { 
    display:inline-block; 
    background-image: url(../images/vault-sprite.985d92c3d3f9d7c928e916c945c7d7f6.svg) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
}
/*** Left Nav Start ***/
.left-nav-menu { overflow: hidden; position: relative; }
.left-nav { position: fixed; height: 100%; z-index: 20; }
.left-nav:before { position: absolute; content: ""; }
.left-nav:after { position: absolute; content: ""; }
.left-nav-menu ul li { list-style: none;  width: 100%; position: relative; }
.left-nav-menu ul li a { 	
    display: flex;
    text-align: center;
    padding: 0 4px;
    position: relative;
    z-index: 1;
    opacity: 1;
    transition: all 0.2s ease-in;
    height: 72px;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.left-nav-menu ul li a i { 
    font-size: 1.125rem;
    width: 100%;
    margin-bottom: 4px;
 }
.left-nav-menu ul li a span { 
    font-size: var(--lhsMenuFontSize);
    word-break: break-all;
    line-height: 14px;
    width: 100%;
    align-items: self-start;
    justify-content: center;
    margin-top: 4px;
}
.left-nav-menu ul li a:hover { opacity:1; }
.left-nav-menu ul li a.active-menu { opacity: 1 !important; font-weight:600; }
.left-nav-menu ul li a.active-menu:before { 
    content: "";
    width: 3px;
    display: block;
    position: absolute;
    left: 0;
    height: 72px;
    top: 0;
}
/*.left-nav-menu ul li a.active-menu:before { content:""; position:absolute; height: 75px; width: 3px; left:0; top:0; }*/
.left-nav-menu ul li:nth-child(1):hover ~ .effect { top: 0; display:block; transition: all 0.2s ease-in-out; }
.left-nav-menu ul li:nth-child(2):hover ~ .effect { top: 75px; display:block; transition: all 0.2s ease-in-out; }
.left-nav-menu ul li:nth-child(3):hover ~ .effect { top: 150px; display:block; transition: all 0.2s ease-in-out; }
.left-nav-menu ul li:nth-child(4):hover ~ .effect { top: 225px; display:block; transition: all 0.2s ease-in-out; }
.left-nav-menu ul li:nth-child(5):hover ~ .effect { top: 300px; display:block; transition: all 0.2s ease-in-out; }
.left-nav-menu ul li:nth-child(6):hover ~ .effect { top: 375px; display:block; transition: all 0.2s ease-in-out; }
.left-nav-menu ul li:nth-child(7):hover ~ .effect { top: 450px; display:block; transition: all 0.2s ease-in-out; }
.effect { 
    width: 70px; 
    height: 75px; 
    top: 75px; 
    background: var(--bg-rgba-white-01); 
    margin-left:0; 
    position: absolute; 
    z-index:0; 
    transition: 0.2s ease-in-out; 
    display:none;
}
.slide-in, .slide-out, .tree-hide-icon, .tree-show-icon {     
    font-size: 0.625rem;
    position: absolute;   
    height: 30px;
    top:6px;
    z-index: 1;
    border: 1px solid var(--gray-border-02);  
    padding: 2px 0px 2px 1px;
    background: var(--gray-bg-01);
    transition: all 0.1s ease-in-out;
    background: -webkit-linear-gradient(to right, #efefef, #fafafa);
    background: linear-gradient(to right, #efefef, #fafafa);    
}
.slide-in, .tree-hide-icon { border-radius: 5px 0px 0 5px; right:0; }
.slide-out, .tree-show-icon { border-radius:0 5px 5px 0;  right:-12px; }
.slide-in:after, .tree-hide-icon:after { content: "\e06e"; font-family: var(--font-vault); }
.slide-out:after, .tree-show-icon:after { content: "\e070"; font-family: var(--font-vault); }
.slide-in:hover, .tree-hide-icon:hover { padding: 2px 5px 2px 4px; }
.slide-out:hover, .tree-show-icon:hover { padding: 2px 5px 2px 4px; right: -20px; }
.tree-show-icon, .tree-hide-icon { display: none; }
.hamburger-icon-panel { height: 48px; width: 100%; padding: 12px 0 12px 16px; }
.hamburger-icon-panel img { width:24px; }

/*** Left Nav End ***/

/*** Top Header Start ***/
.top-header { height: 48px; padding: 0; width: 100%; z-index: 11; }
.top-nav-menu { float: var(--float-left); display: flex; align-items: center; height: 48px;}
.top-nav-menu ul { display: flex; justify-content: center; }
.top-nav-menu ul li { float: var(--float-left); list-style: none; position:relative; margin:0;  padding: 8px 4px; display: inline-flex; align-items: center;
}
.top-nav-menu ul li a { 
    display: flex;
    font-size: 1rem;
    color: var(--txt-white);
    background: transparent;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}
.top-nav-menu ul li a:hover { background: var(--bg-rgba-white-01); }
.top-nav-menu ul li a i { }
.zohoOneLauncher .zwZHamburger { width:30px !important; height:30px !important; }
.profile-top-panel { padding: 0 !important; margin: 0;}
.profile-pic { 
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 100%;
    background: var(--secondary-bg-blue);
    overflow: hidden;
    border: 1px solid var(--border-white);
}
.profile-pic img { border-radius: 100%; width: 100%; height: 100%; }
.profile-text { display: table-cell; vertical-align: var(--vertical-middle); padding-left: 5px; }
.notification-count { 
	position: absolute;
    background: #ef4c4c;
    font-size: 0.6875rem;
    color: var(--txt-white);
    border: none;
    border-radius: 8px;
    display: inline-block;
    height: 16px;
    text-align: center;
    line-height: 16px;
    left: 20px;
    top: 7px;
    z-index: 11;
    padding: 0 5px;
}
.quick-add-btn { 
	width: 24px !important;
    height: 24px !important;
    background: var(--bg-white) !important;
    border-radius: 3px !important;
    font-size: 1rem !important;
    color: var(--primaryTextColor) !important;
    line-height: 22px !important;
    margin:4px 4px 4px 4px !important;
}
.logo-vault { 
	background: url("../images/zoho-logo.1a00f3e563d2ae858d2e6dc29356bb90.png") no-repeat left center; 	
    height: 46px;
    width: 100px;
    float: var(--float-left);
    background-size: 85%;
}
.upgrade-button { float: var(--float-left); margin:9px 5px 0 0; }
.upgrade-button a {
    color: var(--txt-white) !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    background: var(--bg-rgba-black-01);
    display: inline-block;
    border-radius: 16px;
    padding: 2px 15px 2px 13px;
    border: 1px solid var(--border-rgba-white-02);
}
.upgrade-rocket {background: url("../images/rocket.30106b305cd489835c46a0735d9e548d.svg") no-repeat left center; height: 25px; width: 17px; display:inline-block; margin-right:3px; }
.upgrade-button-text { color: var(--txt-white);}
.upgrade-bg { background: url("../images/upgrade.cd50a4ade92a7173cf5f5a0da99ea10c.svg") no-repeat left center; height: 30px; width: 30px; float: var(--float-left); font-weight: 600; }
.vault-logo-text { color: var(--txt-white); font-size: 1.125rem; float: left; margin: 12px 16px 0 -16px; position:relative; z-index:111; }
#icon-global-search { display: none;}
.global-search-panel { 
   width:450px;
   float: left;   
   margin:3px 10px 0 0;
   transition: all 0.3s ease-in-out;
   z-index: 100;
}
.global-search-panel-old { }
.global-search-panel-old .global-searchinput input { width: calc(100% - 180px); }
.global-search-panel-old .global-search-dropdown button, 
.global-search-panel-old  button.global-search-dropdown { padding: 9px 22px 9px 13px !important; }
.global-search-panel-old.global-search-panel { margin:3px 10px 0 0; }
.global-search-dropdown button, button.global-search-dropdown { 
    background: var(--bg-rgba-white-01) !important;
    color: var(--txt-white) !important;
    border: none !important;
    box-shadow: none !important;
    float: var(--float-left);
    padding: 0 15px !important;
    border-right: 1px solid var(--border-rgba-white-02);
    font-size: 0.8125rem;
    position: relative;
    width:180px;
    text-align:left;
    border-radius: 5px 0 0 5px;
    display: inline-flex;
    align-items: center;
    height: 36px;
}
.global-search-dropdown button:after, button.global-search-dropdown:after { 
    /* content: ""; */
    background: var(--bg-rgba-white-02);
    width: 1px;
    height: 22px;
    position: absolute;
    right: 0px;
    top: 10px;
}
.global-search-dropdown button:focus, button.global-search-dropdown:focus { outline: none; }
.global-searchinput { float: var(--float-left); width:100%; background: var(--bg-rgba-white-01); border-radius:3px; position:relative; }
.global-searchinput input {  width:100%; height: 36px; border: none; background: none; font-size: 0.8125rem; color: var(--txt-white); }
.global-add-icon { 
    /*height: 30px !important; 
    width: 30px !important; 
    position:relative;   
    text-align:center;
    margin:10px 0 0 ;
    border-radius:100px;
    z-index:1;
    padding:0 !important;
    display:inline-table !important;*/
    background: var(--bg-white) !important;
    height: 24px !important;
    width: 24px !important;
    border-radius: 4px !important;
    color: var(--primaryTextColor) !important;
 
}
.global-search-panel-open { 
    background: var(--bg-white);    
    padding: 15px;   
    /*display:none;*/
 }
 button.global-search-dropdown span#menuText { 
    display: inline-flex;
    align-items: center;
    width: 132px;  
    line-height: 14px;
    clear: both;
    position: relative;
    font-weight: 500;
}
button.global-search-dropdown span#menuText .global-search-menu-trim { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 .global-search-close { 
    position: absolute;
    top: 8px;
    right: 7px;
    font-size: 0.45rem;
    cursor: pointer;
    background: var(--bg-gray-light);
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    color: var(--txt-black);
 }
 .global-search-dropdown .icon-magnifier { font-size: 1rem; }
.overlay-bg { background: rgba(49, 51, 70, 0.2); width: 100%; position: fixed; height: 100%; left: var(--overlayBgLeft); top: 48px; z-index:99; display:none; }
/*.global-add-icon:hover { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.25s ease-in-out; }*/
.fixed-upgrade-btn-panel { 
    top: 50%;
    right:0;
    position: fixed;
}
.fixed-upgrade-btn { 
    background: var(--primaryThemeColor);
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--txt-white);
    transform: rotate(-90deg);
    white-space: nowrap;
    border-radius: 10px 10px 0 0px;
    padding: 4px 20px 20px 13px;
    right: 0;   
    transition: all 0.1s ease-in-out;
    position: absolute;
    right: -26px;
    height: 33px;
    width:85px;
}
.fixed-upgrade-notify { 
    background: var(--primaryThemeColor);
    color: var(--txt-white);
    display: inline-block;
    width: 33px;
    border-radius: 10px 0 0;
    position: absolute;
    z-index: 11;
    text-align: center;
    left: -33px;
    top: -49px;
    padding: 5px 0;
    border-bottom: 1px solid var(--border-rgba-white-02);
}
.fixed-upgrade-date { line-height:10px; font-size: 0.625rem; }
.fixed-upgrade-days { line-height:10px; font-size: 0.5rem; }
.zohoOneLauncher .zod-launcher-icon-wrapper { width:30px; position:relative; top:0px; }
/*** Top Header End ***/
.right-panel { margin-left: var(--centerMarginLeft); width: var(--centerWidth); float: var(--float-left); }
/**** Page Title, Filter Panel, Pagination Start ****/
.pagination-panel { float: var(--float-right); }

.page-title-panel, .passwords-page-title-panel { 
    padding: 0 15px;
    position: relative;
    width: 100%;
    float: var(--float-left);
    /* padding-left: 295px; */
}
/*.page-title-panel:before {
    position: absolute;
    content: "";
    background: #fafafa;
    right: -35px;
    width: 35px;
    height: 45px;
    border-bottom: 1px solid #ecedf2;
}
.page-title-panel:after { 
    position: absolute;
    content: "";
} */
.passwords-page-title-panel { }
.page-title-panel > h2, .passwords-page-title-panel > h2 { margin: 12px 0 3px; font-size: 0.875rem; line-height: 18px; }
.pwd-instruct:after, .pwd-instruct-active:after, .pwd-instruct-mandatory:after { content: "\e083"; font-family: var(--font-vault); }
.pwd-instruct, .pwd-instruct-active, .pwd-instruct-mandatory { 
    font-size: 0.5rem;
    width: 17px;
    height: 17px;
    line-height: 15px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    margin-right: 5px;
}
.pwd-instruct { border: 1px solid #8f9496; background: var(--bg-white); }
.pwd-instruct-active { border: 1px solid var(--border-green); color: var(--txt-white); background: var(--bg-green); }
.pwd-instruct-mandatory { border: 1px solid var(--border-red); color: var(--txt-red); }

ul.pagination-link { float: var(--float-left); margin: 3px 10px 0 5px; }
ul.pagination-link li {  display: inline-block; text-align:center; }
ul.pagination-link li a { font-size: 0.875rem; display: block; }
.pagination-link-inner { border: 1px solid var(--border-gray-lighter); background: var(--bg-white); width: 30px; height: 30px; line-height:30px; }
.pagination-link-inner a { font-size: 0.75rem !important; }

.left-toggle-icon, 
.left-toggle-icon-reset {float: var(--float-left); width: 30px; margin-top:3px; cursor:var(--cursor-pointer);}
.left-toggle-icon i { font-size: 1rem; }
.filter-links { float: var(--float-left); }
.folder-filter-links { float: var(--float-left); margin-left:-10px; }
.filter-links-icons { float: var(--float-left); line-height: 0; }
ul.filter-links-icons li { height: 35px; display: inline-block; }
.filter-links-icons li a {     
	text-align: center; 
	font-size: 1rem; 	
    position: relative; 
    border-radius:100%;
    display: inline-block;
    height: 35px;
    width:35px;
}
.filter-links-icons li a i { 
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	vertical-align: var(--vertical-middle);
	display: inline-block;
	height: 16px;
}
a.filter-add-link { 
    background: var(--bg-green);
    border-radius: 3px !important;
    width: auto !important;
    height: 26px !important;
    display: block !important;  
    float: left;
    padding: 13px 10px;
    color: var(--txt-white) !important;
    font-size: 0.8125rem !important;
    margin: 5px 5px 0 10px;
    opacity:0.9;
}
a.filter-add-link:hover { background: var(--bg-green) !important; opacity:1;}

/** Filter Result Start **/
.filter-result-list-left { width: 60px; }
.filter-result-list-right { width: calc(100% - 60px); }
ul.filter-result-list li { float: var(--float-left); margin:1px 3px 1px 0; }
.filter-clear { font-size: 0.75rem; margin-top: 3px; float: left;}
ul.filter-result-list li a, ul.filter-result-list li abbr { padding: 1px 5px; border: 1px solid ; display:block; color: var(--txt-black); border-radius:3px; }
ul.filter-result-list li a .filter-result-close,
ul.filter-result-list li abbr .filter-result-close
 { 
    font-size: 0.45rem;
    float: var(--float-right);    
    padding: 4px 0 0 2px;
    line-height: 0;
    margin: 5px 0 0 5px;
}
.zv-field-detail .filter-result-list { position: relative; top: 3px; word-break: break-word; }
.zv-field-detail .filter-result-list li abbr { 
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    max-width: 200px;
 }
#filterIcon { position: relative; }
.filter-icon-btn {  background: var(--bg-gray) !important; position:relative; }
.filter-icon-btn:after {     
    content: "";
    background: var(--bg-gray);
    border: 1px solid var(--gray-border-04);
    position: absolute;
    height: 12px;
    width: 100%;
    left: -1px;
    bottom:-7px;
    border-bottom: none;
    border-top: none;
}
.filter-show-panel { 
    padding: 10px; 
    border: 1px solid var(--border-gray); 
    background: var(--bg-gray); 
    margin-top: 5px; 
    width:100%; 
    display: none;
    /* transform: scaleY(0);    
    transform-origin: top;
    transition: transform 0.26s ease; */   /* updated for deepak due to removing inline css */
}
.filter-show-panel-height { transform: scaleY(1); }
/** Filter Result End **/

select.vault-selectbox { height: 20px; padding: 0;}
.checkbox-head { height: 25px; width: 15px; float: var(--float-left);  position: relative; margin-right:7px; margin-top: 3px; }
.checkbox-head input { width:14px; height: 14px; }
.checkbox-head .dropdown-toggle:after { position: relative; top: 3px;}
.view-change-panel { float:right; margin-left:10px; }
.view-change-panel ul li { 
    margin-left:-1px; 
    background: var(--bg-white); 
    border: 1px solid #dee0ec; 
    width: 35px; 
    height: 35px; 
    float: var(--float-left); 
    padding:3px 9px; 
    position: relative; 
    font-size: 0.875rem; 
}
.view-change-panel ul li:hover { cursor: var(--cursor-pointer); }
.view-change-panel ul li a { }
.pagination-select { height: 30px; background: var(--bg-white); border: 1px solid var(--border-gray-lighter); margin: 0 0 0 5px; min-width: 45px; }
.view-change-panel-selected { background: var(--gray-bg-01) !important;}
/**** Page Title, Filter Panel, Pagination End ****/

/**** Z logo page header start ****/
.zod-launcher-icon {
    /* position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 50px;
    padding-top:16px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms; */
}
.zod-launcher-icon span {
    float: left;
    display: block;
    background: var(--bg-white);        
    width: 4px;
    height: 4px;
    margin: 1px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}
.zod-launcher-icon-wrapper:hover div span.five {
    -webkit-transform: skew(-40deg) scaleX(1.7);
    -moz-transform: skew(-40deg) scaleX(1.7);
    -ms-transform: skew(-40deg) scaleX(1.7);
    transform: skew(-40deg) scaleX(1.7);
    opacity: 1;
    filter: alpha(opacity = 100);
}
.zod-launcher-icon-wrapper:hover div span.two, .zod-launcher-icon-wrapper:hover div span.eight {
    -webkit-transform: skew(-40deg) scaleX(4);
    -moz-transform: skew(-40deg) scaleX(4);
    -ms-transform: skew(-40deg) scaleX(4);
    transform: skew(-40deg) scaleX(4);
    opacity: 1;
}
.zod-launcher-icon-wrapper:hover .zod-launcher-icon-dark span { background-color: var(--txt-white) !important; }
.zod-launcher-icon-wrapper:hover div span {
    -webkit-transform: skew(-40deg);
    -moz-transform: skew(-40deg);
    -ms-transform: skew(-40deg);
    transform: skew(-40deg);
    opacity: 0;
}
/**** Z logo page header end ****/

/**** Container Card View Start ****/
.container-panel { float: var(--float-left); width: var(--containerWidth); background:var(--bg-white); }
.container-panel-subpages, .dashboard-container-panel-subpages { padding:0 15px 0 15px; width: 100%; float: var(--float-left); }
.password-list-panel { 
    float: var(--float-left); 
    /*overflow-y: auto; */
    padding:15px 7.5px; 
    width: 100%; 
    border-top:1px solid var(--border-gray-lighter);
}
.password-list-panel-div { margin-top:7px; }

.password-detail-page-scroll { padding-top: 15px; }
.card-view-password-list { width:188px; height:150px; float: var(--float-left); padding: 0 7.5px; margin-bottom: 16px; }
.card-view-password-list-inner { 
	background: var(--bg-white);    
    border: 1px solid var(--gray-border-02);
	float: var(--float-left); 
	width: 100%; 	
    border-radius: 3px; 
	padding: 20px 20px 0;	
    position: relative;   
    height:100%;
    overflow: hidden; 
    cursor: var(--cursor-pointer);  
    transition: all 0.2s ease-in-out;   
}
.card-view-password-list-inner:hover { border: 1px solid }
.password-list-inner-selected:hover { border: 1px solid }
.password-list-inner-selected .card-view-list-checkbox, .password-list-view-selected .card-view-list-checkbox  { display: inline-block !important; }
.mark-as-favorite { display: inline-block !important; color: var(--txt-orange) !important; }
.card-view-password-add-new { text-align: center; }
.card-view-add-password { width: 60px; height: 60px; display:inline-block; }
.card-view-add-password-panel { background: #f8fcff !important; border: 1px dashed; padding: 10px 0 !important; }
.card-view-add-password-panel:hover { border: 1px dashed #6c737d !important; }
.card-view-list-left { width: 50px; text-align: center; position:relative; margin: 0 auto;}
.list-view-passwords-list .card-view-list-left-img { width: 40px; height: 40px; margin-top: 5px; } 
.card-view-list-left-img { 
    height: 50px; 
    width: 50px; 
    display:inline-block; 
    background-repeat: no-repeat !important;  
    border-radius: 3px;
    vertical-align: var(--vertical-middle);
 }
 .card-view-list-no-image { 
    width: 50px;
    height: 50px;   
    color: var(--txt-white);
    background-color:var(--bg-white);
    display: inline-block;
    vertical-align: var(--vertical-middle);
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 1rem;
    font-weight: 500;
}
.card-view-list-no-image:hover { cursor:move !important; }
.list-view-passwords-list .card-view-list-no-image { width: 45px; height: 45px; line-height: 45px;  }
.password-details-title-img .card-view-list-no-image { margin-top: 0 !important; }
.card-view-list-right { width: 100%; text-align:center; margin-top:5px; }
.card-view-password-description, .card-view-password-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0 0 0; }
.card-view-password-name { font-weight: 500; }
p.card-view-password-description { margin:0px; font-size: 0.8125rem; color: rgba(0,0,0,0.65); }
.card-view-right-icon-list { position: absolute; right: 12px; top: 7px; cursor: var(--cursor-pointer); font-size: 1rem; }
.card-view-favorite-selected { display:inline-block !important; color: #ff873e; position:relative; top:4px; }
.sharebyme { color: var(--txt-purple); }
.sharetome { color: var(--txt-green); }
.jstree-anchor .sharebyme { color: var(--txt-purple); width: 11px !important; margin-left: -1px !important; margin-right: 6px !important; }
.jstree-anchor .sharetome { color: var(--txt-green); width: 11px !important; margin-left: -1px !important; margin-right: 6px !important; }
/* .jstree-anchor>.jstree-themeicon { width: 0 !important; } */

.no-folder-icon {width: 0 !important;}
.lefttree-icon { font-size: 0.9375rem !important; color: #555; }
.card-view-password-list-inner:hover .card-view-favorite { display:inline-block; } 

.password-list-view-selected .card-view-password-icons ul { display: block !important; }

.list-view-passwords-list .password-list-view-selected .card-view-favorite { display: inline-block;}
.list-view-passwords-list .card-view-access-control-icon { left: 25px; }
.password-icons-bottom-fixed { bottom: 0 !important;}
.card-view-password-icons { 
    display: block; 
    position: absolute;
    bottom: -55px;
    background: var(--bg-gray);
    width: 100%;
    left: 0;
    padding: 6px 0; 
    border-radius:0 0 5px 5px;  
    z-index:1;
    text-align: center;
    transition:all 0.2s ease-in-out;
}
.card-view-access-control-icon {
    position: absolute;
    top: 25px;
    right: -14px;
    font-size: 1rem;
    width: 30px;
    height: 30px;   
    background: var(--bg-white);
    padding: 0px 6px;
    border-radius: 100%;
    border: 1px solid #f2f2f2; 
}
.card-view-password-list-inner:hover .card-view-password-icons { bottom: 0; }
.card-view-password-list-inner:hover .card-view-list-checkbox  { display: block; }
.card-view-password-icons li { display:inline-block; }
.card-view-password-icons li a {        
    font-size: 0.9375rem;
    background: transparent;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    border-radius: 100%;
    
}
.card-view-list-checkbox { position: absolute; top:8px; left: 11px; display: none; z-index:1; width:22px; }
.card-view-access-control { font-size: 0.875rem; color: var(--txt-red); }

.circle-bank-account { background-position: -162px -13px; }
.circle-web-account { background-position: -112px -15px; }
.circle-unix { background-position: -60px -12px; }
.circle-windows { background-position: -9px -13px; }
.circle-file-store { background-position: -60px -66px; }
.circle-login { background-position: -9px -13px; }
.circle-social-security-number { background-position: -112px -67px; }
.circle-health-care { background-position: -7px -66px; }

.circle-bank-account, 
.circle-creditcard, 
.circle-driving, 
.circle-file-store, 
.circle-health-care, 
.circle-identity, 
.circle-login, 
.circle-membership,
.circle-note,
.circle-passport,
.circle-social-security-number,
.circle-web-account,
.circle-windows,
.circle-unix,
.circle-passwords { height: 50px; width: 50px; display: inline-block; }
.category-sprite { background-image: url(../images/category-sprite.291e8640f13ee1b3ab71cd506f95b1d6.svg) !important; background-repeat: no-repeat; background-color: transparent !important; }
.circle-passwords { height: 50px; width: 50px; display: inline-block; border-radius: 100%; }
.circle-passwords i { font-size: 1.5rem !important; line-height:54px; margin:0 !important; }

.list-view-passwords-list .category-sprite { background-size: 350px 350px; }
.list-view-passwords-list .circle-bank-account, 
.list-view-passwords-list .circle-creditcard, 
.list-view-passwords-list .circle-driving, 
.list-view-passwords-list .circle-file-store, 
.list-view-passwords-list .circle-health-care, 
.list-view-passwords-list .circle-identity, 
.list-view-passwords-list .circle-login, 
.list-view-passwords-list .circle-membership,
.list-view-passwords-list .circle-note,
.list-view-passwords-list .circle-passport,
.list-view-passwords-list .circle-social-security-number,
.list-view-passwords-list .circle-web-account,
.list-view-passwords-list .circle-windows,
.list-view-passwords-list .circle-unix,
.list-view-passwords-list .circle-passwords { height: 40px; width: 40px; display: inline-block; }

.list-view-passwords-list .circle-bank-account { background-position: -145px -13px; }
.list-view-passwords-list .circle-web-account { background-position: -102px -14px; }
.list-view-passwords-list .circle-unix { background-position: -55px -12px; }
.list-view-passwords-list .circle-windows { background-position: -9px -13px; }
.list-view-passwords-list .circle-file-store { background-position: -54px -59px; }
.list-view-passwords-list .circle-login { background-position: -9px -13px; }
.list-view-passwords-list .circle-social-security-number { background-position: -100px -60px; }
.list-view-passwords-list .circle-health-care { background-position: -9px -58px; }
.list-view-passwords-list .circle-passwords { width:40px; height:40px; }
.list-view-passwords-list .circle-passwords i { line-height: 43px; }
/**** Container Card View End ****/

/**** Password List View Details Start ****/
/*.password-list-view-details-panel {  this is for workplace / 50%
    width:50%; 
    position: relative;
    padding: 20px;
    float: left;
    background: var(--bg-gray);
    right:-50%;
    top:-80px;
    height: calc(100% - 48px);
    opacity:1;
    z-index: 1;
    transition: all 0.1s ease-in-out;
}*/
.password-list-view-details-panel { 
    width:500px; 
    position: absolute;
    padding: 20px;  
    /*border-top: 1px solid #ebedf2;*/
    float: left;
    background: var(--bg-gray);
    right:-500px;
    top:48px;
    height: calc(100% - 48px);
    opacity:1;
    z-index: 1;
    transition: all 0.1s ease-in-out;
}
.password-list-view-details-panel:before { 
    /*content: "";*/
    position: absolute;
    width: 1px;
    height: 100px;
    top: -88px;
    background: #dfe1e8;
    left: -1px;
}
.list-view-passwords-list .password-list-view-selected { background: var(--bg-gray); padding: 1px 205px 1px 45px !important; }
.list-view-passwords-list .password-list-view-selected:before { 
    content: "";
    position: absolute;
    width: 2px;
    height: 70px;
    left: 0;
    top: 0; 
}
.list-view-passwords-list .password-list-view-selected:after { 
    position: absolute;
    width: 2px;
    height: 68px;
    right: -2px;
    top: 1px;
    background: var(--bg-gray);
    content: "";
    z-index: 1;
}
.list-view-passwords-list .password-list-view-details-close { position: absolute; right: -20px; top: 10px; }
.password-details-slider .password-list-view-details-close { position: absolute; right: -15px; top: 10px; }
/**** Password List View Details End ****/

/**** Password details start ****/
.add-password-row-group { display: table; width: 90%; position: relative; }
.add-password-row-group:after { content: ""; width: 10%; position: absolute; height: 50px; left: 100%; }
/*.add-password-left { display: table-cell; width: 80px; vertical-align: top; text-align: center; position: relative; }
.add-password-right { display: table-cell; width: calc(100% - 80px); vertical-align: top; float: left; }
.add-password-left-icon { font-size: 1.125rem; margin-top: 20px; display: block; } */
.add-password-row-group:hover .add-password-plus-minus { display: inline-block !important; }

.add-password-two-col { width:50%; float:left; }
.add-password-one-col { width:100%; float:left; }
.add-password-col-left { float:left; width: 65px; text-align: center; position: relative; top:5px; min-height:10px; }
.add-password-col-right { float:right; width: calc(100% - 65px); vertical-align: top; position:relative; word-break: break-word; }
.add-password-col-left i { font-size: 1.125rem; margin-top: 20px; display: block; }
.add-password-display-icon-remove, .add-password-display-icon { 
    width: 40px; 
    height:40px; 
    display: inline-block; 
    cursor: pointer;
    border:1px dashed var(--gray-border-04);
    border-radius: 100%;
    position: absolute;
    top:-10px;
}
.password-detail-page .add-password-col-left, .password-list-view-details-panel .add-password-col-left { top:-6px; }
.add-password-display-icon-remove img, .add-password-display-icon img { width: 100%; height: 100%; }
.add-password-display-icon-remove { border:none !important; }
.add-password-col-left:hover .add-password-display-icon-remove:after { cursor: pointer;
    cursor: pointer;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--bg-gray-lighter);
    content: "\5a";
    font-family: var(--font-vault);
    border-radius: 100%;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 1;
    border: 1px solid var(--border-gray-lighter);
}
.password-detail-page .add-password-row-group { width:90%; }
.add-password-custom-dropdown { 
    border: none; 
    border-radius: 0; 
    border-bottom: solid 1px var(--border-gray-lighter); 
    box-shadow:none !important; 
    padding: 4px 25px 4px 10px !important; 
}
.add-password-custom-dropdown:hover { border:none !important; border-bottom: solid 1px var(--border-gray-lighter) !important; }

ul.add-password-plus-minus li { display:table-cell; }
ul.add-password-plus-minus li a, ul.add-password-plus-minus li abbr { 
    border-radius: 100%;
    font-size: 1rem;   
    height: 30px;
    width: 30px;
    display: inline-table;
    background: transparent;
    text-align: center;
    vertical-align: middle;    
 }
 ul.add-password-plus-minus li a i, ul.add-password-plus-minus li abbr i { display: table-cell; }
 ul.add-password-plus-minus li abbr:hover { background: none; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; }
.category-label-text { font-size: 0.75rem; }
.form-group .label-control {   
    display: block;
    font-size: 0.8125rem;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    pointer-events: none;
    height: 100%;
    overflow: hidden;
}
.form-group .label-control::before,
.form-group .label-control:after { content: ""; left: 0; position: absolute; bottom: 0; width: 100%; }
.form-group .label-control:before { border-bottom: 1px solid var(--border-gray-lighter); transition: transform 0.2s; }
.form-group .label-control:after { border-bottom: 1px solid; transform: translate3d(-100%, 0, 0); transition: transform 0.2s; }
div.form-control { min-height:35px; line-height:16px; word-break: break-all; }
.form-control { 
    border: none; 
    border-radius: 0; 
    margin-top: 10px; 
    padding: 13px 0 10px !important;
    width: 100%; 
    font-size: 0.8125rem; 
    }
.form-control:focus { outline: none; box-shadow: none; }
textarea.form-control { padding:0 !important; position: relative; top: 8px; background: none; } 
.form-group .label-control .label-text {
    transform: translate3d(0, 20px, 0) scale(1);
    transform-origin: left top;
    transition: 0.2s;
    position: absolute;
}
.active .label-control::after { transform: translate3d(0%, 0, 0); }  /* This is for lable animation have some blue color*/
.active .label-control .label-text {
    opacity: 1;
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);    
    font-size: 0.75rem;
}
.deactive .label-control::after { transform: translate3d(0%, 0, 0); } /* This is for lable animation with gray color */
.deactive .label-control .label-text {
    opacity: 1;
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    color: var(--txt-gray-darker) !important;
    font-size: 0.75rem;
}
.deactive .label-control::after { border-color: var(--border-gray-lighter) !important; }
.errormsg-text { 
    color: var(--txt-red);
    position: absolute;
    bottom: -25px;
    left: 0;
    font-size: 0.6875rem;
    margin: 0;
    z-index: 1;
    /* line-height: 12px;
    width: 100%; */
}
.errormsg .label-control:after,
.errormsg .label-control:before,
.errormsg .lyteInput .lyteField,
.errormsg .select2-container--default .select2-selection--single, 
.errormsg .select2-container--default .select2-selection--multiple { border-color: var(--border-red) !important; } /* This is for error message border red */
.input-field label:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #B9C1CA;
    transition: transform 0.2s;
}
.password-detail-page .form-group .label-control:after { border: none; }
.password-detail-page .active .label-control .label-text { 
    color: var(--txt-gray-darker) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    max-width: 580px;
 }
.password-show-hide { position: absolute; top: 0; right:0; }
.password-show-hide ul.add-password-plus-minus { width:auto; }
.add-password-upload-doc-panel { 
    border-bottom: 1px dashed var(--border-gray);
    padding: 2px 0;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
.filename { width: 60%; overflow: hidden; text-overflow: ellipsis; display:inline-block; vertical-align: middle; }
.custom-field-plus-minus { position: absolute; left: -6px; top: -8px;}
.file-attached-label { position:absolute; font-size: 0.75rem; z-index:1; }
.max-file-size { position: absolute; left: 0; bottom: -24px; }
.calendar-show { 
    position: absolute;
    width: 30px;
    height: 30px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    right:-35px;
    top:20px;
    border-radius: 100%;
    cursor: pointer;
}
.calendar-show-input { 
    border:none; 
    background-position: -460px -18px !important; 
    height: 25px; 
    width: 25px !important; 
    vertical-align: var(--vertical-middle); 
    cursor: pointer; 
}

.add-password-row-group .select2-container--default .select2-selection--single,
.add-password-row-group .select2-container--default .select2-selection--multiple { 
    border-bottom: 1px solid var(--gray-border-02) !important;
    background: none !important;
    margin-top: 17px !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
}
.add-password-row-group .select2-container--default .select2-selection--single .select2-selection__arrow { top: 19px !important; }
.add-password-row-group .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left:0 !important; }
.add-password-row-group lyte-dropdown lyte-icon.dropdown { right:7px !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { 
    background-color: var(--secondary-bg-blue)!important; 
    color:#3e475a !important; 
}
.select2-results__message { display: none !important; }
.select2-results__option { word-break: break-all; }
.dropdown-border-bottom { border: none; padding-left: 0px !important; border-bottom: solid 1px var(--gray-border-05); }
.dropdown-border-bottom:hover { border: none; }
/**** Password details start ****/

.password-search-panel { float: left; position: relative; }
.password-search-panel input[type=text] {
    width: 250px;
    box-sizing: border-box;
    border:none;
    border-radius: 30px;
    padding-left:30px;
    background: var(--bg-white); 
    border: 1px solid var(--gray-border-02);
    min-height:30px
  }
.password-search-magnifier { position: absolute; top: 8px; left: 10px; font-size: 0.875rem; cursor: pointer; }
.password-search-close { 
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 0.5rem;
    cursor: pointer;
    background: var(--bg-gray);
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
 }
.password-search-close i { margin-right: 0 !important; font-size: 0.5rem !important;}

/**** Container List View Start ****/
.list-view-passwords-list .password-list-inner-selected:before { content:""; height: 70px; width: 2px; position: absolute; left: 0; top: 0; }
.list-view-passwords-list { margin: 0; padding: 0 !important; }
.list-view-passwords-list .password-list-panel { padding:0; margin-top:0px; }
.list-view-passwords-list .card-view-password-list { width: 100%; margin: 0; padding: 0; height: 64px;  }
.list-view-passwords-list .card-view-password-name { width: 100%; margin:0; font-size: 0.875rem; font-weight: 500; line-height: 22px; }
.list-view-passwords-list .card-view-password-description text-default { line-height: 22px; }
.list-view-passwords-list .card-view-password-list-inner { 
	min-height: auto;
    box-shadow: none;
    border-width: 0 0 1px 0 !important; /* Do not change */
    border-color: #f7f7f7 !important; /* Do not change */
    padding: 1px 60px 1px 45px;
    border-radius: 0 !important;
    transition: all 0s ease-in-out;
}
.list-view-passwords-list .password-icons-bottom-fixed ul { display:block !important; }
.list-view-passwords-list .card-view-password-list-inner:hover { 
    background:var(--hover-gray);
    position: relative; 
    z-index: 1; 
    border-width: 0 0 1px 0;
    border-color: #f7f7f7 !important; 
    padding: 1px 205px 1px 45px;
}
.list-view-passwords-list .card-view-password-list-inner-selected { border-left: 4px solid !important; background: #edf3ff; }
.list-view-passwords-list .card-view-password-list-inner:hover .card-view-password-icons ul { display:block; }
.list-view-passwords-list .card-view-password-list-inner:hover .card-view-favorite { display: inline-block; }
.list-view-passwords-list .card-view-password-icons {     
    position: absolute;
    top: 0;
    right: 45px;
    left:auto;
    width: auto;
    height: 64px;
    bottom: 0;
    padding: 16px 10px;
    background: none;   
}
.list-view-passwords-list .card-view-password-icons ul { display:none; float:left; }
.list-view-passwords-list .card-view-list-checkbox { display:none; left: 16px; top:6px; }
.list-view-passwords-list .card-view-list-left { width:45px; float: var(--float-left);  }
.list-view-passwords-list .card-view-list-right { padding-left: 15px; float: var(--float-left); width: calc(100% - 50px); text-align:left; margin: 0; }
.list-view-passwords-list .card-view-favorite { position: absolute; top: 34px; left: 12px; display: none; z-index: 11; }
.list-view-passwords-list .card-view-favorite i { line-height: inherit; }
.list-view-passwords-list .card-view-right-icon-list { left: 3px; top: -2px; }
.list-view-passwords-list .sharetome, .list-view-passwords-list .sharebyme { position: absolute; right: 10px; top:18px; }
.list-view-passwords-list .card-view-password-list-inner:hover .sharetome,
.list-view-passwords-list .card-view-password-list-inner:hover .sharebyme { right:10px; }
.list-view-passwords-list .card-view-password-list { position: relative; }
.list-view-passwords-list .card-view-password-list-inner { position: static; }
.list-view-passwords-list .password-list-view-selected:hover { position: static !important;}

/**** Container List View Start ****/

/**** Password filter panel start ****/
.password-filter-panel, .password-more-panel, .grant-access-panel { 
	position: absolute;   
    background: var(--bg-white);
    width: 260px;   
    box-shadow: 0px 5px 8px 3px var(--shadow-rgba-02);
    overflow: visible !important;
    z-index: 1;
    display: block;	
	border-radius: 0 0 5px 5px;
	padding: 10px 0;
	display: none;
}
.password-filter-panel:before, .password-more-panel:before, .grant-access-panel:before {
    width: 0;
    height: 0;
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #dde2e8;
    position: absolute;
    top: -10px;    
}
.password-filter-panel { top: 69px; right: 5px; }
.password-more-panel { top: 69px; right: 5px; }
.password-filter-panel:before { right: 25%; }
.password-more-panel:before { left: 50%; }
.grant-access-panel:before { left: 50%; }
/**** Password filter panel end ****/

/***** Multi select start *****/
.multi-select-panel { width:145px; }
.multi-select-panel input { width: 100%; }
ul.list-multi-select { }
ul.list-multi-select li { border-bottom: 1px solid var(--bg-gray); padding: 2px 10px; }
ul.list-multi-select li:hover { background: var(--hover-gray) }
ul.list-multi-select li input[type="checkbox"] { margin-right:10px; }
/***** Multi select end *****/

ul.vault-common-list li a { font-size: 0.8125rem; padding: 4px 10px; display: block; border-left: 4px solid var(--border-white); position:relative; }
ul.vault-common-list li a:hover { background: #f3f7fe; }
ul.vault-common-list li a i { margin-right:10px;}
ul.vault-common-list-icons li { display: inline-block; padding: 0 5px; }
ul.vault-common-list-icons li a { font-size: 1rem; }

ul.action-icon-list { float: var(--float-left); margin:0 5px; }
ul.action-icon-list li { float: var(--float-left); } 
ul.action-icon-list li a {
    width: 35px;
    height: 35px;
    border: 1px solid var(--border-gray);
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    line-height: 35px;   
    font-size: 0.9375rem;   
    margin-right: -1px;
 } 
 ul.action-icon-list li a:hover { background: var(--bg-gray); }
ul.vault-list { margin:0 5px; }
ul.vault-list li { display:inline-block; } 
ul.vault-list li a {    
    font-size: 1rem;
    background: transparent;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    border-radius: 100%;
    color: var(--txt-primary);
 } 
 /*** Right side fixed panel start ***/
.right-side-bar { 
    position: fixed; 
    height: calc(100% - 48px); 
    background-color: var(--bg-gray); 
    right: 0; 
    width: 48px; 
    top: 48px; 
	z-index:2;
    border-left: 1px solid var(--border-gray-lighter);     
}
.right-side-bar-top { position: absolute; top: 0; }
.right-side-bar-bottom { position: absolute; bottom: 0; }
ul.right-side-bar-list { width:48px; padding: 10px 0px; }
ul.right-side-bar-list li { text-align:center; }
ul.right-side-bar-list a { 
    font-size: 1rem;     
    width:32px; 
    height: 32px; 
    line-height: 32px;
    text-align:center;
    display:inline-block;
    border-radius: 100%; 
    margin:6px 0;  
    position: relative;
}
ul.right-side-bar-list a i { font-size: 1.125rem;}
ul.right-side-bar-list a:hover { opacity:1; background:rgba(0,0,0,0.03)}
.indication-announcement { 
    background: #ef4c4c;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 3px;
}
/*** Right side fixed panel end ***/

/*** Folder panel start ***/
.folders-container-panel { float: var(--float-left); height: 100%;  background: var(--bg-gray); position:relative;  }
.folder-list-panel { /*overflow: auto;*/ overflow:hidden; float: var(--float-left); width: 100%; border-right: 1px solid var(--border-gray-lighter); }
.passwords-container-panel { float: var(--float-left); width: calc(100% - 48px); background: var(--bg-white); } /* bg color white added for workplace project */
.folder-panel-expand, .folder-panel-collapse {  
    transition: all 0.3s ease-in-out 0s; 
    z-index: 12; 
    position: absolute; 
    box-shadow: rgb(0 0 0 / 20%) -2px 3px 16px; 
} 
.dropdown-toggle:after {   
    vertical-align: .255em;
    content: "\26";
    font-family: var(--font-vault);
    font-size: 0.625rem;
    width: 0;
    display: inline-block;
}
.move-folder-panel { max-height: 300px; overflow: auto; overflow-x: hidden; }
.move-folder-panel td { padding: 5px 10px !important; }
.move-folder-panel td .table-profile-no-image { width: 35px; height: 35px; line-height: 35px; padding: 0 10px; }

.folders-page-table-row { display:flex; align-items: center; width:100%; border-top:1px solid var(--tbl-border-gray); padding: 2px 0; transition:all 0.2s ease-in-out; }
.folders-page-table-row:hover { background: var(--hover-gray) }
.folders-page-table-col { display:flex; align-items: center; padding: 2px 10px; box-sizing: content-box; font-weight: 500 !important; }
.folder-icon-left{ position: absolute; left: 15px; top: 9px;}

.folders-page-table-col:nth-child(1) { padding-left:40px; position:relative; flex: 1; }
.folders-page-table-col:nth-child(2) { width: 300px; }
.folders-page-table-col:nth-child(3) { width: 170px; }
.folders-expand { 
    position: absolute;
    left: 14px;
    top: 2px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.folders-expand:hover { background: var(--treeListSelectedBgColor); }
.folder-page-profile-image {    
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-flex;
    align-items: center;
    vertical-align: var(--vertical-middle);
    font-size: 1rem;
    text-align: center;   
    justify-content: center;
}
.subfolder-checkbox { position: absolute; right: 0px; top: 15px; }
.folders-page-table-col .table-text-title { font-weight: 400; font-size: 0.8125rem; }
.folder-list-drop {
    border: 1px dashed var(--border-blue);
    background: #eff5ff;
    border-radius: 4px;    
}
.folder-sharing-folder-name { display:block; font-weight: 500; font-size: 0.875rem; }
.password-drag { 
    border: 1px solid var(--border-blue);
    box-shadow: 1px 4px 7px var(--shadow-rgba-02);
    cursor: move;
}
.draganddrop-pop { 
	background: var(--bg-white);
    box-shadow: 0px 2px 4px var(--shadow-rgba-02);
    display: inline-block;
    width: auto !important;
    height: auto !important;
    padding: 7px 10px;
    top:-150px;
    opacity:1;
    z-index:999999;
}
#jstree-dnd { 
	background: var(--bg-white);
    box-shadow: 0px 2px 4px var(--shadow-rgba-02);
    width: auto;
    display: inline-block;
    padding: 7px 12px;
    top:-150px;
    opacity:1;
    z-index:999999;
}
#jstree-dnd .jstree-icon { display: none;}
/*** Folder panel end ***/ 

/*** Dashboard start ***/ 
ul.vault-dashboard-password-list li { width: 33.333%; float: left; height: 140px; position: relative;}
ul.vault-dashboard-password-list li span {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 100%;
    float:left;
    text-align:center;
}
ul.vault-dashboard-password-list li span i { font-size: 1rem; }
.vault-dashboard-password-list-inner-left { float: left; width:45px; }
.vault-dashboard-password-list-inner-right { float:left; width: calc(100% - 48px); }
.bg-dashboard-blue, .legend-good { background-image: linear-gradient(to left top, #4780da, #6dc2fd); }
.bg-dashboard-red, .legend-poor { background-image: linear-gradient(to left top, #f74d4d, #fc8787); }
.bg-dashboard-orange, .legend-fair { background-image: linear-gradient(to left top, #f7c628, #fdd963); }
.bg-dashboard-green, .legend-excellent { background-image: linear-gradient(to left top, #02b76d, #36eaa0); }
.bg-dashboard-purple, .legend-excellent { background-image: linear-gradient(to left top, #7a72ed, #8f88f9); }
.bg-dashboard-blue:before, .bg-dashboard-red:before, .bg-dashboard-orange:before, .bg-dashboard-green:before, .bg-dashboard-purple:before {
    content: "";
    background: var(--bg-white);
    width: 40px;
    height: 30px;
    display: inline-block;
    border-radius: 40% 5px 90% 5px;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0.2;
}
.password-score-left-panel { width:300px; float: left; text-align: center; margin-top:-10px; }
.password-score-right-panel { float: left; width: calc(100% - 300px); margin-top:-10px; }
.dashboard-ring-chart-vtext {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    height: 40px;
    right: 0;
    bottom: 0;
    text-align: center;
}
.dashboard-ring-chart-vtext h4 { font-size: 1.4375rem; margin: 5px 0 9px; font-weight: 500; }
.dashboard-ring-chart-vtext p { font-size: 0.75rem; line-height: 0; }
.dashboard-ring-score h4 { font-size: 3.875rem; margin: 6px 0 13px; letter-spacing: -3px; font-weight: 400; }
.dashboard-ring-score p { font-size: 1.125rem; line-height: 1; }
.dashboard-ring-score span { font-size: 1.875rem; margin-left: 2px; }
.dashboard-ring-score {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    height: 70px;
    right: 0;
    bottom: 0;
    text-align: center;
 }
ul.vault-dashboard-password-list li p { margin:0; }
ul.vault-dashboard-password-list li h3 { font-size: 0.8125rem; text-align: center; margin-top: -27px; font-weight: 400; }
.vault-dashboard-count-panel { float: var(--float-left); width: 100%; padding: 20px; box-sizing: border-box; }
.vault-dashboard-count-box {
    width: 30.33%;
    float: var(--float-left);
    border: 1px solid #E2E2E2;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 3px;
    margin-left: 20px;
    cursor: var(--cursor-pointer);
}
.vault-dashboard-count-box img { width: 35px; height: 35px; }
.vault-dashboard-count-box:first-child { margin-left: 0; }
.vault-dashboard-count-box p { margin: 6px 0 0; }
ul.dashboard-legends li { display: inline-block; margin: 0 10px; }
ul.dashboard-legends li span { height: 8px; width: 8px; display: inline-block; margin: 0 5px; border-radius: 100%; }
.dashboard-password-waves { position: absolute; width: 100%; left: 0; bottom: -6px; height: 85px; overflow: hidden; border-radius: 12px; }
ul.tags-list li { float: var(--float-left); margin: 1px; }
ul.tags-list li a { background: var(--bg-gray); padding: 1px 10px; margin: 2px; display: block; border-radius:20px; font-size: 0.75rem; }
ul.tags-list li a:hover { background: var(--border-gray-lighter); }
.most-used-panel { padding: 15px 5px; }
.most-used-panel-left { width: 50px; height: 50px; border-radius: 100%; display:inline-table; text-align: center; }
.most-used-panel-left i { font-size: 2rem; line-height: 32px; display: table-cell; }
.most-used-panel-right { float:right; width: calc(100% - 50px); padding-left:10px; }

.image-password-expiry, .image-user-score, .image-password-activity, .image-password-type, .image-numbers, .image-frequently {
    width: 130px;
    height: 130px;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
}
.image-password-expiry { background-position: -312px -16px; }
.image-user-score { background-position:-310px -163px; }
.image-password-activity { background-position: -181px 1px; }
.image-password-type { background-position: -18px -19px; }
.image-numbers { background-position: -164px -156px; }
.image-frequently { background-position: -298px -3px; }

.ticklabel, .legendlabel, .averageLegend ul li { font-family:var(--fontVaultTheme) !important; }

/*** Dashboard end ***/ 

/*** Site tour start ***/
.tour-panel { 
    position: fixed;
    width: 93%;
    height: calc(100% - 48px);
    z-index: 11111;
    left: 70px;
    top: 30px;
    display: table;
    border-radius: 15px 15px 15px 0;
}
.tour-panel-bg-0 { background: var(--tour-bg-1); }
.tour-panel-bg-1 { background: var(--tour-bg-2); }
.tour-panel-bg-2 { background: var(--tour-bg-3); }
.tour-panel-bg-3 { background: var(--tour-bg-4); }
.tour-panel-bg-4 { background: var(--tour-bg-5); }
.tour-panel-bg-5 { background: var(--tour-bg-6); }
.tour-panel-bg-6 { background: var(--tour-bg-7); }

.tour-panel-bg-0:before, 
.tour-panel-bg-1:before,
.tour-panel-bg-2:before,
.tour-panel-bg-3:before,
.tour-panel-bg-4:before,
.tour-panel-bg-5:before,
.tour-panel-bg-6:before { 
    content: "";
    width: 70px;
    background: transparent;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
.tour-panel-bg-0:after { top:45px;  border-right:10px solid var(--tour-border-1); }
.tour-panel-bg-1:after { top:120px; border-right:10px solid var(--tour-border-2); }
.tour-panel-bg-2:after { top:200px; border-right:10px solid var(--tour-border-3); }
.tour-panel-bg-3:after { top:275px; border-right:10px solid var(--tour-border-4); }
.tour-panel-bg-4:after { top:350px; border-right:10px solid var(--tour-border-5); }
.tour-panel-bg-5:after { top:425px; border-right:10px solid var(--tour-border-6); }
.tour-panel-bg-6:after { top:500px; border-right:10px solid var(--tour-border-7); }

.tour-panel-bg-0:after, 
.tour-panel-bg-1:after,
.tour-panel-bg-2:after,
.tour-panel-bg-3:after,
.tour-panel-bg-4:after,
.tour-panel-bg-5:after,
.tour-panel-bg-6:after { 
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;    
    content: "";
    position: absolute;
    left: -10px;    
}
.tour-panel-left { width:25%; display: table-cell; padding: 100px 50px; vertical-align: top; }
.tour-panel-right { width:75%; display: table-cell; padding: 70px 50px; vertical-align: middle; }
.tour-panel-right-image { 
    line-height:0; 
    width:100%;  
    border-radius: 3px; 
    margin:0 auto; 
    box-shadow: 2px -1px 15px 3px var(--shadow-rgba-01); 
    border: 5px solid var(--border-rgba-white-02); 
}
.tour-panel-right-image img { width:100%; height:100%; }
ul.tour-panel-slide-dots { text-align:center; }
ul.tour-panel-slide-dots li { display:inline-block; margin: 0 5px; }
ul.tour-panel-slide-dots li a { width: 10px; height: 10px; background: var(--bg-rgba-white-05); display: block; border-radius: 100%; text-indent: -9999px; }

.tour-panel-footer {
    background: rgba(0,0,0,0.3);   
    position: absolute;
    bottom: 0;    
    right: 0;
    margin: auto;
    left: 0;
    padding: 10px 20px; 
}
ul.tour-panel-footer-list li { float: left; margin:0 3px; }
ul.tour-panel-footer-list a { 
    width: 35px;
    height: 35px;
    line-height:35px;
    text-align:center;
    border-radius: 100%;
    background: var(--bg-rgba-white-01);
    display: inline-block;
    color:var(--txt-rgba-white-08);
}
ul.tour-panel-footer-list a:hover { color: var(--txt-white); }
a.skip-tour-btn, .skip-tour-btn { background: var(--bg-rgba-white-01); display: inline-block; color: var(--txt-rgba-white-08); border:none !important;}
a.skip-tour-btn:hover, .skip-tour-btn:hover  { opacity:1; color: rgba(255,255,255,1);}
/*** Site tour end ***/

/*** Transfer ownership start ***/
.transfer-list-selected { background: var(--secondary-bg-blue); }
.transfer-list-selected:hover { background: var(--secondary-bg-blue) !important; }
.transfer-list-selected:before {
    background: var(--bg-white);
    content: "\e083";
    font-family: var(--font-vault);
    font-size: 1.5rem;
    width: 38px;
    height: 38px;
    line-height: 40px;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    top: 8px;
    left: 15px;
    border: 1px solid;   
    text-align: center;
 }
 .zv-transfer-ownership-more-user-popover { padding: 10px 0 !important; }
/*** Transfer ownership end ***/

.vault-main-container { overflow: auto; padding: 20px; }

/**** Add Password Start ****/
.password-form-panel { width: 100%; float: var(--float-left); }
.form-group { display: table; width: 100%; position: relative; margin-bottom: 10px; }
.form-check { position: relative; display: block; margin-bottom: 10px; }
.form-check-inline { position: relative; display: inline-block; margin-right: 12px; }
.form-label { font-weight: 500; }
.form-field { position: relative; }
.form-field input[type="text"], 
.form-field input[type="password"], 
.form-field select, .form-field textarea { border: 1px solid var(--border-gray); height: 35px; width: 100%; font-size: 0.875rem; padding-left:10px; }
.password-details-field, .shopwdbgw { 
    border: 1px solid var(--border-gray); 
    font-size: 0.875rem; 
    padding: 3px 35px 3px 10px; 
    min-height:35px; 
    max-height:80px; 
    border-radius:2px; 
    display: block; 
    position: relative; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.password-details-field-pwd-text {     
    font-size: 0.875rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 96%;
    height: 35px;    
    padding: 4px 5px 0 10px; 
}
.defpwd_history { 
    padding-right: 35px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pwd-input-padding { padding-right: 50px; }
.input-with-showhide-icon { padding-right: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.form-vertical .form-label { display: table-cell; width: 270px; vertical-align: var(--vertical-middle); padding-right:20px; text-align:right; font-weight: 500; }
.form-vertical .form-field { display: table-cell; width:calc(100% - 280px); vertical-align: var(--vertical-middle); }
.form-vertical .form-field input[type="text"], .form-vertical .form-field textarea { width:100% }
.form-vertical .form-field-vertical { width: 250px; }
.form-vertical sub { font-size:  12px; }
.form-vertical .twocol { width: 350px; }

.form-vertical-big .form-label { display: table-cell; width: 550px; padding-right:15px; vertical-align: var(--vertical-middle); font-weight: 500;}
.form-vertical-big .form-field { display: table-cell; width:calc(100% - 550px); vertical-align: var(--vertical-middle); }
.form-vertical-big .form-field input[type="text"] { width:100% }

.form-vertical-md .form-label { display: table-cell; width: 360px; padding-right:15px; vertical-align: var(--vertical-middle); text-align:right; font-weight: 500; }
.form-vertical-md .form-field { display: table-cell; width:calc(100% - 360px); vertical-align: var(--vertical-middle); }
.form-vertical-md .form-field input[type="text"] { width:100% }

.form-vertical-small .form-label { display: table-cell; width: 190px; padding-right:15px; vertical-align: var(--vertical-middle); text-align:right; font-weight: 500; }
.form-vertical-small .form-field { display: table-cell; width:calc(100% - 190px); vertical-align: var(--vertical-middle); }
.form-vertical-small .form-field input[type="text"] { width:100% }

.form-vertical-xsmall .form-label { display: table-cell; width: 150px; padding-right:15px; vertical-align: var(--vertical-middle); text-align:right; font-weight: 500; }
.form-vertical-xsmall .form-field { display: table-cell; width:calc(100% - 150px); vertical-align: var(--vertical-middle); }
.form-vertical-xsmall .form-field input[type="text"] { width:100% }

.form-field textarea { height:105px; float: var(--float-left); }
.form-field input:focus, 
.form-field textarea:focus { background:#f8fdff; border:1px solid; outline: none;}
.form-field input.form-field-error, 
.form-field textarea.form-field-error { background:var(--bg-white); border:1px solid var(--border-red); }

.form-vertical .form-error-message, 
.form-vertical-small .form-error-message, 
.form-vertical-big .form-error-message, 
.form-error-message {
    position: relative;
    color: var(--txt-red);
    font-size: 0.6875rem;
    width: 100%;
    line-height: 18px;
    border: 0;
    float:left;
}
.form-success-message { color:var(--txt-green) !important; }
.form-active-message { background:#f8fdff; border:1px solid; }
.form-field-upload-doc-panel { background: var(--bg-gray); border: 1px dashed var(--border-gray); height: 35px; padding:5px 10px;}
.input-showhide-icon { position: absolute; right: 12px; top: 5px; }
.input-showhide-icon i { font-size: 1rem; margin-right:5px; }
.mandatory { color: var(--txt-red); font-size: 0.875rem; line-height: 0; vertical-align: var(--vertical-middle); }
.upload-clear { width: 235px; float: left; overflow: hidden; text-overflow: ellipsis; margin-left:10px; white-space: nowrap; }
.shopwdtxbgw { left: 0; top: 0; position: absolute; border: none; background: none; }
.pwd-text-show { 
    left: 0;
    top: -7px;
    position: absolute;
    border: none;
    background: none;
    width: 100%;
    padding: 0 30px 0 0;
 }
.hidepwd { 
    line-height: 12px !important; 
    position: relative; 
   /* top: 8px; we comment this for old */
    top: 4px; 
}
.password-generate { 
    background: var(--bg-gray-lighter);
    height: 33px;
    width: 33px;
    float: right;
    margin: -5px -6px 0 0;
    padding: 4px 8px;
    border-left: 1px solid var(--border-gray);
}
.password-generate i { margin: 0; font-size: 1.125rem; }
.onecol { width: 100%; float: var(--float-left); padding: 0 7.5px; position: relative; }
.twocol { width: 50%; float: var(--float-left); padding: 0 7.5px; position: relative; }
.threecol { width: 33.333%; position: relative; }
.password-details-title-img { 
    height: 50px;
    width: 50px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    float: left;
    margin-right: 15px;
 }
.password-detail-page-list-scroll { padding-top: 15px; }
 .password-details-title-img img { width:100%; height:100%; }
.password-details-sub-title { font-size: 0.8125rem; margin: 0; font-weight: 400; }
.password-details-lable { color: #b55702; }
.password-custom-group-left { width: calc(100% - 65px); float: var(--float-left); }
.password-custom-group-right { width: 60px; float: var(--float-left); margin-top:5px; margin-left:5px; position:relative; }
.password-custom-group aside, .password-custom-group-left aside { width: 32%; padding-left: 10px; float:left; position:relative; }
.password-custom-group aside:first-child, .password-custom-group-left aside:first-child { padding-left:0; }

.password-custom-group { margin-top:5px; }
.form-field-url-input { /*width: 320px !important;*/ width: 100% !important; }
.form-field-select-category { /*width: 345px !important;*/ width: 100% !important; }
.password-details-custom-group { margin-left: -10px; margin-right: -10px; margin-bottom:5px; }
.password-details-custom-group aside { width: 33.333%; float: var(--float-left); padding: 0 10px;}

/**** Add Password End ****/

/**** Tabs Start ****/
ul.vault-tabs-horizontal { border-bottom:1px solid var(--border-gray-lighter); margin-bottom: 15px; }
ul.vault-tabs-horizontal li { display: inline-block; margin-right:10px; }
lyte-tab-title, ul.vault-tabs-horizontal li a {    
    padding:1px 7px 7px 7px; 
    display: block; 
    font-size: 0.875rem; 
    transition:none; 
    border-bottom: 2px solid transparent; 
    margin-bottom: -1px;
    position: relative; 
}
llyte-tab-title.lyteTabActive, ul.vault-tabs-horizontal li a.selected { border-bottom: 2px solid; font-weight: 600; }
ul.vault-tabs-horizontal li a:after, 
ul.vault-tabs-horizontal li a:before,
lyte-tab-title:after,
lyte-tab-title:before { transition: all .2s; }
lyte-tab-title:after, ul.vault-tabs-horizontal li a:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent; 
  height: 2px;
}
lyte-tab-title:after { bottom: 0 !important; }
lyte-tab-title:hover:after, ul.vault-tabs-horizontal li a:hover:after { width: 100%; }
.sort-arrow-default { background-position: -337px -310px; }
.sort-arrow-up { background-position: -367px -310px; }
.sort-arrow-down { background-position: -397px -310px; }
.sort-arrow-default, .sort-arrow-up, .sort-arrow-down { height: 20px; width: 20px; vertical-align: var(--vertical-middle); }
/**** Tabs End ****/

/**** Edit classification start ****/
ul.classification-list { margin: 0 auto; width: 350px; }
ul.classification-list li { display: inline-block; width: 40%; text-align: center; margin: 20px 10px; }
.classification-list-inner { border: 1px solid var(--border-gray-lighter); padding: 20px;  border-radius: 3px;}
.classification-list-inner:hover { background: var(--hover-gray); color: var(--txt-gray-dark); }
.classification-list-inner i { display: block; font-size: 2.5rem; line-height: 40px; }
.classification-list-inner p { margin: 5px 0; font-weight: 600; }
/**** Edit classification end ****/

/**** Top alert start ****/
.top-alert-panel {    
    background: #ffefbe;
    text-align: center;   
    padding: 4px 5px;
    border-top: 3px solid #f1bf25;
    box-shadow: 0px 1px 3px var(--shadow-rgba-02); 
}
.top-alert-panel p { margin: 0; }
.top-alert-panel-close {
   position: absolute;
    top: 9px;
    right: 7px;
    font-size: 0.45rem;
    cursor: pointer;
    background: rgba(255,255,255,0.6);
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    line-height: 23px;
    color: var(--txt-black);
}
.emergency-access-panel { background: var(--bg-red); color: var(--txt-white); border-top: 3px solid var(--border-red); }
.top-alert-inner-span b { font-weight: 600 !important; }
.top-alert-inner-span a { font-weight: 600 !important; text-decoration: underline;; }
/**** Top alert end ****/

#vulnerableSecList .text-primary { color:var(--txt-blue) !important; }
#vulnerableSecList .text-success { color:var(--txt-green) !important; }
#vulnerableSecList .text-warning { color:var(--txt-orange) !important; }
#vulnerableSecList .text-danger { color:var(--txt-red) !important; }

/*** Notification start ****/

.notification-panel:before { 
    /*content: ""; */
    width: 11px;
    height: 11px;
    position: absolute;
    background: var(--bg-white);
    transform: rotate(45deg);
    display: block;
    box-shadow: -1px -1px 0 0 #e0e0e0;
    top: -5px;
    right:104px;
}
ul.notification-list li { border-bottom: 1px solid var(--bg-gray);}
ul.notification-list li:hover { background: var(--hover-gray) }
ul.notification-list li a i { 
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 35px;
    font-size: 0.875rem;
    margin-right: 10px;
    color:var(--txt-white) !important;
    border: none !important;
}
.notify-list-left {  }
.notify-list-right { padding-right: 15px; }
ul.notification-list li { border-bottom: 1px solid var(--gray-border-03); padding:6px 15px; position: relative; display: flex; column-gap: 15px;}
ul.notification-list li .notify-left-circle { 
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    color:var(--txt-white) !important;
    border: none !important;
    margin-top: 5px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
ul.notification-list li .notify-left-circle i { font-size: 1.125rem; }
ul.notification-list li .notify-left-circle .character { font-size: 1.0625rem;  }
ul.notification-list li .notify-left-circle .avatar {  
    border-radius: 100%;
    width: 40px;
    height: 40px;
    overflow: hidden;
}
ul.notification-list li .notify-left-circle .avatar img { width: 100%;}
.notify-list-right a { padding: 0 !important; display: inline-block !important; }
.notify-list-time { color: var(--txt-gray-darker); font-size: 0.75rem; margin: 0;}
.notify__list--read { background:var(--bg-white-color) }
.notify__list--unread { background: var(--primaryThemeColorLight);}
.notification-dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    right: 15px;
    top: 20px;
}
.notify__list--read .notification-dot { background:var(--bg-gray-dark); }
.notify__list--unread .notification-dot { background: var(--primaryThemeColor); }
.notify__group--icon { margin: 0 5px 0 0; position: relative; top: -2px; }
.mark-all-as-read {
    position: absolute;
    right: 50px;
    top: 10px;
}
.notify-permission-oneclick { background: var(--subs-bg-purple-light); }
.notify-permission-view { background: var(--subs-bg-green-light); }
.notify-permission-modify { background: var(--subs-bg-orange-light); }
.notify-permission-manage { background: var(--subs-bg-red-light); }
.notify-permission-oneclick, 
.notify-permission-view,
.notify-permission-modify,
.notify-permission-oneclick, 
.notify-permission-view,
.notify-permission-modify,
.notify-permission-manage {
	margin: 0 4px;
    padding: 1px 5px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.75rem;
    word-break: break-word;
    white-space: nowrap;
    }
.notify-link  {color: var(--primaryTextColor)!important;}

/*** Notification end ****/

/**** Folder Panel Start ****/ 

.profile-panel:before { 
    /*content: "";*/
    width: 11px;
    height: 11px;
    position: absolute;
    background: #ecf0fb;
    transform: rotate(45deg);
    display: block;
    box-shadow: -1px -1px 0 0 #e0e0e0;
    top: -4px;
    right: 59px;
}
.profile-panel-inner-top { text-align:center; padding: 15px 15px 0; }
.profile-panel-inner-box { 
    background: var(--bg-white);
    border-radius: 5px;
    box-shadow: 0 1px 2px var(--shadow-rgba-01);
    padding: 10px 15px;
    margin-bottom:10px;
}
.profile-panel-inner-pic { 
    width: 60px;
    height: 60px;
    background: var(--bg-white);
    display: inline-block;
    border-radius: 100%;
 }
.profile-panel-inner-pic img { height: 100%; width: 100%; border-radius: 100%;}
.profile-panel-close { position: absolute; right: 5px; top: 10px; }
.profile-panel-inner-container { padding:10px 20px; overflow: auto; }
.profile-panel-inner-links li { float: var(--float-left); width: 50%;  margin: 5px 0; }
.profile-panel-inner-links li a { font-size: 0.8125rem; display: table; }
.profile-panel-inner-links li a i { 
    margin-right: 5px;
    font-size: 0.8125rem;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    line-height: 27px;
 }
.profile-panel-inner-links li a p { display: table-cell; vertical-align: var(--vertical-middle); }
ul.profile-panel-inner-links-two-col li { width: 50% !important; }
.profile-panel-inner-bottom {
    text-align: center;
    background: var(--bg-gray-lighter);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%23e1e9fc' fill-opacity='0.4' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
    padding: 10px 0;
    border-top: 1px solid var(--border-gray-lighter);
    position: absolute;
    bottom: 50px;
    width: 100%;
}
ul.extension-list li { display: inline-block; margin:0 4px; }
ul.extension-list li a {     
    background: transparent;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    border-radius: 100%;
}
ul.extension-list li a:hover { background: #e8f0fe; }
.free-edition-box { 
    border: 1px solid #ffc6c6; 
    background:#fff3f3 url(../images/free-edition.2a299c4ea53e63e139dfa7bb285f2212.svg) no-repeat left bottom;     
    padding: 10px 20px;
    background-size: 52%; 
    border-radius: 5px;
}
.free-edition-box-content { text-align:center; padding: 0 5px; }
.free-edition-box-content-title { font-size: 0.8125rem; font-weight: 600; margin: 0; }
.free-edition-box-content-subtitle { font-size: 0.75rem; margin: 0; }
.sprite-ios, 
.sprite-android, 
.sprite-windows,
.sprite-chrome,
.sprite-firefox,
.sprite-safari,
.sprite-edge,
.sprite-opera,
.sprite-vivaldi,
.sprite-brave,
.sprite-ulaa,
.sprite-ios-1,
.sprite-android-1,
.sprite-windows-1,
.sprite-cli,
.sprite-default-agent,
.sprite-firefox-audit,
.sprite-chrome-audit,
.sprite-safari-audit,
.sprite-edge-audit,
.sprite-opera-audit,
.sprite-brave-audit,
.sprite-ulaa-audit,
.sprite-vivaldi-audit { height: 32px; width: 32px; vertical-align: var(--vertical-middle); }

.sprite-videodemo,
.sprite-feedback,
.sprite-help,
.sprite-nightmode,
.sprite-daymode,
.sprite-support,
.sprite-sitetour,
.sprite-pagetour { height: 32px; width: 32px;  vertical-align: var(--vertical-middle); }

.badge-sprite { 
    display:inline-block; 
    background-image: url(../images/download-apps-sprite2x.b789dfcb38bde6e9e37ec1f2dd066d29.png) !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
}
.sprite-badge-google, .sprite-badge-apple { height: 35px; vertical-align: var(--vertical-middle); background-size: auto 35px; }
.sprite-badge-apple { background-position:0 0; width: 118px; }
.sprite-badge-google { background-position: -118px 0; width: 118px; }

.sprite-ios { background-position: -460px -155px; }
.sprite-android { background-position: -515px -155px; }
.sprite-windows { background-position: -570px -155px; }
.sprite-chrome { background-position: -455px -61px; }
.sprite-firefox { background-position: -510px -61px; }
.sprite-edge { background-position: -565px -61px; }
.sprite-safari { background-position: -455px -106px; }
.sprite-opera { background-position: -510px -106px; }
.sprite-vivaldi { background-position: -511px -154px; }
.sprite-brave { background-position: -456px -154px; }
.sprite-ulaa { background-position: -622px -63px; }
.sprite-ios-1 { background-position: -455px -357px; }
.sprite-android-1 { background-position: -511px -358px; }
.sprite-windows-1 { background-position: -564px -358px; }
.sprite-cli { background-position:-566px -106px; }
.sprite-default-agent { background-position: -510px -15px; }
.sprite-videodemo { background-position:-457px -197px; }
.sprite-feedback { background-position: -511px -196px; }
.sprite-help { background-position: -567px -198px; }
.sprite-nightmode { background-position: -568px -156px; }
.sprite-daymode { background-position: -458px -242px; }
.sprite-support { background-position: -512px -242px; }
.sprite-sitetour { background-position: -567px -244px; }
.sprite-pagetour { background-position: -359px -342px; }
.sprite-firefox-audit { background-position: -508px -283px; }
.sprite-chrome-audit { background-position: -455px -283px; }
.sprite-edge-audit { background-position: -563px -19px; }
.sprite-safari-audit { background-position: -563px -283px; }
.sprite-opera-audit { background-position: -455px -319px; }
.sprite-vivaldi-audit { background-position: -508px -283px; }
.sprite-brave-audit { background-position: -508px -283px; }
.sprite-ulaa-audit { background-position: -619px -283px; }

/**** Folder Panel End ****/ 

/**** Settings start ****/ 
.settings-panel-column { width: 24%; display: inline-block; margin-bottom: 20px; vertical-align: top; padding: 20px 40px;}
.settings-panel-column-inner {  padding: 0  }
.settings-panel-column h5 { position: relative; margin: 10px 0 20px; font-size: 1rem; font-weight: 500 !important; text-transform: uppercase; }
.settings-panel-column h5:after { content: ""; position: absolute; width: 30px; height: 2px; left: 0; bottom: -6px; }
ul.settings-column-list li { position: relative; }
ul.settings-column-list li a { color: var(--txt-gray-dark); display:block; padding: 2px 0; display: inline-block; }
ul.settings-column-list li a:hover { text-decoration: underline; }
ul.settings-column-list ul { margin-left: 20px; }
ul.settings-column-list ul li { list-style: square; }
.settings-panel-header-image {line-height: 0; }
.settings-panel-header-image i { display: table-cell; vertical-align: var(--vertical-middle); font-size: 2.8125rem; }
.settings-search-panel { margin: 12px auto; width: 500px; position:relative; left:-55px; }
.settings-search-panel-inner { position: relative;}
.settings-search-panel-magnifier { font-size: 1.25rem; position: absolute; left: 9px; top: 10px; }
.settings-search-panel input { padding-left: 35px; width:500px; height: 45px;  }
.new-label-tag { 
    background: #FFDD2B;
    line-height: 20px;
    padding: 1px 5px;
    color: var(--txt-black);
    margin-left: 5px;
    border-radius: 2px;
    text-decoration: none;
    font-size: 0.6875rem;
}
.new-label-tag:hover { text-decoration: none; }
ul.settings-left-accordion-list li a .new-label-tag,
ul.audit-left-accordion-list li a .new-label-tag { }
/* User management start */
.fixed-footer-panel { border-top: 1px solid var(--border-gray-lighter); padding-top: 12px; }
.settings-left-panel, .audit-left-panel, .apps-left-panel { 
    float: var(--float-left);
    margin: 0;
    padding: 10px 0 10px 0;     
    border-right: 1px solid;
    /* box-shadow: inset -20px 0 10px -23px rgba(0,0,0,0.1);*/
}
.settings-left-panel { overflow: auto; }
.settings-right-panel, .audit-right-panel, .apps-right-panel, .report-right-panel { 
    float: var(--float-left);  
    width: var(--subContainerWidth) !important;    
    padding: 0 15px 0 15px;
}
.report-satyam  { /*overflow-x: hidden !important;*/ }
.table-profile-image { width: 40px; height: 40px; display: inline-block; vertical-align: var(--vertical-middle); }
.table-profile-image img { border-radius: 100%; width:100%; height:100%; }
.table-profile-no-image, .table-profile-no-image-secret {
    width: 40px;
    height: 40px;
    background: var(--bg-white);
    color: var(--txt-white);
    display: inline-block;
    vertical-align: var(--vertical-middle);
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 0.875rem;
  }
.vault-table tbody tr:nth-child(10n+1) .table-profile-no-image,
.vault-table tbody tr:nth-child(10n+1) .user-profile-no-image,
ul.user-list li:nth-child(10n+1) .user-profile-no-image,
ul.user-selected-panel-list li:nth-child(10n+1) .user-profile-no-image,
lyte-table lyte-tbody lyte-tr:nth-child(10n+1) .table-profile-no-image,
/*.password-list-panel card-view-password-list:nth-child(10n+1) .card-view-list-no-image,*/
lyte-table lyte-tbody lyte-tr:nth-child(10n+1) .user-profile-no-image,
aside.folders-page-list:nth-child(10n+1) .folders-page-list-no-image,
ul.notification-list li:nth-child(10n+1) i,
ul.notification-list li:nth-child(10n+1) .notify-left-circle,
ul.manage-app-access-list li:nth-child(10n+1) .user-profile-no-image { background-color: var(--circle-bg-orange); } 
.vault-table tbody tr:nth-child(10n+2) .table-profile-no-image,
.vault-table tbody tr:nth-child(10n+2) .user-profile-no-image,
ul.user-list li:nth-child(10n+2) .user-profile-no-image,
ul.user-selected-panel-list li:nth-child(10n+2) .user-profile-no-image,
lyte-table lyte-tbody lyte-tr:nth-child(10n+2) .table-profile-no-image,
/*.password-list-panel card-view-password-list:nth-child(10n+2) .card-view-list-no-image,*/
lyte-table lyte-tbody lyte-tr:nth-child(10n+2) .user-profile-no-image,
aside.folders-page-list:nth-child(10n+2) .folders-page-list-no-image,
ul.notification-list li:nth-child(10n+2) i,
ul.notification-list li:nth-child(10n+2) .notify-left-circle,
ul.manage-app-access-list li:nth-child(10n+2) .user-profile-no-image { background-color: var(--circle-bg-darkbrown); }
.vault-table tbody tr:nth-child(10n+3) .table-profile-no-image,
.vault-table tbody tr:nth-child(10n+3) .user-profile-no-image,
ul.user-list li:nth-child(10n+3) .user-profile-no-image,
ul.user-selected-panel-list li:nth-child(10n+3) .user-profile-no-image,
lyte-table lyte-tbody lyte-tr:nth-child(10n+3) .table-profile-no-image,
/*.password-list-panel card-view-password-list:nth-child(10n+3) .card-view-list-no-image,*/
lyte-table lyte-tbody lyte-tr:nth-child(10n+3) .user-profile-no-image,
aside.folders-page-list:nth-child(10n+3) .folders-page-list-no-image,
ul.notification-list li:nth-child(10n+3) i,
ul.notification-list li:nth-child(10n+3) .notify-left-circle,
ul.manage-app-access-list li:nth-child(10n+3) .user-profile-no-image { background-color: var(--circle-bg-green); }
.vault-table tbody tr:nth-child(10n+4) .table-profile-no-image,
.vault-table tbody tr:nth-child(10n+4) .user-profile-no-image,
ul.user-list li:nth-child(10n+4) .user-profile-no-image,
ul.user-selected-panel-list li:nth-child(10n+4) .user-profile-no-image,
lyte-table lyte-tbody lyte-tr:nth-child(10n+4) .table-profile-no-image,
/*.password-list-panel card-view-password-list:nth-child(10n+4) .card-view-list-no-image,*/
lyte-table lyte-tbody lyte-tr:nth-child(10n+4) .user-profile-no-image,
aside.folders-page-list:nth-child(10n+4) .folders-page-list-no-image,
ul.notification-list li:nth-child(10n+4) i,
ul.notification-list li:nth-child(10n+4) .notify-left-circle,
ul.manage-app-access-list li:nth-child(10n+4) .user-profile-no-image { background-color: var(--circle-bg-blue); }
.vault-table tbody tr:nth-child(10n+5) .table-profile-no-image,
.vault-table tbody tr:nth-child(10n+5) .user-profile-no-image,
ul.user-list li:nth-child(10n+5) .user-profile-no-image,
ul.user-selected-panel-list li:nth-child(10n+5) .user-profile-no-image,
lyte-table lyte-tbody lyte-tr:nth-child(10n+5) .table-profile-no-image,
/*.password-list-panel card-view-password-list:nth-child(10n+5) .card-view-list-no-image,*/
lyte-table lyte-tbody lyte-tr:nth-child(10n+5) .user-profile-no-image,
aside.folders-page-list:nth-child(10n+5) .folders-page-list-no-image,
ul.notification-list li:nth-child(10n+5) i,
ul.notification-list li:nth-child(10n+5) .notify-left-circle,
ul.manage-app-access-list li:nth-child(10n+5) .user-profile-no-image { background-color: var(--circle-bg-cyan); }
.vault-table tbody tr:nth-child(10n+6) .table-profile-no-image,
.vault-table tbody tr:nth-child(10n+6) .user-profile-no-image,
ul.user-list li:nth-child(10n+6) .user-profile-no-image,
ul.user-selected-panel-list li:nth-child(10n+6) .user-profile-no-image,
lyte-table lyte-tbody lyte-tr:nth-child(10n+6) .table-profile-no-image,
/*.password-list-panel card-view-password-list:nth-child(10n+6) .card-view-list-no-image,*/
lyte-table lyte-tbody lyte-tr:nth-child(10n+6) .user-profile-no-image,
aside.folders-page-list:nth-child(10n+6) .folders-page-list-no-image,
ul.notification-list li:nth-child(10n+6) i,
ul.notification-list li:nth-child(10n+6) .notify-left-circle,
ul.manage-app-access-list li:nth-child(10n+6) .user-profile-no-image { background-color: var(--circle-bg-darkgreen); }

.vault-table tbody tr:nth-child(10n+7) .table-profile-no-image,
.vault-table tbody tr:nth-child(10n+7) .user-profile-no-image,
ul.user-list li:nth-child(10n+7) .user-profile-no-image,
ul.user-selected-panel-list li:nth-child(10n+7) .user-profile-no-image,
lyte-table lyte-tbody lyte-tr:nth-child(10n+7) .table-profile-no-image,
/*.password-list-panel card-view-password-list:nth-child(10n+7) .card-view-list-no-image,*/
lyte-table lyte-tbody lyte-tr:nth-child(10n+7) .user-profile-no-image,
aside.folders-page-list:nth-child(10n+7) .folders-page-list-no-image,
ul.notification-list li:nth-child(10n+7) i,
ul.notification-list li:nth-child(10n+7) .notify-left-circle,
ul.manage-app-access-list li:nth-child(10n+7) .user-profile-no-image { background-color: var(--circle-bg-purple); }

.vault-table tbody tr:nth-child(10n+8) .table-profile-no-image,
.vault-table tbody tr:nth-child(10n+8) .user-profile-no-image,
ul.user-list li:nth-child(10n+8) .user-profile-no-image,
ul.user-selected-panel-list li:nth-child(10n+8) .user-profile-no-image,
lyte-table lyte-tbody lyte-tr:nth-child(10n+8) .table-profile-no-image,
/*.password-list-panel card-view-password-list:nth-child(10n+8) .card-view-list-no-image,*/
lyte-table lyte-tbody lyte-tr:nth-child(10n+8) .user-profile-no-image,
aside.folders-page-list:nth-child(10n+8) .folders-page-list-no-image,
ul.notification-list li:nth-child(10n+8) i,
ul.notification-list li:nth-child(10n+8) .notify-left-circle,
ul.manage-app-access-list li:nth-child(10n+8) .user-profile-no-image { background-color: var(--circle-bg-red); }

.vault-table tbody tr:nth-child(10n+9) .table-profile-no-image,
.vault-table tbody tr:nth-child(10n+9) .user-profile-no-image,
ul.user-list li:nth-child(10n+9) .user-profile-no-image,
ul.user-selected-panel-list li:nth-child(10n+9) .user-profile-no-image,
lyte-table lyte-tbody lyte-tr:nth-child(10n+9) .table-profile-no-image,
/*.password-list-panel card-view-password-list:nth-child(10n+9) .card-view-list-no-image,*/
lyte-table lyte-tbody lyte-tr:nth-child(10n+9) .user-profile-no-image,
aside.folders-page-list:nth-child(10n+9) .folders-page-list-no-image,
ul.notification-list li:nth-child(10n+9) i,
ul.notification-list li:nth-child(10n+9) .notify-left-circle,
ul.manage-app-access-list li:nth-child(10n+9) .user-profile-no-image { background-color: var(--circle-bg-darkblue); }

.vault-table tbody tr:nth-child(10n+10) .table-profile-no-image,
.vault-table tbody tr:nth-child(10n+10) .user-profile-no-image,
ul.user-list li:nth-child(10n+10) .user-profile-no-image,
ul.user-selected-panel-list li:nth-child(10n+10) .user-profile-no-image,
lyte-table lyte-tbody lyte-tr:nth-child(10n+10) .table-profile-no-image,
/*.password-list-panel card-view-password-list:nth-child(10n+10) .card-view-list-no-image,*/
lyte-table lyte-tbody lyte-tr:nth-child(10n+10) .user-profile-no-image,
aside.folders-page-list:nth-child(10n+10) .folders-page-list-no-image,
ul.notification-list li:nth-child(10n+10) i,
ul.notification-list li:nth-child(10n+10) .notify-left-circle,
ul.manage-app-access-list li:nth-child(10n+10) .user-profile-no-image { background-color: var(--circle-bg-gray); }

.settings-left-panel .table-search-panel { width: 100%; }

ul.settings-left-accordion-list li,
ul.audit-left-accordion-list li {
    display: flex;
    align-items: center;
}
ul.settings-left-accordion-list li a, 
ul.audit-left-accordion-list li a {   
    padding: 7px 15px; 
    /*display: block;*/
   width: 100%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    position: relative;
    font-size: 0.8125rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
ul.settings-left-accordion-list li a:hover, ul.audit-left-accordion-list li a:hover { padding-left: 15px; }
ul.settings-left-accordion-list li a i,
ul.audit-left-accordion-list li a i,
ul.password-tree-list li a i { 
    margin: 0 12px 0 0;
    /* float:left;  */
    font-size: 1rem; 
    vertical-align: var(--vertical-middle); 
    color: var(--txt-tertiary);
}
.selected-settings-left-accordion-list, .selected-audit-left-accordion-list { 
    font-weight: 600; 
    margin-left: 0;
    padding-left: 15px !important;
}
.selected-settings-left-accordion-list:before, .selected-audit-left-accordion-list:before { 
    content: "";
    position: absolute;
    width: 3px;
    height: 39px;
    top: 0;
    left: 0;
}
.selected-settings-left-accordion-list:after, .selected-audit-left-accordion-list:after { 
    content: "";
    position: absolute;
    /*width: 1px;*/
    height: 39px;
    background: var(--bg-white);
    right: -1px;
    top: 0;
 }

.selected-audit-left-accordion-list a { padding-left: 15px !important; }
.settings-left-accordion-list-header, .audit-left-accordion-list-header { font-weight: 600; padding:5px 15px 5px 15px; font-size: 0.875rem; }
.settings-left-accordion-list-header i, .audit-left-accordion-list-header i { margin-right:10px; vertical-align: var(--vertical-middle); font-size: 1.1rem; }
.settings-left-accordion-list-content {  /*max-height: 100%; transition: max-height 0.5s ease-out; */ } /* updated for deepak due to removing inline css */
.settings-left-accordion-list-content-collapse {  max-height: 0; overflow: hidden; }
.table-search-panel { border: 1px solid var(--border-gray); background: var(--bg-white); border-radius: 2px; width:240px; height:35px; position:relative; }
.table-search-panel-dropdown { float: var(--float-left); padding: 3px 0 1px 8px; width:25px; height:33px; }
.table-search-panel input { padding-left: 3px; width:calc(100% - 25px); border:none; min-height: 33px !important; background: none; }
.table-text-title { margin: 0; font-weight: 500;  line-height:20px; font-size: 0.875rem;}
.password-left-accordion-header { 
    padding: 15px 15px 10px 15px;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0px 0 0 0;
}
.password-left-accordion-text { 
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--txt-black);
    flex: 1;
    cursor: pointer;
}
.password-left-accordion-header:hover .password-left-accordion-text { color: var(--primaryTextColor);}
.password-left-accordion-icons { position: absolute; right: 0;}
.password-tree-tags-list { padding: 0 15px; }
.password-tree-tags-list li { display: inline-flex; }
.password-tree-tags-list li a { 
    background: var(--bg-white-color);
    border: 1px solid var(--border-gray);
    color: var(--txt-black);
    border-radius: 3px;
    padding: 1px 10px;
    margin: 2px 0;
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.password-tree-tags-list-selected { background: var(--treeListSelectedBgColor) !important; border-color: var(--primaryThemeColor) !important; }
.password-tree-tags-list-selected i, .password-tree-tags-list li a i { font-size: 0.5rem; margin-left: 5px; }
/**** Searchbox half page of password list view details start ****/

/**** Searchbox half page of password list view details end ****/

.user-selected-panel { width: 250px; overflow-x:auto; white-space: nowrap; float: right; }
ul.user-selected-panel-list { float:right; }
ul.user-selected-panel-list li { 
    width:40px; 
    height: 40px; 
    margin-left: -15px;     
    border: 1px solid var(--border-rgba-white-08); 
    border-radius: 100%; 
    overflow: hidden;
    position:relative;
    display:inline-block;
}
ul.user-selected-panel-list li:first-child { margin-left: 0; }
ul.user-selected-panel-list li:hover .user-profile-image:before {
    cursor:pointer; 
    position: absolute; 
    width:40px; 
    height: 40px; 
    line-height: 40px;
    background:var(--bg-white); 
    content:"\5a"; 
    font-family: var(--font-vault);
    border-radius: 100%; 
    text-align: center;
    top:0;
    left:0;
    z-index:1;
}
ul.user-selected-panel-list li:hover .user-profile-no-image:before {
    cursor:pointer; 
    position: absolute; 
    width:40px; 
    height: 40px; 
    line-height: 40px;
    background:var(--bg-white); 
    content:"\5a"; 
    color:var(--txt-primary);
    font-family: var(--font-vault);
    border-radius: 100%; 
    text-align: center;
    top:0;
    left:0;
    z-index:1;
}
#more-group-list ul.user-list li:hover .user-profile-no-image:before,
#more-shared-group-list ul.user-list li:hover .user-profile-no-image:before {
    cursor:pointer; 
    position: absolute; 
    width:40px; 
    height: 40px; 
    line-height: 40px;
    background:var(--bg-white); 
    content:"\5a"; 
    color:var(--txt-primary);
    font-family: var(--font-vault);
    border-radius: 100%; 
    text-align: center;
    top:0;
    left:0;
    z-index:1;
}
.user-selected-panel-list .user-profile-image,
.user-selected-panel-list .user-profile-no-image { margin-top:0; }
#tranfer-selected-users ul.user-selected-panel-list li:hover .user-profile-image:before {
    cursor:pointer; 
    position: absolute; 
    width:40px; 
    height: 40px; 
    line-height: 40px;
    background: none;
    content:""; 
    font-family: var(--font-vault);
    border-radius: 100%; 
    text-align: center;
    top:0;
    left:0;
    z-index:1;
}
/* User management end */

/* fine grained controls style start */
.fine-grained-user-list-panel ul.user-list li {
    
}
/* fine grained controls style end */

/* Add user start */
.user-list-panel { height:auto; max-height: 350px; overflow:auto; }
ul.user-list li { 
    padding: 5px 15px;
    position: relative;
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
    overflow-wrap: anywhere;
}
ul.user-list li:hover { background: var(--hover-gray) }
ul.user-list li .user-profile-image { margin-top: 3px; }
.user-list-content-section { 
    width: 330px;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    white-space: normal;
}
/* ul.user-list li:hover .user-profile-no-image:before, 
ul.user-list li:hover .user-profile-image:before, */
.user-list-right-content { width: calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 10px; float: var(--float-left); }
.more-users-popover ul.user-list li:hover .user-profile-image:before { 
    display:none; 
    background: var(--bg-white);   
    content:"\e083"; 
    font-family: var(--font-vault);
    font-size: 1.5rem; 
    width: 38px; 
    height:38px; 
    line-height: 40px;
    display:inline-block; 
    border-radius: 100%; 
    position: absolute; 
    top:8px; 
    left:15px;  
    border: 1px solid;
    text-align: center;
}
.user-panel-slider-list-selected:before {
    background: var(--bg-white);   
    content:"\e083"; 
    font-family: var(--font-vault);
    font-size: 1.5rem; 
    width: 38px; 
    height:38px; 
    line-height: 40px;
    display:inline-block; 
    border-radius: 100%; 
    position: absolute; 
    top:0; 
    left:0;  
    border: 1px solid;
    text-align: center;
}
.more-users-popover ul.user-list li:hover .user-profile-image:before {  content:"\5a" !important; font-size: 0.625rem !important;  }
.user-list-search-panel { position: relative; border: 1px solid var(--border-gray); border-radius: 2px; }
.user-list-search-panel-dropdown { position: absolute; left: 9px; top: 5px; }
.user-list-search-panel-dropdown i { font-size: 0.8125rem; }
.user-list-search-panel input { width: 100%; background: var(--bg-gray); border: none; height: 35px; padding-left: 30px;}
.user-list-role { float: var(--float-right); margin-top:10px; text-align: right; font-size: 0.75rem;}
.user-profile-image { width: 40px; height: 40px; border-radius: 100%; margin-top:3px; position: relative; }
.user-profile-image img { border-radius: 100%; width: 100%; height: 100%; }
.user-profile-no-image, .zoho-vault-default {
    width: 40px; 
    height: 40px; 
    background: var(--bg-white); 
    color: var(--txt-white); 
    display: inline-block; 
    vertical-align: var(--vertical-middle);  
    border-radius: 100%; 
    text-align: center; 
    line-height: 40px; 
    font-size: 0.9375rem; 
    margin-top: 3px;
    position: relative;
}
.user-profile-no-image img { border-radius: 100%; width: 100%; }
.user-profile-no-image i { font-size: 1rem; }
.ip-address-image { 
    width: 40px; 
    height: 40px; 
    background: var(--bg-gray-lighter);    
    display: inline-block; 
    vertical-align: var(--vertical-middle);  
    border-radius: 100%; 
    text-align: center; 
    line-height: 43px; 
    font-size: 1rem;    
}
.zoho-vault-default { background: var(--secondary-bg-blue) !important; color: var(--txt-blue); }

/* Add user end */
/*** Import users start ***/
.import-users-panel { position: relative; }
.import-users-left-panel { width: 50%; display: table-cell; padding-right: 30px; }
.import-users-right-panel { display: table-cell; width: 50%; padding-left: 30px; }
.import-users-panel::after { 
    content: "";    
    height: 100%;
    width: 1px;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-left: 1px dashed var(--gray-border-04);
}
/*** Import users start ***/

/*** Import okta start ***/
.import-okta-panel { display: table; }
.import-okta-left-panel { width: 50%; display: table-cell; vertical-align: top; }
.import-okta-right-panel { width: 50%; display: table-cell; vertical-align: top; }
/*** Import okta end ***/
/* Fine grained start */
.fine-grained-left-panel { width: 400px; float: var(--float-left);  padding:0 5px; }
.fine-grained-right-panel { float: var(--float-left); padding: 20px 20px 0;width: calc(100% - 400px); border-left:1px solid var(--border-gray-lighter); margin: -15px 0; }
ul.fine-grained-list { float: left; width: 100%; }
ul.fine-grained-list li { float: left; width: 50%; padding: 5px 20px 5px 0; min-height: 65px; }
.fine-grained-list-left { float: left; } 
.fine-grained-list-right { float: left; width: calc(100% - 100px); }
.fine-grained-user-selected { background: var(--primaryThemeColorLight); }
.fine-grained-user-selected:hover { background: var(--primaryThemeColorLight) !important;}
/* Fine grained end */

/* Import passwords start */

ul.import-passwords-list li { display: inline-block; margin:7px 5px; vertical-align: var(--vertical-middle); }
ul.import-passwords-list li a { 
    border:1px solid var(--gray-border-03);   
    display: table-cell; 
    padding: 20px 15px; 
    vertical-align: var(--vertical-middle);     
    text-align: center; 
    width: 190px; 
    transition: all .2s ease-in-out;
    border-radius: 3px;
}
ul.import-passwords-list li a:hover { 
    background: var(--bg-gray); 
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);  
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
}
ul.import-passwords-list li a i { display: block; font-size: 1.375rem; line-height: 22px; margin-bottom:  10px; }
ul.import-passwords-list li a p { margin: 0; line-height: 20px;}
ul.import-passwords-list li a img { width:50px; height:70px; padding:10px 0; }
.import-passwords-steps-list-selected:after { content: "";  height: 4px; }
.import-passwords-steps-list-selected a { color: var(--txt-white) !important; }
.import-textarea { height:360px;width:700px; }
.icon-circle-primary, .icon-circle-success, .icon-circle-warning, .icon-circle-danger { position: relative; }
.icon-circle-primary:after, .icon-circle-success:after, .icon-circle-warning:after, .icon-circle-danger:after { 
    content: "";    
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;    
    z-index: 0;    
    right: 0;  
    margin: auto;
} 
.icon-circle-primary:after { background: var(--secondary-bg-blue); border-radius: 100%; top: -5px; left: 20px;}
.icon-circle-success:after { background: var(--secondary-bg-green); border-radius: 100%; left: -13px; bottom: 0; }
.icon-circle-warning:after { background: var(--secondary-bg-orange); border-radius: 100%; left: -14px; top: -6px;}
.icon-circle-danger:after { background: var(--secondary-bg-red); border-radius: 100%; left: 15px; bottom: 0;}
/* Import passwords end */

/* Configure notification start */
.notifications-events-panel ul li { width:49%; display:inline-block; vertical-align: top; }
.notifications-events-panel ul li input { margin-right:10px; }
/* Configure notification end */

/* Configure syslogintegration start */
.syslog-list ul { }
.syslog-list  ul li { display:inline-block; width:45%; padding:3px 0; }
/* Configure syslogintegration end */

/* Subscription start */
.subscription-panel { margin: 50px auto 0 auto; width: 90%; text-align: center; }
.subscription-panel-list { 
    width: 22%;    
    border: 1px solid; 
    text-align: center; 
    padding: 30px 0 0; 
    margin:10px 1%; 
    position: relative; 
    border-radius:5px;
    min-height: 260px;
    display: inline-block;
    vertical-align: top;
    transition: all 0.2s ease-in-out;
}
.subscription-panel-list:hover { margin-top:5px; transition: all 0.2s ease-in-out; cursor: pointer; }
.subscription-current-plan {    
    color: var(--txt-white);
    position: absolute;
    border:1px solid;
    left: -1px;
    width: 101%;
    top: -31px;
    padding: 5px 0;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
    display:none;  
}
.subscription-panel-list-selected .subscription-current-plan { display:block; }
.subscription-panel-list:nth-child(1) { border-color: var(--subs-border-purple); }
.subscription-panel-list:nth-child(2) { border-color: var(--subs-border-orange); }
.subscription-panel-list:nth-child(3) { border-color: var(--subs-border-red); }
.subscription-panel-list:nth-child(4) { border-color: var(--subs-border-green); }
.subscription-panel-list:nth-child(1) i { color: var(--txt-purple); }
.subscription-panel-list:nth-child(2) i { color: var(--txt-orange); }
.subscription-panel-list:nth-child(3) i { color: var(--txt-red); }
.subscription-panel-list:nth-child(4) i { color: var(--txt-green); }
.subscription-panel-list:nth-child(1) .subscription-panel-list-inner-bottom { background:var(--subs-bg-purple-light); }
.subscription-panel-list:nth-child(2) .subscription-panel-list-inner-bottom { background:var(--subs-bg-orange-light); }
.subscription-panel-list:nth-child(3) .subscription-panel-list-inner-bottom { background:var(--subs-bg-red-light); }
.subscription-panel-list:nth-child(4) .subscription-panel-list-inner-bottom { background:var(--subs-bg-green-light); }
.subscription-panel-list:nth-child(1) { border-top:3px solid var(--subs-border-purple); }
.subscription-panel-list:nth-child(2) { border-top:3px solid var(--subs-border-orange); }
.subscription-panel-list:nth-child(3) { border-top:3px solid var(--subs-border-red); }
.subscription-panel-list:nth-child(4) { border-top:3px solid var(--subs-border-green); }
.subscription-panel-list:nth-child(1) .subscription-panel-tick { background: var(--subs-bg-purple); }
.subscription-panel-list:nth-child(2) .subscription-panel-tick { background: var(--subs-bg-orange); }
.subscription-panel-list:nth-child(3) .subscription-panel-tick { background: var(--subs-bg-red); }
.subscription-panel-list:nth-child(4) .subscription-panel-tick { background: var(--subs-bg-green); }
.subscription-panel-list-selected { border:1px solid !important; background: #f7faff; }
.subscription-panel-list-selected:hover { background: #f7faff; margin-top: 10px;}
.subscription-panel-list-selected .subscription-panel-list-inner-bottom { background: #eef4ff !important; }
.subscription-panel-list h4 { font-weight: 600 !important; margin: 10px 0 0 0; text-transform: uppercase; font-size: 0.9375rem; letter-spacing: 1px; word-break: break-word; }
.subscription-panel-list p { margin: 5px; }
.subscription-panel-list i { font-size: 2rem; }
.subscription-panel-list-inner-bottom { padding: 10px 0; border-radius: 0 0 5px 5px; float: left; width:100%; }
.subscription-panel-list-inner-top { float: left; padding:0 15px; width:100%; }
.subscription-panel-list-inner-top h6 { min-height: 90px; font-weight: 400; }
.subscription-panel-tick {    
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border-radius: 100%;   
    position: absolute;
    left: 10px;  
    top: 10px;
 }
.subscription-panel-tick i { font-size: 1rem; color: var(--txt-white) !important; }
.trial-expiry-panel { background: var(--bg-red); padding:10px 20px; color: var(--txt-white); font-size: 0.875rem; }

/* Subscription end */

/**** Settings end ****/ 
.modal-panel { 
	position: fixed; 
    z-index: 111111;    
    left: 0;
    top: 0;
	right: 0;
	bottom: 0;
	background: rgba(28,34,55,0.85);	
}
.modal-panel-content { width: 600px; box-shadow: 0px 5px 8px 3px var(--shadow-rgba-02); background: var(--bg-white); margin: 0 auto; overflow: hidden; }
.modal-panel-close { 
    position: absolute; 
    right: 10px; 
    top: 6px;
    cursor: var(--cursor-pointer);    
    height: 35px;
    width: 35px;   
    display: inline-block;
    font-size: 0.625rem;
    text-align: center;
    line-height: 35px;    
    transition:all 0.2s ease-in-out;
    }
.modal-panel-close:hover { background: var(--bg-gray); border-radius: 100%; cursor: var(--cursor-pointer); }
.modal-panel-header { padding: 10px 15px 10px; clear: both; position: relative; border-bottom: 1px solid var(--border-gray-lighter); }
.modal-panel-header h4 { margin: 0 !important; font-weight: 600;}
.modal-panel-footer { background: var(--bg-gray); padding: 15px 20px; text-align: right; clear: both; }
.modal-panel-footer:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.modal-panel-footer {display: inline-block;}
* html .modal-panel-footer { height: 1%;}
.modal-panel-footer { display: block;}
.modal-panel-body { padding:15px; clear: both; position: relative; max-height: 540px; overflow: auto; }
ul.modal-panel-title-icon-links li { 
    height: 40px;
    width: 40px;
    display: inline-table;
    font-size: 0.875rem;
    text-align: center;
    line-height: 37px;    
    position: relative;
    border-radius: 100%;
    transition: all 0.2s ease-in-out;
}
ul.modal-panel-title-icon-links li:hover { background: var(--bg-gray); cursor: var(--cursor-pointer); }
ul.modal-panel-title-icon-links li i { 
    display: table-cell;
    vertical-align: middle;
    line-height: 14px;
}
.modal-xl { width: 80% !important; }
.modal-lg { width: 950px !important; }
.modal-md { width: 650px !important; }
.modal-md-big { width: 700px !important; }
.modal-sm { width: 450px !important; }
.modal-xs { width: 250px !important; }
/**** Common Modal dialog End ****/

/**** Inner Pages Breadcrumb Start ****/
ul.breadcrumbs { margin:10px 0 9px 0; position:relative; float: var(--float-left); }
ul.breadcrumbs li { display: inline-block; }
ul.breadcrumbs li a { font-size: 1rem; color:var(--txt-gray-dark); margin-right:2px; }
ul.breadcrumbs li a i { font-size: 0.75rem; }
.breadcrumbs-active { color: var(--txt-gray-darkest) !important; font-weight: 500; }

.page-title-info { 
    font-size: 1.25rem;     
    position: absolute;    
    top: 10px; 
    margin-left:10px;
}
/**** Inner Pages Breadcrumb End ****/
.user-agent-icon { width: 25px; height: 25px; vertical-align: var(--vertical-middle); margin-right: 5px;}
/**** Chart panel start ****/
.chart-panel { 
    float: var(--float-left); 
    width: 100%;
    background: var(--bg-white);    
    border: 1px solid var(--gray-border-03);    
    padding:10px 15px 15px; 
    border-radius: 3px; 
 }
.chart-panel-inner { padding:15px 0; }
.chart-panel-xs { height: 110px; }
.chart-panel-sm { height: 120px; }
.chart-panel-md { height: 360px; }
.chart-panel-lg { height: 480px; }
.chart-panel-fluid { height: auto; }

.chart-panel-title { border-bottom: 1px solid var(--border-gray-lighter); padding:0 15px 10px; margin-left: -15px; margin-right: -15px; }
.chart-panel-title h5, .chart-panel-title h6 { font-weight: 600 !important; position: relative; top: 3px; font-size: 0.875rem; }
.chart-panel-no-data { text-align: center; height: 100%; display: table; width: 100%; }
.chart-panel-no-data p {  }
.chart-panel-no-data img { height: 160px; }
.panel-row { margin-left:-7.5px; margin-right:-7.5px; position:relative; }
.total-count-panel { display:table; width: 100%; padding: 10px; }
.total-count-panel-left { display: table-cell; vertical-align: var(--vertical-middle); }
.total-count-panel-right { 
    display: table-cell; 
    vertical-align: var(--vertical-middle); 
    float:right;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    text-align: center; 
    margin-top:10px;   
}
.image-total-passwords { background-position: -20px -290px; width: 60px; height: 60px; }
.image-total-folders { background-position: -100px -290px; width: 60px; height: 60px; }
.image-total-users { background-position: -179px -290px; width: 60px; height: 60px; }
.image-total-apps { background-position: -258px -290px; width: 60px; height: 60px; }
.image-file-attachments { background-position: -20px -368px; width: 60px; height: 60px; }
.image-vulnerable-passwords { background-position: -101px -364px; width: 60px; height: 60px; }

.averageLegend ul li { display: inline-block; margin: 0 4px; vertical-align: middle; }
.averageLegend ul li span { vertical-align: middle; font-size: 0.75rem; }
.averageLegend ul li div { display: inline-block; width: 9px; height: 9px; vertical-align: middle; margin-right: 3px; } 
.averageLegend-bar-red { background: #f75d56; }
.averageLegend-bar-yellow { background: #FAA53F; }
.averageLegend-bar-blue { background: #00C5E4; }
.averageLegend-bar-green { background: #3EB17D; }
.averageLegend-bar-text { color: rgb(97, 97, 97); }

/**** Chart panel end ****/

/**** Progress bar start ****/
.progressbar-panel { width:750px; margin:15px auto 15px auto; }
.progressbar { display:table; width:100%;  }
.progressbar li {
    list-style: none;
    display: table-cell;
    width: 30.33%;
    position: relative;
    text-align: center;
    cursor: pointer;
}
.progressbar-icon { 
    content: "";   
    width: 70px;
    height: 70px;
    line-height : 62px;
    border-radius: 100%;
    display: block;
    text-align: center;
    margin: 0 auto -5px auto;
    background-color: var(--bg-white);
    position:relative;
    z-index:2;
    font-size: 2.1875rem;
}
.progressbar li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    top: 35px;
    left: -50%;
    z-index : 1;
}
.progressbar li:first-child:after { content: none; }
.progressbar li .active p { font-weight: 500; }
.sso-progressbar-panel .progressbar li { width:25%; } 

/**** Progress bar end ****/

/**** Apps start ****/
.manage-apps-middle-panel { width:700px; margin:0 auto; }
ul.myapps-list { display: table; width: 100%; }
ul.myapps-list li {    
    display: inline-block;
    text-align: center;
    vertical-align: top;
    cursor: var(--cursor-pointer);   
    margin: 0 5px 10px 5px;
    padding: 10px 10px 0px 10px;
    border:1px solid transparent;
    width:100px;
    border-radius:3px;
}
.myapps-list-inner { position: relative; line-height:0; }
ul.myapps-list li:hover { border:1px solid #cccdd4;}
.myapps-list-inner:hover .myapps-launch-icon { display:inline-block; }
.myapps-title { 
    margin: 0 !important;
    padding: 5px 0;     
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.myapps-img {
    height: 50px;
    width: 50px;
    display: inline-block;
    background-repeat: no-repeat !important;   
    background-size: 100% !important;
    background-position: 0 0;
}
.myapps-launch-icon {
    font-size: 1rem;
    border-radius: 100%;
    position: absolute;
    top: 4px;
    right: 4px;
    display: none;
    background: #ebedf2;
    width: 30px;
    height: 30px;   
    line-height:27px;
    border: 1px solid var(--border-gray-lighter);
}
.attribute-form-group { display: table; width: 100%; }
ul.manage-app-access-list li { width:25%; padding: 0 7.5px; float:left; margin-bottom: 15px; }
.manage-app-access-list-inner { width:100%; padding:12px 15px;  border: 1px solid var(--gray-border-03); border-radius:3px; float: left; position:relative; text-align: center; }
.manage-app-access-list-inner:hover { border: 1px solid var(--border-gray); }
.manage-access-assign { position:absolute; right:12px; top:10px; font-size: 0.9375rem; display:none; }
.manage-access-assign-checkbox { position:absolute; left:12px; top:10px; font-size: 0.8125rem; display:none; }
.manage-app-access-list-inner:hover .manage-access-assign,
.manage-app-access-list-inner:hover .manage-access-assign-checkbox { display:inline-block; } 
.password-list-inner-selected .manage-access-assign,
.password-list-inner-selected .manage-access-assign-checkbox { display:inline-block !important;}
.manage-app-access-list-inner .table-text-sub-title,
.manage-app-access-list-inner .table-text-title { width:100%; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.manage-app-access-list-inner .user-profile-image { display: inline-block; }
.download-metadata { width: 110px; position: absolute; left: 0; text-align: center; padding: 10px; }
.download-metadata i { display: block; font-size: 1.5rem; }
.download-metadata p { margin:0; line-height:20px; margin-top:15px;}

.ipd-details-field-div { border: 1px solid var(--border-gray); width: 100%; font-size: 0.875rem; padding: 3px 8px; overflow: auto; word-break: break-word; }

.folders-page-list { width: 250px; float: var(--float-left); padding: 0 7.5px; margin-bottom: 16px; }
.folders-page-list-inner {
    background: var(--bg-white);
    border: 1px solid var(--gray-border-03);
    float: var(--float-left);
    width: 100%;
    border-radius: 3px;
    padding: 18px 10px 12px;
    position: relative;
    height: 100%;
    overflow: hidden;
    cursor: var(--cursor-pointer);
    text-align: center;
}
.folders-page-list-favorite {
    position: absolute;
    right: 12px;
    top: 10px;
    cursor: var(--cursor-pointer);
    font-size: 1rem;
    display: none;
}
.folders-page-list-inner:hover { border: 1px solid #cccdd4; }
.folders-page-list-inner:hover .folders-page-list-favorite, .folders-page-list-inner:hover .folders-page-list-checkbox { display: inline-block; }
.folders-page-list-image { width: 50px; height: 50px; display: inline-block; vertical-align: var(--vertical-middle); background-size:100% !important; }
.folders-page-list-no-image {
    width: 50px;
    height: 50px;
    background: var(--bg-white);
    color: var(--txt-white);
    display: inline-block;
    vertical-align: var(--vertical-middle);
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 0.875rem;
}
.folders-page-list-name {
    margin-top: 8px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-weight: 400;
}
.folders-page-list a .folders-page-list-name { color: var(--txt-gray-dark); }
.profile-panel { 
	position: fixed !important;
    right: -360px;
    /*right:0;*/
    height: calc(100% - 48px);  
	width: 350px;    
    background: var(--bg-gray);
	z-index: 22222;
    top: 48px;
    border-left: 1px solid var(--gray-border-03);
    box-shadow: -5px 7px 10px var(--shadow-rgba-01);
    transition: all 0.2s ease-in-out;       
}
.notification-panel {
    position: fixed;
    right: 0;   
    height: calc(100% - 48px);  
	width: 420px;
	background: var(--bg-white);
	z-index: 1005;
    top: 48px;     
    box-shadow: -5px 7px 10px var(--shadow-rgba-01); 
    transition:all 0.2s ease-in-out;
}
.manage-apps-slider { 
    position: fixed !important;
    /* right: -360px; */
    right: 0;
    height: calc(100% - 48px);  
    width: 60%;
    background: var(--bg-white);
    z-index: 1001;
    top: 48px;
    border-left: 1px solid var(--gray-border-03);
    box-shadow: -5px 7px 10px var(--shadow-rgba-01);
    transition: all 0.2s ease-in-out;
}
.user-panel-slider {
     background: var(--bg-white); 
     position: fixed; 
     right: 0; 
     top: 48px; 
     width: 450px;
     z-index: 1002; 
     height: calc(100% - 48px);  
     border-left: 1px solid var(--gray-border-03); 
     box-shadow: -5px 7px 10px var(--shadow-rgba-01); 
     transition: all 0.2s ease-in-out; 
}
.add-password-slider { 
    position: fixed !important;
    right: 0;
    height: calc(100% - 48px);  
    width: 700px;
    background: var(--bg-white);
    z-index: 1001;
    top: 48px;
    border-left: 1px solid var(--gray-border-03);
    box-shadow: -5px 7px 10px var(--shadow-rgba-01);
    transition: all 0.2s ease-in-out;
}
.quick-add-password-slider { 
    position: fixed !important;
    right: 0;
    height: calc(100% - 48px);  
    width: 700px;
    background: var(--bg-white);
    z-index: 1001;
    top: 48px;
    border-left: 1px solid var(--gray-border-03);
    box-shadow: -5px 7px 10px var(--shadow-rgba-01);
    transition: all 0.2s ease-in-out;
}
.password-details-slider { 
    position: fixed !important;
    right: 0;
    height: calc(100% - 48px);  
    width: 500px;
    background: var(--bg-gray);
    z-index: 1001;
    top: 48px;
    border-left: 1px solid var(--gray-border-03);
    box-shadow: -5px 7px 10px var(--shadow-rgba-01);
    transition: all 0.2s ease-in-out;
}
.top-banner .password-details-slider .password-list-view-details-panel { top: 0 !important; }
.top-banner .add-password-slider, 
.top-banner .password-details-slider, 
.top-banner .manage-apps-slider, 
.top-banner .user-panel-slider, 
.top-banner .quick-add-password-slider,
.top-banner .password-list-view-details-panel,
.top-banner .right-side-bar,
.top-banner .profile-panel, 
.top-banner .notification-panel { top:86px !important; height: calc(100% - 86px) !important; }

.top-banner .right-side-bar-bottom { bottom: 30px; }
.top-banner .progress-line-bg { top:86px; }
.top-banner .overlay-bg { top: 86px; }

.password-details-slider .password-list-view-details-panel { opacity: 1; right: 0; width: 100%; height: auto; margin-top: 0; border-top: none; top: 0 !important; }
.copytext {
    background-color: #4A4A4A;
    color: var(--txt-white);
    padding: 3px 8px;
    width: auto !important;
    font-weight: 600;
    border-radius:3px 3px 3px 3px;
    opacity:1;
    font-size: 0.8125rem;
    line-height:20px;
    z-index: 11;
}
.user-select-popover-right { width: calc(100% - 40px); float: left; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.external-user-invite-textarea-panel { background: var(--bg-gray-lighter); padding: 15px; border: 1px dashed var(--border-gray); border-radius: 5px; }
.external-user-invite-textarea { width: 100%; height: 150px; padding: 0px 45px 5px 5px; }
/**** Apps end ****/

/**** Note start ****/
.note-panel { background:#fcf5e3; padding:10px 15px; margin:10px 0; border-radius: 3px; border-left: 2px solid #ffc000; }
.note-panel p { margin: 0; }
.note-panel .bold, .note-panel strong { font-weight: 600; color: #ff535b; }
.note-panel-import-secrets { display: inline-flex; margin: 0; padding: 5px 15px; }
.note-panel-import-secrets p { margin: 0; display: flex; align-items: center; }
.password-sharing-alert-notify { 
    position: fixed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    z-index: 111;
    width: fit-content;
    margin: auto;
}
.password-sharing-alert-notify .note-panel { 
    margin: 0;
    padding: 5px 55px 5px 15px;
    border-radius: 0 0 5px 5px;
    position: relative;
 }
.password-sharing-alert-notify-close {
    float: right;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: var(--bg-gray);
    border-radius: 100%;
    font-size: 0.5rem;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}
/**** Note end ****/

/**** Feedback start ****/
.request-panel { width: 380px; right: -390px;}
.feedback-panel { width: 520px; right: -535px; }
.feedback-panel, .request-panel { 
   box-shadow: 0 0px 8px 1px var(--shadow-rgba-01);   
   /*position: absolute;*/
   position:fixed;
   bottom:0;      
   border: 1px solid var(--border-gray-lighter);  
   background: var(--bg-white);      
   float:right;
   transition:all 0.2s ease-in-out;
   border-radius:4px;
   z-index: 999999;
}
.feedback-panel-inner { padding:15px 20px; border-radius:3px; }
.feedback-panel .modal-panel-header { padding: 15px 15px 15px; }
ul.feedback-tabs { margin-bottom: 15px; }
ul.feedback-tabs li { display:inline-block; margin-right:15px; padding: 0px 0 5px; }
ul.feedback-tabs li:hover { cursor: pointer; border-bottom: 2px solid;}
ul.feedback-tabs li:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent; 
  height: 2px;
}
ul.feedback-tabs li i { margin-right:5px; font-size: 1rem; }
.feedback-tabs-active { border-bottom: 2px solid; font-weight: 500; }
/**** Feedback end ****/

/***** keyboard shortcut css start *****/
.keyboard-shortcut-panel { display: block; width: 100%; padding: 20px; max-height: calc(100vh - 110px); overflow: scroll; }
.keyboard-shortcut-column { 
    float: left;
    width: 50%;
}
.keyboard-shortcut-item { margin-bottom: 20px; }
.keyboard-shortcut-item ul { margin: 10px 0;}
.keyboard-shortcut-item ul li { margin: 5px 0; }
.keyboard-shortcut-item ul li span {
    background: var(--treeBgColor);
    border-radius: 3px;
    border: 1px solid var(--treeBorderColor);
    box-shadow: 0 1px 0 rgb(0 0 0 / 20%);
    display: inline-block;
    font-size: 0.75rem;
    height: 25px;
    line-height: 25px;
    min-width: 30px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none;
}
.zv-shortcut-title{ text-align: center; }
.zv-shortcut-keys { 
    display: inline-block;
    text-align: right;
    width: 40%;
    vertical-align: middle; 
}
.zv-shortcut-keys-title { 
    display: inline-block;
    width: 57%;
    overflow: hidden;
    padding: 0 0 0 10px;
    vertical-align: middle;  
}
/***** keyboard shortcut css end *****/

/**** Sharing report summary start ****/
.sharing-reports-summary-list-inner { padding: 10px 25px 10px 0; float: var(--float-left); width: 100%; }
.sharing-reports-summary-list-inner-left { width:50px; float: var(--float-left); display: none; }
.sharing-reports-summary-list-inner-right h2 { font-size: 1.875rem !important; margin-bottom: 10px; letter-spacing: -1px; }
.sharing-reports-summary-list-inner-right h6 { font-weight: 400; }
.sharing-reports-summary-list-inner-left span { 
    width: 35px; 
    height: 35px;    
    border-radius: 100%; 
    display: table;   
    text-align: center;
    vertical-align: var(--vertical-middle);  
}
.sharing-reports-summary-list-inner-left span i { display: table-cell; vertical-align: var(--vertical-middle); font-size: 1rem; line-height:16px; }
.sharing-reports-summary-list-inner-right { width:98%; float: var(--float-right); }
.sharing-report-text-trim { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/**** Sharing report summary end ****/

/**** Quick add start ****/
ul.quick-add-list { display: table; width: 100%;}
ul.quick-add-list li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    cursor: var(--cursor-pointer);
    margin: 0 0 2px 0;
    padding: 10px 10px 0px 10px;
    border: 1px solid transparent;
    width: 100px;
    border-radius: 3px;
}
ul.quick-add-list li:hover { background: var(--bg-gray-lighter); border: 1px solid var(--border-gray-lighter); }
.quick-add-list-inner { position: relative; line-height: 0; }
.quick-add-title { margin: 0 !important;  padding: 5px 0; overflow: hidden; height: 30px; white-space: nowrap; text-overflow: ellipsis; }
.quick-add-panel-inner { padding: 5px 10px; margin-left:-10px; margin-right:-10px; }

ul.password-add-menu li { display: inline-block; width: 150px; text-align:center; }
ul.password-add-menu li a { display:block; padding:20px 10px; border-radius:5px; border: 1px solid transparent; }
ul.password-add-menu li a:hover { border: 1px solid var(--border-gray-lighter); background: var(--bg-gray); }
ul.password-add-menu li a i { font-size: 2.5rem; }
ul.password-add-menu li a p { margin: 10px 0 0 0; font-size: 0.875rem; } 
 /**** Quick add end ****/

 /**** Access control start ****/
.access-control-mapping-panel { border: 1px solid var(--border-gray-lighter); }
.access-control-mapping-left { float: var(--float-left); width: 50%; border-right: 1px solid var(--border-gray-lighter); padding: 10px 10px 0; }
.access-control-mapping-right { float: var(--float-right); width: 50%; padding: 10px; }
.mapping-panel { float: var(--float-left); }
.mapping-panel-left { 
    float: left;
    background: var(--bg-gray-lighter); 
    border:1px solid var(--border-gray-lighter); 
    padding:5px 10px; 
    min-height: 220px;
    width:220px;    
    border-radius: 3px; 
}
.mapping-panel-middle { width: 50px; height: 220px; float: left; display: table; vertical-align: middle; text-align: center; }
.mapping-panel-middle-arrow { display: table-cell; vertical-align: middle; }
.mapping-panel-middle-arrow i {
    border: 1px solid var(--border-gray);
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: block;   
    cursor: pointer;
    border-radius: 3px;
    margin: 10px auto;
 }
 .mapping-panel-middle-arrow i:hover { background:var(--bg-gray-lighter); }
.mapping-panel-right { 
    float: left; 
    background: var(--bg-gray-lighter); 
    border:1px solid var(--border-gray-lighter); 
    min-height: 220px;    
    padding:5px 10px;   
    border-radius: 3px;
    width: 425px;
}
.draggable-div { width: 200px; }
.draggable-div a { 
    background: var(--bg-white); 
    border: 1px solid var(--border-gray); 
    display: block; 
    padding:5px 12px; 
    position:relative; 
    margin: 3px 0;    
    border-radius: 3px; 
}
.draggable-div a:hover { background: var(--secondary-bg-blue); border: 1px dashed; }

.droppable-div-row { display: block; margin: 2px 0; float: left; width: 100%; }
.droppable-div { width: 200px; }
.droppable-div-inner { 
    float: left; 
    width: 200px; 
    padding:5px 10px; 
    border: 1px dashed var(--border-gray); 
    background: var(--bg-white); 
    border-radius: 5px 0 0 3px;
    height: 35px;
}
.draggable-div-inner .draggable-div { width:100%; }
.droppable-col-list { 
    float: left; 
    width: 200px;   
    padding:5px 10px; 
    background: var(--bg-gray-lighter); 
    border: 1px solid var(--border-gray); 
    border-left: none !important; 
    border-radius:0 3px 3px 0;
    height:35px;
}
 /**** Access control end ****/

/**** HelpDesk integration Start ****/
.helpdesk-list { margin-left: -7px; margin-right: -7px; }
.helpdesk-list aside { 
    border: 1px solid var(--gray-border-03);
    width: 200px;
    display: inline-block;
    text-align: center;
    margin: 0 7px 15px 7px;
    padding: 10px 10px 15px 10px;
    border-radius: 10px; 
    vertical-align: top;
    transition: all .2s ease-in-out;
}
.helpdesk-list aside p { margin: 0; }
.helpdesk-list aside:hover { background: var(--bg-gray); transform: translateY(-5px); box-shadow: 0 2px 5px 0 rgba(0,0,0,.25) }
.helpdesk-list-selected { border:1px solid; margin-bottom: 10px; border-radius: 3px; }
.helpdesk-list-selected:hover { background: none !important; }
.helpdesk-list-img { height: 50px; width: 50px; display: inline-block; background-repeat: no-repeat !important;position: relative; top: 5px; }
.helpdesk-list-left-panel { width:100%; min-height:50px; display:table; }
.helpdesk-list-left-panel h5 { font-size: 0.875rem; display: table-cell; vertical-align: middle; font-weight: 400; }
.helpdesk-list-right-panel { width: 100%; }
.helpdesk-list-right-panel-image { width: 70px; margin:5px auto; }
.helpdesk-list-right-panel-content h5 { margin:0; }
/**** HelpDesk integration End ****/

/**** Login Start ****/
/* .login-main-panel { background: url(../images/vault-login-bg.c3ec0b802fcbaffe2335c670877c21f8.jpg) no-repeat bottom center; background-size: 100%; } */
.login-main-panel { display: flex; align-items: center; justify-content: center; height: 100vh; }
.login-panel {
    width:500px; 
    margin: auto; 
    box-shadow: 0 0px 8px 1px var(--shadow-rgba-01);
    border-radius: 4px;
    padding:50px 50px;
    text-align: center;
    background: var(--bg-white);
    position: relative;
}
.login-panel:before {
    content:"";
    background: rgb(199, 36, 54);  
    background: linear-gradient(to right, rgb(199, 36, 54), rgb(10, 141, 84), rgb(19, 118, 178), rgb(250, 205, 37));
    height: 5px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.login-panel-md { width:670px; }
.login-panel-sm { width:650px; }
.login-administrator-panel {
    background: var(--bg-gray);
    border-radius: 10px;
    padding: 25px;
    margin: 50px 0;
    border: 1px solid var(--border-gray-lighter);
}
.login-administrator-panel-left { float:left; width:90px; }
.login-administrator-panel-right { float:left; width:calc(100% - 90px); }
.login-administrator-pic {    
    width: 70px;
    height: 70px;
    background: var(--bg-white);
    border: 1px solid var(--gray-border-04);    
    border-radius: 100%;
    padding:3px;
    display: inline-block;
    overflow: hidden;
}
.login-administrator-pic img { width: 100%; height: 120%;}
.login-panel-fixed-footer { width: 100%; }

.vault-logo { background: url(../images/vault-logo-blue.750b9626326819af9dfb159873cf8fc9.svg); width: 50px; height: 50px; display: inline-block; }
.login-top-band { position:fixed; top:0; width: 100%; }
.login-top-band-left { float:left; }
.login-top-band-right { float:right; margin: 15px 20px 0; }
ul.login-top-band-links li { display:inline-block; padding:0 10px; }
.login-add-password-col-right .active .label-control .label-text,
.login-add-password-col-right .form-group .label-control .label-text {  margin-left:35px; }
.login-form-control { 
    border: none;
    border-radius: 0;
    margin-top: 10px;
    padding: 7px 45px 7px 35px !important;
    font-size: 1.5625rem;
 }
.login-form-icon { font-size: 1.0625rem; position: absolute; top: 20px; left:5px; }
.login-panel-text-title { font-weight: 500; }
.login-panel-text-sub-title { font-weight: 400; }
.recover-login-form-control { 
    border: none;
    border-radius: 0;
    margin-top: 10px;
    padding: 7px 0 7px 0 !important;
    font-size: 1.1875rem; 
}
.login-footer { position: fixed; bottom: 30px; width: 100%; text-align: center; }
/**** Login End ****/

/**** Product site tour start *****/
.lyteTourFreezLayer { background: rgba(28,34,55,0.85) !important; opacity: 1 !important; }
.lyteTourStep { border:none !important; }
.lyteTourLeftArrow, .lyteTourRightArrow { border:none !important; }
.zv-product-tour .modal-panel-header { color: var(--txt-white); }
.lyteTourActiveTarget { background: var(--bg-rgba-white-01); border-radius: 5px; }
.lyteTourActiveTarget .svg-line-color { stroke: rgba(0,0,0,0.7); }
.lyteTourActiveTarget .svg-fill-color { fill: rgba(0,0,0,0.7); }
.lyteTourActiveTarget a { color: rgba(0,0,0,0.7) !important; }
.lyteTourActiveTarget a:hover { color: rgba(0,0,0,0.7) !important; }
.lyteTourActiveTarget a:hover .svg-line-color { stroke: rgba(0,0,0,0.7) !important; }
.lyteTourActiveTarget a:hover .svg-fill-color { fill: rgba(0,0,0,0.7) !important; }
.skin-white .lyteTourActiveTarget { background: var(--bg-rgba-black-01); }
/**** Product site tour end *****/

/**** Table CSS Start ***/
.vault-container-panel { padding: 15px; }
.vault-table {    
    display: table;  
    background: var(--bg-white);
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    min-width: 100%;
    margin-top:10px;   
    border-bottom: 1px solid var(--border-gray-lighter);
}
.vault-table thead { display: table-header-group; }
.vault-table thead tr { display: table-row;}
.vault-table thead tr th { 
    padding: 6px 10px;
    border-bottom: 1px solid var(--border-gray-lighter);
    border-top: 1px solid var(--border-gray-lighter);
    background: var(--bg-gray);    
    position: relative;
    background:var(--bg-gray-lighter);
    display: table-cell;
    vertical-align: var(--vertical-middle);    
    box-sizing: border-box;
    text-align: left;
    font-weight: 600;
    font-size: 0.8125rem;    
}
.vault-table tbody { display: table-row-group; }
.vault-table tbody tr { display: table-row; }
.vault-table tbody tr:hover { background: var(--hover-gray) }
.vault-table tbody tr td {
    display: table-cell;
    vertical-align: var(--vertical-middle);   
    overflow-wrap: break-word;
    padding: 7px 10px;    
    empty-cells: show;  
    white-space: normal;
    text-overflow: initial;
    word-wrap: break-word;  
    border-bottom: 1px solid var(--tbl-border-gray); 
}
.vault-table tbody tr td i { vertical-align: var(--vertical-middle); }
.share-user-img { width:25px; height:25px; float: var(--float-left); background-repeat: no-repeat; border-radius: 100%; margin-right: 5px; }
.table-password-image { width:35px; height:35px; display:inline-block; vertical-align: var(--vertical-middle); background-repeat: no-repeat; border-radius: 100%; margin-right: 5px; }
.text-time { font-size: 0.75rem; }
/*** Table CSS End ***/

/*** No data found start ***/
/* .no-data-panel { position: relative; display: table; text-align: center; width: 100%; } */
.no-data-panel { 
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}
/* .no-data-panel-inner { width: 400px; height: 200px; display: table-cell; position:relative; top:100px; } */
.no-data-panel-inner { position: relative; }
.no-data-panel-inner img { width: 300px; height: 100%;}
.no-data-found-panel { height: auto; position: relative; display: table; text-align: center; width: 100%; }
.no-data-found-panel-inner { width: 400px; display: inline-block; vertical-align: middle; padding: 60px 0; height:310px; }
.no-data-found-panel-inner img { width: 100%; height: 100%; }
.password-empty-tree { text-align: center; padding: 20px; position: absolute; top: 0; }
.folder-empty-table { text-align: center; padding: 20px; }
.list-view-passwords-list .password-list-panel .no-data-panel { padding: 15px 0 }
/*** No data found end ***/

/*** History popup start ***/
.history-popover-header { padding: 10px 15px !important; clear: both; border-bottom: 1px solid var(--border-gray-lighter); }
.history-popover-header h4 { margin-bottom: 0 !important; }
.history-popover-content { padding: 15px !important; }
/*** History popup end ***/

/*** Theme color change start ***/
ul.theme-color-list { margin: 0 -4px; }
ul.theme-color-list li { display:inline-block; margin:2px 0; }
ul.theme-color-list li a { display:inline-block; margin: 0 5px; }
ul.theme-color-list li a abbr { display:inline-block; width:40px; height:40px; position:relative; }
ul.theme-color-list li a abbr:before { 
    content: "";
    position: absolute;
    width: 31px;
    background: var(--bg-gray-lighter);
    height: 32px;
    top: 8px;
    left: 9px;
 }
.theme-color-selected { position: relative; }
.theme-color-selected:after {
    content: "\e083";
    font-family: var(--font-vault);
    font-size: 0.8125rem;
    position: absolute;
    top: 10px;
    left: 15px;  
}
.blue-theme { background: linear-gradient(to top,var(--profile-theme-bg-gray) 0,var(--profile-theme-bg-gray) 80%,var(--profile-theme-bg-blue) 23%,var(--profile-theme-bg-blue) 99%); }
.red-theme { background: linear-gradient(to top,var(--profile-theme-bg-gray) 0,var(--profile-theme-bg-gray) 80%,var(--profile-theme-bg-red) 23%,var(--profile-theme-bg-red) 99%); }
.green-theme { background: linear-gradient(to top,var(--profile-theme-bg-gray) 0,var(--profile-theme-bg-gray) 80%,var(--profile-theme-bg-green) 23%,var(--profile-theme-bg-green) 99%); }
.orange-theme { background: linear-gradient(to top,var(--profile-theme-bg-gray) 0,var(--profile-theme-bg-gray) 80%,var(--profile-theme-bg-orange) 23%,var(--profile-theme-bg-orange) 99%); }
.purple-theme { background: linear-gradient(to top,var(--profile-theme-bg-gray) 0,var(--profile-theme-bg-gray) 80%,var(--profile-theme-bg-purple) 23%,var(--profile-theme-bg-purple) 99%); }
/*.white-theme { background: linear-gradient(to top,var(--profile-theme-bg-gray) 0,var(--profile-theme-bg-gray) 80%,var(--profile-theme-bg-blue) 23%,var(--profile-theme-bg-blue) 99%); }*/

.side-light-theme { background: linear-gradient(to top,var(--profile-theme-bg-gray) 0,var(--profile-theme-bg-gray) 80%,var(--profile-theme-bg-blue) 23%,var(--profile-theme-bg-blue) 99%); }
.side-dark-theme { background: linear-gradient(to top,var(--profile-theme-bg-black) 0,var(--profile-theme-bg-black) 80%,var(--profile-theme-bg-blue) 23%,var(--profile-theme-bg-blue) 99%); }

.white-theme { background: linear-gradient(to top,#f4f5fa 0,#f4f5fa 80%,var(--profile-theme-bg-blue) 23%,var(--profile-theme-bg-blue) 99%); }
/*** Theme color change end ***/

/***** Typography CSS ******/
.text-success   { color:var(--txt-green);}
.text-warning   { color:var(--txt-orange);}
.text-danger    { color:var(--txt-red);}
.text-default   { color:var(--txt-gray-darker);}
.text-muted     { color:var(--txt-gray-lighter);}
.text-info      { color:#00BCF7;}
.text-purple    { color:var(--txt-purple);}
.text-white     { color:var(--txt-white);}

.text-left 		{ text-align: left !important; }
.text-center 	{ text-align: center !important; }
.text-right 	{ text-align: right !important; }
.text-justify   { text-align: justify !important; }

h1,.h1          { font-size: 2.25em; line-height:38px; }
h2,.h2          { font-size: 1.875rem; line-height:32px; }
h3,.h3          { font-size: 1.5rem; line-height:26px; }
h4,.h4          { font-size: 1.125rem; line-height:25px; }
h5,.h5          { font-size: 1rem; line-height:25px; }
h6,.h6          { font-size: 0.875rem; line-height:25px; }
p               { font-size: 0.8125rem; line-height:25px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom:5px; font-weight: 600; }
p { margin-bottom: 15px; }
.icon-xs { font-size: 0.625rem !important; }
.icon-sm { font-size: 0.875rem !important; }
.icon-md { font-size: 1rem !important; }
.icon-lg { font-size: 1.25rem !important; }

/** Zoho Puvi CSS **/
@font-face {
    font-family: 'ZohoPuvi';
    font-style: normal;
    font-display: swap;
    src: url('../fonts/zoho_puvi_regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/zoho_puvi_regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/zoho_puvi_regular.2115e13d08dc114dd29d568b411169d9.woff') format('woff'), /* Modern Browsers */
         url('../fonts/zoho_puvi_regular.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'ZohoPuvi';
    font-style: normal;
    font-display: swap;
    src: url('../fonts/zoho_puvi_medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/zoho_puvi_medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/zoho_puvi_medium.63ce939dabb7a62611c66c2f03cd7781.woff') format('woff'), /* Modern Browsers */
         url('../fonts/zoho_puvi_medium.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: 500;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'ZohoPuvi';
    font-style: normal;
    font-display: swap;
    src: url('../fonts/zoho_puvi_semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/zoho_puvi_semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/zoho_puvi_semibold.ec775134290eac7cb9e8fd31bfc908c5.woff') format('woff'), /* Modern Browsers */
         url('../fonts/zoho_puvi_semibold.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'ZohoPuvi';
    font-style: normal;
    font-display: swap;
    src: url('../fonts/zoho_puvi_bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/zoho_puvi_bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/zoho_puvi_bold.d9145ee851fb8481a4efdfbdb8ddb278.woff') format('woff'), /* Modern Browsers */
         url('../fonts/zoho_puvi_bold.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

/** Open Sans CSS **/
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot') format('eot'),
         url('../fonts/OpenSans-Regular-webfont.8185eb3059c46e4169ce107dfcf85950.svg') format('svg'),
         url('../fonts/OpenSans-Regular-webfont.488d5cc145299ba07b75495100419ee6.ttf') format('ttf'),
         url('../fonts/OpenSans-Regular-webfont.79515ad0788973c533405f7012dfeccd.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.8185eb3059c46e4169ce107dfcf85950.svg') format('svg');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot') format('eot'),
         url('../fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg') format('svg'),
         url('../fonts/OpenSans-Semibold-webfont.b32acea6fd3c228b5059042c7ad21c55.ttf') format('ttf'),
         url('../fonts/OpenSans-Semibold-webfont.697574b47bcfdd2c45e3e63c7380dd67.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg') format('svg');
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot') format('eot'),
         url('../fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg') format('svg'),
         url('../fonts/OpenSans-Semibold-webfont.b32acea6fd3c228b5059042c7ad21c55.ttf') format('ttf'),
         url('../fonts/OpenSans-Semibold-webfont.697574b47bcfdd2c45e3e63c7380dd67.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg') format('svg');
    font-style: normal;
    font-weight: 600;
}
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Bold-webfont.eot') format('eot'),
         url('../fonts/OpenSans-Bold-webfont.svg') format('svg'),
         url('../fonts/OpenSans-Bold-webfont.76cc6be5d8a231dc012fef4bdb86f79c.ttf') format('ttf'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.svg') format('svg');
    font-style: normal;
    font-weight: 700;
}

/***** Form kit CSS *****/
input, textarea { 
	padding:4px 10px; 
	box-shadow: none;    
    re-size:none;   
    border-radius:2px;
    border:1px solid var(--border-gray);   
    font-size: 0.8125rem;
    font-family: var(--fontVaultTheme);
}
input[type="radio"] { margin-right:5px;}
input[type="text"] { min-height:35px;}
textarea { min-height:35px;}
input:focus { box-shadow: 0; outline: 0; }
:placeholder { color: #d5d9e2; font-weight:0; font-size: 0.8125rem;}
.global-searchinput input::placeholder { color: var(--txt-rgba-white-08); }
.btn i { vertical-align: var(--vertical-middle); }
.btn .dropdown-toggle:after { padding:0 10px 0 2px; position: relative; top: 3px; }
.btn:focus { outline: none; }
a.btn { display:inline-flex; align-items: center; }
.btn { border-radius:3px; border:1px solid; cursor:var(--cursor-pointer); opacity: 0.9; vertical-align: var(--vertical-middle); }

.btn-xs 		{ font-size: 0.6875rem; padding: 0 8px; height: 20px; line-height: 20px; font-weight:400; }
.btn-sm 		{ font-size: 0.75rem; padding: 3px 7px; height: 30px; }
.btn-md 		{ font-size: 0.8125rem; padding:5px 10px; height: 35px; }
.btn-lg 		{ font-size: 0.9375rem; padding: 5px 20px; height: 40px; }
a.btn-sm        { padding:2px 7px; }
a.btn-md        { padding:4px 10px; }
a.btn-xs        {  }
                  
.btn-primary 	{ color: var(--txt-white)!important;  }
.btn-success 	{ background-color:var(--bg-green); color: var(--txt-white)!important; border-color:var(--border-green); }
.btn-warning 	{ background-color:var(--txt-orange); color: var(--txt-white)!important; border-color:var(--txt-orange); }
.btn-danger 	{ background-color:var(--bg-red-darkest); color: var(--txt-white)!important; border-color:var(--border-red-darkest); }
.btn-default 	{ background-color:var(--border-gray-lighter); color:var(--txt-gray-darkest) !important; border-color:var(--border-gray-lighter); }

.btn-primary:hover, 
.btn-success:hover, 
.btn-warning:hover, 
.btn-danger:hover, 
.btn-default:hover { opacity:1; transition:all 0.2s ease; cursor: var(--cursor-pointer); }

.btn-primary-line 	{ background: var(--bg-white) ; }
.btn-success-line 	{ border-color:var(--border-green); background: var(--bg-white); color:var(--txt-green);}
.btn-warning-line 	{ border-color:var(--txt-orange); background: var(--bg-white); color:var(--txt-orange);}
.btn-danger-line 	{ border-color:var(--border-red-darkest) !important; background: var(--bg-white); color:var(--txt-red-darkest);}
.btn-default-line, .bg-default-none	{ border-color:var(--border-gray); background: var(--bg-white); color:var(--txt-gray-darkest) !important;}

.btn-primary-line:hover 	{ color: var(--txt-white)!important; }
.btn-success-line:hover 	{ border-color:var(--border-green); background: var(--bg-green); color: var(--txt-white)!important;}
.btn-warning-line:hover 	{ border-color:var(--border-orange); background: var(--bg-orange); color: var(--txt-white)!important;}
.btn-danger-line:hover 	    { border-color:var(--border-red-darkest); background: var(--bg-red-darkest); color: var(--txt-white)!important;}
.btn-default-line:hover 	{ border-color:var(--border-gray); background: var(--bg-gray); color:var(--txt-gray-darkest);}

.bg-primary { color:var(--txt-blue) !important; border: 1px solid var(--border-blue); }
.bg-success { color:var(--txt-green) !important; border: 1px solid var(--border-green); }
.bg-warning { color:var(--txt-orange) !important; border: 1px solid var(--border-orange); }
.bg-danger  { color:var(--txt-red) !important; border: 1px solid var(--border-red); }
.bg-purple  { color:var(--txt-purple) !important; border: 1px solid var(--border-purple); }
.bg-default { background-color:var(--bg-gray) !important; color:var(--txt-gray-darker) !important; border: none; }
.bg-white   { background-color: var(--bg-white); }
.bg-gray    { background-color: var(--bg-gray); }

.bg-primary-none { background:none; border: none; }
.bg-success-none { background:none; color:var(--txt-green); border: none;}
.bg-danger-none { background:none; color:var(--txt-red); border: none;}
.bg-warning-none { background:none; color:var(--txt-orange); border: none;}

.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
/***** Margin Top CSS *****/
.m-t-2 { position: relative; top:2px; }
.m-t-3 { position: relative; top:3px; }	
.m-t-5  { margin-top: 5px; }
.m-t-7 { position: relative; top:7px; }	
.m-t-10 { margin-top: 10px; }
.m-t-13 { position: relative; top:13px; }	
.m-t-15 { margin-top: 15px; }
.m-t-20 { margin-top: 20px; }
.m-t-38 { margin-top: 38px; }
.m-t-100 { margin-top: 100px; }
.m-t-120 { margin-top: 120px; }

/*****	Margin Bottom CSS *****/
.m-b-0 { margin-bottom: 0 !important; }
.m-b-5  { margin-bottom: 5px !important;}
.m-b-10 { margin-bottom: 10px !important;}
.m-b-15 { margin-bottom: 15px !important;}
.m-b-20 { margin-bottom: 20px !important;}

/*****	Margin Left CSS *****/	
.m-l-5  { margin-left: 5px;}
.m-l-10 { margin-left: 10px;}
.m-l-15 { margin-left: 15px;}
.m-l-20 { margin-left: 20px;}
.m-l-50 { margin-left: 50px; }

/***** Margin Right CSS *****/
.m-r-5  { margin-right: 5px;}
.m-r-10 { margin-right: 10px;}
.m-r-15 { margin-right: 15px;}
.m-r-20 { margin-right: 20px;}

/***** Margin Top And Bottom CSS *****/
.m-t-b-10 { margin-top: 10px; margin-bottom: 10px;}
.m-t-b-20 { margin-top: 20px; margin-bottom: 20px;}
.m-l-r-10 { margin-left: 10px; margin-right: 10px;}

/*****	Padding Top And Bottom CSS *****/
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-t-0 { padding-top: 0 !important;}
.p-t-5 { padding-top: 5px; }
.p-t-10 { padding-top: 10px; }
.p-t-b-10 { padding-top: 10px; padding-bottom: 10px;}
.p-t-b-20 { padding-top: 20px; padding-bottom: 20px; }
.p-t-b-5  { padding-top: 5px; padding-bottom: 5px;}
.p-l-r-10 { padding-left: 10px; padding-right:10px;}
.p-l-r-15 { padding-left: 15px; padding-right:15px;}
.p-l-r-20 { padding-left: 20px; padding-right:20px;}
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-r-40 { padding-right: 40px !important; }
.t-10 { top: 10px !important; }
.t-20 { top: 20px !important; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { 
    float: var(--float-left); 
    position: relative;
    min-height: 1px;
    padding-right: 7.5px;
    padding-left: 7.5px; 
}
.col-12 { width: 100%; }
.col-11 { width: 91.66666667%; }
.col-10 { width: 83.33333333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.66666667%; }
.col-7 { width: 58.33333333%; }
.col-6 { width: 50%; }
.col-5 { width: 41.66666667%; }
.col-4 { width: 33.33333333%; }
.col-3 { width: 25%; }
.col-2 { width: 16.66666667%; }
.col-1 { width: 8.33333333%; }

/*** Bar loader start ***/
.slider{
    position:absolute;
    width:100%;
    height:3px;
    top:100px;
    overflow-x: hidden;
  }
  
  .line{
    position:absolute;
    opacity: 0.4;
    background:#4a8df8;
    width:150%;
    height:3px;
  }
  
  .subline{
    position:absolute;
    background:#4a8df8;
    height:3px; 
  }
  .inc{
    animation: increase 2s infinite;
  }
  .dec{
    animation: decrease 2s 0.2s infinite;
  }
  
  @keyframes increase {
     from { left: -5%; width: 5%; }
     to { left: 130%; width: 100%;}
  }
  @keyframes decrease {
     from { left: -80%; width: 80%; }
     to { left: 110%; width: 10%;}
  }

  .progress-line, .progress-line:before {
    height: 3px;
    width: 100%;
    margin: 0;    
  }
  .progress-line {
    background-color: #ed4040;
    display: -webkit-flex;
    display: flex;
    position: absolute;   
    width: 100%;
    z-index: 9999;
  }
.progress-line-bg { 
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 4;
    left: 0;
    top: 48px;
    display: none;
}
  .progress-line:before {
    background-color: #ffbfbf;
    content: '';
    -webkit-animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  }
  @-webkit-keyframes running-progress {
    0% { margin-left: 0px; margin-right: 100%; }
    50% { margin-left: 25%; margin-right: 0%; }
    100% { margin-left: 100%; margin-right: 0; }
  }
  @keyframes running-progress {
    0% { margin-left: 0px; margin-right: 100%; }
    50% { margin-left: 25%; margin-right: 0%; }
    100% { margin-left: 100%; margin-right: 0; }
  }
/*** Bar loader end ***/

/*** Spinner mini start ***/
.spinner-mini-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}
.spinner-mini-panel .spinner-mini { width: 40px; height: 40px; }
.spinner-mini,
.spinner-mini:after {
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.spinner-mini { 
  position: relative;
  text-indent: -9999em;
  border-top: 4px solid var(--border-gray-lighter);
  border-right: 4px solid var(--border-gray-lighter);
  border-bottom: 4px solid var(--border-gray-lighter);
  border-left: 4px solid var(--primaryThemeColor);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loadspin 1.1s infinite linear;
  animation: loadspin 1.1s infinite linear;
}
.spinner-mini-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}
.spinner-mini-panel .spinner-mini {
    width: 40px;
    height: 40px;
}
@-webkit-keyframes loadspin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadspin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*** Spinner mini end ***/

/*** Button spinner mini start ***/
.btn-spinner,
.btn-spinner:after {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  float:right;
  margin-left:10px;
}
.btn-spinner { 
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid var(--border-rgba-white-05);
  border-right: 3px solid var(--border-rgba-white-05);
  border-bottom: 3px solid var(--border-rgba-white-05);
  border-left: 3px solid var(--border-white);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: fontspin 1.1s infinite linear;
  animation: fontspin 1.1s infinite linear;
}
@-webkit-keyframes fontspin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fontspin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*** Button spinner mini end ***/

/***** Component loadingn start *****/
.component-loader-bg { width: 100%; position: fixed; height: 100%; left: 0; top: 0; z-index:999; }
.component-loader {
   display: inline-block;
   position: relative;
   width: 64px;
   height: 64px;
   z-index: 1191;
   position: absolute;
   right: 0;
   left: 0;
   bottom: 0;
   top: 0;
   margin: auto;
}
.component-loader div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--bg-white);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.component-loader div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
  background: var(--bg-red-darkest);
}
.component-loader div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
  background: var(--bg-green-darkest);
}
.component-loader div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
  background: var(--bg-blue-darkest);
}
.component-loader div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
  background: var(--bg-orange-darkest);
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
/***** Component loadingn end *****/

/** Jstree **/
#folder-tree-view { height: auto !important; }
.jstree-title-allpasswords { font-size: 0.875rem; padding: 15px; font-weight: 400; }
.jstree-default .jstree-node { min-height: 35px !important; line-height: 35px !important; margin-left:15px; }
.jstree-default .jstree-wholerow { height: 35px !important; }
.jstree-wholerow-ul { padding: 10px 0; }
.jstree-default .jstree-wholerow-clicked:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 34px;
    background: var(--bg-white);
    right: -1px;
    top: 0;
}
.jstree-default .jstree-wholerow-clicked:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 34px;
    top: 0;
    left: 0;
}
.jstree-default .jstree-search { font-style: normal !important; }
.jstree-default .jstree-themeicon { background-position: -2166px 2342px !important; margin-right:0px; }
.valkata-delete a { color: var(--txt-red) !important;}
.vakata-context:before { 
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 9.5px solid transparent;
    border-right: 9.5px solid transparent;
    border-bottom: 10px solid var(--gray-border-05);
    top: -10px;
    left: 43px;
}
.vakata-context:after { 
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7.5px solid transparent;
    border-right: 7.5px solid transparent;
    border-bottom: 9px solid var(--border-white);
    top: -8px;
    left: 45px;
}
.vakata-context, .vakata-context ul { 
    background: var(--txt-white) !important; 
    border: 1px solid var(--gray-border-05) !important; 
    box-shadow: 0px 1px 3px 0px rgba(134, 134, 134, 0.4) !important; 
    z-index:1; 
}
.jstree-default .jstree-context { background: none !important; box-shadow:none !important; }
.jstree-default .jstree-wholerow-hovered { background: none; }
.jstree-default .jstree-anchor { line-height: 35px !important; height: 35px !important; }
.jstree-ocl { margin-left:5px !important; }
.jstree-default .jstree-icon:empty { height: 35px !important; line-height: 38px !important; }
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px 1px !important; }
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px 3px !important; }
.jstree-default .jstree-node, .jstree-default .jstree-icon { background-image: url(../images/32px.4dc58b96905fd4ae19cb76adb80a5953.svg); }
.pin-panel { margin-left:10px; font-size: 0.875rem; color:#777777; }
ul.password-tree-list li a {    
    padding: 0 16px;
    display: block;
    position: relative;
    font-size: 0.8125rem;
    margin-left:0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 40px;
    display: flex;
    align-items: center;
}
.password-tree-list-selected:before { 
    content: "";
    position: absolute;
    width: 3px;
    height: 37px;
    top: 0;
    left: 0;
}
ul.password-tree-list li a.password-tree-list-selected, 
ul.audit-left-accordion-list li a.selected-audit-left-accordion-list, 
ul.settings-left-accordion-list li a.selected-settings-left-accordion-list, 
ul.settings-left-accordion-list li a.selected-audit-left-accordion-list {
	font-weight:400;
}
/** Select 2 **/
.form-field .select2-container { width: 100%; }
.select2-container--default .select2-selection--multiple { border:1px solid var(--border-gray); border-radius: 2px !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { 
    background-color: #f4f5fa !important; 
    border: 1px solid var(--border-gray-lighter) !important; 
    border-radius: 2px !important; 
    /* margin-top: 0 !important; */
}
.select2-container .select2-selection--single { height: 35px !important; }
.select2-dropdown { border:1px solid var(--border-gray) !important; }
.select2-tags-dropdown { border:0px solid var(--border-gray) !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 34px !important; }
.select2-container--default .select2-selection--single { border: 1px solid var(--border-gray) !important; border-radius:2px !important; }
input.select2-search__field { background: transparent !important; }

/*** Sathyam lala ***/
.select2-results__options::-webkit-scrollbar,
.select2-results__options::-moz-scrollbar,
.select2-results__options::-o-scrollbar,
.select2-results__options::-ms-scrollbar {
  width: 20px;
  background-clip: padding-box;
}
.select2-results__options::-webkit-scrollbar-track, 
.select2-results__options::-moz-scrollbar-track,
.select2-results__options::-o-scrollbar-track,
.select2-results__options::-ms-scrollbar-track {
    background-color: #fbfbfb;
    height: 8px;
    background-clip: padding-box;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(transparent);
    border-bottom: 10px solid rgba(transparent);
    box-shadow: inset 0 0px 2px var(--shadow-rgba-01);
}

.select2-results__options::-webkit-scrollbar-thumb,
.select2-results__options::-moz-scrollbar-thumb,
.select2-results__options::-o-scrollbar-thumb,
.select2-results__options::-ms-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #c1c1c1;
    border-right: 10px solid rgba(transparent);
    border-top: 10px solid rgba(transparent);
    border-bottom: 10px solid rgba(transparent);
}

.select2-results__options::-webkit-scrollbar-button,
.select2-results__options::-moz-scrollbar-button,
.select2-results__options::-o-scrollbar-button,
.select2-results__options::-ms-scrollbar-button {
  display: none;
}
/*** Sathyam lala ***/

/** Lyte **/
.lyteDefaultBtn { 
    border-color: var(--border-gray) !important; 
    background: var(--bg-white) !important; 
    color: var(--txt-gray-darkest) !important;
    font-size: 0.8125rem !important;
    padding:5px 10px !important;
    height: 35px !important;
    border-radius: 2px !important;    
    opacity: 0.9;
    vertical-align: var(--vertical-middle); 
    font-family: var(--fontVaultTheme) !important; 
}
.lyteFailure { 
    border-color: var(--border-red) !important; 
    background: var(--bg-red) !important; 
    color: var(--txt-white) !important;
    font-size: 0.8125rem !important;
    padding:5px 10px !important;
    height: 35px !important;
    border-radius: 2px !important;    
    opacity: 0.9;
    vertical-align: var(--vertical-middle); 
    font-family: var(--fontVaultTheme) !important; 
}
.lytePrimaryBtn {     
    color: var(--txt-white) !important;
    font-size: 0.8125rem !important;
    padding:5px 10px !important;
    height: 35px !important;
    border-radius: 2px !important;    
    opacity: 0.9;
    vertical-align: var(--vertical-middle); 
    font-family: var(--fontVaultTheme) !important; 
}
.lytePrimaryBtn:hover { }
/*** Loading ***/
.loading-card-view-panel { position: fixed; z-index: 9999; width: 70%; background: var(--bg-white); height: 100%; top: 135px; left: 375px; }
.loading-card-view-list { width: 190px; height: 150px; float: var(--float-left); padding: 0 7.5px; margin-bottom: 16px; }
.loading-card-view-list-inner {    
    border: 1px solid #eeeeee;
    float: var(--float-left);
    width: 100%;
    border-radius: 3px;   
    height: 100%;
}
.loading-card-view-list-image { width: 55px; height: 55px; border-radius: 100%; display: block; margin: 0 auto; top:20px; }
.loading-card-view-list-title { top:40px; width: 70%; margin: 0 auto; }
.loading-card-view-list-subtitle { top:53px; width: 50%; margin: 0 auto; }
.loading-card-view-list-image, .loading-card-view-list-title, .loading-card-view-list-subtitle, ul.loading-folder-list li {
    position:relative;
    background-color: var(--bg-gray-dark); 
    animation-name: animate; 
    animation-duration: 2s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;   
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    -webkit-background-size: 800px 104px;  
}
 .loading-card-view-list-title, .loading-card-view-list-subtitle { height:7px; border-radius:6px;}
 @keyframes animate {
    0% {
    background-position: -468px 0
  }
  100% {
    background-position: 468px 0
  }
}
.loading-folder-list-panel { 
    background: var(--bg-gray);
    position: fixed;
    height: 100%;
    width: 300px;
    z-index: 111;
    left: 70px;
    top: 48px;
}
ul.loading-folder-list { padding:0 25px; }
ul.loading-folder-list li { height: 10px; margin: 30px 0; border-radius: 5px; }

/**** Dashboard bar loading start ****/
.dashboard-bar-loading { position: absolute; top: 50%; left: 50%; z-index:111; }
.dashboard-bar-loading-inner {
    display: inline-block;
    width: 6px;
    height: 13px;   
    animation: dashboard-bar-loading 1.2s ease-in-out infinite;
}
.dashboard-bar-loading-inner:nth-child(1) { background-color: var(--bg-red); animation-delay: 0; }
.dashboard-bar-loading-inner:nth-child(2) { background-color: var(--bg-green); animation-delay: 0.09s; }
.dashboard-bar-loading-inner:nth-child(3) { background-color: var(--bg-blue); animation-delay: .18s; }
.dashboard-bar-loading-inner:nth-child(4) { background-color: var(--bg-orange); animation-delay: .27s; }
@keyframes dashboard-bar-loading {    
    50% { transform: scale(1); height: 25px; margin-top: -50px; }   
}
/**** Dashboard bar loading end ****/

/***** Text color common start *****/
body,
ul.vault-tabs-horizontal li a.selected,
ul.vault-tabs-horizontal li a,
.filter-links-icons li a,
ul.pagination-link li a,
.pagination-panel b,
ul.filter-result-list li abbr .filter-result-close,
.view-change-panel ul li a,
.card-view-password-icons li a,
.add-password-col-left i,
ul.add-password-plus-minus li a, 
ul.add-password-plus-minus li abbr,
.form-group .label-control,
.file-attached-label,
ul.vault-common-list li a,
ul.vault-common-list-icons li a,
ul.action-icon-list li a,
.folder-page-profile-image,
ul.vault-dashboard-password-list li p,
ul.tags-list li a,
ul.tags-list li a:hover,
.profile-panel-inner-links li a, 
.settings-panel-header-image i, 
.table-text-title,
.user-list-role,
.ip-address-image,
ul.import-passwords-list li a,
.modal-panel-close,
ul.modal-panel-title-icon-links li,
ul.feedback-tabs li,
.draggable-div a,
.vault-table tbody tr td,
.vault-table sub,
.upgrade-button a,
ul.password-add-menu li a,
.theme-color-selected:after,
ul.notification-list li a,
.zv-maf-folder-name  { color:var(--txt-primary); }

ul.import-passwords-list li a:hover,
ul.vault-tabs-horizontal li a:hover,
ul.pagination-link li button:hover,
ul.vault-common-list li a:hover,
ul.modal-panel-title-icon-links li:hover,
.folder-path { color:var(--txt-secondary); }

.pwd-instruct, 
.optional-text, 
.classification-list-inner, 
.table-text-sub-title, 
.modal-panel-close:hover, 
ul.breadcrumbs li a i, 
.progressbar-icon i, 
.progressbar li p,
.text-time,
.category-label-text { color:var(--txt-tertiary); }
/***** Text color common end *****/

.left-nav-menu ul li a svg { height:16px; }

/*** Dashboard start ***/
.svg-line-color  { fill: none; stroke-width: 2; stroke-miterlimit: 10; }
/*** Dashboard end ***/

.zv-label-group { 
    clear: both;
    line-height: 30px;
    margin: 7px 0;
    position: relative;
    width: 100%;
    white-space: nowrap;
}
.zvleft-label {
    width: 160px;
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    text-align: right;
    line-height: 35px;
    padding-right: 35px;
    position: relative;
    padding-top: 2px;
    vertical-align: top;
    color: #222222;
    font-weight: 500;
}
.zvcenter-label { display:inline-block; width: calc(100% - 160px); white-space: normal; position: relative; } 
.zvcenter-label:has(+.zvright-label){
    width: calc(100% - 230px);
}
.zvcenter-label-desktop { display:inline-block; width: calc(100% - 230px); white-space: normal; position: relative; } 
.zvright-label { width: 60px; display:inline-block; vertical-align: top; }
.zvcustom-left-label { display:inline-block; width: 585px; }
.zv-mandatory { 
    color: var(--txt-red);
    font-size: 0.875rem;
    line-height: 0;
    top:20px; 
    right: 15px;
    position:absolute;
}
.zv-copyicon { 
    font-size: 1rem;
    background: transparent;
    text-align: center;
    cursor: pointer;
    margin-right: 10px;
}
.zv-copyicon:hover { color: var(--txt-black); }
.field-control input[type=text], .field-control input[type=password], .field-control textarea {
    border: none;
    border-bottom: 1px solid var(--gray-border-01);
    outline: none;
    width: 100%;
    padding:0;
    border-radius: 0;
    min-height:35px;
    font-size: 0.8125rem;
}
.field-control textarea { height: 70px; position: relative; float:left; margin-top:10px; }
.zv-label-group:hover input[type=text], 
.zv-label-group:hover input[type=password], 
.zv-label-group:hover textarea,
.field-control:hover input[type=text], 
.field-control:hover input[type=password], 
.field-control:hover textarea,
.zv-label-group:hover .add-password-custom-dropdown,
.zv-label-group:hover .select2-container--default .select2-selection--single, 
.zv-label-group:hover .select2-container--default .select2-selection--multiple { border-color: var(--gray-border-04) !important; }
.underline-animation {
    transition: all 0.3s;
    display: inline-block;
    bottom: 0;
    left: -100%;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--bg-blue);
}
.errormsg .underline-animation { background-color: var(--bg-red); }

.field-control input[type=text]:focus + .underline-animation,
.field-control input[type=password]:focus + .underline-animation,
.field-control textarea:focus + .underline-animation,
.lyteInput.vertical input:focus + .underline-animation,
.lyteInput.vertical textarea:focus + .underline-animation,
.field-control .select2-container--default .select2-selection--single:focus + .underline-animation,
.field-control .select2-container--default .select2-selection--multiple:focus + .underline-animation,
.field-control lyte-drop-button input:focus + .underline-animation { left: 0; transition: all 0.2s; }
.field-control { 
    position: relative;
    overflow: hidden; 
    width: 100%;
}
.zv-field-detail { line-height: 20px;  }
.zv-custom-field-title { 
    font-weight: 600; 
    font-size: 0.875rem; 
    border-bottom: 1px solid var(--border-gray-lighter); 
    padding: 5px 0; 
    margin: 15px 0;
}
.errormsg .field-control input[type=text], .errormsg .field-control input[type=password], .errormsg .field-control textarea { border-color: var(--border-red); }
.password-detail-page .zvleft-label { line-height: 20px; padding-top: 5px; }
.zvright-label:hover .add-password-display-icon-remove:after { cursor: pointer;
    cursor: pointer;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--bg-gray-lighter);
    content: "\5a";
    font-family: var(--font-vault);
    border-radius: 100%;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 1;
    border: 1px solid var(--border-gray-lighter);
}
.zv-pwd-details-header { position: relative;}
.zv-pwd-details-header .modal-panel-title,
.zv-pwd-details-header h5 { max-width: 60%; overflow: hidden; }
.zv-pwd-modal-title-cropped { 
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    width: 100%;
    display: block;
}
.zv-modal-footer { 
    background: var(--bg-gray);
    padding: 15px 20px;
    clear: both;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.password-detail-page ul.add-password-plus-minus {  margin-top: -5px; }
.password-detail-page .modal-panel-header { padding: 10px 0px 12px 0; margin-bottom: 20px; margin-top: -17px;}
.password-detail-page .modal-panel-close { right: 0; }
.list-view-passwords-list .card-view-password-top-section { height:64px; padding: 8px 0; display: flex; align-items: center; }
.zv-label-group lyte-dropdown lyte-icon.dropdown { right:7px !important; }
.field-control .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; }
.zv-add-password-body { margin-top: 20px; padding: 0 30px 0 20px; width:100%; float:left; }
#edit-password-form .zv-add-password-body { margin-top: 0; padding: 20px 30px 0 20px; }
.zv-field-detail-ellipsis { 
    width: 85%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: 4px;
}
.zv-password-search { 
    border: 1px solid var(--border-gray);
    background: var(--bg-white);
    border-radius: 2px;
    width: 38px;
    height: 35px;
    position: relative;
    float: left;
    margin-right: 5px;
}
.zv-password-search-icon { float: var(--float-left); padding: 3px 0 1px 11px; width: 35px; height: 33px; }
.zv-password-search-icon i { font-size: 1rem;}
.zv-password-search input {
    padding-left: 3px;
    width: calc(100% - 35px);
    border: none;
    min-height: 33px !important;
    background: none;
}
.list-view-passwords-list .password-description { display: inline; color: var(--txt-rgba-black-08); }
.password-description { display: none; }
.zv-password-custom-field { background: var(--bg-white); box-shadow: 0 1px 2px var(--shadow-rgba-01); border-radius: 5px; padding: 5px 0; }
.zv-password-custom-field .zv-custom-field-title { margin: 0 15px; }
.breadcrumbs sub { font-size: 0.75rem; }
.zv-notes-panel { 
    background: var(--bg-white);
    padding: 5px;
    border: 1px solid var(--gray-border-01);
    border-radius: 5px;
    height:70px;
}
.zv-dateselected lyte-input.vertical > div { border: none !important; } /* only using for input padding in date/time */
.zv-dateselected lyte-input.vertical > div input,
.zv-dateselected lyte-input.vertical > div select,
.zv-dateselected lyte-input.vertical > div textarea { padding-left:10px !important; } /* only using for input padding in date/time */
.zv-folder-action-icons { display: inline-block; }
.zv-folder-action-icons .vault-list li a i { font-size: 0.8125rem; margin: 0; }
.zv-folder-action-icons ul.vault-list li a { width: 25px; height: 25px; line-height: 25px; margin: 0 -3px; }
.zv-rebranding-upload { background:var(--bg-gray); border: 1px dashed var(--gray-border-04); padding: 10px; border-radius: 3px; }
.zv-rebranding-upload-left { float: left; width: 60px; height: 60px; text-align: center; padding-top: 12px; }
.zv-rebranding-upload-left i { font-size: 2.1875rem; }
.zv-rebranding-upload-right { float: left; width: calc(100% - 60px); padding:5px 0 0 10px; }
.zv-rebranding-upload-right p { margin: 0; }
.zv-rebranding-upload-right h5 { margin-bottom: 2px; }
.zv-rebranding-logo { height: 50px; width: 50px; position: absolute; right: 30px; top: 16px;} 
.pre-wrap { white-space:pre-wrap;word-break: break-word; }
.notes { float: left; width: 100%; }
.folders-page-row-selected { background:#f4f6fb; }
.zv-funnel-dropdown { position: relative; text-align: left; max-width:200px; }
.zv-funnel-inner { 
    width: calc(100% - 20px);
    padding-right: 25px;
    padding-left: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    top: 2px;
    position: relative;
 }
.fielderror { color:var(--txt-red) !important;}
.duplicateerror { color:var(--txt-blue) !important; }
.zv-maf-tr-panel { display: table-cell; vertical-align: middle; padding:5px 0 5px 15px; width:450px; }
.zv-maf-folder-name { 
	margin-bottom: 0;
	margin-top:8px;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.zv-maf-folder-path { 
    width: 450px;
    font-size: 0.6875rem;
    margin-bottom: 0;
    color: var(--txt-gray-darker);
    line-height: 25px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zv-maf-folder-path i { font-size: 0.5625rem !important; color:var(--txt-folder-path) !important; }
.zv-left-nav-hide-icon, .zv-left-nav-show-icon {
    position: fixed;
    height: 30px;
    bottom: 10px;
    text-align: center;
    font-size: 0.625rem;
    cursor: var(--cursor-pointer);
    z-index: 21;
    display: block;
}
.zv-left-nav-hide-icon { color: #fff; width: 70px; }
.zv-left-nav-hide-icon:after { content: "\e008"; font-family: var(--font-vault); }
.zv-left-nav-show-icon { 
    color: #000;
    padding: 2px 2px 2px 1px;
    background: var(--gray-bg-01);
    transition: all 0.1s ease-in-out;
    background: -webkit-linear-gradient(to right, #efefef, #fafafa);
    background: linear-gradient(to right, #efefef, #fafafa);
    border: 1px solid var(--gray-border-02);
    border-radius: 0 5px 5px 0;
}
.zv-left-nav-show-icon:after {
    content: "\e00a";
    font-family: var(--font-vault);
}
.zv-left-nav-show-icon:hover { padding: 2px 5px 2px 4px; }
#select2-foldername-qg-results .folder-path { width:auto !important; }
.zv-maf-arrow-icon { font-size: 0.625rem !important; padding: 0 3px; line-height: 10px; color: var(--txt-folder-path); }
.folder-title { color: var(--txt-primary); font-weight: 500; }
.folder-path { 
	font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; 
    line-height:25px;
}
.folder-path i { font-size: 0.5625rem !important; color:var(--txt-secondary) !important; }
.create-new-folder { color: var(--primaryTextColor); font-weight: 500; }
.captcha { margin: 0 auto; width: 265px;}
.captcha i {margin-top: 25px; float: left; margin-left: 20px; }
.drag-arrow {
    width: 15px;
    height: 25px;
    display: inline-block;
    float: right;
    margin: 4px 0 0 0px;
    cursor: move;
    float:left;
}
.drag-arrow:hover {  }

.cirle-bg-orange { background-color:var(--circle-bg-orange); } 
.cirle-bg-darkbrown { background-color:var(--circle-bg-darkbrown); }
.cirle-bg-green { background-color:var(--circle-bg-green); }
.cirle-bg-blue { background-color:var(--circle-bg-blue); }
.cirle-bg-cyan { background-color:var(--circle-bg-cyan); }
.cirle-bg-darkgreen { background-color:var(--circle-bg-darkgreen); }
.cirle-bg-purple { background-color:var(--circle-bg-purple); }
.cirle-bg-red { background-color:var(--circle-bg-red); }
.cirle-bg-darkblue { background-color:var(--circle-bg-darkblue); }
.cirle-bg-gray { background-color:var(--circle-bg-gray); }

.webhook-append-content { display: none; }
.hamburger-empty-div { display: none;}
.folders-page-table-wrapper { }

/***** breached alert panel start *****/
.breachedAlertPanel { 
    display: flex;
    background: #fff4f4;
    padding: 10px 10px;
    border-radius: 5px;
    margin: -15px -15px 15px -15px;
    border: 1px solid #f1a1a1;
}
.breacedAlert__left { width: 60px; padding: 5px; }
.breacedAlert__right { }
.breacedAlertIcon { font-size: 1.625rem; }
.breachAlert--title { font-size: 0.9375rem; margin-bottom: 0; }
.breachAlert--sub--title { margin: 0; line-height: 20px; }

/***** workplace integration css start *****/
.workplace-global-search { position: relative; }
.workplace-global-search .global-search-panel { 
    position: absolute;
    right: 120px;
    margin: auto !important;
    border: 0px solid var(--border-rgba-white-05);
    background: var(--bg-white) !important;
}
.workplace-global-search .global-search-dropdown button, 
.workplace-global-search button.global-search-dropdown,
.workplace-global-search .global-searchinput input { color: var(--txt-black) !important; }
.workplace-global-search .global-searchinput input::placeholder { color: var(--txt-rgba-black-08) !important; }
.workplace-global-search-close { 
    position: absolute;
    background: var(--bg-gray);
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    right: -42px;
}
.workplace-global-search-close:hover { background: #f5f5f5; }
.zwIntegration .password-list-view-details-panel,
.zwIntegration .right-side-bar,
.zwIntegration .profile-panel,
.zwIntegration .notification-panel,
.zwIntegration .manage-apps-slider,
.zwIntegration .user-panel-slider,
.zwIntegration .add-password-slider,
.zwIntegration .quick-add-password-slider,
.zwIntegration .password-details-slider  { top: 0; height: calc(100% - 0px); }

.zwIntegration .overlay-bg,
.zwIntegration .progress-line-bg,
.zwIntegration .loading-folder-list-panel,
.zwIntegration .left-nav:after { top: 0; }

.zwIntegration .top-banner .password-details-slider .password-list-view-details-panel { top: 0 !important; }
.zwIntegration .top-banner .add-password-slider, 
.zwIntegration .top-banner .password-details-slider, 
.zwIntegration .top-banner .manage-apps-slider, 
.zwIntegration .top-banner .user-panel-slider, 
.zwIntegration .top-banner .quick-add-password-slider,
.zwIntegration .top-banner .password-list-view-details-panel,
.zwIntegration .top-banner .right-side-bar,
.zwIntegration .top-banner .profile-panel, 
.zwIntegration .top-banner .notification-panel { top:36px !important; height: calc(100% - 36px) !important; }
.zwIntegration .top-banner .progress-line-bg { top:36px; }
.zwIntegration .top-banner .overlay-bg { top: 36px !important; }
.zv-rebranding-close { 
    position: absolute;
    cursor: pointer;
    color: var(--txt-black);
    right: 19px;
    top: 55px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 0.45rem;
    border: 1px solid #ccc;
    line-height: 0;
    padding: 6px 6px; 
}
.zwIntegration .tour-panel { top:5px; }
.zwIntegration .tour-panel-bg-0:after { top:20px;  }
.zwIntegration .tour-panel-bg-1:after { top:95px; }
.zwIntegration .tour-panel-bg-2:after { top:170px; }
.zwIntegration .tour-panel-bg-3:after { top:245px; }
.zwIntegration .tour-panel-bg-4:after { top:320px; }
.zwIntegration .tour-panel-bg-5:after { top:395px; }
.zwIntegration .tour-panel-bg-6:after { top:470px; }
.zwIntegration .hamburger-empty-div { display: none; }
.zwlhscloseicon { left: var(--lhsWidth) !important; }
.zwIntegration .expand-all-icon { position: relative; text-indent: -9999px; display: inline-block; }
.zwIntegration .expand-all-icon:before { 
    content: "\e021";
    font-family: var(--font-vault);
    position: absolute;
    left: -15px;
    text-indent: 0;
    cursor: pointer;
    z-index: 111;
    top: 0;
    font-size: 0.9375rem;
}
.zwIntegration .collapse-all-icon { position: relative; text-indent: -9999px; display: inline-block; }
.zwIntegration .collapse-all-icon:before { 
    content: "\e022";
    font-family: var(--font-vault);
    position: absolute;
    left: -15px;
    text-indent: 0;
    cursor: pointer;
    z-index: 111;
    top: 0;
    font-size: 0.9375rem;
}
.zwIntegration .keyboard-shortcut-panel { display: block; width: 100%; padding: 20px; max-height: calc(100vh - 60px); overflow: scroll; }


/** workplace newly added - only works below 1366px **/
.folder-panel-expand { margin-left: var(--folderPanelExpandMargin) !important; } 
.folder-panel-collapse { margin-left: var(--folderPanelCollapseMargin) !important; } 
.password-list-panel-div-expand { position: relative; width: 100%; transition: all 0.1s ease-in-out 0s; }
.password-list-panel-div-collapse { position: relative; width: calc(100% - 500px); transition: all 0.1s ease-in-out 0s; }
.tree-panel-collapse { margin-left: var(--treePanelCollapseMargin); transition: all 0.3s ease-in-out 0s; } 
.tree-panel-expand { margin-left: var(--treePanelExpandMargin); transition: all 0.3s ease-in-out 0s; } 
.left-nav-collapse { margin-left: var(--lhsMenuCollapseMargin); transition: all 0.1s ease-in-out 0s; } 
.left-nav-expand { margin-left: var(--lhsMenuExpandMargin); transition: all 0.1s ease-in-out 0s; } 
.right-panel-collapse { margin-left: var(--rhsPanelCollapseMargin); transition: all 0.1s ease-in-out 0s; width: var(--rhsPanelCollapseWidth); }
.right-panel-expand { margin-left: var(--rhsPanelExpandMargin); transition: all 0.1s ease-in-out 0s; width: var(--rhsPanelExpandWidth); } 
.container-panel-collapse { width: var(--containerCollapseWidth); } 
.container-panel-expand { width: var(--containerExpandWidth); } 
.password-list-view-details-panel-expand { right: 48px; opacity: 1; transition: all 0.1s ease-in-out 0s; } 
.password-list-view-details-panel-collapse { right: -500px; opacity: 1; transition: all 0.1s ease-in-out 0s; } 
/**workplace newly added - only works below 1366px *****/

/**** split view start *****/
.zwIntegration-split .left-nav { margin-left: var(--lhsWidthMinus);}
.zwIntegration-split .right-panel { margin-left: var(--treePanelExpandMargin); width: var(--containerCollapseWidth);}
.zwIntegration-split .add-password-slider { width: 90%; }
.zwIntegration-split .settings-panel-column { width: 32%; padding: 20px 20px; }
.zwIntegration-split .folders-container-panel, 
.zwIntegration-split .settings-left-panel, 
.zwIntegration-split .audit-left-panel, 
.zwIntegration-split .apps-left-panel { 
    margin-left: var(--treeWidthMinus);
    position: absolute;
    z-index: 1111;
    left: 0;
}
.zwIntegration-split .modal-xl, 
.zwIntegration-split .modal-lg, 
.zwIntegration-split .modal-md, 
.zwIntegration-split .modal-md-big, 
.zwIntegration-split .modal-sm, 
.zwIntegration-split .modal-xs { width: 100% !important; }
.zwIntegration-split .lyteModal { width: 80% !important; }
.zwIntegration-split .container-panel-subpages, 
.zwIntegration-split .dashboard-container-panel-subpages { padding: 0 15px 0 15px; position: relative; }
.zwIntegration-split .slide-in, 
.zwIntegration-split .slide-out, 
.zwIntegration-split .tree-hide-icon, 
.zwIntegration-split .tree-show-icon { display: none; }
.zwIntegration-split .container-panel { width: 100%;}
.zwIntegration-split .pagination-panel { display: none !important;}
.zwIntegration-split .vault-logo-text { text-indent: -9999px; }
.zwIntegration-split .vault-logo-text::before { 
    content: "\e01c4";
    font-family: var(--font-vault);
    position: absolute;
    left: 27px;
    text-indent: 0;
    cursor: pointer;
    z-index: 111;
    top: 15px;
}
.zwIntegration-split .settings-right-panel, 
.zwIntegration-split .audit-right-panel, 
.zwIntegration-split .apps-right-panel, 
.zwIntegration-split .report-right-panel { padding: 0 5px 0 5px; width: 100% !important;}
.zwIntegration-split .col-1, 
.zwIntegration-split .col-2, 
.zwIntegration-split .col-3, 
.zwIntegration-split .col-4, 
.zwIntegration-split .col-5, 
.zwIntegration-split .col-6, 
.zwIntegration-split .col-7, 
.zwIntegration-split .col-8, 
.zwIntegration-split .col-9, 
.zwIntegration-split .col-10, 
.zwIntegration-split .col-11, 
.zwIntegration-split .col-12 { width: 100% !important; margin-bottom: 10px;}
.zwIntegration-split .slider-lhs-icon {     
    font-size: 0.625rem;
    position: absolute;   
    height: 30px;
    top:48px;
    z-index: 1;
    border: 1px solid var(--gray-border-02);  
    border-radius: 0 5px 5px 0;
    left: var(--slideIconLeft);
    right: -12px;
    width: 15px;
    padding: 2px 0px 2px 1px;
    background: var(--gray-bg-01);
    display: none;
    cursor: var(--cursor-pointer);
    transition: all 0.1s ease-in-out;
    background: -webkit-linear-gradient(to right, #efefef, #fafafa);
    background: linear-gradient(to right, #efefef, #fafafa);    
}
.zwIntegration-split .slider-lhs-icon:after { content: "\e06f"; font-family: var(--font-vault); }
.zwIntegration-split .slider-lhs-icon:hover { padding: 2px 5px 2px 4px; right: -20px; }
.zwIntegration-split .slider-lhs-expand { margin-left: 0; }
.zwIntegration-split .slider-tree-expand { margin-left: var(--lhsWidth); transition: all 0.1s ease-in-out 0s; }
.zwIntegration-split .slider-lhs-collapse { margin-left:var(--lhsWidthMinus); transition: all 0.1s ease-in-out 0s; }
.zwIntegration-split .slider-tree-collapse { margin-left: var(--treeWidthMinus); transition: all 0.1s ease-in-out 0s; }
.zwIntegration-split .settings-panel-column { width: 32%; }
.zwIntegration-split .settings-search-panel { left: 0; }
.zwIntegration-split .folders-page-table-content { width: 1000px; }
.zwIntegration-split .folders-page-table-wrapper { overflow-x: auto !important; }
.zwIntegration-split .fine-grained-left-panel { width:60%; }
.zwIntegration-split .fine-grained-right-panel { width: 40%; }
.zwIntegration-split .form-vertical-md .form-label { width: 40%;}
.zwIntegration-split .form-vertical-md .form-field { width: 60%;}
.zwIntegration-split .right-panel { margin-left: var(--lhsWidth); width: var(--centerWidth); }
.zwIntegration-split .left-nav { margin-left: var(--lhsWidth0);}
.zwIntegration-split .slider-tree-expand { margin-left: var(--lhsWidth0); transition: all 0.1s ease-in-out 0s; }
.zwIntegration-split .hamburger-empty-div { 
    position: fixed;
    background: #fff;
    height: 100%;
    width: 72px;
    z-index: 11;
    border-right: 1px solid var(--border-gray-lighter);
    display: block;
}
.zwIntegration-split .left-nav { z-index: 11111; }
.zwIntegration-split .hamburger-empty-div span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 30px;
    top: 15px;
    text-align: center;
    cursor: var(--cursor-pointer);
}
.zwIntegration-split .passwords-container-panel { position: relative; }
.zwIntegration-split .password-list-panel-div-collapse { width: 100%; }
.zwIntegration-split .password-list-view-details-panel-expand { width: 80%; }
.zwIntegration .password-list-view-details-panel-expand { right: 0;}
/**** split view end *****/
.folder-selected-text { position: absolute; top: 10px; margin-left: 40px; font-size: 0.75rem; color: var(--primaryTextColor); }
/** for one zoho **/

/***** Media screen *****/
@media screen and (min-width:481px) and (max-width:768px) { 
    .left-nav { margin-left: var(--lhsWidthMinus);}
    .right-panel { margin-left: var(--treePanelExpandMargin); width: var(--containerCollapseWidth);}
    .add-password-slider { width: 90%; }
    .settings-panel-column { width: 32%; padding: 20px 20px; }
    .folders-container-panel, .settings-left-panel, .audit-left-panel, .apps-left-panel { 
        margin-left: var(--treeWidthMinus);
        position: absolute;
        z-index: 1111;
        left: 0;
    }
    .modal-xl, .modal-lg, .modal-md, .modal-md-big, .modal-sm, .modal-xs  { width: 90% !important; }
    .lyteModal { width: 80% !important; }
    .container-panel-subpages, .dashboard-container-panel-subpages { padding: 0 15px 0 15px; }
    .slide-in { display: none; }
    .slide-out { display: block;}
    .container-panel { width: 100%;}
    .pagination-panel { display: none !important;}
    .vault-logo-text { text-indent: -9999px; }
    .vault-logo-text::before { 
        content: "\e01c";
        font-family: var(--font-vault);
        position: absolute;
        left: 27px;
        text-indent: 0;
        cursor: pointer;
        z-index: 111;
        top: 15px;
    }
    .global-search-panel { 
        display: none; 
        position: absolute;
        background: #6847a4;
        left: 0;
        right: 0;
        top: 45px;
        padding: 20px;
        z-index: 11111;
        width: 100%;
        border-top: 1px solid rgba(255,255,255,0.1);
    }
    .global-search-close { display: inline-block;}
    #icon-global-search { display: inline-block;}
    .hamburger-icon-panel img { }
    .settings-right-panel, .audit-right-panel, .apps-right-panel, .report-right-panel { padding: 0 5px 0 5px; width: 100% !important;}
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 100% !important; margin-bottom: 10px;}
    .slider-lhs-icon {     
        font-size: 0.625rem;
        position: absolute;   
        height: 30px;
        top:6px;
        z-index: 1;
        border: 1px solid var(--gray-border-02);  
        border-radius: 0 5px 5px 0;
        left: var(--slideIconLeft);
        right: -12px;
        width: 15px;
        padding: 2px 0px 2px 1px;
        background: var(--gray-bg-01);
        display: none;
        cursor: var(--cursor-pointer);
        transition: all 0.1s ease-in-out;
        background: -webkit-linear-gradient(to right, #efefef, #fafafa);
        background: linear-gradient(to right, #efefef, #fafafa);    
    }
    .slider-lhs-icon:after { content: "\e00b"; font-family: var(--font-vault); }
    .slider-lhs-icon:hover { padding: 2px 5px 2px 4px; right: -20px; }
    .slider-lhs-expand { margin-left: 0; }
    .slider-tree-expand { margin-left: var(--lhsWidth); transition: all 0.1s ease-in-out 0s; }
    .slider-lhs-collapse { margin-left:var(--lhsWidthMinus); transition: all 0.1s ease-in-out 0s; }
    .slider-tree-collapse { margin-left: var(--treeWidthMinus); transition: all 0.1s ease-in-out 0s; }
    .settings-panel-column { width: 32%; }
    .settings-search-panel { left: 0; }
    .folders-page-table-content { width: 1000px; }
    .folders-page-table-wrapper { overflow-x: auto !important; }
    .fine-grained-left-panel { width:60%; }
    .fine-grained-right-panel { width: 40%; }
    .form-vertical-md .form-label { width: 40%;}
    .form-vertical-md .form-field { width: 60%;}
    .zwIntegration .right-panel { margin-left: var(--lhsWidth); width: var(--centerWidth); }
    .zwIntegration .left-nav { margin-left: var(--lhsWidth0);}
    .zwIntegration .slider-tree-expand { margin-left: var(--lhsWidth0); transition: all 0.1s ease-in-out 0s; }
    .zwIntegration .hamburger-empty-div { 
        position: fixed;
        background: #fff;
        height: 100%;
        width: 72px;
        z-index: 11;
        border-right: 1px solid var(--border-gray-lighter);
        display: block;
    }
    .zwIntegration .left-nav { z-index: 11111; }
    .zwIntegration .hamburger-empty-div span {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        height: 30px;
        top: 15px;
        text-align: center;
        cursor: var(--cursor-pointer);
    }
    .zwIntegration .hamburger-icon-panel { padding: 12px 0 12px 0; text-align: center; }
    .zwIntegration .password-list-panel-div-collapse { width: 100%; }
    .zwIntegration .password-list-view-details-panel-expand { width: 80%; right: 0; }
    .zwIntegration .passwords-container-panel { position: relative; }
    .zwIntegration .slide-in, 
    .zwIntegration .slide-out, 
    .zwIntegration .tree-hide-icon, 
    .zwIntegration .tree-show-icon { display: none; }
}
@media screen and (min-width:200px) and (max-width:280px) { 
    .folders-container-panel { display: none;}
}
@media screen and (min-width:1024px) and (max-width:1280px) { 
    .card-view-password-list { width:25%; }
}
@media screen and (min-width:1280px) and (max-width:1366px) { 
    .card-view-password-list { width:20%; }
    /* .list-view-passwords-list .card-view-password-name { width: 50%; }
    .list-view-passwords-list p.card-view-password-description { width: 50%; } */   
}
@media screen and (min-width:1366px) and (max-width:1600px) { 
    .card-view-password-list { width:25%; }
    /* .list-view-passwords-list .card-view-password-name { width: 56%; }
    .list-view-passwords-list p.card-view-password-description { width: 56%; } */
}
@media screen and (min-width:1600px) and (max-width:1920px) { 
    .card-view-password-list { width:20%; } 
    /* .list-view-passwords-list .card-view-password-name { width: 66%; }
    .list-view-passwords-list p.card-view-password-description { width: 66%; } */
}
@media screen and (min-width:1920px) and (max-width:2560px) { 
    .card-view-password-list { width:20%; } 
}
/* This is for workplace use */
@media screen and (min-width:320px) and (max-width:1366px) {  
    /*.tree-show-icon { display: block; }
    .slide-in, .slide-out { display: none; }*/
}

/***** Geo location user list CSS ******/
.manage-user-list-content { width: 100%; }
.list-view-manage-users { }
.list-view-manage-users ul.manage-app-access-list li { width: 100%; margin-bottom: 0; padding: 0; }
.list-view-manage-users ul.manage-app-access-list li .manage-access-assign-checkbox { display: block; left: 10px; top: 14px; right:30px; width: 30px; }
.list-view-manage-users ul.manage-app-access-list li .manage-access-assign { top:16px; right: 55px; }
.list-view-manage-users ul.manage-app-access-list li .manage-app-access-list-inner { 
    display:flex; 
    align-items: center; 
    padding: 5px 15px 5px 40px; 
    border:none; 
    border-top: 1px solid var(--gray-border-03);
    text-align: left; 
}
.list-view-manage-users ul.manage-app-access-list li .manage-user-list-content { float: left; width: calc(100% - 100px); margin: 0 0 0 20px; }
.list-view-manage-users ul.manage-app-access-list li .manage-app-access-list-inner:hover { background:#f9f9fd !important; }
.list-view-manage-users-table-head { 
    padding: 4px 10px;
    border-bottom: 1px solid var(--border-gray-lighter);
    border-top: 1px solid var(--border-gray-lighter);
    position: relative;
    background: var(--bg-gray-lighter);
    display: table;
    vertical-align: var(--vertical-middle);
    box-sizing: border-box;
    text-align: left;
    font-weight: 600;
    font-size: 1rem;
    width: 100%;
}
.list-view-manage-users-table-head div { display: table-cell; }
.list-view-manage-users-table-head div:nth-child(1) { width: 30px; }
.list-view-manage-users-table-head div:nth-child(2) { }
.list-view-manage-users-table-head div:nth-child(3) { width: 80px; }
.geo-user-list-content-td {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    width: calc(100% - 0px);
    display: inline-block !important;
    overflow: hidden;
 }
.geo-user-list-content-td .table-text-sub-title { }
.geo-usergroup-list-table .icon-delete { display: none; }
.geo-usergroup-list-table tr:hover .icon-delete {  display: inline-block !important; }

/***** GEO Location Map CSS ******/
.zmap-drawingtoolbar-container.activeClass { top: 60px !important; }
.current-location-icon { top:285px !important; }
.ZMaps-ctrl-group { top: 325px !important; }
.zmap-drawingtoolbar-item-square-icon { fill: #02B76D !important; }
.zmap-drawingtoolbar-item-circle-icon { fill: #665CF3 !important; }
.zmap-drawingtoolbar-item-rectangle-icon { fill: #FA47AE !important}
.zmap-drawingtoolbar-item-polygon-icon{fill: #ff9d1c !important}
/* .zmap-drawingtoolbar-item .zmap-drawingtoolbar-item-delete-icon { fill: var(--bg-red); } */

/***** Compact view password list CSS ******/
.compact-view-passwords-list .card-view-password-list { height: 45px !important; }
.compact-view-passwords-list .card-view-list-left-img { width: 30px !important; height: 30px !important; margin-top: 0 !important; }
.compact-view-passwords-list .card-view-list-no-image { width: 30px !important; height: 30px !important; line-height: 30px !important; margin-top: 1px !important; font-size: 0.875rem; }
.compact-view-passwords-list .card-view-password-list-inner { padding: 1px 60px 1px 75px !important; overflow:unset !important; }
.compact-view-passwords-list .card-view-password-name { width: 25% !important; float: left ; font-size: 0.8125rem !important; }
.compact-view-passwords-list .card-view-list-left { margin-top: 0 !important; width:35px !important; }
.compact-view-passwords-list .card-view-favorite { top: 12px !important; left: 42px !important; }
.compact-view-passwords-list .card-view-password-icons { height: 45px; padding: 6px 10px !important; }
.compact-view-passwords-list .sharetome, .compact-view-passwords-list .sharebyme { top: 10px !important; }
.compact-view-passwords-list p.card-view-password-description { width: 45%; padding-left: 20px; }
.compact-view-passwords-list .card-view-list-right { margin-top:2px !important; }
.compact-view-passwords-list .card-view-password-top-section { height: 43px !important; padding: 5px 0 !important;}
.compact-view-passwords-list .card-view-access-control-icon { 
	top: 12px !important;
    left: 22px;
    width: 25px;
    height: 25px;
    padding: 0;
    font-size: 0.875rem;
    line-height: 20px;
}
.list-view-passwords-list .password-list-view-selected:before { height:64px !important; }
.compact-view-passwords-list .zv-pwd-details-header .card-view-list-no-image { width:45px !important; height:45px !important; line-height:45px !important; }
.compact-view-passwords-list .card-view-list-checkbox { top: 8px !important; }

/***** Reduced font weight after added zoho puvi font ******/
.fw-normal { font-weight: normal; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }
.total-count-panel h6 { font-weight: 400; }
.total-count-panel h2 { font-weight: 500; }

/***** Sync directory list CSS ******/
.sync-directory-list li { padding: 0 !important; margin:0 5px 0 0 !important; width: auto !important; cursor: pointer;}
.sync-directory-list .manage-app-access-list-inner { text-align: left; padding: 5px 10px; display: flex; align-items: center; }
.sync-directory-list .manage-app-access-list-inner .user-profile-image { width: 25px; height: 30px; margin: 0; display: inline-flex; }
.sync-directory-list .manage-app-access-list-inner .manage-user-list-content { margin: 0; width: auto; padding-left: 5px; }

/***** Genetate password/passphrase CSS ******/
.generator-panel { 
	position: relative;
    background: var(--primaryThemeColorLight);
    padding: 15px 15px 0 15px;		
}
.generator-panel-textarea { 
	background: var(--bg-white);
    height: 80px;
    border-radius: 0;
    text-align: center;
    word-break: break-all;
    padding: 0 15px 0 15px;
    line-height: 20px;
    font-size: 0.875rem;
    display: table-cell;
    vertical-align: middle;
    width: 360px;
    letter-spacing: 0.5px;
}
.color-bar-empty {
    width: 100%;
    height: 4px;
    background: #d3d3d3;
}
.color-bar {
    bottom: 1px;
    position: absolute;
    content: "&quot";
    height: 4px;
    left: 20px;
    transition: all 0.5s ease 0s;
}
.generator-panel-bottom { padding: 10px 0 15px; }
.generator-slider-panel { position:relative; }
.pass-gen-length-input { 
	background-color: transparent;
	font-weight: 400 !important;
	width: 20px !important;
	margin: 0;
	padding: 0;
}
.pg_sliderGrayBar { z-index: 0 !important; }
.pg_sliderBar { z-index:0 !important; }
input.pg_slider { background:none !important; }

/***** Unlock vault CSS ******/
.unlock-login-option-card-panel { display: flex; justify-content: center; }
.unlock-login-option-card {
    background: var(--bg-white);
    border: 3px solid #4E5BBE;
    border-radius: 8px;
    padding: 20px 20px 15px 20px;
    margin: 15px 10px 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.unlock-login-option-card:hover {
    background: var(--primaryThemeColorLight);
    border-color: var(--primaryThemeColor) !important;
    cursor: pointer;
}
.unlock-login-option-card-selected {
    background: var(--primaryThemeColorLight);
    border-color: var(--primaryThemeColor);
}
.unlock-login-option-card:hover span { color: var(--primaryTextColor);}
.unlock-login-or-panel { 
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
.unlock-login-or-panel-line { background: var(--bg-gray-dark); height: 1px; width: 100%; }
.unlock-login-loading-dots { height: 40px; position: relative; }

.unlock-login-or-panel-inner { background: var(--bg-white); position: absolute; padding: 5px 15px; }
.unlock-settings-panel { display: flex; width: 100%; }
.unlock-settings-inner { display: flex; width: 100%; border: 1px solid var(--border-gray-lighter); padding: 20px; border-radius: 5px; align-items: center; background: var(--bg-gray); }
.unlock-settings-col-left { width: 120px; }
.unlock-settings-col-left img { border-radius: 20px;}
.unlock-settings-col-center { flex: 1; }
.unlock-settings-col-right { width: 250px; text-align: right; }
.unlock-popup-panel { display: flex; width: 100%; border: 1px solid var(--border-gray-lighter); padding: 20px; border-radius: 5px; }
.unlock-popup-panel-left { width: 120px; }
.unlock-popup-panel-right { flex: 1; }
.unlock-link-button { 
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0 5px 0 5px;
    display: inline-flex;
    padding: 5px 15px;
    border-radius: 4px;
 } 
.unlock-link-button img { width: 25px; margin-right: 8px; }
.unlock-link-button:hover { text-decoration: underline;}

/***** Global search CSS ******/
.global-search-popup .global-searchinput { background: var(--bg-white); }
.global-search-popup button.global-search-dropdown { background:var(--bg-gray-lighter) !important; color: var(--txt-gray-darkest) !important; }
.global-search-popup .global-searchinput input { color: var(--txt-black); }
.global-search-popup .global-searchinput input::placeholder { color: var(--txt-gray-dark)}
.global-search-popup-filter { 
    display: none;
    position: absolute;
    z-index: 100;
    right: 3px;
    top: 4px;
    font-size: 0.75rem;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
}
.global-search-popup-filter:hover { background: var(--primaryThemeColorLight); color: var(--primaryThemeColor); }
.global-search-popup-container { 
    display: none;
    background: var(--bg-white);
    padding: 4px 7px;
    top: 38px;
    position: absolute;
    z-index: 100;
    width: 100%;
    border: 1px solid var(--gray-border-01);
    border-radius: 5px;
    box-shadow: 1px 7px 10px rgba(0,0,0,0.2);
    overflow: hidden;
}
.global-search-chips { 
    display: flex;
    flex-wrap: wrap;
    align-items: center;
 }
 .global-search-chips-list { 
    background: var(--bg-gray); 
    margin:4px 8px 4px 0; 
    padding: 1px 12px; 
    cursor: pointer; 
    border: 1px solid var(--border-gray);
    border-radius: 4px;
}
/* .global-search-chips-list:before {
    content: "\e083";
    font-family: 'vault';
    float: left;
    margin-right: 6px;
    font-size: 0.75rem;
} */
.global-search-chips-list:hover { background: var(--bg-gray-lighter); }
.global-search-chips-list-selected { 
    background: var(--primaryThemeColorLight); 
    color: var(--primaryThemeColor); 
    border-color: var(--primaryThemeColor);
}
/* .global-search-chips-list-selected:before {
    content: "\e083";
    font-family: 'vault';
    float: left;
    margin-right: 6px;
    font-size: 0.75rem;
} */
.global-search-chips-list-selected:hover { background: var(--primaryThemeColorLight); color: var(--primaryThemeColor); }
.global-search-categories-selected { 
    float: left;
    background: var(--treeListSelectedBgColor);
    border: 1px solid var(--primaryThemeColor);
    height: 30px;
    margin: 4px 20px 3px 0px;
    border-radius: 5px 0 0 5px;
    display: flex;
    align-items: center;
    position: relative;
}
.global-search-categories-selected:after {
    content: "";
    width: 20px;
    height: 20px;
    background: var(--treeListSelectedBgColor);
    position: absolute;
    right: -11px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: 1px solid var(--primaryThemeColor);
    top: 4px;
    border-left: 0;
    border-bottom: 0;
}
.global-search-categories-selected-icon { 
    width: 30px;
    height: 30px;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    float: left;
}
.global-search-categories-selected-text { 
    float: left; 
    max-width: 150px;
    line-height: 30px; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    word-break: break-all;
}
.global-search-categories-selected-close {
    width: 30px;
    height: 30px;
    font-size: 0.5625rem;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    color: var(--primaryTextColor);
    float: left;
    cursor: pointer;
}
.global-search-input-container { width: calc(100% - 180px); float: left; }
.global-search-popup-expand { width: 700px; transition: all 0.4s ease-in-out; position: relative; z-index: 100;} 
.global-search-input-container-expand { width: calc(100% - 195px); }
.global-search-input-container-filtered { width: calc(100% - 320px); }

/*=============== Passcard CSS ===============*/
.passcardTopHeader {
    height: 48px;
    padding: 0 16px;
    width: 100%;
    z-index: 11;
    display: flex;
    background: var(--primaryThemeColor);
}
.passcardTopHeader__inner { 
    width: 100%; 
    margin: 0 auto; 
    display: flex;
    align-items: center; 
    justify-content: space-between;
}
.vault__logo { display: flex; align-items: center; }
.vault--logo--img { width: 24px; height: 24px; }
.vault--logo--text { color: var(--txt-white); font-size: 1.125rem; margin-left: 16px; }
.profile__picture { width: 32px; height: 32px; cursor: pointer; }
.profile--picture--image {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid var(--bg-white-color);
}
.passcardContainer {  display: flex;  background: var(--bg-gray-light) url(../images/passcard-bg.1a20c33c24bc1da2f8a193996cd19a83.png); background-size: 50%; height: calc(100vh - 48px);}
.passcardContainer__inner { width:80%; margin: 0 auto; display: flex; padding: 80px 0; }
.passwordDetailsPage--alone { 
    width: 60%; 
    margin: 0 auto;
    background: var(--bg-white-color);
    border: 1px solid var(--border-gray-lighter);
    border-radius: 16px;
}
.passwordDetailsHeader { 
    margin-bottom: 0; 
    padding:24px 32px; 
    background: var(--bg-gray); 
    border-radius: 16px 16px 0 0; 
    border-bottom: 1px solid var(--border-gray-lighter); 
}
.passcardLabelGroup { display: flex;  margin: 8px 0; }
.passcardLabel__left { width: 50%;  text-align: left; padding-right: 20px; display: inline-flex; align-items: center; }
.passcardLabel__center { width: calc(100% - 60px); font-size: 0.875rem; word-break: break-word; display: inline-flex; align-items: center; }
.passcardLabel__right { width: 60px; }
.passcard--label--text--top { align-items: flex-start; }
.passcardLabel--password--field { font-size: 1.25rem; position: relative; top: 5px; }
.passcardPasswordCustomField { background: var(--bg-gray); border: 2px solid var(--border-gray-lighter); padding: 16px 24px; border-radius: 16px; margin-top: 24px; }
.passcardPasswordCustomField__title { padding: 10px 0 5px 0; font-size: 0.9375rem; font-weight: 600; }
.passwordDetails__avatar {
    border-radius: 100%;
    width: 64px;
    height: 64px;
    color: var(--txt-white);
    font-size: 1.25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.passwordDetails__avatar--image { 
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.passwordDetails__avatar--noimage { 
  background: var(--bg-green-darkest);
  width: 100%;
  height: 100%;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.passcardLabel--text { font-size: 0.875rem; color: var(--txt-gray-dark); }
.passwordDetailsHeader--title { font-size: 1.25rem; margin: 5px 0; color: var(--txt-gray-darkest);}
.passwordDetailsHeader--sub--title { font-size: 0.8125rem; color: var(--txt-gray-dark); margin: 0; }
.passwordDetailsHeader--LabelGroup { display:flex; align-items: center; }
.passwordDetailsHeader__passcardLabel__right { margin-left: 24px;}
.passwordDetailsContent { padding: 16px 32px; overflow: auto; }
.folder--list--count { 
    color: var(--txt-gray-darkest);
    font-size: 0.8125rem;
    background: #f1f1f1;
    padding: 5px 10px;
    margin-left: 5px;
    border-radius: 15px;
}
.icon--copy, .icon--view, .icon--hide { 
    height: 32px;
    width: 32px;
    font-size: 1rem;
    float: left;
    cursor: pointer;
}

.logout__section__container { 
    position: absolute;
    background: var(--bg-white-color);
    width: 380px;
    top: 48px;
    right: 20px;
    padding: 16px;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,0.1);
    display: none;
}
.logout__section__container__inner { display: flex; }
.logout__section__container__inner__left { width: 50px; }
.logout--profile--image { 
    width: 50px; 
    height: 50px;
    border-radius: 100%;
    border: 1px solid var(--bg-white-color);
}
.logout--profile--title { margin: 0; font-size: 0.875rem; }
.logout--profile--sub--title { margin: 2px 0 0 0; color: var(--txt-gray-dark); }
.logout--profile--button { 
    color: var(--bg-red);
    border: 1px solid var(--border-red);
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 0.8125rem;
    margin-top: 5px;
    display: inline-block;
}
.logout--profile--button:hover { background-color:var(--signoutButtonHoverBg) ;}
.logout__section__container__inner__right { margin-left: 24px;}

/*=============== Toggle on/off CSS ===============*/
.and_Or_Switch { 
    position: relative;
    display: inline-flex;
    transition: .2s ease-in;
    overflow: hidden;
    border-radius: 17px;
    margin-right: 6px;
 }
.and_Or_Switch label span { margin: 0 0px 0 10px; }
.and_Or_Switch i {
    background: var(--bg-white);
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    pointer-events: none;
    box-shadow: 0 0 4px var(--shadow-rgba-02);
    transition: .2s ease-in;
}
.and_Or_Switch i:before {
    content: "OFFLINE";
    font-style: normal;
    display: inline-block;
    font-size: 0.6875rem;
    padding: 11px 2px 2px 25px;
    color: var(--txt-black);
}
.and_Or_Switch label {
    border-radius: 14px;
    height: 24px;
    width: 80px;
    background: var(--bg-gray-light);
    margin: 0;
    cursor: pointer;
}
.and_Or_Switch input { display: none; }
.and_Or_Switch input:checked~i { left: 58px; }
.and_Or_Switch input:checked~i:before {
    content: "ONLINE";
    font-style: normal;
    padding: 11px 2px 2px 1px;
    margin-left: -47px;
    color: var(--txt-white);
}
.and_Or_Switch input:checked~label { background: var(--bg-green-darkest); }
.and_Or_Switch>span { display: inline; margin-left: 7px; opacity: 1; }

.clear-clipboard-panel-inner {
    background: #ffed68;
    padding: 5px 15px;
    border-radius: 4px;
    margin-right: 10px;
    margin-top: 6px;
    font-size: 0.875rem;
    cursor: pointer;
    color: var(--txt-black);
}
.clear-clipboard-panel { float: left; position: relative; z-index:111; }
.folder-custom-checkbox { width: 32px; height: 32px; margin-right: 5px; border-radius: 100%; }
.folder-custom-checkbox:hover { background: var(--treeListSelectedBgColor); }
.folder-custom-checkbox label.lyteCheckbox { padding: 2px 0px 2px 9px; }

/*=============== Passkey CSS ===============*/
.passkey-separation { 
    background: var(--bg-white);
    box-shadow: 0 1px 2px var(--shadow-rgba-01);
    border: 1px solid var(--border-gray);
    padding: 10px 0px;
    border-radius: 8px;
    position: relative;
}
.passkey-separation-delete { position: absolute; right: 10px; top: 5px; }

/*=============== Added new classed instead of inline style for score ===============*/
.lyte-width-10 { width: 10%; }
.lyte-width-11 { width: 11%; }
.lyte-width-12 { width: 12%; }
.lyte-width-13 { width: 13%; }
.lyte-width-14 { width: 14%; }
.lyte-width-15 { width: 15%; }
.lyte-width-16 { width: 16%; }
.lyte-width-17 { width: 17%; }
.lyte-width-18 { width: 18%; }
.lyte-width-19 { width: 19%; }
.lyte-width-20 { width: 20%; }
.pos-relative { position: relative; }
.pos-absolute { position: absolute; }
.pos-unset { position:unset; }

.word-break { word-break: break-word; }
.word-break-all { word-break: break-all; }
.white-space-pre { white-space: pre; }
.white-space-normal { white-space: normal; }
.color-red { color: #ff535b !important; }
.line-height-33px { line-height: 33px; }
.line-height-40px { line-height: 40px; }
.viewCC-scroll { max-height:200px;overflow:auto; }
.secret-notes-custome-height { width: 90%; height: 100%; border: none; }
.acticons-margin { float:right; margin : 9px 11px 2px 3px; }
.btposcent-custom { padding-left:73px;text-align:center;padding-top:10px; }
.importUtilis-select { width:100px;height:25px; }
.dashboard-container-footer { bottom: 0;position: absolute;width: 100%; }
.scgtab-dropdown-custom { position:absolute; top:3px; right: 0 }
.modTextField-custom { width: 90%; height: 100%; border: none }
.password-add-icon-custom { visibility:hidden;position:absolute;top:0;right:0; }
.customattrivalue-input-custom { visibility:hidden;position:absolute;top:0; }
/* .notification-panel-custom { right:-450px;z-index: 999999; } */
.message2-textarea-custom { max-width: 500px;max-height: 100px; }
.keyboardshortcutForm-custom { width:820px; right: -835px; }
.markBannerMessageRead-custom { position: absolute;right: 36px;text-decoration: underline; }
/* .supportForm-custom { right: -535px; } */
.chamber-path-custom { width: 100%; max-width: 100% !important; }
.idp-certificate-pre-text { font-family: 'Open Sans Regular'; white-space: pre-wrap;word-wrap: break-word; }
.registerYield-th-td-custom { min-width: 10px; width:10px; }
.zohoOneLauncher-custom { margin-left:0px ;margin-top:2px; width: 40px; }
/* .notificationPanel-custom { right:-450px;z-index: 1005; } */
.main-logo-custom { width:30px;height:30px; }
.user-modal-custom { right:-100%;transition: all 0.4s ease-in-out; }
.user-modal-overlay-custom { display:block;z-index:115; }
.img-w-h-50px { width: 50px; height: 50px; }
.top-20 { top: 20px; }
.hipimg-custom { clear: left; padding-top: 5px; }
/* .profilePanel-custom { z-index: 22222;right: -360px; } */
.default-list-lyte-modal-content-custom { max-height: calc(100% - 130px);overflow: hidden;position: relative; }
.team_assessment_table-lyte-table-structure { width: 100%; max-height: 600px; }
.team-assessed-secret-name-custom,
.table-text-title-div-width-custom { width: calc(100% - 40px); }
.team-assessed-secret-name-ellipsis-custom,
.table-text-title-ellipsis-custom { text-overflow: ellipsis;overflow: hidden; }
.team-assessed-secret-username-lyte { max-width:250px;overflow: hidden; }
.users_assessment_container_modal_custom { width:max-content !important;max-height: 750px; }
.users_assessment_table_lyte_table_custom { width: 100%; max-height: 600px; }
.assessed_passwords_container_modal_custom { width:max-content !important;max-height: 750px; }
.user-dashboard-tags-chart-panel-custom { height: 300px;box-sizing: border-box;position: relative;width: calc(100% - 20px); }
.card-view-list-left-img-custom { width: 60px; height:60px; }
.cloud-file-custom { position: absolute;z-index: 1099; top:0px; left:0px;height:700px;width:100%; }
.importsecret_other-textarea-custom { height:100% !important; width:100% !important; resize:vertical !important; }
.importeddata-lyte-table-custom { height:360px;width: 100%;margin-top:10px; }
.importview-warning-text-custom { margin-top:0;padding-bottom:3px; }
.azure-user-table-first-col-custom, .lyte-table-first-col-custom { min-width: 10px; width:10px; }
.azure-user-error-text-custom { right: 0px; top: 3px; width: auto; }
.azure-user-empty-div-custom { padding: 30px 0;height: 200px; }
.add-user-slider-overlay-custom { display: none; z-index: 112; }
.user-panel-slider-right-custom, 
.manage-apps-slider-right-custom,
.userGroupSlider-custom { right: -100%; }
.transer-ownership-silder-right-custom, 
.manage-app-silder-right-custom,
.add-password-slider-right-custom,
.website-password-container-right-custom,
.manage-app-silder-custom { right:-60%; }
.quick-add-password-slider-right-custom { right: 0%; }
.openSyncSettings-button-custom { margin-top:-8px; }
.previewimport { margin-top: 48px; }
.user-modal-slider-custom { right:-100%;transition: all 0.4s ease-in-out; }
.sp-section-form-padding-custom { padding-left:210px; }
.popupEventsTable-popover-header-custom { min-width: 180px;padding: 8px 15px !important;border-bottom: 1px solid var(--gray-border-02); }
.popupEventsTable-popover-content-custom { padding: 15px 30px; }
.team_assessed_passwords_container_modal_custom { width:max-content !important;max-height: 750px; }
.parentFolderId-dropdown-custom { width: 420px;max-width: 100% !important; }
.secretData-edit-input-custom { padding-left: 25px !important; padding-right: 40px !important }
.secretData-edit-text-filesize-custom { visibility:hidden;position:absolute;top:0;left: 0;right:0; }
.secretData-edit-expirydate-custom { position: absolute;right: 4px; top: 4px; }
.secretData-edit-expirydate-input-custom { width: 111px; border: none; box-shadow: none; display: inline-block; }
.current_totp_input_custom { letter-spacing: 1px;user-select: none; font-weight: bold;color: black;padding-left: 36px; }
.totp-algorithm-lyte-dropdown-custom, .password-add-lyte-dropdown-custom { width: 100%; max-width:100%; }
.totp-algorithm-lyte-drop-button-custom, .password-add-lyte-drop-button-custom { padding-left: 0px !important; }
.totp-timeperiod-input-custom { z-index: 1;background:transparent; }
.totp-timeperiod-input-span-custom { position: absolute;top: 2px;left: 30px;z-index: -1; }
.totp-settings-lyte-popover-footer-custom { padding-top:0 !important;padding-bottom: 15px !important; }
.fine-grained-user-slider-overlay-custom,
.data-backup-user-slider-overlay-custom,
.ip-restriction-user-slide-overlay-custom,
.user-group-user-slider-overlay-custom { display: none; z-index: 1001; }
.filteredExemptedUserGroups-user-profile-no-image { width: 40px;height: 40px;line-height: 40px; }
.password-share-lyte-footer-custom { height:77px; }
.webauthn-unlock-option-authenticator-image { height:90px;width:90px;float:left; }
.passwordnameautocomplte-lyte-autocomplete-custom { width:100%;position: relative;float:left; }
.defaultPolicyId-lyte-drop-button-custom { border:none; border-bottom: solid 1px #d6d6d6; }
.password-trash-view-change-panel-i { margin: 7px 7px 0px 0px; }
.extension-list.popup li a { width: 50px; height: 50px; line-height: 45px; }
.getLogoExtension-image-custom { height: 40px; width: 40px; }
.user-selected-panel-custom { max-width: 230px; }
.user-selector-custom { min-height: 400px; }
.input-showhide-icon-custom { top: 16px; right: 10px; }
.failed_frame_ui_image_custom { height: 150px; margin: 50px; }
.authenticator_name_error_height_custom { min-height: 20px; }
.folders-page-table-row-custom { margin-left: 30px; width: calc(100% - 30px); }
.passkey-separation-card-view-list-no-image-custom { width:100%;height:100%;background-color: var(--primaryThemeColor); }
.file_dateinfo_custom { position: absolute;right: 4px; }
.totp-panel-circle-div-custom { position: relative; left: -3px;height:36px; }
.strength_generated_div_custom { left: 0px;background: rgb(62, 177, 125);width: 40%;bottom: 0px; }
.unlock-extension-div-custom { min-height: 100px;position: relative; }
.unlock-container-login-panel-custom { z-index: 10; }
.sprite_lyte_night_image_custom { height: 320px; width: 400px; }
.verify-domain-border { border: 1px solid var(--primaryThemeColor) !important; }
.password-details-slider-collapse { right: -500px; transition: all 0.1s ease-in-out; opacity: 1; }

.notification-panel-collapse { right: -450px; }
.notification-panel-expand { right: 0px; }
.profile-panel-collapse { right: -360px; }
.profile-panel-expand { right: 0px; }
.feedback-panel-collapse { right: -535px; }
.feedback-panel-expand { right: 45px; }
.keyboard-shortcut-collapse { width: 820px; right: -835px; }
.keyboard-shortcut-expand { width: 820px; right: 45px; }
.request-assistance-collapse { right: -535px; }
.request-assistance-expand { right: 45px; }

.right-0 { right: 0; }
.right-minus60 { right: -60%; }
.right-minus100 { right: -100%; }

.font-size-12px { font-size: 12px; }
.font-size-13px { font-size: 13px; }
.font-size-15px { font-size: 15px; }
.font-size-16px { font-size: 16px; }
.font-size-18px { font-size: 18px; }
.m-t-38 { }

.width-5 { width: 5%; }
.width-10 { width: 10%; }
.width-20 { width: 20%; }
.width-25 { width: 25%; }
.width-30 { width: 30%; }
.width-40 { width: 40%; }
.width-50 { width: 50%; }
.width-60 { width: 60% !important; }
.width-70 { width: 70%; }
.width-75 { width: 75%; }
.width-80 { width: 80%; }
.width-90 { width: 90%; }
.width-95 { width: 95%; }
.width-98 { width: 98%; }
.width-100 { width: 100% !important; }
.min-width-100 { min-width: 100%; }

.width-10px { width: 10px !important; }
.width-16px { width: 16px !important; }
.width-30px { width: 30px !important; }
.width-40px { width: 40px !important; }
.width-60px { width: 60px !important; }
.width-70px { width: 70px !important; }
.width-90px { width: 90px !important; }
.width-100px { width: 100px !important; }
.width-110px { width: 110px !important; }
.width-115px { width: 115px !important; }
.width-120px { width: 120px !important; }
.width-140px { width: 140px !important; }
.width-145px { width: 145px !important; }
.width-150px { width: 150px !important; }
.width-160px { width: 160px !important; }
.width-170px { width: 170px !important; }
.width-190px { width: 190px !important; }
.width-200px { width: 200px !important; }
.width-205px { width: 205px !important; }
.width-220px { width: 220px !important; }
.width-240px { width: 240px !important; }
.width-250px { width: 250px !important; }
.width-280px { width: 280px !important; }
.width-300px { width: 300px !important; }
.width-330px { width: 330px !important; }
.width-400px { width: 400px !important; }
.width-450px { width: 450px !important; }
.width-500px { width: 500px !important; }
.width-550px { width: 550px !important; }
.width-580px { width: 580px !important; }
.width-600px { width: 600px !important; }
.width-750px { width:750px !important; }
.width-800px { width: 800px !important }
.width-950px { width: 950px !important; }
.width-1000px { width: 1000px !important; }
.max-width-100px { max-width: 100px !important; }
.max-width-250px { max-width: 250px !important; }
.max-width-300px { max-width: 300px !important; }

.height-100 { height: 100% !important; }
.height-25px { height: 25px !important; }
.height-40px { height: 40px !important; }
.height-50px { height: 50px !important; }
.height-77px { height: 77px !important; }
.height-80px { height: 80px !important; }
.height-90px { height: 90px !important; }
.height-100px { height: 100px !important; }
.height-120px { height: 120px !important; }
.height-150px { height: 150px !important; }
.height-200px { height: 200px !important; }
.height-210px { height: 210px !important; }
.height-250px { height: 250px !important; }
.height-260px { height: 260px !important; }
.height-270px { height: 270px !important; }
.height-290px { height: 290px !important; }
.height-300px { height: 300px !important; }
.height-310px { height: 310px !important; }
.height-330px { height: 330px !important; }
.height-350px { height: 350px !important; }
.height-450px { height: 450px !important; }
.height-500px { height: 500px !important; }
.height-550px { height: 550px !important; }
.height-600px { height: 600px !important; }
.height-882px { height: 882px !important; }
.max-height-100 { max-height: 100% !important; }
.max-height-600 { max-height: 600px !important; }
.max-height-150 { max-height: 150px !important; }
.max-height-unset { max-height: unset; }
.height-auto { height: auto !important; }

.display-none { display: none; }
.display-block { display: block; }
.margin-unset { margin: unset; }
.overflow-hidden { overflow: hidden; }
.overflow-auto { overflow: auto; }
.top-0 { top: 0; }
.feedbackForm-custom { right: -535px; }
.clear-both { clear: both; }
.clear-left { clear: left; }
.cursor-default { cursor:default; }
.opacity-8 { opacity: 0.8; }

/* =============== Download Popup CSS =============== */
.download-popup-panel {
	width: 400px;
	border: 1px solid var(--border-gray-lighter);
	position: fixed;
	right: 48px;
	bottom: 0;
	z-index: 111111;
    box-shadow: 0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12),0px 5px 5px -3px rgba(0,0,0,.2);
}
.download-popup-panel-header {
	background: var(--bg-gray-light);
	padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
}
.download-popup-panel-header-title { font-size: 15px; }
.download-popup-panel-content {
	background: var(--bg-white);
	padding:0;
    max-height: 235px;
    overflow: auto;
}
.download-popup-list { 
    padding: 12px 20px; 
    display: flex; 
    column-gap: 16px; 
    position: relative; 
    border-top: 1px solid var(--gray-border-01); 
}
.download-popup-list:first-child { border: none; }
.download-popup-header-right { position: absolute; right: 10px; top: 5px; }
.download-popup-list-download-icon { position: absolute; right: 5px; top: 5px; }
.download-popup-list-download-icon .vault-list li:nth-child(2) { display: none;  }
.download-popup-list:hover .download-popup-list-download-icon .vault-list li:nth-child(1) { display: none;  }
.download-popup-list:hover .download-popup-list-download-icon .vault-list li:nth-child(2) { display: block;  }
.download-popup-list:hover .download-popup-list-download-icon .vault-list li a { color: var(--txt-green); }
.download-popup-list-download-icon .vault-list li a { font-size: 18px; color: var(--txt-green); }
.download-popup-list:hover { background: var(--bg-gray); }
.download-popup-spinner-panel { position: absolute; right: 20px; top: 13px; }
.download-popup-spinner { 
    border-top: 3px solid var(--bg-green);
    border-right: 3px solid var(--bg-green);
    border-bottom: 3px solid var(--bg-green);
    border-left: 3px solid var(--border-white);
}
.download-popup-bar-loader { 
	width: 328px;
    margin: 5px auto 0 auto;
    border-radius: 10px;
    position: relative;
    padding: 1px;
    background:  var(--bg-gray-lighter);
    position: relative;
    bottom: 0;
    height: 3px;
}
.download-popup-bar-loader:before {
  	content: '';
    border-radius: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    left: 0px
}
.download-popup-bar-loader .loaderBar { 
	position: absolute;
    border-radius: 10px;
    top: 0;
    right: 100%;
    bottom: 0;
    left: 0;
    background: var(--bg-green);
    width: 0;
    animation: downloadBarLoader 2s linear infinite;
    height: 3px;
}
.loaderBar-complete { background: var(--bg-green); height: 3px; }

@keyframes downloadBarLoader {
  0% {
    left:0%;
    right:100%;
    width:0%;
  }
  10% {
    left:0%;
    right:75%;
    width:25%;
  }
  90% {
    right:0%;
    left:75%;
    width:25%;
  }
  100% {
    left:100%;
    right:0%;
    width:0%;
  }
}

/****====== WEB HOOK ENTITY FILTER CSS START ==========*****/
.entityFillerContainer {
    display: flex;
    position: absolute !important;
    flex-direction: column;
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgba(134, 134, 134, .4);
    border-radius: 2px;
    width: auto;
    overflow-y: auto;
    box-sizing: border-box;
    background: var(--bg-white);
    height: 150px;
    z-index: 11;
}

.entityFilter__list {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
}
.entityFilter__list:hover { background: var(--primaryThemeColorLight); }

.entityFilter__list--option{
    display: block;
    width: 100%;
    white-space: nowrap;
    padding: 1px 12px;
    font-size: 0.75rem;
}

.entity--active {
    color: var(--primaryThemeColor);
    background: var(--primaryThemeColorLight);
    width: 100%;
}
/****====== WEB HOOK ENTITY FILTER CSS END ==========*****/

.error-text-trim {
    float: left;
    width: 276px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.breached-error-website { float: right; }

/****====== GLOBAL SEARCH REVAMP CSS START ==========*****/
.zvSearchWrapper { 
    border-top: 1px solid var(--gray-border-01);
    margin-top: 5px; 
    height: 400px !important;
}
.zvPassword__list { 
    display: flex;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid #f7f7f7;
    padding: 8px 16px;
    min-height: 52px;
    cursor: pointer;
}
.zvPassword__list:hover { background: var(--hover-gray); }
.zvPassword__list__image { 
    height: 32px;
    width: 32px;
    display: inline-block;
    background-repeat: no-repeat !important;
    border-radius: 100%;
    vertical-align: var(--vertical-middle);
}
.zvPassword__list__noimage { 
    width: 32px;
    height: 32px;
    border-radius: 100%;
    color: var(--txt-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}
.zvPassword__list--avatar { 
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-size: cover;
    display: inline-flex;
}
.zvPassword__list--avatarPanel { position: relative;}
.zvPassword__list__content { flex-grow: 1; width: 200px; }
.zvPassword__list__accesscontrol {
    position: absolute;
    top: 13px;
    right: -13px;
    font-size: 14px;
    width: 24px;
    height: 24px;
    background: var(--bg-white);
    border-radius: 100%;
    border: 1px solid #f2f2f2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.zvPassword__list__icons { display: none; right: -4px; position: relative; }
.zvPassword__list:hover .zvPassword__list__icons { display: inline-flex; }
.zvPassword__list--title { 
    margin: 0;
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.zvPassword__list--subtitle { 
    margin: 0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 0.8rem;
    line-height: 20px;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.zvSearchSlider {
    background: var(--bg-white);
    width: calc(100% - 14px);
    height: 400px;
    top: 46px;
    z-index: 1;
    padding:20px;
    transform: translateX(100%);
    transition: all 0.3s ease-in;
    position: absolute !important;
}

.zvQuickSearchPanelMain {  width: 100%; }
.zvSearchSlider__expand { transform: translateX(0); }
.zvSearchSlider .password-list-view-details-close { position: absolute; right: 0; }
.zvSearchSlider .zv-password-custom-field { background: var(--bg-gray); }
.zvPassword__list__sharing { width: 20px; }
.zvPassword__list__viewport {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px 16px;
}
.zvPassword__list--loading--circle { 
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-image: linear-gradient(90deg, var(--bg-gray-light) 0px, var(--bg-gray-lighter) 40px, var(--bg-gray-light) 80px);
    animation: animate-loader 1.6s infinite linear;
    display: inline-flex;
}
.zvPassword__list--loading--bar { 
    width: 200px;
    height: 16px;
    border-radius: 4px;
    flex-grow: 1;
    background-image: linear-gradient(90deg, var(--bg-gray-light) 0px, var(--bg-gray-lighter) 40px, var(--bg-gray-light) 80px);
    animation: animate-loader 1.6s infinite linear;
}
.zvPassword__list--loading--star {
    height: 16px;
    width: 16px;
    color: var(--bg-gray-light);
}
@keyframes animate-loader {
    0% {
      background-position: -100px;
    }
    40%,
    100% {
      background-position: 270px;
    }
}
/****====== GLOBAL SEARCH REVAMP CSS END ==========*****/

.search-bar-container{
    padding-top: 15px;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--bg-white-color);
}

.table-text-sub-title{
    font-size: 0.8125rem !important;
    font-weight: normal;
}
.folders-page-table-col-name  {
    font-weight: 400;
    font-size: 0.8125rem;
}
.table-text-title-folder-col{
    font-weight: 500; font-size: 0.875rem;
    margin-bottom: 0px;
}
.transfer-folder-share-icon{
    position: absolute;
    right: -15px;
    top: 5px;
}
/****====== HEADER AND LEFT NAV SEPARATION CSS START ==========*****/
.vault-logo-panel { display: inline-flex; align-items: center; height: 48px; }
.vault-logo-panel .hamburger-icon-panel { padding: 0; margin-left: 16px; line-height: 0; height: auto; }
.vault-logo-panel .vault-logo-text { float: none; margin: 0 0 0 8px; }
/****====== HEADER AND LEFT NAV SEPARATION CSS END ==========*****/
.onezoho-global-search {
    position: absolute;
    right: 0;
    z-index: 100;
}

.siem-logo-custom{
    width: 95px;
    background-position: 0;
}

/****====== ACCESS CONTROL CSS START ==========*****/
.access-control-dropdown {
    float: none;
    vertical-align: middle;
}
/****====== ACCESS CONTROL CSS END ==========*****/

.transfer-ownership-folder-trim {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.additional_field {
    position: absolute;
    bottom: 80px;
    margin-left: 20px;
    z-index: 1;
}



.passkey-details-separation-panel-undo {
    background: var(--bg-gray-lighter);
   border-radius: 8px;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 11;
   border: 1px dashed var(--border-gray);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   gap: 12px;
   }