.form-group.ndkackFieldItem[data-custom_class^="textarea-style-grid"] .fieldPane .ndk-form-main {position: relative;}
.form-group.ndkackFieldItem[data-custom_class^="textarea-style-grid"] .fieldPane .ndk-form-main textarea {padding-right: 40px;}
.dgtxCustomizationSmileys {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1040;
}
.dgtxCustomizationSmileys > i {
    cursor: pointer;
    font-size: 16px;
    transition: all ease 0.3s;
}
.dgtxCustomizationSmileys > i:hover {color: #173036;}

.dgtxCustomizationSmileys .smiley-box {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,0.1);
    display: none;
    padding: 10px;
    position: absolute;
    right: -100px;
    text-align: end;
    top: 25px;
    width: 200px;
    z-index: 50;
}
.dgtxCustomizationSmileys .smiley-box .mp-cross-thin {
    cursor: pointer;
    font-size: 14px;
}
.dgtxCustomizationSmileys .smiley-box::before {
    background-color: #fff;
    content: "";
    display: block;
    height: 10px;
    transform: rotate(45deg);
    position: absolute;
    top: -5px;
    right: calc(100px + 7.5px);
    width: 10px;
}
.dgtxCustomizationSmileys .smiley-box .smiley {
    cursor: pointer;
    font-size: 27px;
    margin: 0 3px 8px;
    transition: all ease 0.3s;
}
.dgtxCustomizationSmileys .smiley-box .smiley:hover {color: #D9C778;}

@media(max-width:767.98px) {
    .dgtxCustomizationSmileys {
        display: block;
        height: 70px;
        padding: 5px;
        right: 0;
        text-align: right;
        top: 25px;
        width: 50px;
    }
    .dgtxCustomizationSmileys .smiley-box {
        right: -10px;
    }
    .dgtxCustomizationSmileys .smiley-box::before {
        right: -15px;
    }
}