.tag_item {
    position: relative;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
}
.edit_tag_btn {
    position: absolute; top:0px; right:20px;
    cursor: pointer;
}
.del_tag_btn {
    position: absolute; top:0px; right:4px;
    cursor: pointer;
}
.edit_tag_item:hover, .filter_tag_item:hover {
    background-color: #f8f9fa;
}
.edit_tag_item:active, .filter_tag_item:active {
    background-color: #f8f9fa;
}


.modal.left .modal-dialog, .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content, .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body, .modal.right .modal-body {
    padding: 15px 15px 80px;
}

.modal.left.fade .modal-dialog{
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
    left: 0;
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
    right: 0;
}


.badge_on_tag {
    position: absolute;
    top:12px;
    right: 8px;
}

.random_tags_container {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (min-width: 768px) {
    .random_tags_container {
        -webkit-line-clamp: 1;
    }
}

@media (max-width: 320px) {
    .modal.left .modal-dialog, .modal.right .modal-dialog {
        width: 200px;
    }
    .modal.left.fade .modal-dialog{
        left: -200px;
    }
    .modal.right.fade .modal-dialog {
        right: -200px;
    }
}