/* Side Nav Start */
#sidebar-wrapper {
transition: width 1s ease-in-out;
background: #273343;
width: 80px!important;
margin-top: 66px;
}
.sidebar-nav{
  width:80px;
}
.sidebar-nav li{
  text-align: center;
  line-height: 14px;
}.sidebar-nav li a {
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid #324052;
    display: block;
    text-decoration: none;
    color: #FFF;
    opacity: .7;
    float: left;
    width: 100%;
    text-align: center;
    border-right: 3px solid #273343;
    border-left: 3px solid #273343;
    cursor: pointer;
}
.sidebar-nav li a.active{
  position: relative;
opacity: 1;    border-left: 3px solid #fe8637;
    border-right: 3px solid #354151;
    text-decoration: none;
    color: #fff;    background-color: transparent;
}
.sidebar-nav li a.active:hover{
  background-color:#354151;
  border-left: 3px solid #fe8637;
}
.sidebar-nav li a:hover{
  position: relative;
  opacity: .7;
  border-left: 3px solid #354151;
  border-right: 3px solid #354151;
  text-decoration: none;
  color: #fff;
  background-color: #354151;
}
.sidebar-nav li a>.menu-icon {
    margin: 0;
    float: left;
    width: 100%;
    padding: 8px 0 0;
    text-align: center;
    display: inline-block;
}
.sidebar-nav li a img {
    height: 28px;
    margin: 0;
    vertical-align: top;
    position: relative;
    right: 10px;
}
.sidebar-nav li a>span.content-menu {
    margin: 2px 0 6px;
    float: left;
    width: 100%;
    text-align: center;
    text-indent: 0;
    line-height: 15px;
    font-size: 9px;
}
#wrapper.toggled{
  padding-top:71px;
  margin-left: 220px;
}
.integration-sidenav{
	position: relative;
	top: 4px;
}

.sidebar-nav li a .leftnav-icons {
    margin: 0;
    vertical-align: top;
    position: relative;
    right: 10px;
}
@media only screen and (max-width:768px) and (min-width:520px){
	#wrapper.toggled{
		margin-left:60px;
	}
	.left-nav{
		width:60px !important;
	}
	.left-nav .nav .nav-link span{
		display:none;
	}
	.acc-dashboard-specversion{
		padding-left:15px !important;
	}
}
@media only screen and (max-width:1024px) and (min-width:1180px){
	.left-nav{
		width:48px !important;
	}	

}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    display: flex !important;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    z-index:2001;
}
.flex-column ul li a:hover{
	background-color:#fff;
}
.flex-column ul li a:hover img,.flex-column ul li a:hover span,a.nav-link.active img{
	filter:invert(0.19) sepia(1) saturate(60) hue-rotate(194.4deg) brightness(1.05);
}
/* Side Nav End */