.derbox { max-width: 960px;  margin: 10px auto; }
#package { font-size: 1rem; width: 100%; padding: 12px; border: 1px solid #ced4da; border-radius: 5px; margin-bottom: 5px; transition: border-color .3s; }
#package:focus { outline: 0; border-color: #5d5d5d; }
.bgen {  text-align: center; justify-content: flex-end; height: 48px; margin-top: 10px; width: 100%; align-items: center; }
#genlink { height: 45px; background-color: #29B1D8; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: background-color .3s; font-weight: 500; width: 245px; align-items: center; justify-content: center; gap: 8px; font-size: 16px; box-shadow: 0 .75rem 2rem 0 #29B1D833;}
#genlink:hover { background-color: #1594B9; }
.progress-container { width: 100%; background-color: #f3f3f3; margin-top: 20px; height: 30px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; }
.progress-bar { width: 0%; height: 100%; background-color: #4caf50; line-height: 30px; color: #fff; font-weight: 700; text-align: center; transition: width 0.2s ease-in-out; }
.error-message { color: #e10000; font-size: 12px; display: none; margin-left: 5px; }
#version-display { font-size: 14px; padding: 5px; border-radius: 5px; background-color: #f9f9f9; }
.spinner { width: 40px; height: 40px; border: 4px solid rgba(0,0,0,.1); border-top-color: #333; border-radius: 50%; animation: 1s linear infinite spin; }
@keyframes spin { to { transform: rotate(360deg); } }


.apk_ad {
text-align: center;
margin-top: 1em;
}


.apk_files_item {
text-align: center;
	margin: 5px 0;
}


    
.apk_files_item {
    
}


#error-message {
    color: #d32f2f;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #d32f2f;
    border-radius: 4px;
    background-color: #ffebee;
    margin-top: 10px;
font-size: medium;
}


.apk-downloader-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 15px 0;
    padding: 0;
}

.topbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
margin-bottom: 1em;
}



.progressing {
    color: #333;
    font-weight: normal;
    padding: 10px;
    text-align: center;
}

.download-link {
    display: inline-block;
    color: #1a73e8;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s;
	border-radius: 1.5rem;
}

.download-link:hover {
    color: #1557b0;
    text-decoration: underline;
}

.download-link .der_name,
.download-link .der_size {
    display: inline-block;
    margin-right: 10px;
}

.tooltip-container-l {
    text-align: center;
}


.download-link.green-style {
    background-color: #28a745;
    color: #fff;
    padding: 10px 15px;    
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    margin-top: 10px;
direction: rtl;
font-weight: bold;
font-size: medium;
}
.download-link.green-style:hover {
    background-color: #218838;
}
.download-link.blue-style {
    background-color: #007bff;
    color: #fff;
    padding: 10px 15px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    margin-top: 10px;
direction: rtl;
font-weight: bold;
font-size: medium;
}
.download-link.blue-style:hover {
    background-color: #0056b3;
}
.download-link.disabled {
    background-color: #ccc !important;
    cursor: not-allowed;
    color: #666;
}


.download-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #28a745;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    margin: 5px;
}
.download-btn:hover {
    background-color: #218838;
}