html, body {
    position: relative;
    height: 100%;
}
div#container {
    display: flex;
    position: relative;
    min-height: 100%;
}
div#leftside {
    width: 300px;
    background: #000;
    color: #FFF;
}
div#rightside {
    width: 100%;
}
div#rs_hldr{
	padding:20px;
}
div#headnav {
    padding: 20px;
    background: #d1cfcf;
    text-align:center;
}
div#headnav img {
    width: 160px;
    max-width: 80%;
}
#nav_hldr ul {
    list-style: none;
    padding: 0;
    margin-top: 10px;
}
#nav_hldr > ul{
    margin-top:20px;
}
#nav_hldr ul li {
    padding: 10px 20px;
}
#nav_hldr ul a {
    color: #FFF;
    text-decoration: none;
}
div#linkunderbtn {
    text-align: center;
    margin-top: 15px;
}
div#linkunderbtn a{
	color:#000;
}

.dataTables_length, .dataTables_filter {
	margin-bottom:20px;
}
body table.dataTable.no-footer {
    border-bottom: 1px solid #9d9b9b;
}
body table.dataTable thead th,
body table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #b3b0b0;
}
table.dataTable{
	border-top:1px solid #9d9b9b;	
}
.title_hldr {
    margin-bottom: 40px;
    display: flex;
	align-items: center;
}
.ttl_1 {
    font-size: 30px;
    display: inline-block;
    margin-right: 20px;
    font-weight: bold;
}
.user_form_btn{
	color:#FFF;
	text-decoration:none;
}
.user_form_btn:hover{
	color:#a1a1a1;
}

#nav_hldr li.active {
    /* background: #4c4c4c; */
}
li.haschild > div {
    display: flex;
    align-items: center;
    cursor: pointer;
}
li.haschild > div > div {
    width: 100%;
}
li.haschild > ul {
    display: none;
}
li.haschild.active > ul{
    display:block;
}
div#mob_bar {
    display: none;
    background: #d1cfcf;
    padding: 20px;
    align-items: center;
}
div#mob_bar img {
    width: 200px;
    max-width: 50%;
}
div#mob_bar > div:last-child {
    width: 100%;
    text-align: right;
}
i#mob_menu {
    font-size: 24px;
    cursor: pointer;
}
div#headnav{
    position:relative;
}
div#mob_nav_close {
    border: 2px solid #000;
    border-radius: 50%;
    color: #000;
    font-weight: bold;
    width: 20px;
    height: 20px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    line-height: 1;
}

@media (max-width:500px){
    
    body div#mob_bar{
        display:flex;
    }
    div#leftside {
        display: none;
        position: fixed;
        width: 100%;
        z-index:99;
    }
    div#mob_nav_close {
        display:flex;
    }
}