#sign_in_form .btn { background: #2c6ff2; } body { font-family: "Lato"; background: #f7fafb; color: #4e4e4e; } .centered { text-align: center; } .mg { margin: 10px 0; } .separator-line { color: #267daf; padding: 4px 0; } html, body { overflow-x: auto; } body { position: relative; font-size: 14px; line-height: 1.42857143; } body > div, body > footer { color: #000; } body.no-fixed-supported #dialog-feedback { position: absolute; } body input[type="submit"], .btn { padding: 10px 20px 10px 20px; text-decoration: none; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; background: #2c6ff2; outline: 0; color: #effcf9; border: 0; } .wide { width: 100%; } .verified-icon { background: url(/images/verified.svg); width: 12px; height: 12px; display: inline-block; background-repeat: no-repeat; } .verified-text { color: #2c6ff2; font-size: 14px; font-weight: bold; } .email-checker-bg { background: url(/images/email-checker-bg-2.png); background-position: top; background-repeat: no-repeat; background-color: #f9fcff; background-size: 53%; background-position-y: -57px; } .breadcrumbs li { border: 1px solid #0000; display: inline-block; position: relative; margin-right: 15px; } .breadcrumbs ol li::after { display: block; content: "\0BB \020"; position: absolute; right: -15px; top: 8px; } .breadcrumbs ol li:last-child:after { content: none; } .sep-li::after { display: inline-block; content: "\0BB \020"; padding: 0 5px; } .sep-li:last-child::after { content: none; } .breadcrumbs a { color: #2c6ff2; } .company-leads-page h1 { margin: 0; } .company-leads-page .contact-info .flex-rows { margin: 0 0 10px 0; } .company-leads-page .contact-card { flex-wrap: wrap; } .company-leads-page .contact-card { padding-left: 0; } html .company-leads-page .company-info { margin-left: 20px; padding-left: 20px; border-left: 1px solid rgb(168 183 191); } html .company-leads-page .contact-lead-email { justify-content: flex-start; } html .company-leads-page .contact-lead-email > div { width: auto; } html .company-leads-page .main-content p, html .company-leads-page .main-content .contact-card h4 { font-size: 16px; } html .company-leads-page .company-card { background-color: rgb(242 248 251); } html .company-leads-page .contact-list > h3 { font-size: 20px; margin: 40px 0 20px 0; } html .company-leads-page .contact-list .contact-card { box-shadow: none; } html .company-leads-page .contacts-list .image-info { flex: none; min-width: fit-content; } html .company-leads-page .contacts-list h4 { margin: 0; } html .company-leads-page .contact-list .image-placeholder { padding: 0; } .search-results.show { display: block; } .contact-info h3 { margin: 10px 0 0 0; } .contact-info .flex-rows a { color: #2c6ff2; } html .pagination > .active > span { padding: 2px; color: white; } .badge[data-href] { cursor: pointer; } * { box-sizing: border-box; } a { text-decoration: none; color: #337ab7; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .btn { display: inline-block; margin-bottom: 0; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn.focus, .btn:focus, .btn:hover { text-decoration: none; } img { vertical-align: middle; } .h1, h1 { font-size: 36px; } .h2, h2 { font-size: 30px; } .row { margin-right: -15px; margin-left: -15px; } b, strong { font-weight: 700; } .text-center { text-align: center; } .margin-20 { margin-top: 20px; margin-bottom: 20px; } .company-leads-page h3 { font-size: 26px; margin: 30px 0; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; height: 0; box-sizing: content-box; } textarea.form-control { height: auto; } textarea { overflow: auto; } img { border: 0; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; } a:focus, a:hover { text-decoration: underline; } a:active, a:hover { outline: 0; } .company-leads-page .contact-card h3 { margin: 0; } .company-leads-page .contact-card .contact-info h3 { margin: 5px 0; } .company-leads-page .company-logo { width: auto; } .hor-sep { margin: 0 4px; } button[type="submit"]:disabled { opacity: 0.5; cursor: not-allowed; } html #app-layout .mini { font-size: 13px; } html .mini-flex { max-width: 95px; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-colorease-in-out 0.15s, box-shadowease-in-out 0.15s; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } .badge { display: inline-block; min-width: 10px; font-weight: 700; line-height: 1; text-align: center; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .collapse { display: none; visibility: hidden; } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .mini-btn { padding: 6px 12px; font-size: 11px; } .upcase { text-transform: uppercase; } #search-form { padding: 15px 0; margin: 0 auto; } #search-form form { display: flex; flex-direction: row; } #search-form form input { display: flex; } #search-form form input[type="text"] { width: 240px; } #search-form form input[type="submit"] { margin-left: 10px; } form.has-error .form-control, form.has-error .form-control:focus { border-color: #ccc; } .red { color: red; } p.green-color { color: green; } .gray { color: gray; } h3.gray { background: #f0f0f0; padding: 15px 25px; color: black; font-size: 18px; } .text-small { font-size: 12px; } .btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.75rem 1.25rem; border-radius: 0.75rem; font-size: 15px; font-weight: 600; line-height: 1.2; cursor: pointer; border: 1px solid transparent; background: linear-gradient(135deg, #0ea5e9, #0284c7); color: #fff; box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25); transition: all 160ms ease-in-out; } .btn-primary:hover { background: linear-gradient(135deg, #38bdf8, #0ea5e9); box-shadow: 0 6px 18px rgba(2, 132, 199, 0.35); transform: translateY(-2px); } .btn-primary:active { transform: translateY(0); box-shadow: 0 2px 8px rgba(2, 132, 199, 0.2); } .btn-primary:focus { outline: 0; box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.4); } @media (prefers-color-scheme: dark) { .btn-primary { background: linear-gradient(135deg, #0ea5e9, #0369a1); box-shadow: 0 4px 12px rgba(14, 165, 233, 0.25); } .btn-primary:hover { background: linear-gradient(135deg, #38bdf8, #0ea5e9); } } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background: #2c6ff2 !important; border-color: #337ab7 !important; } table .btn:hover, table .badge:hover { color: inherit !important; opacity: 0.8; background: inherit !important; } table .btn:hover { opacity: 0.5; } table .btn.inactive { opacity: 0.5; cursor: not-allowed; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } table { width: 100%; border: 0; margin-bottom: 18px; } table th, table td { padding: 8px; line-height: 18px; text-align: left; vertical-align: top; border: 0; } table th { font-weight: bold; } table thead th { vertical-align: bottom; } table table { background-color: #fff; } table { border-collapse: collapse; border-left: 0; border-radius: 4px; } table thead:last-child tr:last-child > th:first-child, table tbody:last-child tr:last-child > td:first-child, table tbody:last-child tr:last-child > th:first-child, table tfoot:last-child tr:last-child > td:first-child, table tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } table thead:last-child tr:last-child > th:last-child, table tbody:last-child tr:last-child > td:last-child, table tbody:last-child tr:last-child > th:last-child, table tfoot:last-child tr:last-child > td:last-child, table tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } table tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } table tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } table tbody tr.error > td { background-color: #f2dede; } table tbody tr.warning > td { background-color: #fcf8e3; } table tbody tr.info > td { background-color: #d9edf7; } table tbody tr.error:hover > td { background-color: #ebcccc; } table tbody tr.warning:hover > td { background-color: #faf2cc; } table tbody tr.info:hover > td { background-color: #c4e3f3; } #brandName { display: flex; align-self: center; margin: 12px 0 0 105px; } #brandName strong { margin: 0 5px; } #app-layout { font-family: "proxima-nova-regular", "Helvetica Neue", Helvetica, Arial, sans-serif; background: white; min-height: 100%; display: block; } #app-layout #header { display: flex; flex-direction: column; } #app-layout #header .menu-container { display: flex; height: 96px; flex-direction: column; width: 100%; } #app-layout #header .menu-container > .container { display: flex; flex-direction: row; } #app-layout #header .menu-container > .container #logo { align-content: flex-start; flex-grow: 1; display: flex; } #app-layout #header .menu-container > .container #logo img { margin-top: 5px; position: absolute; height: 100px; } #app-layout #header .menu-container > .container #menu { display: flex; align-content: flex-end; align-items: center; flex-direction: row; } #app-layout #header .menu-container > .container #menu ul { height: 30px; margin: 0; padding: 0; list-style: none; line-height: normal; display: flex; flex-direction: column; } #app-layout #header .menu-container > .container #menu li { display: block; float: left; margin-right: 5px; } #app-layout #header .menu-container > .container #menu a.link { display: block; float: left; padding: 9px 5px; text-decoration: none; text-align: center; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; outline: 0; color: #2c6ff2; } .btn:hover { color: white; } .inl-bl { display: inline-block; } .form-controls .form-control { min-width: 200px; } #app-layout #header .menu-container > .container #menu a.link:hover { color: #267daf; } #app-layout #header .menu-container > .container #menu a:hover { text-decoration: none; } #app-layout #header .search-container { display: flex; } #app-layout #header .search-container > .container { display: flex; } #app-layout #main .breadcrumb { background: 0; } #app-layout #main .breadcrumb a + span { font-weight: 700; } #app-layout #main p.description { word-break: break-word; } #app-layout #footer { background: #bed8e77a; margin-top: 40; padding: 15px; } a.link { color: #2c6ff2; font-weight: 600; } .menu-list { list-style-type: none; margin: 0; } .menu-list li { padding: 0 12px; } #app-layout .copyright { text-align: center; padding: 10px 0; } #app-layout hr { border-top: 1px solid #267daf; } #app-layout a.bold-link { font-weight: bold; color: #2c6ff2; } .card { display: flex; height: auto; background-color: #fff; line-height: 18px; box-sizing: border-box; border: 1px solid #eee; padding: 10px 20px 20px; margin: 25px 0; background-color: rgb(226 232 240); border-radius: 20px; } .contact-card h3 { font-size: 20px; } .contact-card h4 { font-size: 14px; font-weight: bold; } .show-more-contacts { padding: 2px; } .email-widget { background: white; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-radius: 10px; width: 280px; padding: 15px; } ul { list-style: none; padding: 0; margin: 0; } .pagination li { padding: 0; } li, .pagination li span, .pagination li a { display: flex; justify-content: space-between; align-items: center; padding: 8px; } .company-item-details { display: flex; align-items: center; justify-content: center; flex-flow: wrap; } .company-item-details .action-icon { height: 20px; } .company-item-details .action-icon + span { margin-left: 4px; } .company-summary-emails-cnt { display: flex; } .companies-table-list .company-logo { width: auto; background-color: var(--bg); } .company-logo { background-color: var(--bg); } .vertical-mini-separator { margin: 0 4px; } li:last-child { border-bottom: 0; } .email { font-size: 14px; } .warning { color: #d9534f; font-weight: bold; } .tag { font-size: 12px; padding: 3px 8px; border-radius: 5px; font-weight: bold; color: white; } .direct { background-color: #6a5acd; } .work { background-color: #888; } .h1 { padding-bottom: 20px; padding-left: 24px; padding-right: 24px; color: #333; margin: 0; } .flex { display: flex; } a.btn { border: 2px solid transparent; border-radius: 17px; background: #2c6ff2; } a.btn:hover { background-color: #1b4dc1; color: white; } .flex-menu { background: rgb(242 248 251); padding-top: 10px; padding-bottom: 10px; } .flex-menu > .menu { display: flex; max-width: 1200px; width: 100%; padding: 0 12px; margin: auto; justify-content: flex-end; } .bg-primary-10 { --tw-bg-opacity: 1; background-color: rgb(242 248 251 / var(--tw-bg-opacity)); } #app-layout a.go-to { padding: 7px 20 7px 20; text-decoration: none; text-align: center; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background: #2c6ff2; outline: 0; color: #effcf9; } #search_lead_form > .form-controls > .inl-bl { max-width: 450px; width: 100%; } .expand-btn { background: 0; padding: 5px; margin-top: 0; position: absolute; top: 22px; right: 13px; } .expand-btn:hover { background: 0; } .filter-group { margin-top: 20px; } .h-filter { color: #2c6ff2; margin: 0 0 10px; font-size: 15px; } .sidebar { background: white; padding: 0; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); position: relative; min-width: 15px; max-width: 45px; } .sidebar .filter-group { display: none; } .sidebar.sidebar-expanded .h-filter { font-size: 30px; } html .sidebar-expanded { min-width: 250px; max-width: 250px; padding: 20px; } html .sidebar-expanded.fxd { position: fixed; top: 0; } html .sidebar-expanded .filter-group { display: block; } .line { position: absolute; top: 50%; margin-left: 10px; width: 60px; height: 4px; background: #fff; -webkit-animation: spin 1.5s infinite ease; animation: spin 1.5s infinite ease; } .line:nth-of-type(2) { animation-delay: 0.1s; } .line:nth-of-type(3) { animation-delay: 0.2s; } .line:nth-of-type(4) { animation-delay: 0.3s; } .industries-list-page .contact-actions { position: absolute; right: 0; } .industries-list-page .contact-info p { margin: 2px 0; display: block; max-width: 80%; margin-bottom: 20px; } @keyframes bouncy { 40% { height: 40px; } 50% { transform: translate(0, 65px); height: 34px; border-radius: 20px; } 65% { height: 40px; } } @keyframes push { 50% { left: 56px; } } @keyframes slide { 50% { margin-top: 25px; } } @keyframes pulse { 50% { border-width: 30; } } @keyframes spin { 100% { transform: rotate(360deg); } } @keyframes cross { 50% { margin-left: 60px; } } .searchResultContainer { font-family: "Roboto", sans-serif; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; z-index: 2; position: relative; } .card { display: flex; background: #fff; border-radius: 15px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); margin: 0; overflow: hidden; border: 3px solid #2c6ff240; } .left-section { display: flex; align-items: center; justify-content: center; width: 35%; padding: 20px; border: 1px solid #2c6ff2; } .center-section { display: flex; align-items: center; justify-content: center; width: 35%; padding: 20px; } .left-section img { max-width: 100%; height: auto; } .right-section { padding: 20px; width: 65%; } h2 { color: #2c6ff2; margin: 0 0 10px; } p { color: #555; font-size: 14px; display: flex; align-items: center; margin: 8px 0; } .toggle { display: inline-block; width: 30px; height: 15px; background-color: #4cd964; border-radius: 15px; margin-right: 10px; position: relative; } .toggle[data-state="off"] { background-color: #999; } .toggle[data-state="off"]::after { right: 2px; left: auto; } .toggle::after { content: ""; width: 13px; height: 13px; background: white; border-radius: 50%; position: absolute; top: 1px; left: 2px; } button { background-color: #2c6ff2; color: white; padding: 8px 15px; border: 0; border-radius: 8px; font-size: 14px; cursor: pointer; margin-top: 10px; } button:hover { background-color: #1b4dc1; } .searchResultContent { width: 380px; max-width: 100%; position: absolute; display: flex; flex-direction: column; align-items: center; background-color: #fff; color: #000; text-align: center; border-radius: 20px; padding: 15px 15px 20px; } .searchResultContent button.close { width: 30px; font-size: 20px; color: #c0c5cb; align-self: flex-end; background-color: transparent; border: 0; margin-bottom: 10px; } .searchResultContent img { width: 82px; margin-bottom: 15px; } .searchResultContent p { margin-bottom: 40px; font-size: 18px; } .delete-date-page .searchResultContent p { display: flex; flex-direction: column; } .searchResultContent .return-to-search-btn { background-color: #ed6755; border: 0; border-radius: 5px; width: 200px; padding: 14px; font-size: 16px; color: white; box-shadow: 0 6px 18px -5px #ed6755; } #content { height: 100px; overflow: hidden; display: none; } a.showmore:visited + #content { height: auto; overflow: visible; } .contentofsite { height: 35px; display: block; margin: 15px 0; } .contentofsite:target #content { height: auto; overflow: visible; display: inline; } .contentofsite:target { height: auto; } .showmore { margin-left: 2px; } .contentofsite:target .showmore { display: none; } a.showmore:visited + #content { height: auto; overflow: visible; } .contentofsite { height: 35px; display: block; margin: 15px 0; } .contentofsite:target #content { height: auto; overflow: visible; display: inline; } .contentofsite:target { height: auto; } .showmore { margin-left: 2px; } .contact-lead-email p { margin: 2px 0; overflow-wrap: anywhere; } .contentofsite:target .showmore { display: none; } .more-leads { display: none; } .contact-info p { margin: 2px 0; display: inline; } .top-bar .search-b .form-controls { position: relative; } .top-bar .search-b { min-width: 320px; } .top-bar .search-b .form-actions { position: absolute; right: 0; top: 0; } .more-leads-wrapper:target .show-more-contacts { display: none; } .more-leads-wrapper:target .more-leads { display: block; } .hr { border-top: 1px solid #b0d4e8; margin: 10px 0; } .contact-info { margin: 0; padding: 0 17px 5px 10px; } .lbl { margin-right: 2px; } .company-logo { border-radius: 20px; max-height: 80px; margin: 0 15px 7px 0; max-width: 100%; width: 100%; border: 1px solid #8080803d; } .modes { display: flex; font-family: Lato; font-weight: 400px; font-size: 18px; color: #547786; margin: 32px 0; } .modes .mode { font-weight: 400; color: #547786; } .flex-rows { flex-direction: column; } .modes .mode p { font-size: 20px; } .modes .mode p.x-large { font-size: 35px; line-height: 19px; font-weight: 700; } .modes .companies-mode { padding-right: 48px; border-right: 2px solid #add5ff; padding-top: 5px; padding-left: 10px; } .modes a { color: #2c6ff2; } .modes .contacts-mode { padding-left: 48px; padding-top: 5px; padding-right: 10px; } .contacts-mode.active-mode, .companies-mode.active-mode { background: rgb(242 248 251); } .search-results { border: 0; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); border-radius: 0 0 8px 8px; text-align: left; padding: 24px; display: none; position: absolute; left: 10px; top: 80px; background: white; width: 100%; max-width: 600px; z-index: 100; } .listings-content .search-results { top: 43px; left: 0; } .search-results li { text-align: left; display: inline; } .search-results li a { margin-left: 5px; } .form-control.error { background: #fff0cc; } .msg-success { background: #b0e794; padding: 10px; margin: 20px 0; width: 50%; font-weight: bold; } .margin-top-10 { margin-top: 10px; } .form-controls .bl { margin: 15px 0; } .form-controls .inl-bl { margin: 2px 0; } .lead-search-btn { margin: 10px 0 0 0; white-space: wrap; } .navbar-toggler { cursor: pointer; display: inline-block; width: 32px; height: 30px; position: relative; vertical-align: middle; font-size: 24px; color: inherit; font-size: 1.125rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 3px; color: #267daf; } .navbar-toggler > span { bottom: 0; display: block; height: 2px; width: 25px; margin: auto; position: absolute; top: 0; -ms-transition: all 0.3s; transition: all 0.3s; background-color: currentColor; } .toggle-icon > span:after, .toggle-icon > span:before { content: ""; height: 2px; margin: auto; position: absolute; width: 25px; transition: top 0.3s ease-in-out, transform 0.3s ease-in-out, background 0.3s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: currentColor; } .toggle-icon > span:before { top: 8px; } .toggle-icon > span:after { top: -8px; } #contact_form .bl { margin: 15px 0; } .table td[class*="col-"], table th[class*="col-"] { float: inline-start; } .pagination > li > a, .pagination > li > span { border: 0; position: relative; } .pagination > li > a { text-decoration: underline; } .pagination > li > span { text-decoration: none; } .pagination > li > a.right-dots { margin-left: 25px; } .pagination > li > a.left-dots { margin-right: 25px; } li .right-dots:before, li .left-dots:after { content: "..."; display: inline-block; width: 20px; height: 10px; position: absolute; } li .right-dots:before { left: -20px; } li .left-dots:after { right: -25px; } body { font-family: Arial, sans-serif; background-color: #eaf1ff; margin: 0; padding: 0; display: flex; justify-content: center; } .container { display: flex; width: 90%; max-width: 1200px; } h2 { color: #2c6ff2; } .filter-group h3 { color: #2c6ff2; font-size: 16px; margin-bottom: 10px; } .toggle-container { display: flex; align-items: center; justify-content: space-between; margin: 10px 0; } .toggle { width: 30px; height: 15px; background-color: #4cd964; border-radius: 15px; position: relative; cursor: pointer; } .toggle.off { background-color: #ccc; } select, input { width: 100%; padding: 8px; margin: 5px 0; border: 1px solid #ddd; border-radius: 5px; } input[type="checkbox"] { width: auto; margin-right: 10px; } ol li { display: block; } .main-content { flex: 1; padding: 20px; } .top-bar { display: flex; justify-content: space-between; align-items: center; background: white; padding: 10px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); flex-direction: column; position: relative; } .top-bar .active { color: #4e4e4e; font-weight: bold; } .top-bar input { flex: 1; margin-left: 10px; padding: 8px; border-radius: 5px; border: 1px solid #ddd; height: 40px; margin: 0; } .top-bar label { color: #433939; font-size: 16px; } .contact-list { margin-top: 20px; } .contact-card { display: flex; background: white; padding: 15px; margin: 10px 0; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); align-items: flex-start; } .contact-card .card-logo { width: 60px; height: 60px; border-radius: 50%; margin-right: 15px; } .contact-card img.mini-icon { width: 16px; height: 16px; border-radius: 50%; margin-right: 15px; } .contact-info { flex: 1; min-width: 30%; } h3 { font-size: 16px; margin: 0; } li.li-circle { display: list-item; list-style: circle; list-style-position: inside; } .icon { width: 15px; margin-left: 5px; } .privacy-policy-page .main li { display: list-item; list-style: circle; margin-left: 20; } .privacy-policy-page .main h3 { margin: 20 0; font-size: 19px; } .privacy-policy-page .main h2 { margin: 20px 0; } p { font-size: 14px; color: gray; margin: 5px 0; } .email-checker-page p { display: inline; } .front-page p strong { margin: 0 2px; } .front-page p { display: block; font-size: 16px; } .badge { background: rgb(242 248 251); color: #2c6ff2; padding: 6px 10px; border-radius: 5px; font-size: 14px; margin: 4px; text-wrap-mode: wrap; } .badge.active { background: #2c6ff2; color: white; } .badge:hover, a.badge:focus { background: #2c6ff2; color: white; } .image-info { flex: 1; min-width: 15%; max-width: 20%; } .image-placeholder { width: auto; padding: 0 43px; } .contact-lead-email { display: flex; align-items: center; justify-content: space-between; margin: 2px 0; gap: 4px; width: 100%; align-items: flex-start; } .contact-lead-email > div { width: 50%; } .contact-lead-email .icon:first-child { margin-left: 0; } .companies-list-page .pagination { margin: 20px 0; } .companies-table-list ul { flex-direction: row; display: flex; flex-wrap: wrap; gap: 16px; } .companies-table-list li { display: block; padding: 8px; flex: 1 1 calc(33.333% - 16px); box-sizing: border-box; background: #fafafa; padding: 20px; text-align: center; } .simple-badge { background: #c1bcbc61; color: black; padding: 6px 10px; border-radius: 5px; font-size: 13px; margin: 3px; height: 28px; border: 1px solid #c4c4c4; display: flex; align-items: center; } .emails-wrapper li { padding: 2px; } .simple-badge img.mini-icon { margin-right: 3px; } .readonly-badge { background: #ffc2a8; color: #ff6200; padding: 2px 6px; border-radius: 5px; font-size: 12px; margin: 4px; line-height: 26px; } .contact-info .btn { width: fit-content; margin-top: 15px; font-size: 15px; } .contact-info .btn:focus { color: white; } .top-bar .btn { margin: 0; } .top-bar .form-controls .form-input { width: 100%; max-width: 600px; margin-right: 10; } .top-bar .form { width: 100%; position: relative; } .contact-actions { display: flex; gap: 10px; width: 30%; flex-direction: column; flex-basis: fit-content; align-self: flex-start; margin-top: 0; max-width: 45%; flex: 1; } .contact-actions.max-size { min-width: 45%; width: 45%; } .action-icon { width: 20px; cursor: pointer; opacity: 0.7; } .action-icon:hover { opacity: 1; } .contact-page textarea { resize: none; } .contact-text-wrapper { margin: 0; padding: 0 17px 5px 10; } .hidden { display: none !important; visibility: hidden !important; } .alert-danger { color: #a94442; padding: 5px; background-color: #f2dede; border-color: #ebccd1; } .alert-danger p { color: #a94442; } :root { --bg: #f6f8fb; --card: #fff; --muted: #6b7280; --accent: #0ea5a2; --accent-weak: rgba(14, 165, 162, 0.08); --line: #e6e9ef; --radius: 12px; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color-scheme: light; } * { box-sizing: border-box; } body { background: linear-gradient( 180deg, var(--bg), color-mix(in srgb, var(--bg) 85%, transparent) ); font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .table-wrap { max-width: 1100px; margin: 0 auto; } .card { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 12px; box-shadow: 0 6px 20px rgba(8, 15, 30, 0.06); overflow: hidden; } table.stylish { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: auto; min-width: 640px; } caption { text-align: left; font-weight: 600; padding: 6px 0 12px; color: var(--muted); font-size: 13px; } thead th { position: sticky; top: 0; background: linear-gradient( 180deg, color-mix(in srgb, var(--card) 90%, transparent), var(--card) ); padding: 12px 16px; text-align: left; font-size: 13px; font-weight: 600; color: var(--muted); border-bottom: 1px solid var(--line); backdrop-filter: blur(4px); z-index: 2; } tbody td { padding: 14px 16px; border-bottom: 1px dashed var(--line); vertical-align: middle; } tbody tr { transition: background 160ms ease, transform 160ms ease; } tbody tr:hover { background: var(--accent-weak); transform: translateY(-1px); } .name { font-weight: 600; color: #0f1724; } .muted { color: var(--muted); font-size: 13px; } .badge-2 { display: inline-flex; gap: 6px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: var(--accent-weak); color: var(--accent); border: 1px solid color-mix(in srgb, var(--accent) 18%, transparent); width: max-content; } .actions { display: flex; gap: 8px; justify-content: flex-end; align-items: center; } .btn { background: transparent; border: 1px solid transparent; padding: 8px 10px; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 120ms ease; } .btn.ghost { color: var(--muted); } .btn.primary { background: var(--accent); color: white; border-color: transparent; } .btn-hv:hover { transform: translateY(-2px); } @media (max-width: 760px) { table.stylish, thead, tbody, th, td, tr { display: block; } thead { display: none; } tbody tr { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-bottom: 12px; padding: 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--card); } tbody td { border-bottom: 0; padding: 6px 0; } .row-left { display: flex; flex-direction: column; gap: 6px; } .row-right { display: flex; align-items: center; gap: 8px; } } .tiny { font-size: 12px; color: var(--muted); } .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace; } @media only screen and (max-width: 600px) { .mobile { display: block !important; } .not-mobile { display: none !important; } #app-layout #header .menu-container > .container #logo .navbar-brand-link img { height: 70px; } html #brandName { margin: 12px 0 0 75px; } } @media only screen and (min-width: 601px) { .mobile { display: none !important; } .not-mobile { display: block !important; } } @media (min-width: 768px) { .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; visibility: visible !important; } .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } } @media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-10 { width: 83.33333333%; } .col-md-offset-1 { margin-left: 8.33333333%; } } @media only screen and (max-width: 600px) { .navbar-toggler { margin-top: -8px; } .menu-container > .container { padding: 0 15px; margin: 0; width: 100% !important; position: relative; } #collapse-mobile-tab { position: absolute; top: 11px; right: 36px; } html .contact-card { padding: 2px; position: relative; } html .contact-info { padding: 6px 1px; flex: 0; min-width: 80%; } html .company-leads-page .contact-info { min-width: auto; } html .company-leads-page .contact-actions.max-size { min-width: 100%; width: 100%; } html .industry-leads-page .contact-info { min-width: 58%; flex-direction: column; } html .industry-leads-page .card { padding: 5px 10px 10px; } .main > .container { overflow: hidden; display: block; } html .expand-btn { top: -5px; right: -18px; } html .industry-leads-page .contact-card .company-logo { max-height: 100px; margin: 0 5px 3px 0; } html .industry-leads-page .image-info { max-width: fit-content; } html .industry-leads-page .contact-actions { max-width: 100%; width: 100%; } html .block-two-sides { flex-direction: column; } html .block-two-sides .left, html .block-two-sides .right { width: 100%; max-width: fit-content; } html .industry-leads-page .contact-card { flex-direction: column; } .image-info { min-width: 10%; max-width: 10%; } html .main-content { padding: 2px; } html .contact-card img.mini-icon { margin-right: 4px; } html .modes .companies-mode { padding-right: 4px; } html .modes .contacts-mode { padding-left: 4px; } html .modes .mode p.x-large { font-size: 26px; } html .modes { margin: 10px 0; } html .contact-card .card-logo { width: 30px; height: 30px; margin-right: 10px; margin-top: 5px; } html .main .sidebar-expanded { padding: 7px; min-width: 135px; max-width: 135px; position: absolute; z-index: 100; } html .main .sidebar-expanded .badge { padding: 4px 10; font-size: 14px; font-size: 12px; margin: 4px 0; text-wrap: auto; } html .action-icon { width: 12px; } html .contact-info .btn { font-size: 14px; padding: 3px 7px 3px 7px; text-wrap: auto; } html .contact-info .badge { font-size: 14px; } html .pagination > li > a, .pagination > li > span { padding: 2px 4px; } html .pagination > li { font-size: 10px; padding: 0; } .industries-list-page .contact-actions { gap: 0; max-width: 0; position: absolute; top: 65px; display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } html #app-layout #header .menu-container { height: auto; } #app-layout #header .menu-container.wide { height: 66px !important; } #app-layout #header .menu-container > .container #logo { height: 45px; } #app-layout #header .menu-container > .container #menu ul { flex-direction: row !important; } html #app-layout #header .menu-container > .container #menu a { width: auto; font-size: 10px; padding: 7px 5px 7px 5px !important; } #logo { margin-bottom: 10px; } .container { width: auto !important; } table th, table td { display: block; } } @media (prefers-color-scheme: dark) { :root { --muted: #9aa3b2; --accent: #22d3ee; --accent-weak: rgba(34, 211, 238, 0.06); --line: #1f2937; } }