#sidebar {min-width: 270px; max-width: 270px;padding: 0 15px; position: relative; background: #007c3d; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: calc(100vh - 64px);display: table-cell; vertical-align: top;}
#sidebar.active {min-width: 60px; max-width: 60px; text-align: center; padding: 0;}
#sidebar.active ul.components li {font-size: 14px; }
#sidebar.active ul.components li a {padding: 10px 0; }
#sidebar.active ul.components li a span {margin-right: 0;display: block;font-size: 24px; }
#sidebar #sidebarCollapse{position: absolute;right: -29px;top: 0;border: none;outline: 0 !important; border-radius: 0 3px 3px 0;background-color: #b21530;}
#sidebar.active #sidebarCollapse .fa-angle-left{transform: rotate(180deg);}

#sidebar .logo {display: block; color: #fff; font-weight: 900; padding: 10px 30px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
@media (prefers-reduced-motion: reduce) {
  #sidebar .logo {-webkit-transition: none; -o-transition: none; transition: none; } 
}

#sidebar ul.components {padding:20px 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
@media (prefers-reduced-motion: reduce) {
  #sidebar ul.components {-webkit-transition: none; -o-transition: none; transition: none; }
}

#sidebar ul li {font-size: 16px; list-style: none;}
#sidebar ul li > ul {margin-left: 10px; }
#sidebar ul li > ul li {font-size: 14px; }
#sidebar ul li a {padding: 10px;display: block; color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400;text-decoration: none;transition: 0.3s;position: relative;}
#sidebar ul li a:hover{background: #12ca2d;}
#sidebar ul > li > a.dropmenu.collapsed:after{transform: rotate(180deg);}
#sidebar ul > li > a.dropmenu:after{font-family:FontAwesome;content: "\f106"; color: #fff; font-size: 13px; position: absolute; right: 10px;}
#sidebar.active ul li a{border: none;}
#sidebar ul > li > a.dropmenu[aria-expanded="true"]{background: #12ca2d;}
#sidebar .panel-collapse {padding: 0 10px; background: #32b906;}
#sidebar.active ul > li > a.dropmenu:after{display: none;}

#sidebar ul li a span { margin-right: 15px; }
@media (max-width: 991.98px) {
  #sidebar ul li a span {display: block; } 
}

#sidebar ul li a:hover {color: #fff; }
#sidebar ul li.active > a {background: transparent; color: #fff; }
@media (max-width: 991.98px) {
  #sidebar {min-width: 80px; max-width: 80px; text-align: center; margin-left: -80px !important; }
  #sidebar.active {margin-left: 0 !important; } 
}

a[data-toggle="collapse"] {position: relative; }
.dropdown-toggle::after {display: block; position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 991.98px) {
  #sidebarCollapse span {display: none; } 
}

#content {width: 100%; padding: 0; min-height: 100vh; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#sidebar.active ul.components li a abbr{display: none;}