body[themebg-pattern="theme1"] {
    background-color: #1890ff;
}

.pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item li .pcoded-submenu {
    background: #fff;
}
.pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item li .pcoded-submenu {
    background: #263544;
}

.header-navbar .navbar-wrapper .navbar-logo[logo-theme="theme1"] {
    background: #1890ff;
}
.header-navbar .navbar-wrapper .navbar-logo[logo-theme="theme6"] {
    background-color: #fff;
}
.pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme="theme1"] {
    color: #f1f7ff;
}

.pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu {
    border-left-color: #33475b;
    -webkit-box-shadow: 4px 4px 13px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 13px -4px rgba(0, 0, 0, 0.3);
}
.pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger > a {
    border-bottom: 1px solid #384f65;
}

.pcoded .pcoded-navbar[navbar-theme="theme1"] .nav-user a,
.pcoded .pcoded-navbar[navbar-theme="theme1"] .nav-user span {
    color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .nav-user,
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-inner-navbar {
    background-color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .nav-user .pcoded-item > .pcoded-hasmenu > .pcoded-submenu:after,
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-inner-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu:after {
    border-left-color: #fff;
    border-top-color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .main-menu .main-menu-header .user-details p {
    color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .main-menu .main-menu-content .more-details a {
    color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li > a {
    color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li > a .pcoded-micon {
    color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active > a {
    color: #333;
    border-bottom-color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li > a {
    border-bottom-color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li > a {
    border-bottom-color: #384f65;
    color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu > a:after,
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after {
    color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after,
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after {
    color: #1890ff;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active:hover > a,
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover > a {
    color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a {
    color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before {
    border-left-color: transparent;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a {
    color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:after {
    border-left-color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:after {
    border-left-color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover > a:before {
    border-left-color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu:hover > a:after {
    color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger > a {
    border-bottom-color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu:hover > a:after {
    color: #1890ff;
}
.pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu,
.pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu {
    border-left-color: transparent;
}
.pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu {
    border-left-color: transparent;
}
.pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme1"] {
    background-color: #fff;
}
.pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover > a {
    color: #333;
}
.pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme1"] .sidebar_toggle a {
    color: #333;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .nav-user,
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-inner-navbar {
    background-color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .main-menu .main-menu-header .user-details span {
    color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .main-menu .main-menu-content .more-details a {
    color: #666;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-hasmenu > a:after,
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after {
    color: #666;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.active:hover > a,
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li:hover > a {
    color: #666;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-trigger > a {
    border-bottom-color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li > a {
    color: #666;
    border-bottom-color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.active > a {
    color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item .pcoded-submenu {
    background-color: #b7c0cd;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item .pcoded-submenu li > a {
    border-bottom-color: #ededed;
    color: #666;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item .pcoded-submenu li > a .pcoded-mtext:after {
    border-left-color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item .pcoded-submenu li:hover > a:before {
    border-left-color: #fff;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item .pcoded-submenu li.active > a {
    color: #666;
}
.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item .pcoded-submenu li.active > a .pcoded-mtext:after {
    border-left-color: #fff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li .pcoded-submenu {
    border-left-color: #1890ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li .pcoded-submenu li.active {
    background-color: #e6f7ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li .pcoded-submenu li.active > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li .pcoded-submenu li:hover > a {
    color: #1890ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li .pcoded-submenu li.active > a {
    border-right: 3px solid;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li:hover > a {
    color: #1890ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li:hover > a .pcoded-micon {
    color: #1890ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li:hover > a:before {
    border-left-color: transparent;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a:before,
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active:hover > a:before,
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger > a:before,
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger:hover > a:before,
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover > a:before,
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover:hover > a:before {
    border-left-color: transparent;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger:hover > a {
    border-left-color: #1890ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item li .pcoded-submenu {
    background-color: #fff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover:hover > a {
    color: #1890ff;
    background-color: #1d2531;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active > a .pcoded-micon,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active:hover > a .pcoded-micon,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger > a .pcoded-micon,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover > a .pcoded-micon,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover:hover > a .pcoded-micon {
    color: #b7c0cd;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active > a:after,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active:hover > a:after,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger > a:after,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger:hover > a:after,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover > a:after,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover:hover > a:after {
    color: #b7c0cd;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger:hover > a {
    background: #f1f7ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger:hover > a {
    background: #f1f7ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item > li.active > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger > a {
    background: #fff;
    color: #1890ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item > li.active > a .pcoded-micon,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger > a .pcoded-micon {
    color: #1890ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item > li.active > a:after,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger > a:after {
    color: #1890ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item > li.active:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger:hover > a {
    background: #fff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item > li:hover > a {
    background-color: #fff;
    color: #1890ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item > li:hover > a .pcoded-micon {
    color: #1890ff;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="theme1"][active-item-theme="theme1"] .pcoded-item > li:hover > a:after {
    color: #1890ff;
}

.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item li .pcoded-submenu {
    background-color: rgba(226, 226, 226, 0.5);
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.active > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.active:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-trigger > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-trigger:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li:hover:hover > a {
    color: #263544;
    background-color: #e2e2e2;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.active > a .pcoded-micon,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.active:hover > a .pcoded-micon,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-trigger > a .pcoded-micon,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li:hover > a .pcoded-micon,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li:hover:hover > a .pcoded-micon {
    color: #263544;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.active > a:after,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.active:hover > a:after,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-trigger > a:after,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-trigger:hover > a:after,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li:hover > a:after,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li:hover:hover > a:after {
    color: #263544;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.active > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.active:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-trigger > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-trigger:hover > a {
    background: #e2e2e2;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.active:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-trigger:hover > a {
    background: #e2e2e2;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"][active-item-theme="theme1"] .pcoded-item > li.active > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"][active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger > a {
    background: #e2e2e2;
    color: #263544;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"][active-item-theme="theme1"] .pcoded-item > li.active > a .pcoded-micon,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"][active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger > a .pcoded-micon {
    color: #263544;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"][active-item-theme="theme1"] .pcoded-item > li.active > a:after,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"][active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger > a:after {
    color: #263544;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"][active-item-theme="theme1"] .pcoded-item > li.active:hover > a,
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"][active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger:hover > a {
    background: #e2e2e2;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"][active-item-theme="theme1"] .pcoded-item > li:hover > a {
    background: 0 0;
    color: #1d2531;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"][active-item-theme="theme1"] .pcoded-item > li:hover > a .pcoded-micon {
    color: #1d2531;
}
.pcoded[theme-layout="vertical"] .pcoded-navbar[navbar-theme="themelight1"][active-item-theme="theme1"] .pcoded-item > li:hover > a:after {
    color: #1d2531;
}

.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li.active > a,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li:hover > a {
    color: #1890ff;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-micon,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li:hover > a .pcoded-micon {
    color: #1890ff;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li.active > a:before,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li:hover > a:before {
    border-left-color: transparent;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li.active > a:after,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li:hover > a:after {
    color: #1890ff;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.active > a,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li:hover > a {
    color: #1890ff;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.active > a .pcoded-micon,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li:hover > a .pcoded-micon {
    color: #1890ff;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.active > a:before,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li:hover > a:before {
    border-left-color: transparent;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.active > a:after,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li:hover > a:after {
    color: #1890ff;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active:hover > a,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger > a,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger:hover > a,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover > a,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover:hover > a {
    color: #1890ff;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a .pcoded-micon,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active:hover > a .pcoded-micon,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger > a .pcoded-micon,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger:hover > a .pcoded-micon,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover > a .pcoded-micon,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover:hover > a .pcoded-micon {
    color: #1890ff;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a:before,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active:hover > a:before,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger > a:before,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.pcoded-trigger:hover > a:before,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover > a:before,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover:hover > a:before {
    border-left-color: transparent;
}

.pcoded[theme-layout="horizontal"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item li .pcoded-submenu {
    background: #fff;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item li .pcoded-submenu {
    background: #263544;
}
.pcoded[theme-layout="horizontal"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item li .pcoded-submenu.pcoded-trigger > a:after,
.pcoded[theme-layout="horizontal"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item li .pcoded-submenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after {
    color: #fff;
}

.theme-color a[menu-caption="theme1"] {
    background: #f1f7ff;
}
.theme-color a[header-theme="theme1"] .head {
    background: 0 0;
}
.theme-color a[header-theme="theme1"] .head:before {
    background: #1890ff;
}

.theme-color a.header-theme-full[header-theme="theme1"] .head {
    background: #1890ff;
}
.theme-color a.header-theme-full[header-theme="theme1"] .head:after,
.theme-color a.header-theme-full[header-theme="theme1"] .head:before {
    background: 0 0;
}

.theme-color a[navbar-theme="theme1"] {
    background: #263544;
}
.theme-color a[navbar-theme="themelight1"] {
    background: #fff;
}
.theme-color a[active-item-theme="theme1"] {
    background: #1890ff;
}

.theme-color a[themebg-pattern="theme1"] {
    background: #1890ff;
}

.pcoded .pcoded-header[header-theme="theme1"] {
    background: #1890ff;
}
.pcoded .pcoded-header[header-theme="theme1"] .dropdown-toggle,
.pcoded .pcoded-header[header-theme="theme1"] .input-group-addon,
.pcoded .pcoded-header[header-theme="theme1"] a {
    color: #fff;
}

.pcoded .pcoded-header[header-theme="themelight1"] {
    background: #23a9e5;
}
#mobile-collapse .icon-toggle-right {
    color: #fca01e;
}
.pcoded .pcoded-header[header-theme="themelight1"] .input-group-append .input-group-text,
.pcoded .pcoded-header[header-theme="themelight1"] .input-group-prepend .input-group-text,
.pcoded .pcoded-header[header-theme="themelight1"] a {
    color: #333;
}
.pcoded .pcoded-header[header-theme="themelight1"] .navbar-logo a {
    color: #fff;
}

.pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu {
    border-left-color: #ededed;
    -webkit-box-shadow: 4px 4px 13px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 13px -4px rgba(0, 0, 0, 0.3);
}