.vs-textarea{
    height:170px;
}

.vs-textarea:focus{
    resize: none !important;
}

[dir=ltr] .vue-dropzone>.dz-preview .set-as-main {
    margin-left: 15px;
}
[dir] .vue-dropzone>.dz-preview .set-as-main {
    padding: 8px;
    border: 2px #fff solid;
}
[dir] .dropzone .dz-preview .set-as-main {
    text-align: center;
    cursor: pointer;
    border: 2px solid #FFF;
    font-size: 11px;
    width: 120px;
}
.vue-dropzone>.dz-preview .set-as-main {
    position: absolute;
    z-index: 30;
    color: #fff;
    top: inherit;
    bottom: 60px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: 1.1px;
    opacity: 0;
}
.dropzone .dz-preview .set-as-main {
    font-size: 14px;
    display: block;
}
.vue-dropzone>.dz-preview:hover .set-as-main{
    opacity: 1;
}


.custom_style_main_image {
    width: 20%;
}

.vs-list--slot{
    margin-left: 0px !important;
}

.width-big-name {
    width: 230px;
}

.flag-design {
    width: 22px;
    height: 16px;
    margin: 5px 0px 0 2px;
}

.ad-image-list {
    position: relative;
}

.number-of-images {
    position: absolute;
    background: #fdc55e;
    width: 35px;
    height: 28px;
    line-height: 23px;
    opacity: 0.8;
    padding: 3px 3px 3px 2px;
    border-radius: 0 50% 50% 0;
    color: #FFF;
    z-index: 9;
    bottom: 39%;
    font-weight: bold;
    font-size: 12px;
    left: 15px;
}

.delete-ad-option {
    color: #EA5455;
}

.delete-ad-option:hover {
    color: #f10707 !important;
}

.pointer {
    cursor: pointer;
}

.success-custom {
    color: #28c76f;
}

.danger-custom {
    color: #ea5455;
}

.vue-tags-input[data-v-61d92e31] {
    max-width: none !important;
}

.spanDescPage {
    direction: rtl !important;
    display: block !important;
}

.span-font-size {
    font-size: 12px;
    margin: 0 5px;
}


.pos-relative{
    position: relative;
}

html[dir=rtl] .deleteIconList{
    position: absolute !important;
    top: 25%;
    transform: rotate(180deg);
    right: 88%;
}

html[dir=ltr] .deleteIconList{
    position: absolute !important;
    top: 25%;
    left: 88%;
}

html[dir=rtl] .deleteIconListAbuse{
    position: absolute !important;
    top: 20%;
    transform: rotate(180deg);
    right: 88%;
    z-index: 99;
}

html[dir=ltr] .deleteIconListAbuse{
    position: absolute !important;
    top: 20%;
    left: 88%;
    z-index: 99;
}