/*  user admin */
#adminSideMenuWrapperNew .z-header
{
    background: #34b6e4;
    border-bottom: 1px solid #57cff9;
    padding: 0 10px;
    height: 39px !important;
    border-top: 1px solid #0d88b3;
    line-height: 45px !important;
}
#adminSideMenuWrapperNew .z-header .z-title
{
    color: #fff;
    font-family: 'quattrocento_sansregular';
    font-size: 11px;
    text-shadow: none;
    font-weight: normal !important;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: top;
}
#adminSideMenuWrapperNew.z-accordion.silver .z-sub-nav li a
{
    color: #333;
    font-size: 12px;
    font-family: 'Arial';
    text-transform: uppercase;
}
#adminSideMenuWrapperNew.z-accordion.vertical.z-ungrouped > .z-section, #adminSideMenuWrapperNew.z-accordion.z-content-nav > .z-section > .z-content ul li
{
    margin: 0 !important;
}
#adminSideMenuWrapperNew.z-accordion.vertical > .z-section > .z-header > .z-arrow
{
    right: 0;
    top: 40%;
    width: 30px;
    height: 30px;
    background: url(img/2.png) no-repeat top left;
    opacity: 1 !important;
}

#adminSideMenuWrapperNew.z-accordion.vertical > .z-section > .z-header:hover > .z-arrow
{
    background: url(img/zozo-accordion.png) no-repeat top left;
    -webkit-transform-origin: 40% 40%;
    transform-origin: 40% 40%;
}
#adminSideMenuWrapperNew.z-accordion.z-content-nav.vertical > .z-section > .z-content > .z-auto-g
{
    padding: 0 !important;
}
/* Collaborate Menu*/
 
#collaborateSideMenuWrapperNew .z-header
{
    background: #34b6e4;
    border-bottom: 1px solid #57cff9;
    padding: 0 10px;
    height: 39px !important;
    border-top: 1px solid #0d88b3;
    line-height: 45px !important;
}
#collaborateSideMenuWrapperNew .z-header .z-title
{
    color: #fff;
    font-family: 'quattrocento_sansregular';
    font-size: 11px;
    text-shadow: none;
    font-weight: normal !important;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: top;
}
#collaborateSideMenuWrapperNew.z-accordion.silver .z-sub-nav li a
{
    color: #333;
    font-size: 12px;
    font-family: 'Arial';
    text-transform: uppercase;
}
#collaborateSideMenuWrapperNew.z-accordion.vertical.z-ungrouped > .z-section, #collaborateSideMenuWrapperNew.z-accordion.z-content-nav > .z-section > .z-content ul li
{
    margin: 0 !important;
}
#collaborateSideMenuWrapperNew.z-accordion.vertical > .z-section > .z-header > .z-arrow
{
    right: 0;
    top: 40%;
    width: 30px;
    height: 30px;
    background: url(img/2.png) no-repeat top left;
    opacity: 1 !important;
}

#collaborateSideMenuWrapperNew.z-accordion.vertical > .z-section > .z-header:hover > .z-arrow
{
    background: url(img/zozo-accordion.png) no-repeat top left;
    -webkit-transform-origin: 40% 40%;
    transform-origin: 40% 40%;
}
#collaborateSideMenuWrapperNew.z-accordion.z-content-nav.vertical > .z-section > .z-content > .z-auto-g
{
    padding: 0 !important;
}
 
/*  user menu */
#sideMenuWrapperNew .z-header
{
    background: #34b6e4;
    border-bottom: 1px solid #57cff9;
    padding: 0 10px;
    height: 39px !important;
    border-top: 1px solid #0d88b3;
    line-height: 45px !important;
}
#sideMenuWrapperNew .z-header .z-title
{
    color: #fff;
    font-family: 'quattrocento_sansregular';
    font-size: 11px;
    text-shadow: none;
    font-weight: normal !important;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: top;
}
#sideMenuWrapperNew.z-accordion.silver .z-sub-nav li a
{
    color: #333;
    font-size: 12px;
    font-family: 'Arial';
    text-transform: uppercase;
}
#sideMenuWrapperNew.z-accordion.vertical.z-ungrouped > .z-section, #sideMenuWrapperNew.z-accordion.z-content-nav > .z-section > .z-content ul li
{
    margin: 0 !important;
}
#sideMenuWrapperNew.z-accordion.vertical > .z-section > .z-header > .z-arrow
{
    right: 0;
    top: 40%;
    width: 30px;
    height: 30px;
    background: url(img/2.png) no-repeat top left;
    opacity: 1 !important;
}

#sideMenuWrapperNew.z-accordion.vertical > .z-section > .z-header:hover > .z-arrow
{
    background: url(img/zozo-accordion.png) no-repeat top left;
    -webkit-transform-origin: 40% 40%;
    transform-origin: 40% 40%;
}
#sideMenuWrapperNew.z-accordion.z-content-nav.vertical > .z-section > .z-content > .z-auto-g
{
    padding: 0 !important;
}
/*   Menu icons */
.iconSideMenuNav
{
    background: url(img/News-stream.png) no-repeat;
    background-position: 0 10px;
    transition: all linear 300ms;
    width: 25px;
    height: 35px;
    display: inline-block;
    background-size: cover;
    vertical-align: top;
    margin: 0px 5% 0 0;
    line-height: 40px;
}
.iconSideMenuNavAdmin
{
    background: url(img/administrator.png) no-repeat;
    background-position: 0 10px;
    transition: all linear 300ms;
    width: 25px;
    height: 35px;
    display: inline-block;
    background-size: cover;
    vertical-align: top;
    margin: 0px 5% 0 0;
    line-height: 40px;
}
#sideMenuWrapperNew .z-header:hover .iconSideMenuNavAdmin
{
    background-position: 0 -25px;
    margin-top: 10px;
}
.iconSideMenuNavHealth
{
    background: url(img/health.png) no-repeat;
    background-position: 0 10px;
    transition: all linear 300ms;
    width: 25px;
    height: 35px;
    display: inline-block;
    background-size: cover;
    vertical-align: top;
    margin: 0px 5% 0 0;
    line-height: 40px;
}
#sideMenuWrapperNew .z-header:hover .iconSideMenuNavHealth
{
    background-position: 0 -25px;
    margin-top: 10px;
}
#adminSideMenuWrapperNew .z-header:hover .iconSideMenuNavHealth
{
    background-position: 0 -25px;
    margin-top: 10px;
}
#sideMenuWrapperNew .z-header:hover .iconSideMenuNav
{
    background-position: 0 -25px;
    margin-top: 10px;
}
#sideMenuWrapperNew li.z-section.z-active .z-header
{
    background: #0081ab;
}
.zozo-active a {
     background: #0081ab !important;
    color: #ffffff !important;
    font-size: 11px !important;
    
}
.myGroupList {
    color: #fff;
    font-family: 'quattrocento_sansregular';
    font-size: 11px;
    text-shadow: none;
    font-weight: normal !important;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: top;
}
/*
#sideMenuWrapperNew li.z-section.z-active .z-header
{
    background: #0081ab;
}*/
.sideMenuWrapOnly
{
    float: left;
    display: block;
    width: 14%;
}

.iconSideMenuNav2
{
    background: url(img/Home-dashboard.png) no-repeat;
    background-position: 0 10px;
    transition: all linear 300ms;
    width: 25px;
    height: 35px;
    display: inline-block;
    background-size: cover;
    vertical-align: top;
    margin: 0px 5% 0 0;
    line-height: 40px;
}
#sideMenuWrapperNew .z-header:hover .iconSideMenuNav2
{
    background-position: 0 -25px;
    margin-top: 10px;
}

.iconSideMenuNav3
{
    background: url(img/Dashboard.png) no-repeat;
    background-position: 0 10px;
    transition: all linear 300ms;
    width: 25px;
    height: 35px;
    display: inline-block;
    background-size: cover;
    vertical-align: top;
    margin: 0px 5% 0 0;
    line-height: 40px;
}
#sideMenuWrapperNew .z-header:hover .iconSideMenuNav3
{
    background-position: 0 -25px;
    margin-top: 10px;
}
#adminSideMenuWrapperNew .z-header:hover .iconSideMenuNav3
{
    background-position: 0 -25px;
    margin-top: 10px;
}
.iconSideMenuNav4
{
    background: url(img/panels.png) no-repeat;
    background-position: 0 10px;
    transition: all linear 300ms;
    width: 25px;
    height: 35px;
    display: inline-block;
    background-size: cover;
    vertical-align: top;
    margin: 0px 5% 0 0;
    line-height: 40px;
}
#sideMenuWrapperNew .z-header:hover .iconSideMenuNav4
{
    background-position: 0 -25px;
    margin-top: 10px;
}
#adminSideMenuWrapperNew .z-header:hover .iconSideMenuNav4
{
    background-position: 0 -25px;
    margin-top: 10px;
}
.iconSideMenuNav5
{
    background: url(img/Report.png) no-repeat;
    background-position: 0 10px;
    transition: all linear 300ms;
    width: 25px;
    height: 35px;
    display: inline-block;
    background-size: cover;
    vertical-align: top;
    margin: 0px 5% 0 0;
    line-height: 40px;
}
#sideMenuWrapperNew .z-header:hover .iconSideMenuNav5
{
    background-position: 0 -25px;
    margin-top: 10px;
}
#adminSideMenuWrapperNew .z-header:hover .iconSideMenuNav5
{
    background-position: 0 -25px;
    margin-top: 10px;
}
.iconSideMenuNav6
{
    background: url(img/sites.png) no-repeat;
    background-position: 0 10px;
    transition: all linear 300ms;
    width: 25px;
    height: 35px;
    display: inline-block;
    background-size: cover;
    vertical-align: top;
    margin: 0px 5% 0 0;
    line-height: 40px;
}
#sideMenuWrapperNew .z-header:hover .iconSideMenuNav6
{
    background-position: 0 -25px;
    margin-top: 10px;
}

.iconSideMenuNav7
{
    background: url(img/Account-settion.png) no-repeat;
    background-position: 0 10px;
    transition: all linear 300ms;
    width: 25px;
    height: 35px;
    display: inline-block;
    background-size: cover;
    vertical-align: top;
    margin: 0px 5% 0 0;
    line-height: 40px;
}
#sideMenuWrapperNew .z-header:hover .iconSideMenuNav7
{
    background-position: 0 -25px;
    margin-top: 10px;
}

.iconSideMenuNav8
{
    background: url(img/public-dashboard.png) no-repeat;
    background-position: 0 10px;
    transition: all linear 300ms;
    width: 25px;
    height: 35px;
    display: inline-block;
    background-size: cover;
    vertical-align: top;
    margin: 0px 5% 0 0;
    line-height: 40px;
}
#sideMenuWrapperNew .z-header:hover .iconSideMenuNav8
{
    background-position: 0 -25px;
    margin-top: 10px;
}

.iconSideMenuArrowDown
{
    background: url(img/zozo-arrow.png) no-repeat;
    width: 27px;
    height: 20px;
    position: relative;
    margin-left: 460px;
    margin-top: -33px;
    display: block;
}
.z-sub-nav > h5
{
    padding: 10px 20px;
    background-color: #34b6e4;
    color: #fff !important;
}
.z-sub-nav
{
    height: 525px;
    overflow-x: hidden;
}
.iconSideMenuhelp
{
    background: url(img/help.png) no-repeat;
    display: inline-block;
}
.z-accordion.vertical > .z-section.z-active > .z-header > .z-arrow, .z-accordion.vertical > .z-section > .z-header:hover > .z-arrow
{
    transform-origin: 40% 40%;
    -webkit-transform-origin: 40% 40%;
}
.z-section .z-last .z-active {background-color: #0081AB}

@media (max-width: 1200px)
{
    .sideMenuWrapOnly
    {
        width: 20%;
    }
    .redomainOnSubMaster
    {
        width: 80%;
    }
    .daterangefilterdiv
    {
        width: 28%;
        display: block;
        text-align: left;
        padding: 0;
        margin: 0;
    }
}
@media (max-width: 1024px)
{
    .sideMenuWrapOnly
    {
        width: 20%;
    }
    .redomainOnSubMaster
    {
        width: 70%;
    }
}
@media (max-width: 768px)
{
    .sideMenuWrapOnly
    {
        width: 40%;
    }
    .redomainOnSubMaster
    {
        width: 50%;
    }
}
@media (max-width: 360px)
{
    .sideMenuWrapOnly
    {
        width: 100%;
    }
    .redomainOnSubMaster
    {
        width: 100%;
    }
}