body, nav, ul, li, a  {margin: 0 auto; padding: 0;}
a {text-decoration: none;}


.nav-report{
display:none;
}

#container-nav-dashboard,
#container-nav-report{
transition:.5s;
position:absolute;
right:0px;
}
.nav-wrapper {
    background-color: #fff;
position: fixed;
top: 0px;
margin: 0px auto;
width: 100%;
z-index: 999998;
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
}

.header-top {
border-top: solid 15px #02073A;
}
.header-sticky {

}

.container {
    width: 100%;
    max-width: 1180px;
    margin: 0px auto;
}
.toggleMenu {
    display:  none;
    padding: 8px 0px;
    color: #fff;
    width: 100%;
    text-align: right;
}

.toggleMenu:hover{
	color:#fff;
	text-decoration:none;
}

.toggleMenu img{
max-width:22px;
height:auto;
}
.nav {
    list-style: none;
    *zoom: 1;
    float: right;
    margin: 0px;
    padding: 0px;
    margin-top:-15px;
    margin-top:0px;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 30px 18px 20px 18px;
    color: #A7A7A7;
    color:#02073A;
    color:#fff;
    font-size: 16px;
    font-family: 'lato', sans-serif;
    letter-spacing: .03em;
    transition:.2s;
}

.header-sticky .nav a {
    padding: 14px 17px 14px 17px;
	font-size: 14px;
}


.nav li.btn-back-to-dashboard a{
color:#003765;
}

.nav a.item:after{
-webkit-transition: all .2s;
    transition: all .2s;
}

.nav a.item:hover:after,
.nav a.active:after{
    -webkit-transition: all 250ms;
    transition: all 250ms;
    position: absolute;
    xtop: 20px;
    bottom:-7px;
    left: 45%;
    margin-left: -3px;
    /* opacity: 0; */
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    display: inline-block;
    vertical-align: middle;
    content: "";
    height: 0;
    width: 0;
    vertical-align: middle;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: 0;
    transition:.2s;
    }


.nav a.item-report{
    transition: .2s;
  margin-right: 0px;
  color: #003765;
  padding: 5px 36px 3px 12px;
  background: url(../images/report-icon-13326.png) #fff 95% 2px no-repeat;
  background-size: 22px;
  margin-top: 8px;
  border: 1px solid #cecece;
  border-right: 2px solid #003765;
  border-bottom: 2px solid #003765;
  border-radius: 4px;
}

.nav a.item-report:hover{
  background: url(../images/report-icon-13326.png) #fafafa 95% 2px no-repeat;
  background-size: 22px;
  color:#000;
  border: 1px solid #cecece;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  }

.nav li.li-item-report{
padding-right: 15px;
border-bottom: none;
}

.nav a.item-0{
background-color: #003765;
}

.nav a.item-0:hover,
.nav .li-item-0 a.active{
color: #fff !important;
background: #003765;
}


.nav a.item-0:hover:after,
.nav .li-item-0 a.active:after,
.nav a.item-1:hover:after,
.nav .li-item-1 a.active:after,
.nav a.item-2:hover:after,
.nav .li-item-2 a.active:after,
.nav a.item-3:hover:after,
.nav .li-item-3 a.active:after{
    border-bottom: 10px solid #ffffff;
}

.nav a.item-1{
transition:.2s;
background:#00ACD4;
}

.nav a.item-1:hover,
.nav .li-item-1 a.active{
color: #fff !important;
background:#00ACD4;
}

.nav a.item-2{
background:#F16521;
}

.nav a.item-2:hover,
.nav .li-item-2 a.active{
color: #ffffff !important;
background:#F16521;
}


.nav a.item-3{
background:#C0D028;
}

.nav a.item-3:hover,
.nav .li-item-3 a.active{
color: #fff !important;
background:#C0D028;
}


.nav a.item-sub{
padding: 2px 0px 0px 0px;
color: #333;
font-size: 13px;
font-weight: normal;
line-height: 1.4;
margin: 0px 0px 0px 10px;
display: inline-block;
border-bottom: 2px solid #fff;
}


.nav a:visited {
xcolor:#fff;
}
.nav a:hover{
	background: #ffffff;
	text-decoration:none;
}

.nav a.nav-parent:hover{
	xbackground: #007193;
	background:#fff;
	background:#333;
}

.nav li li a:hover{

}

.nav li.li-item-0 li a:hover,
.nav li.li-item-1 li a:hover{
border-bottom: 2px solid #000;
color: #000 !important;
}

.nav li.li-item-2 li a:hover{
border-bottom: 2px solid #2A2723;
color: #2A2723 !important;
}

.nav li.li-item-3 li a:hover{
border-bottom: 2px solid #2A2723;
color: #2A2723 !important;
}

.nav li:hover{
	background: transparent;
	color:#333 !important;
}

.nav li.hover a{
xcolor:#333;
}

.nav li {
    position: relative;
    text-align:center;
}

.nav li.last a {
	border-radius:0px 0px 4px 4px;
}
.nav > li {
    float: left;
    xborder-top: 1px solid #fff;
}
.nav > li > .parent {
    xbackground-image: url("../images/downArrow.png");
    xbackground-repeat: no-repeat;
    xbackground-position: right;
}
.nav > li > a {
    display: block;
    
}
.nav li ul {
    position: absolute;
    left: -9999px;
    box-shadow: 0px 6px 6px rgba(0,0,0,.2);
	width: auto;
	z-index:9999;
	background-color:#fff;
	padding: 10px 10px 10px 10px;
}

.nav li ul li{
font-size: 14px;
line-height: 1.4;
text-align: left;
min-width: 180px;
}

.nav li ul li.subhead{
color:#333;
font-weight:bold;
}

.nav li ul li a{
color:#454545;
transition:none;
}

.nav > li.hover > ul {
    left: 0;
}


.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #fff;
    color:#000;
    position: relative;
    z-index:100;
    font-size:13px;
    padding:10px 15px;
    text-align:left;
    font-weight:700;
}

.nav li li.container-dropdown{
    background-color: #fff;
    min-width: 260px;
    text-align: left;
    padding: 2px 10px;
} 

.nav li li.container-dropdown a{
padding: 10px 0px 0px 0px;
    font-size: 14px;
}
.nav li.menu-about li a {
	min-width: 160px;
}

.nav li li a:hover {
    xcolor: #EB3176 !important;
}

.nav li li li a {
    background:#fff
    z-index:200;
}

.new{
	display: inline-block;
    color: #E83677 !important;
    padding-left: 10px;
}


.header-logo {
    float: left;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    transition:.2s;
}

.header-logo {
    margin: 10px 0px 2px 0px;
}


.header-sticky .header-logo {
    margin: 5px 0px 0px 0px;
}

.header-logo img {
max-width:120px;
height:auto;
margin-left:20px;
transition:.2s;


}

.header-sticky .header-logo img {
max-width: 260px;
padding: 2px 0px 10px 0px;
}
.header-logo h2 {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: .02em;
    margin: 0px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    line-height: 16px;
}

.header-logo h2 span {
    display: block;
}


.btn-back-to-dashboard{
margin: 0px 10px 0px 0px;
}

.nav li.btn-back-to-dashboard a:hover{
color:#02073A;
background:transparent;
}


/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 767px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 90% 50%;
        background-image: url("../images/moreArrow.png");
    	background-repeat: no-repeat;
    }
    .nav li li .parent {
        background-image: url("../images/moreArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
    
    .nav a {
    padding: 15px 0px;
    color:#fff;
    font-size:14px;
    background-color: #02073A;
    }
    .nav{
    float:none;
    margin-top:0px;
    }
    #cnt-logo {
    display:none;
    visibility:hidden;
    }
    
    .nav-wrapper{
    xborder-top: solid 8px #02073A;
    }
    
    .header-logo{
    margin: 0 auto;
    text-align: center;
    float: inherit;
    position: fixed;
    left: 0%;
    top: 4px;
    }
    
    .header-logo img {
    max-width: 80px;
    }
    
    .nav a.item-1,
    .nav a.item-2,
    .nav a.item-3{
    border:none;
    }
    
    .nav a.item-1:hover, .nav .li-item-1 a.active,
    .nav a.item-2:hover, .nav .li-item-2 a.active,
    .nav a.item-3:hover, .nav .li-item-3 a.active {
    color: #a7a7a7 !important;
    }
    .nav a.item-1:hover:after, .nav .li-item-1 a.active:after,
    .nav a.item-2:hover:after, .nav .li-item-2 a.active:after,
    .nav a.item-3:hover:after, .nav .li-item-3 a.active:after {
    border-top: none;
    }
    
    .nav a {
    padding: 10px 18px 10px 18px;
    font-size: 15px;
    }

}

@media screen and (max-width: 768px) {

.nav li  ul {
    box-shadow: none;
	width: auto;
}
	
}