@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700');
/*https://fontawesome.com/v4.7.0/icons/*/

.sidebar.fliph li a .nav-label,
.sidebar.fliph li a .nav-label+span{ display:none;transition: all 0.5s  ease-in-out}
.sidebar.fliph {
    width: 60px; 
    overflow-x: hidden;
   
}
@media (min-width: 992px) {
    .fliph-leftmenu {
        width: 60px !important;  
    }
}

.sidebar.fliph .arrow {
    display:none;
}
	
.sidebar.fliph li{ position:relative}
.sub-menu {
    position: fixed;
    left: 39px;
    top: 0;
    background-color: #222;
    width: 150px;
    z-index: 100;
}

.fliph .user-panel{ display: none; }
 

.nav-side-menu li {
    position: relative;
}

.nav-side-menu li .arrow{
    display: none !important;
}

.sub-menu li.active,
.sub-menu li.active {
  color: #fff;
  border-bottom: 1px solid #454b58;
    background-color: #5873b3;
}
.sub-menu li.active a,
.sub-menu li.active a {
  color: #fff;
}
.sub-menu li,
.sub-menu li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.sub-menu li:hover,
.sub-menu li:hover {
  background-color: #020203;
  border-bottom: 1px solid #454b58;
}

.sub-menu li a {
    text-decoration: none;
    color: #fff;
}

.sub-menu li {
    list-style: none;
    padding: 0px;
    margin: 0px; 
    cursor: pointer;
    vertical-align: top;
    padding-left: 5px;
    text-align: left;
   background-color: #454b58;
    border: none;
    line-height: 28px;
    border-bottom: 1px solid #23282e;
    margin-left: 0px;
}

.nav-side-menu { 
    background-color: #454b58;
}
.nav-side-menu ul .active, .nav-side-menu li .active, .nav-side-menu li.liblue { 
    background-color: #5873b3;
    border-bottom: 1px solid #454b58;
    background-color: #5873b3;
}

.nav-side-menu li:hover {
    background-color: #5873b3;
}

.nav-side-menu li:hover a, .nav-side-menu li.active a {
    color: #fff;
} 

.nav-side-menu li:hover {
    border-bottom: 1px solid #454b58;
}

.sub-menu li:hover, .sub-menu li:hover { 
    border-bottom: 1px solid #454b58;
}

.sub-menu { 
    background-color: #454b58;
}

.sub-menu li:hover, .sub-menu li:hover {
    background-color: #4f68a1; 
}

.nav-side-menu li a i.fa {
    font-size: 24px;
    width: 15px;
    padding: 5px;
    margin: 0;
}
.nav-side-menu li a i.fa-navicon { 
    display: inherit !important;
}
.nav-side-menu li a i {  
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover; 
    font-size: 18px;
    display: none;
}
.sidebar.fliph li a i {
    display: inherit;
}

.avtorskie_dogovora {
    background-image: url(images/bank-leftmenu/avtorskie_dogovora.png);
} 
.exit {
    background-image: url(images/bank-leftmenu/exit.png);
}
.otzyv {
    background-image: url(images/bank-leftmenu/otzyv.png);
}
.pereformirovat_dogovor {
    background-image: url(images/bank-leftmenu/pereformirovat_dogovor.png);
}
.reestr_gotovyh_projectov {
    background-image: url(images/bank-leftmenu/reestr_gotovyh_projectov.png);
} 
.support {
    background-image: url(images/bank-leftmenu/support.png);
}
.uvedomleniya {
    background-image: url(images/bank-leftmenu/uvedomleniya.png);
}
.zayavlenie_avtorskiy_dogovor {
    background-image: url(images/bank-leftmenu/zayavlenie_avtorskiy_dogovor.png);
}
.zayavlenie_gbps {
    background-image: url(images/bank-leftmenu/zayavlenie_gbps.png);
}
.zayavlenie_polnyi_komplekt {
    background-image: url(images/bank-leftmenu/zayavlenie_polnyi_komplekt.png);
}