.right-bar-hidden {
    position: fixed;
    right: 17px;
    top: 40%;
    z-index: 9999;
    display: none;
}
.right-bar-hidden .right-bar-box {
    width: 30px;
    padding: 0;
}
.right-bar-hidden .right-bar-box #right-show{
    cursor: pointer;
}

.right-bar {
    position: fixed;
    right: 17px;
    top: 25%;
    z-index: 9999;
    display: none;
}

.right-bar #right-hide {
    cursor: pointer;
}

.right-bar-box {
    background: linear-gradient(to bottom,#8b0003, #f3ba47,#f3ba47, #8b0003 );
    width: 50px;
    height: 100%;
    color: #fff;
    box-shadow: 0 2px 3px 2px rgb(0 0 0 / 3%);
    overflow: hidden;
    padding: 5px;
    border-radius: 5px 0 0 5px;
}
.right-bar-box a {
    color: #fff;
    text-decoration: none;
}
.right-bar-box a:hover {
    color: #014d3e !important;
    text-decoration: none;
}

.right-bar-box .fa {
    font-size: 24px;
}
.right-bar-box .fa.icon-small {
    font-size: 20px;
}

.right-bar-box span {
    font-size: 10px;
}

.right-bar-box p {
    margin-top: -5px;
    margin-bottom: 0px;
}
.right-bar-box hr {
    border-color: #785a19;
}