﻿/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */


body {
    overflow-x: hidden;
}

#sidebar-wrapper {
    min-height: 100vh;
    margin-left: 0rem;
    /*margin-left: -17rem;*/
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}

#show-more-btn {
    margin-left: 17rem;
}

#sidebar-wrapper .motility-sidebar-wrapper {
    width: 20rem;
}

#page-content-wrapper {
    min-width: 0;
    width: 100%;
    /*width: calc(100% - 17rem);*/
}

#wrapper.toggled #show-more-btn {
    margin-left: 17rem;
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: -17rem;
}

#wrapper.toggled #page-content-wrapper {
    min-width: 0;
    width: 100%;
}


#show-more-btn {
    height: 0px;
    width: 140px;
    position: fixed;
    top: 125px;
    z-index: 1000;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}

    #show-more-btn a {
        display: block;
        background-color: transparent;
        height: 25px;
        padding-top: 8px;
        padding-bottom: 0px;
        vertical-align: top;
        width: 75px;
        text-align: center;
        font-size: 10pt;
        font-weight: normal;
        text-decoration: none;
    }

@media (min-width: 768px) {

    #sidebar-wrapper {
        margin-left: 0rem;
    }

    #page-content-wrapper {
        min-width: 0;
        width: 100%;
        /*width: calc(100% - 17rem);*/
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: -17rem;
    }

    #wrapper.toggled #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

      
}

