/*!

 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)

 * Code licensed under the Apache License v2.0.

 * For details, see http://www.apache.org/licenses/LICENSE-2.0.

 */



 /* Toggle Styles */



 #wrapper {

    padding-left: 0;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    overflow: hidden;

}



#wrapper.toggled {

    padding-left: 250px;

    overflow: hidden;

}



#sidebar-wrapper {

    z-index: 1000;

    position: absolute; 

    left: 250px;

    width: 0;

    min-height: 2288px;

    height: 100%;

    margin-left: -250px;

    overflow-y: auto;

    background: #000;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

#wrapper.toggled #sidebar-wrapper {

    width: 250px;

}



#page-content-wrapper {

    position: absolute;

    padding: 10px;

    width: 100%;  

    overflow-x: hidden; 

}

.xyz{

    min-width: 360px;

}

#wrapper.toggled #page-content-wrapper {

    position: relative;

    margin-right: 0px; 

}

.fixed-brand{

    width: auto;

}

/* Sidebar Styles */



.sidebar-nav {

    position: absolute;

    top: 0;

    width: 250px;

    margin: 0;

    padding: 0;

    list-style: none;

    margin-top: 2px;

}



.sidebar-nav li {

    text-indent: 15px;

    line-height: 40px;

}



.sidebar-nav li a {

    display: block;

    text-decoration: none;

    color: #999999;

}



.sidebar-nav li a:hover {

    text-decoration: none;

    color: #fff;

    background: rgba(255,255,255,0.2);

    border-left: red 2px solid;

}



.sidebar-nav li a:active,

.sidebar-nav li a:focus {

    text-decoration: none;

}



.sidebar-nav > .sidebar-brand {

    height: 65px;

    font-size: 18px;

    line-height: 60px;

}



.sidebar-nav > .sidebar-brand a {

    color: #999999;

}



.sidebar-nav > .sidebar-brand a:hover {

    color: #fff;

    background: none;

}

.no-margin{

    margin:0;

}



@media(min-width:768px) {

    #wrapper {

        padding-left: 250px;

    }

    .fixed-brand{

        width: 250px;

    }

    #wrapper.toggled {

        padding-left: 0;

    }



    #sidebar-wrapper {

        width: 250px;

    }



    #wrapper.toggled #sidebar-wrapper {

        width: 250px;

    }

    #wrapper.toggled-2 #sidebar-wrapper {

        width: 50px;

    }

    #wrapper.toggled-2 #sidebar-wrapper:hover {

        width: 250px;

    }





    #page-content-wrapper {

        padding: 10px;

        position: relative;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        transition: all 0.5s ease;

    }



    #wrapper.toggled #page-content-wrapper {

        position: relative;

        margin-right: 0;

        padding-left: 250px;

    }

    #wrapper.toggled-2 #page-content-wrapper {

        position: relative;

        margin-right: 0;

        margin-left: -200px;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        transition: all 0.5s ease;

        width: auto;



    }

}