#sidebar-wrapper .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 42}
#sidebar-wrapper.aem-GridColumn{padding-left:0;padding-right:0}
#sidebar-wrapper .material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:18px;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
#sidebar-wrapper .toggle-icons{font-size:26px !important}
ul{padding-left:0}
header{width:100%;z-index:2000;top:0;background-color:white}
.app-icon-size{width:34px;height:34px}
.toolgrid-tools-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:20px;color:#fff;border-radius:3px;background-image:none;position:relative;margin-right:10px}
.app-toolbar .dropdown{padding:0 0 10px 0;display:flex;justify-content:center;align-items:center}
.dropdown-menu .app-toolbar{padding:0;margin-top:0 !important;font-weight:normal;font-size:15px}
.quick-links{position:absolute;color:#fff;display:inline-block;opacity:1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:4000;top:-10px;height:60px;padding-top:13.5px}
.app-navbar-toggler{visibility:hidden}
.quick-links>a>span{font-size:28px;color:#004a64}
.quick-links>a>span:hover{color:#009ddc}
body{overflow-x:hidden}
.off-wrapper{padding-left:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;top:25px}
.open-close-icon{color:#5b7282;font-size:28px}
.off-wrapper.toggled #sidebar-wrapper{width:280px}
.off-wrapper.toggled #sidebar-wrapper.enableScrollbar{width:290px}
#sidebar-wrapper{z-index:2000;position:fixed;left:230px;height:100%;margin-left:-230px;overflow-y:auto;background:#0f2731;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#sidebar-wrapper{overflow-x:hidden;overflow-y:scroll}
#sidebar-wrapper::-webkit-scrollbar{display:none}
#sidebar-wrapper.enableScrollbar{overflow-x:hidden;overflow-y:scroll}
#sidebar-wrapper.enableScrollbar::-webkit-scrollbar{width:10px;display:block}
#sidebar-wrapper.enableScrollbar::-webkit-scrollbar-track{background-color:#ebebeb;-webkit-border-radius:10px;border-radius:10px}
#sidebar-wrapper.enableScrollbar::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#6d6d6d}
.off-wrapper-content{width:100%;position:absolute}
.sidebar-nav{position:absolute;top:0;width:280px;margin:0;padding:0;list-style:none;padding:0 12px 1rem 12px;overflow:hidden}
.sidebar-nav hr{border-top:1px solid rgba(255,255,255,0.3);margin-top:.25rem;margin-bottom:.25rem;top:5px;position:relative;margin-left:-15px}
.sidebar-nav p{display:block;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;font-size:14px;Text-transform:none;color:#f5f4f3;line-height:1.47059;font-weight:normal;padding-bottom:10px;width:100%}
.sidebar-nav li{line-height:45px;height:40px;font-size:15px;line-height:16px;font-size:14px;font-family:"Avenir Next LT Pro Bold",Lato,"Helvetica Neue",Arial;display:flex}
.sidebar-nav li a{display:block;text-decoration:none;color:white;width:122%;height:fit-content;padding:8px 5px}
.sidebar-nav li .tooltip2{visibility:hidden}
.sidebar-nav li .menu-item:hover .tooltip2{visibility:visible}
#sidebar-wrapper li[data-id] strong{font-size:15px;line-height:20px;font-family:'Avenir Next LT Pro Regular',Lato}
.sidebar-nav li[data-id]:hover{text-decoration:none !important;color:#fff !important;border-radius:3px}
.sidebar-nav li[data-id]:hover .grab-icon{opacity:0}
.sidebar-nav li[data-id]:hover strong{color:#1ac2ff}
#favorite-apps li:hover .tooltip2,#all-apps li:hover .tooltip2,#featured-apps li:hover .tooltip2,#favorite-apps li:hover .favourite-star,#all-apps li:hover .favourite-star,#featured-apps li:hover .favourite-star{visibility:visible}
#sidebar-wrapper .sidebar-nav.app-toolbar #favorite-apps.active li::after:hover{visibility:visible}
#sidebar-wrapper .sidebar-nav.app-toolbar #favorite-apps li::after{content:"";width:10%;height:3.1vw;right:12px;position:absolute;display:inline-block;background:url(../../../../../../content/dam/cir2/images/dashboard-poc/selected-star.svg);background-position:center;background-repeat:no-repeat;background-size:68%;visibility:hidden}
.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}
.sidebar-nav>.sidebar-brand{height:30px;font-size:12px;line-height:20px;font-family:"Avenir Next LT Pro Bold",Lato,"Helvetica Neue",Arial;margin-top:20px}
.sidebar-brand-accordion{height:31px !important;font-size:12px !important;line-height:20px !important;font-family:"Avenir Next LT Pro Bold",Lato,"Helvetica Neue",Arial !important;margin-top:20px !important;color:#a2a0a2 !important;display:flex;justify-content:space-between;-webkit-appearance:none !important}
.sidebar-nav>.sidebar-brand{color:#FFF}
#favorite-apps,#all-apps{list-style:none;padding-left:0}
#favorite-apps .default-star-icon{display:none}
#all-apps .selected-star-icon,#featured-apps .selected-star-icon{display:none}
#all-apps .default-star-icon,#featured-apps .default-star-icon{display:inline}
#favorite-apps .selected-star-icon{display:inline !important}
#favorite-apps .default-star-icon{display:none !important}
#favorite-apps #dropzone-row{display:grid;grid-column-start:1;grid-column-end:3}
.sortable-ghost{opacity:0}
.dropdown-menu.show{visibility:visible !important;opacity:1;padding:60px}
.app-links{position:relative}
.dropdown-content{display:none;position:fixed;background-color:#fff;min-width:120px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:3000;border-radius:3px;padding:10px;font-size:12px;color:#000;cursor:pointer}
.dropdown-toggle::after{display:none}
.favourite-star{visibility:hidden;cursor:pointer;display:flex;width:40px;align-items:center}
.favourite-star .star-icon{color:white !important;z-index:1000;width:20px;top:2px;right:0;height:20px;position:static;pointer-events:all}
.expand_less,.expand_more{color:#a2a0a2 !important}
.active .expand_more{display:none !important}
.collapsed .expand_more{display:block !important}
.active .expand_less{display:block !important}
.collapsed .expand_less{display:none !important}
.expandable-btn{padding:0;width:22px;height:22px;top:0;cursor:pointer;color:#a2a0a2}
#sidebar-wrapper .view-modes .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 42}
@media only screen and (max-width:767px){.off-wrapper.toggled .off-wrapper-content{margin-left:280px !important;transition:margin .1s ease-in-out .1s}
.tooltip2 .tooltiptext{left:-217px !important}
.tooltip-bottom::after{left:86% !important}
}
@media only screen and (max-width:768px){.open-close-icon{font-size:27px}
.header .navbar .container>div{width:58%}
.logo .logo-desktop img,.logo .logo-mobile img{width:85%}
}
@media only screen and (max-width:767px){.view-modes{display:none}
.sidebar-nav{top:15px}
.grab-icon.handle{position:relative;top:2px;display:flex !important;align-items:center;justify-content:center;color:rgba(255,255,255,0.2) !important}
.off-wrapper.toggled #sidebar-wrapper{width:280px}
.off-wrapper.toggled #sidebar-wrapper.enableScrollbar{width:290px}
.sidebar-nav{width:280px}
#sidebar-wrapper [data-id] strong{font-size:15px}
}
.grab-icon.handle{width:10%;display:none;cursor:grab}
@media only screen and (max-width:991px){.header .navbar .container .navbar-toggler{order:2;margin-top:-11px}
.navbar-collapse.navbar-collapse.justify-content-end{order:2}
.header .navbar .container .logo-mobile.clearfix{display:flex;justify-content:flex-end;padding-left:20px}
.off-wrapper-content{top:1vh}
.logo-desktop.clearfix{margin-left:20%}
}
@media only screen and (min-width:320px) and (max-width:500px){.off-wrapper.toggled{float:none;clear:none;width:100%}
}
@media only screen and (min-width:768px){.off-wrapper.toggled{padding-left:280px !important;float:right;clear:none;width:100%}
}
@media only screen and (min-width:320px){.list-mode .sidebar-nav li[data-id]{width:auto}
.handle{display:none}
.off-wrapper{padding-left:0 !important}
.off-wrapper.toggled header{padding-left:0}
#sidebar-wrapper{width:0}
.off-wrapper.toggled #sidebar-wrapper{width:280px}
.off-wrapper.toggled #sidebar-wrapper.enableScrollbar{width:290px}
.off-wrapper-content{padding:0 !important;position:relative}
.list-mode .tooltip-icon{top:7px;left:38px;display:flex;position:absolute}
.list-mode #menuItems{display:grid;grid-template-columns:6fr 6fr;padding-bottom:5px}
.list-mode a.d-flex.align-items-center.link-dark.text-decoration-none.menu-item{flex-direction:column}
.list-mode #favorite-apps{display:grid;grid-template-columns:6fr 6fr}
.list-mode #all-apps,.list-mode #featured-apps{display:grid;grid-template-columns:6fr 6fr}
.list-mode li{height:auto !important;position:relative}
.list-mode .toolgrid-tools-icon{height:60px;width:60px}
.list-mode .toolgrid-tools-icon{margin-right:0}
.list-mode .app-icon-size{width:60px;height:60px}
.list-mode .d-flex.w-75.align-items-center.justify-content-between{height:auto;text-align:center;margin:15px 0 10px 0;justify-content:center !important}
.list-mode .favourite-star{position:absolute;right:15px;top:3px}
.list-mode .tooltip-bottom::after{left:32.5%}
.list-mode .tooltip2 .tooltiptext{width:130px;top:23px;left:-38px !important}
}
@media only screen and (max-width:1200px) and (min-width:992px){.toggled .yext-search-top-bar{padding-left:100px !important;transition:padding-left .3s ease}
.yext-search-top-bar{transition:padding-left .3s ease}
}
@media only screen and (max-width:992px) and (min-width:768px){.off-wrapper header{width:calc(100%) !important}
.off-wrapper.toggled header{width:100% !important;transition:width .1s ease-in-out .1s}
.personalized-toolbar .toggle-icons{font-size:26px !important;margin:10px 0 10px 0}
.logo-desktop.clearfix{margin-left:50%}
}
@media(min-width:2200px){.navbar-expand-lg>.container{padding-left:70px !important}
}
@media(min-width:992px){.quick-links{top:4px !important}
header{position:relative}
.header .navbar>.container>div .logo{align-self:left;padding-left:80px;transition:padding-left .3s ease}
.top-bar-list.float-right{display:flex;width:auto;justify-content:flex-end;align-items:center}
.top-bar-list ul{order:1}
.search-box .search-btn .material-symbols-outlined{top:6px;position:relative;cursor:pointer;font-size:20px}
.top-bar-list .search-box{order:0;display:flex;top:4px;position:relative;width:70%;background-color:whitesmoke !important;border-radius:6px}
.menu-top-bar{background-color:transparent;top:5px}
.top-bar-list.float-right .search-input{height:2.5rem;background-color:inherit;border:0;padding:4px 10px;font-size:system-ui,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;font-weight:400;height:40px;line-height:24px;width:100%;border-radius:6px}
.top-bar-list.float-right .search-btn{height:2.5rem;background-color:inherit;border:0;padding:4px 16px;border-radius:6px}
.header .navbar{top:40px}
.off-wrapper-content .root.responsivegrid{padding-top:90px !important}
.search-input::placeholder{color:#8c9fab !important}
.nav-link.nav-search.dropdown-toggle{display:none}
}
@media(min-width:1440px){.header .navbar>.container>div .logo{padding-left:50px;transition:padding-left .3s ease}
}
@media only screen and (max-width:1270px) and (min-width:992px){.logo-desktop.clearfix{width:185PX !important}
.header .navbar>.container>div .logo{padding-left:80px;transition:padding-left .3s ease}
}
@media only screen and (max-width:2100px) and (min-width:1280px){.navbar-expand-lg>.container{padding-left:10px !important}
}
.grid-mode-on{display:flex;flex-direction:column}
.view-modes{cursor:pointer}
.list-mode .default-star-icon{top:5px;left:52px}
.on-scroll .quick-links{top:6px !important}
.expand-button{cursor:pointer;position:relative;right:0;top:-2;color:#a2a0a2 !important;-webkit-appearance:inherit !important}
.favorite-apps li{display:flex}
#sidebar-wrapper .accordion{margin-top:-17px}
.app-toolbar .dropdown .dropdown-toggle{text-transform:capitalize;font-size:14px}
.dropdown-menu{background:#1e1e21;color:white;padding-left:30px;padding-right:15px}
#sidebar-wrapper .dropdown-menu p{display:flex;justify-content:center;align-items:center;padding:5px}
#sidebar-wrapper a.dropdown-item{font-family:'Avenir Next LT Pro Bold' !important;font-size:14px;border:0;display:flex !important;justify-content:space-between;align-items:center;padding-left:0;padding-right:0;width:fit-content}
.tooltip-inner{background-color:#424244;color:#fff}
.tooltip-arrow{margin-top:20px !important;background-color:#424244 !important}
.tooltip-icon{font-size:18px;width:35px;position:relative;color:white;top:2px;display:flex !important;align-items:center;cursor:pointer}
.import_export_icon{font-size:15px;padding:3px 4px 0 4px}
.done-symbol{font-size:19px;padding-right:11px}
.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;border:0;color:#a2a0a2;width:24px;cursor:pointer;position:absolute;top:0;left:0;opacity:0;z-index:1}
.tooltip2{display:inline-block}
.tooltip2 .tooltiptext{visibility:hidden;position:absolute;width:257px;background-color:#0d151b;color:#d4d4d4;text-align:left;padding:15px 10px 15px 10px;border-radius:5px;z-index:2079;opacity:0;transition:opacity .3s;font-family:"Avenir Next LT Pro Bold",Lato,"Helvetica Neue",Arial;font-size:12px;margin-top:3px;word-break:break-word;white-space:normal;line-height:18px;left:-234px}
span.tooltiptext.tooltip-bottom.tooltip-top{margin-bottom:17%;bottom:100%}
span.tooltiptext.tooltip-bottom.tooltip-below{top:100%}
.tooltip2:hover .tooltiptext{visibility:visible;opacity:1}
.tooltip-bottom::after{content:"";position:absolute;left:92.7%;border-width:5px;border-style:solid;border-color:transparent transparent #0d151b transparent}
.tooltip-top::after{top:100%;transform:rotate(180deg)}
.tooltip-below::after{bottom:100%}
.view_list,.grid_view{font-size:22px}
.accordion-item.active .dropdown{visibility:visible;position:relative}
.experiencefragment.aem-GridColumn.aem-GridColumn--default--12 .nav-scroll-wrapper{display:none}
.fileuploader{position:relative;width:100%;margin:auto;height:60px;border:2px dashed #3e5463;border-radius:4px;background:inherit;display:flex;justify-content:center;align-items:center;margin:8px 0}
.dragover .fileuploader{border:2px dashed #fff !important}
span.title{position:relative;color:#c6c3c6;text-align:center;padding:5px;font-family:"Avenir Next LT Pro Bold",Lato,"Helvetica Neue",Arial;font-size:13px}
.quick-links{transition:top .3s ease-in-out}
.close-icon{display:none !important}
.off-wrapper header{transition:margin-left .3s ease}
.no-scroll{overflow-x:hidden}
@media(min-width:992px){.navbar-expand-lg>.container{padding-left:0}
.toggled.off-wrapper header{width:calc(100% - 280px);transition:width .3s ease}
.toggled .yext-search-top-bar .yxt-SearchBar{width:calc(90%);transition:width .3s ease}
.yext-search-top-bar .yxt-SearchBar{transition:width .3s ease}
.toggled.off-wrapper .header .navbar>.container>div .logo{padding-left:0;transition:padding-left .3s ease}
.close-sidebar{padding-top:10px}
}
@media not all and (min-resolution:.001dpcm){@supports(-webkit-appearance:none){.close-sidebar{padding-top:10px}
}
}
#menu-close{display:contents}
.close-sidebar{color:#a2a0a2}
#all-apps li{display:flex;align-items:center}
#favorite-apps li{display:flex;align-items:center}
#featured-apps li{display:flex;align-items:center}
#menu-toggle{display:block;opacity:1;transition:opacity .1s ease-in-out .1s}
.off-wrapper.toggled #menu-toggle{opacity:0;pointer-events:none;transition:opacity 0 ease-in-out}
#empty-tooltip-description{visibility:hidden !important}
.off-wrapper.off-wrapper-right.toggled .yext-search-top-bar .yxt-SearchBar-container{min-width:280px !important}
.off-wrapper .yxt-SearchBar-container{position:unset !important}
.off-wrapper header{transition:width .3s ease}
.cursor-pointer{cursor:pointer !important}
@media only screen and (max-width:1030px) and (min-width:992px){.quick-links{top:2px !important}
}
.toolgrid.off-wrapper-menu{display:none}
@media(max-width:992px){.sidebar-mobileyextsearch{padding-top:10px !important;min-width:300px;padding-bottom:inherit !important}
.sidebar-mobileyextsearch .yxt-SearchBar .Icon-image{width:1rem;height:1rem}
}
@media(min-width:992px){.header header{left:inherit !important}
}
li.sidebar-brand.sidebar-brand-accordion>p{font-size:17px;font-family:"Avenir Next LT Pro Bold",Lato}
.modal-backdrop{z-index:1038 !important}