.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 90px 0 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
    z-index: 99;
}

.sidebar .nav-link {
    color: #333;
}

    .sidebar .nav-link.active {
        color: #0d6efd;
    }

.item-align-middle {
    padding-top: 12px;
    padding-bottom: 12px;
}

.px-btn {
    padding-left: 6px;
    padding-right: 6px;
}

.sz-btn {
    font-size: 24px;
}

.sz-btn-sm {
    font-size: 18px;
}

.px-btn-sm {
    margin-top:4px !important;
    margin-bottom:-7px !important;
}

.cur-ptr {
    cursor: pointer;
}

.img-pic {
    width:40px;
    height:40px;
    margin:2px;
}

.nav-title-admin {
    color:goldenrod;
}

.nav-title-user {
    color:silver;
}

.item-light {
    background-color:#F6F8FA;
}

.bg-silver {
    background-color: silver;
}

.bg-custom {
    background-color: #343A40;
}

.bg-item-liff {
    background-color: #e3f2fd;
}

.row-0{
    margin-left:0px;
    margin-right:0px;
 
    > div{
        padding-right:0px;
        padding-left:0px;
    }
}
.row-10{
    margin-left:-5px;
    margin-right:-5px;
 
    > div{
        padding-right:5px;
        padding-left:5px;
    }
}
.row-20{
    margin-left:-10px;
    margin-right:-10px;
 
    > div{
        padding-right:10px;
        padding-left:10px;
    }
}
.row-30{
    margin-left:-15px;
    margin-right:-15px;
 
    > div{
        padding-right:15px;
        padding-left:15px;
    }
}
.row-40{
    margin-left:-20px;
    margin-right:-20px;
 
    > div{
        padding-right:20px;
        padding-left:20px;
    }
}