/**======================================================================
=========================================================================
Template Name: Able pro Bootstrap Admin Template
Author: Phoenixcoded
Support: support@phoenixcoded.net
File: style2.css
=========================================================================
=================================================================================== */
.navbar-collapsed2 .b-brand .b-title {
    transform: rotateY(-90deg);
    transform-origin: 0 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.navbar-collapsed2 .mobile-menu2 {
    transform: rotateY(-90deg);
    transform-origin: 0 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.navbar-collapsed2:hover .b-brand .b-title {
    transform: rotateY(0deg);
    opacity: 1;
}

.navbar-collapsed2:hover .mobile-menu2 {
    transition-delay: 0.3s;
    transform: rotateY(0deg);
    opacity: 1;
}

/* new logo End  */
/* Pre-loader css start */
.loader-bg2 {
    /*position: fixed;*/
    top: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 1039;
    /*box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);*/
}

.loader-bg2 .loader-track2 {
    position: relative;
    height: 3px;
    display: block;
    width: 100%;
    overflow: hidden;
}

.loader-bg2 .loader-track2 .loader-fill2:after, .loader-bg2 .loader-track2 .loader-fill2:before {
    content: '';
    background: #4680ff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
}

.loader-bg2 .loader-track2 .loader-fill2:before {
    -webkit-animation: mbar 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: mbar 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.loader-bg2 .loader-track2 .loader-fill2:after {
    -webkit-animation: m_s 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: m_s 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

@-webkit-keyframes mbar {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -35%;
    }
}

@keyframes mbar {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -35%;
    }
}

@-webkit-keyframes m_s {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes m_s {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

/* Pre-loader css end */
/* header css start */
.search-bar {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3);
    z-index: 1030;
    background: #fff;
    margin-top: -5px;
    /*padding: 12px;*/
}

.search-bar .close {
    position: absolute;
    top: 9px;
    right: 9px;
    padding: 8px 16px;
}

.pcoded-header2 {
    z-index: 1039;
    display: flex;
    min-height: 30px;
    padding: 0;
    top: 0;
    background: #fff;
    color: rgba(16, 27, 51, 0.8);
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.pcoded-header2 .m-header2 {
    width: 265px;
    position: relative;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
}

.pcoded-header2 .m-header2 .logo-dark,
.pcoded-header2 .m-header2 .logo-thumb {
    display: none;
}

.pcoded-header2 .input-group {
    background: transparent;
}

.pcoded-header2 .input-group .input-group-text {
    margin-right: 0;
}

.pcoded-header2 .input-group .input-group-text,
.pcoded-header2 a,
.pcoded-header2 dropdown-toggle {
    color: rgba(16, 27, 51, 0.8);
}

.pcoded-header2 .input-group .input-group-text:hover,
.pcoded-header2 a:hover,
.pcoded-header2 dropdown-toggle:hover {
    color: #05123c;
}

.pcoded-header2 #mobile-header {
    display: none;
}

.pcoded-header2 .navbar-nav {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    display: inline-flex;
    flex-direction: row;
}

.pcoded-header2 .navbar-nav > li {
    line-height: 50px;
    display: inline-block;
}

.pcoded-header2 .navbar-nav > li .nav-link {
    padding: 0;
}

.pcoded-header2 .navbar-nav > li:first-child {
    padding-left: 25px;
}

.pcoded-header2 .navbar-nav > li:last-child {
    padding-right: 25px;
}

.pcoded-header2 .navbar-nav .dropdown {
    height: 50px;
}

.pcoded-header2 .mr-auto .dropdown-menu {
    margin-left: -20px;
}

.pcoded-header2 .ml-auto {
    float: right;
    height: 50px;
}

.pcoded-header2 .ml-auto .dropdown-menu {
    margin-right: -20px;
}

.pcoded-header2 .main-search .input-group {
    border-radius: 3px;
    padding: 0;
}

.pcoded-header2 .main-search .input-group .form-control,
.pcoded-header2 .main-search .input-group .input-group-text {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    height: auto;
}

.pcoded-header2 .main-search .input-group .search-close {
    display: none;
}

.pcoded-header2 .main-search .input-group .search-btn {
    padding: 0;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    margin-bottom: 0;
    margin-right: 0;
}

.pcoded-header2 .main-search .input-group .form-control {
    transition: all 0.3s ease-in-out;
    font-size: 14px;
}

.pcoded-header2 .main-search .input-group .form-control:active, .pcoded-header2 .main-search .input-group .form-control:focus, .pcoded-header2 .main-search .input-group .form-control:hover,
.pcoded-header2 .main-search .input-group .search-btn:active,
.pcoded-header2 .main-search .input-group .search-btn:focus,
.pcoded-header2 .main-search .input-group .search-btn:hover {
    outline: none;
    box-shadow: none;
}

.pcoded-header2 .main-search.open .input-group {
    background: #ecf0f5;
    border: 0 solid #ecf0f5;
    padding: 0 0 0 20px;
}

.pcoded-header2 .main-search.open .input-group .search-close {
    display: flex;
}

.pcoded-header2 .main-search.open .input-group .search-btn {
    padding: 6px 9px;
    margin-left: 5px;
    color: #fff;
    background: #4680ff;
    border-color: #4680ff;
}

.pcoded-header2 .main-search.open .input-group .search-btn .input-group-text {
    color: #fff;
}

.pcoded-header2 .main-search.open .input-group .form-control {
    transition: all 0.3s ease-in-out;
}

.pcoded-header2 .main-search.open .input-group .form-control:active, .pcoded-header2 .main-search.open .input-group .form-control:focus, .pcoded-header2 .main-search.open .input-group .form-control:hover,
.pcoded-header2 .main-search.open .input-group .search-btn:active,
.pcoded-header2 .main-search.open .input-group .search-btn:focus,
.pcoded-header2 .main-search.open .input-group .search-btn:hover {
    outline: none;
    box-shadow: none;
}

.pcoded-header2 .dropdown .dropdown-toggle {
    line-height: 50px;
    display: inline-block;
    text-align: center;
    width: 40px;
}

.pcoded-header2 .dropdown .dropdown-toggle:after {
    display: none;
}

.pcoded-header2 .dropdown .dropdown-menu {
    position: absolute;
    min-width: 250px;
}

.pcoded-header2 .dropdown .dropdown-menu li {
    line-height: 1.2;
}

.pcoded-header2 .dropdown .dropdown-menu li a {
    padding: 10px;
    font-size: 14px;
}

.pcoded-header2 .dropdown .dropdown-menu li.active a, .pcoded-header2 .dropdown .dropdown-menu li:active a, .pcoded-header2 .dropdown .dropdown-menu li:focus a, .pcoded-header2 .dropdown .dropdown-menu li:hover a {
    color: #373a3c;
}

.pcoded-header2 .dropdown .notification {
    width: 350px;
    padding: 0;
    line-height: 1.4;
    overflow: hidden;
}

.pcoded-header2 .dropdown .notification a {
    color: #373a3c;
}

.pcoded-header2 .dropdown .notification a:hover {
    color: #37474f;
}

.pcoded-header2 .dropdown .notification .noti-head {
    background: #05123c;
    padding: 15px 20px;
}

.pcoded-header2 .dropdown .notification .noti-head h6 {
    color: #fff;
}

.pcoded-header2 .dropdown .notification .noti-head a {
    color: #fff;
    text-decoration: underline;
    font-size: 13px;
}

.pcoded-header2 .dropdown .notification .noti-body {
    padding: 0;
    position: relative;
    height: 300px;
}

.pcoded-header2 .dropdown .notification .noti-body img {
    width: 40px;
    margin-right: 20px;
}

.pcoded-header2 .dropdown .notification .noti-body li {
    padding: 15px 20px;
    transition: all 0.3s ease-in-out;
}

.pcoded-header2 .dropdown .notification .noti-body li.n-title {
    padding-bottom: 0;
}

.pcoded-header2 .dropdown .notification .noti-body li.n-title p {
    margin-bottom: 5px;
}

.pcoded-header2 .dropdown .notification .noti-body li.notification:hover {
    background: rgba(70, 128, 255, 0.1);
}

.pcoded-header2 .dropdown .notification .noti-body li p {
    margin-bottom: 5px;
    font-size: 13px;
}

.pcoded-header2 .dropdown .notification .noti-body li p strong {
    color: #222;
}

.pcoded-header2 .dropdown .notification .noti-body li .n-time {
    font-size: 80%;
    float: right;
}

.pcoded-header2 .dropdown .notification .noti-footer {
    border-top: 1px solid #f1f1f1;
    padding: 15px 20px;
    text-align: center;
    background: #ecf0f5;
}

.pcoded-header2 .dropdown .notification .noti-footer a {
    text-decoration: underline;
    font-size: 13px;
}

.pcoded-header2 .dropdown .notification ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.pcoded-header2 .dropdown .notification ul li {
    padding: 20px 15px;
}

.pcoded-header2 .dropdown .profile-notification {
    padding: 0;
    line-height: 1.4;
    overflow: hidden;
}

.pcoded-header2 .dropdown .profile-notification .pro-head {
    color: #fff;
    padding: 15px;
    position: relative;
    background: #05123c;
}

.pcoded-header2 .dropdown .profile-notification .pro-head img {
    width: 40px;
    margin-right: 10px;
}

.pcoded-header2 .dropdown .profile-notification .pro-head .dud-logout {
    color: #fff;
    padding-right: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pcoded-header2 .dropdown .profile-notification .pro-body {
    padding: 20px 0;
    margin-bottom: 0;
    list-style: none;
}

.pcoded-header2 .dropdown .profile-notification .pro-body li {
    margin: 0 10px;
    border-radius: 2px;
}

.pcoded-header2 .dropdown .profile-notification .pro-body li a {
    color: #373a3c;
    font-size: 14px;
    padding: 10px;
}

.pcoded-header2 .dropdown .profile-notification .pro-body li a i {
    margin-right: 10px;
}

.pcoded-header2 .dropdown .profile-notification .pro-body li.active, .pcoded-header2 .dropdown .profile-notification .pro-body li:active, .pcoded-header2 .dropdown .profile-notification .pro-body li:focus, .pcoded-header2 .dropdown .profile-notification .pro-body li:hover {
    background: #4680ff;
    box-shadow: 0 15px 8px -9px rgba(0, 0, 0, 0.25);
}

.pcoded-header2 .dropdown .profile-notification .pro-body li.active > a, .pcoded-header2 .dropdown .profile-notification .pro-body li:active > a, .pcoded-header2 .dropdown .profile-notification .pro-body li:focus > a, .pcoded-header2 .dropdown .profile-notification .pro-body li:hover > a {
    color: #fff;
    background: transparent;
}

/* header css end */
/* menu[ vartical ] css start */
.mob-toggler2,
.mobile-menu2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    margin-top: -10px;
}

.mob-toggler2 span,
.mobile-menu2 span {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background-color: rgba(16, 27, 51, 0.8);
    transition: 0.3s cubic-bezier(0.97, 0.75, 0.61, 1.84);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 2px;
}

.mob-toggler2 span:after, .mob-toggler2 span:before,
.mobile-menu2 span:after,
.mobile-menu2 span:before {
    content: "";
    position: absolute;
    left: 0;
    height: 2px;
    background-color: rgba(16, 27, 51, 0.8);
    transition: 0.3s cubic-bezier(0.97, 0.75, 0.61, 1.84);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 2px;
}

.mob-toggler2 span:after,
.mobile-menu2 span:after {
    top: 6px;
    width: 70%;
}

.mob-toggler2 span:before,
.mobile-menu2 span:before {
    top: -6px;
    width: 40%;
}

.mob-toggler2:hover span,
.mobile-menu2:hover span {
    background-color: #05123c;
}

.mob-toggler2:hover span:after, .mob-toggler2:hover span:before,
.mobile-menu2:hover span:after,
.mobile-menu2:hover span:before {
    background-color: #05123c;
    width: 100%;
}

.mob-toggler2 {
    right: 5px;
    display: none;
}

.pcoded-header2:before,
.pcoded-main-container2:before {
    content: "";
    transition: all 0.3s ease-in-out;
}

.pcoded-navbar2 {
    display: block;
    z-index: 1040;
    position: absolute;
    box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3);
    transition: all 0.3s ease-in-out;
    width: 230px;
    height: 100%;
    /*height: calc(100% - 50px);*/
    /*margin-top: 50px;*/
    border-radius: 0 6px 0 0;
    top: 0;
    background: #05123c;
    color: #c0cfe9;
}

.pcoded-navbar2 ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.pcoded-navbar2 .scroll-div.navbar-content2 {
    height: 100%;
}

.pcoded-navbar2 .header-logo {
    position: relative;
    align-items: center;
    display: inline-flex;
    float: left;
    background: #05123c;
    height: 50px;
    text-align: center;
    width: 230px;
    margin-right: 0;
    padding: 10px 25px;
    transition: all 0.3s ease-in-out;
}

.pcoded-navbar2 .header-logo .logo-dark {
    display: none;
}

.pcoded-navbar2 .header-logo .logo-thumb {
    transform: rotateY(-90deg);
    opacity: 0;
    position: absolute;
    transition: unset;
}

.pcoded-navbar2 .header-logo + .scroll-div {
    float: left;
    display: inline-block;
}

.pcoded-navbar2 .mobile-menu2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 0;
    padding: 0 10px;
    transition: all 0.3s ease-in-out;
}

.pcoded-navbar2 .pcoded-badge {
    font-size: 75%;
    position: relative;
    right: 0;
    top: -1px;
    padding: 2px 7px;
    border-radius: 2px;
    display: inline-block;
    margin-left: 10px;
}

.pcoded-navbar2 .main-menu-header {
    position: relative;
    padding: 25px 25px 10px;
    height: 116px;
    text-align: center;
}

.pcoded-navbar2 .main-menu-header .user-details {
    cursor: pointer;
}

.pcoded-navbar2 .main-menu-header .user-details > div {
    transition: all 0.3s ease-in-out;
}

.pcoded-navbar2 .main-menu-header .img-radius {
    width: 60px;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}

.pcoded-navbar2 .main-menu-header + div .list-inline {
    display: flex;
    width: 80%;
    margin: 10px auto 0;
    border-top: 1px solid rgba(151, 167, 193, 0.2);
    border-bottom: 1px solid rgba(151, 167, 193, 0.2);
}

.pcoded-navbar2 .main-menu-header + div .list-inline .list-inline-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    border: none;
}

.pcoded-navbar2 .main-menu-header + div .list-inline .list-inline-item a {
    position: relative;
}

.pcoded-navbar2 .main-menu-header + div .list-inline .list-inline-item .badge {
    position: absolute;
    top: -8px;
    right: -11px;
    font-size: 11px;
}

.pcoded-navbar2 .pcoded-inner-navbar2 {
    flex-direction: column;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li {
    position: relative;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li > a {
    text-align: left;
    padding: 7px 10px;
    margin: 5px 10px;
    border-radius: 0.25rem;
    display: block;
    position: relative;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li > a .pcoded-mtext {
    position: relative;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li > a > .pcoded-micon {
    font-size: 16px;
    padding: 0;
    margin-right: 5px;
    border-radius: 4px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    height: 30px;
    text-align: center;
    justify-content: center;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li > a > .pcoded-micon + .pcoded-mtext {
    position: relative;
    top: 0;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 > a:after {
    content: "\e844";
    font-family: 'feather';
    font-size: 13px;
    border: none;
    position: absolute;
    top: 13px;
    right: 20px;
    transition: 0.3s ease-in-out;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2.pcoded-trigger > a:after {
    transform: rotate(90deg);
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu {
    display: none;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li + li > a {
    border-top: 1px solid rgba(151, 167, 193, 0.2);
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu a:after {
    top: 7px;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2.pcoded-trigger.active > .pcoded-submenu {
    display: block;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2.pcoded-trigger.active > a {
    position: relative;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu {
    position: relative;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li {
    position: relative;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li > a {
    text-align: left;
    padding: 10px 7px 10px 45px;
    margin: 0;
    display: block;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li > a:before {
    content: "\e844";
    font-family: 'feather';
    position: absolute;
    top: 10px;
    left: 24px;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li .pcoded-submenu:after {
    left: 45px;
    top: -20px;
    height: calc(100% - 15px);
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li .pcoded-submenu > li:after {
    left: 46px;
    width: 20px;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li .pcoded-submenu > li > a {
    padding: 10px 7px 10px 65px;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li .pcoded-submenu > li > a:before {
    left: 45px;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li .pcoded-submenu > li .pcoded-submenu:after {
    left: 45px;
    top: -20px;
    height: calc(100% - 15px);
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li .pcoded-submenu > li .pcoded-submenu > li:after {
    left: 46px;
    width: 20px;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li .pcoded-submenu > li .pcoded-submenu > li > a {
    padding: 10px 7px 10px 85px;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li .pcoded-submenu > li .pcoded-submenu > li > a:before {
    left: 65px;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-menu-caption {
    font-size: 13px;
    font-weight: 600;
    color: #4680ff;
    padding: 18px 15px 5px;
    text-transform: capitalize;
    position: relative;
    margin-top: 10px;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-menu-caption:first-child {
    border-top: none;
    margin-top: 0;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.pcoded-menu-caption > label {
    margin-bottom: 0;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.disabled > a {
    cursor: default;
    opacity: 0.5;
}

.pcoded-navbar2 .pcoded-submenu {
    background: #05123c;
    padding: 15px 0;
}

.pcoded-navbar2 a {
    color: #c0cfe9;
}

.pcoded-navbar2 .navbar-content2,
.pcoded-navbar2 .navbar-wrapper2 {
    width: 100%;
    height: 100%;
}

.pcoded-navbar2.navbar-collapsed2 {
    width: 70px;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.pcoded-navbar2.navbar-collapsed2 .header-logo {
    width: 70px;
    padding: 10px 20px;
}

.pcoded-navbar2.navbar-collapsed2 .header-logo img {
    transform: rotateY(-90deg);
    transform-origin: 0 0;
    opacity: 0;
    transition: unset;
}

.pcoded-navbar2.navbar-collapsed2 .header-logo .logo-thumb {
    transform: rotateY(0deg);
    transform-origin: 0 0;
    opacity: 1;
    left: calc((70px / 2) - 20px);
}

.pcoded-navbar2.navbar-collapsed2 .header-logo .mobile-menu2 {
    transform: rotateY(-90deg);
    transform-origin: 0 0;
    opacity: 0;
}

.pcoded-navbar2.navbar-collapsed2 .navbar-content2.ps {
    overflow: visible;
}

.pcoded-navbar2.navbar-collapsed2 .pcoded-menu-caption {
    position: relative;
    width: 100%;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
}

.pcoded-navbar2.navbar-collapsed2 .pcoded-menu-caption > label {
    transform: rotateY(-90deg);
    transform-origin: 0 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.pcoded-navbar2.navbar-collapsed2 .pcoded-menu-caption:after {
    content: "";
    position: absolute;
    top: 32px;
    left: 15px;
    width: calc(100% - 30px);
    height: 1px;
    background: rgba(151, 167, 193, 0.5);
}

.pcoded-navbar2.navbar-collapsed2 .pcoded-inner-navbar2 > li > a {
    /*padding: 7px 20px;*/
}

.pcoded-navbar2.navbar-collapsed2 .pcoded-inner-navbar2 > li > a > .pcoded-micon + .pcoded-mtext {
    position: absolute;
    top: 11px;
}

.pcoded-navbar2.navbar-collapsed2 .pcoded-inner-navbar2 > li > a > .pcoded-mtext {
    transform: rotateY(-90deg);
    transform-origin: 0 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.pcoded-navbar2.navbar-collapsed2 .pcoded-inner-navbar2 > li.pcoded-hasmenu2 > a:after {
    right: 12px;
}

.pcoded-navbar2.navbar-collapsed2 .pcoded-inner-navbar2 > li.pcoded-hasmenu2 .pcoded-submenu {
    display: none;
}

.pcoded-navbar2.navbar-collapsed2 .pcoded-inner-navbar2 > li.pcoded-trigger .pcoded-submenu li a {
    color: transparent;
    white-space: nowrap;
}

.pcoded-navbar2.navbar-collapsed2 .pcoded-inner-navbar2 > li.pcoded-trigger .pcoded-submenu li + li a {
    border-top: none;
}

.pcoded-navbar2.navbar-collapsed2 .pcoded-inner-navbar2 > li.pcoded-trigger .pcoded-submenu .pcoded-submenu li a:before {
    opacity: 0;
}

.pcoded-navbar2.navbar-collapsed2 ~ .pcoded-main-container2 {
    margin-left: 70px;
}

.pcoded-navbar2.navbar-collapsed2 .pcoded-badge {
    transform: rotateX(-90deg);
    transform-origin: 50% 50%;
    opacity: 0;
    display: none;
    transition: all 0.15s ease-in-out;
}

.pcoded-navbar2.navbar-collapsed2:hover {
    width: 230px !important;
}

.pcoded-navbar2.navbar-collapsed2:hover .header-logo {
    width: 230px;
}

.pcoded-navbar2.navbar-collapsed2:hover .header-logo img {
    transform: rotateY(0deg);
    opacity: 1;
}

.pcoded-navbar2.navbar-collapsed2:hover .header-logo .logo-thumb {
    transform: rotateY(-90deg);
    opacity: 0;
}

.pcoded-navbar2.navbar-collapsed2:hover .header-logo .mobile-menu2 {
    display: flex;
    right: 10px;
}

.pcoded-navbar2.navbar-collapsed2:hover .pcoded-menu-caption > label {
    transform: rotateY(0deg);
    opacity: 1;
}

.pcoded-navbar2.navbar-collapsed2:hover .pcoded-menu-caption:after {
    background: transparent;
}

.pcoded-navbar2.navbar-collapsed2:hover .mobile-menu2 {
    transform: rotateY(0deg);
    opacity: 1;
}

.pcoded-navbar2.navbar-collapsed2:hover .pcoded-inner-navbar2 > li > a > .pcoded-mtext {
    transform: rotateY(0deg);
    opacity: 1;
}

.pcoded-navbar2.navbar-collapsed2:hover .pcoded-inner-navbar2 > li > a > .pcoded-mtext:after {
    opacity: 1;
    visibility: visible;
}

.pcoded-navbar2.navbar-collapsed2:hover .pcoded-inner-navbar2 > li.pcoded-hasmenu2 > a:after {
    transform: rotateX(0deg);
}

.pcoded-navbar2.navbar-collapsed2:hover .pcoded-inner-navbar2 > li.pcoded-hasmenu2.pcoded-trigger > a:after {
    transform: rotateX(0deg) rotate(90deg);
}

.pcoded-navbar2.navbar-collapsed2:hover .pcoded-inner-navbar2 > li.pcoded-trigger .pcoded-submenu li a {
    color: inherit;
}

.pcoded-navbar2.navbar-collapsed2:hover .pcoded-inner-navbar2 > li.pcoded-trigger .pcoded-submenu .pcoded-submenu li a:before {
    opacity: 1;
}

.pcoded-navbar2.navbar-collapsed2:not(:hover) .pcoded-inner-navbar2 > li > a {
    padding: 7px 10px;
    transition: all 0.3s ease-in-out;
}

.pcoded-navbar2.navbar-collapsed2:not(:hover) .pcoded-inner-navbar2 > li > a:after {
    display: none;
}

.pcoded-navbar2.navbar-collapsed2:not(:hover) .pcoded-inner-navbar2 > li.active > a, .pcoded-navbar2.navbar-collapsed2:not(:hover) .pcoded-inner-navbar2 > li.pcoded-trigger > a {
    /*width: calc(70px - 20px);*/
}

.pcoded-navbar2.navbar-collapsed2:not(:hover) .pcoded-inner-navbar2 > li.pcoded-trigger.pcoded-hasmenu2 > .pcoded-submenu li.active > a:before,
.pcoded-navbar2.navbar-collapsed2:not(:hover) .pcoded-inner-navbar2 > li.pcoded-trigger.pcoded-hasmenu2 > .pcoded-submenu li.pcoded-trigger > a:before,
.pcoded-navbar2.navbar-collapsed2:not(:hover) .pcoded-inner-navbar2 > li.pcoded-trigger.pcoded-hasmenu2 > .pcoded-submenu li:hover > a:before {
    content: "";
    top: 10px;
    left: 31px;
    border-radius: 50%;
    background: #4680ff;
    padding: 5px;
    box-shadow: 0 0 0 5px #fff;
    z-index: 6;
}

.pcoded-navbar2.navbar-collapsed2:not(:hover) .pcoded-inner-navbar2 > li.pcoded-trigger.pcoded-hasmenu2 > .pcoded-submenu:before {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(70px / 2);
    z-index: 5;
    background: rgba(151, 167, 193, 0.2);
}

.pcoded-navbar2.navbar-collapsed2:not(:hover) .pcoded-inner-navbar2 > li.pcoded-trigger .pcoded-submenu li + li > a {
    border-top-color: transparent !important;
}

.pcoded-navbar2.navbar-collapsed2:not(:hover) .main-menu-header {
    padding: 25px 9px;
}

.pcoded-navbar2.navbar-collapsed2:not(:hover) .main-menu-header .img-radius {
    width: calc(70px - 20px);
}

.pcoded-navbar2.navbar-collapsed2:not(:hover) .main-menu-header .user-details > div {
    transform: rotateY(-90deg);
    transform-origin: 0 0;
}

.pcoded-navbar2 .pcoded-menu-caption {
    color: #8090a5;
}

.pcoded-navbar2 .pcoded-inner-navbar2 li.active > a, .pcoded-navbar2 .pcoded-inner-navbar2 li:focus > a, .pcoded-navbar2 .pcoded-inner-navbar2 li:hover > a {
    color: #e5efff;
}

.pcoded-navbar2 .pcoded-inner-navbar2 > li.active > a, .pcoded-navbar2 .pcoded-inner-navbar2 > li.pcoded-trigger > a {
    background: #4680ff;
    color: #fff;
    box-shadow: 0 10px 5px -8px rgba(0, 0, 0, 0.4);
}

.pcoded-navbar2 .pcoded-inner-navbar2 > .pcoded-menu-caption.active:after, .pcoded-navbar2 .pcoded-inner-navbar2 > .pcoded-menu-caption.pcoded-trigger:after {
    display: none;
}

.pcoded-navbar2.mob-open2 ~ .pcoded-header2:before,
.pcoded-navbar2.mob-open2 ~ .pcoded-main-container2:before, .pcoded-navbar2.navbar-collapsed2:hover ~ .pcoded-header2:before,
.pcoded-navbar2.navbar-collapsed2:hover ~ .pcoded-main-container2:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* ===  scroll bar start  ===== */
.navbar-content2 {
    position: relative;
}

.ps__rail-y {
    z-index: 5;
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background: transparent;
}

.ps__thumb-y {
    background: #98aec9;
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
    background: #a9bbd2;
}

/* ===  scroll bar End  ===== */
/* menu [ vartical ] css end */
/* menu[ horizontal ] css start */
.pcoded-navbar2.theme-horizontal2 {
    display: block;
    height: 50px;
    width: 100%;
    z-index: 1001;
    position: fixed;
    border-radius: 0;
    top: 50px;
    margin-top: 0;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-badge {
    display: none;
}

.pcoded-navbar2.theme-horizontal2.top-nav-collapse {
    top: 0;
}

.pcoded-navbar2.theme-horizontal2.default, .pcoded-navbar2.theme-horizontal2.default.top-nav-collapse {
    top: 50px;
}

.pcoded-navbar2.theme-horizontal2.header-hide {
    top: 0;
}

.pcoded-navbar2.theme-horizontal2.header-hide.top-nav-collapse {
    top: -50px;
}

.pcoded-navbar2.theme-horizontal2.header-hide ~ .pcoded-main-container2 {
    margin-top: 50px;
}

.pcoded-navbar2.theme-horizontal2 .header-logo {
    display: none;
}

.pcoded-navbar2.theme-horizontal2 .sidenav-horizontal-wrapper {
    display: flex;
    align-items: center;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
    transition: all 0.5s ease-in-out;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-menu-caption {
    display: none;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li {
    display: inline-flex;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li > a {
    margin: 0;
    padding: 8px 15px;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li > a > .pcoded-mtext {
    position: relative;
    top: 0;
    margin-right: 5px;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li > a:after {
    position: relative;
    top: 0;
    right: 0;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li.active a, .pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li.pcoded-trigger a, .pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li:hover a {
    box-shadow: none;
    color: #fff;
    background: transparent;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li.pcoded-hasmenu2.active:before, .pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li.pcoded-hasmenu2.pcoded-trigger:before {
    content: "\6d";
    position: absolute;
    bottom: -20px;
    left: 0;
    font-family: "pct";
    z-index: 1001;
    font-size: 50px;
    line-height: 1;
    padding-left: calc(50% - 25px);
    color: #05123c;
    text-shadow: 0 3px 4px rgba(69, 90, 100, 0.3);
    width: 100%;
    height: 40px;
    transform: scaleX(1.2);
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li.pcoded-hasmenu2.active > .pcoded-submenu, .pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li.pcoded-hasmenu2.pcoded-trigger > .pcoded-submenu {
    margin-top: 30px;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li.active:after, .pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li.pcoded-trigger:after {
    content: "";
    background-color: #4680ff;
    z-index: 4;
    position: absolute;
    left: 19px;
    top: auto;
    bottom: 5px;
    width: 23px;
    height: 2px;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 > li.pcoded-hasmenu2.edge > .pcoded-submenu {
    left: auto;
    right: 0;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 {
    position: relative;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu {
    opacity: 0;
    visibility: hidden;
    transform-origin: 50% 50%;
    transition: transform 0.3s, opacity 0.3s;
    transform-style: preserve-3d;
    transform: rotateX(-90deg);
    position: absolute;
    min-width: 250px;
    display: block;
    z-index: 1;
    top: 100%;
    list-style: outside none none;
    margin: 0;
    border-radius: 4px;
    padding: 15px;
    box-shadow: 0 4px 24px 0 rgba(62, 57, 107, 0.18);
    background: #fff;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu:after {
    display: none;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu a {
    color: #05123c;
    padding: 10px 20px 10px 30px;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu a:before {
    left: 5px;
    top: 11px;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu li + li > a {
    border-top-color: #ededed;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu li:after {
    display: none;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu li.active > a, .pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu li.pcoded-trigger > a, .pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu li:hover > a {
    color: #4680ff;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu .pcoded-submenu {
    position: absolute;
    min-width: 250px;
    z-index: 1;
    left: calc(100% + 10px);
    top: -10px;
    margin: 0 0 0 20px;
    border-radius: 4px;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu .pcoded-submenu:before {
    content: "\6a";
    position: absolute;
    top: 8px;
    left: -31px;
    font-family: "pct";
    z-index: 1001;
    font-size: 50px;
    line-height: 1;
    color: #fff;
    width: 40px;
    height: 100%;
    text-shadow: -8px 0 13px rgba(62, 57, 107, 0.08);
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu .pcoded-submenu a {
    color: #05123c;
    padding: 10px 20px 10px 30px;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu .pcoded-submenu a:before {
    left: 5px;
    top: 11px;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu .pcoded-submenu .pcoded-submenu a {
    padding: 10px 20px 10px 30px;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu .pcoded-submenu .pcoded-submenu a:before {
    left: 5px;
    top: 11px;
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu .pcoded-hasmenu2.edge .pcoded-submenu {
    left: auto;
    margin: 0 20px 0 0;
    right: calc(100% + 10px);
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2 .pcoded-submenu .pcoded-hasmenu2.edge .pcoded-submenu:before {
    content: '\6b';
    left: auto;
    right: -21px;
    text-shadow: 8px 0 13px rgba(62, 57, 107, 0.08);
}

.pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2.pcoded-trigger > .pcoded-submenu {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0deg);
}

.pcoded-navbar2.theme-horizontal2 .navbar-content2 {
    display: flex;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2 {
    position: fixed;
    top: 0;
    margin-left: 0;
    width: 100%;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2:not(.headerpos-fixed2) {
    background: #4680ff;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2 .b-title {
    color: #05123c;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*='header-'] .b-title {
    color: #fff;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2 .m-header2 {
    display: inline-flex;
    padding: 0 15px;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2 .m-header2 .logo-main,
.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2 .m-header2 .logo-thumb {
    display: none;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2 .m-header2 .logo-dark {
    display: inline-block;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2 .mobile-menu2 {
    display: none;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .m-header2 {
    display: inline-flex;
    padding: 0 15px;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .m-header2 .logo-dark,
.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .m-header2 .logo-thumb {
    display: none;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .m-header2 .logo-main {
    display: inline-block;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown-menu {
    color: #373a3c;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown-menu a {
    color: #373a3c;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown-menu > li > a {
    color: #373a3c;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown-menu > li.active, .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown-menu > li:active, .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown-menu > li:focus, .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown-menu > li:hover {
    background: rgba(70, 128, 255, 0.1);
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown-menu > li.active > a, .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown-menu > li:active > a, .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown-menu > li:focus > a, .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown-menu > li:hover > a {
    background: transparent;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] a,
.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] dropdown-toggle {
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown .notification .noti-body li.notification:hover {
    background: rgba(70, 128, 255, 0.1);
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown .profile-notification .pro-head {
    color: #fff;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] .dropdown .profile-notification .pro-head .dud-logout {
    color: #fff;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-main-container2 {
    margin-top: 100px;
    margin-left: 0;
    padding-top: 1px;
    min-height: calc(100vh - 100px);
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-main-container2 .page-header h5 {
    color: #37474f;
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-main-container2 .page-header .page-header-title + .breadcrumb > .breadcrumb-item:before {
    color: rgba(55, 71, 79, 0.8);
}

.pcoded-navbar2.theme-horizontal2 ~ .pcoded-main-container2 .page-header .page-header-title + .breadcrumb > .breadcrumb-item a {
    color: #37474f;
}

/* menu [ horizontal ] css end */
/* main content start */
.pcoded-content2 {
    position: relative;
    display: block;
    /*padding: 25px;*/
    /*margin-top: 75px;*/
    z-index: 1001;
}

.pcoded-main-container2 {
    /*background: #ecf0f5;*/
    /*background: white;*/
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    display: block;
    clear: both;
    float: unset;
    right: 0;
    top: 0;
    margin-left: 230px;
    min-height: 100vh;
    transition: all 0.3s ease-in-out;
    z-index: 1038;
}

.zindexDefault {
    z-index: 1038;
}

.zindexMax {
    z-index: 99999;
}

/* main content end*/
/* ==========================    Rsponsive Menu  start   ====================== */
@media only screen and (max-width: 991px) {
    .pcoded-header2 .input-group-text,
    .pcoded-header2 a,
    .pcoded-header2 dropdown-toggle {
        color: #05123c;
    }

    .pcoded-header2 .input-group-text:hover,
    .pcoded-header2 a:hover,
    .pcoded-header2 dropdown-toggle:hover {
        color: #4680ff;
    }

    .pcoded-header2 #mobile-header {
        display: none;
        right: 20px;
    }

    .pcoded-header2 > .collapse:not(.show),
    .pcoded-header2 .container > .collapse:not(.show) {
        background: #fff;
        box-shadow: 0 2px 10px -1px rgba(69, 90, 100, 0.3);
        position: relative;
    }

    .pcoded-header2 > .collapse:not(.show) .mob-toggler2:after,
    .pcoded-header2 .container > .collapse:not(.show) .mob-toggler2:after {
        content: "\e89a";
        font-family: "feather";
        font-size: 20px;
        color: #05123c;
        position: absolute;
        right: 10px;
        top: 0;
        width: 40px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pcoded-header2 > .collapse:not(.show) .mr-auto,
    .pcoded-header2 .container > .collapse:not(.show) .mr-auto {
        height: 50px;
        display: flex;
        justify-content: center;
    }

    .pcoded-header2 > .collapse:not(.show) .ml-auto,
    .pcoded-header2 .container > .collapse:not(.show) .ml-auto {
        margin-left: auto;
        margin-right: 0 !important;
    }

    .pcoded-header2 .dropdown-menu,
    .pcoded-header2 .dropdown-menu a,
    .pcoded-header2 .search-close .input-group-text {
        color: #05123c;
    }

    .pcoded-header2 .m-header2 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        /*width: 105px;*/
        height: 50px;
    }

    .pcoded-header2 .m-header2 .mobile-menu2 {
        right: auto;
        /*left: 10px;*/
        margin-left: -270px;
    }

    .pcoded-header2 .m-header2 .mob-toggler2 {
        display: flex;
    }

    .pcoded-header2 .full-screen {
        display: none;
    }

    .pcoded-header2 .navbar-nav > li:last-child {
        padding-right: 20px;
    }

    .pcoded-navbar2 {
        /*margin-left: -230px;*/
        position: absolute;
        height: 100%;
        /*height: calc(100% - 50px);*/
        margin-top: 50px !important;
    }


    /* ******************************************************
        Author URI: https://codeconvey.com/
        Demo Purpose Only - May not require to add.
        font-family: "Raleway",sans-serif;
    *********************************************************/
    html {
        box-sizing: border-box;
    }

    *, *:before, *:after {
        box-sizing: inherit;
    }

    article, header, section, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
        display: block;
    }

    body {
        background: #e2f2f7 none repeat scroll 0 0;
        color: #222;
        font-size: 100%;
        line-height: 24px;
        margin: 0;
        padding: 0;
        font-family: "Raleway", sans-serif;
    }

    a {
        font-family: "Raleway", sans-serif;
        text-decoration: none;
        outline: none;
    }

    a:hover, a:focus {
        color: #373e18;
    }

    section {
        float: left;
        width: 100%;
        padding-bottom: 3em;
    }

    h2 {
        color: #1a0e0e;
        font-size: 26px;
        font-weight: 700;
        margin: 0;
        line-height: normal;
        text-transform: uppercase;
    }

    h2 span {
        display: block;
        padding: 0;
        font-size: 18px;
        opacity: 0.7;
        margin-top: 5px;
        text-transform: uppercase;
    }

    #float-right {
        float: right;
    }

    /* ******************************************************
        Script Top
    *********************************************************/
    .ScriptTop {
        background: #fff none repeat scroll 0 0;
        float: left;
        font-size: 0.69em;
        font-weight: 600;
        line-height: 2.2;
        padding: 12px 0;
        text-transform: uppercase;
        width: 100%;
    }

    /* To Navigation Style 1*/
    .ScriptTop ul {
        margin: 24px 0;
        padding: 0;
        text-align: left;
    }

    .ScriptTop li {
        list-style: none;
        display: inline-block;
    }

    .ScriptTop li a {
        background: #6a4aed none repeat scroll 0 0;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        padding: 5px 18px;
        text-decoration: none;
        text-transform: capitalize;
    }

    .ScriptTop li a:hover {
        background: #000;
        color: #fff;
    }


    /* ******************************************************
        Script Header
    *********************************************************/
    .ScriptHeader {
        float: left;
        width: 100%;
        padding: 2em 0;
    }

    .rt-heading {
        margin: 0 auto;
        text-align: center;
    }

    .Scriptcontent {
        line-height: 28px;
    }

    .ScriptHeader h1 {
        font-family: "brandon-grotesque", "Brandon Grotesque", "Source Sans Pro", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        color: #6a4aed;
        font-size: 26px;
        font-weight: 700;
        margin: 0;
        line-height: normal;

    }

    .ScriptHeader h2 {
        color: #312c8f;
        font-size: 20px;
        font-weight: 400;
        margin: 5px 0 0;
        line-height: normal;

    }

    .ScriptHeader h1 span {
        display: block;
        padding: 0;
        font-size: 22px;
        opacity: 0.7;
        margin-top: 5px;

    }

    .ScriptHeader span {
        display: block;
        padding: 0;
        font-size: 22px;
        opacity: 0.7;
        margin-top: 5px;
    }


    /* ******************************************************
        Live Demo
    *********************************************************/
    /* ******************************************************
        Responsive Grids
    *********************************************************/
    .rt-container {
        margin: 0 auto;
        padding-left: 12px;
        padding-right: 12px;
    }

    .rt-row:before, .rt-row:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .rt-row:after {
        clear: both;
    }

    [class^="col-rt-"] {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        padding: 0 15px;
        min-height: 1px;
        position: relative;
    }


    @media (min-width: 768px) {
        .rt-container {
            width: 750px;
        }

        [class^="col-rt-"] {
            float: left;
            width: 49.9999999999%;
        }

        .col-rt-6, .col-rt-12 {
            width: 100%;
        }

    }

    @media (min-width: 1200px) {
        .rt-container {
            width: 1170px;
        }

        .col-rt-1 {
            width: 16.6%;
        }

        .col-rt-2 {
            width: 30.33%;
        }

        .col-rt-3 {
            width: 50%;
        }

        .col-rt-4 {
            width: 67.664%;
        }

        .col-rt-5 {
            width: 83.33%;
        }
    }

    @media only screen and (min-width: 240px) and (max-width: 768px) {
        .ScriptTop h1, .ScriptTop ul {
            text-align: center;
        }

        .ScriptTop h1 {
            margin-top: 0;
            margin-bottom: 15px;
        }

        .ScriptTop ul {
            margin-top: 12px;
        }

        .ScriptHeader h1,
        .ScriptHeader h2,
        .scriptnav ul {
            text-align: center;
        }

        .scriptnav ul {
            margin-top: 12px;
        }

        #float-right {
            float: none;
        }
    }

    .pcoded-navbar2 .scroll-div.navbar-content2 {
        height: 100%;
    }

    .pcoded-navbar2 ~ .pcoded-header2,
    .pcoded-navbar2 ~ .pcoded-main-container2 {
        margin-left: 0;
    }

    .pcoded-navbar2 ~ .pcoded-header2 {
        width: 100%;
        top: 50px !important;
        height: 30px;
    }

    .pcoded-navbar2 .navbar-brand {
        display: none;
    }

    .pcoded-navbar2.mob-open2 {
        margin-left: 0;
    }

    .pcoded-navbar2.mob-open2 .pcoded-main-container2 ~ .pcoded-header2,
    .pcoded-navbar2.mob-open2 ~ .pcoded-main-container2 {
        margin-left: 70px;
    }

    .pcoded-main-container2 {
        padding-top: 0;
    }
}

@media only screen and (max-width: 575px) {
    .pcoded-header2 .main-search.open .input-group .search-close {
        display: none;
    }

    .pcoded-header2 .navbar-nav > li {
        padding: 0 8px;
    }

    .pcoded-header2 .navbar-nav.ml-auto > li:first-child {
        padding-left: 0;
    }

    .pcoded-header2 .navbar-nav > li:last-child {
        padding-right: 15px;
    }

    .pcoded-header2 .navbar-nav.mr-auto li.nav-item:not(.dropdown) {
        display: block;
        padding-right: 0;
    }

    .pcoded-header2 .navbar-nav.mr-auto li.nav-item:not(.dropdown) .search-close {
        display: none;
    }

    .pcoded-header2 .dropdown.show {
        position: static;
    }

    .pcoded-header2 .dropdown.show a:after {
        display: none;
    }

    .pcoded-header2 .dropdown.show:before {
        display: none;
    }

    .pcoded-header2 .dropdown .notification {
        width: 100%;
    }

    .pcoded-header2 .dropdown .dropdown-menu {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

    .header-chat.open,
    .header-user-list.open {
        width: 280px;
    }

    .pcoded-content2 {
        padding: 25px 15px;
    }

    .card {
        margin: 0;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .pcoded-navbar2 .header-logo {
        transition: none;
    }

    .pcoded-navbar2.navbar-collapsed2 {
        transition: none;
    }

    .pcoded-navbar2.navbar-collapsed2 .header-logo img {
        transition: none;
    }

    .pcoded-navbar2.navbar-collapsed2 .pcoded-menu-caption > label {
        transition: none;
    }

    .pcoded-navbar2.navbar-collapsed2 .pcoded-inner-navbar2 > li > a > .pcoded-mtext {
        transition: none;
    }

    .pcoded-navbar2.navbar-collapsed2 .pcoded-inner-navbar2 > li.pcoded-hasmenu2 > a:after {
        transition: none;
        transition-delay: 0;
    }

    .pcoded-navbar2.navbar-collapsed2 .pcoded-badge {
        transition: none;
    }

    .pcoded-navbar2.navbar-collapsed2:hover .pcoded-badge {
        transition-delay: 0;
    }
}

/* responsive horizontal menu */
@media only screen and (max-width: 991px) {
    .pcoded-navbar2.theme-horizontal2 {
        margin-left: 0;

    }

    .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2 > .collapse:not(.show),
    .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2 .container > .collapse:not(.show) {
        display: inline-flex;
        background: #fff;
        box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
    }

    .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2 .b-title {
        color: #fff;
    }

    .pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2.pcoded-trigger > .pcoded-submenu .pcoded-trigger > .pcoded-submenu,
    .pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2.pcoded-trigger > .pcoded-submenu .pcoded-trigger.edge > .pcoded-submenu {
        position: relative;
        left: 0;
        min-width: 100%;
        margin: 0;
        box-shadow: none;
    }

    .pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2.pcoded-trigger > .pcoded-submenu .pcoded-trigger > .pcoded-submenu:before,
    .pcoded-navbar2.theme-horizontal2 .pcoded-inner-navbar2 .pcoded-hasmenu2.pcoded-trigger > .pcoded-submenu .pcoded-trigger.edge > .pcoded-submenu:before {
        display: none;
    }
}

/* ==========================    Rsponsive Menu  end   ====================== */
/* ******************************************************************************* */
/* * Horizontal */
.theme-horizontal2 .sidenav-horizontal-wrapper {
    flex: 1 1 auto;
    width: 0;
}

.sidenav:not(.sidenav-no-animation) .theme-horizontal2 .sidenav-horizontal-wrapper .sidenav-inner {
    transition: margin 0.2s;
}

.theme-horizontal2 .sidenav-horizontal-next,
.theme-horizontal2 .sidenav-horizontal-prev {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 2.25rem;
    background-color: #05123c;
    z-index: 9;
}

.theme-horizontal2 .sidenav-horizontal-next::after,
.theme-horizontal2 .sidenav-horizontal-prev::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border: 2px solid;
    border-top: 0;
}

.theme-horizontal2 .sidenav-horizontal-next.disabled,
.theme-horizontal2 .sidenav-horizontal-prev.disabled {
    cursor: default !important;
    opacity: 0;
}

.theme-horizontal2 .sidenav-horizontal-prev::after {
    border-right: 0;
    transform: translate(-50%, -50%) rotate(45deg);
}

.theme-horizontal2 .sidenav-horizontal-next::after {
    border-left: 0;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.theme-horizontal2 .sidenav-horizontal:after, .theme-horizontal2 .sidenav-horizontal:before {
    content: "";
    background: #05123c;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 5;
}

@media only screen and (max-width: 991px) {
    .theme-horizontal2 .sidenav-horizontal:after, .theme-horizontal2 .sidenav-horizontal:before {
        display: none;
    }
}

.theme-horizontal2 .sidenav-horizontal:before {
    left: 100%;
}

.theme-horizontal2 .sidenav-horizontal:after {
    right: 100%;
}

.theme-horizontal2.menu-light2 .sidenav-horizontal:after, .theme-horizontal2.menu-light2 .sidenav-horizontal:before {
    background: #fff;
}

@-webkit-keyframes sidenavDropdownShow {
    0% {
        opacity: 0;
        transform: translateY(-0.5rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes sidenavDropdownShow {
    0% {
        opacity: 0;
        transform: translateY(-0.5rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.pcoded-navbar2 .card {
    background: rgba(255, 255, 255, 0.1);
    margin: 5px;
    box-shadow: 0 0 0 1px rgba(226, 229, 232, 0.15);
    color: rgba(255, 255, 255, 0.6);
}

.pcoded-navbar2 .card h6 {
    color: rgba(255, 255, 255, 0.6);
}

.pcoded-navbar2 .card .close {
    position: absolute;
    color: #c0cfe9;
    position: absolute;
    top: 10px;
    right: 12px;
    opacity: 0.8;
    text-shadow: none;
}

.pcoded-navbar2.menu-light2 .card {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px #ecf0f5;
    color: rgba(0, 0, 0, 0.6);
}

.pcoded-navbar2.menu-light2 .card h6 {
    color: #535763;
}

.pcoded-navbar2.menu-light2 .card .close {
    color: #535763;
}

.pcoded-navbar2.navbar-collapsed2 .card {
    display: none;
}

.doc-img > a[data-value="menu-light2"] span:before {
    background: #fff;
}

/* ===================================================================================
 ==========================    Diffrent Layout Styles Start     ====================
 ===================================================================================
 ====== [ light menu style start ] ======== */
.pcoded-navbar2.menu-light2 {
    background-color: #FFFFFF;
    color: #535763;
}

.pcoded-navbar2.menu-light2 .header-logo {
    background-color: #05123c;
}

.pcoded-navbar2.menu-light2 .header-logo .logo-dark {
    display: none;
}

.pcoded-navbar2.menu-light2 .header-logo .logo-main {
    display: block;
}

.pcoded-navbar2.menu-light2 .sidenav-horizontal-next,
.pcoded-navbar2.menu-light2 .sidenav-horizontal-prev {
    background: #fff;
}

.pcoded-navbar2.menu-light2 .main-menu-header + div .list-inline {
    border-top-color: rgba(151, 167, 193, 0.5);
    border-bottom-color: rgba(151, 167, 193, 0.5);
}

.pcoded-navbar2.menu-light2 .mobile-menu2 span {
    background-color: rgba(255, 255, 255, 0.8);
}

.pcoded-navbar2.menu-light2 .mobile-menu2 span:after, .pcoded-navbar2.menu-light2 .mobile-menu2 span:before {
    background-color: rgba(255, 255, 255, 0.8);
}

.pcoded-navbar2.menu-light2 .mobile-menu2.on span {
    background-color: transparent;
}

.pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li + li > a {
    border-top: 1px solid rgba(151, 167, 193, 0.5);
}

.pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li.active > a:before, .pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li.pcoded-trigger > a:before, .pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li:hover > a:before {
    color: #4680ff;
}

.pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 li.pcoded-hasmenu2 .pcoded-submenu li + li > a {
    border-top-color: #ededed;
}

.pcoded-navbar2.menu-light2 .pcoded-submenu {
    background: #fff;
}

.pcoded-navbar2.menu-light2 a {
    /*color: #535763;*/
}

.pcoded-navbar2.menu-light2.navbar-collapsed2 .pcoded-menu-caption:after {
    background: rgba(0, 0, 0, 0.1);
}

.pcoded-navbar2.menu-light2.navbar-collapsed2:hover .pcoded-menu-caption:after {
    background: transparent;
}

.pcoded-navbar2.menu-light2 .pcoded-menu-caption {
    color: #535763;
}

.pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 li.active > a, .pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 li.pcoded-trigger > a, .pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 li:hover > a {
    color: white;
    /*background: blue !important;*/
    border: red;
}

.pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 li.active > a > label {
/ / color: blue !important;
    /*font-weight: bold;*/
    background: transparent;
}

.pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 li.active > label {
    color: #4680ff;
    font-weight: bold;
}

.pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 li.pcoded-trigger > label {
    color: #6d767e;
    font-weight: normal;
}

.pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 li:hover > label {
    color: blue;
    font-weight: normal;
}

.pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 > li.active > a, .pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 > li.pcoded-trigger > a {
    background: #4680ff;
    color: #fff;
}

.pcoded-navbar2.menu-light2 .pcoded-inner-navbar2 > li.active > a {
    /*background: blue !important;*/
    color: #fff;
}

.pcoded-navbar2.menu-light2.theme-horizontal2 .pcoded-inner-navbar2 > li.active a, .pcoded-navbar2.menu-light2.theme-horizontal2 .pcoded-inner-navbar2 > li.pcoded-trigger a, .pcoded-navbar2.menu-light2.theme-horizontal2 .pcoded-inner-navbar2 > li:hover a {
    color: #535763;
    /*background: blue;*/
}

.pcoded-navbar2.menu-light2.theme-horizontal2 .pcoded-inner-navbar2 > li.pcoded-hasmenu2.active:before, .pcoded-navbar2.menu-light2.theme-horizontal2 .pcoded-inner-navbar2 > li.pcoded-hasmenu2.pcoded-trigger:before {
    color: #fff;
}

/* ====== [ light menu style end ] ======== */
/* ====== [ Header color start ] ======== */
.pcoded-header2[class*="header-"] .mobile-menu2 span {
    background-color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2[class*="header-"] .mobile-menu2 span:after, .pcoded-header2[class*="header-"] .mobile-menu2 span:before {
    background-color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2[class*="header-"] .mobile-menu2:hover span {
    background-color: #fff;
}

.pcoded-header2[class*="header-"] .mobile-menu2:hover span:after, .pcoded-header2[class*="header-"] .mobile-menu2:hover span:before {
    background-color: #fff;
}

@media only screen and (min-width: 992px) {
    .pcoded-header2[class*="header-"] .page-header .breadcrumb-item + .breadcrumb-item::before,
    .pcoded-header2[class*="header-"] .page-header .page-header-title + .breadcrumb > .breadcrumb-item a,
    .pcoded-header2[class*="header-"] .page-header h5 {
        color: #fff;
    }
}

.pcoded-header2.header-blue {
    background: #4680ff;
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2.header-blue:not(.headerpos-fixed2) {
    background: transparent;
}

.pcoded-header2.header-blue .profile-notification li > a {
    color: #373a3c;
}

.pcoded-header2.header-blue .profile-notification li.active, .pcoded-header2.header-blue .profile-notification li:active, .pcoded-header2.header-blue .profile-notification li:focus, .pcoded-header2.header-blue .profile-notification li:hover {
    background: rgba(70, 128, 255, 0.1);
}

.pcoded-header2.header-blue .profile-notification li.active > a, .pcoded-header2.header-blue .profile-notification li:active > a, .pcoded-header2.header-blue .profile-notification li:focus > a, .pcoded-header2.header-blue .profile-notification li:hover > a {
    background: transparent;
}

.pcoded-header2.header-blue .dropdown-menu {
    color: #373a3c;
}

.pcoded-header2.header-blue .dropdown-menu a {
    color: #373a3c;
}

.pcoded-header2.header-blue .dropdown-menu > li > a {
    color: #373a3c;
}

.pcoded-header2.header-blue .dropdown-menu > li.active, .pcoded-header2.header-blue .dropdown-menu > li:active, .pcoded-header2.header-blue .dropdown-menu > li:focus, .pcoded-header2.header-blue .dropdown-menu > li:hover {
    background: rgba(70, 128, 255, 0.1);
    color: #373a3c;
}

.pcoded-header2.header-blue .dropdown-menu > li.active > a, .pcoded-header2.header-blue .dropdown-menu > li:active > a, .pcoded-header2.header-blue .dropdown-menu > li:focus > a, .pcoded-header2.header-blue .dropdown-menu > li:hover > a {
    background: transparent;
}

.pcoded-header2.header-blue .input-group .input-group-text,
.pcoded-header2.header-blue a,
.pcoded-header2.header-blue dropdown-toggle {
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2.header-blue .input-group .input-group-text:hover,
.pcoded-header2.header-blue a:hover,
.pcoded-header2.header-blue dropdown-toggle:hover {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-blue .input-group .input-group-text,
    .pcoded-header2.header-blue a,
    .pcoded-header2.header-blue dropdown-toggle {
        color: #535763;
    }

    .pcoded-header2.header-blue .input-group .input-group-text:hover,
    .pcoded-header2.header-blue a:hover,
    .pcoded-header2.header-blue dropdown-toggle:hover {
        color: #3c3f47;
    }
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-blue .m-header2 > a {
        color: #fff;
    }
}

.pcoded-header2.header-blue .main-search .search-close > .input-group-text {
    color: #4680ff;
}

.pcoded-header2.header-blue .main-search.open .input-group {
    background: rgba(255, 255, 255, 0.25);
    border: 0 solid rgba(255, 255, 255, 0.25);
    padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-blue .main-search.open .input-group {
        background: #ecf0f5;
    }
}

@media only screen and (min-width: 992px) {
    .pcoded-header2.header-blue .main-search.open .input-group .form-control {
        color: #fff;
    }

    .pcoded-header2.header-blue .main-search.open .input-group .form-control::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .pcoded-header2.header-blue .main-search.open .input-group .form-control:-ms-input-placeholder {
        color: #fff;
    }

    .pcoded-header2.header-blue .main-search.open .input-group .form-control::-webkit-input-placeholder {
        color: #fff;
    }
}

.pcoded-header2.header-blue .main-search.open .input-group .search-btn {
    background: #4680ff;
    border-color: #4680ff;
}

.pcoded-header2.header-blue .main-search.open .input-group .search-btn .input-group-text {
    color: #fff;
}

.pcoded-header2.header-blue .dropdown .notification .noti-head a {
    color: #fff;
}

.pcoded-header2.header-blue .dropdown .notification .noti-body li.notification:hover {
    background: rgba(70, 128, 255, 0.1);
}

.pcoded-header2.header-blue .dropdown .profile-notification .pro-head {
    color: #fff;
}

.pcoded-header2.header-blue .dropdown .profile-notification .pro-head .dud-logout {
    color: #fff;
}

.pcoded-header2.header-blue .b-bg {
    background: #fff;
    color: #4680ff;
}

.pcoded-header2.header-red {
    background: #ff5252;
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2.header-red:not(.headerpos-fixed2) {
    background: transparent;
}

.pcoded-header2.header-red .profile-notification li > a {
    color: #373a3c;
}

.pcoded-header2.header-red .profile-notification li.active, .pcoded-header2.header-red .profile-notification li:active, .pcoded-header2.header-red .profile-notification li:focus, .pcoded-header2.header-red .profile-notification li:hover {
    background: rgba(255, 82, 82, 0.1);
}

.pcoded-header2.header-red .profile-notification li.active > a, .pcoded-header2.header-red .profile-notification li:active > a, .pcoded-header2.header-red .profile-notification li:focus > a, .pcoded-header2.header-red .profile-notification li:hover > a {
    background: transparent;
}

.pcoded-header2.header-red .dropdown-menu {
    color: #373a3c;
}

.pcoded-header2.header-red .dropdown-menu a {
    color: #373a3c;
}

.pcoded-header2.header-red .dropdown-menu > li > a {
    color: #373a3c;
}

.pcoded-header2.header-red .dropdown-menu > li.active, .pcoded-header2.header-red .dropdown-menu > li:active, .pcoded-header2.header-red .dropdown-menu > li:focus, .pcoded-header2.header-red .dropdown-menu > li:hover {
    background: rgba(255, 82, 82, 0.1);
    color: #373a3c;
}

.pcoded-header2.header-red .dropdown-menu > li.active > a, .pcoded-header2.header-red .dropdown-menu > li:active > a, .pcoded-header2.header-red .dropdown-menu > li:focus > a, .pcoded-header2.header-red .dropdown-menu > li:hover > a {
    background: transparent;
}

.pcoded-header2.header-red .input-group .input-group-text,
.pcoded-header2.header-red a,
.pcoded-header2.header-red dropdown-toggle {
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2.header-red .input-group .input-group-text:hover,
.pcoded-header2.header-red a:hover,
.pcoded-header2.header-red dropdown-toggle:hover {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-red .input-group .input-group-text,
    .pcoded-header2.header-red a,
    .pcoded-header2.header-red dropdown-toggle {
        color: #535763;
    }

    .pcoded-header2.header-red .input-group .input-group-text:hover,
    .pcoded-header2.header-red a:hover,
    .pcoded-header2.header-red dropdown-toggle:hover {
        color: #3c3f47;
    }
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-red .m-header2 > a {
        color: #fff;
    }
}

.pcoded-header2.header-red .main-search .search-close > .input-group-text {
    color: #ff5252;
}

.pcoded-header2.header-red .main-search.open .input-group {
    background: rgba(255, 255, 255, 0.25);
    border: 0 solid rgba(255, 255, 255, 0.25);
    padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-red .main-search.open .input-group {
        background: #ecf0f5;
    }
}

@media only screen and (min-width: 992px) {
    .pcoded-header2.header-red .main-search.open .input-group .form-control {
        color: #fff;
    }

    .pcoded-header2.header-red .main-search.open .input-group .form-control::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .pcoded-header2.header-red .main-search.open .input-group .form-control:-ms-input-placeholder {
        color: #fff;
    }

    .pcoded-header2.header-red .main-search.open .input-group .form-control::-webkit-input-placeholder {
        color: #fff;
    }
}

.pcoded-header2.header-red .main-search.open .input-group .search-btn {
    background: #ff5252;
    border-color: #ff5252;
}

.pcoded-header2.header-red .main-search.open .input-group .search-btn .input-group-text {
    color: #fff;
}

.pcoded-header2.header-red .dropdown .notification .noti-head a {
    color: #fff;
}

.pcoded-header2.header-red .dropdown .notification .noti-body li.notification:hover {
    background: rgba(255, 82, 82, 0.1);
}

.pcoded-header2.header-red .dropdown .profile-notification .pro-head {
    color: #fff;
}

.pcoded-header2.header-red .dropdown .profile-notification .pro-head .dud-logout {
    color: #fff;
}

.pcoded-header2.header-red .b-bg {
    background: #fff;
    color: #ff5252;
}

.pcoded-header2.header-purple {
    background: #536dfe;
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2.header-purple:not(.headerpos-fixed2) {
    background: transparent;
}

.pcoded-header2.header-purple .profile-notification li > a {
    color: #373a3c;
}

.pcoded-header2.header-purple .profile-notification li.active, .pcoded-header2.header-purple .profile-notification li:active, .pcoded-header2.header-purple .profile-notification li:focus, .pcoded-header2.header-purple .profile-notification li:hover {
    background: rgba(83, 109, 254, 0.1);
}

.pcoded-header2.header-purple .profile-notification li.active > a, .pcoded-header2.header-purple .profile-notification li:active > a, .pcoded-header2.header-purple .profile-notification li:focus > a, .pcoded-header2.header-purple .profile-notification li:hover > a {
    background: transparent;
}

.pcoded-header2.header-purple .dropdown-menu {
    color: #373a3c;
}

.pcoded-header2.header-purple .dropdown-menu a {
    color: #373a3c;
}

.pcoded-header2.header-purple .dropdown-menu > li > a {
    color: #373a3c;
}

.pcoded-header2.header-purple .dropdown-menu > li.active, .pcoded-header2.header-purple .dropdown-menu > li:active, .pcoded-header2.header-purple .dropdown-menu > li:focus, .pcoded-header2.header-purple .dropdown-menu > li:hover {
    background: rgba(83, 109, 254, 0.1);
    color: #373a3c;
}

.pcoded-header2.header-purple .dropdown-menu > li.active > a, .pcoded-header2.header-purple .dropdown-menu > li:active > a, .pcoded-header2.header-purple .dropdown-menu > li:focus > a, .pcoded-header2.header-purple .dropdown-menu > li:hover > a {
    background: transparent;
}

.pcoded-header2.header-purple .input-group .input-group-text,
.pcoded-header2.header-purple a,
.pcoded-header2.header-purple dropdown-toggle {
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2.header-purple .input-group .input-group-text:hover,
.pcoded-header2.header-purple a:hover,
.pcoded-header2.header-purple dropdown-toggle:hover {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-purple .input-group .input-group-text,
    .pcoded-header2.header-purple a,
    .pcoded-header2.header-purple dropdown-toggle {
        color: #535763;
    }

    .pcoded-header2.header-purple .input-group .input-group-text:hover,
    .pcoded-header2.header-purple a:hover,
    .pcoded-header2.header-purple dropdown-toggle:hover {
        color: #3c3f47;
    }
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-purple .m-header2 > a {
        color: #fff;
    }
}

.pcoded-header2.header-purple .main-search .search-close > .input-group-text {
    color: #536dfe;
}

.pcoded-header2.header-purple .main-search.open .input-group {
    background: rgba(255, 255, 255, 0.25);
    border: 0 solid rgba(255, 255, 255, 0.25);
    padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-purple .main-search.open .input-group {
        background: #ecf0f5;
    }
}

@media only screen and (min-width: 992px) {
    .pcoded-header2.header-purple .main-search.open .input-group .form-control {
        color: #fff;
    }

    .pcoded-header2.header-purple .main-search.open .input-group .form-control::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .pcoded-header2.header-purple .main-search.open .input-group .form-control:-ms-input-placeholder {
        color: #fff;
    }

    .pcoded-header2.header-purple .main-search.open .input-group .form-control::-webkit-input-placeholder {
        color: #fff;
    }
}

.pcoded-header2.header-purple .main-search.open .input-group .search-btn {
    background: #536dfe;
    border-color: #536dfe;
}

.pcoded-header2.header-purple .main-search.open .input-group .search-btn .input-group-text {
    color: #fff;
}

.pcoded-header2.header-purple .dropdown .notification .noti-head a {
    color: #fff;
}

.pcoded-header2.header-purple .dropdown .notification .noti-body li.notification:hover {
    background: rgba(83, 109, 254, 0.1);
}

.pcoded-header2.header-purple .dropdown .profile-notification .pro-head {
    color: #fff;
}

.pcoded-header2.header-purple .dropdown .profile-notification .pro-head .dud-logout {
    color: #fff;
}

.pcoded-header2.header-purple .b-bg {
    background: #fff;
    color: #536dfe;
}

.pcoded-header2.header-info {
    background: #00bcd4;
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2.header-info:not(.headerpos-fixed2) {
    background: transparent;
}

.pcoded-header2.header-info .profile-notification li > a {
    color: #373a3c;
}

.pcoded-header2.header-info .profile-notification li.active, .pcoded-header2.header-info .profile-notification li:active, .pcoded-header2.header-info .profile-notification li:focus, .pcoded-header2.header-info .profile-notification li:hover {
    background: rgba(0, 188, 212, 0.1);
}

.pcoded-header2.header-info .profile-notification li.active > a, .pcoded-header2.header-info .profile-notification li:active > a, .pcoded-header2.header-info .profile-notification li:focus > a, .pcoded-header2.header-info .profile-notification li:hover > a {
    background: transparent;
}

.pcoded-header2.header-info .dropdown-menu {
    color: #373a3c;
}

.pcoded-header2.header-info .dropdown-menu a {
    color: #373a3c;
}

.pcoded-header2.header-info .dropdown-menu > li > a {
    color: #373a3c;
}

.pcoded-header2.header-info .dropdown-menu > li.active, .pcoded-header2.header-info .dropdown-menu > li:active, .pcoded-header2.header-info .dropdown-menu > li:focus, .pcoded-header2.header-info .dropdown-menu > li:hover {
    background: rgba(0, 188, 212, 0.1);
    color: #373a3c;
}

.pcoded-header2.header-info .dropdown-menu > li.active > a, .pcoded-header2.header-info .dropdown-menu > li:active > a, .pcoded-header2.header-info .dropdown-menu > li:focus > a, .pcoded-header2.header-info .dropdown-menu > li:hover > a {
    background: transparent;
}

.pcoded-header2.header-info .input-group .input-group-text,
.pcoded-header2.header-info a,
.pcoded-header2.header-info dropdown-toggle {
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2.header-info .input-group .input-group-text:hover,
.pcoded-header2.header-info a:hover,
.pcoded-header2.header-info dropdown-toggle:hover {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-info .input-group .input-group-text,
    .pcoded-header2.header-info a,
    .pcoded-header2.header-info dropdown-toggle {
        color: #535763;
    }

    .pcoded-header2.header-info .input-group .input-group-text:hover,
    .pcoded-header2.header-info a:hover,
    .pcoded-header2.header-info dropdown-toggle:hover {
        color: #3c3f47;
    }
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-info .m-header2 > a {
        color: #fff;
    }
}

.pcoded-header2.header-info .main-search .search-close > .input-group-text {
    color: #00bcd4;
}

.pcoded-header2.header-info .main-search.open .input-group {
    background: rgba(255, 255, 255, 0.25);
    border: 0 solid rgba(255, 255, 255, 0.25);
    padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-info .main-search.open .input-group {
        background: #ecf0f5;
    }
}

@media only screen and (min-width: 992px) {
    .pcoded-header2.header-info .main-search.open .input-group .form-control {
        color: #fff;
    }

    .pcoded-header2.header-info .main-search.open .input-group .form-control::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .pcoded-header2.header-info .main-search.open .input-group .form-control:-ms-input-placeholder {
        color: #fff;
    }

    .pcoded-header2.header-info .main-search.open .input-group .form-control::-webkit-input-placeholder {
        color: #fff;
    }
}

.pcoded-header2.header-info .main-search.open .input-group .search-btn {
    background: #00bcd4;
    border-color: #00bcd4;
}

.pcoded-header2.header-info .main-search.open .input-group .search-btn .input-group-text {
    color: #fff;
}

.pcoded-header2.header-info .dropdown .notification .noti-head a {
    color: #fff;
}

.pcoded-header2.header-info .dropdown .notification .noti-body li.notification:hover {
    background: rgba(0, 188, 212, 0.1);
}

.pcoded-header2.header-info .dropdown .profile-notification .pro-head {
    color: #fff;
}

.pcoded-header2.header-info .dropdown .profile-notification .pro-head .dud-logout {
    color: #fff;
}

.pcoded-header2.header-info .b-bg {
    background: #fff;
    color: #00bcd4;
}

.pcoded-header2.header-green {
    background: #9ccc65;
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2.header-green:not(.headerpos-fixed2) {
    background: transparent;
}

.pcoded-header2.header-green .profile-notification li > a {
    color: #373a3c;
}

.pcoded-header2.header-green .profile-notification li.active, .pcoded-header2.header-green .profile-notification li:active, .pcoded-header2.header-green .profile-notification li:focus, .pcoded-header2.header-green .profile-notification li:hover {
    background: rgba(156, 204, 101, 0.1);
}

.pcoded-header2.header-green .profile-notification li.active > a, .pcoded-header2.header-green .profile-notification li:active > a, .pcoded-header2.header-green .profile-notification li:focus > a, .pcoded-header2.header-green .profile-notification li:hover > a {
    background: transparent;
}

.pcoded-header2.header-green .dropdown-menu {
    color: #373a3c;
}

.pcoded-header2.header-green .dropdown-menu a {
    color: #373a3c;
}

.pcoded-header2.header-green .dropdown-menu > li > a {
    color: #373a3c;
}

.pcoded-header2.header-green .dropdown-menu > li.active, .pcoded-header2.header-green .dropdown-menu > li:active, .pcoded-header2.header-green .dropdown-menu > li:focus, .pcoded-header2.header-green .dropdown-menu > li:hover {
    background: rgba(156, 204, 101, 0.1);
    color: #373a3c;
}

.pcoded-header2.header-green .dropdown-menu > li.active > a, .pcoded-header2.header-green .dropdown-menu > li:active > a, .pcoded-header2.header-green .dropdown-menu > li:focus > a, .pcoded-header2.header-green .dropdown-menu > li:hover > a {
    background: transparent;
}

.pcoded-header2.header-green .input-group .input-group-text,
.pcoded-header2.header-green a,
.pcoded-header2.header-green dropdown-toggle {
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2.header-green .input-group .input-group-text:hover,
.pcoded-header2.header-green a:hover,
.pcoded-header2.header-green dropdown-toggle:hover {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-green .input-group .input-group-text,
    .pcoded-header2.header-green a,
    .pcoded-header2.header-green dropdown-toggle {
        color: #535763;
    }

    .pcoded-header2.header-green .input-group .input-group-text:hover,
    .pcoded-header2.header-green a:hover,
    .pcoded-header2.header-green dropdown-toggle:hover {
        color: #3c3f47;
    }
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-green .m-header2 > a {
        color: #fff;
    }
}

.pcoded-header2.header-green .main-search .search-close > .input-group-text {
    color: #9ccc65;
}

.pcoded-header2.header-green .main-search.open .input-group {
    background: rgba(255, 255, 255, 0.25);
    border: 0 solid rgba(255, 255, 255, 0.25);
    padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-green .main-search.open .input-group {
        background: #ecf0f5;
    }
}

@media only screen and (min-width: 992px) {
    .pcoded-header2.header-green .main-search.open .input-group .form-control {
        color: #fff;
    }

    .pcoded-header2.header-green .main-search.open .input-group .form-control::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .pcoded-header2.header-green .main-search.open .input-group .form-control:-ms-input-placeholder {
        color: #fff;
    }

    .pcoded-header2.header-green .main-search.open .input-group .form-control::-webkit-input-placeholder {
        color: #fff;
    }
}

.pcoded-header2.header-green .main-search.open .input-group .search-btn {
    background: #9ccc65;
    border-color: #9ccc65;
}

.pcoded-header2.header-green .main-search.open .input-group .search-btn .input-group-text {
    color: #fff;
}

.pcoded-header2.header-green .dropdown .notification .noti-head a {
    color: #fff;
}

.pcoded-header2.header-green .dropdown .notification .noti-body li.notification:hover {
    background: rgba(156, 204, 101, 0.1);
}

.pcoded-header2.header-green .dropdown .profile-notification .pro-head {
    color: #fff;
}

.pcoded-header2.header-green .dropdown .profile-notification .pro-head .dud-logout {
    color: #fff;
}

.pcoded-header2.header-green .b-bg {
    background: #fff;
    color: #9ccc65;
}

.pcoded-header2.header-dark {
    background: #05123c;
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2.header-dark:not(.headerpos-fixed2) {
    background: transparent;
}

.pcoded-header2.header-dark .profile-notification li > a {
    color: #373a3c;
}

.pcoded-header2.header-dark .profile-notification li.active, .pcoded-header2.header-dark .profile-notification li:active, .pcoded-header2.header-dark .profile-notification li:focus, .pcoded-header2.header-dark .profile-notification li:hover {
    background: rgba(16, 27, 51, 0.1);
}

.pcoded-header2.header-dark .profile-notification li.active > a, .pcoded-header2.header-dark .profile-notification li:active > a, .pcoded-header2.header-dark .profile-notification li:focus > a, .pcoded-header2.header-dark .profile-notification li:hover > a {
    background: transparent;
}

.pcoded-header2.header-dark .dropdown-menu {
    color: #373a3c;
}

.pcoded-header2.header-dark .dropdown-menu a {
    color: #373a3c;
}

.pcoded-header2.header-dark .dropdown-menu > li > a {
    color: #373a3c;
}

.pcoded-header2.header-dark .dropdown-menu > li.active, .pcoded-header2.header-dark .dropdown-menu > li:active, .pcoded-header2.header-dark .dropdown-menu > li:focus, .pcoded-header2.header-dark .dropdown-menu > li:hover {
    background: rgba(16, 27, 51, 0.1);
    color: #373a3c;
}

.pcoded-header2.header-dark .dropdown-menu > li.active > a, .pcoded-header2.header-dark .dropdown-menu > li:active > a, .pcoded-header2.header-dark .dropdown-menu > li:focus > a, .pcoded-header2.header-dark .dropdown-menu > li:hover > a {
    background: transparent;
}

.pcoded-header2.header-dark .input-group .input-group-text,
.pcoded-header2.header-dark a,
.pcoded-header2.header-dark dropdown-toggle {
    color: rgba(255, 255, 255, 0.8);
}

.pcoded-header2.header-dark .input-group .input-group-text:hover,
.pcoded-header2.header-dark a:hover,
.pcoded-header2.header-dark dropdown-toggle:hover {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-dark .input-group .input-group-text,
    .pcoded-header2.header-dark a,
    .pcoded-header2.header-dark dropdown-toggle {
        color: #535763;
    }

    .pcoded-header2.header-dark .input-group .input-group-text:hover,
    .pcoded-header2.header-dark a:hover,
    .pcoded-header2.header-dark dropdown-toggle:hover {
        color: #3c3f47;
    }
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-dark .m-header2 > a {
        color: #fff;
    }
}

.pcoded-header2.header-dark .main-search .search-close > .input-group-text {
    color: #05123c;
}

.pcoded-header2.header-dark .main-search.open .input-group {
    background: rgba(255, 255, 255, 0.25);
    border: 0 solid rgba(255, 255, 255, 0.25);
    padding: 2px 2px 2px 20px;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.header-dark .main-search.open .input-group {
        background: #ecf0f5;
    }
}

@media only screen and (min-width: 992px) {
    .pcoded-header2.header-dark .main-search.open .input-group .form-control {
        color: #fff;
    }

    .pcoded-header2.header-dark .main-search.open .input-group .form-control::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .pcoded-header2.header-dark .main-search.open .input-group .form-control:-ms-input-placeholder {
        color: #fff;
    }

    .pcoded-header2.header-dark .main-search.open .input-group .form-control::-webkit-input-placeholder {
        color: #fff;
    }
}

.pcoded-header2.header-dark .main-search.open .input-group .search-btn {
    background: #05123c;
    border-color: #05123c;
}

.pcoded-header2.header-dark .main-search.open .input-group .search-btn .input-group-text {
    color: #fff;
}

.pcoded-header2.header-dark .dropdown .notification .noti-head a {
    color: #fff;
}

.pcoded-header2.header-dark .dropdown .notification .noti-body li.notification:hover {
    background: rgba(16, 27, 51, 0.1);
}

.pcoded-header2.header-dark .dropdown .profile-notification .pro-head {
    color: #fff;
}

.pcoded-header2.header-dark .dropdown .profile-notification .pro-head .dud-logout {
    color: #fff;
}

.pcoded-header2.header-dark .b-bg {
    background: #fff;
    color: #05123c;
}

body.background-blue {
    background: #4680ff;
}

body.background-blue .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background: #4680ff;
}

body.background-red {
    background: #ff5252;
}

body.background-red .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background: #ff5252;
}

body.background-purple {
    background: #536dfe;
}

body.background-purple .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background: #536dfe;
}

body.background-info {
    background: #00bcd4;
}

body.background-info .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background: #00bcd4;
}

body.background-green {
    background: #9ccc65;
}

body.background-green .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background: #9ccc65;
}

body.background-dark {
    background: #05123c;
}

body.background-dark .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background: #05123c;
}

body.background-grd-blue {
    background: linear-gradient(to right, #4680ff 0%, #00f2fe 100%);
}

body.background-grd-blue .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background: linear-gradient(to right, #4680ff 0%, #00f2fe 100%);
}

body.background-grd-red {
    background: linear-gradient(to right, #ff5252 0%, #ff9a44 100%);
}

body.background-grd-red .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background: linear-gradient(to right, #ff5252 0%, #ff9a44 100%);
}

body.background-grd-purple {
    background: linear-gradient(to right, #536dfe 0%, #00adff 100%);
}

body.background-grd-purple .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background: linear-gradient(to right, #536dfe 0%, #00adff 100%);
}

body.background-grd-info {
    background: linear-gradient(to right, #00bcd4 0%, #22e1ff 100%);
}

body.background-grd-info .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background: linear-gradient(to right, #00bcd4 0%, #22e1ff 100%);
}

body.background-grd-green {
    background: linear-gradient(to right, #9ccc65 0%, #00e3ae 100%);
}

body.background-grd-green .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background: linear-gradient(to right, #9ccc65 0%, #00e3ae 100%);
}

body.background-grd-dark {
    background: linear-gradient(to right, #05123c 0%, #1f3054 100%);
}

body.background-grd-dark .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background: linear-gradient(to right, #05123c 0%, #1f3054 100%);
}

body[class*='background-img-'] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    background-attachment: fixed;
}

body[class*='background-img-'] .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    background-attachment: fixed;
}

body.background-img-1 {
    background-image: url("../images/nav-bg/body-bg-1.jpg");
}

body.background-img-1 .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background-image: url("../images/nav-bg/body-bg-1.jpg");
}

body.background-img-2 {
    background-image: url("../images/nav-bg/body-bg-2.jpg");
}

body.background-img-2 .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background-image: url("../images/nav-bg/body-bg-2.jpg");
}

body.background-img-3 {
    background-image: url("../images/nav-bg/body-bg-3.jpg");
}

body.background-img-3 .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background-image: url("../images/nav-bg/body-bg-3.jpg");
}

body.background-img-4 {
    background-image: url("../images/nav-bg/body-bg-4.jpg");
}

body.background-img-4 .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background-image: url("../images/nav-bg/body-bg-4.jpg");
}

body.background-img-5 {
    background-image: url("../images/nav-bg/body-bg-5.jpg");
}

body.background-img-5 .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background-image: url("../images/nav-bg/body-bg-5.jpg");
}

body.background-img-6 {
    background-image: url("../images/nav-bg/body-bg-6.jpg");
}

body.background-img-6 .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2[class*="header-"] {
    background-image: url("../images/nav-bg/body-bg-6.jpg");
}

/* ====== [ Header color end ] ======== */
/* ====== [ Brand color start ] ======== */
.pcoded-header2[class*="brand-"]:not(.brand-default) .mobile-menu2 span,
.pcoded-header2[class*="brand-"]:not(.brand-default) .mobile-menu2 span:after,
.pcoded-header2[class*="brand-"]:not(.brand-default) .mobile-menu2 span:before {
    background: #fff;
}

.pcoded-header2[class*="brand-"]:not(.brand-default) .mobile-menu2.on span {
    background: transparent;
}

.pcoded-header2[class*="brand-"]:not(.brand-default) .b-bg {
    background: #fff;
    color: #4680ff;
}

.pcoded-header2.brand-blue .m-header2,
.pcoded-header2[class*="header-"].brand-blue .m-header2 {
    background: #4680ff;
}

.pcoded-header2.brand-blue .m-header2 .b-bg,
.pcoded-header2[class*="header-"].brand-blue .m-header2 .b-bg {
    background: #fff;
    color: #4680ff;
}

.pcoded-header2.brand-red .m-header2,
.pcoded-header2[class*="header-"].brand-red .m-header2 {
    background: #ff5252;
}

.pcoded-header2.brand-red .m-header2 .b-bg,
.pcoded-header2[class*="header-"].brand-red .m-header2 .b-bg {
    background: #fff;
    color: #ff5252;
}

.pcoded-header2.brand-purple .m-header2,
.pcoded-header2[class*="header-"].brand-purple .m-header2 {
    background: #536dfe;
}

.pcoded-header2.brand-purple .m-header2 .b-bg,
.pcoded-header2[class*="header-"].brand-purple .m-header2 .b-bg {
    background: #fff;
    color: #536dfe;
}

.pcoded-header2.brand-info .m-header2,
.pcoded-header2[class*="header-"].brand-info .m-header2 {
    background: #00bcd4;
}

.pcoded-header2.brand-info .m-header2 .b-bg,
.pcoded-header2[class*="header-"].brand-info .m-header2 .b-bg {
    background: #fff;
    color: #00bcd4;
}

.pcoded-header2.brand-green .m-header2,
.pcoded-header2[class*="header-"].brand-green .m-header2 {
    background: #9ccc65;
}

.pcoded-header2.brand-green .m-header2 .b-bg,
.pcoded-header2[class*="header-"].brand-green .m-header2 .b-bg {
    background: #fff;
    color: #9ccc65;
}

.pcoded-header2.brand-dark .m-header2,
.pcoded-header2[class*="header-"].brand-dark .m-header2 {
    background: #05123c;
}

.pcoded-header2.brand-dark .m-header2 .b-bg,
.pcoded-header2[class*="header-"].brand-dark .m-header2 .b-bg {
    background: #4680ff;
    color: #fff;
}

.pcoded-header2.brand-default .header-logo,
.pcoded-header2[class*="header-"].brand-default .header-logo {
    background: #05123c;
}

/* ====== [ Brand color end ] ======== */
/* ====== [ menu fixed start ] ======== */
.pcoded-navbar2.menupos-fixed {
    position: fixed;
    height: 100vh;
    min-height: 100vh;
    margin-top: 80px;
    border-radius: 0;
    z-index: 1040;
}

.pcoded-navbar2.menupos-fixed .scroll-div.navbar-content2 {
    height: calc(100% - 50px);
    min-height: calc(100% - 50px);
}

/* ====== [ menu fixed end ] ======== */
/* ====== [ Header Fixed start ] ======== */
.pcoded-header2.headerpos-fixed2 {
    position: fixed;
    top: 75px;
}

.pcoded-header2.headerpos-fixed2 ~ .pcoded-main-container2 {
    /*padding-top: 20px;*/
}

.pcoded-header2.headerpos-fixed2 ~ .pcoded-main-container2 .page-header h5 {
    color: #37474f;
}

.pcoded-header2.headerpos-fixed2 ~ .pcoded-main-container2 .page-header .page-header-title + .breadcrumb > .breadcrumb-item:before {
    color: rgba(55, 71, 79, 0.8);
}

.pcoded-header2.headerpos-fixed2 ~ .pcoded-main-container2 .page-header .page-header-title + .breadcrumb > .breadcrumb-item a {
    color: #37474f;
}

@media only screen and (max-width: 991px) {
    .pcoded-header2.headerpos-fixed2 ~ .pcoded-main-container2 {
        /*padding-top: 50px;*/
    }
}

/* ====== [Header Fixed  end ] ======== */
/* ====== [Box start ] ======== */
body.box-layout {
    position: static;
    background-size: auto;
}

body.box-layout .pcoded-header2 {
    position: relative;
}

body.box-layout .pcoded-header2 ~ .pcoded-main-container2 {
    padding-top: 0;
    background: #ecf0f5;
}

body.box-layout .pcoded-navbar2 {
    position: fixed;
    border-radius: 6px 6px 0 0;
    align-content: space-around;
    height: 100%;
}

body.box-layout .pcoded-navbar2.theme-horizontal2 ~ .pcoded-header2 {
    position: relative;
}


.menu-styler2 {
    z-index: 1051;
    position: relative;
    color: #373a3c;
}

.menu-styler2 h5,
.menu-styler2 h6 {
    color: #37474f;
}

.menu-styler2 hr {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.menu-styler2 .style-toggler2 > a {
    position: fixed;
    right: 0;
    top: 80px;
    z-index: 1031;
    transition: 0.3s ease-in-out;
}

.menu-styler2 .style-toggler2 > a:before {
    content: "";
    width: 85px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1074 !important;
    background: #4680FF;
    transition: 0.3s ease-in-out;
    border-radius: 35px 0 0 35px;
    box-shadow: -4px 0 8px rgba(70, 128, 255, 0.16), -6px 0 8px rgba(0, 0, 0, 0.1);
    animation: rippleBlue 1.7s linear infinite;
}

.menu-styler2 .style-toggler2R > a:before {
    content: "";
    width: 85px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1074 !important;
    background: #aaaaaa;
    transition: 0.3s ease-in-out;
    border-radius: 35px 0 0 35px;
    box-shadow: -4px 0 8px rgba(255, 82, 82, 0.16), -6px 0 8px rgba(0, 0, 0, 0.1);
    animation: rippleRed 1.7s linear infinite;
}

.menu-styler2 .style-toggler2Y > a:before {
    content: "";
    width: 85px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1074 !important;
    background: #aaaaaa;
    transition: 0.3s ease-in-out;
    border-radius: 35px 0 0 35px;
    box-shadow: -4px 0 8px rgba(255, 82, 82, 0.16), -6px 0 8px rgba(0, 0, 0, 0.1);
    animation: rippleYellow 1.7s linear infinite;
}

.menu-styler2 .style-toggler2G > a:before {
    content: "";
    width: 85px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1074 !important;
    background: #aaaaaa;
    transition: 0.3s ease-in-out;
    border-radius: 35px 0 0 35px;
    box-shadow: -4px 0 8px rgba(255, 82, 82, 0.16), -6px 0 8px rgba(0, 0, 0, 0.1);
    animation: rippleGreen 1.7s linear infinite;
}

.menu-styler2 .style-toggler2S > a:before {
    content: "";
    width: 85px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1074 !important;
    background: #aaaaaa;
    transition: 0.3s ease-in-out;
    border-radius: 35px 0 0 35px;
    box-shadow: -4px 0 8px rgba(255, 82, 82, 0.16), -6px 0 8px rgba(0, 0, 0, 0.1);
    animation: rippleSecondary2 1.7s linear infinite;
}

.menu-styler2 .style-toggler2 > a:after {
    content: "";
    top: 42px;
    font-size: 21px;
    position: absolute;
    right: 28px;
    z-index: 1075 !important;
    line-height: 1;
    color: white;
    transition: 0.3s ease-in-out;
}

@keyframes rippleRed {
    0% {
        box-shadow: 0 0 0 0 rgba(252, 20, 20, 0.15),
        0 0 0 2px rgba(252, 20, 20, 0.15),
        0 0 0 3px rgba(252, 20, 20, 0.15);
    }
    100% {
        box-shadow: 0 0 0 12px rgba(252, 20, 20, 0.15),
        0 0 0 2px rgba(252, 20, 20, 0.15),
        0 0 0 3px rgba(252, 20, 20, 0.15),
        0 0 0 4px rgba(252, 20, 20, 0);
    }
}
@keyframes rippleBlue {
    0% {
        box-shadow: 0 0 0 0 rgba(20, 148, 252, 0.15),
        0 0 0 2px rgba(20, 148, 252, 0.15),
        0 0 0 3px rgba(20, 148, 252, 0.15);
    }
    100% {
        box-shadow: 0 0 0 12px rgba(20, 148, 252, 0.15),
        0 0 0 2px rgba(20, 148, 252, 0.15),
        0 0 0 3px rgba(20, 148, 252, 0.15),
        0 0 0 4px rgba(20, 148, 252, 0);
    }
}

@keyframes rippleYellow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 196, 0, 0.35),
        0 0 0 2px rgba(255, 196, 0, 0.35),
        0 0 0 3px rgba(255, 196, 0, 0.35);
    }
    100% {
        box-shadow: 0 0 0 12px rgba(255, 196, 0, 0.35),
        0 0 0 2px rgba(255, 196, 0, 0.35),
        0 0 0 3px rgba(255, 196, 0, 0.35),
        0 0 0 4px rgba(252, 20, 20, 0);
    }
}

@keyframes rippleGreen {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 255, 4, 0.35),
        0 0 0 2px rgba(0, 255, 4, 0.35),
        0 0 0 3px rgba(0, 255, 4, 0.35);
    }
    100% {
        box-shadow: 0 0 0 12px rgba(0, 255, 4, 0.35),
        0 0 0 2px rgba(0, 255, 4, 0.35),
        0 0 0 3px rgba(0, 255, 4, 0.35),
        0 0 0 4px rgba(252, 20, 20, 0);
    }
}

@keyframes rippleSecondary2 {
    0% {
        box-shadow: 0 0 0 0 rgba(128, 127, 127, 0.35),
        0 0 0 2px rgba(128, 127, 127, 0.35),
        0 0 0 3px rgba(128, 127, 127, 0.35);
    }
    100% {
        box-shadow: 0 0 0 12px rgba(128, 127, 127, 0.35),
        0 0 0 2px rgba(128, 127, 127, 0.35),
        0 0 0 3px rgba(128, 127, 127, 0.35),
        0 0 0 4px rgba(252, 20, 20, 0);
    }
}

@media all and (-ms-high-contrast: none) {
    .menu-styler2 .style-toggler2 > a:after {
        line-height: 0.5;
        top: 18px;
    }
}

.menu-styler2.open .style-toggler2 > a, .menu-styler2.prebuild-open .style-toggler2 > a {
    right: 70vw;
    -webkit-animation: sh-shake 0s ease infinite;
    animation: sh-shake 0s ease infinite;
}

.menu-styler2.open .style-toggler2 > a:after, .menu-styler2.prebuild-open .style-toggler2 > a:after {
    content: "";
    -webkit-animation: anim-rotate 0s linear infinite;
    animation: anim-rotate 0s linear infinite;
}


.menu-styler2.open .prebuild-toggler > .prebuild-group, .menu-styler2.prebuild-open .prebuild-toggler > .prebuild-group {
    right: calc(70vw - 100px);
}

.menu-styler2.open .style-block2 {
    right: 0;
    box-shadow: -6px 0 12px rgba(0, 0, 0, 0.175);
}

.menu-styler2.prebuild-open .style-block2-prebuild {
    right: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.menu-styler2 .style-block2,
.menu-styler2 .style-block2-prebuild {
    position: fixed;
    top: 0;
    right: -70vw;
    width: 70vw;
    border-radius: 4px 0 0 4px;
    background: transparent;
    z-index: 1031;
    transition: 0.3s ease-in-out;
    padding: 20px 0px 0px;
}

.menu-styler2 .mst-scroll {
    height: calc(100vh - 175px);
    background-color: rgba(70, 128, 255, 0.03);
    padding: 0 15px;
}

.menu-styler2 label {
    margin-bottom: 3px;
}

.menu-styler2 .switch input[type=checkbox] + .cr {
    top: 8px;
}

.menu-styler2 .radio input[type=radio] + .cr {
    margin-right: 10px;
}

.menu-styler2 .radio input[type=radio] + .cr:after, .menu-styler2 .radio input[type=radio] + .cr:before {
    margin-right: 3px;
}

.menu-styler2 h6 {
    position: relative;
    margin: 20px 0 10px;
}

.menu-styler2 .nav-pills {
    padding: 0;
    box-shadow: none;
}

.menu-styler2 .nav-pills li {
    width: calc(100% / 3);
}

.menu-styler2 .m-style-scroller2 {
    padding: 10px 10px;
    box-shadow: none;
    background-color: #ecf0f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.24);
}
.msger-inputarea {
    padding: 10px;
}

.msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 5px;
    font-size: 1em;
}

.msger-inputarea ::-webkit-scrollbar {
    width: 2px;
}

.msger-input {
    padding: 0 10px;
    border-top: 10px solid #ececec;
    border-bottom: 10px solid #ececec;
    background: #ececec;
    resize: none;
    max-height: 56px;
}
.msger-input::placeholder {
    color: #000000 !important;
    opacity: 0.7;
}

.msger-send-btn {
    margin-left: 10px;
    background: #4680FF;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.23s;
}

.msger-file-btn {
    background: #ECECEC;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.23s;
}

.msger-send-btn:hover {
    background: rgb(0, 180, 50);
}

.body-div {
    padding: 10px;
}

.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.msg:last-of-type {
    margin: 0;
}

.msg-img {
    width: 36px;
    height: 36px;
    margin-right: 10px;
    background: #dddddd00;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.msg-bubble {
    max-width: 350px;
    padding: 10px;
    border-radius: 15px;
    background: rgba(211, 236, 255, 0.7);
}

.msg-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.msg-info-name {
    margin-right: 10px;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: capitalize;
}

.msg-info-time {
    font-size: 0.85em;
}

.left-msg .msg-bubble {
    background: #ececec;
    border-bottom-left-radius: 0;
}

.right-msg {
    flex-direction: row-reverse;
}

.right-msg .msg-bubble {
    border-bottom-right-radius: 0;
}

.right-msg .msg-img {
    margin: 0 0 0 10px;
    display: none; !important;
}

.msg-bg-green {
    background: rgba(215, 236, 183, 0.7) !important;
}

.msg-text{
    max-width: 330px;
    word-wrap: break-word;
    hyphens: auto;
}