/* ============================================================================ CromeSky Global Desert Glass Theme Overlay Purpose: force every user/admin/game/system page into the same premium frosted desert-console UI: glass panels, gold labels, console stat cards, glass tables, matching chips/buttons, clean forms and mobile polish. Loaded last in the so it overrides older page-level styles safely. ============================================================================ */ :root{ --csky-bg:#170b05; --csky-brown:#2b1408; --csky-panel:rgba(56,25,8,.42); --csky-panel-strong:rgba(75,36,13,.50); --csky-panel-dark:rgba(21,9,3,.72); --csky-border:rgba(255,226,184,.22); --csky-border-strong:rgba(255,190,94,.42); --csky-text:#fff8ef; --csky-muted:rgba(255,239,218,.76); --csky-gold:#ffb13d; --csky-gold-soft:#ffd58c; --csky-orange:#f18e27; --csky-cyan:#37d9d2; --csky-green:#55e28e; --csky-red:#ff8b75; --csky-shadow:0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.11); --csky-radius:24px; --csky-radius-sm:16px; } html{min-height:100%;scroll-behavior:smooth;} body{ min-height:100%; color:var(--csky-text) !important; background: linear-gradient(180deg,rgba(25,10,3,.10),rgba(16,7,2,.74)), url('../assets/desert.jpg') center/cover fixed no-repeat !important; font-family:Inter,Segoe UI,system-ui,Arial,sans-serif !important; overflow-x:hidden; } body::before{ content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background: radial-gradient(circle at 18% 28%,rgba(255,168,55,.20),transparent 28rem), radial-gradient(circle at 74% 8%,rgba(255,207,119,.16),transparent 24rem), linear-gradient(90deg,rgba(0,0,0,.42),rgba(60,27,9,.18),rgba(0,0,0,.48)) !important; } body::after{ content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.42; background: repeating-linear-gradient(0deg,rgba(255,255,255,.024) 0 1px,transparent 1px 5px), linear-gradient(180deg,rgba(255,209,139,.045),transparent 44%,rgba(0,0,0,.33)) !important; mix-blend-mode:screen; } /* Navigation / top shells */ .topbar,.topbar-inner,.ou-topbar,.admin-topbar,.navbar,.nav-shell,header.topbar{ background:linear-gradient(180deg,rgba(50,23,8,.72),rgba(23,9,3,.70)) !important; border-bottom:1px solid rgba(255,226,184,.16) !important; box-shadow:0 18px 58px rgba(0,0,0,.34) !important; backdrop-filter:blur(18px) saturate(1.18) !important; } .wrap,.ou-wrap,.main,.container,.content,.shell,main{ position:relative; z-index:1; } .brand,.brand strong,.brand b,.topbar a,.navlinks a,.topbar-inner a{ color:var(--csky-text) !important; } .brand span span,.brand .sub,.navlinks small,.topbar small{ color:var(--csky-muted) !important; } .navlinks a,.topbar nav a,.nav-btn,.stats-nav-link,.ou-tabs a,.uni-tabs a,.tab,.tabs a{ display:inline-flex; align-items:center; justify-content:center; gap:7px; border:1px solid rgba(255,226,184,.18) !important; background:rgba(255,255,255,.055) !important; color:var(--csky-text) !important; border-radius:999px !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important; text-decoration:none !important; } .navlinks a:hover,.topbar nav a:hover,.nav-btn:hover,.stats-nav-link:hover,.ou-tabs a:hover,.uni-tabs a:hover,.tab:hover,.tabs a:hover{ background:rgba(255,177,61,.16) !important; border-color:rgba(255,177,61,.42) !important; } .navlinks a.active,.nav-btn.active,.stats-nav-link.active,.ou-tabs a.active,.uni-tabs a.active,.tab.active,.tabs a.active{ border-color:rgba(55,217,210,.45) !important; background:rgba(55,217,210,.12) !important; } /* Frosted glass panels: broad class coverage across all CromeSky pages. */ .panel,.card,.auth-card,.box,.widget,.module,.section-card,.glass,.glass-card, .install-hero,.install-card,.install-table,.manifest,.lesson-manifest, .ou-hero,.ou-panel,.ou-card,.ou-row,.ou-lesson-panel,.ou-lesson-box,.ou-certificate,.ou-empty-lesson,.ou-evidence,.ou-course-next, .uni-card,.uni-row,.switch-card,.entity-chip, .stats-hero,.stats-group,.stats-card,.stats-table,.stats-summary article, .admin-unified-overview-card,.admin-unified-section,.admin-unified-metric-grid article, .cromesky-engine-all-stats-card,.admin-engine-compact-stats,.csky-stat-card, .job-card,.reward-card,.tx,.item,.sidebar-card,.dev-rule-card,.dev-chat-panel,.dev-message, .table-wrap,.route-controls,.job-itemization,.notice,.error,.success,.msg-good,.msg-bad,.ou-msg,.ou-error, .memory-card,.engine-card,.health-card,.diagnostic-card,.evolution-card,.civilization-card, .dsl-card,.row,.codebox,.syntax code,.map-panel,.quote-card,.review-card,.pricing-card,.subscription-card, form,.form-card,.form-panel,fieldset{ color:var(--csky-text) !important; background: linear-gradient(180deg,rgba(118,58,21,.33),rgba(35,14,4,.38)) !important; border:1px solid var(--csky-border) !important; border-radius:var(--csky-radius) !important; box-shadow:var(--csky-shadow) !important; backdrop-filter:blur(16px) saturate(1.15) !important; } .panel,.card,.auth-card,.box,.widget,.module,.section-card,.install-hero,.ou-hero,.stats-hero,.stats-group,.form-card,.form-panel,fieldset{ padding:clamp(18px,2.4vw,30px) !important; } /* Titles and body copy */ h1,h2,h3,h4,h5,h6,.panel h1,.panel h2,.card h3,.install-hero h1,.ou-hero h1,.stats-hero h1,.hero h1{ color:var(--csky-text) !important; text-shadow:0 4px 22px rgba(0,0,0,.34) !important; letter-spacing:-.035em; } p,.muted,.ou-muted,.card p,.panel p,.install-hero p,.ou-hero p,.stats-title p,.description,.help,.hint,small,em{ color:var(--csky-muted) !important; } a{color:var(--csky-gold-soft) !important;} a:hover{color:#ffe6b7 !important;} /* Console-style stat cards */ .kpi,.stat,.stats-card,.stats-summary article,.metric,.metrics article,.ou-stat,.uni-card,.install-card,.csky-stat-card, .admin-unified-metric-grid article,.client-message-kpis article,.dev-stat-grid article,.dashboard-stat,.summary-card, [class*="stat-card"],[class*="metric-card"]{ position:relative !important; overflow:hidden !important; min-height:108px !important; padding:18px 20px !important; border-radius:20px !important; background:linear-gradient(180deg,rgba(128,67,25,.38),rgba(42,17,5,.34)) !important; border:1px solid rgba(255,226,184,.22) !important; box-shadow:0 24px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10) !important; } .kpi::before,.stat::before,.stats-card::before,.stats-summary article::before,.metric::before,.metrics article::before,.ou-stat::before,.uni-card::before,.install-card::before,.csky-stat-card::before, .admin-unified-metric-grid article::before,.client-message-kpis article::before,.dev-stat-grid article::before,.dashboard-stat::before,.summary-card::before, [class*="stat-card"]::before,[class*="metric-card"]::before{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; bottom:0 !important; width:4px !important; background:linear-gradient(180deg,var(--csky-gold),var(--csky-green),var(--csky-cyan)) !important; border-radius:999px !important; } .kpi small,.stat small,.stats-card small,.stats-summary span,.metric small,.metric span,.ou-stat small,.uni-card small,.install-card small,.csky-stat-card small, .admin-unified-metric-grid article span,.client-message-kpis article small,.dev-stat-grid article small,.dashboard-stat small,.summary-card small, [class*="stat-card"] small,[class*="metric-card"] small{ display:block !important; color:var(--csky-gold) !important; text-transform:uppercase !important; letter-spacing:.105em !important; font-weight:950 !important; font-size:.72rem !important; } .kpi strong,.stat strong,.stats-card strong,.stats-summary strong,.metric strong,.ou-stat strong,.uni-card strong,.install-card strong,.csky-stat-card strong, .admin-unified-metric-grid article strong,.client-message-kpis article strong,.dev-stat-grid article strong,.dashboard-stat strong,.summary-card strong, [class*="stat-card"] strong,[class*="metric-card"] strong{ display:block !important; color:var(--csky-text) !important; font-size:clamp(1.55rem,2.6vw,2.35rem) !important; line-height:1 !important; letter-spacing:-.045em !important; margin-top:7px !important; } /* Gold labels */ label,.label,.field-label,.eyebrow,.ou-eyebrow,.install-card small,.table-title,.stats-label,.section-label, th,.dsl-card small,.row header small{ color:var(--csky-gold) !important; font-weight:950 !important; letter-spacing:.06em; } .eyebrow,.ou-eyebrow,.section-label,.table-title{ text-transform:uppercase; } /* Glass tables */ .table-wrap,.install-table,.stats-table,.data-table-wrap,.responsive-table{ overflow:auto !important; border-radius:22px !important; background:rgba(50,20,6,.34) !important; border:1px solid rgba(255,226,184,.18) !important; } table{width:100% !important;border-collapse:collapse !important;} thead,th{background:rgba(255,177,61,.075) !important;} th{ color:var(--csky-gold) !important; text-transform:uppercase !important; letter-spacing:.11em !important; font-size:.74rem !important; font-weight:950 !important; } td{color:var(--csky-text) !important;} th,td{border-bottom:1px solid rgba(255,226,184,.12) !important;padding:13px 14px !important;} tr:hover td{background:rgba(255,177,61,.055) !important;} /* Matching pills/chips/buttons */ .btn,button,input[type="submit"],input[type="button"],.button,.ou-btn,.ou-btn-dark,.small-btn,.chip,.pill,.badge,.tag,.segmented button,.install-actions button, .ou-course-actions button,.ou-row-actions button,.quick-prompts button,.action-btn,.cta-button{ border-radius:999px !important; min-height:42px !important; font-weight:950 !important; border:1px solid rgba(255,226,184,.18) !important; text-decoration:none !important; box-shadow:0 16px 44px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.32) !important; } .btn,button,input[type="submit"],input[type="button"],.button,.ou-btn,.install-actions button,.cta-button{ background:linear-gradient(135deg,#ffe0a2,#ffb13d 58%,#f18e27) !important; color:#211006 !important; } .btn.secondary,button.secondary,.btn.ghost,.ou-btn-dark,.small-btn,.segmented button,.nav-btn,.quick-prompts button,.action-btn.secondary{ background:rgba(255,255,255,.075) !important; color:var(--csky-text) !important; border-color:rgba(255,226,184,.20) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 40px rgba(0,0,0,.20) !important; } .btn:hover,button:hover,input[type="submit"]:hover,input[type="button"]:hover,.button:hover,.ou-btn:hover,.ou-btn-dark:hover,.small-btn:hover,.quick-prompts button:hover{ filter:brightness(1.05) !important; transform:translateY(-1px) !important; } .pill,.badge,.tag,.chip,.ou-chip,.faculty-ribbon,.eyebrow,.ou-eyebrow{ display:inline-flex !important; align-items:center !important; gap:7px !important; padding:7px 11px !important; background:rgba(255,255,255,.08) !important; color:var(--csky-text) !important; min-height:auto !important; } .pill.good,.badge.good,.tag.good,.chip.good,.ou-chip.green,.msg-good,.ou-msg,.success{ color:#d6ffe4 !important; border-color:rgba(85,226,142,.42) !important; background:rgba(46,170,100,.16) !important; } .pill.warn,.badge.warn,.tag.warn,.chip.warn{ color:#ffe5ad !important; border-color:rgba(255,177,61,.45) !important; background:rgba(255,177,61,.15) !important; } .pill.bad,.badge.bad,.badge.danger,.tag.bad,.chip.bad,.msg-bad,.ou-error,.error{ color:#ffd3c9 !important; border-color:rgba(255,139,117,.45) !important; background:rgba(180,54,34,.18) !important; } /* Clean forms */ input,textarea,select,.uni-form input,.uni-form select,.uni-form textarea,.ou-form input,.ou-form textarea{ color:#2b1608 !important; background:rgba(255,249,240,.96) !important; border:1px solid rgba(255,226,184,.48) !important; border-radius:18px !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 28px rgba(0,0,0,.12) !important; font:inherit; } textarea{min-height:132px;resize:vertical;} input::placeholder,textarea::placeholder{color:rgba(43,22,8,.50) !important;} input:focus,textarea:focus,select:focus{ outline:none !important; border-color:rgba(255,177,61,.88) !important; box-shadow:0 0 0 4px rgba(255,177,61,.22), inset 0 1px 0 rgba(255,255,255,.45) !important; } input[type="checkbox"],input[type="radio"]{ width:auto !important;min-height:0 !important;padding:0 !important;box-shadow:none !important; } /* Progress / meter polish */ progress,.ou-progress,.mastery-bar,.stats-meter,.meter-track,[class*="progress"],[class*="meter"]{ border-radius:999px !important; } .ou-progress,.mastery-bar,.stats-meter,.meter-track,.progress-track{ background:rgba(255,255,255,.12) !important; border:1px solid rgba(255,226,184,.14) !important; overflow:hidden !important; } .ou-progress i,.mastery-bar i,.stats-meter i,.meter-fill,.progress-fill{ background:linear-gradient(90deg,var(--csky-cyan),var(--csky-green),var(--csky-gold)) !important; box-shadow:0 0 16px rgba(55,217,210,.28) !important; } /* Code/console boxes */ pre,code,.codebox,.console,.terminal,.log-box{ color:#e8fff9 !important; background:rgba(10,5,2,.48) !important; border:1px solid rgba(255,226,184,.15) !important; border-radius:16px !important; } pre{padding:14px;overflow:auto;} /* Mobile grid polish */ .grid,.grid.two,.split,.kpis,.install-grid,.ou-stats,.uni-grid,.stats-summary,.stats-grid,.client-message-kpis, .admin-unified-metric-grid,.metrics,.dsl-grid,.layout,.tri,.form-grid,.cards-grid{ gap:clamp(12px,2vw,18px) !important; } @media(max-width:1100px){ .install-grid,.ou-stats,.uni-grid,.stats-summary,.stats-grid,.kpis,.client-message-kpis, .admin-unified-metric-grid,.metrics,.dsl-grid,.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} .layout,.split,.hero{grid-template-columns:1fr !important;} } @media(max-width:720px){ .wrap,.ou-wrap,.main,.container,main{padding-left:14px !important;padding-right:14px !important;} .install-grid,.ou-stats,.uni-grid,.stats-summary,.stats-grid,.kpis,.client-message-kpis, .admin-unified-metric-grid,.metrics,.dsl-grid,.form-grid,.grid,.grid.two,.cards-grid{grid-template-columns:1fr !important;} .topbar .nav,.topbar-inner,.nav{align-items:flex-start !important;flex-direction:column !important;} .navlinks,.topbar nav{display:flex !important;gap:8px !important;overflow-x:auto !important;max-width:100% !important;padding-bottom:4px !important;} .navlinks a,.topbar nav a{white-space:nowrap !important;font-size:.82rem !important;} h1{font-size:clamp(2rem,10vw,3.3rem) !important;} .panel,.card,.auth-card,.stats-group,.install-hero,.ou-hero{border-radius:20px !important;padding:18px !important;} table{min-width:720px;} } /* Keep Web Developer chat input readable. */ body.webdev-chat-page textarea, body.webdev-chat-page .dev-input textarea, body.webdev-chat-page textarea#message{ background:rgba(255,249,240,.98) !important; color:#2b1608 !important; caret-color:#2b1608 !important; border-color:rgba(255,206,115,.60) !important; font-weight:800 !important; } body.webdev-chat-page textarea::placeholder{color:rgba(43,22,8,.55) !important;} /* Standalone module fallback when loaded under modules/ia_board_standalone. */ body.module-standalone, .ia-board-standalone{ color:var(--csky-text) !important; } /* ========================================================== CromeSky global text alignment + landing card polish patch Fixes over-broad global text overrides and restores predictable left/center alignment across public, admin and stats pages. ========================================================== */ /* Do not force every span in the system to muted text. Chips, buttons, headings, stats and review widgets need their own inherited colour. */ body span, body strong, body b, body i { color:inherit !important; } /* Only true helper/muted content should be muted. */ p,.muted,.ou-muted,.card p,.panel p,.install-hero p,.ou-hero p,.stats-title p, .description,.help,.hint,small,em { color:var(--csky-muted) !important; } /* Default content alignment: cards and panels read from the left unless a specific hero/section intentionally centres its copy. */ .panel,.card,.auth-card,.box,.widget,.module,.section-card,.glass,.glass-card, .stats-group,.stats-card,.install-hero,.install-card,.ou-panel,.ou-card, .uni-card,.uni-row,.dev-chat-panel,.dev-message,.table-wrap,form,.form-card,.form-panel,fieldset { text-align:left !important; } h1,h2,h3,h4,h5,h6, .panel h1,.panel h2,.panel h3,.card h3,.install-hero h1,.ou-hero h1,.stats-hero h1, .ou-section-title h2,.uni-row h3,.ou-card h3,.stats-title h2 { text-align:inherit !important; text-wrap:balance; } .section-heading,.section-heading h1,.section-heading h2,.section-heading p, .hero,.hero h1,.hero p, .editable-copy-hero,.editable-copy-hero h1,.editable-copy-hero p, .editable-copy-hero .hero-punchline, .auth-card,.stats-hero,.stats-hero h1,.stats-hero p, .install-hero.install-centred,.ou-hero.ou-centred { text-align:center !important; } /* Keep tables and lists readable. */ th,td,li,dt,dd { text-align:left !important; } ul,ol { padding-left:1.25rem !important; } /* Public landing quote/review cards: consistent text placement and equal rhythm. */ #quote .quote-review-split { display:grid !important; grid-template-columns:repeat(2,minmax(320px,1fr)) !important; align-items:stretch !important; justify-content:center !important; gap:clamp(18px,2.4vw,26px) !important; max-width:1040px !important; margin-inline:auto !important; } #quote .quote-review-split > .panel, #quote .quote-showcase-panel, #quote .review-showcase-panel { min-width:0 !important; text-align:left !important; display:flex !important; flex-direction:column !important; } #quote .quote-showcase-panel, #quote .review-showcase-panel { padding:clamp(22px,2.8vw,34px) !important; border-radius:30px !important; } #quote .quote-showcase-head, #quote .review-showcase-head { width:100% !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; flex-wrap:wrap !important; min-height:34px !important; margin:0 0 14px !important; } #quote .eyebrow.small, #quote .quote-live-chip, #quote .review-verified-chip { max-width:100% !important; line-height:1.1 !important; white-space:normal !important; text-align:left !important; } #quote .quote-showcase-panel h2, #quote .review-showcase-panel h2 { width:100% !important; max-width:420px !important; margin:6px 0 16px !important; text-align:left !important; line-height:1.02 !important; letter-spacing:-.052em !important; font-size:clamp(2.05rem,3.25vw,2.95rem) !important; } #quote .quote-intro, #quote .review-showcase-panel p, #quote .featured-review-quote, #quote .mini-review-strip p, #quote .review-scoreboard small { text-align:left !important; } #quote .quote-intro { max-width:100% !important; margin:0 0 18px !important; line-height:1.46 !important; } #quote .quote-showcase-panel form { flex:1 1 auto !important; display:flex !important; flex-direction:column !important; } #quickQuoteForm label, #quote label { text-align:left !important; width:100% !important; margin:0 0 8px !important; } #quickQuoteForm textarea, #quote textarea { text-align:left !important; line-height:1.35 !important; } #quickQuoteForm textarea::placeholder, #quote textarea::placeholder { text-align:left !important; } #quote .quote-showcase-panel button.full, #quote .review-read-btn { margin-top:auto !important; align-self:stretch !important; text-align:center !important; } #quote .review-scoreboard, #quote .mini-review-strip { align-items:stretch !important; } #quote .review-scoreboard div, #quote .mini-review-strip article, #quote .featured-review-card { text-align:left !important; } #quote .featured-review-top, #quote .review-person-row { text-align:left !important; } #quote .review-scoreboard strong, #quote .review-scoreboard strong span, #quote .review-meta strong, #quote .review-meta small { text-align:left !important; } /* Admin/stat grids: prevent global centering from causing ragged stat cards. */ .kpi,.ou-stat,.uni-card,.stats-summary article,.stats-card,.metric, .admin-unified-metric-grid article,.install-card,.csky-stat-card, .client-message-kpis article,.dev-stat-grid article { text-align:left !important; align-content:start !important; } .kpi small,.ou-stat small,.uni-card small,.stats-summary span,.stats-card small,.metric span,.metric small, .install-card small,.admin-unified-metric-grid article span,.dev-stat-grid small, .kpi strong,.ou-stat strong,.uni-card strong,.stats-summary strong,.stats-card strong,.metric strong, .install-card strong,.admin-unified-metric-grid article strong,.dev-stat-grid strong { text-align:left !important; } /* Mobile landing polish: prevent squeezed two-column cards and keep CTA/button text centred. */ @media(max-width:900px){ #quote .quote-review-split { grid-template-columns:1fr !important; max-width:620px !important; } #quote .quote-review-split > .panel { min-height:auto !important; } #quote .quote-showcase-panel h2, #quote .review-showcase-panel h2 { max-width:100% !important; font-size:clamp(2rem,9vw,2.75rem) !important; } } @media(max-width:620px){ #quote .quote-showcase-head, #quote .review-showcase-head { align-items:flex-start !important; flex-direction:column !important; } #quote .quote-showcase-panel, #quote .review-showcase-panel { padding:20px !important; border-radius:24px !important; } .btn,button,input[type="submit"],input[type="button"] { text-align:center !important; } } /* Quick AI quote top upload button: replaces the old Job description text label with a clear picture-upload action. */ #quote #quickQuoteForm .upload-picture-label-row, #quote .quote-showcase-panel #quickQuoteForm .upload-picture-label-row{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; margin:0 0 12px!important; padding:0!important; text-align:center!important; } #quote #quickQuoteForm .quote-label-upload-btn, #quote .quote-showcase-panel #quickQuoteForm .quote-label-upload-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; min-height:36px!important; padding:8px 15px!important; border-radius:999px!important; text-decoration:none!important; text-align:center!important; color:#fff6df!important; font-weight:950!important; font-size:.9rem!important; line-height:1!important; letter-spacing:.005em!important; background:linear-gradient(180deg,rgba(255,180,68,.30),rgba(108,49,20,.46))!important; border:1px solid rgba(255,199,99,.52)!important; box-shadow:0 10px 24px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.18)!important; cursor:pointer!important; transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease!important; } #quote #quickQuoteForm .quote-label-upload-btn:hover, #quote #quickQuoteForm .quote-label-upload-btn:focus-visible{ transform:translateY(-1px)!important; border-color:rgba(255,218,142,.86)!important; background:linear-gradient(180deg,rgba(255,196,85,.42),rgba(138,65,26,.56))!important; box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 0 5px rgba(255,181,72,.10),inset 0 1px 0 rgba(255,255,255,.24)!important; outline:none!important; } #quote #quickQuoteForm .quote-label-upload-icon{ display:grid!important; place-items:center!important; width:22px!important; height:22px!important; border-radius:999px!important; background:rgba(255,246,224,.22)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important; line-height:1!important; } #quote #quickQuoteForm .quote-label-upload-text{ color:inherit!important; line-height:1!important; text-align:center!important; } @media(max-width:620px){ #quote #quickQuoteForm .quote-label-upload-btn{min-height:38px!important;padding:9px 16px!important;} }