/* tamayuzCore - Super Simple Learning Path Builder */

/* ========================================
   HIDE MISLEADING DRAG-AND-DROP MESSAGE
   ======================================== */

/* Hide the confusing "Drag and drop" message that doesn't work for PC files */
.alert-info:contains("Drag"),
div[class*="alert"]:contains("Drag and drop"),
.return-message:contains("Drag and drop"),
#lp_item_list + .alert,
.scorm-list-collapse > div.alert,
#scorm-list-collapse .alert-info,
.panel-body .alert.alert-info,
ul#lp_item_list + div.alert {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* ========================================
   SIMPLIFY LP BUILDER - SHOW ONLY ESSENTIALS
   ======================================== */

/* Hide complex tabs - keep only: Documents, Quiz */
#resource_tab .nav-tabs > li:nth-child(3),   /* Hide Links */
#resource_tab .nav-tabs > li:nth-child(4),   /* Hide Works */
#resource_tab .nav-tabs > li:nth-child(5),   /* Hide Forums */
#resource_tab .nav-tabs > li:nth-child(6),   /* Hide New Chapter */
#resource_tab .nav-tabs > li:last-child      /* Hide Certificate tab */
{
    display: none !important;
}

/* Keep Documents (1), Quiz (2) visible - Hide Certificate tab */

/* Hide Certificate tab (usually the last one) */
#resource_tab .nav-tabs > li:last-child,
#resource_tab .nav-tabs > li:nth-last-child(1),
a[href*="certificate"],
a[href*="final_item"],
li:has(a[href*="certificate"]),
li:has(a[href*="final_item"]),
.nav-tabs li:last-child:has(a[href*="certificate"]),
button[onclick*="final_item"],
button[onclick*="certificate"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Keep only: Documents and Exercises tabs */
/* Hide all other resource tabs */
a[href*="lp_controller.php"][href*="type=step"],
a[href*="lp_controller.php"][href*="type=chapter"],
a[href*="lp_controller.php"][href*="type=link"],
a[href*="lp_controller.php"][href*="type=quiz"],
a[href*="lp_controller.php"][href*="type=student_publication"],
a[href*="lp_controller.php"][href*="type=forum"],
a[href*="lp_controller.php"][href*="type=thread"] {
    /* Keep exercises and documents only */
}

/* Hide SCORM/AICC upload buttons - completely remove import functionality */
#frmImportPackage,
.lp_upload_block,
a[href*="lp_upload"],
button[onclick*="upload"],
input[type="file"][name*="scorm"],
input[type="file"][name*="aicc"],
/* Hide SCORM import button on LP list page */
a[href*="upload/index.php"][href*="tool="][href*="LEARNPATH"],
a[href*="/upload/index.php"] img[src*="import_scorm"],
img[src*="import_scorm.png"],
.actions a[href*="upload/index.php"],
/* Hide any link with "Upload Scorm" text */
a[title*="Scorm"],
a[title*="SCORM"],
a[title*="AICC"],
a[title*="scorm"],
/* Hide PowerPoint import too (same complexity) */
a[href*="upload_ppt.php"],
img[src*="import_powerpoint"],
img[src*="powerpoint"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Hide complex builder options */
.lp_build_option,
.lp_prereq_option,
.lp_timer_option {
    display: none !important;
}

/* Simplify LP item list - hide complex buttons (SCOPED TO LP ONLY) */
.lp_build .btn-group .dropdown-toggle,
.lp-item-preview,
.lp-item-audio,
.lp-item-prerequisites,
a[onclick*="prerequisites"],
a[onclick*="audio"],
button[onclick*="move_item"] {
    display: none !important;
}

/* Hide LP settings complexity */
.lp-setting-tabs li:nth-child(n+3) {
    display: none !important;
}

/* ========================================
   MAKE TABS AND UPLOAD SUPER VISIBLE
   ======================================== */

/* Make main tabs larger and clearer */
#resource_tab > .nav-tabs > li > a {
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 15px 30px !important;
    border-radius: 8px 8px 0 0 !important;
}

/* Highlight Documents tab (where upload is) */
#resource_tab > .nav-tabs > li:nth-child(1) > a {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3) !important;
}

#resource_tab > .nav-tabs > li:nth-child(1) > a::before {
    content: "📄 ";
    font-size: 20px;
    margin-right: 8px;
}

/* Make Quiz tab clear */
#resource_tab > .nav-tabs > li:nth-child(2) > a::before {
    content: "✅ ";
    font-size: 20px;
    margin-right: 8px;
}

/* Certificate tab hidden - no icon needed */
/* #resource_tab > .nav-tabs > li:last-child > a::before {
    content: "🏁 ";
    font-size: 20px;
    margin-right: 8px;
} */

/* ==== SUB-TABS WITHIN DOCUMENTS ==== */

/* Make the Upload sub-tab SUPER PROMINENT */
#subtab > .nav-tabs > li:nth-child(4) > a,
.tab-content #subtab .nav-tabs li:nth-child(4) a {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 12px 25px !important;
    border-radius: 6px 6px 0 0 !important;
    animation: pulse-glow 2s infinite !important;
    box-shadow: 0 4px 12px rgba(245, 87, 108, 0.4) !important;
}

#subtab > .nav-tabs > li:nth-child(4) > a::before,
.tab-content #subtab .nav-tabs li:nth-child(4) a::before {
    content: "📤 UPLOAD FILE FROM PC ";
    font-size: 16px;
    font-weight: 700;
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(245, 87, 108, 0.7);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(245, 87, 108, 0);
    }
}

/* Style the other sub-tabs more subtly */
#subtab > .nav-tabs > li > a,
.tab-content #subtab .nav-tabs li a {
    font-size: 14px !important;
    padding: 10px 20px !important;
}

/* ========================================
   SIMPLIFIED LP BUILDER LAYOUT
   ======================================== */

/* Clean LP builder header */
.lp_controller_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Simple actions bar */
.actions {
    background: #ffffff;
    padding: 15px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.actions a,
.actions button {
    margin-right: 10px;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
}

/* Simplified LP item list */
.lp_tree,
#lp_item_list {
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.lp-item {
    padding: 15px;
    margin-bottom: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #667eea;
    transition: all 0.3s ease;
}

.lp-item:hover {
    background: #f0f3ff;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15);
}

.lp-item-title {
    font-weight: 600;
    color: #495057;
    font-size: 15px;
}

/* Simple drag handles */
.moved {
    cursor: move;
    color: #667eea;
}

/* ========================================
   SIMPLE FILE UPLOAD & BROWSE
   ======================================== */

/* Make upload button prominent */
input[type="file"],
.file-upload-input {
    display: block;
    width: 100%;
    padding: 15px;
    border: 2px dashed #667eea;
    border-radius: 8px;
    background: #f0f3ff;
    cursor: pointer;
    transition: all 0.3s ease;
}

input[type="file"]:hover,
.file-upload-input:hover {
    background: #e6ebff;
    border-color: #5a67d8;
}

/* File upload button styling */
input[type="file"]::file-selector-button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 12px 25px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    margin-right: 15px;
    transition: all 0.3s ease;
}

input[type="file"]::file-selector-button:hover {
    opacity: 0.9;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* Browse files button */
.btn-browse-files,
a[href*="lp_controller.php"][href*="action=add_item"][href*="type=document"],
button[onclick*="document"] {
    display: inline-block !important;
    padding: 12px 25px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.btn-browse-files:hover,
a[href*="lp_controller.php"][href*="action=add_item"][href*="type=document"]:hover {
    opacity: 0.9 !important;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Document selector */
.document-list,
.file-browser {
    background: #ffffff;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    padding: 15px;
    max-height: 400px;
    overflow-y: auto;
}

.document-item {
    padding: 12px 15px;
    margin-bottom: 8px;
    background: #f8f9fa;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.document-item:hover {
    background: #f0f3ff;
    border-left: 3px solid #667eea;
}

.document-item input[type="checkbox"],
.document-item input[type="radio"] {
    margin-right: 10px;
    width: auto !important;
}

/* Upload area styling */
.upload-area {
    border: 2px dashed #e1e8ed;
    border-radius: 8px;
    padding: 30px;
    text-align: center;
    background: #f8f9fa;
    transition: all 0.3s ease;
}

.upload-area:hover {
    border-color: #667eea;
    background: #f0f3ff;
}

.upload-area-icon {
    font-size: 48px;
    color: #667eea;
    margin-bottom: 15px;
}

.upload-area-text {
    font-size: 16px;
    color: #495057;
    margin-bottom: 15px;
}

.upload-area-hint {
    font-size: 13px;
    color: #6c757d;
}

/* ========================================
   SIMPLIFIED ADD CONTENT INTERFACE
   ======================================== */

/* Clean add content modal */
.modal-content {
    border-radius: 12px;
    border: none;
}

.modal-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    border-radius: 12px 12px 0 0;
    padding: 20px 25px;
}

.modal-title {
    font-weight: 600;
    font-size: 18px;
}

.modal-body {
    padding: 25px;
}

/* Simplified resource tabs - only 2 options */
.nav-tabs {
    border-bottom: 2px solid #e1e8ed;
    margin-bottom: 20px;
}

.nav-tabs li {
    margin-bottom: -2px;
}

.nav-tabs li a {
    padding: 12px 20px;
    color: #6c757d;
    border: none;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.nav-tabs li a:hover {
    background: #f8f9fa;
    color: #667eea;
}

.nav-tabs li.active a,
.nav-tabs li a.active {
    color: #667eea;
    border-bottom: 2px solid #667eea;
    background: transparent;
}

/* Hide complex resource options */
.lp-resource-options,
.resource-advanced-options {
    display: none !important;
}

/* ========================================
   SIMPLE PROGRESS TRACKING
   ======================================== */

/* Clean progress display */
.lp-progress-bar {
    height: 8px;
    background: #e1e8ed;
    border-radius: 4px;
    overflow: hidden;
    margin: 20px 0;
}

.lp-progress-fill {
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: width 0.3s ease;
}

.lp-progress-text {
    text-align: center;
    color: #6c757d;
    font-size: 14px;
    margin-top: 10px;
}

/* ========================================
   HIDE OVERWHELMING BUTTONS
   ======================================== */

/* Hide these specific buttons */
a[href*="lp_controller.php"][href*="action=add_item"][href*="type=link"],
a[href*="lp_controller.php"][href*="action=add_item"][href*="type=student_publication"],
a[href*="lp_controller.php"][href*="action=add_item"][href*="type=forum"],
a[href*="lp_controller.php"][href*="action=add_item"][href*="type=thread"],
button[onclick*="add_link"],
button[onclick*="add_chapter"],
button[onclick*="add_forum"] {
    display: none !important;
}

/* Hide export/import complex buttons */
a[href*="lp_controller.php"][href*="action=export"],
a[href*="lp_controller.php"][href*="action=export_to_pdf"],
button[onclick*="export"],
.lp-export-option {
    display: none !important;
}

/* ========================================
   SIMPLIFIED ITEM ACTIONS
   ======================================== */

/* Keep only essential actions: Edit, Delete, Move */
.lp-item-actions {
    display: flex;
    gap: 10px;
}

.lp-item-actions a,
.lp-item-actions button {
    padding: 8px 15px;
    border-radius: 6px;
    font-size: 13px;
    transition: all 0.3s ease;
}

/* Hide complex item actions */
a[title*="Prerequisites"],
a[title*="Audio"],
a[title*="Add audio"],
button[title*="Prerequisites"],
.lp-item-prereq,
.lp-item-audio-btn {
    display: none !important;
}

/* ========================================
   CLEAN TABLE DISPLAY
   ======================================== */

.table {
    border-radius: 8px;
    overflow: hidden;
}

.table thead th {
    background: #f8f9fa;
    font-weight: 600;
    padding: 15px;
    border-bottom: 2px solid #e1e8ed;
}

.table tbody td {
    padding: 12px 15px;
    vertical-align: middle;
}

.table tbody tr:hover {
    background: #f8f9fa;
}

/* ========================================
   SIMPLIFIED BREADCRUMBS
   ======================================== */

.breadcrumb {
    background: transparent;
    padding: 10px 0;
    margin-bottom: 20px;
}

.breadcrumb-item {
    font-size: 14px;
    color: #6c757d;
}

.breadcrumb-item.active {
    color: #495057;
    font-weight: 600;
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
    .lp_controller_container {
        padding: 15px;
    }
    
    .actions {
        padding: 10px 15px;
    }
    
    .actions a,
    .actions button {
        margin-bottom: 10px;
        width: 100%;
    }
    
    .lp-item {
        padding: 12px;
    }
}

/* ========================================
   FORCE HIDE SPECIFIC ELEMENTS
   ======================================== */

/* Hide these by ID */
#lp_preview,
#lp_audio,
#lp_prereq,
#lp_visibility,
div[id*="prerequisite"],
div[id*="audio"] {
    display: none !important;
}

/* Hide by class */
.lp-item-preview-btn,
.lp-item-audio-btn,
.lp-item-prereq-btn,
.lp-advanced-options,
.lp-extra-options {
    display: none !important;
}

/* ========================================
   SIMPLIFIED LP LIST VIEW
   ======================================== */

/* Clean LP list table */
.lp-list-table {
    width: 100%;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

/* Simple LP cards */
.lp-card {
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.lp-card:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.lp-card-title {
    font-size: 18px;
    font-weight: 600;
    color: #495057;
    margin-bottom: 10px;
}

.lp-card-progress {
    margin-top: 15px;
}

/* ========================================
   HIDE CATEGORIES (TOO COMPLEX)
   ======================================== */

select[name="category_id"],
#category_id,
.lp-category-selector,
a[href*="lp_controller.php"][href*="action=add_lp_category"],
button[onclick*="category"] {
    display: none !important;
}


/* ========================================
   SIMPLE FILE UPLOAD BUTTON - CLEAR & VISIBLE
   ======================================== */

/* Make upload tab prominent */
.subtab .nav-tabs li:last-child a {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
}

/* Style the file input */
input[type="file"][name="user_upload"] {
    display: block !important;
    width: 100% !important;
    padding: 20px !important;
    border: 3px dashed #667eea !important;
    border-radius: 12px !important;
    background: #f0f3ff !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

input[type="file"][name="user_upload"]:hover {
    background: #e6ebff !important;
    border-color: #5a67d8 !important;
    transform: scale(1.01) !important;
}

/* Style the file selector button */
input[type="file"][name="user_upload"]::file-selector-button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    padding: 15px 30px !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-right: 20px !important;
    transition: all 0.3s ease !important;
}

input[type="file"][name="user_upload"]::file-selector-button:hover {
    opacity: 0.9 !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Style upload button */
button[name="upload_file"],
input[name="upload_file"] {
    display: inline-block !important;
    padding: 15px 40px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    margin-top: 20px !important;
    transition: all 0.3s ease !important;
}

button[name="upload_file"]:hover,
input[name="upload_file"]:hover {
    opacity: 0.9 !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Upload form container */
form[name="form_upload"] {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    border: 3px solid #f5576c !important;
}

/* Removed upload message for cleaner interface */

/* Make the file input field HUGE and clear */
form[name="form_upload"] input[type="file"],
form[name="form_upload"] input[name="user_upload"] {
    font-size: 16px !important;
    padding: 20px !important;
    background: #f8f9fa !important;
    border: 3px dashed #667eea !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    display: block !important;
    width: 100% !important;
    margin: 20px 0 !important;
    transition: all 0.3s ease !important;
}

form[name="form_upload"] input[type="file"]:hover,
form[name="form_upload"] input[name="user_upload"]:hover {
    background: #fff !important;
    border-color: #f5576c !important;
    box-shadow: 0 4px 12px rgba(245, 87, 108, 0.2) !important;
}

/* Style the file input label */
form[name="form_upload"] label[for="user_upload"] {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* Help text */
form[name="form_upload"] .help-block {
    background: #f0f3ff !important;
    border-left: 4px solid #667eea !important;
    padding: 15px 20px !important;
    border-radius: 6px !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    font-size: 14px !important;
    color: #495057 !important;
}

/* Upload instructions */
.upload-instructions {
    background: #f8f9fa;
    border: 2px solid #e1e8ed;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.upload-instructions h4 {
    color: #667eea;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.upload-instructions ul {
    margin: 0;
    padding-left: 25px;
}

.upload-instructions li {
    margin-bottom: 10px;
    font-size: 15px;
    color: #495057;
}

/* ========================================
   CLEAN INTERFACE - NO INSTRUCTION MESSAGES
   ======================================== */

/* Removed instruction message for cleaner interface */

/* ========================================
   MAKE PROGRESS BAR BIGGER IN LEARNER VIEW
   ======================================== */

/* Make the progress bar much taller and easier to see */
.progress {
    height: 40px !important;
    border-radius: 8px !important;
    background-color: #e9ecef !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    margin: 15px 0 !important;
}

.progress-bar,
#progress_bar_value {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    text-align: center !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Make progress bar stand out more */
.progress-bar-success {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
}

/* Progress bar in LP view (student view) */
#lp_content .progress,
#lp-view-table .progress,
.lp-view-zone .progress {
    height: 45px !important;
    margin: 20px 0 !important;
}

#lp_content .progress-bar,
#lp-view-table .progress-bar,
.lp-view-zone .progress-bar {
    height: 45px !important;
    line-height: 45px !important;
    font-size: 20px !important;
}

/* Make Upload tab stand out even more */
#resource_tab .nav-tabs li:nth-last-child(2) a {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    font-weight: 700 !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 15px 25px !important;
    font-size: 16px !important;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.7);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(102, 126, 234, 0);
    }
}

/* Make the upload form super visible */
.tab-content #resource_tab-4 {
    background: #f8f9fa !important;
    padding: 30px !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
}

/* Add icon to upload tab */
#resource_tab .nav-tabs li:nth-last-child(2) a::before {
    content: "📤 ";
    font-size: 20px;
    margin-right: 8px;
}

/* ========================================
   ENSURE DOCUMENTS/FILES SHOW PROPERLY
   ======================================== */

/* Make sure iframes are visible and properly sized */
iframe#learnpath_preview_frame,
iframe[id*="learnpath"],
iframe[id*="lp_"],
.lp_content iframe,
.lp_content_item_box iframe {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-height: 500px !important;
    height: auto !important;
    border: 1px solid #e1e8ed !important;
    border-radius: 8px !important;
    margin: 15px 0 !important;
}

/* Ensure document containers are visible */
.lp_content,
.lp_content_item_box,
#doc,
#lp_content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Remove any accidental hiding of documents */
#lp_content_item_box,
.lp-view-zone,
.lp-content-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 400px !important;
}