img.flags-icon-30 {
    width: 30px;
}
img.flags-icon-25 {
    width: 25px;
}
img.flags-icon-20 {
    width: 20px;
}
.first-letter-upper::first-letter {
     text-transform: uppercase;
 }

.text-color-red,
.text-color-red:hover {
    color: var(--bs-danger);
}

#my-template-colors {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0;
    gap: .3rem;
}

@media (max-width: 768px) {
    #my-template-colors {
        flex-wrap: wrap;
    }
}

 #my-template-colors .template-color-option {
     display: block;
     width: 50px;
     height: 50px;
     --bs-custom-option-border-color: var(--bs-border-color);
     border: 2px solid var(--bs-custom-option-border-color);
     border-radius: .375rem;
     padding: 8px;
 }

#my-template-colors .template-color-option.checked,
.my-selected-border {
    border-color: var(--bs-primary) !important;
}

#my-template-colors .template-color-option .template-color-option-content {
    display: block;
    width: 100%;
    min-width: 30px;
    height: 100%;
    min-height: 30px;
    margin: 0px;
    padding: 0px;
    color: var(--bs-body-color);
    border-radius: .5rem;
}

.hidden-0px {
    width: 0px;
    height: 0px;
    overflow: hidden;
}
.cursor-pointer {
    cursor: pointer;
}
.d-hide {
    display: none;
}

@media (max-width: 768px) {
    .my-dt-mobile-redesign > div:first-child {
        display: flex !important;
        justify-content: center !important;
        margin-block-start: 0.75rem !important;
        margin-block-end: 0.75rem !important;
    }
}

.w-50px  { width: 50px; }
.w-100px { width: 100px; }
.w-120px { width: 120px; }
.w-150px { width: 150px; }

.link-hover-underline:hover {
    text-decoration: underline !important;
}

#dropzone-multi-image .dz-preview {
    touch-action: none;
    cursor: grab;           /* alapállapot: "megfogható" kéz ikon */
}

#dropzone-multi-image .dz-preview:active {
    cursor: grabbing;       /* húzás közben: "megfogott" kéz ikon */
}