/*! Theme Integration Layout Adjustments */
.cloodo-page-content{
    margin-left:80px;
    transition:margin-left .3s ease;
}
/*! Perfect Scrollbar CSS - Scoped for Cloodo Menu */
.cloodo-sidebar-menu .ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto;}
.cloodo-sidebar-menu .ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute;}
[dir] .cloodo-sidebar-menu .ps__rail-x{-webkit-transition:background-color .2s linear,opacity .2s linear;}
.cloodo-sidebar-menu .ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;width:15px;position:absolute;}
[dir] .cloodo-sidebar-menu .ps__rail-y{-webkit-transition:background-color .2s linear,opacity .2s linear;}
[dir=ltr] .cloodo-sidebar-menu .ps__rail-y{right:0;}
.cloodo-sidebar-menu .ps--active-y>.ps__rail-y{display:block;}
[dir] .cloodo-sidebar-menu .ps--active-y>.ps__rail-y{background-color:initial;}
.cloodo-sidebar-menu .ps:hover>.ps__rail-x,.cloodo-sidebar-menu .ps:hover>.ps__rail-y{opacity:.6;}
.cloodo-sidebar-menu .ps .ps__rail-x:focus,.cloodo-sidebar-menu .ps .ps__rail-x:hover,.cloodo-sidebar-menu .ps .ps__rail-y:focus,.cloodo-sidebar-menu .ps .ps__rail-y:hover{opacity:.9;}
[dir] .cloodo-sidebar-menu .ps .ps__rail-x:focus,[dir] .cloodo-sidebar-menu .ps .ps__rail-x:hover,[dir] .cloodo-sidebar-menu .ps .ps__rail-y:focus,[dir] .cloodo-sidebar-menu .ps .ps__rail-y:hover{background-color:#eee;}
.cloodo-sidebar-menu .ps__thumb-x{transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute;}
[dir] .cloodo-sidebar-menu .ps__thumb-x{background-color:#aaa;border-radius:6px;-webkit-transition:background-color .2s linear,height .2s ease-in-out;}
.cloodo-sidebar-menu .ps__thumb-y{transition:background-color .2s linear,width .2s ease-in-out;width:6px;position:absolute;}
[dir] .cloodo-sidebar-menu .ps__thumb-y{background-color:#aaa;border-radius:6px;-webkit-transition:background-color .2s linear,width .2s ease-in-out;}
[dir=ltr] .cloodo-sidebar-menu .ps__thumb-y{right:2px;}
.cloodo-sidebar-menu .ps__rail-x:focus>.ps__thumb-x,.cloodo-sidebar-menu .ps__rail-x:hover>.ps__thumb-x{height:11px;}
[dir] .cloodo-sidebar-menu .ps__rail-x:focus>.ps__thumb-x,[dir] .cloodo-sidebar-menu .ps__rail-x:hover>.ps__thumb-x{background-color:#999;}
.cloodo-sidebar-menu .ps__rail-y:focus>.ps__thumb-y,.cloodo-sidebar-menu .ps__rail-y:hover>.ps__thumb-y{width:11px;}
[dir] .cloodo-sidebar-menu .ps__rail-y:focus>.ps__thumb-y,[dir] .cloodo-sidebar-menu .ps__rail-y:hover>.ps__thumb-y{background-color:#999;}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){
.cloodo-sidebar-menu .ps{overflow:auto!important;}
}
.cloodo-sidebar-menu .scrollbar-container{position:relative;height:100%;}

/*! Base Styles - Scoped for Cloodo Menu */
.cloodo-sidebar-menu {
    --cloodo-primary:#7367f0;
    --cloodo-secondary:#82868b;
    --cloodo-body-color:#6e6b7b;
    --cloodo-body-bg:#f8f8f8;
    --cloodo-white:#fff;
    --cloodo-active-bg:#2d58af;
    font-family:"Roboto",sans-serif!important;
    font-size:14px;
    letter-spacing:.01rem;
}

.cloodo-sidebar-menu *,
.cloodo-sidebar-menu *:after,
.cloodo-sidebar-menu *:before{
    box-sizing:border-box;
}

.cloodo-sidebar-menu ul{
    padding-left:0;
    margin-top:0;
    margin-bottom:0;
    list-style:none;
}

.cloodo-sidebar-menu ul ul{
    margin-bottom:0;
}

.cloodo-sidebar-menu a{
    color:var(--cloodo-primary);
    text-decoration:none;
}

.cloodo-sidebar-menu a:hover{
    color:#6d62e4;
    text-decoration:none;
    cursor:pointer;
}

.cloodo-sidebar-menu a:focus{
    outline:none;
}

.cloodo-sidebar-menu img,
.cloodo-sidebar-menu svg{
    vertical-align:middle;
}

.cloodo-sidebar-menu .collapse:not(.show){display:none;}
.cloodo-sidebar-menu .collapse {visibility: visible;}
/*! Navigation Styles */
.cloodo-sidebar-menu .nav{display:flex;flex-wrap:wrap;list-style:none;border-radius:.25rem;margin-bottom:0;padding-left:0;}
[dir] .cloodo-sidebar-menu .nav .modern-nav-toggle{padding:0;margin:1.571rem 0;}

.cloodo-sidebar-menu .nav-link{display:block;color:var(--cloodo-primary);transition:none;padding:.358rem .5rem;}
.cloodo-sidebar-menu .nav-link:focus,
.cloodo-sidebar-menu .nav-link:hover{color:#6d62e4;}

.cloodo-sidebar-menu .navbar-brand{font-size:calc(1.325rem + .9vw);white-space:nowrap;padding-top:-.367rem;padding-bottom:-.367rem;margin-right:1rem;}
@media (min-width:1200px){
.cloodo-sidebar-menu .navbar-brand{font-size:2rem;}
}

.cloodo-sidebar-menu .navbar-nav{display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0;}
[dir=ltr] .cloodo-sidebar-menu .navbar-nav .nav-link{padding-right:0;padding-left:0;}

/*! Utility Classes */
.cloodo-sidebar-menu .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cloodo-sidebar-menu .d-block{display:block!important;}
.cloodo-sidebar-menu .d-flex{display:flex!important;}
.cloodo-sidebar-menu .d-none{display:none!important;}
.cloodo-sidebar-menu .flex-row{flex-direction:row!important;}
.cloodo-sidebar-menu .align-items-center{align-items:center!important;}
[dir=ltr] .cloodo-sidebar-menu .me-auto{margin-right:auto!important;}
.cloodo-sidebar-menu .text-primary{color:var(--cloodo-primary)!important;}
.cloodo-sidebar-menu .cursor-pointer{cursor:pointer;}

@media (min-width:1200px){
.cloodo-sidebar-menu .d-xl-block{display:block!important;}
.cloodo-sidebar-menu .d-xl-none{display:none!important;}
}

.cloodo-sidebar-menu #root,
.cloodo-sidebar-menu .wrapper{height:100%;}
[dir=ltr] .cloodo-sidebar-menu .ps__rail-y{left:auto!important;right:1px!important;}

/*! Main Menu Styles */
.cloodo-sidebar-menu .navbar-static .main-menu{top:0;}

.cloodo-sidebar-menu .main-menu{
    z-index:999999;
    position:fixed;
    top:0;
    left:0;
    display:table-cell;
    width:80px;
    height:100vh;
    overflow:hidden;
    transition:.4s cubic-bezier(.25,.8,.25,1);
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}

.cloodo-sidebar-menu .main-menu.menu-light{color:var(--cloodo-body-color);background:var(--cloodo-white);}
.cloodo-sidebar-menu .main-menu.menu-light .navigation{background:var(--cloodo-white);}
[dir] .cloodo-sidebar-menu .main-menu.menu-shadow{box-shadow:0 0 15px 0 rgba(34,41,47,.05);}

.cloodo-sidebar-menu .main-menu .shadow-bottom{
    display:none;
    position:absolute;
    z-index:2;
    height:50px;
    width:100%;
    pointer-events:none;
    -webkit-filter:blur(5px);
    filter:blur(5px);
    margin-top:-.7rem;
    background:linear-gradient(#fff 41%,hsla(0,0%,100%,.11) 95%,hsla(0,0%,100%,0));
}

.cloodo-sidebar-menu .main-menu .navbar-header{
    height:4.45rem;
    width:260px;
    position:relative;
    transition:all .3s ease,background 0s;
    padding:.35rem 1rem .3rem .3rem;
    float: unset;
}

.cloodo-sidebar-menu .main-menu .navbar-header .navbar-brand{
    display:flex;
    align-items:center;
    font-size:inherit;
    margin-top:1.35rem;
    background-color: unset;
}

.cloodo-sidebar-menu .main-menu .navbar-header .navbar-brand .brand-logo img{
    max-width:36px;
    height:36px;
    object-fit:contain;
}

.cloodo-sidebar-menu .main-menu .navbar-header .brand-text{
    opacity:1;
    transition:opacity .3s ease;
}

[dir=ltr] .cloodo-sidebar-menu .main-menu .navbar-header .modern-nav-toggle{
    -webkit-animation:cloodo-fadein .3s cubic-bezier(.25,.8,.25,1) 0s 1 normal forwards;
    animation:cloodo-fadein .3s cubic-bezier(.25,.8,.25,1) 0s 1 normal forwards;
}

.cloodo-sidebar-menu .main-menu .main-menu-content{
    height:calc(100% - 4.45rem)!important;
    position:relative;
}

.cloodo-sidebar-menu .main-menu .main-menu-content .ps__rail-y{z-index:3;}

.cloodo-sidebar-menu .main-menu ul{list-style:none;margin:0;padding:0;}
.cloodo-sidebar-menu .main-menu ul.navigation-main{overflow-x:hidden;padding-bottom:.75rem;}
[dir] .cloodo-sidebar-menu .main-menu ul.navigation-main>li:first-child{margin-top:.5rem;}

.cloodo-sidebar-menu .main-menu a{outline:none;}
.cloodo-sidebar-menu .main-menu a:focus,
.cloodo-sidebar-menu .main-menu a:hover{text-decoration:none;}

/*! Navigation Items */
.cloodo-sidebar-menu .navigation{
    font-size:15px;
    font-family:"Montserrat",Helvetica,Arial,serif;
    font-weight:400;
    overflow-y:hidden;
    padding-bottom:20px;
}

.cloodo-sidebar-menu .navigation li{position:relative;white-space:nowrap;}
.cloodo-sidebar-menu .navigation li a{display:block;text-overflow:ellipsis;overflow:hidden;}
.cloodo-sidebar-menu .navigation li a svg{height:11px;width:11px;font-size:11px;margin-right:1.38rem;}

.cloodo-sidebar-menu .main-menu.menu-light .navigation li.has-sub>a{transition:all .5s ease,background 0s,color 0s;}
.cloodo-sidebar-menu .main-menu.menu-light .navigation li a{color:#625f6e;line-height:1.45;padding:10px 15px;}

.cloodo-sidebar-menu .main-menu.menu-light .navigation li.nav-item a:hover>*,
.cloodo-sidebar-menu .main-menu.menu-light .navigation li a>*{
    transition:-webkit-transform .25s ease;
    transition:transform .25s ease;
    transition:transform .25s ease,-webkit-transform .25s ease;
}

[dir=ltr] .cloodo-sidebar-menu .main-menu.menu-light .navigation li.nav-item a:hover>*{
    -webkit-transform:translateX(5px);
    transform:translateX(5px);
}

.cloodo-sidebar-menu .main-menu.menu-light .navigation li.nav-item ul.menu-content li a:hover>*{
    transition:-webkit-transform .25s ease;
    transition:transform .25s ease;
    transition:transform .25s ease,-webkit-transform .25s ease;
}

[dir=ltr] .cloodo-sidebar-menu .main-menu.menu-light .navigation li.nav-item ul.menu-content li a:hover>*{
    -webkit-transform:translateX(5px);
    transform:translateX(5px);
}

[dir] .cloodo-sidebar-menu .main-menu.menu-light .navigation>li>a{margin:0 15px;}
.cloodo-sidebar-menu .main-menu.menu-light .navigation>li>a svg{position:relative;top:1px;height:20px;width:20px;font-size:1.45rem;flex-shrink:0;margin-right:1.1rem;}

[dir] .cloodo-sidebar-menu .main-menu.menu-light .navigation>li>ul li:first-of-type{margin-top:7px!important;}
[dir] .cloodo-sidebar-menu .main-menu.menu-light .navigation>li>ul li.has-sub>a,
[dir] .cloodo-sidebar-menu .main-menu.menu-light .navigation>li>ul li:not(.has-sub){margin:0 15px;}

.cloodo-sidebar-menu .main-menu.menu-light .navigation>li.sidebar-group-active>a{color:#565360;background:#f5f5f5;border-radius:6px;}

.cloodo-sidebar-menu .main-menu.menu-light .navigation>li:not(.open)>ul{display:none;}

[dir] .cloodo-sidebar-menu .main-menu.menu-light .navigation>li:not(.open)>ul .active{background:transparent;box-shadow:none;}

[dir] .cloodo-sidebar-menu .main-menu.menu-light .navigation>li .active{background:#f0f0f0;}
.cloodo-sidebar-menu .main-menu.menu-light .navigation>li .active>a{color:var(--cloodo-primary);margin-bottom:0;}
[dir] .cloodo-sidebar-menu .main-menu.menu-light .navigation>li .active :hover>a{background:#f5f5f5;}

[dir] .cloodo-sidebar-menu .main-menu.menu-light .navigation>li ul{padding:0;margin:0;}
.cloodo-sidebar-menu .main-menu.menu-light .navigation>li ul li{color:var(--cloodo-body-color);background:transparent;}
[dir=ltr] .cloodo-sidebar-menu .main-menu.menu-light .navigation>li ul li>a{padding:10px 15px 10px 20px;}
[dir=ltr] .cloodo-sidebar-menu .main-menu.menu-light .navigation>li ul li ul a{padding:10px 15px 10px 53px;}

.cloodo-sidebar-menu .main-menu.menu-light .navigation>li ul .has-sub:not(.open)>ul{display:none;}
.cloodo-sidebar-menu .main-menu.menu-light .navigation>li ul .active{z-index:1;box-shadow:0 0 10px 1px rgba(115,103,240,.7);border-radius:4px;}
[dir=ltr] .cloodo-sidebar-menu .main-menu.menu-light .navigation>li ul .active{background:var(--cloodo-active-bg);}
.cloodo-sidebar-menu .main-menu.menu-light .navigation>li ul .active>a{color:var(--cloodo-white);}

.cloodo-sidebar-menu .active{color:var(--cloodo-active-bg);}

/*! Menu Collapsed State - Default */
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu{
    width:80px;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .modern-nav-toggle{
    display:none;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navbar-header .brand-text{
    opacity:0;
}

[dir] .cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li:last-child{
    margin-bottom:1.25rem!important;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a{
    color:#565656;
    background:#f5f5f5;
    box-shadow:none;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation{
    overflow:visible;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation>li>a{
    text-overflow:inherit;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation>li>a .menu-title,
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation>li ul{
    display:none;
}

/*! Menu Expanded State on Hover */
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover,
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded{
    width:260px;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .navbar-header .brand-text,
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navbar-header .brand-text{
    opacity:1;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .navigation>li>a .menu-title,
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation>li>a .menu-title{
    display:inline;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .navigation>li.open>ul,
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation>li.open>ul{
    display:block!important;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .navigation>li.sidebar-group-active>ul .collapse,
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation>li.sidebar-group-active>ul .collapse{
    display:block!important;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .modern-nav-toggle,
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .modern-nav-toggle{
    display:block;
}

/*! Menu Expanded State for open items */
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-expanded .main-menu{
    width:260px;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation>li>a>svg:before{
    height:20px;
    width:20px;
    font-size:1.45rem;
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub>a:after{
    content:"";
    height:1.1rem;
    width:1.1rem;
    display:inline-block;
    position:absolute;
    top:14px;
    right:20px;
    -webkit-transform:rotate(0deg);
    transition:all .2s ease-out;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:50%;
    background-size:1.1rem;
    transform:rotate(0deg);
}

[dir=ltr] .cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub.open:not(.menu-item-closing)>a:after{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern .main-menu .navigation li:not(.open) a:after{
    -webkit-transform:rotate(0deg)!important;
    transform:rotate(0deg)!important;
}

/*! Hover state arrow */
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .navigation li.has-sub>a:after{
    content:"";
    height:1.1rem;
    width:1.1rem;
    display:inline-block;
    position:absolute;
    top:14px;
    right:20px;
    -webkit-transform:rotate(0deg);
    transition:all .2s ease-out;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:50%;
    background-size:1.1rem;
    transform:rotate(0deg);
}

[dir=ltr] .cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .navigation li.has-sub.open>a:after{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

[dir=ltr] .cloodo-sidebar-menu .vertical-layout.vertical-menu-modern .toggle-icon{margin-right:.425rem;}
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern .toggle-icon:focus{outline:none;}

/*! Responsive */
@media (min-width:992px){
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern .main-menu{width:260px;}
}

@media (max-width:1199.98px){
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern .main-menu{width:80px;}
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu{width:80px;}
}

@media (max-width:767.98px){
.cloodo-sidebar-menu .main-menu{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;}
[dir=ltr] .cloodo-sidebar-menu .main-menu{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0);}
.cloodo-sidebar-menu .vertical-layout.vertical-menu-modern .main-menu{width:80px;}
}

/*! Keyframes */
@-webkit-keyframes cloodo-fadein{0%{opacity:0;}to{opacity:1;}}
@keyframes cloodo-fadein{0%{opacity:0;}to{opacity:1;}}

/*! Icon Fixes */
.cloodo-sidebar-menu .icon-x:before{content:"\e8f6";}