.sidebar.left {
    padding: 10px;
    /*-webkit-box-shadow: inset -8px 0 -2px 2px rgba(92, 92, 92, 0.30);
    -moz-box-shadow: inset -8px 0 -2px 2px rgba(92, 92, 92, 0.30);
    box-shadow: inset -8px 0 8px -2px rgba(92, 92, 92, 0.30);*/
}

.sidebar.right {
    padding: 10px;
    /*-webkit-box-shadow: inset 8px 0 -2px 2px rgba(92, 92, 92, 0.30);
    -moz-box-shadow: inset 8px 0 -2px 2px rgba(92, 92, 92, 0.30);
    box-shadow: inset 8px 0 8px -2px rgba(92, 92, 92, 0.30);*/
}

.sidebar {
    height: 100%;
    overflow-y: auto;
    top: 40px;
}

.sidebar-init-hidden {
    display: none;
}

.sidebar.dragging {
    overflow-y: hidden;
}

.sidebar.right.dragging {
    -webkit-box-shadow: -3px 0px 7px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -3px 0px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -3px 0px 7px 0px rgba(0, 0, 0, 0.75);
}

.sidebar.left.dragging {
    -webkit-box-shadow: 3px 0px 7px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 0px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 0px 7px 0px rgba(0, 0, 0, 0.75);
}

.low-brightness {
    width: 100%;
    height: 1024px;
    background-color: #000;
    position: fixed;
    z-index: 150;
    opacity: 0.7;
    display: none;
}

.no-scroll {
    overflow-y: hidden;
}

.side-panel {
    position: fixed;
    vertical-align: top;
    top: 40px;
    width: 100%;
    z-index: 200;
    background-color: #fff;
}

.slide-tabs-control {
    display: none;
}

@media only screen and (max-width: 768px) {

    html body {
        margin-top: 40px;
    }

    .slide-tabs-control {
        width: 100%;
        display: block;
        top: 0;
        position: fixed;
        height: 40px;
        border: medium none;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        background-color: #fff;
        z-index: 201;
        border-bottom: 1px solid #E8E8E8;
    }

    .slide-tabs-control .tab-button-3 {
        width: 33.33333%;
        vertical-align: top;
        display: inline-block;
        height: 100%;
        background-color: #fff;
        z-index: 201;
    }

    .slide-tabs-control .tab-button-2 {
        width: 50%;
        vertical-align: top;
        display: inline-block;
        height: 100%;
        background-color: #fff;
        z-index: 201;
    }

    .slide-tabs-control .tab-button-1 {
        width: 100%;
        vertical-align: top;
        display: inline-block;
        height: 100%;
        background-color: #fff;
        z-index: 201;
    }

    .slide-tabs-control .tab-button-3 > *,
    .slide-tabs-control .tab-button-2 > *,
    .slide-tabs-control .tab-button-1 > * {
        display: inline-block;
        height: 100%;
    }

    .slide-tabs-control .tab-button-3 a.left-tab-icon,
    .slide-tabs-control .tab-button-2 a.left-tab-icon,
    .slide-tabs-control .tab-button-1 a.left-tab-icon {
        background-image: url("../assets/icons/left-grey.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25px 25px;
    }

    .slide-tabs-control .tab-button-3 a.right-tab-icon,
    .slide-tabs-control .tab-button-2 a.right-tab-icon,
    .slide-tabs-control .tab-button-1 a.right-tab-icon {
        background-image: url("../assets/icons/right-grey.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25px 25px;
    }

    .slide-tabs-control .tab-button-3 a.middle-tab-icon,
    .slide-tabs-control .tab-button-2 a.middle-tab-icon,
    .slide-tabs-control .tab-button-1 a.middle-tab-icon {
        background-image: url("../assets/icons/home-grey.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25px 25px;
    }

    .slide-tabs-control .tab-button-3 a.left-tab-icon:hover,
    .slide-tabs-control .tab-button-2 a.left-tab-icon:hover,
    .slide-tabs-control .tab-button-1 a.left-tab-icon:hover {
        background-image: url("../assets/icons/left-green.png");
    }

    .slide-tabs-control .tab-button-3 a.right-tab-icon:hover,
    .slide-tabs-control .tab-button-2 a.right-tab-icon:hover,
    .slide-tabs-control .tab-button-1 a.right-tab-icon:hover {
        background-image: url("../assets/icons/right-green.png");
    }

    .slide-tabs-control .tab-button-3 a.middle-tab-icon:hover,
    .slide-tabs-control .tab-button-2 a.middle-tab-icon:hover,
    .slide-tabs-control .tab-button-1 a.middle-tab-icon:hover {
        background-image: url("../assets/icons/home-green.png");
    }

    .slide-tabs-control .tab-button-3.active-content a.left-tab-icon,
    .slide-tabs-control .tab-button-2.active-content a.left-tab-icon,
    .slide-tabs-control .tab-button-1.active-content a.left-tab-icon {
        background-image: url("../assets/icons/left-green.png");
    }

    .slide-tabs-control .tab-button-3.active-content a.right-tab-icon,
    .slide-tabs-control .tab-button-2.active-content a.right-tab-icon,
    .slide-tabs-control .tab-button-1.active-content a.right-tab-icon {
        background-image: url("../assets/icons/right-green.png");
    }

    .slide-tabs-control .tab-button-3.active-content a.middle-tab-icon,
    .slide-tabs-control .tab-button-2.active-content a.middle-tab-icon,
    .slide-tabs-control .tab-button-1.active-content a.middle-tab-icon {
        background-image: url("../assets/icons/home-green.png");
    }

    .slide-tabs-control .tab-button-3.active-content,
    .slide-tabs-control .tab-button-2.active-content,
    .slide-tabs-control .tab-button-1.active-content {
        background-color: #EDEDED;
    }

    .slide-tabs-control .tab-button-3 a,
    .slide-tabs-control .tab-button-2 a,
    .slide-tabs-control .tab-button-1 a {
        -moz-user-select: none;
        cursor: pointer;
        display: inline-block;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        vertical-align: top;
        width: 100%;
    }

    .tab-button-3,
    .tab-button-2,
    .tab-button-1 {
        text-align: center;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
    }

    .tab-button-3 + .tab-button-3,
    .tab-button-2 + .tab-button-2,
    .tab-button-1 + .tab-button-1{
        border-left: 1px solid #E8E8E8;

    }
}