/**
 *
 * ID123Inc CONFIDENTIAL
 * ___________________________
 *
 * Copyright ID123 Inc [2020]
 * All Rights Reserved.
 *
 * NOTICE: All information contained herein is, and remains
 * the property of ID123 Inc. The intellectual and technical
 * concepts contained herein are proprietary to ID123 Inc.
 * and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or
 * copyright law. Dissemination of this information or
 * reproduction of this material is strictly forbidden unless
 * prior written permission is obtained from ID123 Inc.
 * No warranty, explicit or implicit, provided.
 *
*/

/* Sticky Sidenav */
.app-admin-wrap {width:100%;}
.transition {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
/* Font size */
.fa-12px {font-size:12px}.fa-16px{font-size:16px}.fa-18px {font-size:18px}.fa-20px {font-size:20px}
/* Sub menus */
.childNav .nav-item a, .childNav .nav-item a:hover, .childNav .nav-item a:visited {color:black;}
.childNav .nav-item.active a.open {font-weight: bold;}
/* Menu open/close toggle icon */
#sidebarIconToggler-span{background:white;cursor:pointer;position:fixed;z-index:101;left:242px;top:80px;border-radius:100%;height:20px;width:20px;box-shadow:0 0 0 2px rgba(0,0,0,.06), 0 1px 5px rgba(0,0,0,0.3)}
#sidebarIconToggler-span.open{left:250px}
#sidebarIconToggler-span.closeMenu{left:55px}
#sidebarIconToggler:hover{color:white;}
#sidebarIconToggler{position:relative;left:5px;top:-1px;font-size:13px;}
#sidebarIconToggler.rotate-180{left:6.5px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#sidemenu-list {position:relative;top:84px}
.childNav i {font-size:12px;position:relative;bottom:2px}
/* Account Logo, username and email address */
#account-logo-card-circle{border-radius:100%;height:55px;width:55px;z-index:100;position:fixed;display:flex;justify-content:center;left:6px;top:6px;}
#menu-minimized-logo {padding:0;margin:0;position:relative;top:-4px;left:3px;}
#menu-minimized-logo img {height:30px;width:30px;position:relative;top:3px;left:-2px}
#account-logo-card {position:fixed;top:10px;left:26px;height:auto;max-height:105px;width:200px;z-index:100;background-color:white;border-radius:10px;padding:10px 0}
#account-logo-card.moveLeftTop {border-radius:100%;height:55px;width:55px;left:6px;top:6px}
#account-logo-card_userDetails a{color:black;font-size:14px !important;line-height:1.6}
h1.homeLogo a{height:40px;text-decoration:none;display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;background-size:auto 36px;margin:0 auto}

/* Small triangle for active MainMenu items */
.hideTriangle {opacity:0 !important;}
.integration-icon{height:21px;width:100%;display:inherit}
.integration-icon-small{height:16px;width:auto;display:inline;margin-right:7px}
.scanner-icon{height:21px;width:100%;display:inherit}
 .wallet-submenu-triangle-left,.tools-submenu-triangle-left,.integrations-submenu-triangle-left,.account-submenu-triangle-left,.api-submenu-triangle-left,.billing-submenu-triangle-left,.notifications-submenu-triangle-left,.help-submenu-triangle-left,.options-submenu-triangle-left, .scanner-submenu-triangle-left, .logs-submenu-triangle-left{width:0;height:0;border-style:solid;border-width:8px 9px 8px 0;border-color:transparent #ffffff transparent transparent;line-height:0;position:absolute;right:0;top:13px}
.wallet-submenu-triangle-left,.tools-submenu-triangle-left,.integrations-submenu-triangle-left,.account-submenu-triangle-left,.api-submenu-triangle-left,.billing-submenu-triangle-left,.notifications-submenu-triangle-left,.help-submenu-triangle-left,.options-submenu-triangle-left, .scanner-submenu-triangle-left, .logs-submenu-triangle-left{opacity:0}
.sidebar-left{left:calc(-120px - 20px);z-index:90}
.sidebar-left.open{top:0;left:0}
.sidebar-left,.sidebar-left-secondary{position:fixed;top:0;height:100vh;box-shadow:0 4px 0 1px rgba(0,0,0,.06), -6px 1px 10px rgba(0,0,0,0.5);-webkit-box-shadow:0 4px 0 1px rgba(0,0,0,.06), -6px 1px 10px rgba(0,0,0,0.5);-moz-box-shadow:0 4px 0 1px rgba(0,0,0,.06), -6px 1px 10px rgba(0,0,0,0.5);-o-box-shadow:0 4px 0 1px rgba(0,0,0,.06), -6px 1px 10px rgba(0,0,0,0.5)}
.sidebar-left .logo{display:none}
.navigation-left {width:66px;list-style:none;text-align:center;height:100%;margin:0;padding:0}
.navigation-left .nav-item.active,.far,.fas,.nav-text{color:white}
.navigation-left .nav-item:hover .far,.sidebar-left .navigation-left .nav-item:hover .fas,.sidebar-left .navigation-left .nav-item:hover .nav-text{color:white}
.navigation-left .nav-item:hover .wallet-submenu-triangle-left,.navigation-left .nav-item:hover .tools-submenu-triangle-left,.navigation-left .nav-item:hover .integrations-submenu-triangle-left,.navigation-left .nav-item:hover .account-submenu-triangle-left,.navigation-left .nav-item:hover .api-submenu-triangle-left,.navigation-left .nav-item:hover .billing-submenu-triangle-left,.navigation-left .nav-item:hover .notifications-submenu-triangle-left, .navigation-left .nav-item:hover .logs-submenu-triangle-left{opacity:1}
.navigation-left .nav-item.lvl1{text-align:center}
.navigation-left .nav-item{position:relative;display:block;width:100%;color:#332e38;cursor:pointer;}
.navigation-left .nav-item .nav-item-hold {width:100%;padding:10px 0;}
.navigation-left .nav-item:focus{outline:2px solid}
.navigation-left .nav-item .nav-item-hold .nav-icon{font-size:32px;height:32px;width:32px;display:block;margin:0 auto 6px}
.navigation-left .nav-item .nav-item-hold .nav-text{font-size:13px;display:block;font-weight:400}
.sidebar-left-secondary.open{top:0;left:66px}
.sidebar-left-secondary{left:calc(-220px - 20px);z-index:89;width:194px;padding:.75rem 0;background:#fff;}
.sidebar-left-secondary>.childNav {margin:0}
.sidebar-left-secondary .childNav {list-style:none;padding:0}
.sidebar-left-secondary .childNav li.nav-item{display:block}
.sidebar-left-secondary .childNav li.nav-item a{text-transform:capitalize;display:flex;align-items:center;cursor:pointer;padding:10px 11px;transition:.15s ease-in;-webkit-transition:.15s ease-in;-moz-transition:.15s ease-in;-o-transition:.15s ease-in}
.sidebar-left-secondary .childNav li.nav-item a .nav-icon{font-size:18px;margin-right:8px;vertical-align:middle;color:#70657b}
/* Skip navigation for accessibility */
a.skip-main{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}
a.skip-main:focus{left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:0 35%;padding:5px;font-size:20px;outline:3px solid red;text-align:center;z-index:999}
/* Small devices (landscape phones, 576px and down) */
@media (max-width: 576px) { .sidebar-left .navigation-left{width:90px}.sidebar-left-secondary{left:calc(-190px - 20px);width:198px}.sidebar-left, .sidebar-left-secondary{top:70px;height:calc(100vh - 70px)}}
/* Medium devices (tablets, 768px and down) */
@media (max-width: 767px) {.main-container-fluid{padding-left:84px}}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {.sidebar-left.open,.sidebar-left-secondary,#sidebarIconToggler-span{display:block}#main-container-fluid{padding-left:16px}}
/* 06-03-2020 - Nitin - UI Updates - https://idee123.atlassian.net/browse/ID123-3086 */
#sidebarIconToggler{top:-3px}
.sidebar-left-secondary .childNav li.nav-item a{font-size:16px}