@media only screen and (max-width:750px)
{
    #sidebar
    {
        position: fixed;
        top: 186px !important;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
   
}

@media only screen and (max-width:550px)
{
    #sidebar
    {
        position: fixed;
        top: 234px !important;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        cursor: pointer;
    }
 

  
}

#sidebar
{
    position: fixed;
    top: 189px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

    #sidebar[data-position="right"]
    {
        right: -352px;
    }

        #sidebar[data-position="right"].open
        {
            -webkit-transform: translate3d(-350px, 0, 0);
            transform: translate3d(-350px, 0, 0);
        }

        #sidebar[data-position="right"] .icons
        {
            float: left;
        }

    #sidebar[data-position="left"]
    {
        left: -350px;
    }

        #sidebar[data-position="left"].open
        {
            -webkit-transform: translate3d(350px, 0, 0);
            transform: translate3d(350px, 0, 0);
        }

        #sidebar[data-position="left"] .icons
        {
            float: right;
        }

    #sidebar .icons
    {
        width: 50px;
        float: left;
        min-height: 1px;
    }

        #sidebar .icons .icon
        {
            background-color: #00A298;
            margin-bottom: 5px;
        }

            #sidebar .icons .icon:hover
            {
                background-color: #00A298;
            }

            #sidebar .icons .icon:last-child
            {
                margin-bottom: 0px;
            }

            #sidebar .icons .icon.active
            {
                background-color: #00A298;
            }

            #sidebar .icons .icon span
            {
                margin: 0.34em;
                color: white;
                font-size: 1.5em;
            }

            #sidebar .icons .icon img
            {
                width: 40px;
                margin: 5px;
            }

    #sidebar .contents
    {
        width: 350px;
        height: 380px;
        float: left;
        border:1px solid #00A298;
        overflow-y: auto;
        overflow-x: hidden;
        background-color:white !important;
    }

        #sidebar .contents .content
        {
            /*padding: 5px 25px 25px 25px;*/
            /*color: white;*/
        }

            #sidebar .contents .content.hide
            {
                display: none;
            }

            #sidebar .contents .content.show
            {
                display: block;
            }

            #sidebar .contents .content h3
            {
                color: white;
            }

            #sidebar .contents .content ul
            {
                list-style-type: none;
                padding: 0;
                margin-top: 10px;
            }

                #sidebar .contents .content ul li
                {
                    margin-bottom: 15px;
                }

                    #sidebar .contents .content ul li:last-child
                    {
                        margin-bottom: 0px;
                    }

            #sidebar .contents .content img
            {
                max-width: 100%;
            }

/*# sourceMappingURL=sidebar.css.map */


@media only screen and (max-width:750px)
{
    #sidebarunlock
    {
        position: fixed;
        top: 186px !important;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        right: 0px;
        background-color: #00A298;
        cursor:pointer;
    }
     /*#sidebar[data-position="right"]
    {
        right: -330px;
    }*/
}

@media only screen and (max-width:550px)
{
    #sidebarunlock
    {
        position: fixed;
        top: 234px !important;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
         right: 0px;
         background-color: #00A298;
         cursor:pointer;
    }
}

#sidebarunlock
{
    position: fixed;
    top:189px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
     right: 0px;
     /*right:14px;*/
     background-color: #00A298;
     cursor:pointer;
}