.bem-draggable {
    
}

.bem-draggable__btn {
    opacity: 0.5;
    cursor: pointer;
}
.bem-draggable__btn:hover {
    opacity: 1;
}
.bem-draggable__btn.fa-expand-arrows-alt
{
    cursor: move;
}
.bem-draggable__btn.fa-sort-up, .bem-draggable__btn.fa-caret-up
.bem-draggable__btn.fa-sort-down, .bem-draggable__btn.fa-caret-down {
    cursor: pointer;
}

.bem-draggable__item_right {
    position: absolute;
    right: 10px;
    top: 10px;
}

.bem-draggable__placeholder {
    border: 1px dashed #1157d0 !important;
    background-color: #ebf5ff !important;
    min-height: 30px;
}

.bem-draggable__wrap.bem-draggable__wrap_half_h > .bem-draggable__wrap,
.bem-draggable__wrap.bem-draggable__wrap_half_h > .bem-draggable__btn
{
    display: inline-block;
    width: auto;
    height: 26px;
    padding-left: 5px;
    vertical-align: middle;
}
.bem-draggable__wrap.bem-draggable__wrap_half_h > .bem-draggable__wrap.bem-draggable__wrap_width_20
{
    width: 20px;
}
.bem-draggable__wrap.bem-draggable__wrap_half_h > .bem-draggable__wrap.bem-draggable__wrap_width_10
{
    width: 10px;
}
.bem-draggable__wrap.bem-draggable__wrap_half_h > .bem-draggable__wrap > .bem-draggable__btn
{
    vertical-align: middle;
    line-height: 26px;
}
.bem-draggable__item_right.bem-draggable__wrap.bem-draggable__wrap_half_h > *:first-child {
    text-align: center;
}
.bem-draggable__item_right.bem-draggable__wrap.bem-draggable__wrap_half_h > *:last-child {
    text-align: right;
    vertical-align: middle;
}
.bem-draggable__item_right.bem-draggable__wrap.bem-draggable__wrap_half_h
.bem-draggable__wrap.bem-draggable__wrap_text-align_left {
    text-align: left;
}

.bem-draggable__btn.bem-draggable__btn_font-size_20
{
    font-size: 20px;
}


.bem-draggable__wrap.bem-draggable__wrap_half_h .bem-draggable__wrap
{
    display: inline-block;
    vertical-align: middle;
}
.bem-draggable__wrap.bem-draggable__wrap_height_20
{
    height: 20px;
}
.bem-draggable__wrap.bem-draggable__wrap_height_12
{
    height: 12px;
}
.bem-draggable__wrap.bem-draggable__wrap_relative
{
    position: relative;
}

  
.bem-draggable__wrap.bem-draggable__wrap_half_v .bem-draggable__btn {
    position: absolute;
}

.bem-draggable__wrap.bem-draggable__wrap_half_v .bem-draggable__btn:first-child {
    top: 0;
    height: 50%;
}
.bem-draggable__wrap.bem-draggable__wrap_half_v .bem-draggable__btn:last-child {
    bottom: 0;
    height: 50%;
}

.bem-draggable .bem-draggable__btn.bem-draggable__btn_transparent {
    cursor: move;
}