.start-edit-panel {
    background:url(../img/fade_w.png);
    color: #fff;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 30%;
    transition: all 0.5s ease 0s;
    z-index: 2147483647;    
}

.start-edit-panel h3 {
    background-color: #919191;
    left: 0;
    margin-top: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.start-edit-panel .nav-stacked li {
    background-color: transparent;
    border: 1px solid #0079ff;
    border-radius: 3px;
}

.start-edit-panel.left {
    left: -30%;
    right: auto;
    box-shadow: -5px 0 5px #111 inset;
}

.start-edit-panel.left.open {
    right:auto;
    left: 0;
}

.start-edit-panel.right {
    right: -30%;
    left: auto;
    box-shadow: -2px 5px 5px #cdcdcd;
}

.start-edit-panel.right.open {
    right: 0;
    left: auto;
}

.start-edit-panel .inner {
    height: 100%;
    overflow-y: scroll;
    padding: 55px 10px 10px;
}

.start-edit-panel .inner li a{
    color: #0079ff;
    padding: 10px;
    font-size: 16px;
}

.start-edit-panel .pill {
    background:url(../img/fade_w.png);
    color: #0079ff;
    font-size: 25px;
    padding: 5px 11px;
    position: absolute;
    top: 40%;
}

.start-edit-panel.left .pill {

    top: 30%;
}

.start-edit-panel.right .pill {
    left: -48px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: -2px 5px 5px #cdcdcd;
}

.start-edit-panel.left .pill {
    right: -46px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 3px 2px 3px #999;
}

.panel-edit-access {
    background-color: #222;
    border: 1px solid #111;
    padding: 10px;
}


.start-edit-panel .panel {
    background: transparent none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.start-edit-panel .panel-default > .panel-heading {
    background-color: #ccc;
    border-color: transparent;
    color: #555;
}

.start-edit-panel .panel-body {
    background:url(../img/fade_w.png);
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #0079ff; none repeat scroll 0 0;
    color: #fff;
}

@media (max-width: 990px) { 
    .start-edit-panel {
        width: 40%;
    }

    .start-edit-panel.left {
        left: -40%;
    }

    .start-edit-panel.right {
    right: -40%;
    }
}

@media (max-width: 780px) {
    .start-edit-panel {
        width: 90%;
    }

    .start-edit-panel.left {
        left: -90%;
    }

    .start-edit-panel.right {
    right: -90%;
    }

    .start-edit-panel.left .pill {
    top: auto;
    bottom: 0; 
    } 

    .start-edit-panel.right .pill {
    top: auto;
    bottom: 20px; 
    } 
}

@media (max-width: 480px) {
    .start-edit-panel {
        width: 100%;
    }

    .start-edit-panel.left {
        left: -100%;
    }

    .start-edit-panel.right {
    right: -100%;
    }
}