.side-bar{
    width: 40px;
    height:auto;
    background: #e43;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #f0f0f0;
}

/* Custom styles */

.side-bar.sticky{
    position: fixed;
}

.side-bar.shadow{
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.side-bar.top-left{
    top: 10%;
    left: 0px;
}

.side-bar.top-right{
    top: 5px;
    right: 1px;
    left: auto;
}

.side-bar.bottom-left{
    top: auto;
    bottom: 25px;
    left: -50px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.side-bar.bottom-right{
    top: auto;
    right: -50px;
    bottom: 25px;
    left: auto;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* Colors */

.side-bar.white{background: #f0f0f0; color: #555;}
.side-bar.black{background: #333;}
.side-bar.grey{background: #999;}
.side-bar.blue{background: #39d;}
.side-bar.green{background: #2c7;}
.side-bar.turquoise{background: #1b9;}
.side-bar.purple{background: #95b;}
.side-bar.red{background: #e43;}
.side-bar.orange{background: #e82;}
.side-bar.yellow{background: #ec0;}
.side-bar.bootstrap{background: #18bc9c;}

.white-tag{color:white !important;}
.pad{padding-top:5px;}
.space{margin-top: 5px;
    height: 1px;
    background-color: white;
    width: 90%;
    margin-bottom: 5px;}

.x30-logo{
    width:40px;
    height:40px;
    background: url("images/a30x30.png") no-repeat center;
}

.white-tag:hover{
    color:#2c3e50 !important;
    cursor: pointer;
}