html{height:100%;}
body{height:100%;}

.sb_frame_wrap{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: row;
}
.sb_content_wrap{
    flex-grow: 1;
    background-color: #dee2e6;
    padding:10px;
    
}
.sidebar_wrap{
    background-color: #2d353c;
    position: relative;
    width:200px;
    height:100%;
    border-right:0px solid #cecece;
    color:#fff;
}

@media print
{
    .sidebar_wrap{display: none;}
}

.sidebar_wrap .logo_wrap{
    background:#22262f;
    color:white;
    cursor:pointer;
}
.sidebar_wrap .logo_wrap .title{
    font-size:14px;
    font-weight:200;
    padding:10px;
    padding-left:10px;
    display:block;
}
.sidebar_wrap .logo_wrap img.logo{
    width:30px;
    margin-bottom:10px;
}

.sidebar_wrap .logo_wrap .title .company{
    font-size:16px;
    font-weight:500;
    display:block;
}

.sidebar_wrap .user_wrap{
    display:block;
}

.sidebar_wrap .user_wrap .username{
    margin-top:10px;
    padding:10px;
    text-align:center;
}

.sidebar_wrap .user_wrap .button_wrap{
    margin:auto;
    text-align:center;
}

.sidebar_wrap .user_wrap button{
    display:inline-block;
    margin:5px;
}

.sidebar_wrap .menulist .menu-subtitle{
    margin-top:30px;
    padding-bottom:5px;
    padding-left:10px;
    border-bottom:1px solid #e4e8eb;
    font-weight:400;
    font-size:12px;
    color:#ccc;
}

.sidebar_wrap .menulist .menu-item{
    font-size:14px;
    padding:9px;
    /*border-bottom:1px solid #e4e8eb;*/
    cursor:pointer;
}

.sidebar_wrap .menulist .menu-item:hover{
    background-color: #14adea;
    color:white;
}

.sidebar_wrap .floating_btn{
    position:absolute;
    right:0px;
    bottom:10px;
    width:40px;
    height:40px;
    background-color: #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    cursor: pointer;
    font-size:20px;
    padding-top:5px;
    color:#2d353c;
    text-indent: 6px;
}

.sidebar_wrap .copyright{
    position:absolute;
    left:10px;
    bottom:20px;
    font-weight:500;
    font-size:13px;
}

.page_content_wrap{
    font-size:14px;
    padding-left:10px;
}

.page_content_wrap  table{
    font-size:14px;
}
.page_content_wrap .page_title{
    font-size:24px;
    line-height:30px;
    padding-top:14px;
    padding-bottom:6px;
}
.page_content_wrap .page_title_underline{
    background:#bbb;
    height: 1px;
    width:200px;
}

.page_content_wrap .datatable_wrap{
    width:100%;
}

.page_content_wrap .block_title{
    font-weight:400;
    font-size:12px;
    margin-top:20px;
    margin-bottom:5px;
}

.page_content_wrap .block_wrap{
    width:100%;
    border:1px solid #aaa;
    padding:10px;
}

.dt-buttons{
    margin-top:30px;
}

td button.small-button{
    display:inline-block;
    margin-right:5px;
}