#imageEditorModal {
    padding: 0 !important;
    z-index: 1072;
}
#imageEditorModal .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
}

.modal-header {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
}

#imageEditorModal .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
#imageEditorModal .modal-body {
    overflow-y: auto;
}

.modal__buttons button {
    margin: 0;
    padding: 8px 16px;
    font-size: 16px;
    float: none;
}

.modal__buttons button:first-child {
    margin-right: 15px;
}

.tui-image-editor-header,
.tie-btn-shape,
.tie-btn-icon,
.tie-btn-mask {
    display: none;
}

.image-edit-btn-exist {
    position: absolute;
    right: -50px;
    bottom: 8px;
    top: 0;
    background: none;
    border: none;
    box-shadow: none;
    width: 40px;
    padding: 0;
}

.image-edit-btn-download {
    border: none;
    background: transparent;
    box-shadow: none;
    color: #6700ff;
}

.control-modal-btn {
    border: 1px #7b22ff solid;
    background: white;
    border-radius: 8px;
    font-size: 20px;
    padding: 5px 50px;
    margin: 0 0 20px 20px;
    position: relative;
    float: right;
    color: #7b22ff;
}
.control-modal-btn:hover {
    background: #7b22ff;
    color: white;
}

.image-control-field {
    background-color: white;
    border: 1px solid #626262;
}

.image-existing-thumbnail {
    float: left;
    width: 80px;
    height: 80px;
    background-color: #ededed;
    margin-right: 16px;
    border-radius: 8px;
}
.image-existing-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tui-image-editor-container .tui-image-editor-main {
    top: 52px;
}

.tui-image-editor-container .tui-image-editor-submenu {
    height: 120px;
}

.tui-image-editor-container.bottom .tui-image-editor-submenu > div {
    padding-bottom: 8px;
}

#imageEditorModal .tie-crop-preset-button {
    max-width: 100vw;
    overflow-x: auto;
    margin-bottom: 4px;
}

.tie-crop-preset-button::-webkit-scrollbar {
    height: 10px;
}

.tie-crop-preset-button::-webkit-scrollbar-track {
    background-color: #151515;   
}

.tie-crop-preset-button::-webkit-scrollbar-thumb {
    background-color: #2b2b2b;
    transition: background-color .25s ease;
    -webkit-transition: background-color .25s ease;
    -moz-transition: background-color .25s ease;
    -ms-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
}

.tie-crop-preset-button::-webkit-scrollbar-thumb:hover {
    background-color: #4e4e4e;
}
.tie-crop-preset-button::-webkit-scrollbar-thumb:active {
    background-color: #5c5c5c;
}

#imageEditorModal .custom-crop {
    margin-left: 5px;
}

.custom-crop.active {
    color: #fff;
}

.custom-crop.active use.active {
    display: block;
}

.tie-crop-preset-button .tui-image-editor-button label {
    cursor: pointer;
}

#imageEditorModal .tui-image-editor-button.apply,
#imageEditorModal .tui-image-editor-button.cancel {
    display: inline-flex;
    align-items: center;
}

.tui-image-editor-help-menu {
    background-color: transparent;
    top: 0;
}

#imageEditorModal .tui-image-editor-container .tui-image-editor-help-menu {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imageEditorModal__footer {
    position: static;
}