.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 5px;
}
.sidebar-menu>li>a {
    padding: 12px 5px 12px 15px;
    display: block;
}
aside.main-sidebar {
	background-color: #FFF!important;
	position: relative;
	padding-top:0;
	width:100%;
}

.sidebar-menu>li:hover>a {
	background: gainsboro!important;
	color: #000!important;
}
.sidebar-menu>li.active>a {
	background: black!important;
	color: white!important;
}
.sidebar-menu>li>a>i {
  margin-top: 1px;
}
.sidebar-menu>li.active>a>span {
    color: white!important;
}
.sidebar-menu>li.active>a>i.fa-angle-left {
  display: none;
}
.sidebar-menu>li>a>i.fa-angle-down{
  display: none;
}
.sidebar-menu>li.active>a>i.fa-angle-down{
  display: block;
}
.sidebar-menu>li>.treeview-menu {background: #FFF!important;overflow: hidden;}

.sidebar a {color: black!important;overflow: hidden;}

.treeview-menu>li>a {
    padding: 5px 5px 5px 15px;
    display: block;
    font-size: 14px;
}
li.treeview._province.active>a {
    color: #42210b!important;
}
.sidebar-menu>li.header {
	/* background-color: grey!important; */
	color: white!important;
}

.sidebar-menu>li.treeview {
	/* border-bottom: 1px solid black */
}
.sidebar-form input[type="text"], .sidebar-form .btn {
	background-color: white!important;
}
.sidebar-menu li>a:after {
	/* content: ""; */
	width: 100%;
	border-bottom: 1px solid black;
	position: absolute;
	bottom: 0;
	left: 6px;
}
.main-sidebar .user-panel{
	background-color: #ADADAD;
}
.triangle-up-left:after {
   	content: "";
	display: block;
	width: 0;
	height: 0;
	margin-left: -45px;
	border-bottom: 55px solid transparent;
	border-left: 55px solid #0C0C0C;
	position: absolute;
	top: 0;
}
.sidebar{
    background-color: #ffffff;
    margin-top: 15px;
}
.sidebar-form {
	margin: 10px 0px!important;
}
ul.treeview-menu {
	max-height: 300px;
	/*overflow-y: scroll!important;*/
}
body.sidebar-opener {
    overflow: hidden;
    height: 100vh;
}
.wrapper:before {
	content: "";
    position: absolute;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
	visibility:hidden;
}
.sidebar-opener .wrapper:before {
	visibility:visible;	
}
@media (max-width: 767px){
	.main-sidebar, .left-side {
		-webkit-transform: translate(-260px, 0);
		-ms-transform: translate(-260px, 0);
		-o-transform: translate(-260px, 0);
		transform: translate(-260px, 0);
		position: fixed!important;
		width: 260px!important;
		min-height:0!important;
		height:100vh;
		padding: 0 10px;
		box-shadow: inset -4px 0px 10px -5px;
		overflow-y: scroll;
	}	
}
.skin-black-light .sidebar-menu>li.active {
    border-left-color: #fff;
}
li.treeview.province.active a span, li.treeview.province.active a i {
    color: #c3bfbf;
}
.card-box {
  min-height: 160px;
  background-color: white;            
  margin-bottom: 15px;
}

.card-box .card-header {
  padding: 10px;
  padding-bottom: 0px;
  font-size: 20px;
}
.card-box .card-header>.card-title {
  border-bottom: 1px solid black;
  padding-bottom: 5px;            
}

.card-box .card-header>.card-title {
  border-bottom: 1px solid;
  padding-bottom: 5px;
}
.card-box .card-body {
  padding: 10px;
}

.section-content {
  background-color: #F1F1F1;
  padding: 15px 0;
}
#pagination.pagination {
    margin: 10px 0;
    margin-top: 0px;
}