/* sidebar styles 

var(--sidebar-bg-color)
var(--sidebar-link-active-color)
var(--sidebar-link-color)
var(--sidebar-link-active-color)
var(--sidebar-child-section-bg-color)
var(--sidebar-child-section-inactive-bg-color)
var(--sidebar-child-link-color)
var(--sidebar-child-popout-link-color)

new colour scheme map:

#005B92 (darker navy blue) => #003658
#006FB4 (navy blue)        => #00b3ae
#007AC5 (lighter blue)
#A7E4F9 (light sky blue)
#A6CE39 (lime green)
#A7CD3C (lighter green)

new colours and shades

#005B92


*/

:root {
    /*--sidebar-bg-color: #006FB4;*/
    --sidebar-bg-color: #003658;
    --sidebar-link-color: #fff;
    /*--sidebar-link-hover-color: #A6CE39;*/
    --sidebar-link-hover-color: #00b3ae;
    /*--sidebar-link-active-color: #A7CD3C;*/
    --sidebar-link-active-color: #00b3ae;
    /*--sidebar-child-section-bg-color: #007AC5;*/
    --sidebar-child-section-bg-color: #035182;
    --sidebar-child-section-inactive-bg-color: #003658; /* #003658; */
    --sidebar-child-link-color: #A7E4F9; /*  */
    --sidebar-header-bg-color: #003658; /* #003658 */
    --sidebar-child-section-bg-color-inner:#2474a4;
}

#sidebar-wrapper {
    background: var(--sidebar-bg-color);
}


#site-logo {
    background-image: url(/images/logo.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 34px;
    background-size:contain;
    height: 30px;
}

#site-title {
    background-image: url(/images/partner-portal-logo2.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 149px;
    height: 30px;
}

#wrapper .logo-wrapper {
    padding: 10px 8px;
    overflow: hidden;
    width: 100%;

    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

    .sidebar-nav > .sidebar-brand a:hover {
        color: #fff;
        background: none;
    }

ul.sidebar-nav {
    position: relative;
    padding: 0;
    margin: 35px 0 0 0;    
}

ul.sidebar-nav li a span {
    display: inline;
}

    ul.sidebar-nav li {
        background-color: var(--sidebar-bg-color);
        position: relative;
        list-style-type: none;
        text-indent: 15px;
    }

/* The text of the links should be shown on the expanded toolbar */

ul.sidebar-nav > li > a > span {
    /* visually shown */
    position: relative;
    overflow: auto;
    clip: auto;
    height: inherit;
    width: inherit;
    margin: inherit;
    padding: inherit;
    border: none;
}

    ul.sidebar-nav li.active > a {
        border-right: 10px solid var(--sidebar-link-hover-color);
        color: var(--sidebar-link-active-color);
    }

    ul.sidebar-nav li.sub ul li.current > a {
        color: var(--sidebar-link-hover-color);
    }

ul.sidebar-nav li.sub {
    position: relative;
}    

ul.sidebar-nav li.sub ul {
    padding: 0;
    margin: 0;        
}

    ul.sidebar-nav li.sub li {
        background-color: var(--sidebar-child-section-bg-color);
        padding: 0;
        margin: 0;
        text-indent: 49px;
    }

#wrapper.thin-sidebar ul.sidebar-nav li.sub li {
    text-indent: 15px;
}
  
ul.sidebar-nav li:not(.active):hover li {
    text-indent: 15px;
}

ul.sidebar-nav li i {
    padding-right: 5px;
    color: var(--sidebar-link-color);
}

ul.sidebar-nav > li a img {
    position: relative;
    top: -1px;
    padding-right: 5px;
}

/*ul.sidebar-nav li.sub ul li a {
    color: var(--sidebar-child-link-color);
}*/

ul.sidebar-nav li.sub ul li a:hover {
    color: var(--sidebar-link-hover-color);
}

ul.sidebar-nav li a {
    color: var(--sidebar-link-color);
    padding: 5px 0;
    display: block;
    overflow: hidden;
}

    ul.sidebar-nav li a:hover {
        text-decoration: none;
        color: var(--sidebar-link-hover-color);
    }

/* sub menu items */

/* The text of the active sublinks should be shown on the expanded toolbar */
ul.sidebar-nav li.active ul {
    /*display: block;*/

    /* visually shown */
    position: relative;
    overflow: auto;
    clip: auto;
    height: inherit;
    width: inherit;
    margin: 0;
    padding: 0;
    border: none;
}

/* The text of the non-active links should NOT be shown on the expanded toolbar 
   However, they will be shown when the user hovers over
*/
ul.sidebar-nav li ul {
    background-color: var(--sidebar-child-section-bg-color);
    padding: 0;
    margin: 0;    
    /* visually hidden */
    position: absolute;
    /*overflow: hidden;*/
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

/* The text of the non-active sublinks should be shown when hovered ove on the expanded toolbar */
ul.sidebar-nav li:not(.active):hover ul {
    position: absolute;
    left: 100%;
    top: 0px;
    width: 220px;    
    /* visually shown */
    /*overflow: auto;*/
    clip: auto;
    height: inherit;
    margin: inherit;
    padding: inherit;
    border: none;
}

    ul.sidebar-nav li:not(.active):hover ul li {
       /* background-color: var(--sidebar-child-section-inactive-bg-color);*/
    }

/* end of sidebar */

/* The text of the links at the bottom of the toolbar should be shown on the expanded toolbar */
ul#page-links-navigation li a span {
    /* visually shown */
    position: relative;
    overflow: auto;
    clip: auto;
    height: inherit;
    width: inherit;
    margin: inherit;
    padding: inherit;
    border: none;
}

/* thin-sidebar styles */

#wrapper.thin-sidebar ul.sidebar-nav > li {
    width: 100%;
}

/* The text of the links should be hidden on the thin toolbar */
#wrapper.thin-sidebar ul.sidebar-nav > li > a > span {
    text-transform: uppercase;
    /* visually hidden */
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
}

#wrapper.thin-sidebar ul.sidebar-nav li.sub li {
    background-color: var(--sidebar-child-section-inactive-bg-color);
    padding: 0;
    margin: 0;
}

#wrapper.thin-sidebar ul.sidebar-nav li.sub ul li a {
    color: var(--sidebar-child-link-color);
}

    #wrapper.thin-sidebar ul.sidebar-nav li.sub ul li a:hover {
        color: var(--sidebar-link-color);
    }

/* On the thin toolbar the sublinks will be hidden.
   However, they will be shown on hover.
*/
#wrapper.thin-sidebar ul.sidebar-nav li ul,
#wrapper.thin-sidebar ul.sidebar-nav li.active ul {
    background-color: var(--sidebar-child-section-inactive-bg-color);
    /* visually hidden */
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

/* On the thin toolbar, the sublinks will be shown on hover. */
#wrapper.thin-sidebar ul.sidebar-nav li:hover ul {                
    position: absolute;
    left: 50px;
    top: 0px;
    width: 220px;

    /* visually hidden */    
    overflow: auto;
    clip: auto;
    height: inherit;
    margin: inherit;
    padding: inherit;
    border: none;
}

/* On the thin toolbar, the text on the links at the bottom will be hidden. */
#wrapper.thin-sidebar ul#page-links-navigation li a span {

    /* visually hidden */
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0;    
}

#wrapper.thin-sidebar #site-logo {
    background-image: url(/images/logo.png);
    background-repeat: no-repeat;
    width: 34px;
    height: 30px;
}

#wrapper.thin-sidebar .logo-wrapper {
    padding: 10px 8px;
}

#wrapper.thin-sidebar #site-title {
    display: none;
}

/* Hidden sidebar styles */

/* When the sidebar is hidden, the text on the first level of links will be hidden. */
#wrapper.no-sidebar ul.sidebar-nav > li > a > span {
    text-transform: uppercase;
    /*display: none;*/

    /* visually hidden */
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
}

/* When the sidebar is hidden, the sublinks will be hidden. */
#wrapper.no-sidebar ul.sidebar-nav li ul,
#wrapper.no-sidebar ul.sidebar-nav li.active ul {
    background-color: var(--sidebar-child-section-inactive-bg-color);
    /* visually hidden */
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

/* links sidebar */

ul#page-links-navigation {
    position: absolute;
    bottom: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}

    ul#page-links-navigation li {
        list-style-type: none;
        background-color: var(--sidebar-header-bg-color);
        display: block;
        width: 100%;
        padding: 8px 0;
        text-indent: 15px;
    }

    ul#page-links-navigation li:first-child {
        border-bottom: 1px solid var(--sidebar-bg-color);
    }

ul#page-links-navigation li i {
    padding-right: 5px;
}

    ul#page-links-navigation li a {
        color: var(--sidebar-link-active-color);
        text-transform: uppercase;
    }

        ul#page-links-navigation li a:hover {
            color: var(--sidebar-link-color);
            text-decoration: none;
        }

/* end of links sidebar */


/*****Updated in Novembeber 9th By ROhil*/
ul.sidebar-nav li.sub:not(.active) ul.inner-sub ul.inner-sub {
    display: none;
}
ul.sidebar-nav li.sub:not(.active) ul.inner-sub li:hover ul.inner-sub {
    display: block;
}
ul.sidebar-nav li.sub ul.inner-sub ul.inner-sub li {
    background: var(--sidebar-child-section-bg-color-inner);
}
ul.sidebar-nav li.active ul.inner-sub ul.inner-sub li {
    text-indent: 64px;
}
ul.sidebar-nav li.active ul.inner-sub ul.inner-sub  {
    position: relative;
}
ul.sidebar-nav li.active:hover ul.inner-sub ul.inner-sub  {
    left: unset;
    width: auto;
}

ul.sidebar-nav li.sub li ul#third-list li {
        background: var(--sidebar-child-section-bg-color-inner);
    }

ul.sidebar-nav li.active ul#third-list li {
    text-indent: 64px;
}
ul.sidebar-nav li.active ul#third-list{
    position: relative;
}
ul.sidebar-nav li.active:hover ul#third-list {
    left: unset;
    width: auto;
}

#wrapper.thin-sidebar ul.sidebar-nav li:hover ul ul {
    position: relative;
    left: 0;
}
#wrapper.thin-sidebar ul.sidebar-nav li.sub ul#third-list li {
    background: rgb(8, 179, 109);
    
    text-indent: 30px;
}


#menu-referral-inner li.internal-referal ul.inner-sub, #menu-referral-inner.active li.internal-referal:hover ul.inner-sub {
    display: none;
}
#menu-referral-inner li.internal-referal.active ul.inner-sub {
    display: block;
}
#menu-referral:not(.active) li.internal-referal:hover ul.inner-sub {
    display: block;
}

#menu-resources ul li ul.inner-sub, #menu-resources.active ul li:hover ul.inner-sub {
    display: none;
}

#menu-resources li.active ul.inner-sub {
    display: block;
}

#menu-resources:not(.active) li:hover ul.inner-sub {
    display: block;
}
#menu-resources.active ul.inner-sub li.active  ul.inner-sub{
    display:block;
}