/**
 *  IOL aside css
 */
 
.evidence {color: #20c3f3;}

/* login panel */
.panel-dark {background-color:#333;color:#ddd;}
.panel-dark button{color:#ccc;background-color:#ddd;}


/* layout & wrapper */
 
body, .wrapper > section {
    background: #f5f5f5;
}

body {font-family: 'Open Sans', sans-serif;font-weight:300;color:#444;}

.panel {
  box-shadow:none;
}



 .wrapper .aside-container {
  position: absolute;
  width: 220px;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 116;
  backface-visibility: hidden;
}

.wrapper .aside-container {
  transition: width .2s cubic-bezier(.35,0,.25,1),translate .2s cubic-bezier(.35,0,.25,1);
}

.wrapper .aside-container {
  background-color: #f5f5f5;
-webkit-box-shadow: 5px 0px 8px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    5px 0px 8px 0px rgba(0, 0, 0, 0.1);
box-shadow:         5px 0px 8px 0px rgba(0, 0, 0, 0.1);
}



.aside-inner, .navbar-header, .sidebar>.sidebar-nav>li {
  transition: width .2s cubic-bezier(.35,0,.25,1);
}

.wrapper .aside-container .aside-inner {
  padding: 61px 0 0 0;
  height: 100%;
  width: 220px;
  overflow: hidden;
}



.sidebar {
    height: 100%;
    padding-bottom: 20px;
    background-color: #fff;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.sidebar {
    background-color: #f5f5f5;
}

@media only screen and (min-width: 1025px) {
  .sidebar:not(.show-scrollbar) {
    margin-right: -17px;
    overflow-y: scroll;
  }
}




.sidebar-nav {
    position: relative;
    font-size: 12.5px;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.sidebar-nav>li {
    display: block;
    transition: border-left-color .4s ease;
}

.aside-inner, .navbar-header, .sidebar>.sidebar-nav>li {
    transition: width .2s cubic-bezier(.35,0,.25,1);
}

.sidebar-nav > li.active, .sidebar-nav > li.active > a, .sidebar-nav > li.active > .nav-item, .sidebar-nav > li.active .sidebar-nav, .sidebar-nav > li.open, .sidebar-nav > li.open > a, .sidebar-nav > li.open > .nav-item, .sidebar-nav > li.open .sidebar-nav {
    background-color: #20c3f3;
    color: #fff;
}

.collapse:not(.in) {
    display: none;
}





.topnavbar .navbar-header .brand-logo {
    padding: 7px 15px;
}

.brand-logo{width:auto;}

.brand-logo img {
    margin: 0px 0 !important;
    height: 40px;
}




.sidebar .nav-heading {
    color: #919DA8;
}

.navbar-brand .brand-logo, .sidebar>.sidebar-nav>.nav-heading, .sidebar>.sidebar-nav>li>a>span {
    animation: fadeIn 1s;
}
.sidebar>.sidebar-nav>.nav-heading, .sidebar li>.nav-item, .sidebar li>a {
    white-space: nowrap;
}




.sidebar>.sidebar-nav>.nav-heading, .sidebar li>.nav-item, .sidebar li>a {
    white-space: nowrap;
}

.sidebar-nav>li>.nav-item, .sidebar-nav>li>a {
    position: relative;
    display: block;
    padding: 18px 12px;
    color: #515253;
    letter-spacing: .025em;
    font-weight: 400;
    cursor: pointer;
}
.sidebar-nav.sidebar-subnav>li>a {padding-left:24px;}

.sidebar-nav > li > a, .sidebar-nav > li > .nav-item {
    color: #333;
}
.sidebar-nav > li > a.active {
    color: #fff;
}
.dropdown-menu>li>a {
    padding: 10px 20px !important;
}
.sidebar .sidebar-nav>li>a {
    animation: fadeInLeft .5s;
}
.sidebar .sidebar-nav>li>a:hover {
    background-color:#20c3f3 !important;
    color:#fff;
    text-decoration:none;
}
.sidebar .sidebar-nav>li>a:focus {
    text-decoration:none;
}
li.divide{border-bottom: 1px solid white;}


.sidebar-nav>li>.nav-item>em, .sidebar-nav>li>a>em {
    width: 1.8em;
    display: inline-block;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: inherits;
}

.sidebar-nav > li > a > em, .sidebar-nav > li > .nav-item > em {
    color: inherits;
}


@media (min-width: 768px) {
  .wrapper .footer-container, .wrapper .section-container {
      margin-left: 220px;
  }
}

.wrapper .section-container {
    transition: margin-left .2s cubic-bezier(.35,0,.25,1);
}



.content-wrapper {
  padding:12px 20px 20px 20px;
}



@media (min-width: 768px) {
  .wrapper .footer-container, .wrapper .section-container {
      margin-left: 220px;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper > footer.footer100.inside {
      margin-left: 220px;
  }
}

footer{color:#eee;}
footer a:link{color:#20c3f3;}
footer a:visited{color:#20c3f3;}
footer a:hover{color:#20c3f3;}



/* topnavbar */

.topnavbar {
    background-color: #222;
    color: #eee;
    border-bottom: 6px solid #20c3f3;
}

.topnavbar .nav-wrapper {
    background-color: #222;
}

.topnavbar .navbar-nav > li > a, 
.topnavbar .navbar-nav > .open > a {
  color: #eee;
}

.sidebar .nav-heading {
    color: #919DA8;
}

.topnavbar form button {
  padding-top: 2px;
}

@media only screen and (min-width: 768px) {
  .topnavbar form button:hover {
      color: #20c3f3;
  }
  .topnavbar .navbar-nav > li > a:hover, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > li > a:focus, .topnavbar .navbar-nav > .open > a:focus {
      color: #20c3f3;
  }
}

.topnavbar .navbar-nav > .active > a, .topnavbar .navbar-nav > .open > a, .topnavbar .navbar-nav > .active > a:hover, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > .active > a:focus, .topnavbar .navbar-nav > .open > a:focus {
    background-color: #333;
}

.main-navigation-top-navbar {display:none;}



/* content-heading */
.content-wrapper > .content-heading, .content-wrapper .content-heading.is_stuck {
    background: #f5f5f5;
    color:#000;
    font-weight:normal;
    border-radius: 0;
}

.content-heading-inner {
    padding: 0px 0px 7px 0;
}

.content-heading a:link{color:#888;}
.content-heading a:visited{color:#888;}
.content-heading a:hover{color:#888;}



/* other */
.pagination>li>a, .pagination>li>span {
    color: #333;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #333;
    border-color: #333;
}