input#urlInput { margin:10px 0; } .missing { color:red; margin:5px 0; } #results { margin-top:20px; padding:15px; background:#fff; border-radius:8px; box-shadow:0 0 5px rgba(0, 0, 0, 0.1); border:1px solid #2561c9; } #progressContainer { width:100%; height:20px; border-radius:10px; background:#eee; margin-top:20px; overflow:hidden; display:none; } #progressBar { height:100%; width:0%; text-align:center; line-height:20px; font-size:12px; color:white; background:linear-gradient(90deg, #007bff, #33c9ff); transition:width 0.2s ease; } #results { display:none; } .func-buttons { display:flex; justify-content:start; margin:10px 0; } #results h2, #results h3 { background:#e8f0fe; padding:5px 10px; } #results h2.main-h1-heading-tag { background:linear-gradient(1deg, #1e55b2, #3477e8) !important; border-radius:6px 6px 0 0; color:#fff !important; margin-bottom:0; } .main-h1-heading { background:#e8f0fe; border-radius:6px; box-shadow:rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px; } .main-h1-heading p { padding:10px; font-weight:500; font-size:20px; } .main-heading .heading-text:before { content:""; left:5px; width:20px; height:20px; top:2px; background:url(/wp-content/uploads/w3-webp/uploads/2025/05/left-sab.webp); background-size:14px; background-repeat:no-repeat; display:inline-block; } .main-heading .heading-text { position:relative; display:flex; align-items:center; margin-left:10px; padding:5px 0; margin-bottom:0; margin-top:5px; font-weight:600; } .main-heading { background:#e8f0fe; border-radius:6px; margin-top:20px; box-shadow:rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px; } h2.heading { background:linear-gradient(1deg, #1e55b2, #3477e8) !important; color:#fff !important; border-radius:6px 6px 0 0; } table#overviewTable th { background-color:#007bff; color:white; } table#overviewTable th, table#overviewTable td { border:1px solid #9fb5db; } h2.struct-tag { border-radius:6px; color:#fff; margin-bottom:30px; text-align:center; background-image:linear-gradient(to right, #101010 0%, #0072ff 51%, #011a21 100%) !important; } #progressBar { height:100%; width:0%; background:linear-gradient(90deg, #3477e8, #005fff); color:white; text-align:center; transition:width 0.4s ease; border-radius:2px; } div#progressWrapper { height:10px !important; border-radius:2px !important; } #progressWrapper { background:#a4bee5; overflow:hidden; } .main-heading .heading-text:before { position:absolute; left:0; top:7px; } .main-heading .heading-text { padding-left:20px; } input#urlInput:hover { outline:1px solid #1e59bc !important; } input#urlInput:active, input#urlInput:focus, input#urlInput:target, input#urlInput:focus-visible, input#urlInput:focus-within { outline:2px solid #1e59bc !important; } .main-h1-heading p { margin-left:10px; padding:5px 0; margin-bottom:0; margin-top:5px; font-weight:600; } @media(max-width:1199px) { .output-container {  margin-top:0; } } @media(max-width:767px) { .tool-main-div {  padding:30px 15px; }  .func-buttons {  margin-bottom:0; }  main#main {   padding:0 15px; } table#overviewTable th, table#overviewTable td {   padding:5px;   text-align:center; } .main-h1-heading p {   font-size:18px; } } body.single-tools .tool-main-div h2 {   color:#fff !important; } body.single-tools .output-container div#results .main-heading .heading , body.single-tools .output-container div#results .struct-tag {   color:#fff !important; }