@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
    position: fixed;
    min-width: 290px;
    max-width: 290px;
    height:90%;
    display:none;
    background: #fff;
    color: #fff;
    transition: all 0.3s;
    z-index: 999;
    top: 0px;
    right:0px;
    overflow-x: hidden;
}
#sidebar .row img
{
    transform: rotate(90deg);
    margin-top: 30px;
}
#sidebar .row
{
    color:#000;
}
#sidebar.active {
    margin-left: -250px;
    display:block;
    transition:all 0.2s;
}

#sidebar .sidebar-header {
    padding: 4px;
    background: #1faaee;
    color:#fff;
    font-size: 30px;
}

.sidebar-header p
{
    color:#fff;
    font-size: 16px;
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}