:root {
    --sidebarback: #4e7cb0;
    --hoversidebarbg: #fff;
    --sidebarbacktext: #4e7cb0;
    --sidesubbg: #fff;
    --sidebarboxshadow: rgba(0,0,0,.06);
    --sidebarboxshadow2: rgba(0,0,0,.08);
    --submenucolor: #332e38;
    --sidebarfontcolor: #878787;
    --sidebarbackground:#fff;
}
/* Sidebar Menu */
.hide-sidebar .sidebar {
    margin-left: -250px;
}
.new-badge {
    background-color: red;
    color: white;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 5px;
    margin-left: 5px;
    vertical-align: middle;
    -webkit-animation: pulsate 2s ease-in-out;
    -webkit-animation-iteration-count: infinite;
}
.sidebar .sidebar-menu li a i.me-3, .sidebar .sidebar-menu li a i.me-1 {
    margin-right: 6px !important;
}

.sidebar {
    background: var(--sidebarbackground);
    /*  background: linear-gradient(rgba(60, 111, 177, 0.9), rgba(2, 19, 40));*/
    position: fixed;
    top: 76px !important;
    bottom: 0;
    z-index: 5;
    width: 250px;
    /*    transition: all 0.5s;*/
    border-right: 1px solid var(--sidebarbordercolor);
    border-top: 0px solid var(--sidebarbordercolor);
    overflow-y: scroll;
}

    /*.sidebar::-webkit-scrollbar {
        display: none;
    }*/
.sidebar-menu li.active, .sidebar-menu li:hover {
    /*    color: var(--white) !important;*/
    background: var(--thmlightblue) !important;
    cursor: pointer;
    font-weight: 600;
}
    .sidebar-menu li:hover a, .sidebar-menu li.active a{
        color: var(--sidebaractivecolor) !important;
        font-weight: 600;
    }
    @media (max-width: 991px) {
        .sidebar {
            -webkit-transform: translateX(-250px);
            transform: translateX(-250px);
        }

            .sidebar.active {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                margin-left: 0px;
                z-index: 5;
            }
    }

    .sidebar .sidebar-menu {
    padding: 5px 0px;
    /*   padding-top: 57px;*/
    padding-bottom: 20px;
    list-style: none;
}

    .sidebar .sidebar-menu .sub-menu {
        opacity: 1;
        display: none;
    }

    .sidebar .sidebar-menu > li a {
        /*padding: 15px 20px;*/
       /* margin-bottom: 10px;*/
        cursor: pointer;
    }

        .sidebar .sidebar-menu > li a.active {
            background: var(--secondary);
            color: var(--white);
        }

        /*.sidebar .sidebar-menu > li a:hover {
            color: var(--white);
            background: linear-gradient(180deg, #1AD4EF 0%, #3FB4C5 210.42%);
            border-radius: 0px;
        }*/


        .sidebar .sidebar-menu > li a.active > a {
            color: white;
        }
    .sidebar .sidebar-menu > li ul li a {
        color: var(--sidebarcolor);
        display: block;
        font-size: 13px;
        font-weight: 500;
    }
    /*.sidebar .sidebar-menu > li > a {
        font-weight: 600;*/
        /* pointer-events: none; */
        /*font-size: 13px;
        text-transform: capitalize;*/
        /* background: var(--sidebarheadingbackground); */
        /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); */
        /*border-radius: 6px;*/
        /*display: block;*/
        /* padding: 20px; */
        /*color: var(--bodycolor);
    }*/

        .sidebar .sidebar-menu > li > a:after {
            display: none;
        }

    .sidebar .sidebar-menu > li ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        margin-top: 10px;
    }

        .sidebar .sidebar-menu > li ul li {
            padding: 5px 0px !important;
        }

            .sidebar .sidebar-menu > li ul li i {
                margin-right: 15px;
            }

            .sidebar .sidebar-menu > li ul li a {
                color: var(--black);
                display: block;
                font-size: 13px;
                font-weight: 500;
            }

                .sidebar .sidebar-menu > li ul li a i {
                    font-weight: 700;
                }

            .sidebar .sidebar-menu > li ul li.dropdown > a {
                position: relative;
            }

                .sidebar .sidebar-menu > li ul li.dropdown > a:after {
                    content: "\e606";
                    font-family: 'simple-line-icons';
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    position: absolute;
                    right: 0px;
                    top: 5px;
                    font-size: 10px;
                }

            .sidebar .sidebar-menu > li ul li.active > a:after {
                transform: rotate(90deg);
            }

            .sidebar .sidebar-menu > li ul li.active > .sub-menu {
                opacity: 1;
                display: block;
            }

            .sidebar .sidebar-menu > li ul li .sub-menu {
                padding-left: 28px;
            }

                .sidebar .sidebar-menu > li ul li .sub-menu a {
                    font-weight: 500;
                }

                .sidebar .sidebar-menu > li ul li .sub-menu i {
                    display: none;
                }

                .sidebar .sidebar-menu > li ul li .sub-menu .sub-menu {
                    padding-left: 10px;
                }

                    .sidebar .sidebar-menu > li ul li .sub-menu .sub-menu a {
                        font-weight: 400;
                    }

.sidebar .breadcrumb {
    display: none;
}


/*.sidebar-menu i.me-3 {
    margin-right: 1rem !important;*/
    /*margin-left: 6px !important;*/
/*}*/

/*sidebar collaspe*/
.submenu .setting-nav-item a {
   /* padding: 1rem 0rem !important;*/
    margin: 0;
}

.submenu .setting-nav-item a {
    color: var(--tabcolor) !important;
}

    .submenu .setting-nav-item a:hover {
        font-weight: 700;
        color: #24504c !IMPORTANT;
    }

.submenu .setting-nav-item .setting-nav-link, .submenu .setting-nav-item .nav-item {
 /*      padding: 10px 0px !important;*/
    width: 224px;
}

.submenu .setting-nav-item li.active:before, .submenu .setting-nav-item li.active:after {
    content: none;
}

.submenu .setting-nav-item li.active {
    background: var(--textprimary) !important;
    color: var(--white);
    margin: 0PX 10PX 0PX 0PX;
    BORDER-RADIUS: 5PX !IMPORTANT;
    PADDING: 0PX 10PX;
}

.submenu .setting-nav-item li {
    margin: 0;
}

    .submenu .setting-nav-item li.active a {
        color: var(--white);
    }

.sidebar-menu li {
    position: relative;
}

        .sidebar-menu li.active a

{
    color: black !important;
    font-weight: 600 !important;
}

    .sidebar-menu li.active {
      font-weight:600;
        color: var(--sidebaractivecolor);
    }

.compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li:hover {
    background: var(--sidesubbg);
    color: var(--sidebarbacktext);
}

    .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li:hover a {
        color: var(--textprimary);
    }

.li.dropdown.setting-section.active .sub-menu {
    display: block
}

.li.dropdown.setting-section .sub-menu {
    display: none
}

.submenu .setting-nav-item a.setting-nav-link {
    width: 100%;
}
/* Compact Menu */
/*.compact-menu:not(.horizontal-menu) {
    min-height: 100vh;
}*/

    .compact-menu:not(.horizontal-menu) #header-fix .logo-bar {
        /*  width: 140px;*/
/*        width: 80px;*/
    }

    .compact-menu:not(.horizontal-menu) .sidesubmenu .setting-nav-item .fas.fa-angle-up, .compact-menu:not(.horizontal-menu) .sidesubmenu .setting-nav-item i, .compact-menu:not(.horizontal-menu) .sidesubmenudtplanmtcit .nav-item i, .compact-menu:not(.horizontal-menu) .sidesubmenudtplan .nav-item i {
        font-size: 12px !important;
    }

    .compact-menu:not(.horizontal-menu) .submenu ul .nav-item {
        padding: 0px !important;
        margin: 0px !important;
        text-align: left;
    }

    .compact-menu:not(.horizontal-menu) .sidesubmenu ul .nav-item, .compact-menu:not(.horizontal-menu) .sidesubmenudtplan ul .nav-item {
        text-align: left !important;
    }

@media (min-width: 992px) {
    /*.compact-menu:not(.horizontal-menu) {
        position: relative;
    }*/

        .compact-menu:not(.horizontal-menu) .sidebar {
            position: fixed;
            width: 80px;
            height: calc(100vh - 30px);
            z-index: 2;
            overflow: scroll;
          /*  top: 80px;*/
            padding-top: 0px;
        }

}

@media (min-width: 992px) and (max-width: 991px) {
    .compact-menu:not(.horizontal-menu) .sidebar {
        -webkit-transform: translateX(-80);
        transform: translateX(-80);
    }

        .compact-menu:not(.horizontal-menu) .sidebar.active {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            margin-left: 0px;
        }
}

@media (min-width: 992px) {
    .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu.sidesection-menu {
        padding-top: 126px;
    }

    .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li {
        padding: 0px;
    }
/*
    .compact-menu:not(.horizontal-menu) .mainbreadcrumbs {
        margin-left: 79px;
    }*/
  /*  [dir=rtl] .compact-menu:not(.horizontal-menu) .mainbreadcrumbs {
        margin-left: unset;
        margin-right: 79px !important;
    }*/

    .compact-menu:not(.horizontal-menu) .compact-img {
        display: block !important;
        position: absolute;
       /* top: 100px;*/
        left: 5px;
    }
    [dir=rtl] .compact-menu:not(.horizontal-menu) .compact-img {
        display: block !important;
        position: absolute;
        top: 100px;
    }

    .compact-menu:not(.horizontal-menu) .web-img {
        display: none !important;
    }

    .compact-menu:not(.horizontal-menu) .bottom-logo {
        padding: 15px 12px;
    }

    .compact-menu:not(.horizontal-menu) .help-support-sidebar {
        position: absolute !important;
        bottom: 100px;
    }

    .compact-menu:not(.horizontal-menu) .double-arrow {
        top: 21px;
        left: 62px;
        /* transition: all 0.5s;*/
        transform: rotate(180deg);
    }

    .compact-menu:not(.horizontal-menu) .micitcollase .double-arrow {
        top: 80px;
        left: 62px;
        /* transition: all 0.5s;*/
        transform: rotate(180deg);
    }

/*    .compact-menu:not(.horizontal-menu) .micitcollase .gelayout-arrow {
        top: 12px;
    }*/
   /* .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu {
        padding-top: 135px;
    }*/

    .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li > ul {
        margin: 0px;
    }


        .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li > ul > li {
            padding: 20px 0px;
            text-align: center;
        }

            .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li > ul > li > a {
                line-height: 0px;
                font-size: 0px;
                display: block;
            }

                .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li > ul > li > a:after {
                    display: none;
                }

                .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li > ul > li > a i {
                    font-size: 20px;
                    margin-right: 0px;
                }

    .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li > a {
        line-height: 0px;
        font-size: 0px;
        display: block;
        background: transparent;
        padding: 0px;
        box-shadow: none;
        margin: 0px;
    }

        .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li > a i {
            font-size: 20px;
            margin-right: 0px !important;
        }
}

@media (min-width: 992px) and (min-width: 992px) {
    .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li ul li.active > .sub-menu {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li:hover > .sub-menu {
        display: block !important;
        position: absolute;
        left: 100%;
        top: 0px;
        min-width: 190px;
    }

        .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li:hover > .sub-menu li a {
            line-height: 13px;
            display: flex;
            white-space: nowrap;
        }

            .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li:hover > .sub-menu li a i {
                display: block;
                float: left;
            }

    .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li .sub-menu {
        background: var(--sidebarbg);
        margin: 0px;
        text-align: left;
        border: 1px solid var(--bordercolor);
        padding-left: 0px !important;
        border-bottom: none;
    }

        .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li .sub-menu li {
            padding: 15px;
            border-bottom: 1px solid var(--bordercolor);
        }

            .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li .sub-menu li.dropdown > a:after {
                top: 3px;
            }

    .compact-menu:not(.horizontal-menu) main, .compact-menu:not(.horizontal-menu) .site-footer {
        margin-left: 80px;
        width: calc(100% - 80px);
    }
}

@media (min-width: 992px) and (max-width: 991px) {
    .compact-menu:not(.horizontal-menu) main, .compact-menu:not(.horizontal-menu) .site-footer {
        margin-left: 0px;
    }
}

.compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li > ul > li > a {
    padding: 15px 0px;
    margin-top: 10px;
}

.sidebar .sidebar-menu li a {
    display: flex;
    align-items: center;
    color: #282121;
    display: block;
    font-size: 13px;
    font-weight: 500;
    /*overflow-y:hidden !important;*/
}
    .sidebar .sidebar-menu li:hover a{
        color: #000 !important;
        font-weight: 600;
        /*overflow-y:hidden !important;*/
    }

@media (min-width: 992px) {
    .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li a i {
        font-size: 20px;
        margin-right: 0px;
    }
        .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li a i.bi-chevron-right{
            font-size:0px;
        }
}

@media (min-width: 992px) {
    .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li a i.fas.fa-chevron-right {
        font-size: 0px;
    }
}

@media (min-width: 992px) {
    .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li ul li a i.fas.fa-angle-up {
        font-size: 0px;
        border: none;
    }
}

.sidesubmenu ul li, .sidesubmenudtplanmtcit ul li, .sidesubmenudtplan ul li, .sidesubmenudtplan ul li {
    font-size: 13px !important;
  padding:5px 0px !important;
}

@media (min-width: 992px) {

    .compact-menu:not(.horizontal-menu) .sidesubmenu, .compact-menu:not(.horizontal-menu) .sidesubmenucls, .compact-menu:not(.horizontal-menu) .sidesubmenudtplan, .compact-menu:not(.horizontal-menu) .sidesubmenudtplanmtcit {
        position: fixed;
        top: 57px;
        height: calc(100vh - 80px) !important;
        background: var(--sidesubbg);
        box-shadow: 0 4px 20px 1px var(--sidebarboxshadow), 0 1px 4px var(--sidebarboxshadow2);
        left: 80px;
        z-index: 15;
        width: 250px;
        padding: 0.75rem 0;
        transition: left .24s ease-in-out;
    }
}

.sidebar .sidebar-menu li a i {
    font-size: 13px;
    font-weight:700;
}

@media (max-width: 990px) {
    .sidesubmenu, .sidesubmenucls, .sidesubmenudtplan, .sidesubmenudtplanmtcit {
        position: fixed;
        /*top: 57px;*/
        top: 0;
        height: calc(100vh - 80px) !important;
        background: var(--sidesubbg);
        box-shadow: 0 4px 20px 1px var(--sidebarboxshadow), 0 1px 4px var(--sidebarboxshadow2);
        left: 250px;
        z-index: 15;
        width: 250px;
        padding: 0.75rem 0;
        transition: left .24s ease-in-out;
    }
}

@media (min-width: 992px) {
    .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li {
        padding: 12px 12px;
        text-align: center;
        margin-bottom: 15px;
        justify-content: center;
        display:flex;
    }

    .sidesubmenu, .sidesubmenucls, .sidesubmenudtplan, .sidesubmenudtplanmtcit {
        position: fixed;
        top: 110px;
        height: calc(100vh - 60px) !important;
        background: var(--white);
        box-shadow: 10px 4px 20px 1px var(--sidebarboxshadow), 5px 1px 4px var(--sidebarboxshadow2);
        left: 250px;
        z-index: 15;
        width: 260px;
        padding: 0.75rem 0;
        transition: left .24s ease-in-out;
        color: var(--tabcolor) !important;
    }
}

[dir=rtl] .sidesubmenu, .sidesubmenucls, .sidesubmenudtplan, .sidesubmenudtplanmtcit {
    position: fixed;
    top: 110px;
    height: calc(100vh - 60px) !important;
    background: var(--sidesubbg);
    box-shadow: 0 4px 20px 1px var(--sidebarboxshadow), 0 1px 4px var(--sidebarboxshadow2);
    right: 250px;
    z-index: 15;
    width: 250px;
    padding: 0.75rem 0;
    transition: left .24s ease-in-out;
}

/*RTL VIEW*/

[dir=rtl] .sidebar {
    border-left: 1px solid var(--sidebarbordercolor) !important;
}

@media (max-width: 991px) {
    [dir=rtl] .sidebar {
        -webkit-transform: translateX(250px) !important;
        transform: translateX(250px) !important;
    }
        [dir=rtl]  .sidebar.active {
            -webkit-transform: translateX(0);
            transform: translateX(0) !important;
            margin-left: 0px;
            z-index: 5;
        }

        [dir=rtl] .sidebar .sidebar-menu > li ul li i {
            margin-left: 15px !important;
            float: right !important;
        }

        [dir=rtl] .sidebar .sidebar-menu > li ul li.dropdown > a:after {
            left: 0px !important;
        }
}


[dir=rtl] .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li > ul > li > a {
    float: left;
    width: 100%;
}

    [dir=rtl] .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li > ul > li > a i {
        margin-left: 0px;
        float: none;
    }

@media (min-width: 992px) {
    [dir=rtl] .compact-menu:not(.horizontal-menu) main, .compact-menu:not(.horizontal-menu) .site-footer {
        margin-right: 80px !important;
    }
}

@media (min-width: 992px) and (max-width: 991px) {
    [dir=rtl] .compact-menu:not(.horizontal-menu) main, .compact-menu:not(.horizontal-menu) .site-footer {
        margin-right: 0px;
    }
}

[dir=rtl] .compact-menu:not(.horizontal-menu) .sidesubmenu, .compact-menu:not(.horizontal-menu) .sidesubmenucls, .compact-menu:not(.horizontal-menu) .sidesubmenudtplan, .compact-menu:not(.horizontal-menu) .sidesubmenudtplanmtcit {
    position: fixed;
    top: 57px;
    right: 80px;
    position: fixed;
    top: 57px;
    height: calc(100vh - 60px) !important;
    background: var(--white);
    box-shadow: 0 4px 20px 1px var(--sidebarboxshadow), 0 1px 4px var(--sidebarboxshadow2);
    right: 80px;
    z-index: 5;
    width: 250px;
    padding: 0.75rem 0;
    transition: left .24s ease-in-out;
}

[dir=rtl] .settingheader {
    text-align: right;
}

[dir=rtl] .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li {
    text-align: right !important;
}

.settingheader {
    padding: 20px 15px 12px 15px;
    border-bottom: 1px solid var(--bordercolor);
    font-size: 14px;
}

@media (max-width: 600px) {


    .compact-menu:not(.horizontal-menu) .sidebar {
        position: fixed;
        width: 212px;
        height: 100%;
        z-index: 9;
        overflow: scroll;
        top: 65px;
        padding-top: 0px;
    }

        .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li > a, .compact-menu:not(.horizontal-menu) .sidebar-menu li .fas.fa-chevron-right {
            font-size: 13px;
        }

        .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li a i {
            font-size: 13px;
        }

    .compact-menu:not(.horizontal-menu) .sidesubmenu, .compact-menu:not(.horizontal-menu) .sidesubmenucls, .compact-menu:not(.horizontal-menu) .sidesubmenudtplan, .compact-menu:not(.horizontal-menu) .sidesubmenudtplanmtcit {
        position: fixed;
        top: 57px;
        height: calc(100vh - 80px) !important;
        background: var(--white);
        box-shadow: 0 4px 20px 1px var(--sidebarboxshadow), 0 1px 4px var(--sidebarboxshadow2);
        left: 80px;
        z-index: 5;
        width: 250px;
        padding: 0.75rem 0;
        transition: left .24s ease-in-out;
    }
}

@media (max-width: 600px) {


    [dir=rtl] .compact-menu:not(.horizontal-menu) .sidebar.active {
        position: absolute;
      /*  width: 80px;
        height: 100%;*/
        z-index: 2;
        overflow: scroll;
        top: 65px;
        padding-top: 0px;
    }

    [dir=rtl] .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu > li > a, .compact-menu:not(.horizontal-menu) .sidebar-menu li .fas.fa-chevron-right {
        font-size: 10px !important;
    }

    [dir=rtl] .compact-menu:not(.horizontal-menu) .sidebar .sidebar-menu li a i {
        font-size: 20px;
    }

    [dir=rtl] .compact-menu:not(.horizontal-menu) .sidesubmenu, .compact-menu:not(.horizontal-menu) .sidesubmenucls, .compact-menu:not(.horizontal-menu) .sidesubmenudtplan, .compact-menu:not(.horizontal-menu) .sidesubmenudtplanmtcit {
        position: fixed;
        top: 57px;
        height: calc(100vh - 80px) !important;
        background: var(--white);
        box-shadow: 0 4px 20px 1px var(--sidebarboxshadow), 0 1px 4px var(--sidebarboxshadow2);
        right: 80px;
        z-index: 5;
        width: 250px;
        padding: 0.75rem 0;
        transition: left .24s ease-in-out;
    }

    [dir=rtl] .compact-menu:not(.horizontal-menu) .sidebar.active {
        transform: translateX(0px) !important;
    }

    [dir=rtl] .compact-menu:not(.horizontal-menu) .sidesubmenu ul .nav-item, .compact-menu:not(.horizontal-menu) .sidesubmenudtplan ul .nav-item {
        text-align: right !important;
    }

    [dir=rtl] .sidebar-menu i.me-3 {
        margin-left: 1rem !important;
        margin-right: 10px !important;
    }

    @media (max-width: 800px) {
        [dir=rtl] .sidesubmenu, .sidesubmenucls, .sidesubmenudtplan, .sidesubmenudtplanmtcit {
            position: fixed;
            top: 57px;
            height: calc(100vh - 80px) !important;
            background: var(--white);
            box-shadow: 0 4px 20px 1px var(--sidebarboxshadow), 0 1px 4px var(--sidebarboxshadow2);
            left: 250px;
            z-index: 5;
            width: 250px;
            padding: 0.75rem 0;
            transition: left .24s ease-in-out;
        }
    }
}

.mobile-submenu-font {
    font-size: 12px !important;
    color: var(--sidebarfontcolor) !important;
    font-weight: 600 !important;
    text-wrap: nowrap;
}
/* .dropdown {
    transition: all 0.3s ease-in-out !important;
}*/
#mobile-sidebar {
    display: none
}

@media (max-width: 440px) {
    /*#web-sidebar {
        display: none;
    }*/

    #mobile-sidebar {
        display: block;
    }

    .help-support-sidebar {
        position: absolute !important;
        bottom: 99px;
    }
}
/*topnavbar search box css starts*/
.searchbox-input {
    position: relative;
}

    .searchbox-input input {
        background: none;
        border: none;
        box-sizing: border-box;
        font-size: 15px;
        color: #2b2d81;
        outline: none;
        transition: .5s;
    }

    .searchbox-input:hover input {
        width: 100%;
        border-bottom: 1px solid rgb(72 94 144 / 17%);
        margin-right: 32px;
    }

    .searchbox-input i {
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translate(-50%,-50%);
        font-size: 13px;
        color: var(--sidebarheadbg) !important;
        transition: .2s;
    }

    .searchbox-input:hover i {
        opacity: 0;
        z-index: -1;
    }


    .searchbox-input input[type=search] {
        padding: 10px;
    }

    .searchbox-input form:focus-visible {
        outline: none;
    }


@media (min-width: 768px) {
    .navbar #double-collapse {
        display: block;
    }
}

@media (min-width: 992px) {
    .navbar #double-collapse {
        display: none;
    }
}
.secondnav li a {
    cursor: pointer;
    color: #24504c;
    font-weight: 500;
}
    .secondnav li a:hover, .secondnav li a.active {
        cursor: pointer;
        color: #24504c;
        font-weight: 700;
    }
@media (max-width: 990px) {
    .micitcollase .double-arrow {
        display: none !important;
    }
}

.CurrentMenuHighlight {
    color: rgb(36, 80, 76) !important;
    font-weight: bold !important;
}

    .CurrentMenuHighlight a {
        font-weight: bold !important;
    }
/*.mx-3.site-width.pt-2{
    padding-top:52px !important;
}*/


.subcrip_card {
     /*position: fixed;*/
     position: relative;
    margin-bottom: 10px;
    padding: 0 15px;
    width: 235px;
    bottom: 0;
    margin-top: 40px;
   z-index: 5;
}
    .subcrip_card .card {
        background: #d3f5f2;
        border: none;
    }
.licence {
    background: #d3f5f2;
    width: 65px;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-top: -30px;
    margin: -54px auto 0;
}
.licence  i{
    color: rgb(255 173 71);
    font-size: 30px;
    text-shadow: 5 9 #ddd;
    -webkit-filter: drop-shadow(0 1px 4px rgb(255 173 71));
}
.subcrip_card p{
    font-size:13px;
}