.btng-11e {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid gray;
}

    .btng-11e:after {
        background: rgb(201 201 201 / 37%);
    }

    .btng-11e i {
        color: #013b69;
        z-index: 2;
    }

.select-files-title {
    font-size: 26px;
}

/* RadTabStrip (Ταμπς ως Κάρτες) */
.option-cards.rtsUL {
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 0;
    list-style: none;
    border: none;
}

.option-cards .rtsIn, .option-cards .rtsOut {
    padding: 0 !important;
}

.option-cards .rtsLink {
    padding: 0 !important;
    list-style: none;
    border: none;
}

.option-cards .rtsLI {
    flex: 1;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s;
    background-color: #fff;
    position: relative;
    margin: 4px !important;
}

.option-cards li {
    padding: 20px;
    margin: 3px;
}

.option-cards p span {
    font-weight: 400 !important;
}

.option-cards i {
    padding: 10px;
}

.option-cards .rtsLink {
    background: #ffffff !important;
    border: 5px solid #eceaea;
    color: #020202;
    border-radius: 5px !important;
}

    .option-cards .rtsLink:hover {
        background: #ffffff24 !important;
        border: 5px solid #ffa500;
        color: #000000;
    }

        .option-cards .rtsLink:hover i {
            color: #000000;
        }

.option-cards .rtsSelected {
    background: #ffffff24 !important;
    border: 5px solid #ffa500;
    color: #000000;
    border-radius: 5px !important;
}

    .option-cards .rtsSelected span {
        text-decoration: none !important;
    }

.option-cards .rtsLI h2 {
    font-size: 1.3em;
    padding-bottom: 5px;
}

.option-cards .rtsLI p {
    font-size: 0.95em;
    color: #666;
}

.option-cards .icon {
    font-size: 2em;
}

/* Νέο Badge */
.new-badge {
    background-color: #ff5733;
    color: #fff;
    font-size: 0.75em;
    padding: 2px 6px;
    border-radius: 6px;
    margin-left: 8px;
}

/* Περιεχόμενο (RadMultiPage) */
.content {
    margin-top: 15px;
}

.upload-section,
.editor-section {
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f3f3f3;
}

    .upload-section h3,
    .editor-section h3 {
        margin-top: 0;
        font-size: 1.3em;
    }

    .upload-section ul,
    .editor-section ul {
        margin: 15px 0 0 0;
        padding-left: 20px;
    }

    .upload-section li,
    .editor-section li {
        margin-bottom: 8px;
        font-size: 0.95em;
    }

.upload-icon {
    text-align: center;
}



/* Responsive */
@media (max-width: 768px) {
    .option-cards.rtsUL {
        flex-direction: column;
    }
}

/* Responsive */
@media (max-width: 425px) {
    .option-cards.rtsUL {
        flex-direction: column;
    }

    .option-cards .rtsLI h2 {
        font-size: 0.8em;
        margin: 10px 0 5px;
    }

    .option-cards .rtsLI p {
        display: none;
    }
}




.editor-section:before, .upload-section:before {
    content: "";
    transform: rotate(360deg);
    border-style: solid;
    border-width: 0 1rem 0.9375rem 1rem;
    border-color: rgb(248 248 248) rgba(0, 0, 0, 0) #f3f3f3 rgba(0, 0, 0, 0);
    position: relative;
    top: -52px;
    z-index: 59;
}



@media(max-width: 47.99875rem) {
    .editor-section:before, .upload-section:before {
        left: calc(50% - 1rem)
    }
}

.editor-section[data-tilescount="1"]:before, .upload-section[data-tilescount="1"]:before {
    display: none
}


@media(min-width: 48rem) {
    .editor-section:before {
        left: 23%;
    }

    .upload-section:before {
        left: 74%;
    }
}


.upload-btn-area {
}

.upload-files-only .upload-section::before {
    content: none;
}

.card-body-calc-btn {
    padding: 15px 0px;
}