/**
*
* feelings Offcanvas sidebar css
*/

.sidebar-toggle-btn {
    float: right;
    margin-left: 10px;
}
.offcanvas-sidebar {
    background: #f5f5f5;
    display: block;
    height: 100%;
    max-width: 360px;
    min-width: 300px;
    overflow: auto;
    padding-bottom: 40px;
    padding-top: 80px;
    position: fixed !important;
    right: 0;
    top: 0;
    z-index: 9999;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3D(360px,0,0);
    -ms-transform: translate3D(360px,0,0);
    transform: translate3D(360px,0,0);
    -webkit-transition: visibility 1ms linear .2s,-webkit-transform .2s ease;
    transition: visibility 1ms linear .2s,-webkit-transform .2s ease;
    transition: transform .2s ease,visibility 1ms linear .2s;
    transition: transform .2s ease,visibility 1ms linear .2s,-webkit-transform .2s ease;
}
.offcanvas-sidebar-ready .offcanvas-sidebar {
    -webkit-transform: translate3D(0,0,0);
    -ms-transform: translate3D(0,0,0);
    transform: translate3D(0,0,0);
}
.sidebar-close-btn {
    cursor: pointer;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 25px;
}
.offcanvas-sidebar-ready .offcanvas-overlay {
    background: rgba(0,0,0,.7);
    content: '';
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
}
.rtl .sidebar-toggle-btn {
    float: left;
    margin-right: 10px;
}