.home-all-section {
    position: absolute;
    width: 100%;
    height: 100%;
}

.header-section {
    height: 15%;
    width: 100%;
}

/* INDEX */
.header-img {
    max-width: 100%;
    max-height: 100%;
}

.header-section-mitra {
    height: 15%;
    width: 20%;
    position: absolute;
    left: 0px;
    background-color: transparent;
}

.header-mitra {
    text-align: center;
    height: 65%;
    margin-top: 15px;
}

.header-section-amipur{
    height: 15%;
    width: 80%;
    position: absolute;
    right: 0px;
    background-color: transparent;
}

.header-amipur{
    text-align: right;
    width: 125px;
    margin-top: 35px;
    margin-left: 8px;
}

.left-section {
    overflow: auto;
    width: 20%;
    height: 60%;
    position: absolute;
    left : 0px;
    /*margin-right: 15px;*/
    overflow-x: hidden;
    top: 40%;
}

.info-left-header{
	width: 20%;
	height : 25%;
	position: absolute;
	overflow-x :hidden;
	
}

.info-section {
	
	/* arini 
    top: 20%;
    /*position: absolute;*/
    
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    
    /*position: absolute;*/
}

.info-logo {
    height:70px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.info-user {
    /*font-family: "Abel";*/
    font-size: initial;
}

.info-cabang {
    /*font-family: "Abel";*/
    font-size: smaller;
}

.info-logout {
    margin-top:5px;
    /*font-family: "Abel";*/
    font-size: smaller;
    color: red
}

.left-separator {
 
}

.menu-section {
    /*top: 25%;
    position: relative;*/
    /*font-family: "Abel";*/
    font-size: initial;
}

.main-section {
    width: 80%;
    position: absolute;
    right : 0px;
    height: 85%;
}

.main-panel {
    border-radius: 10px;
    position: absolute;
    overflow: auto;
    left: 10px;
    right: 10px;
    top: 1px;
    height: 96%;
    /*bottom: 10px;*/
    background-color: #ffffff;
}

.main-panel-inner {
    position: absolute;
    /*width: 100%;*/
    height: 100%;
    left: 30px;
    right: 30px;
    top: 30px;
    bottom: 30px;
}

.footer-section{
    width: 80%;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0.5%;
    font-size: smaller;
    color: #ffffff;
    font-family: "Jenius Sans";
}

.main-view {
    position: relative;
    width: 100%;
    height: 100%;
}

.main-separator {
    border-bottom: 2px solid whitesmoke;
    margin-bottom: 30px;
    width: 100%;
    font-size: 25px;
}

/*tree style*/
.treeviewmenu .list-group-item {
    cursor: pointer;
}

.list-group-item {
	color: inherit;
}

.treeviewmenu span.indent {
    margin-left: 7.5%;
    margin-right: 0px;
}

span.icon.expand-icon.bi.bi-dash, span.icon.expand-icon.bi.bi-plus{
    -webkit-text-stroke: 2px;
    margin-right: 0px;
}

.treeviewmenu span.icon {
    margin-right: 5px;
    width: 12px;
}

.treeviewmenu .node-header {
    background-color: silver;
}

.treeviewmenu .node-disabled {
    color: silver;
    cursor: not-allowed;
}

.treeviewmenu .node-selected {
    color: #000;
    background-color: lightgray;
}

.treeviewmenu .node-selected:hover {
    color: #000;
    background-color: darkgray;
}

.node-tree.theme {
    border: medium none;
    background: transparent;
    
}

.node-tree.theme:hover:not(.node-selected) {
    color: #000;
    background-color: #a0a0a0;
}

/* for themes */
/*.header-section.theme {
     background-color: red;
}*/
/*.navbar.theme {
    background-color: white;
}

.main-section.theme {
    background-color: #E12F2F;
}

.left-section.theme {
    font-family: "Jenius Sans";
    font-size: 12px;
    color:black;
    background-color: white;
    border-right: 2px solid whitesmoke;
    border-top: 2px solid whitesmoke ;
}

.left-separator.theme {
    border-bottom: 1px solid ;
}

.main-separator.theme {
    font-family: "Jenius Sans";
}

.main-view.theme {
    font-family: "Jenius Sans";
    font-size: 12px;
}*/