/*!
 * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 body {
    overflow-x: hidden;
 }

/* Toggle Styles */

#wrapper {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    top: 50px;
    height: calc(100vh - 50px);
    max-width: 100%;
    overflow-x: hidden;
/*    overflow-y: hidden;
*/    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sidebar-wrapper.sidebar-left {
    transform:translate3d(-250px,0,0);
    width:250px;
}
.sidebar-wrapper.sidebar-right {
    transform:translate3d(50vw,0,0);
    width:50vw;
}
.sidebar-wrapper.sidebar-show {
    transform:translate3d(0,0,0) !important;
}
#wrapper.toggled #nav-wrapper,
#wrapper.helped #help-wrapper,
#wrapper.extended #options-wrapper {
    transform:translate3d(0,0,0);
}
.sidebar-wrapper .close {
    opacity:0.6;
    padding-right:10px;
    font-size:2em;
}

#help-wrapper {
    font-size:1.5rem;
    font-family:monospace;
}

#page-content-wrapper {
    margin-top:50px;
}

#wrapper.toggled #page-content-wrapper,
#wrapper.helped #page-content-wrapper {
    opacity:0.75;
}

/********************************************* Sidebar Styles ******************************************************/
.sidebar-right {
    right:0;
}
.sidebar-left {
    left:0;
}
.sidebar-content {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 0 10px;
}
.sidebar-content.help-content,
.sidebar-content.option-content {
    top: 25px;
    padding: 0 15px;
}
.sidebar-content h2:first-child {
    margin-top:0;
}
.sidebar-content .sidebar-heading {
}
    .sidebar-content .sidebar-heading span {
        margin-right:15px;
        cursor:pointer;
    }



.sidebar-content-header {
    display:flex;
}
.sidebar-content-body {
    position:absolute;
    top:80px;
    bottom:0;
    width:100%;
    transition: all .3s ease-out;
    overflow-y: scroll;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}
.sidebar-nav {
}

.sidebar-nav li {
    font-size:14px;
    line-height:1;
    text-indent:10px;
    line-height:2;
    text-transform:uppercase;
    text-shadow:none;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    padding: 4px 0px;
    border-left:5px solid transparent;
}
    .sidebar-nav li a i {
        padding-right: 4px;
        color: #b8935e;
    }
.sidebar-nav li a:hover {
    text-decoration: none;
    border-left:5px solid #fff;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}
.sidebar-nav li .badge {
    text-indent: initial;
    margin-left: 5px;
}
.sidebar-nav > .sidebar-brand {
    min-height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a:hover {
    background: none;
}

@media(max-width:768px){
    .sidebar-wrapper {
        width: 100%;
        overflow-y:scroll;
    }
}

@media(min-width:768px) {

    #wrapper.toggled {
        padding-left: 0;
    }
    
    #wrapper.helped {
        padding-right: 0;
    }

    .sidebar-wrapper {
        width: 300px;
    }

    #wrapper.toggled #sidebar-wrapper {
    }

    #page-content-wrapper {
        padding: 0 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

    #wrapper.helped #page-content-wrapper {
        position: relative;
        margin-left: 0;
    }
    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 10px;
        padding-left: 10px;
    }

}

#wrapper.toggled #nav-wrapper {
    transform:translate3d(0,0,0);
}
@media(max-width:768px) {
    .sidebar-wrapper.sidebar-right {
        width: 100vw;
        transform: translate3d(100vw,0,0);
    }
}
@media(max-width:1024px) {
    .sidebar-wrapper.sidebar-right {
        width: 60vh;
        transform: translate3d(60vh,0,0);
    }
}
@media(max-width:1400px) {
    .sidebar-wrapper.sidebar-right {
        width: 700px;
        transform: translate3d(700px,0,0);
    }
}


.dark-background {
    background-color:#000;
    color:#fff;
}
    .dark-background h2 {
        color: #738893;
    }
    .dark-background .well {
        background-color: rgba(161, 161, 161, 0.2);
        border: none;
        color: #eee;
    }
    .dark-background .page-preview > a {
        color: #eee;
    }
    .dark-background table.table-hover > tbody > tr:hover {
        background-color: rgba(161, 161, 161, 0.2);
    }
    .dark-background .table tr.success td,
    .dark-background .table .bg-success,
    .dark-background .table tr.warning td,
    .dark-background .table .bg-warning,
    .dark-background .table tr.danger td,
    .dark-background .table .bg-danger {
        color: #000;
    }
    .dark-background .sidebar-nav li {
        color: #9097ae;
    }
        .dark-background .sidebar-nav li a {
            color: #eee;
        }
            .dark-background .sidebar-nav li a:hover,
            .dark-background .sidebar-nav li i:hover {
                color: #fff;
                font-weight: 400;
            }
            .dark-background .sidebar-nav li a:hover {
                background: rgba(255,255,255,0.2);
            }
        .dark-background .sidebar-nav li.badge {
            background-color: #d22b2b;
        }
    .dark-background .sidebar-brand a {
        color: #999999;
    }
    .dark-background .sidebar-brand a:hover {
        color: #fff;
    }

.sidebar-content .bootstrap-select .dropdown-menu {
    max-width: 100%;
}