body {
    padding-top: 60px;
    padding-bottom: 40px;
}

.zf-green {
    color: #68b604;
}

.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

.btn-success:active, .btn-success.active {
  background-color: #57a900;
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

.sticky-top-tags, .sticky-top-links {
    position: fixed;
    z-index: 99;
}
@media screen and (min-width : 993px) {
    .topOrSide {
        display: block;
    }
}
@media screen and (max-width : 992px ) {
    img {
        border-radius: 50%;
    }
    .sticky-top-tags, .sticky-top-links {
        left: 0;
        right: 0;
        padding-left: 22px;
        color: #fff;
        /* background-color: red; */
        background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
        background-repeat: repeat-x;
    }
    #copyright {
        padding-left: 10px;
        display: inline-block;
    }
}