/**
 * EULA Fix CSS
 * Removes scrolling requirement and improves EULA display
 */




.section {
    margin-bottom: 20px;
}


/* EULA form styles */
 .eula-full-text {
     max-height: 300px;
     overflow-y: auto;
     padding: 15px;
     border: 1px solid #ddd;
     margin-bottom: 15px;
     background-color: #f9f9f9;
 }
 
 .eula-button {
     background-color: #2185d0;
     color: white;
     border: none;
     padding: 10px 20px;
     border-radius: 4px;
     cursor: pointer;
     font-weight: bold;
     margin-top: 15px;
 }
 
 .eula-button:disabled {
     background-color: #cccccc;
     cursor: not-allowed;
 }
 
 .form-group {
     margin-bottom: 15px;
 }
 
 .form-group label {
     display: block;
     margin-bottom: 5px;
     font-weight: bold;
 }
 
 .form-group input[type="email"],
 .form-group input[type="tel"] {
     width: 100%;
     padding: 8px;
     border: 1px solid #ddd;
     border-radius: 4px;
 }
 
 .eula-checkbox-label {
     display: flex;
     align-items: flex-start;
 }
 
 .eula-checkbox-label input {
     margin-top: 3px;
     margin-right: 8px;
 }
 
 .eula-legal-notice {
     font-size: 0.9em;
     margin: 15px 0;
     padding: 10px;
     background-color: #f8f9fa;
     border-left: 3px solid #6c757d;
 }
 
 .eula-accepted-message {
     background-color: #d4edda;
     border-left: 4px solid #28a745;
     padding: 15px;
     margin-bottom: 20px;
     border-radius: 4px;
 }
 
 .required {
     color: #dc3545;
 }
 
 /* Script ID display styles */
 .script-id-container {
     margin-top: 20px;
     padding: 15px;
     background-color: #f8f9fa;
     border-radius: 5px;
     border-left: 4px solid #2185d0;
 }
 
 .script-id-display-container {
     display: flex;
     align-items: center;
     margin: 10px 0;
     flex-wrap: wrap;
 }
 
 .script-id-display {
     font-family: monospace;
     font-size: 16px;
     background-color: #e9ecef;
     padding: 8px 12px;
     border-radius: 4px;
     margin-right: 10px;
     border: 1px solid #ced4da;
     font-weight: bold;
 }
 
 .copy-script-id-button {
     display: inline-flex;
     align-items: center;
     background-color: #2185d0;
     color: white;
     border: none;
     padding: 8px 12px;
     border-radius: 4px;
     cursor: pointer;
     font-weight: bold;
     margin-right: 10px;
 }
 
 .copy-script-id-button svg {
     margin-right: 5px;
 }
 
 .copy-confirmation {
     color: #21ba45;
     font-weight: bold;
     display: none;
 }
 
 .script-id-instructions {
     font-style: italic;
     margin-top: 10px;
     color: #555;
 }
 
 
 
 
 
 
 
 
 
 
 

.numbered-item {
    margin-bottom: 20px;
}

.bullet {
    padding-left: 40px;
    margin-top: 20px;
}

.indent {
    padding-left: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}


.form-group-main {
    margin: 0 auto;
    max-width: 600px;
    background: #fffdd8;
    padding: 30px;
    border: 1px solid #ffe159;
    border-radius: 10px;
}

.form-group small {
    display: none;
}

/* Remove scrolling container and display full text */
.eula-full-text {
    max-height: 400px !important;
    overflow: scroll !important;
    border: 1px solid #e2e8f0;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f8fafc;
    border-radius: 5px;
}

/* Improve EULA text readability */
.eula-full-text p {
    margin-bottom: 15px;
    line-height: 1.6;
}

.eula-full-text h4 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.eula-full-text ul, 
.eula-full-text ol {
    margin-left: 20px;
    margin-bottom: 15px;
}

/* Remove any existing scrollbar styles */
.eula-scrollable {
    display: none !important;
}

/* Improve checkbox visibility */
#eula-accept-checkbox {
    margin-right: 10px;
}

/* Make the EULA acceptance button more prominent */
#submit-eula {
    margin: 10px auto;
    display: block;
}

/* Improve form layout */
.form-group {
    margin-bottom: 20px;
}

/* Ensure EULA version is clearly visible */
.eula-version {
    margin-top: 10px;
    text-align: right;
    color: #718096;
}
