/*@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Slabo+27px');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700');

a, a:hover, a:focus{outline:none; text-decoration:none;}

.exchange.card .group-info {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 42px;
}

.exchange.card .group-info figure.profile {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
}

.exchange.card figure.profile img {
    width: 30px;
    height: 30px;
}

.menu-group {
    padding-top: 0;
    /*float: right;*/
}
.right {
    float: right;
}
.left {
    float: left;
}
.accordion .card-header {
    padding-right: 5px;
}
.accordion .card-header button{
    top: -5px;
}
.accordion .card-block {
    padding: 7px;
}
i.glyphicon {
    display: inline-block;
    border: 2px dashed #9d9d9d;
    color: #7d7d7d;
    padding: 6px;
    border-radius: .3em;
    font-size: 1.2em;
}
i.glyphicon-remove:hover {
    color: #b6581f;
    border: 2px solid #db6121;
    box-shadow: 0 0 0.3em #ffa781;
}
i.glyphicon-remove.active {
    color: #b6581f;
    border: 2px solid #db6121;
    box-shadow: 0 0 0.3em #ffa781;
}
i.glyphicon-ok:hover {
    color: #68d551;
    border: 2px solid #68d551;
    box-shadow: 0 0 0.3em #b2ffa3;
}

i.glyphicon-ok.active {
    color: #68d551;
    border: 2px solid #68d551;
    box-shadow: 0 0 0.3em #b2ffa3;
}

i.glyphicon-info-sign {
    border:none;
    font-size: 1.8em;
    color: #195C9D;
    text-shadow: 0 0 0.3em #f2f3ff;;
}

i.glyphicon-eye-open.active {
    color: #195C9D;
    border: 2px solid #c15d22;
    box-shadow: 0 0 0.3em #c15d22;
}
i.glyphicon-eye-open:hover {
    color: #195C9D;
    border: 2px solid #c15d22;
    box-shadow: 0 0 0.3em #c15d22;
}
i.glyphicon-share {
    padding-left: 10px;
    padding-right: 10px;
}
i.glyphicon-share:hover{
    /*padding-left: 0.8em;*/
    color: #d39e00;
    border: 2px solid #1693c1;
    box-shadow: 0 0 0.3em #75a1d9;
}
@media screen and (max-width: 991px) {
    .offer.card .card-header {
        padding-right: 40px;
        font-size: 0.9em;
    }
}