/* Global Styles */ @import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Oswald:wght@200;300;400;500;600;700&family=Palanquin+Dark:wght@400;500;600;700&family=Palanquin:wght@100;200;300;400;500;600;700&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); /* KEY Colors */ /* background: var(--color-name); */ :root { --core-blue:#144E9A; --core-blue-light:#276CB1; --core-blue-alt:#124D99; --core-red:#CC0000; --core-red-dark:#DD0000; --core-red-darkest:#890000; --core-green:#008800; --core-green-light:#00CC00; --core-green-lightest:#00AA00; --core-green-lightestest:#005500; --core-gold:#F6C62B; --core-yellow:#FFCC00; --core-yellow-bright:#FFFF66; --core-yellow-light:#FFFFCC; --core-orange-light:#fd7500;--core-orange:#fd7d00; --core-orange-dark:#d56200; --cta-orange-light:#FFC837; --cta-orange-lightest:#ff9f42; --cta-orange-dark:#fd481b; --cta-johnson-bkg:#fffddd; --key-map-10-a:#FA463E; --key-map-10-b:#FE9494; --key-map-09-a:#FBA623; --key-map-09-b:#FFCE9C; --key-map-08-a:#FCFF00; --key-map-08-b:#FFFF9C; --key-map-07-a:#71F300; --key-map-07-b:#AEFD7A; --key-map-06-a:#53C585; --key-map-06-b:#46FEA2; --key-map-05-a:#4AFEFF; --key-map-05-b:#9CFFFF; --key-map-04-a:#44A1FF; --key-map-04-b:#9CCEFF; --key-map-03-a:#4137FF; --key-map-03-b:#9C9CFF; --key-map-02-a:#A138FF; --key-map-02-b:#CE9CFF; --key-map-01-a:#FA39FF; --key-map-01-b:#FEB5FE; --key-map-00:#FFFFFF; --key-map-na-a:#B0B0B0; --key-map-na-b:#E4E4E4; --key-finder-09:#B2E388; --key-finder-08:#CAECB0; --key-finder-07:#E5F5D8; --key-finder-06:#EEFA8E; --key-finder-05:#FCFAAF; --key-finder-04:#FFE7C9; --key-finder-03:#F8D1D2; --key-finder-02:#F2A3A8; --key-finder-01:#EC757B; --key-finder-00:#FFFFFF; --key-finder-na:#EAEAEA; --key-gauge-rank-09:#85DE4B; --key-gauge-rank-08:#9FE47A; --key-gauge-rank-07:#C2EEA8; --key-gauge-rank-06:#FEFB4C; --key-gauge-rank-05:#FEE572; --key-gauge-rank-04:#FDF291; --key-gauge-rank-03:#F8D1D2; --key-gauge-rank-02:#FF767F; --key-gauge-rank-01:#FF464F; --key-gauge-raw-03:#1F8E18; --key-gauge-raw-02:#FFD644; --key-gauge-raw-01:#DF2F01; --key-star-dots-03:#1F8E18; --key-star-dots-03-primary:#1f8e18; --key-star-dots-03-grad-top:#7bc176; --key-star-dots-03-grad-btm:#439d43; --key-star-dots-02:#FFD644; --key-star-dots-02-primary:#cea924; --key-star-dots-02-grad-top:#ffea9e; --key-star-dots-02-grad-btm:#ffd644; --key-star-dots-01:#DF2F01; --key-star-dots-01-primary:#b02400; --key-star-dots-01-grad-top:#f18a70; --key-star-dots-01-grad-btm:#df2f01; --key-true:#B2E388; --key-false:#F8D1D2; --grad-btn-red-dark:#930b00; --grad-btn-red-light:#d51e0e; --grad-btn-green-dark:#294a29; --grad-btn-green-light:#59b54c; --grad-btn-blue-dark:#004893; --grad-btn-blue-light:#0085b3; --grad-btn-orange-dark:#8f2e00; --grad-btn-orange-light:#ffa000; } .clear { clear: both !important; } .fake-link,{ text-decoration: underline; } .fake-link:hover { text-decoration: none; cursor: pointer; } #HA-Load { display: block !important; font-family: 'Open Sans', opensans, arial, helvetica !important; } #HA-Load .SMSR-Reports { display: block; position: relative; background: #FFF; border-radius: 10px; padding: 15px 10px; } #HA-Video-Modules a:hover,#HA-Tool-Block a:hover {background: transparent !important; } .ha-disclaimer { font-size: 14px; text-align: center; font-style: italic; } #Market-Name-Block { display: inline-block; max-width: 475px; padding: 5px 30px; vertical-align: middle; border-radius: 8px; font-size: 22px; line-height: 20px;} #Market-Name-Block:before { position: relative; top: 3px; left: -15px; margin-right: -5px; content: ' '; width: 100%; height: 100%; display: inline-block; background: url(https://www.housingalerts.com/ha_widgets/images/interface/fa-arrow-right-solid-blue.svg) center no-repeat; background-size: 90% 90%; width: 19px; height: 18px; } #HA-Tool-Name { display: block; width: 100%; max-width: 1200px; position: relative; margin: 20px auto 10px auto; border: var(--core-blue) 1px solid; border-left: none !important; border-right: none !important; padding: 10px 0px; } #HA-Tool-Name div { vertical-align: middle; } #HA-Tool-Name .HA-Tool { display: block; width: 100%; padding: 7px 20px 5px 20px; } #HA-Tool-Name span.HA-Tool { font-family: "Open Sans", opensans, sans-serif, Arial, Helvetica !important; -webkit-font-smoothing: antialiased; font-size: 32px !important; font-weight: bold; line-height: 115%; color: var(--core-blue); } #HA-Tool-Name .HA-Logo { display: inline-block; position: relative; width: 100%; max-width: 255px; max-height: 65px; margin: 0px auto; vertical-align: middle; } #HA-Tool-Name .HA-Logo-Disclaim { display: block; position: relative; margin-top: 0px; margin-bottom: -10px ; font-size: 12px !important; font-style: italic; } #HA-Tool-Block { display: block; position: relative; z-index: 0; padding: 0px; width: 100%; max-width: 2200px; margin: 20px auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block .Show-Mobile { display: none !important; } #HA-Tool-Block .Hide-Desktop { display: none !important; } #HA-Tool-Block .Hide-Mobile { display: block !important; } #HA-Tool-Block .Hide-Mobile.Inline { display: inline-block !important; } #HA-Tool-Block .Show-Mobile.Inline { display: none !important; } #HA-Tool-Block .Hide-Desktop.Inline { display: none !important; } @media screen and (max-width: 768px) { #HA-Tool-Block .Hide-Desktop { display: block !important; } #HA-Tool-Block .Hide-Mobile { display: none !important; } #HA-Tool-Block .Show-Mobile { display: block !important; } #HA-Tool-Block .Hide-Desktop.Inline { display: inline-block !important; } #HA-Tool-Block .Hide-Mobile.Inline { display: none !important; } #HA-Tool-Block .Show-Mobile.Inline { display: inline-block !important; } } #Data-Cert { display: block; width: 100%; position: absolute; z-index: 5; } #Data-Cert.ha-finder-table { top: 200px; } #Data-Cert.ha-mls-table { top: 285px; } #Data-Cert.ha-gauge-canvas { margin: 0px auto; } #Data-Cert.ha-gauge-canvas.column-1 { left: 10%; } #Data-Cert.ha-gauge-canvas.column-equal { left: -8%; } #Data-Cert.ha-star-table { top: 130px; } @media( max-width: 768px ){ #Data-Cert.ha-gauge-canvas.column-1,#Data-Cert.ha-gauge-canvas.column-3 { display: none; left: auto; } #Data-Cert.ha-gauge-canvas { top: 15px !important; left: -55px; } #Data-Cert.ha-star-table .right { margin-top: 75px; } } #Data-Cert .ha-cert { display: block; max-width: 250px; position: absolute; z-index: 5; transform: rotate(-0.05turn); pointer-events: none; } #Data-Cert .ha-cert.left { left: 75px; right: auto; } #Data-Cert .ha-cert.right { left: auto; right: 10%; } #Data-Cert .ha-cert.center { left: auto; right: auto; } #Data-Cert .ha-cert span { display: block; padding: 0px; font-weight: bold; color: rgba(0,0,0,0.1); text-align: center; } #Data-Cert .ha-cert .ha-cert-name { font-size: 18px !important; line-height: 110%; } #Data-Cert .ha-cert .ha-cert-id { font-size: 10px !important; line-height: 110%; margin-top: 0px; } #HA-Tool-Block .data-cert-id { top: -8px; z-index: -1; } #HA-Tool-Block .ha-status-message { display: block; margin: 25px auto; padding: 10px; border: #FC3 1px solid; background: #FFC; } #HA-Tool-Block .ha-status-message .ha-status-inner { display: block; padding: 15px; border: #FC3 1px solid; font-size: 15px !important; color: #4d4d4d; text-align: center; } #HA-Tool-Block .ha-status-message .ha-status-inner span { display: inline-block; vertical-align: middle; margin: 0px 5px; } #HA-Tool-Block .ha-status-message .ha-status-inner .icon-image { display: inline-block; margin: 0px 5px; border: none; padding: 0px; position: relative; vertical-align: middle; width: 100%; max-width: 20px; height: auto; vertical-align: middle; } #HA-Tool-Block.Map-Tool { overflow-x: clip; } #HA-Tool-Block #offsite-ha-base-block { display: block; position: relative; width: 100%; max-width: 1200px; margin: 0px auto; } #HA-Tool-Block.Market-Form-Block { margin: 0px auto -20px auto; } .HA-Tools-Loading { overflow: hidden; } #Plugin-Alert { display: block; position: relative; max-width: 1200px; margin: 10px auto; border-radius: 10px; background: var(--core-yellow); color: #333; cursor: default !important; text-align: center; padding: 5px 10px; font-size: 16px; font-weight: 600; } #Plugin-Alert span { display: inline-block; vertical-align: middle; } #Plugin-Alert .Alert-Title { display: block; position: relative; margin-top: 5px; } #Plugin-Alert .Alert-Title span { font-size: 20px !important; line-height: 18px; font-weight: bold; } #Plugin-Alert .Alert-Detail { display: block; position: relative; } #Plugin-Alert .Alert-Detail span { font-size: 16px !important; line-height: 18px; font-style: italic !important; } #Plugin-Alert img { position: relative; top: 0px; max-width: 15px; vertical-align: middle; margin: 0px 5px; opacity: 0.6; } #Plugin-Alert .Alert-Title img { max-width: 25px; margin: 0px 10px; } @media(max-width:767px){ #HA-Tool-Name .HA-Logo { display: none; } #Plugin-Alert,#Plugin-Alert span { font-size: 14px !important; } #HA-Tool-Block.Map-Tool {} #HA-Tool-Block .ha-status-message .ha-status-inner span { display: block !important; margin: 5px auto !important; text-align: center; } } #HA-Tool-Block div, #HA-Tool-Block p, #HA-Tool-Block span, #HA-Tool-Block table, #HA-Tool-Block td, #HA-Tool-Block tr, #HA-Tool-Block ul #HA-Tool-Block ol, #HA-Tool-Block li, #HA-Tool-Block h1, #HA-Tool-Block h2, #HA-Tool-Block h3, #HA-Tool-Block h4, #HA-Tool-Block h5, #HA-Tool-Block h6, #HA-Tool-Block, #HA-Load, #HA-Services { font-family: "Open Sans", opensans, sans-serif, Arial, Helvetica !important; -webkit-font-smoothing: antialiased; line-height: 125%; } #HA-Tool-Block p { margin: 0px auto 15px auto; } #HA-Tool-Block .loading-box-table { display: block; } #HA-Tool-Block .loading-box { display: block; z-index: 300; position: absolute; background: rgba(215,235,255,0.85); top: 0; right: 0; bottom: 0; left: 0; padding: 50px; text-align: center; } #HA-Tool-Block .loading-box-table .loading-text,#HA-Tool-Block .loading-box .loading-text { display: block; margin: 10px auto; font-family: 'Fjalla One', sans-serif !important; font-size: 28px !important; font-weight: bold; color: var(--core-blue); /* color#124D99 */; } #HA-Tool-Block .loading-box-table .loading-text,#HA-Tool-Block .loading-box-table .loading-icon { display: none; vertical-align: middle; font-size: 22px; } #HA-Tool-Block .loading-box-table .loading-text i,#HA-Tool-Block .loading-box-table .loading-icon i,#HA-Tool-Block .loading-box .loading-text i,#HA-Tool-Block .loading-box .loading-icon i { display: none; margin: 10px auto; font-size: 50px; margin-top: 20px; color: var(--core-blue); /* color#124D99 */; } #HA-Tool-Block .loading-box-table .loading-image,#HA-Tool-Block .loading-box .loading-image { display: block; margin: 10px auto; } #HA-Tool-Block .loading-box-table .loading-image { display: inline-block; vertical-align: middle; } #HA-Tool-Block .loading-box-table .loading-image img,#HA-Tool-Block .loading-box .loading-image img { display: block; margin: 10px auto; border-radius: 10px; opacity: 0.7; max-width: 180px; } #HA-Tool-Block .loading-box-table .loading-image img { max-width: 60px; } #HA-Tool-Block .loading-page .loading-hidden { display: none; } #HA-Tool-Block .loading-page.loading-complete .loading-hidden { display: block !important; } #HA-Tool-Block .loading-box.Sticky .loading-text { display: inline-block; position: fixed; top: 100px; left: 41%; } #HA-Tool-Block .loading-box.Sticky .loading-image { display: inline-block; position: fixed; top: 150px; left: 43%; } #HA-Tool-Block .ha-tool-details { display: block; width: 100%; margin: 15px auto -5px auto; border-radius: 10px; padding: 10px 15px; font-size: 14px; color: #F4F4F4; background: var(--core-blue); border: 4px solid var(--core-blue); border-radius: 5px 5px 0px 0px; border-bottom: none; text-align: center; } #HA-Tool-Block .ha-tool-details p { font-size: 16px; color: #F4F4F4; line-height: 110%; margin: 0px auto 5px auto !important; } #HA-Tool-Block .ha-tool-details strong { font-size: 24px; color: #FFF; line-height: 110%; } #HA-Tool-Block input.text,#HA-Tool-Block input.title,#HA-Tool-Block input[type=email],#HA-Tool-Block input[type=password],#HA-Tool-Block input[type=tel],#HA-Tool-Block input[type=text],#HA-Tool-Block input[type=number],#HA-Tool-Block textarea { background-color: #fff; border: 1px solid #bbb; padding: 2px; color: #4e4e4e; } #HA-Tool-Block #top-scroll { overflow-x: auto; overflow-y: hidden; height: 20px; z-index: 5; } #HA-Tool-Block #top-scroll.at-screen-top { height: fit-content !important; position: sticky; top: 0px; } .admin-bar #HA-Tool-Block #top-scroll.at-screen-top { top: 32px; } #HA-Tool-Block #top-scroll table { opacity: 0.0; } #HA-Tool-Block .styled-scrolling.all { overflow: scroll; } #HA-Tool-Block .styled-scrolling.horiz { overflow-x: scroll; overflow-y: hidden; } #HA-Tool-Block .styled-scrolling.vert { overflow-x: hidden; overflow-y: scroll; } #HA-Tool-Block .styled-scrolling::-webkit-scrollbar { width: 10px; } #HA-Tool-Block .styled-scrolling::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,150,0.2); border-radius: 25px; } #HA-Tool-Block .styled-scrolling::-webkit-scrollbar-thumb { background-color: var(--core-blue); outline: #FFF 1px solid; border-radius: 20px; } #HA-Tool-Block .styled-scrolling::-webkit-scrollbar-button { display: none; background: var(--core-blue); color: #FFF; } #HA-Tool-Block .ha-col-1 select.Connected { max-width: 430px !important; } #HA-Tool-Block .ha-col-2 select.Connected { max-width: 300px !important; } #HA-Tool-Block .ha-col-3 select.Connected { max-width: 170px !important; } #HA-Tool-Block .ha-col-1 { display:inline-block; width: 100%; max-width: 800px; min-width: 375px !important; } #HA-Tool-Block .ha-col-2 { display:inline-block; width: 50%; max-width: 380px; min-width: 250px !important; } #HA-Tool-Block .ha-col-3 { display:inline-block; width: 33%; max-width: 250px; min-width: 150px !important; } #HA-Tool-Block .MLS-Set { text-align: center; } #HA-Tool-Block .MLS-Set .ha-col-3:nth-child(1) { width: 25%; } #HA-Tool-Block .MLS-Set .ha-col-3:nth-child(2) { width: 50%; max-width: 375px; } #HA-Tool-Block .MLS-Set .ha-col-3:nth-child(3) { width: 25%; } #HA-Tool-Block .MLS-Set .ha-col-3:nth-child(1) select.Connected { max-width: 110px !important; } #HA-Tool-Block .MLS-Set .ha-col-3:nth-child(2) select.Connected { max-width: 300px !important; } #HA-Tool-Block .MLS-Set .ha-col-3:nth-child(3) select.Connected { max-width: 100px !important; } #HA-Tool-Block .year-select-block { text-align: center; } #HA-Tool-Block #Sidebar-Toolbox.sidebar-toolbox .ha-col-1,#HA-Tool-Block #Sidebar-Toolbox.sidebar-toolbox .ha-col-2,#HA-Tool-Block #Sidebar-Toolbox.sidebar-toolbox .ha-col-3 { display: block; width: 100% !important; max-width: 250px; min-width: 150px !important; } @media screen and (max-width:768px){ body #main-content .container { width: 100% !important; padding: 0px 20px !important; } body #page-container { overflow-x: hidden; } h1, h1.et_pb_contact_main_title, .et_pb_title_container h1 { font-size: 28px !important; } #HA-Tool-Block .ha-col-1 select.Connected,#HA-Tool-Block .ha-col-2 select.Connected,#HA-Tool-Block .ha-col-3 select.Connected { max-width: 300px !important; } #HA-Tool-Block .MLS-Set .ha-col-3:nth-child(1) select.Connected,#HA-Tool-Block .MLS-Set .ha-col-3:nth-child(2) select.Connected,#HA-Tool-Block .MLS-Set .ha-col-3:nth-child(3) select.Connected { max-width: 225px !important; } #HA-Tool-Block .ha-col-1,#HA-Tool-Block .ha-col-2,#HA-Tool-Block .ha-col-3,#HA-Tool-Block .MLS-Set .ha-col-3:nth-child(1),#HA-Tool-Block .MLS-Set .ha-col-3:nth-child(2),#HA-Tool-Block .MLS-Set .ha-col-3:nth-child(3) { display:inline-block; width: 100% !important; max-width: 350px; } #HA-Tool-Block #msa_dream_m_div,#HA-Tool-Block #msa_dream_y_div,#HA-Tool-Block #msa_dream_q_div { min-width: 325px !important; text-align: center; } #HA-Tool-Block .sidebar-toolbox #msa_dream_m_div, #HA-Tool-Block .sidebar-toolbox #msa_dream_y_div, #HA-Tool-Block .sidebar-toolbox #msa_dream_q_div { min-width: 200px !important; max-width: 250px !important; } #HA-Tool-Block h1 { font-size: 28px !important; } #HA-Tool-Block h2 { font-size: 26px !important; } #HA-Tool-Block h3 { font-size: 24px !important; } #HA-Tool-Block h3 { font-size: 22px !important; } #HA-Tool-Block h5 { font-size: 20px !important; } #HA-Tool-Block h6 { font-size: 18px !important; } #Market-Name-Block { display: block; width: 100%; max-width: 500px; } } .HA-Login-Button { display: inline-block; float: right; font-family: opensans, arial; color: #424242; cursor: pointer; font-size: 16px; padding: 4px 10px 4px 10px; border-radius: 5px; text-align: center; outline: none; text-decoration: none; vertical-align: middle; width: 100%; max-width: 235px; margin: 20px auto; background: linear-gradient(#ddd,#eee); border: none; } /* Market Select Form Addons */ .Market-Form-Block { max-width: 763px !important; margin: 10px auto; } .Admin-Market-Form { max-width: 850px !important; margin: 10px auto; } #HA-Tool-Block .Market-Form-Head { padding: 15px; background: rgba(255,205,0,0.2); border: rgba(50,50,50,0.3) 1px solid; border-radius: 10px; margin: 10px auto; font-size: 18px; text-align: center; color: var(--core-red); } .Market-Form-Disclaimer { padding: 5px; margin: 10px auto; font-size: 14px; font-style: italic; text-align: center; color: var(--core-red); } .page-id-29801 #HA-Tool-Block .Market-Form-Head { font-size: 16px; font-weight: bold; } #HA-Tool-Block .Market-Input { display: inline-block; height: 45px; max-height: 45px; width: 100%; min-width: 250px; max-width: 250px; padding: 0px 5px; margin: 0px auto; vertical-align: middle; font-size: 16px; } #HA-Tool-Block .Market-Button { display: inline-block; height: 45px; width: 100%; min-width: 250px; max-width: 250px; padding: 3px; margin: 10px auto; vertical-align: middle; } .page-id-29801 #HA-Tool-Block .Market-Input,.page-id-29801 #HA-Tool-Block .Market-Button { min-width: 210px !important; max-width: 210px !important; } .animate__animated #HA-Tool-Block .Market-Input,.animate__animated #HA-Tool-Block .Market-Button { min-width: 230px !important; max-width: 230px !important; } #HA-Tool-Block .Market-Column,#HA-Tool-Block .Market-Column div { display: inline-block; vertical-align: middle; } #HA-Tool-Block .Market-Column:first-child:before { display: inline-block; position: relative; top: 0px; content: 'STEP 1: Please Select A Market'; font-size: 18px; font-weight: bold; line-height: 30px; background: var(--core-blue); color: #FFF; padding: 5px 25px; height: 45px; border-radius: 50px 0px 0px 50px; vertical-align: middle; } #HA-Tool-Block .Market-Column-Title { display: inline-block; vertical-align: middle; position: relative; top: -2px; font-size: 18px; font-weight: bold; line-height: 30px; background: var(--core-blue); color: #FFF; padding: 5px 25px; height: auto; max-height: 45px; border-radius: 50px 0px 0px 50px; vertical-align: middle; } #offsiteMarketSelect { display: block; margin: 0px auto; text-align: center; } #offsiteMarketForm { display: none; margin-bottom: 30px; } /* Form Tools Addons */ #HA-Tool-Block .Expanded-View .Form-Tools { max-width: 1200px; margin: 0px auto; } #HA-Tool-Block .Form-Tools-Box { background: #FFF; } #HA-Tool-Block .Form-Tools-Box-Left { width: 48%; float: left; } #HA-Tool-Block .Form-Tools-Box-Right { width: 48%; float: right; } @media screen and (max-width:600px){ #HA-Tool-Block .Form-Tools-Box-Left, #HA-Tool-Block .Form-Tools-Box-Right { width: auto !important; float: none; } #HA-Tool-Block .Market-Column:first-child:before { display: block; margin: 10px auto 0px auto; height: auto; background: var(--core-blue); color: #FFF; padding: 10px; border-radius: 10px; } #HA-Tool-Block .Market-Column-Title { display: block; margin: 10px auto 0px auto; height: auto; background: var(--core-blue); color: #FFF; padding: 10px; border-radius: 10px; } #HA-Tool-Block .Market-Input { margin: 0px auto; } } #HA-Tool-Block #Data-Update-Title { font-size: 16px; font-weight: bold; text-align: center; color: #FFF; } #HA-Tool-Block #Data-Update-Block { display: inline-block; width: 200px; position: absolute; top: 2px; right: 5px; background: rgba(255,255,255,0.3); color: #FFF; padding: 2px 10px; border-radius: 10px; vertical-align: middle; } #HA-Tool-Block #Data-Update-Block .Data-Label { display: inline-block; position: relative; margin-bottom: 0px; vertical-align: middle; font-size: 10px; font-weight: bold; } #HA-Tool-Block #Data-Update-Block .Data-Date { display: inline-block; position: relative; vertical-align: middle; font-size: 14px; font-weight: bold; } #HA-Tool-Block #Data-Update-Block .Data-Date span { padding: 0px; font-size: 14px !important; } #HA-Tool-Block #Data-Update-Block .Date-Date-Month,#HA-Tool-Block #Data-Update-Block .Date-Date-Year { font-size: 13px; font-weight: 600; color: #FFF; padding: 0px; text-align: center; height: 15px; background: rgba(18, 77, 153,0.5); border: none; } #HA-Tool-Block #Data-Update-Block .Date-Date-Month { max-width: 85px; } #HA-Tool-Block #Data-Update-Block .Date-Date-Year { max-width: 50px; } @media screen and (max-width:768px){ #HA-Tool-Block .table-wrapper .Form-Tools.MLS-Tools { display: block; max-width: 400px; } #HA-Tool-Block .table-wrapper .Form-Tools.MLS-Tools div[class^="Form-Box-Col-"] { display: block; } #HA-Tool-Block #Data-Update-Block { display: block; width: auto; max-width: 300px; position: relative; top: inherit; right: inherit; } #HA-Tool-Block #Data-Update-Block .Data-Label,#HA-Tool-Block #Data-Update-Block .Data-Date,#HA-Tool-Block #Data-Update-Block .Date-Date-Month,#HA-Tool-Block #Data-Update-Block .Date-Date-Year,#HA-Tool-Block #Data-Update-Block .Data-Date span { display: inline-block; font-size: 15px !important; height: auto; width: auto; max-width: inherit; } } #HA-Tool-Block .Form-Box-Header { padding: 10px 5px; text-align: center; margin: 10px auto 0px auto; background: var(--core-blue); border-radius: 0px; color: #fff; font-size: 20px !important; } #HA-Tool-Block .Form-Box-Header-2 { padding: 5px; text-align: center; margin: 10px auto 0px auto; background: var(--core-blue); border-radius: 0px; color: #fff; font-size: 18px !important; } #HA-Tool-Block .Form-Box-Contents { border: 2px solid #eaeaea; border-top: 0; padding: 20px 15px 15px 15px; } #HA-Tool-Block .Compact-Block .Form-Box-Contents { border: none !important; padding: 0px !important; } #HA-Tool-Block .Block-Header { padding: 5px !important; font-size: 18px; font-weight: bold; text-align: center; background: var(--core-blue); /* color#124D99 */; color: #FFF; } #HA-Tool-Block .Form-Field-Label { margin: 5px auto 0px auto; padding: 5px; text-align: center; background: var(--core-blue); border-radius: 10px; color: #fff; font-size: 16px !important; } #HA-Tool-Block .Form-Tools select, #HA-Tool-Block .Form-Select { width: 100%; max-width: 200px; } #HA-Tool-Block .Form-Box-Row-2 .Form-Select-Wide { width: 100%; max-width: 250px !important; } #HA-Tool-Block .Form-Box-Row-3 .Form-Select-Wide { width: 100%; max-width: 300px !important; } #HA-Tool-Block .Form-Select-Small { width: 100%; max-width: 100px !important; } #HA-Tool-Block .Form-Tools .Fit-Content { width: fit-content; } #HA-Tool-Block .Form-Tools select:disabled, #HA-Tool-Block .Form-Select:disabled { background: #F1F1F1; cursor: not-allowed; } #HA-Tool-Block .Form-Tools select.Connected { color: #424242; font-size: 16px; font-weight: bold; text-align: center; text-align-last: center; -moz-text-align-last: center; border-radius: 0px 5px 5px 0px !important; border: #ccc 1px solid; width: 100%; min-width: 100px; max-width: 100px; margin-top: -1px; height: 35px; vertical-align: bottom; } #HA-Tool-Block .Form-Tools label.Connected { display: inline-flex; align-items: center; text-align: center; min-width: 45px; height: 35px; margin: -1px auto 0px auto; font-size: 16px; text-align: center; padding: 2px 5px 2px 5px; border-radius: 5px 0px 0px 5px; border: 1px solid var(--core-blue); color: #FFF; background: var(--core-blue); background: linear-gradient(var(--core-blue-light), var(--core-blue)); min-width: 75px; } #HA-Tool-Block .Form-Tools .option-label { display: inline-block; padding: 3px; width: 100%; max-width: 300px; min-width: 100px; color: #424242; font-size: 16px; font-weight: bold; text-align: center; text-align-last: center; -moz-text-align-last: center; border-radius: 0px 5px 5px 0px !important; border: var(--core-green) 1px solid; margin-top: -1px; height: 35px; vertical-align: bottom; } #HA-Tool-Block .Form-Tools.sidebar-toolbox .option-label { max-width: 125px; } .Form-Tools.MLS-Tools label.Connected { font-size: 14px !important; margin: -1px -5px 0px auto !important; background: var(--core-green-lightest) !important; background: linear-gradient(var(--core-green-lightest),var(--core-green)) !important; padding: 0px 8px !important; height: 27px !important; vertical-align: middle !important; } .Form-Tools.MLS-Tools select.Connected { font-size: 14px !important; padding: 0px 8px !important; height: 25px !important; vertical-align: middle !important; } #HA-Tool-Block .Form-Tools .manipulators-block select { max-width: 450px; } #HA-Tool-Block .Form-Tools .manipulators-block select.Connected, #HA-Tool-Block .Form-Tools .manipulators-block label.Connected { display: inline-block; max-width: 65px; width: 100%; min-width: 35px; } #HA-Tool-Block .Form-Tools .manipulators-block select.Connected { max-width: 300px; margin: 8px 0px 0px 0px; } #HA-Tool-Block .Form-Tools .manipulators-block .option-label { margin: 8px 0px 0px 0px; padding: 8px 5px; } #HA-Tool-Block .Form-Tool-Button { text-align: center; padding: 2px 5px 2px 5px; border-radius: 5px; border: 1px solid var(--core-blue); display: inline-block; height: 32px; margin: 3px -5px 0px auto; color: #FFF; background: var(--core-blue) !important; background: linear-gradient(var(--core-blue-light), var(--core-blue)) !important; min-width: 75px; } #HA-Tool-Block .Form-Tools hr { border: #E4E4E4 1px solid; } #HA-Tool-Block .Form-Tools .Radio-Button { text-align: center; width: 100%; } #HA-Tool-Block .Form-Tools .Radio-Button label { background: #EAEAEA; display: inline-block; padding: 5px 10px; margin: 0px auto; cursor: pointer; border-radius: 8px; width: 100%; font-size: 14px !important; } #HA-Tool-Block .Form-Tools .Form-Box-Row-1 .Radio-Button label, #HA-Tool-Block .Form-Tools .Form-Box-Row-2 .Radio-Button label { max-width: 350px; } #HA-Tool-Block .Form-Tools .Form-Box-Row-3 .Radio-Button label, #HA-Tool-Block .Form-Tools .Form-Box-Row-4 .Radio-Button label { max-width: 250px; } #HA-Tool-Block .Form-Tools .Radio-Button input[type="radio"] { display: none; } #HA-Tool-Block .Form-Tools .Radio-Button input:checked + label { color: #FFF; background: var(--core-blue) !important; background: linear-gradient(var(--core-blue-light), var(--core-blue)) !important; } #HA-Tool-Block .Form-Tools .Select-Menu select:disabled { display: none; } #HA-Tool-Block .Form-Tools .Select-Menu select { display: inline-block; } #HA-Tool-Block .Form-Tools .Select-Menu em { display: inline-block; font-size: 14px; padding: 3px; margin-bottom: 5px; } @media screen and (max-width:1200px){ #HA-Tool-Block .Form-Tools select, .Form-Select { width: 100%; max-width: 140px; } } @media screen and (max-width:1024px){ #HA-Tool-Block .Form-Tools .manipulators-block select.Connected, #HA-Tool-Block .Form-Tools .option-label { max-width: 220px !important; display: inline-block; width: auto; float: none; position: relative; } #HA-Tool-Block .Form-Tools.sidebar-toolbox .manipulators-block select.Connected, #HA-Tool-Block .Form-Tools .option-label { min-width: 125px; } } @media screen and (max-width:600px){ #HA-Tool-Block .dream-controls-block .top-part-block .save-link-block { padding: 0 13px 0 0; margin: 0px auto 0px 10px; } #HA-Tool-Block .Form-Tools .manipulators-block select.Connected, #HA-Tool-Block .Form-Tools .manipulators-block label.Connected { font-size: 18px; min-height: 35px; } #HA-Tool-Block .Form-Tools .manipulators-block select.Connected { max-width: 220px !important; min-width: 220px; display: inline-block; width: auto; float: none; position: relative; } #HA-Tool-Block .Form-Tools.sidebar-toolbox .manipulators-block select.Connected { max-width: 160px !important; min-width: 125px; } #HA-Tool-Block .Form-Tools select.Connected { width: 100%; max-width: 200px !important; } #HA-Tool-Block .Form-Tools select.Connected.Med { width: 100%; max-width: 200px !important; } #HA-Tool-Block .Form-Tools span { font-size: 15px; } #HA-Tool-Block .Form-Tools select, .Form-Select { font-size: 15px; padding: 0px 5px; max-width: 400px !important; min-height: 30px; } #HA-Tool-Block .Form-Tools .Form-Select-T { margin-top: 3px; } #HA-Tool-Block .Form-Tools label.Connected { font-size: 22px; padding: 0px 10px; max-width: 400px !important; min-height: 32px; min-width: 90px; vertical-align: middle; } #HA-Tool-Block .sidebar-toolbox .appreciation-block.Types label.Connected, #HA-Tool-Block .sidebar-toolbox .appreciation-block.Maps label.Connected, #HA-Tool-Block .Form-Tools.sidebar-toolbox .manipulators-block label.Connected, #HA-Tool-Block .sidebar-toolbox .appreciation-block.Scores label.Connected { max-width: 60px !important; } #HA-Tool-Block .Form-Tools .Radio-Button label { font-size: 15px; padding: 5px; max-width: 415px !important; margin-left: auto !important; margin-right: auto !important; } } #HA-Tool-Block .Form-Tools .switch { position: relative; display: inline-block; width: 35px; height: 22px; margin-right: 3px; margin-bottom: 5px; } #HA-Tool-Block .Form-Tools .switch input.Toggle { opacity: 0; width: 0; height: 0; } #HA-Tool-Block .Form-Tools .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border: none !important; background-color: #E4E4E4; -webkit-transition: .4s; transition: .4s; } #HA-Tool-Block .Form-Tools .slider:before {position: absolute; content: ""; height: 15px; width: 15px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } #HA-Tool-Block .Form-Tools input.Toggle:checked + .slider { background-color: var(--core-blue); } #HA-Tool-Block .Form-Tools input.Toggle:focus + .slider { box-shadow: 0 0 1px #E4E4E4; } #HA-Tool-Block .Form-Tools input.Toggle:checked + .slider:before { -webkit-transform: translateX(12px); -ms-transform: translateX(12px); transform: translateX(12px); } #HA-Tool-Block .Form-Tools .slider.round { border-radius: 34px; } #HA-Tool-Block .Form-Tools .slider.round:before { border-radius: 50%; } #HA-Tool-Block .Form-Tools .Narrow-Buttons { width: 100%; min-width: 400px; text-align: left; } @media screen and (max-width:1200px){ #HA-Tool-Block .Form-Tools .Narrow-Buttons { width: 100%; min-width: 250px !important; text-align: left; } } @media screen and (max-width:950px){ #HA-Tool-Block .Form-Tools .Narrow-Buttons { width: 100%; min-width: auto !important; text-align: left; } } @media screen and (max-width:600px){ #HA-Tool-Block .Form-Tools label.Freestanding { min-width: 75px; width: 100%; max-width: 200px; display: inline-block; } #HA-Tool-Block .Form-Tools .manipulators-block label.Freestanding { max-width: 90px; } } /* --- Memberium Specific Mods --- */ #HA-Tool-Block .Form-Tools #memb_addupdate_creditcard-1 div { display: inline-block; width: 50%; } #HA-Tool-Block .Form-Tools #memb_addupdate_creditcard-1 div:nth-child(9), #HA-Tool-Block .Form-Tools #memb_addupdate_creditcard-1 div:nth-child(10), #HA-Tool-Block .Form-Tools #memb_addupdate_creditcard-1 div:nth-child(11) { display: inline-block; width: 33% !important; } #HA-Tool-Block .Form-Tools #memb_addupdate_creditcard-1 div:last-child { display: inline-block; width: 100%; text-align: center; } #HA-Tool-Block .Form-Tools #memb_addupdate_creditcard-1 div:last-child input { margin: 0px auto; float: none; } #HA-Tool-Block .Form-Tools #memb_addupdate_creditcard-1 div input, #HA-Tool-Block .Form-Tools #memb_addupdate_creditcard-1 div select { width: 100%; max-width: 500px; } #HA-Tool-Block .Form-Tools #memb_addupdate_creditcard-1 div label { } #HA-Tool-Block .Form-Tools #memb_addupdate_creditcard-1 { max-width: 600px; } #HA-Tool-Block .preferences-block .Table-Align { display: table-cell; padding: 0 0 0 20px; width: auto !important; float: none !important; } #HA-Tool-Block .preferences-block .Table-Align.Middle { vertical-align: middle; postitiona: relative; } #HA-Tool-Block .preferences-block .Table-Align.Bottom { vertical-align: bottom; } @media screen and (max-width:800px){ #HA-Tool-Block .preferences-block .Table-Align { display: block !important; width: 100% !important; min-width: 100% !important; float: none !important; } } #HA-Tool-Block .Form-Box-Row-2 { clear: both; } #HA-Tool-Block .Form-Box-Row-2 .Form-Box-Col-1 { width: 50%; float: left; } #HA-Tool-Block .Form-Box-Row-2.Row-Special-2 .Form-Box-Col-1 { width: 25%; float: left; } #HA-Tool-Block .Form-Box-Row-2 .Form-Box-Col-2 { width: 50%; float: left; } #HA-Tool-Block .Form-Box-Row-2.Row-Special-2 .Form-Box-Col-2 { width: 75%; float: left; } #HA-Tool-Block .Form-Box-Row-3 { clear: both; } #HA-Tool-Block .Form-Box-Row-3 .Form-Box-Col-1 { width: 33%; float: left; } #HA-Tool-Block .Form-Box-Row-3 .Form-Box-Col-2 { width: 34%; float: left; } #HA-Tool-Block .Form-Box-Row-3 .Form-Box-Col-3 { width: 33%; float: left; } #HA-Tool-Block .Form-Box-Row-3.Row-Special-1 .Form-Box-Col-1 { width: 50%; float: left; } #HA-Tool-Block .Form-Box-Row-3.Row-Special-2 .Form-Box-Col-2 { width: 50%; float: left; } #HA-Tool-Block .Form-Box-Row-4 { clear: both; } #HA-Tool-Block .Form-Box-Row-4 .Form-Box-Col-1 { width: 25%; float: left; } #HA-Tool-Block .Form-Box-Row-4 .Form-Box-Col-2 { width: 25%; float: left; } #HA-Tool-Block .Form-Box-Row-4 .Form-Box-Col-3 { width: 25%; float: left; } #HA-Tool-Block .Form-Box-Row-4 .Form-Box-Col-4 { width: 25%; float: left; } #HA-Tool-Block .Form-Box-Row-4.Row-Special-1 .Form-Box-Col-3 { width: 50%; float: left; } #HA-Tool-Block .Form-Box-Row-5 { clear: both; } #HA-Tool-Block .Form-Box-Row-5 .Form-Box-Col-1 { width: 20%; float: left; } #HA-Tool-Block .Form-Box-Row-5 .Form-Box-Col-2 { width: 20%; float: left; } #HA-Tool-Block .Form-Box-Row-5 .Form-Box-Col-3 { width: 20%; float: left; } #HA-Tool-Block .Form-Box-Row-5 .Form-Box-Col-4 { width: 20%; float: left; } #HA-Tool-Block .Form-Box-Row-5 .Form-Box-Col-5 { width: 20%; float: left; } #HA-Tool-Block .Form-Box-Row-6 { clear: both; } #HA-Tool-Block .Form-Box-Row-6 .Form-Box-Col-1 { width: 16.6%; float: left; } #HA-Tool-Block .Form-Box-Row-6 .Form-Box-Col-2 { width: 16.6%; float: left; } #HA-Tool-Block .Form-Box-Row-6 .Form-Box-Col-3 { width: 16.6%; float: left; } #HA-Tool-Block .Form-Box-Row-6 .Form-Box-Col-4 { width: 16.6%; float: left; } #HA-Tool-Block .Form-Box-Row-6 .Form-Box-Col-5 { width: 16.6%; float: left; } #HA-Tool-Block .Form-Box-Row-6 .Form-Box-Col-6 { width: 16.6%; float: left; } #HA-Tool-Block .Form-Box-Col-1.Center, #HA-Tool-Block .Form-Box-Col-2.Center, #HA-Tool-Block .Form-Box-Col-3.Center, #HA-Tool-Block .Form-Box-Col-4.Center { text-align: center; } #HA-Tool-Block .Form-Box-Col-1.Left, #HA-Tool-Block .Form-Box-Col-2.Left, #HA-Tool-Block .Form-Box-Col-3.Left, #HA-Tool-Block .Form-Box-Col-4.Left { text-align: left; } #HA-Tool-Block .Form-Box-Col-1 span, #HA-Tool-Block .Form-Box-Col-2 span, #HA-Tool-Block .Form-Box-Col-3 span, #HA-Tool-Block .Form-Box-Col-4 span { display: block; padding: 5px; } #HA-Tool-Block .Form-Tools.sidebar-toolbox .Form-Box-Col-1, #HA-Tool-Block .Form-Tools.sidebar-toolbox .Form-Box-Col-2, #HA-Tool-Block .Form-Tools.sidebar-toolbox .Form-Box-Col-3, #HA-Tool-Block .Form-Tools.sidebar-toolbox .Form-Box-Col-4, #HA-Tool-Block .Form-Tools.sidebar-toolbox #HA-Tool-Block .Form-Box-Col-5, #HA-Tool-Block .Form-Tools.sidebar-toolbox .Form-Box-Col-6 { width: 70% !important; max-width: 400px !important; margin: 0px auto; float: none !important; } @media screen and (max-width:1200px){ #HA-Tool-Block .Form-Tools .Form-Box-Col-1, #HA-Tool-Block .Form-Tools .Form-Box-Col-2, #HA-Tool-Block .Form-Tools .Form-Box-Col-3, #HA-Tool-Block .Form-Tools .Form-Box-Col-4, #HA-Tool-Block .Form-Tools #HA-Tool-Block .Form-Box-Col-5, #HA-Tool-Block .Form-Tools .Form-Box-Col-6 { width: 50% !important; max-width: 400px !important; margin: 0px auto; } } @media screen and (max-width:996px){ #HA-Tool-Block .Form-Box-Col-1 span, #HA-Tool-Block .Form-Box-Col-2 span, #HA-Tool-Block .Form-Box-Col-3 span, #HA-Tool-Block .Form-Box-Col-4 span, #HA-Tool-Block .Form-Box-Col-5 span, #HA-Tool-Block .Form-Box-Col-6 span { text-align: center !important; } #HA-Tool-Block .Form-Box-Row-3 .Form-Box-Col-1, #HA-Tool-Block .Form-Box-Row-3 .Form-Box-Col-2 { width: 50%; max-width: 600px; margin: 0px auto; } #HA-Tool-Block .Form-Box-Row-3 .Form-Box-Col-3, #HA-Tool-Block .Form-Box-Row-3 .Form-Box-Col-1, #HA-Tool-Block .Form-Box-Row-3 .Form-Box-Col-2 { width: 100% !important; max-width: 100% !important; text-align: center !important; margin: 0px auto; } } @media screen and (max-width:768px){ #HA-Tool-Block .Form-Box-Col-1, #HA-Tool-Block .Form-Box-Col-2, #HA-Tool-Block .Form-Box-Col-3, #HA-Tool-Block .Form-Box-Col-4, #HA-Tool-Block .Form-Box-Col-5, #HA-Tool-Block .Form-Box-Col-6 { width: 100% !important; float: none !important; max-width: 400px !important; text-align: center !important; } } @media screen and (max-width:600px){ #HA-Tool-Block .Form-Box-Col-1.Form-Mobile-Split, #HA-Tool-Block .Form-Box-Col-2.Form-Mobile-Split, .Form-Box-Col-3.Form-Mobile-Split, #HA-Tool-Block .Form-Box-Col-4.Form-Mobile-Split { text-align: center; width: 50% !important; float: left !important; max-width: 400px !important; margin: 0px auto; } } #HA-Tool-Block .Compact-Block .Form-Box-Row-1 div[class^="Form-Box-Col-"],#HA-Tool-Block .Compact-Block .Form-Box-Row-2 div[class^="Form-Box-Col-"],#HA-Tool-Block .Compact-Block .Form-Box-Row-3 div[class^="Form-Box-Col-"],#HA-Tool-Block .Compact-Block .Form-Box-Row-4 div[class^="Form-Box-Col-"],#HA-Tool-Block .Compact-Block .Form-Box-Row-5 div[class^="Form-Box-Col-"],#HA-Tool-Block .Compact-Block .Form-Box-Row-6 div[class^="Form-Box-Col-"] { display: inline-block; width: auto; text-align: center; float: none; } #HA-Tool-Block .Compact-Block.MLS-Tools-2 .Form-Box-Row-1 div[class^="Form-Box-Col-"],#HA-Tool-Block .Compact-Block.MLS-Tools-2 .Form-Box-Row-2 div[class^="Form-Box-Col-"],#HA-Tool-Block .Compact-Block.MLS-Tools-2 .Form-Box-Row-3 div[class^="Form-Box-Col-"],#HA-Tool-Block .Compact-Block.MLS-Tools-2 .Form-Box-Row-4 div[class^="Form-Box-Col-"],#HA-Tool-Block .Compact-Block.MLS-Tools-2 .Form-Box-Row-5 div[class^="Form-Box-Col-"],#HA-Tool-Block .Compact-Block.MLS-Tools-2 .Form-Box-Row-6 div[class^="Form-Box-Col-"] { display: inline-block; width: 50%; text-align: center; float: left; } #HA-Tool-Block .Compact-Block .Form-Box-Row-1 div[class^="Form-Box-Col-"] .widget-questionmark,#HA-Tool-Block .Compact-Block .Form-Box-Row-2 div[class^="Form-Box-Col-"] .widget-questionmark,#HA-Tool-Block .Compact-Block .Form-Box-Row-3 div[class^="Form-Box-Col-"] .widget-questionmark,#HA-Tool-Block .Compact-Block .Form-Box-Row-4 div[class^="Form-Box-Col-"] .widget-questionmark,#HA-Tool-Block .Compact-Block .Form-Box-Row-5 div[class^="Form-Box-Col-"] .widget-questionmark,#HA-Tool-Block .Compact-Block .Form-Box-Row-6 div[class^="Form-Box-Col-"] .widget-questionmark { display: inline-block; position: relative; top: 3px; right: -5px; } #HA-Tool-Block .Compact-Block .Form-Box-Row-1,#HA-Tool-Block .Compact-Block .Form-Box-Row-2,#HA-Tool-Block .Compact-Block .Form-Box-Row-3,#HA-Tool-Block .Compact-Block .Form-Box-Row-4,#HA-Tool-Block .Compact-Block .Form-Box-Row-5,#HA-Tool-Block .Compact-Block .Form-Box-Row-6 { text-align: center; } #HA-Tool-Block .Form-Item-Spacer { display: inline-block; padding: 10px; } .Tool-Advanced { /*display: none;*/ opacity: 0.0; height: 1px; position: fixed; } .Tool-Default { display: block; } .Tool-Default-Only { display: block; } .Advanced-User .Tool-Advanced { display: block !important; opacity: 1.0 !important; height: auto !important; position: relative !important; } .Advanced-User .Tool-Default { display: block !important; } .Advanced-User .Tool-Default-Only { display: none !important; } /* FILTER UI STYLES */ #HA-Tool-Block #matrixContainer.Filter-Active .table-wrapper { overflow: auto; } #HA-Tool-Block #matrixContainer.Filter-Active .table-wrapper td:before,#HA-Tool-Block #matrixContainer.Filter-Active .table-wrapper td:after { display: none !important; } #HA-Tool-Block #matrixContainer.Filter-Active .thead-fixed.at-screen-top { overflow-x: clip; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Anchor { display: inline-block; vertical-align: top; position: relative; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Anchor img { display: inline-block; vertical-align: middle; width: 22px; max-width: 22px; height: 22px; max-height: 22px; margin: 0px auto !important; top: 0px; position: relative; background: var(--core-green-lightest); border: 2px solid #fff; box-shadow: 0 0 3px #000; border-radius: 50px; margin: 5px auto 0px auto; padding: 2px; cursor: pointer; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Anchor a { display: block; color: #333; text-decoration: none !important; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Score-Range { display: none; width: 50px; margin: 5px auto 0px auto; padding: 3px; position:relative; left: -138px; background: #EFEFEF; border: #DDD 1px dashed; border-radius: 50px; box-shadow: 0px 0px 6px rgba(150,150,150,0.8);} #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Score-Range.right { left: -4px; right: auto; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Score-Range.left { left: auto; right: -4px; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Anchor i { display: block; color: #FFF; font-size: 13px; font-weight: bold; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Score-Range input { display: none; width: 100%; max-width: 42%; text-align: center; vertical-align: middle; background: rgba(250,250,250,0.8); color: #333; border: #CCC 1px solid; border-radius: 50px; font-size: 16px; font-weight: bold; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Score-Range span { display: none; margin: 0px 5px; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Anchor:hover .hover-bar { display: block; position: absolute; top: -16px; right: -30px; width: 100px; height: 20px; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Anchor:hover .Filter-Score-Range { display: block; position: absolute; z-index: 5; width: max-content; max-width: 300px; top: 23px; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Anchor:hover .Filter-Score-Range:before { content: ''; position: absolute; top: -10px; right: 132px; height: 0; width: 0; border-style: solid; border-color: transparent transparent #aaa transparent; border-width: 0 5px 10px 5px; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Anchor:hover .Filter-Score-Range.right:before { left: 7px; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Anchor:hover .Filter-Score-Range.left:before { right: 7px; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Anchor:hover .Filter-Score-Range input { display: inline-block; } #HA-Tool-Block #matrixContainer.Filter-Active .Filter-Anchor:hover .Filter-Score-Range span { display: inline-block; } #HA-Tool-Block .Form-Tools.Filter-Selections .Form-Tools.Filter-Toggle { display: inline-block; position: relative; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle { display: inline-block; margin: 0px auto 35px auto; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option { display: none; margin: 0px auto 0px 15px; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.active { display: inline-block; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option .Description { display: none; vertical-align: middle; background: #F4F4F4; border: #EEE 1px solid; border-radius: 10px; padding: 5px 15px; margin-bottom: 5px; font-size: 12px !important; font-style: italic; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle input#mode-advanced:checked ~ .Filter-Steps-Toggle { display: inline-block; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle input#step-01:checked ~ #step-01-details.Description, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle input#step-02:checked ~ #step-02-details.Description { display: inline-block; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle button, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle.Radio-Option label { display: inline-block; vertical-align: middle; margin-left: -5px; margin-bottom: 5px; border-radius: 0px 8px 8px 0px; width: auto; height: 44px; max-width: 225px; min-width: 100px; padding: 5px 5px 5px 10px; cursor: pointer; vertical-align: middle; border: none !important; background: #777; font-size: 17px; font-weight: bold; color: #EEE; line-height: 32px; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle.Radio-Option label img { display: inline-block; width: auto; height: auto; max-height: 18px; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle button, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label { display: inline-block; vertical-align: middle; margin-left:-5px; margin-bottom: 5px; border-radius: 0px 8px 8px 0px; width: auto; height: 33px !important; max-width: 140px; min-width: 95px; cursor: pointer; vertical-align: middle; border: none !important; background: #777; font-size: 16px !important; font-weight: bold; color: #EEE; line-height: 22px !important; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option input[type=radio], #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle.Radio-Option input[type=radio] { display: none; vertical-align: middle;} #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle.Radio-Option label { position: relative; text-align: center; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle button:first-child, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label[for="step-01"], #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label[for="step_opt-01"], #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle button:first-child, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle.Radio-Option label[for="mode-standard"] { margin-left: 0px; border-radius: 8px 0px 0px 8px; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle button.active, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle.Radio-Option input:checked + label { background: var(--core-blue); color: #FFF; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle.Radio-Option.active label[for="mode-advanced"], #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle.Radio-Option input:checked + label[for="mode-advanced"] { background: var(--core-red-darkest); color: #FFF; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle button.active, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option input:checked + label { background: var(--core-green) !important; color: #FFF !important; } #HA-Tool-Block .Form-Tools.Filter-Input { display: block; position: relative; border: var(--core-blue) 1px solid; border-radius: 50px 10px 10px 10px; padding: 20px 15px 20px 15px; margin-bottom: 10px; } #HA-Tool-Block .Form-Tools.Filter-Input.no-save { border-radius: 50px 10px 10px 50px; } #HA-Tool-Block .Form-Tools.Filter-Input.active { border-radius: 50px 10px 10px 10px; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type { display: block; width: 100%; max-width: 900px; margin: 0 auto 2px auto; text-align: left; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type .radio-menu-block { display: inline-block; max-width: 585px; margin: 0px auto; table-layout: auto; border-radius: 5px; text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type .radio-menu-block label { display: inline-block; border-radius: 8px; width: fit-content; height: auto; max-height: 40px; max-width: 140px; min-width: 100px; cursor: pointer; vertical-align: middle; border: none !important; background: #777; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type .radio-menu-block label.disabled { cursor: not-allowed; background: #5d5d5d; color: #878787; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type .radio-menu-block .item .name { color: #EEE; vertical-align: top; font-size: 16px; font-weight: 600; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type .radio-menu-block label.disabled span.name { color: #878787; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type .radio-menu-block .item.active { color: #FFF; background: var(--core-orange) !important; background: linear-gradient(var(--core-orange), var(--core-orange-dark)) !important; border: 1px solid var(--core-orange); } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type .radio-menu-block .item.active .name { color: #FFF !important; } #HA-Tool-Block .Form-Tools.Filter-Input.Button-Block { max-height: 135px; } #HA-Tool-Block .Form-Tools.Filter-Input .Button-Block { max-height: 150px; margin: 0px -15px; padding: 0px 15px; } #HA-Tool-Block .Form-Tools .Block-Title { display: block; height: fit-content; min-height: 30px; max-height: 40px; border-radius: 8px 8px 0px 0px; font-size: 16px; text-align: left; margin: -25px -15px 10px -15px; padding: 6px 10px 6px 80px; font-weight: bold; color: #FFF; background: var(--core-blue); } #HA-Tool-Block .Form-Tools .Block-Title .plugin-popover-questionmark { margin-bottom: 0px; } #HA-Tool-Block .Form-Tools .Block-SubTitle { display: block; position: relative; border-radius: 0px; font-size: 14px; text-align: left; margin: 10px -15px 0px -15px; padding: 6px 10px 6px 80px; font-weight: bold; color: #FFF; background: var(--core-blue); } #HA-Tool-Block .Form-Tools .Block-Title span { display: inline; position: relative; margin-right: 10px; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Block-Title span {} #HA-Tool-Block .Form-Tools.Filter-Input div[ng-repeat="(indicatorkey, indicator) in filters.indicators"] { display: inline-block; margin-right: 3px; margin-bottom: 3px; } #HA-Tool-Block .Form-Tools.Filter-Input div[ng-repeat="(indicatorkey, indicator) in filters.indicators"] button.Submit { padding: 5px 10px 5px 10px; } #HA-Tool-Block .Form-Tools.Filter-Input label,#HA-Tool-Block .Form-Tools.Filter-Input select,#HA-Tool-Block .Form-Tools.Filter-Selections label,#HA-Tool-Block .Form-Tools.Filter-Selections select { display: inline-block; margin-bottom: 5px; height: auto; max-height: 40px; font-size: 18px; font-weight: bold; padding: 5px 10px; vertical-align: top; text-align: left; } #HA-Tool-Block .Form-Tools.Filter-Input label,#HA-Tool-Block .Form-Tools.Filter-Selections label { padding: 8px 10px; } #HA-Tool-Block .Form-Tools.Filter-Input label .plugin-popover-questionmark { left: -1px; top: -1px; position: absolute; border: none; user-select: text; text-shadow: none !important; } #HA-Tool-Block .Form-Tools.Filter-Input label .plugin-popover-questionmark .open-button, #HA-Tool-Block .Form-Tools.Filter-Input label .plugin-popover-questionmark .open-button-mobile { font-style: normal; border: none; border-radius: 6px 0px 12px 0px; box-shadow: none; width: 18px; font-style: normal !important; border-right: #FFF 1px solid; border-bottom: #FFF 1px solid; } #HA-Tool-Block .Form-Tools.Filter-Input label.Connected,#HA-Tool-Block .Form-Tools.Filter-Selections label.Connected { padding: 8px 5px; } #HA-Tool-Block .Form-Tools.Filter-Input select,#HA-Tool-Block .Form-Tools.Filter-Selections select { cursor: pointer; } #HA-Tool-Block .Form-Tools.Filter-Input optgroup,#HA-Tool-Block .Form-Tools.Filter-Selections optgroup { background: var(--core-blue); color: #FFF; font-weight: 700; text-align: left !important; } #HA-Tool-Block .Form-Tools.Filter-Input optgroup option,#HA-Tool-Block .Form-Tools.Filter-Selections optgroup option { background: #FFF; color: var(--core-blue); text-align: left !important; } #HA-Tool-Block .Form-Tools.Filter-Input label,#HA-Tool-Block .Form-Tools.Filter-Selections label {cursor: default; } #HA-Tool-Block .Form-Tools.Filter-Input label { min-width: 195px; text-align: center; cursor: default; } #HA-Tool-Block .Form-Tools.Filter-Input label,#HA-Tool-Block .Form-Tools.Filter-Selections label { width: 195px; text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Optional-Market { display: block; width: 100%; max-width: 900px; margin: 0 auto 2px auto; text-align: left; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Optional-Market .row-label { display: block !important; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Optional-Market .input-submit span { display: none; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type label.Connected, #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Optional-Market label.Connected { min-width: 195px; min-height: 25px; background: var(--core-orange); background: linear-gradient(var(--core-orange), var(--core-orange-dark)); border: 1px solid var(--core-orange); } #HA-Tool-Block .Form-Tools.Filter-Input label.Side-Label,#HA-Tool-Block .Form-Tools.Filter-Selections label.Side-Label { display: inline-block; position: relative; top: 0px; width: 45px; text-align: inherit; padding: 0px; height: auto; margin: 0px auto; vertical-align: top; cursor: pointer; } #HA-Tool-Block .Form-Tools.Filter-Input label.Outter { position: relative; min-width: 275px !important; width: 100%; max-width: fit-content; height: auto; min-height: 40px; max-height: 47px; margin-right: -5px !important; vertical-align: middle !important; padding: 0px !important; text-align: left; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Optional-Market label.Outter { min-width: 145px !important; max-width: 150px; text-align: center; border: #FFF 1px dashed; margin-right: 5px !important; } #HA-Tool-Block .Form-Tools.Filter-Input label.Outter:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 204, 0, 0 ); border-left-color: var(--core-blue); border-width: 23px; margin-top: -23px; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type label.Connected:after, #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Optional-Market label.Connected:after { border-left-color: var(--core-orange); border-width: 18px; margin-top: -18px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants label.Connected:after, #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants label:after { border-left-color: var(--core-green); border-width: 20px; margin-top: -20px; } @media screen and (max-width: 768px) { #HA-Tool-Block .Form-Tools.Filter-Input label.Outter:after { display: none; } } #HA-Tool-Block .Form-Tools.Filter-Input label.Inner { background: transparent !important; border: none !important; margin: 0px !important; font-size: 17px; } #HA-Tool-Block .Form-Tools.Filter-Input label.Prefix { min-width: 80px !important; width: 100%; max-width: 90px; margin-right: 0px; vertical-align: middle !important; border-right: none !important; } #HA-Tool-Block .Form-Tools.Filter-Input label.Middle { border-radius: 0px; margin-right: 0px; width: 100%; min-width: 155px !important; max-width: 175px; border-left: #FFF 1px dashed !important; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Optional-Market label.Middle { min-width: 135px !important; } #HA-Tool-Block .Form-Tools.Filter-Input label.Tall { height: auto; min-height: 47px; } #HA-Tool-Block .Form-Tools.Filter-Input .Step-Details-Box { display: block; width: auto; max-width: 450px; border-radius: 8px; background: #F4F4F4; border: #CCC 1px solid; margin: 10px auto 5px auto; padding: 5px 15px 8px 15px; text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Input .Step-Details-Box:before { content: '?'; display: inline-block; border-radius: 50px; margin-left: -10px; margin-right: 5px; border: var(--core-blue) 1px solid; width: 18px; height: 18px; background: var(--core-blue); color: #FFF; font-style: normal !important; font-size: 18px; line-height: 20px; font-weight: bold; text-align: center; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Filter-Input .Step-Details-Box.Simple { display: inline-block; position: relative; top: -5px; width: 100%; max-width: 290px; border-radius: 0px; background: transparent; border: none; margin: -5px auto 5px auto; padding: 0px; text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Input .Step-Details-Box.Simple:before { content: '?'; display: inline-block; border-radius: 50px; margin-left: -8px; margin-right: 5px; border: var(--core-blue) 1px solid; width: 13px; height: 13px; background: var(--core-blue); color: #FFF; font-style: normal !important; font-size: 12px; line-height: 13px; font-weight: bold; text-align: center; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Filter-Input .Step-Details-Box.Inline { display: block; position: relative; top: -4px; width: 100%; max-width: 145px; height: 20px; border-radius: 0px; background: none; border: none; margin: -3px auto; padding: 0px !important; text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Input .Step-Details-Box.Inline span { font-size: 12px !important; color: #FFF; font-weight: normal; text-align: center; text-decoration: underline; } #HA-Tool-Block .Form-Tools.Filter-Input .Step-Details-Box.Inline:before { display: none; } #HA-Tool-Block .Form-Tools.Filter-Input .Step-Details-Box span { display: inline-block; max-width: 95%; font-size: 12px !important; font-style: italic; cursor: pointer; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Filter-Input select option:disabled { background: #DDD; color: #999; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Indicator-List.Connected { width: 100%; max-width: 575px; min-height: 49px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Options,#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants { display: block; vertical-align: middle; text-align: left !important; max-width: 900px; margin: 0px auto; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Edit { display: block; vertical-align: middle; text-align: right; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Edit .Inner-Block,#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Options .Inner-Block,#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Inner-Block { display: block; width: 100%; max-width: 800px; margin: 0px auto; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-Block { display: inline-block; width: 100%; max-width: 570px; padding-top: 0px; vertical-align: top; text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Selections button,#HA-Tool-Block .Form-Tools.Filter-Input button { margin-right: 5px; margin-bottom: 5px; padding: 5px 15px 5px 15px; text-transform: none !important; vertical-align: top; /*-webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);*/ } #HA-Tool-Block .Form-Tools.Filter-Selections button.input-connected,#HA-Tool-Block .Form-Tools.Filter-Input button.input-connected { width: 30px;background: #FFF !important; border: #9a9a9a 1px solid;height: 40px;padding: 0px 5px;border-radius: 0px 5px 5px 0px;margin-left: -37px;vertical-align: top;border-left: none;color: var(--core-blue);text-shadow: none;font-weight: bold; } #HA-Tool-Block .Form-Tools.Filter-Selections button.input-connected i,#HA-Tool-Block .Form-Tools.Filter-Input button.input-connected i { font-weight: bold; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-Label { text-align: center; font-weight: bold; font-size: 12px; background: var(--core-blue); color: #FFF; margin: -5px 5px 5px -5px; border-radius: 8px 0px 8px 0px; display: block; max-width: 75px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-RAW { display: inline-block; margin: 0px 3px; padding: 5px; width: fit-content; max-width: 285px; min-width: 150px; vertical-align: top; background: #F4F4F4; border-radius: 10px; border: var(--core-blue) 1px solid; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-PCT { display: inline-block; margin: 0px 3px; padding: 5px; width: fit-content; max-width: 285px; min-width: 150px; vertical-align: top; background: #DEE8FF; border-radius: 10px; border: var(--core-blue) 1px solid; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants label { background: var(--core-green) !important; background-color: var(--core-green) !important; color: #FFF; background-image: linear-gradient(to bottom, var(--core-green-lightest) 0%,var(--core-green) 100%) !important; border-color: var(--core-green); vertical-align: top; margin-right: 5px; min-width: 195px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants button { background: #777; color: #EEE; vertical-align: top; font-weight: 600; -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent; border-radius: 5px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-RAW button { background: #777; color: #EEE; vertical-align: top; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-PCT button { background: #777; color: #EEE; vertical-align: top; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants button.type-raw[disabled=disabled],#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants button.type-per10Kpop[disabled=disabled],#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants button.type-yyt[disabled=disabled],#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-RAW button[disabled=disabled],#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-RAW button.disabled { background: var(--core-green-light); background-color: var(--core-green-light); color: #FFF; background-image: linear-gradient(to bottom, var(--core-green-light) 0%,var(--core-green) 100%); -webkit-box-shadow: none; box-shadow: none; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants button.type-pct[disabled=disabled],#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants button.type-per10Kpop_pct[disabled=disabled],#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants button.type-mm[disabled=disabled],#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants button.type-yy[disabled=disabled],#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants button.type-mm_pct[disabled=disabled],#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants button.type-yy_pct[disabled=disabled],#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-PCT button[disabled=disabled],#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-PCT button.disabled { background: var(--core-green-lightest); background-color: var(--core-green-lightest); color: #FFF; background-image: linear-gradient(to bottom, var(--core-green-lightest) 0%,var(--core-green-lightestest) 100%); -webkit-box-shadow: none; box-shadow: none; } #HA-Tool-Block .Form-Tools.Filter-Input button[disabled=disabled],#HA-Tool-Block .Form-Tools.Filter-Input button:disabled { background: var(--core-green); background-color: var(--core-green); color: #FFF; background-image: linear-gradient(to bottom, var(--core-green) 0%,var(--core-green-lightest) 100%); border-color: var(--core-green); } #HA-Tool-Block .Form-Tools .Filter-Buttons { display: inline-block; position: relative; width: 100%; max-width: 300px; text-align: right; } #HA-Tool-Block .Form-Tools .Filter-Buttons button { border-radius: 50px; font-size: 14px; } #HA-Tool-Block .Form-Tools .Filter-Buttons #Reset-All,#HA-Tool-Block .Form-Tools .Filter-Buttons #Reset-All:hover { background: var(--core-green-lightestest); background: linear-gradient(to bottom, var(--core-green-lightest) 0%,var(--core-green-lightestest) 100%) !important;} #HA-Tool-Block .Form-Tools .Filter-Buttons #Remove-All,#HA-Tool-Block .Form-Tools .Filter-Buttons #Remove-All:hover { background: var(--core-red-darkest); background: linear-gradient(var(--core-red),var(--core-red-darkest)) !important; } /* Toggle Function Styles */ #HA-Tool-Block .Toggle-Tools { text-align: center; padding: 10px; } #HA-Tool-Block .Toggle-Tools-Block { display: inline-block; vertical-align: middle; margin-top: 2px; } #HA-Tool-Block .Toggle-Title { display:inline-block; vertical-align: middle; padding-bottom: 2px; color: var(--core-blue); font-size: 16px; font-weight: bold; } #HA-Tool-Block .Toggle-Title-Side { display: block; position: relative; height: auto; vertical-align: middle; padding-bottom: 2px; background: var(--core-blue); color: #FFF ; font-size: 11px; line-height: 15px; font-weight: bold; min-height: 25px; max-height: 25px; min-width: 50px; max-width: 60px; } #HA-Tool-Block .Toggle-Title-Side.Left { position: relative; padding: 0px 0px 0px 10px; margin-right: -15px; border-radius: 50px 0px 0px 50px; border-right: none; text-align: center; vertical-align: middle; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } #HA-Tool-Block .Toggle-Title-Side.Right { position: relative; padding: 0px 10px 0px 0px; margin-left: -15px; border-radius: 0px 50px 50px 0px; border-right: none; text-align: center; vertical-align: middle; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } #HA-Tool-Block .Toggle-Tools.Wide-Label { } #HA-Tool-Block .Toggle-Tools.Compact { padding-top: 4px; } #HA-Tool-Block .Toggle-Tools.Wide-Label.YOYQOQ-Set { display: table-cell; padding: 0px 20px; vertical-align: middle; } #HA-Tool-Block .Form-Tools .Toggle-Tools { padding: 0px 5px !important; } #HA-Tool-Block .Toggle-Tools.User-Modes { display: block; background: #FFDEDE; float: none; width: 100%; max-width: 350px; margin: -27px auto 12px -30px; border-radius: 5px; } #HA-Tool-Block .Toggle-Tools.QuickStart,#HA-Tool-Block .Toggle-Tools.Addon-Set { float: left; width: 100%; max-width: 325px; margin: 5px auto; border-radius: 5px; -moz-box-shadow: inset 0px 0px 2px 2px rgba( 0, 0, 220, 1.0); -webkit-box-shadow: inset 0px 0px 2px 2px rgba( 0, 0, 220, 1.0); box-shadow: inset 0px 0px 2px 2px rgba( 0, 0, 220, 1.0); } #HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format { display: block; background: none !important; padding-bottom: 10px; /*border-bottom: #333 2px solid;*/ margin: 10px auto 0px auto; width: 100% !important; max-width: 600px !important; border-radius: 0px; } #HA-Tool-Block .Toggle-Tools.User-Modes .plugin-popover-questionmark { top: -38px; right: -25px; position: relative; } #HA-Tool-Block #Ranking-Colors-Chart .plugin-popover-questionmark { top: 0px; left: 3px; vertical-align: text-top; } #HA-Tool-Block .Compact-Block .Form-Box-Contents .plugin-popover-questionmark { top: -3px; left: 5px; vertical-align: text-top; } #HA-Tool-Block .plugin-popover-questionmark .tooltip { opacity: 1.0; z-index: inherit; width: fit-content; } #HA-Tool-Block .Toggle-Tools.Score-Details { } #HA-Tool-Block .Form-Tools.Score-Details { text-align: right; padding: 0px 10px 3px 0px; margin-top: -30px; } #HA-Tool-Block .Toggle-Tools.Expanded-View { } @media screen and (max-width: 996px) { #HA-Tool-Block .Toggle-Tools.Expanded-View { display: none !important; } } @media screen and (max-width: 768px) { #HA-Tool-Block .Toggle-Tools.Show-Hide { float: none; } #HA-Tool-Block .Hide-Expanded-View { display: none !important; } #HA-Tool-Block .Form-Tools.Score-Details { display: block; width: 100%; text-align: center; margin-top: 10px; } #HA-Tool-Block .Toggle-Tools.User-Modes .plugin-popover-questionmark { top: -5px; right: -5px; position: relative; } } #HA-Tool-Block .Toggle-Tools i { font-size: 24px; margin-top: -5px; margin: -5px auto 0px 5px; display: block; float: left; } #HA-Tool-Block .Toggle-Tools.User-Modes i { margin-top: 5px; } #HA-Tool-Block .Toggle-Tools.QuickStart i { color: rgba( 255, 230, 0, 1.0); text-shadow: 2px 2px rgba( 50, 50, 50, .6); } #HA-Tool-Block .Toggle-Tools.Show-Hide i { color: var(--core-blue); } #HA-Tool-Block .Toggle-Tools.Expanded-View i { color: rgba(20, 75, 155, 1.0); float: right; } #HA-Tool-Block .Toggle-Tools.Score-Details i { color: rgba(20, 75, 155, 1.0); float: right; } #HA-Tool-Block .Toggle-Tools .on-title,#HA-Tool-Block .Toggle-Tools .off-title { color: #333; } #HA-Tool-Block .Toggle-Tools.Toggle-On { background: #DEFFDE; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools.Toggle-On .on-title { display: inline-block; position: relative; z-index:6; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools.Toggle-On .off-title { display: none; position: relative; z-index:6; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools .on-title { display: none; position: relative; z-index:6; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools .off-title { display: inline-block; position: relative; z-index:6; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format .on-title { width: 100%; max-width: 160px; display: inline-block !important; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format .off-title { width: 100%; max-width: 160px; display: inline-block !important; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format.Toggle-On .on-title { width: 100%; max-width: 160px; display: inline-block !important; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format.Toggle-On .off-title { width: 100%; max-width: 160px; display: inline-block !important; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools .on-title br,#HA-Tool-Block .Toggle-Tools .off-title br { display: none; } #HA-Tool-Block .Toggle-Tools .on-title strong,#HA-Tool-Block .Toggle-Tools .off-title strong { display: block; position: relative; font-size: 14px; line-height: 110%; } #HA-Tool-Block .Toggle-Tools .on-title em,#HA-Tool-Block .Toggle-Tools .off-title em { display: block; position: relative; font-size: 12px; line-height: 110%; } #HA-Tool-Block .Toggle-Tools #User-Mode-On .Active { display: inline-block; position: relative; z-index:4; margin: 0px auto; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools #User-Mode-Off .Active { display: inline-block; position: relative; z-index:4; margin: 0px auto; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools #User-Mode-On .Active .On { display: none; } #HA-Tool-Block .Toggle-Tools #User-Mode-On .Active .Off { display: inline-block; } #HA-Tool-Block .Toggle-Tools #User-Mode-Off .Active .On { display: inline-block; } #HA-Tool-Block .Toggle-Tools #User-Mode-Off .Active .Off { display: none; } #HA-Tool-Block .Toggle-Tools.Toggle-On #User-Mode-On .Active .On { display: inline-block; } #HA-Tool-Block .Toggle-Tools.Toggle-On #User-Mode-On .Active .Off { display: none; } #HA-Tool-Block .Toggle-Tools.Toggle-On #User-Mode-Off .Active .On { display: none; } #HA-Tool-Block .Toggle-Tools.Toggle-On #User-Mode-Off .Active .Off { display: inline-block; } #HA-Tool-Block .Toggle-Tools .button-frames { border-radius: 150px; box-shadow: 5px 5px 5px rgb(50 50 50 / 30%); margin: 5px; max-width: 300px; vertical-align: middle; font-size: 14px !important; } #HA-Tool-Block .Toggle-Tools #User-Mode-On .button-frames { background: linear-gradient( #FFDEDE, #ffaeae); border: rgba(255,200,200,0.9) 2px solid; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools.Toggle-On #User-Mode-On .button-frames { background: linear-gradient( #DEFFDE, #acd5ac); border: rgba(100,155,100,0.9) 2px solid; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools #User-Mode-Off .button-frames { background: linear-gradient( #DEFFDE, #acd5ac); border: rgba(100,155,100,0.9) 2px solid; } #HA-Tool-Block .Toggle-Tools.Toggle-On #User-Mode-Off .button-frames { background: linear-gradient( #FFDEDE, #ffaeae); border: rgba(255,200,200,0.9) 2px solid; } #HA-Tool-Block .Toggle-Tools .Active { /*font-family: 'Fjalla One', sans-serif;*/ font-size: 28px !important; line-height: 110%; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools .Active .On { font-size: 25px !important; color: var(--core-green); border-right: rgba(100,155,100,0.9) 2px solid; padding: 4px 10px 3px 7px; width: auto; min-width: 65px; display: inline-block; text-align: center; position: relative; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools .Active .Off { font-size: 25px !important; color: var(--core-red); border-right: rgba(255,200,200,0.9) 2px solid; padding: 4px 10px 3px 6px; width: auto; min-width: 65px; display: inline-block; text-align: center; position: relative; vertical-align: middle; } #HA-Tool-Block .dead-style-block { background: var(--core-green); color: #FFF; font-size: 14px; font-weight: bold; padding: 4px; -webkit-transform: rotate( 90deg ); -ff-transform: rotate(90deg); transform: rotate( 90deg ); width: 100%; max-width: 57px; float: right; margin: -47px 20px 45px auto; text-align: center; border-radius: 5px 5px 0px 0px; } @media( max-width: 1200px ){ #HA-Tool-Block .Toggle-Tools #User-Mode-On .Active,#HA-Tool-Block .Toggle-Tools #User-Mode-Off .Active { margin: 0px 15px; vertical-align: middle; } #HA-Tool-Block .Toggle-Tools .Active { font-size: 24px; } #HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format.Toggle-On .on-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format.Toggle-On .off-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format .on-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format .off-title { font-size: 14px; max-width: 150px; top: 0px; margin: 0px 10px; vertical-align: middle; } } @media( max-width: 768px ){ #HA-Tool-Block .Toggle-Tools .Active { font-size: 20px !important; margin: -10px 5px -15px -13px !important; } #HA-Tool-Block .Toggle-Tools .Active span { border: none !important; } #HA-Tool-Block .Toggle-Tools.Button-Format .button-titles { max-width: 185px; margin: 0px !important; } #HA-Tool-Block .Toggle-Tools.Button-Format .button-titles span.on-title,#HA-Tool-Block .Toggle-Tools.Button-Format .button-titles span.off-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format.Toggle-On .on-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format.Toggle-On .off-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format .on-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format .off-title { font-size: 12px !important; } #HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format.Toggle-On .on-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format.Toggle-On .off-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format .on-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format .off-title { max-width: 140px; top: 3px; margin-left: -3px; } #HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format.Toggle-On .on-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format.Toggle-On .off-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format .on-title,#HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format .off-title { padding-bottom: 6px; } #HA-Tool-Block .Toggle-Tools .Active .On,#HA-Tool-Block .Toggle-Tools .Active .Off { min-width: 100%;padding: 9px 5px 8px 5px; font-size: 24px !important; } } @media( max-width: 600px ){ #HA-Tool-Block .Toggle-Tools .button-frames { border-radius: 10px; } #HA-Tool-Block .Toggle-Tools.Button-Format .button-titles { max-width: 100% !important; margin: 0px !important; } #HA-Tool-Block .Toggle-Tools.User-Modes.Button-Format { margin: -15px auto 0px auto; padding: 5px 0px; position: relative; display: block; width: 100% !important; max-width: 500px !important; } #HA-Tool-Block .Toggle-Tools.Button-Format .button-titles span.on-title,#HA-Tool-Block .Toggle-Tools.Button-Format .button-titles span.off-title { margin: 0px !important; } #HA-Tool-Block .Toggle-Tools .Active { top: 0px; margin: 0px -6px 0px auto !important; width: 100%; max-width: 46px; font-size: 18px !important; } } #HA-Tool-Block .Toggle-Tools .switch { position: relative; float: left; display: inline-block; width: 63px; height: 28px; } #HA-Tool-Block .Toggle-Tools.Wide-Label .switch { width: 100px; height: 28px; } #HA-Tool-Block .Toggle-Tools.Compact .switch { vertical-align: middle; width: auto; max-width: 60px; min-width: 60px; height: auto; min-height: 25px; max-height: 25px; margin: 0px auto; padding: 0px; position: relative; z-index: 1; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } #HA-Tool-Block .Toggle-Tools .switch input { display:none; } #HA-Tool-Block .Toggle-Tools .slider { position: absolute; float: left; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ca2222; -webkit-transition: .4s; transition: .4s; max-height: 25px; max-width: 60px; } #HA-Tool-Block .Toggle-Tools.Wide-Label .slider { background-color: var(--core-blue); } #HA-Tool-Block .Toggle-Tools .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } #HA-Tool-Block .Toggle-Tools.Compact .slider:before { height: 15px; width: 15px; } #HA-Tool-Block .Toggle-Tools .slider-title { position: absolute; float: left; margin-left: 68px; font-size: 16px; line-height: 110%; margin-top: 4px; } #HA-Tool-Block .Toggle-Tools .button-titles { cursor: pointer; position: relative; float: none; display: inline-block; margin: 0px auto; width: 49%; } #HA-Tool-Block .Toggle-Tools.User-Modes .slider-title { margin-top: -3px; } #HA-Tool-Block .Toggle-Tools input:checked + .slider { background-color: var(--core-green); } #HA-Tool-Block .Toggle-Tools.Wide-Label input:checked + .slider:before { -webkit-transform: translateX(72px); -ms-transform: translateX(72px); transform: translateX(72px); } #HA-Tool-Block .Toggle-Tools.Compact input:checked + .slider:before { -webkit-transform: translateX(38px); -ms-transform: translateX(38px); transform: translateX(38px); } #HA-Tool-Block .Toggle-Tools input:focus + .slider { box-shadow: 0 0 1px #2196F3; } #HA-Tool-Block .Toggle-Tools input:checked + .slider:before { -webkit-transform: translateX(35px); -ms-transform: translateX(35px); transform: translateX(35px); } #HA-Tool-Block .Toggle-Tools .on { display: none; } #HA-Tool-Block .Toggle-Tools .on { color: white; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 40%; font-size: 10px; font-family: sans-serif; } #HA-Tool-Block .Toggle-Tools.Wide-Label .on { transform: translate(-50%,-50%); top: 50%; left: 40%; font-size: 13px; } #HA-Tool-Block .Toggle-Tools.Compact .on { top: 49%; font-size: 10px !important; } #HA-Tool-Block .Toggle-Tools .off,.Toggle-Tools .off-parent { color: white; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 60%; font-size: 10px; font-family: Verdana,sans-serif; } #HA-Tool-Block .Toggle-Tools .off{ color: white; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 60%; font-size: 10px; font-family: sans-serif; } #HA-Tool-Block .Toggle-Tools.Compact .off-parent { display: none; font-size: 10px !important; } #HA-Tool-Block .Toggle-Tools.Wide-Label .off { transform: translate(-50%,-50%); top: 50%; left: 60%; font-size: 13px; } #HA-Tool-Block .Toggle-Tools.Compact .off { font-size: 10px !important; } #HA-Tool-Block .Toggle-Tools input:checked+ .slider .on { display: block; } #HA-Tool-Block .Toggle-Tools input:checked + .slider .off { display: none; } #HA-Tool-Block .Toggle-Tools .slider.round { border-radius: 34px; } #HA-Tool-Block .Toggle-Tools .slider.round:before { border-radius: 50%; } #HA-Tool-Block #Finder-Tool-Title { display: none; } #HA-Tool-Block #Finder-Tool-Title.active { display: block; } #HA-Tool-Block #Finder-Tool-Title .Tool-Title { display: none; border-radius: 10px; margin: 5px auto; padding: 10px; font-family: 'Fjalla One', sans-serif !important; text-transform: uppercase; letter-spacing: 2px; font-size: 28px !important; font-weight: bold; text-align: center; } #HA-Tool-Block #Finder-Tool-Title .Tool-Title .Name-Selected { vertical-align: middle; font-family: 'Fjalla One', sans-serif !important; text-transform: uppercase; letter-spacing: 2px; font-size: 28px !important; font-weight: bold; text-align: center; } #HA-Tool-Block #Finder-Tool-Title .Tool-Title .Selected-Icon { display: none; } #HA-Tool-Block #Finder-Tool-Title .Tool-Title .Selected-Icon.active { display: inline-block; max-width: 75px; margin-right: 10px; vertical-align: middle; } #HA-Tool-Block #Finder-Tool-Title .Tool-Title .Selected-Icon img { display: inline-block; max-width: 45px; } #HA-Tool-Block #Finder-Tool-Title .Tool-Title .Selected-Icon { background: #FFF; border-radius: 8px; border-radius: 8px; background: #f6f8f9; background: -moz-linear-gradient(top, #e5ebee 0%, #f5f7f9 50%, #d7dee3 100%); background: -webkit-linear-gradient(top, #e5ebee 0%, #f5f7f9 50%, #d7dee3 100%); background: linear-gradient(to bottom, #e5ebee 0%, #f5f7f9 50%, #d7dee3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9',endColorstr='#d7dee3',GradientType=0 ); border: #CCC 1px solid; } #HA-Tool-Block #Finder-Tool-Title .Tool-Title.active { display: block; } #HA-Tool-Block #Finder-Tool-Title .Selected-Magic-Button { color: #333; background: var(--core-gold); } #HA-Tool-Block #Finder-Tool-Title .Selected-Magic-Button.Style-01 { color: #FFF; background: var(--grad-btn-red-dark); background: linear-gradient(var(--grad-btn-red-light),var(--grad-btn-red-dark)) !important; } #HA-Tool-Block #Finder-Tool-Title .Selected-Magic-Button.Style-02 { color: #FFF; background: var(--grad-btn-green-dark); background: linear-gradient(var(--grad-btn-green-light),var(--grad-btn-green-dark)) !important; } #HA-Tool-Block #Finder-Tool-Title .Selected-Magic-Button.Style-03 { color: #FFF; background: var(--grad-btn-orange-dark); background: linear-gradient(var(--grad-btn-orange-light),var(--grad-btn-orange-dark)) !important; } #HA-Tool-Block #Finder-Tool-Title .Selected-Magic-Button.Style-04 { color: #FFF; background: var(--grad-btn-blue-dark); background: linear-gradient(var(--grad-btn-blue-light),var(--grad-btn-blue-dark)) !important; } #HA-Tool-Block #Finder-Tool-Title .Selected-Classic-Tool-Button { color: #FFF; background: var(--core-blue); background-image: -ms-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light); 50%, var(--core-blue) 100%); background-image: -moz-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light); 50%, var(--core-blue) 100%); background-image: -o-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light); 50%, var(--core-blue) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--core-blue)), color-stop(0.7, var(--core-blue-light);), color-stop(1, var(--core-blue))); background-image: -webkit-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light); 50%, var(--core-blue) 100%); background-image: linear-gradient(to bottom, var(--core-blue) 0%, var(--core-blue-light); 50%, var(--core-blue) 100%); } #HA-Tool-Block #Data-Update { display: none; width: 100%; height: 100%; padding: 0px; position: absolute; top: 0%; left: 0px; text-align: center; z-index: 3; background: rgba(215,235,255,0.85); border-radius: 8px; } #HA-Tool-Block .Form-Tools.Magic-Buttons #Data-Update, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons #Data-Update { top: -2px; } #HA-Tool-Block #Data-Update.active { display: block; } #HA-Tool-Block #Data-Update .Buttons-Updated { display: block; position: relative; top: 45%; } #HA-Tool-Block #Data-Update .Update-Image { display: inline-block; vertical-align: middle; margin-right: 5px; } #HA-Tool-Block #Data-Update .Update-Image img { display: block; max-width: 50px; border-radius: 8px; opacity: 0.7; } #HA-Tool-Block #Data-Update .Update-Mesage { display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 600; } #HA-Tool-Block .Form-Tools.Magic-Buttons { position: relative; border-radius: 50px 10px 10px 50px; margin-top: 30px; padding: 20px 15px; border: var(--core-gold) 2px solid; -webkit-transition: all 0.5 ease; -moz-transition: all 0.5 ease; -o-transition: all 0.5 ease; -ms-transition: all 0.5 ease; transition: all 0.5 ease; text-align: center; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons { position: relative; text-align: center; border-radius: 50px 10px 10px 50px; margin-top: 35px; padding: 20px 15px; border: #333 2px solid; -webkit-transition: all 0.5 ease; -moz-transition: all 0.5 ease; -o-transition: all 0.5 ease; -ms-transition: all 0.5 ease; transition: all 0.5 ease; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Magic-Button-Col { display: inline-block; position: relative; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Classic-Tool-Button-Col { display: inline-block; position: relative; margin: 0px 5px; width: 48%; max-width: 345px; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Magic-Button-Col.No-Access, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Classic-Tool-Button-Col.No-Access { color: #DDD; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Magic-Button-Col.Under-Const, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Classic-Tool-Button-Col.Under-Const { pointer-events: none; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Magic-Button-Col.Under-Const:before, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Classic-Tool-Button-Col.Under-Const:before { content: 'Coming Soon!'; opacity: 0.9; display: block; position: absolute; width: 100%; max-width: 150px; z-index: 5; top: 35px; left: 60px; background: rgba(200,200,200,0.7); color: #333; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; padding: 4px; -webkit-transform: rotate( -30deg ); -ff-transform: rotate(-30deg); transform: rotate( -30deg ); } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons.active, #HA-Tool-Block .Form-Tools.Magic-Buttons.active { border-radius: 50px 10px 10px 10px; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Block-Title { margin-right: -17px; padding: 6px 10px 6px 80px; border-radius: 8px 8px 0px 0px; background: var(--core-gold); color: #333; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Block-Title { margin-right: -17px; padding: 6px 10px 6px 80px; border-radius: 8px 8px 0px 0px; background: #333; color: #FFF; background: #333; background: -moz-linear-gradient(top, #333 0%, #333 50% 5, #000 100%); background: -webkit-linear-gradient(top, #333 0%, #333 50%, #000 100%); background: linear-gradient(to bottom, #333 0%, #333 50%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000',endColorstr='#333',GradientType=0 ); } #HA-Tool-Block .Form-Tools .Filter-Seal { position: absolute; width: 100px; height: 100px; top: -30px; left: -30px; z-index: 5; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block { max-height: inherit; overflow: visible; text-align: center; padding: 15px 25px 0px 25px; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block { max-height: inherit; overflow: visible; text-align: center; padding: 15px 25px 0px 25px; margin-top: 15px; border-top: none; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Error { display: none; background: #FFC; border: #FF6 1px solid; padding: 10px; margin: 0px auto 10px auto; text-align: center; font-weight: normal; font-size: 16px; font-style: italic; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Error.active { display: block; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button { display: block; padding: 10px 15px !important; margin: 0px 1px 5px 1px; border-radius: 10px; border: #FFF 2px solid; width: 100%; min-width: 225px; max-width: 225px; background: #333; background-color: #333; color: #FFF; background-image: linear-gradient(to bottom, #333 0%,#000 100%) !important; cursor: pointer; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button .plugin-popover-questionmark { position: relative; left: -15px; top: -10px; float: left !important; margin-right: -25px; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button .plugin-popover-questionmark .hidden-block { text-shadow: none !important; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button .plugin-popover-questionmark .open-button,#HA-Tool-Block .Form-Tools.Magic-Buttons .plugin-popover-questionmark .open-button-mobile { border: none; border-radius: 8px 0px 12px 0px; box-shadow: none; width: 18px; font-style: normal !important; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button { display: block; padding: 5px 10px !important; margin: 0px 1px 5px 1px; border-radius: 10px; border: #FFF 2px solid; width: 100%; min-width: 175px; max-width: 425px; cursor: pointer; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button .Row-01 { display: block; font-size: 20px !important; font-weight: bold; font-family: 'Fjalla One', sans-serif !important; text-transform: uppercase; letter-spacing: 1px; margin: -10px -15px 0px -15px; padding: 8px 15px 7px 15px; border-radius: 8px 8px 0px 0px; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button .Row-01 { display: inline-block; font-size: 23px !important; font-weight: bold; font-family: 'Fjalla One',sans-serif !important; text-transform: uppercase; letter-spacing: 2px; margin: 0px auto; padding: 5px 10px; border-radius: 0px; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button .Button-Icon { display: inline-block; max-width: 75px; margin-right: 5px; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button .Button-Icon img { display: inline-block; max-width: 75px; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button .Details { display: inline-block; width: fit-content; max-width: 285px; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button.Style-01 .Row-01 { background: var(--grad-btn-red-dark); background: linear-gradient(var(--grad-btn-red-light),var(--grad-btn-red-dark)) !important; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button.Style-02 .Row-01 { background: var(--grad-btn-green-dark); background: linear-gradient(var(--grad-btn-green-light),var(--grad-btn-green-dark)) !important; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button.Style-03 .Row-01 { background: var(--grad-btn-orange-dark); background: linear-gradient(var(--grad-btn-orange-light),var(--grad-btn-orange-dark)) !important; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button.Style-04 .Row-01 { background: var(--grad-btn-blue-dark); background: linear-gradient(var(--grad-btn-blue-light),var(--grad-btn-blue-dark)) !important; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button.Style-PRO { color: #FFF !important; background: var(--core-blue); background-image: -ms-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light); 70%, var(--core-blue) 100%); background-image: -moz-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light); 70%, var(--core-blue) 100%); background-image: -o-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light); 70%, var(--core-blue) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--core-blue)), color-stop(0.7, var(--core-blue-light);), color-stop(1, var(--core-blue))); background-image: -webkit-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light); 70%, var(--core-blue) 100%); background-image: linear-gradient(to bottom, var(--core-blue) 0%, var(--core-blue-light) 70%, var(--core-blue) 100%); padding: 0px; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button.Style-PRO .Button-Icon { background: #FFF; border-radius: 8px; border-radius: 8px; background: #f6f8f9; background: -moz-linear-gradient(top, #e5ebee 0%, #f5f7f9 50%, #d7dee3 100%); background: -webkit-linear-gradient(top, #e5ebee 0%, #f5f7f9 50%, #d7dee3 100%); background: linear-gradient(to bottom, #e5ebee 0%, #f5f7f9 50%, #d7dee3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9',endColorstr='#d7dee3',GradientType=0 ); border: #CCC 1px solid; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button.Style-Dark { color: #FFF !important; background: var(--core-blue); background-image: -ms-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light); 70%, var(--core-blue) 100%); background-image: -moz-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light); 70%, var(--core-blue) 100%); background-image: -o-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light); 70%, var(--core-blue) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--core-blue)), color-stop(0.7, var(--core-blue-light);), color-stop(1, var(--core-blue))); background-image: -webkit-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light); 70%, var(--core-blue) 100%); background-image: linear-gradient(to bottom, var(--core-blue) 0%, var(--core-blue-light) 70%, var(--core-blue) 100%); padding: 0px; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button.Style-Dark .Button-Icon { border-radius: 10px !important; background: #333; background: -moz-linear-gradient(top, #333 0%, #333 50% 5, #000 100%); background: -webkit-linear-gradient(top, #333 0%, #333 50%, #000 100%); background: linear-gradient(to bottom, #333 0%, #333 50%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000',endColorstr='#333',GradientType=0 ); border-color: #111; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button .Row-02 { display: block; margin-top: 5px; font-size: 12px !important; font-weight: 600; font-family: 'Roboto', sans-serif !important; line-height: 16px; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button .Row-02 { display: block; max-width: 90%; margin: 5px auto; font-size: 14px !important; font-weight: 600; font-family: 'Roboto', sans-serif !important; } #HA-Tool-Block .Form-Tools.Magic-Buttons .No-Access button, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .No-Access button { background: #DDD !important; } #HA-Tool-Block .Form-Tools.Magic-Buttons .No-Access button .Row-02, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .No-Access button .Row-02 { color:#333 !important; text-shadow: none !important; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button.active, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button.active { box-shadow: 0px 0px 8px #FC0; border-color: #Fc0; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button.active:before, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button.active:before { content: 'ACTIVE'; color: #000; display: block; height: 14px; position: absolute; font-size: 10px; line-height: 11px; top: -14px; right: 9px; background: #FC0; border-radius: 10px 10px 0px 0px; padding: 2px 10px; padding-block: 2px 0px; padding-inline: 10px; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button.inactive, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button.inactive { opacity: 0.7; } #HA-Tool-Block .Form-Tools.Magic-Buttons button[disabled=disabled],#HA-Tool-Block .Form-Tools.Magic-Buttons button:disabled, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons button[disabled=disabled],#HA-Tool-Block .Form-Tools.Classic-Tool-Buttons button:disabled { background: inherit; color: #FFF; border: #FC0 2px dotted !important; box-shadow: 0px 0px 5px #FC0; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .collapse-block { margin-top: -2px; } #HA-Tool-Block .Form-Tools.Magic-Buttons .collapse-block { color: #333; margin-top: -4px; } #HA-Tool-Block .Form-Tools.Magic-Buttons .collapse-block span { color: #333; } #HA-Tool-Block .Form-Tools.Magic-Buttons .collapse-block .open:after,#HA-Tool-Block .Form-Tools.Magic-Buttons .collapse-block .close:after { color: #333; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Market-Level { display: inline-block; width: 100%; max-width: 475px; min-width: 250px; margin: 0px auto; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Market-Level.Wide { max-width: 750px; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Market-Scan { display: inline-block; width: 100%; max-width: 365px; min-width: 250px; margin: 0px auto; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Level-Buttons { display: inline-block; width: 100%; max-width: 600px; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Market-Level.Wide .Level-Buttons { max-width: 250px; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Scan-Buttons { display: inline-block; width: 100%; max-width: 350px; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Level-Buttons .radio-menu-block { display: inline-block; max-width: 600px; margin: 0px auto; table-layout: auto; border-radius: 5px; text-align: center; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Scan-Buttons .radio-menu-block { display: inline-block; max-width: 350px; margin: 0px auto; table-layout: auto; border-radius: 5px; text-align: center; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Level-Buttons .radio-menu-block label,#HA-Tool-Block .Form-Tools.Magic-Buttons .Scan-Buttons .radio-menu-block label { display: inline-block; margin: 0px 3px; border-radius: 8px; width: fit-content; height: auto; max-height: 40px; max-width: 100px; min-width: 85px; cursor: pointer; vertical-align: middle; border: none !important; background: #777; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Level-Buttons .radio-menu-block .item .name,#HA-Tool-Block .Form-Tools.Magic-Buttons .Scan-Buttons .radio-menu-block .item .name { color: #EEE; vertical-align: top; font-size: 16px; font-weight: 600; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Level-Buttons .radio-menu-block .item.active { color: #FFF; background: var(--core-orange) !important; background: linear-gradient(var(--core-orange), var(--core-orange-dark)) !important; border: 1px solid var(--core-orange); } #HA-Tool-Block .Form-Tools.Magic-Buttons .Scan-Buttons .radio-menu-block .item.active { color: #FFF; background: var(--core-green) !important; background: linear-gradient(var(--core-green-lightest),var(--core-green)) !important; border: 1px solid var(--core-green); } #HA-Tool-Block .Form-Tools.Magic-Buttons .Level-Title,.Form-Tools.Magic-Buttons .Scan-Title { display: block; width: 100%; max-width: 250px; margin: 0px auto 10px auto; padding: 5px 15px; font-size: 16px; font-weight: bold; text-align: center; background: #efefef; border-radius: 5px; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Level-Details,.Form-Tools.Magic-Buttons .Scan-Details { display: inline-block; width: 100%; max-width: 690px; margin: 0px auto; padding: 0px 15px; font-size: 14px; font-style: italic; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Market-Level.Wide .Level-Details { width: fit-content; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Market-Scan .Scan-Buttons label { position: relative; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label .plugin-popover-questionmark.static, #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants button .plugin-popover-questionmark.static, #HA-Tool-Block .Form-Tools.Magic-Buttons .Market-Scan .Scan-Buttons label .plugin-popover-questionmark.static { left: 0px; top: 0px; position: absolute; border: none; user-select: text; text-shadow: none !important; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label[for="step-02"] .plugin-popover-questionmark.static, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label[for="step_opt-02"] .plugin-popover-questionmark.static { left: 0px; top: 0px; position: absolute; border: none; user-select: text; text-shadow: none !important; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label .plugin-popover-questionmark.static .open-button-mobile, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label .plugin-popover-questionmark.static .open-button, #HA-Tool-Block .Form-Tools.Magic-Buttons .Market-Scan .Scan-Buttons label .plugin-popover-questionmark.static .open-button, #HA-Tool-Block .Form-Tools.Magic-Buttons .Market-Scan .Scan-Buttons label .plugin-popover-questionmark.static .open-button-mobile { font-style: normal; border: none; border-radius: 6px 0px 12px 0px; box-shadow: none; width: 18px; font-style: normal !important; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Market-Scan .Scan-Buttons label .plugin-popover-questionmark .open-button:before, #HA-Tool-Block .Form-Tools.Magic-Buttons .Market-Scan .Scan-Buttons label .plugin-popover-questionmark .open-button-mobile:before { height: 20px; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label[for="step-02"] .plugin-popover-questionmark.static .open-button-mobile, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label[for="step_opt-02"] .plugin-popover-questionmark.static .open-button-mobile, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label[for="step-02"] .plugin-popover-questionmark.static .open-button, #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle.Radio-Option label[for="step_opt-02"] .plugin-popover-questionmark.static .open-button { font-style: normal; border: none; border-radius: 0px 0px 12px 0px; box-shadow: none; width: 18px; font-style: normal !important; } #HA-Tool-Block .Form-Tools.Filter-Type { display: block; position: relative; text-align: center; margin: 35px auto 15px auto; border: var(--core-blue) 1px solid; padding: 20px 15px 20px 15px; border-radius: 50px 15px 10px 50px; } #HA-Tool-Block .Form-Tools.Filter-Type.active { border-radius: 50px 15px 10px 10px; } #HA-Tool-Block .Form-Tools.Filter-Type .Block-Title { margin: -20px -15px 10px -15px; } #HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls { display: inline-block; padding: 0px 10px; max-width: 100%; margin: 10px auto; } #HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls .radio-menu-block { display: inline-block; max-width: 100%; margin: 0px auto; table-layout: auto; border-radius: 5px; text-align: center; text-decoration: none; } #HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls .radio-menu-block label { display: inline-block; padding: 10px 25px; /*padding: 15px 45px;*/ margin: 5px; border-radius: 10px; width: fit-content; height: auto; max-width: 300px; min-width: 90px; cursor: pointer; vertical-align: middle; border: none !important; background: #777; text-decoration: none; } #HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls .radio-menu-block .item .name { color: #EEE; vertical-align: top; font-size: 24px !important; font-weight: 600; text-decoration: none; /*letter-spacing: 2px; font-family: 'Fjalla One', sans-serif;*/ font-weight: bold; -webkit-font-smoothing: antialiased; } #HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls .radio-menu-block .item .name img { max-width: 40px; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls .radio-menu-block .item.active, #HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls .radio-menu-block label:hover, #HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls .radio-menu-block label:active { color: #FFF; background: var(--core-blue-light) !important; background: linear-gradient(var(--core-blue-light), var(--core-blue)) !important; border: 1px solid var(--core-blue-light); text-decoration: none; } #HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls .radio-menu-block a { text-decoration: none; } #HA-Tool-Block .Form-Tools.Filter-Data { display: block; position: relative; border: var(--core-blue) 1px solid; border-radius: 10px; padding: 25px 15px 10px 15px; margin: 20px auto 20px auto; text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Data .details { display: inline-block; position: relative; margin: 0px auto 5px auto; top: 3px; padding: 7px 15px; background: #efefef; border-radius: 5px; font-weight: bold; font-size: 16px; } #HA-Tool-Block .Form-Tools.Filter-Data .Data-Buttons { display: inline-block; padding: 0px 10px; max-width: 800px; } #HA-Tool-Block .Form-Tools.Filter-Data .Data-Buttons img { display: inline-block; vertical-align: middle; width: 100%; max-width: 22px; height: auto; } #HA-Tool-Block .Form-Tools.Filter-Data .Data-Buttons .radio-menu-block { display: inline-block; max-width: 800px; margin: 0px auto; table-layout: auto; border-radius: 5px; text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Data .Data-Buttons .radio-menu-block a { text-decoration: none !important; } #HA-Tool-Block .Form-Tools.Filter-Data .Data-Buttons .radio-menu-block label { display: inline-block; padding: 5px 15px; border-radius: 8px; width: auto; height: 33px; max-width: 165px; min-width: 90px; cursor: pointer; vertical-align: middle; border: none !important; background: #777; } #HA-Tool-Block .Form-Tools.Filter-Data .Data-Buttons .radio-menu-block .item .name { color: #EEE; vertical-align: top; font-size: 16px; font-weight: 600; } #HA-Tool-Block .Form-Tools.Filter-Data .Data-Buttons .radio-menu-block .item.active, #HA-Tool-Block .Form-Tools.Filter-Data .Data-Buttons .radio-menu-block label:hover, #HA-Tool-Block .Form-Tools.Filter-Data .Data-Buttons .radio-menu-block label:active { color: #FFF; background: var(--core-blue-light) !important; background: linear-gradient(var(--core-blue-light), var(--core-blue)) !important; border: 1px solid var(--core-blue-light); } #HA-Tool-Block .Section-Block-Title { display: block; position: relative; text-align: left; margin: 25px auto 10px auto; border: var(--core-blue) 1px solid; padding: 10px 10px 10px 10px; border-radius: 10px; font-weight: bold; color: #FFF; background: var(--core-blue); font-size: 18px; } @media screen and (max-width:1200px){ #HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls .radio-menu-block label { padding: 8px 15px 5px 15px; } #HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls .radio-menu-block .item .name { color: #EEE; vertical-align: top; font-size: 22px; } } @media screen and (max-width:768px){ #HA-Tool-Block #Finder-Tool-Title .Tool-Title .Selected-Icon img { display: inline-block; max-width: 35px; } #HA-Tool-Block #Finder-Tool-Title .Tool-Title, #HA-Tool-Block #Finder-Tool-Title .Tool-Title .Name-Selected { font-size: 24px !important; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Level-Title,.Form-Tools.Magic-Buttons .Scan-Title { max-width: 225px; } #HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls,#HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls .radio-menu-block,#HA-Tool-Block .Form-Tools.Filter-Type .Data-Controls .radio-menu-block label { display: block !important; width: fit-content !important; min-width: 200px !important; max-width: 100% !important; margin: 0px auto 5px auto !important; } } #HA-Tool-Block .Form-Tools.Filter-Controls { display: block; position: relative; text-align: right; } #HA-Tool-Block .Filter-Parent-Option-List .Toggle-Tools.Compact .off-parent { display: inline-block; top: 11px; } #HA-Tool-Block .Form-Tools.Filter-Selections { display: block; position: relative; text-align: left; margin: 35px auto 10px auto; border: var(--core-blue) 1px solid; padding: 20px 15px 20px 15px; border-radius: 50px 10px 10px 50px; } #HA-Tool-Block .Form-Tools.Filter-Selections.active { border-radius: 50px 10px 10px 10px; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Parent-Option-List, #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Option-List { display: none; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Parent-Option-List.active, #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Option-List.active { display: block; } #HA-Tool-Block .Form-Tools.Filter-Selections h3.Filter-Parent-Option-Title, #HA-Tool-Block .Form-Tools.Filter-Selections h3.Filter-Option-Title, #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Parent-Option-List h3, #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Option-List.active h3 { display: none; } #HA-Tool-Block .Mode-Advanced .Form-Tools.Filter-Selections h3.Filter-Parent-Option-Title.active, #HA-Tool-Block .Mode-Advanced .Form-Tools.Filter-Selections h3.Filter-Option-Title.active, #HA-Tool-Block .Mode-Advanced .Form-Tools.Filter-Selections .Filter-Parent-Option-List h3, #HA-Tool-Block .Mode-Advanced .Form-Tools.Filter-Selections .Filter-Option-List.active h3 { display: block; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Option-List,#HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Selection-List { padding-top: 25px; } #HA-Tool-Block .Filter-Parent-Option-List .Toggle-Tools.Show-Hide { pointer-events: none; } #HA-Tool-Block .Filter-Parent-Option-List .Toggle-Tools.Show-Hide input:checked+ .slider.round { background: #ca2222 !important; } #HA-Tool-Block .Filter-Parent-Option-List .Toggle-Tools.Show-Hide input:checked+ .slider .on { display: none; } #HA-Tool-Block .Filter-Parent-Option-List .Toggle-Tools.Compact .off, #HA-Tool-Block .Filter-Parent-Option-List .Toggle-Tools .slider.round:before { display: none; } #HA-Tool-Block .Filter-Parent-Option-List .Toggle-Tools.Compact .off-parent { display: inline-block; top: 11px; } #HA-Tool-Block .Filter-Parent-Option-List .Toggle-Title-Side { background: var(--core-red); } #HA-Tool-Block .Filter-Parent-Option-List .Toggle-Tools.Compact .switch { width: 45px; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Parent-Option-List,#HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Option-List,#HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Selection-List { padding-top: 25px; text-align: center; } #HA-Tool-Block #Filter-Options-Tools { display: block; position: relative; text-align: right; } #HA-Tool-Block .Form-Tools .collapse-block { display: inline-block; height: 35px; width: 60%; position: absolute; top: -1px; right: 0px; left: auto; cursor: pointer; color: #FFF; line-height: 1; text-align: right; font-size: 14px !important; vertical-align: middle; font-weight: normal !important; } #HA-Tool-Block .Form-Tools .collapse-block span { font-size: 14px !important; } #HA-Tool-Block .Form-Tools .collapse-block img { display: inline-block; vertical-align: top; width: 100%; max-width: 16px; height: auto; } #HA-Tool-Block .Form-Tools .collapse-block span { color: #FFF; text-shadow: none !important; opacity: 1.0 !important; } #HA-Tool-Block .Form-Tools .collapse-block.change-mode { width: fit-content; color: #333; } #HA-Tool-Block .Form-Tools .collapse-block.change-mode.active .open { display: none; } #HA-Tool-Block .Form-Tools .collapse-block.change-mode.active .close { display: block; } #HA-Tool-Block .Form-Tools .collapse-block.change-mode .open,#HA-Tool-Block .Form-Tools .collapse-block.change-mode .close { color: var(--core-blue); } #HA-Tool-Block .Form-Tools .collapse-block.change-mode .open img #HA-Tool-Block .Form-Tools .collapse-block.change-mode .close img { position: relative; display: inline-block; margin-top: 2px; } #HA-Tool-Block .Form-Tools .Block-SubTitle .collapse-block { position: absolute; top: 0px; right: 10px; } #HA-Tool-Block .Form-Tools .collapse-block .open img,#HA-Tool-Block .Form-Tools-Compact .collapse-block .open img,#HA-Tool-Block .Form-Tools .collapse-block .close img,#HA-Tool-Block .Form-Tools-Compact .collapse-block .close img { position: relative; display: inline-block; margin-top: 2px; } #HA-Tool-Block .Form-Tools .collapse-block .open { display: none; float: right; } #HA-Tool-Block .Form-Tools .collapse-block .close { display: block; float: right; } #HA-Tool-Block .Form-Tools.active,#HA-Tool-Block .Form-Tools.mobile-active { -webkit-transition: all 0.5 ease; -moz-transition: all 0.5 ease; -o-transition: all 0.5 ease; -ms-transition: all 0.5 ease; transition: all 0.5 ease; } #HA-Tool-Block .Form-Tools div[data-js="collapsable-block"],#HA-Tool-Block .Form-Tools div[data-js="collapsable-block-sub"] { display: none; width: 100%; -webkit-transition: all 0.5 ease; -moz-transition: all 0.5 ease; -o-transition: all 0.5 ease; -ms-transition: all 0.5 ease; transition: all 0.5 ease; } #HA-Tool-Block .Form-Tools div[data-js="collapsable-block"].active,#HA-Tool-Block .Form-Tools div[data-js="collapsable-block-sub"].active { display: block; position: relative; } #HA-Tool-Block .Form-Tools .collapse-block .open,#HA-Tool-Block .Form-Tools .collapse-block .close,#HA-Tool-Block .Form-Tools.active .collapse-block .open,#HA-Tool-Block .Form-Tools.active .collapse-block .close { font-weight: normal !important; position: relative; vertical-align: middle; top: 8px; } #HA-Tool-Block .Form-Tools.Filter-Selections .collapse-filters { display: inline-block; height: 35px; width: 70%; position: absolute; top: -1px; right: 0px; left: auto; cursor: pointer; color: #FFF; line-height: 1; text-align: right; font-size: 14px; vertical-align: middle; font-weight: normal !important; } #HA-Tool-Block .Form-Tools.Filter-Selections .collapse-filters .open:after { font-family: "FontAwesome", "Font Awesome 5 Free"; font-weight: normal !important; content: "\f146"; color: #CCC; margin-left: 10px; } #HA-Tool-Block .Form-Tools.Filter-Selections .collapse-filters .close:after { font-family: "FontAwesome", "Font Awesome 5 Free"; content: "\f0fe"; color: #CCC; margin-left: 10px; } #HA-Tool-Block .Form-Tools.Filter-Selections .Block-Title { margin: -20px -15px 10px -15px; } #HA-Tool-Block .Form-Tools.Filter-Tools .Block-Title { border-radius: 9px 9px 0px 0px; margin: -20px -15px 20px -15px; } #HA-Tool-Block .Form-Tools.Filter-Selections.active .collapse-filters .close,#HA-Tool-Block .Form-Tools.Filter-Selections .collapse-filters .open { display: none; } #HA-Tool-Block .Form-Tools.Filter-Selections .collapse-filters .close,#HA-Tool-Block .Form-Tools.Filter-Selections.active .collapse-filters .open { display: inline-block; position: relative; vertical-align: middle; top: 8px; max-width: 100px; } #HA-Tool-Block .Form-Tools.active .collapse-block .open { display: block; } #HA-Tool-Block .Form-Tools.active .collapse-block .close { display: none; } #HA-Tool-Block .Form-Tools .filter-blocks-sub.active .collapse-block .open { display: none; } #HA-Tool-Block .Form-Tools .filter-blocks-sub.active .collapse-block .close { display: block; } #HA-Tool-Block .Form-Tools .filter-blocks-sub .collapse-block .open { display: block; } #HA-Tool-Block .Form-Tools .filter-blocks-sub .collapse-block .close { display: none; } #HA-Tool-Block .Form-Tools .Filter-Block { display: none; width: 24%; margin: 0px auto 15px auto; vertical-align: top; padding: 10px 0.5% 15px 0.5%; padding-bottom: 15px; border-bottom: #DDD 1px dashed; } #HA-Tool-Block .Form-Tools .Filter-Block.inactive { background: #fff2f2; } #HA-Tool-Block .Form-Tools .Filter-Compact-Block { display: inline-block; background: #efefef; border: #DDD 1px dashed; padding: 3px 10px; border-radius: 50px; margin: 5px; font-size: 14px; } #HA-Tool-Block .Form-Tools .Filter-Compact-Block.inactive { background: #f1dede; border: var(--core-red) 1px dotted; } #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Ranges { display: block; width: 88%; margin: 5px auto; position: relative; vertical-align: middle; } #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Selections { display: block; width: 100%; margin: 5px auto; position: relative; vertical-align: middle; } #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Selections input[type="radio"], #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Selections .Selection-Label input[type="radio"] { display: none; } #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Selections.Vertical { margin: 0px auto; } #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Selections.Vertical .Selection-Label { display: block; cursor: pointer; width: 100%; height: auto; font-size: 11px; line-height: 15px; text-align: left; padding: 1px 15px; margin: 0px auto 3px auto; background: #EAEAEA; color: #333; border-radius: 50px; } #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Selections.Vertical .Selection-Label.active, #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Selections.Vertical input[type="radio"]:checked+label { background: var(--core-green); color: #FFF; } /* #HA-Tool-Block .Form-Tools .Filter-Block[id$="_is_green"] .Filter-Selections.Vertical .Selection-Label.active, #HA-Tool-Block .Form-Tools .Filter-Block[id$="_is_green"] .Filter-Selections.Vertical input[type="radio"]:checked+label { background: #FFFFCC; color: #333; } */ #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Selections.Vertical .Selection-Label .ind-icon { max-width: 15px; display: inline-block; margin-left: -13px; margin-top: 0px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-Binary .Variant-Buttons { text-align: center; padding: 0px 10px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-Binary label.Selection-Label { display: inline-block; cursor: pointer; width: fit-content; max-width: 125px; min-width: 50px; height: auto; position: relative; margin-right: 5px; margin-bottom: 5px; padding: 5px 15px 5px 15px; border-radius: 5px; text-transform: none !important; background: #777 !important; color: #EEE; vertical-align: top; font-weight: 600; -webkit-box-shadow: none; box-shadow: none; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-Binary label.Selection-Label.active { background: var(--core-green) !important; background-color: var(--core-green) !important; background-image: linear-gradient(to bottom, var(--core-green-lightest) 0%, var(--core-green) 100%) !important; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-Binary input[type="radio"], #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-Binary label.Selection-Label input[type="radio"] { display: none; } #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Block-Options { display: block; width: 100%; margin: 5px auto; position: relative; vertical-align: middle; text-align: center; } #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Block-Options .Toggle-Tools-Block { display: inline-block; } #HA-Tool-Block .Form-Tools .Filter-Title-Block { display: block; } #HA-Tool-Block .Form-Tools .Filter-Title-Block .Filter-Title { display: inline-block; width: 85%; vertical-align: middle; position: relative; margin-right: 3px; font-size: 12px; font-weight: 700; text-align: left; margin-bottom: 5px; font-family: "Open Sans", opensans, sans-serif, Arial, Helvetica; } #HA-Tool-Block .Form-Tools .Filter-Title-Block .Filter-Title span { font-size: 12px !important; } #HA-Tool-Block .Form-Tools .Filter-Title-Block .Filter-Data-Ranges { display: none; } #HA-Tool-Block .Form-Tools .Filter-Remove { display: inline-block; opacity: 0.5; width: 18px; height: 18px; line-height: 25px; color: rgba(255,255,255,0.0); font-family: arial; font-size: 20px; text-align: center; position: relative; right: -15px; padding: 0; cursor: pointer; vertical-align: top; } #HA-Tool-Block .Form-Tools .Filter-Remove:after { display: block; content: ' '; width: 100%; height: 100%; border-radius: 30px; border: #333 1px solid; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Icon-Close-x-dark.svg) center no-repeat; background-size: 80% 80%; width: 15px; height: 15px; position: relative; top: 0px; left: 1px; } #HA-Tool-Block .Form-Tools .Filter-Compact-Block .Filter-Compact-Title,#HA-Tool-Block .Form-Tools .Filter-Compact-Block .Filter-Compact-Ranges { display: inline-block; vertical-align: top; position: relative; margin-right: 7px; font-size: 14px; font-weight: normal; text-align: left; margin-bottom: 0px; } #HA-Tool-Block .Form-Tools .Filter-Compact-Block .Filter-Compact-Title span { font-size: 14px; font-weight: normal; } #HA-Tool-Block .Form-Tools .Filter-Compact-Block .Filter-Indicator.Types .option-label, #HA-Tool-Block .Form-Tools .Filter-Compact-Block .Filter-Indicator.Scores .option-label, #HA-Tool-Block .Form-Tools .Filter-Compact-Block .Filter-Indicator.Capita .option-label { background: rgba(255,255,255,0.5); font-weight: normal; font-size: 14px; padding: 0px 6px; margin: 0px auto 0px 2px; vertical-align: middle; } #HA-Tool-Block .Form-Tools .Filter-Compact-Title .Filter-Indicator { top: 1px; padding: 0px !important; display: inherit; position: relative; } #HA-Tool-Block .Form-Tools .Filter-Compact-Remove { display: inline-block; float: right; padding: 3px; width: 18px; height: 18px; position: relative; top: -2px; right: -5px; vertical-align: top; cursor: pointer; } #HA-Tool-Block .Form-Tools .Filter-Compact-Remove:after { content: ' '; width: 100%; height: 100%; display: block; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Icon-Close-x-dark.svg) center no-repeat; background-size: 80% 80%; width: 15px; height: 15px; position: relative; top: 0px; left: -1px; } #HA-Tool-Block .Form-Tools.Filter-Selections.active .Filter-Block { display: inline-block; position: relative; } #HA-Tool-Block .Form-Tools.Filter-Selections br.ng-scope { display: none; } #HA-Tool-Block .Form-Tools .Filter-Indicator.Types,#HA-Tool-Block .Form-Tools .Filter-Indicator.Scores,#HA-Tool-Block .Form-Tools .Filter-Indicator.Capita,#HA-Tool-Block .Form-Tools .Filter-Indicator.Reset-One,#HA-Tool-Block .Form-Tools .Filter-Indicator.MapIt { display: inline-block; padding: 0px !important; vertical-align: middle; } #HA-Tool-Block .Form-Tools .Filter-Indicator.MapIt { margin-right: 5px; } #HA-Tool-Block .Form-Tools .Filter-Indicator.MapIt a:before { display: none !important;} #HA-Tool-Block .Form-Tools .Filter-Compact-Block .Filter-Indicator.Types, #HA-Tool-Block .Form-Tools .Filter-Compact-Block .Filter-Indicator.Scores, #HA-Tool-Block .Form-Tools .Filter-Compact-Block .Filter-Indicator.Capita { padding: 0px !important; } #HA-Tool-Block .Form-Tools .Filter-Indicator .input-select { display: block; margin-bottom: 6px; background: var(--core-blue); background-color: var(--core-blue); border: var(--core-blue) 1px solid; color: #FFF; border-radius: 50px !important; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; background-image: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Select-White-Down.svg), linear-gradient(to bottom, var(--core-blue-light); 0%, var(--core-blue); 100%); background-repeat: no-repeat, repeat !important; background-position: right 0.55em top 50%, 0 0 !important; background-size: 0.65em auto, 100% !important; font-size: 14px; text-align: center; padding: 0px 20px 0px 10px; height: 25px; width: 100%; max-width: 100px; min-width: 65px; vertical-align: middle; } #HA-Tool-Block .Form-Tools .Filter-Indicator.Types .input-select,#HA-Tool-Block .Form-Tools .Filter-Indicator.Scores .input-select,#HA-Tool-Block .Form-Tools .Filter-Indicator.Capita .input-select { display: none; background: var(--core-green); background-color: var(--core-green); color: #FFF; background-image: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Select-White-Down.svg), linear-gradient(to bottom, var(--core-green-lightest) 0%,var(--core-green) 100%) !important; border-color: var(--core-green) !important; font-size: 10px; width: 100%; max-width: 55px; min-width: 40px; height: 23px; padding: 0px 15px 0px 5px; margin: 0px auto; } #HA-Tool-Block .Form-Tools .Filter-Indicator .option-label { display: block; margin-bottom: 6px; margin-top: -2px; border: var(--core-blue) 2px solid; border-radius: 50px; padding: 1px 10px; color: var(--core-blue); vertical-align: middle; font-size: 14px; font-weight: bold; text-align: center; } #HA-Tool-Block .Form-Tools .Filter-Indicator.Types .option-label,#HA-Tool-Block .Form-Tools .Filter-Indicator.Scores .option-label,#HA-Tool-Block .Form-Tools .Filter-Indicator.Capita .option-label{ position: relative; top: -1px; padding: 1px 10px; vertical-align: baseline; color: #333; font-size: 12px; background: #CCC; border: none; border-radius: 50px; } #HA-Tool-Block .Form-Tools.Filter-Tools { margin: 5px auto 25px auto; border: var(--core-blue) 1px solid; padding: 20px 15px; border-radius: 10px; position: relative; text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Tools .Filter-Name { margin: 0px; width: 100%; max-width: 610px; } #HA-Tool-Block .Form-Tools.Filter-Tools .Filter-Save { display: block; vertical-align: middle; margin-bottom: 5px; margin-top: 10px; border-top: #DDD 1px solid; padding-top: 10px; } #HA-Tool-Block .Form-Tools.Filter-Tools .Filter-Edit,#HA-Tool-Block .Form-Tools.Filter-Input .Filter-Edit { display: block; vertical-align: middle; margin: 0px -15px -10px -15px; background: #EFEFEF; border-top: #DDD 1px dashed; padding-top: 15px; padding-bottom: 10px; border-radius: 0px 0px 10px 10px; } #HA-Tool-Block .Form-Tools.Filter-Tools .Filter-Edit select,#HA-Tool-Block .Form-Tools.Filter-Input .Filter-Edit select { display: block; height: 40px; max-width: 805px; margin-right: 3px; font-weight: normal !important; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save { display: block; margin: 0px auto 5px auto; border-bottom: #DDD 1px dashed; padding-bottom: 10px; text-align: right; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save .Inner-Block { display: block; width: 100%; max-width: 800px; margin: 0px auto; vertical-align: middle; } #HA-Tool-Block .Form-Tools.Filter-Tools .Filter-View-Map { display: inline; vertical-align: middle; margin-bottom: 5px; } #HA-Tool-Block .Form-Tools.Filter-Tools button.input-submit { padding: 5px 10px 5px 10px; min-width: 100px; } #HA-Tool-Block .Form-Tools .Filter-Indicator button { position: relative; top: 1px; width: fit-content; max-width: 100px; min-height: 20px; padding: 1px 8px 4px 8px; border-radius: 50px; margin: 0px auto; -webkit-box-shadow: none; box-shadow: none; } #HA-Tool-Block .Form-Tools .Filter-Indicator.Reset-One button {background: var(--core-green); background-color: var(--core-green); color: #FFF; background: linear-gradient(to bottom, var(--core-green-lightest) 0%, var(--core-green) 100%) !important; border-color: var(--core-green) !important;} #HA-Tool-Block .Form-Tools .Filter-Indicator button .btn-label { display: none /*inline-block*/; margin-left: 3px; vertical-align: middle; font-size: 12px !important; font-weight: bold; } #HA-Tool-Block .Form-Tools.Filter-Tools .Filter-View-Map button.input-submit,#HA-Tool-Block .Form-Tools .Filter-Indicator.MapIt button { position: relative; top: 1px; background: var(--core-orange) ; background-color: var(--core-orange); color: #FFF; background: linear-gradient(to bottom,var(--core-orange) 0%,var(--core-orange-dark) 100%) !important; border-color: var(--core-orange) !important; } #HA-Tool-Block .Form-Tools.Filter-Tools .Filter-View-Map button.input-submit img,#HA-Tool-Block .Form-Tools .Filter-Indicator.Reset-One button img { max-width: 12px; } #HA-Tool-Block .Form-Tools .Filter-Indicator.MapIt button img { max-width: 18px; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save select,#HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save input { display: inline-block; position: relative; top: -1px; height: 40px; width: 100%; max-width: 500px; margin-right: 3px; vertical-align: top; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save input { padding-left: 10px; padding-right: 10px; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save input.input-connected { padding-right: 35px; } #HA-Tool-Block .Form-Tools.Filter-Tools .Filter-Save select,#HA-Tool-Block .Form-Tools.Filter-Tools .Filter-Edit select { display: inline-block; height: 40px; max-width: 610px; } #HA-Tool-Block .Form-Tools.Filter-Tools .Filter-View-Map select { display: inline-block; height: 40px; max-width: 350px; } /* Supporting JS required for Colored-Tracks and Two-Handle Range Slider */ #HA-Tool-Block .Form-Tools.slidecontainer input[type="range"]:before { display: none; } #HA-Tool-Block .Form-Tools input[type="range"].cstm-style { -webkit-appearance: none; } #HA-Tool-Block .Form-Tools input[type="range"] { position: relative; margin-right: 15px; width: 225px; height: 5px; padding: 0px !important; background: #CCC; border-radius: 5px; accent-color: var(--core-green); background-image: linear-gradient(#080, #080); background-size: 0% 100%; background-repeat: no-repeat; } #HA-Tool-Block .Form-Tools .dual_range_cont input[type="range"] { -webkit-appearance: none; position: absolute; appearance: none; height: 8px; width: 100%; position: absolute; background-color: rgba(255,255,255,0.0); accent-color: var(--core-green); pointer-events: none; } #HA-Tool-Block .Form-Tools input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: all; width: 16px; height: 16px; border-radius: 50%; box-shadow: 0 0 0 2px var(--core-blue); cursor: pointer; background-color: #f5f7f9; background: #c6d7ff; background: -moz-radial-gradient(center, ellipse cover, #f3f6ff 25%, #c6d7ff 70%); background: -webkit-radial-gradient(center, ellipse cover, #f3f6ff 25%,#c6d7ff 70%); background: radial-gradient(ellipse at center, #f3f6ff 25%,#c6d7ff 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f6ff', endColorstr='#c6d7ff',GradientType=1 ); } #HA-Tool-Block .Form-Tools input[type=range]::-moz-range-thumb { -webkit-appearance: none; pointer-events: all; width: 16px; height: 16px; border-radius: 50%; box-shadow: 0 0 0 2px var(--core-blue); cursor: pointer; background-color: #f5f7f9; background: #c6d7ff; background: -moz-radial-gradient(center, ellipse cover, #f3f6ff 25%, #c6d7ff 70%); background: -webkit-radial-gradient(center, ellipse cover, #f3f6ff 25%,#c6d7ff 70%); background: radial-gradient(ellipse at center, #f3f6ff 25%,#c6d7ff 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f6ff', endColorstr='#c6d7ff',GradientType=1 ); } #HA-Tool-Block .Form-Tools input[type="range"]::-ms-thumb { -webkit-appearance: none; pointer-events: all; width: 16px; height: 16px; border-radius: 50%; box-shadow: 0 0 0 2px var(--core-blue); cursor: pointer; background-color: #f5f7f9; background: #c6d7ff; background: -moz-radial-gradient(center, ellipse cover, #f3f6ff 25%, #c6d7ff 70%); background: -webkit-radial-gradient(center, ellipse cover, #f3f6ff 25%,#c6d7ff 70%); background: radial-gradient(ellipse at center, #f3f6ff 25%,#c6d7ff 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f6ff', endColorstr='#c6d7ff',GradientType=1 ); } #HA-Tool-Block .Form-Tools input[type=range]::-webkit-slider-thumb:hover { box-shadow: inset 0 0 3px #387bbe, 0 0 2px #387bbe; -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 2px #387bbe; } #HA-Tool-Block .Form-Tools input[type=range]::-webkit-slider-thumb:active { box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe; -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe; } #HA-Tool-Block .Form-Tools input[type="number"] { text-align: center; } #HA-Tool-Block .Form-Tools input[type=number]::-webkit-inner-spin-button, #HA-Tool-Block .Form-Tools input[type=number]::-webkit-outer-spin-button { } #HA-Tool-Block .Form-Tools [class^="number-style"] { position: relative; display: inline; } #HA-Tool-Block .Form-Tools .Filter-Ranges input[type="number"],#HA-Tool-Block .Form-Tools .Filter-Ranges input[type="text"] { width: 95%; min-width: 85px; max-width: 125px; height: 28px; border-radius: 50px; border: #DEE8FF 2px solid; background: #DEE8FF; padding: 0px; text-align: center; font-size: 14px; color: #000; font-weight: bold; letter-spacing: .5px; } #HA-Tool-Block .Form-Tools .Filter-Ranges input[type=number]::-webkit-inner-spin-button, #HA-Tool-Block .Form-Tools .Filter-Ranges input[type=number]::-webkit-outer-spin-button { opacity: 0.5; -webkit-appearance: none; } #HA-Tool-Block .Form-Tools .dual_range_cont { position: relative; width: 100%; max-width: 400px; margin: 10px auto -5px auto; } #HA-Tool-Block .Form-Tools .range_frame,#HA-Tool-Block .Form-Tools .range_frame_reg { position: relative; min-height: 25px; } #HA-Tool-Block .Form-Tools .form_control { position: relative; display: flex; justify-content: space-between; text-align: center; font-size: 18px; color: #635a5a; } #HA-Tool-Block .Form-Tools .form_row { display: block; width: 100%; position: relative; } #HA-Tool-Block .Form-Tools .form_col_1,#HA-Tool-Block .Form-Tools .form_col_2 { display: inline-block; position: relative; width: 50%; } #HA-Tool-Block .Form-Tools .form_col_1 { text-align: left; } #HA-Tool-Block .Form-Tools .form_col_2 { text-align: right; } #HA-Tool-Block .Form-Tools .Filter-Alert { display: block; position: absolute; padding: 7px; z-index: 5; font-size: 12px; font-weight: 600; text-align: center; width: 100%; border-radius: 10px; top: 5px; background: rgba(255, 255, 100, 0.5); border: rgba(255, 255, 100, 0.8) 2px solid; } #HA-Tool-Block .Form-Tools .Filter-Alert .icon-image {} #HA-Tool-Block .Form-Tools .Review-Data-Alert { display: block; font-size: 14px; font-weight: 600; font-style: italic; position: relative; margin: -5px auto 10px auto; background: #FFF !important; border: none !important; padding: 0px; } #HA-Tool-Block .Form-Tools .Review-Data-Alert .icon-image { display: inline-block; margin: 0px 10px; max-width: 15px; } #HA-Tool-Block .Form-Tools .Filter-Label-Column { display: inline-block; position: relative; } #HA-Tool-Block .Form-Tools .Filter-Alert.Range-Alert { color: #333; } #HA-Tool-Block .Form-Tools .Filter-Alert.Option-Alert { position: relative; color: #333; font-size: 16px; margin-bottom: 10px; } #HA-Tool-Block .Form-Tools [id^="fromSlider"],#HA-Tool-Block .Form-Tools [id$="_min"] { height: 0; z-index: 1; } #HA-Tool-Block .Form-Tools [id^="toSlider"],#HA-Tool-Block .Form-Tools [id$="_max"] { top: -0px; z-index: 0; } /* HMS Addon Conditions */ #matrixContainer .Title-Block .Filter-Title, #matrixContainer .Title-Block .Parent { display: none; margin-right: 5px; } div[data-mkt-lvl="market-county"] .Title-Block .Filter-Title,div[data-mkt-lvl="market-zipcode"] .Title-Block .Filter-Title, div[data-mkt-lvl="market-county"] .Title-Block .Filter-Title,div[data-mkt-lvl="market-zipcode"] .Title-Block .Filter-Title, div[data-mkt-lvl="market-county"] .Title-Block .Parent,div[data-mkt-lvl="market-zipcode"] .Title-Block .Parent, div[data-mkt-lvl="market-county"] .Title-Block .Parent,div[data-mkt-lvl="market-zipcode"] .Title-Block .Parent { display: contents !important; } /* Supporting JS required for Colored-Tracks and Two-Handle Range Slider */ #HA-Tool-Block div[data-mkt-lvl="market-msa"] .State,#HA-Tool-Block div[data-mkt-lvl="market-county"] .State,#HA-Tool-Block div[data-mkt-lvl="market-zipcode"] .State,#HA-Tool-Block div[data-mkt-lvl="market-county"] .State-MSA,#HA-Tool-Block div[data-mkt-lvl="market-zipcode"] .State-MSA,#HA-Tool-Block div[data-mkt-lvl="market-state"] .County-Zipcode,#HA-Tool-Block div[data-mkt-lvl="market-msa"] .County-Zipcode,#HA-Tool-Block .Form-Tools .Restricted { position: relative; cursor: not-allowed; pointer-events: none; } #HA-Tool-Block .Form-Tools .Restricted input,#HA-Tool-Block .Form-Tools .Restricted select,#HA-Tool-Block .Form-Tools .Restricted button,#HA-Tool-Block .Form-Tools .Restricted .Filter-Ranges,#HA-Tool-Block .Form-Tools .Restricted .Filter-Block-Options { pointer-events: none !important; cursor: not-allowed; } #HA-Tool-Block .Form-Tools div[ng-mkt-lvl]:before,#HA-Tool-Block div[data-mkt-lvl="market-state"] .Filter-Block:before,#HA-Tool-Block div[data-mkt-lvl="market-msa"] .Filter-Block:before,#HA-Tool-Block div[data-mkt-lvl="market-county"] .Filter-Block:before,#HA-Tool-Block div[data-mkt-lvl="market-zipcode"] .Filter-Block:before,#HA-Tool-Block .Form-Tools .Restricted:before { display: none; position: absolute; width: 100%; max-width: 150px; z-index: 5; top: 45px; left: 50px; background: rgba(200,200,200,0.7); color: #333; font-size: 16px; font-weight: bold; text-align: center; padding: 4px; -webkit-transform: rotate( -30deg ); -ff-transform: rotate(-30deg); transform: rotate( -30deg ); } #HA-Tool-Block [data-mkt-lvl] a:before { display: none; position: absolute; width: 100%; max-width: 90px; z-index: 5; top: 15px; left: 15%; background: rgba(200,200,200,0.7); color: #333; font-size: 12px; font-weight: bold; text-align: center; padding: 4px; -webkit-transform: rotate( -15deg ); -ff-transform: rotate(-15deg); transform: rotate( -15deg ); } #HA-Tool-Block .Form-Tools .Filter-Selection-List div[ng-mkt-lvl]:before,#HA-Tool-Block .Form-Tools .Filter-Selection-List .Restricted:before { display: block; position: absolute; width: 100%; max-width: 160px; z-index: 5; top: -2px; left: 30%; background: rgba(200,200,200,0.7); color: #333; font-size: 16px; font-weight: bold; text-align: center; padding: 3px; -webkit-transform: rotate( -30deg ); -ff-transform: rotate(-30deg); transform: rotate( 0deg ); } #HA-Tool-Block div[data-mkt-lvl="market-county"] .ZIP a:before,#HA-Tool-Block .Form-Tools div[ng-mkt-lvl="ZIP"]:before,#HA-Tool-Block .Form-Tools .Restricted.ZIP:before { display: block; content: 'ZIP ONLY'; } #HA-Tool-Block .Form-Tools div[ng-mkt-lvl="County"]:before,#HA-Tool-Block .Form-Tools div[ng-mkt-lvl="County"]:before,#HA-Tool-Block .Form-Tools .Restricted.County:before { display: block; content: 'County ONLY'; } #HA-Tool-Block div[data-mkt-lvl="market-county"] .MSA a:before,#HA-Tool-Block .Form-Tools div[ng-mkt-lvl="MSA"]:before,#HA-Tool-Block .Form-Tools .Restricted.MSA:before { display: block; content: 'MSA ONLY'; } #HA-Tool-Block div[data-mkt-lvl="market-msa"] .State:before,#HA-Tool-Block div[data-mkt-lvl="market-county"] .State:before,#HA-Tool-Block div[data-mkt-lvl="market-zipcode"] .State:before,#HA-Tool-Block div[data-mkt-lvl="market-county"] .State a:before,#HA-Tool-Block .Form-Tools div[ng-mkt-lvl="State"]:before,#HA-Tool-Block .Form-Tools .Restricted.State:before { display: block; content: 'State ONLY'; } #HA-Tool-Block div[data-mkt-lvl="market-county"] .State-MSA:before,#HA-Tool-Block div[data-mkt-lvl="market-zipcode"] .State-MSA:before,#HA-Tool-Block div[data-mkt-lvl="market-county"] .State-MSA a:before,#HA-Tool-Block .Form-Tools div[ng-mkt-lvl="State-MSA"]:before,#HA-Tool-Block .Form-Tools .Restricted.State-MSA:before { display: block; content: 'Metro/State ONLY'; } #HA-Tool-Block div[data-mkt-lvl="market-county"] .State-MSA:before,#HA-Tool-Block div[data-mkt-lvl="market-zipcode"] .State-MSA:before,#HA-Tool-Block .Form-Tools div[ng-mkt-lvl="State-MSA"]:before,#HA-Tool-Block .Form-Tools .Restricted.State-MSA:before { display: block; content: 'Metro/State ONLY'; } #HA-Tool-Block div[data-mkt-lvl="market-state"] .County-Zipcode:before,#HA-Tool-Block div[data-mkt-lvl="market-msa"] .County-Zipcode:before,#HA-Tool-Block div[data-mkt-lvl="market-state"] .County-Zipcode a:before,#HA-Tool-Block .Form-Tools div[ng-mkt-lvl="County-Zipcode"]:before,#HA-Tool-Block .Form-Tools .Restricted.County-Zipcode:before { display: block; content: 'County/Zip ONLY'; } #HA-Tool-Block .Form-Tools .Filter-Compact-Block.Restricted,#HA-Tool-Block div[data-mkt-lvl="market-msa"] .State .Filter-Title-Block,#HA-Tool-Block div[data-mkt-lvl="market-msa"] .State .Filter-Ranges,#HA-Tool-Block div[data-mkt-lvl="market-msa"] .State .Filter-Block-Options,#HA-Tool-Block div[data-mkt-lvl="market-county"] .State .Filter-Title-Block,#HA-Tool-Block div[data-mkt-lvl="market-county"] .State .Filter-Ranges,#HA-Tool-Block div[data-mkt-lvl="market-county"] .State .Filter-Block-Options,#HA-Tool-Block div[data-mkt-lvl="market-zipcode"] .State .Filter-Title-Block,#HA-Tool-Block div[data-mkt-lvl="market-zipcode"] .State .Filter-Ranges,#HA-Tool-Block div[data-mkt-lvl="market-zipcode"] .State .Filter-Block-Options,#HA-Tool-Block div[data-mkt-lvl="market-county"] .State-MSA .Filter-Title-Block,#HA-Tool-Block div[data-mkt-lvl="market-county"] .State-MSA .Filter-Ranges,#HA-Tool-Block div[data-mkt-lvl="market-county"] .State-MSA .Filter-Block-Options,#HA-Tool-Block div[data-mkt-lvl="market-zipcode"] .State-MSA .Filter-Title-Block,#HA-Tool-Block div[data-mkt-lvl="market-zipcode"] .State-MSA .Filter-Ranges,#HA-Tool-Block div[data-mkt-lvl="market-zipcode"] .State-MSA .Filter-Block-Options,#HA-Tool-Block div[data-mkt-lvl="market-state"] .County-Zipcode .Filter-Title-Block,#HA-Tool-Block div[data-mkt-lvl="market-state"] .County-Zipcode .Filter-Ranges,#HA-Tool-Block div[data-mkt-lvl="market-state"] .County-Zipcode .Filter-Block-Options,#HA-Tool-Block div[data-mkt-lvl="market-msa"] .County-Zipcode .Filter-Title-Block,#HA-Tool-Block div[data-mkt-lvl="market-msa"] .County-Zipcode .Filter-Ranges,#HA-Tool-Block div[data-mkt-lvl="market-msa"] .County-Zipcode .Filter-Block-Options,#HA-Tool-Block .Form-Tools .Restricted .Filter-Title-Block,#HA-Tool-Block .Form-Tools .Restricted .Filter-Ranges,#HA-Tool-Block .Form-Tools .Restricted .Filter-Block-Options { opacity: 0.5; } #HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block table thead td.market-name-cell,#HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block table tbody td.market-name-cell { width: fit-content; min-width: 250px !important; max-width: 300px !important;} #HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block table thead td.market-rank-cell, #HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block table tr td:first-child { width: 25px !important; min-width: 25px !important; max-width: 50px !important;} #HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block table tbody td { min-width:130px; } #HA-Tool-Block .table-matrix-block table tr:nth-child(2n) { background-color: #fdfdfd; } #HA-Tool-Block .table-matrix-block table tr { background-color: #f7f7f7; } #HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block table thead td.rank, #HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block table thead td.hms_yy, /*#HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block table thead td[class*="_yy"], #HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block table thead td[class*="_cagr3y"],*/ #HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block table thead td[class*="_pct"] { background: #DEE8FF; } #HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block table thead td[class*="_yyt"] { background: transparent; } #HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block[data-mkt-lvl="market-county"] table thead td[class*="_yyt"], #HA-Tool-Block #matrixContainer.Filter-Active.table-matrix-block[data-mkt-lvl="market-zipcode"] table thead td[class*="_yyt"] { background: #DEE8FF; } #HA-Tool-Block #matrixContainer[data-js-option="0"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="0"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="1"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="1"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="2"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="2"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="3"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="3"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="4"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="4"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="5"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="5"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="6"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="6"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="7"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="7"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="8"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="8"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="9"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="9"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="10"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="10"].Filter-Active.table-matrix-block table tbody td { min-width: auto; height: 1px; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Tools button.input-submit { width: 95px; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Tools button.input-submit i { font-size: 18px; vertical-align: baseline; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Tools button.input-submit .part { display: none; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Selections .Filter-Block,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Selections.active .Filter-Block { display: block; position: relative; width: auto; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Selections .Filter-Save,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Input .Filter-Edit,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Tools .Filter-Save,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Tools .Filter-Edit,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Tools .Filter-View-Map { display: block; width: auto; vertical-align: middle; margin-bottom: -10px; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Tools .Filter-Name input,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Selections .Filter-Save input,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Input .Filter-Edit select,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Tools .Filter-Save input,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Tools .Filter-Edit select,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Tools .Filter-View-Map select { margin: 0px auto 5px auto; width: 100%; max-width: 400px; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Input select,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Selections .Filter-Save input,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Selections select,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Input .Filter-Indicator-List { border-radius: 0px 8px 8px 8px !important; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Input .Indicator-Options { display: block; margin: 0px auto; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Input,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Selections,#HA-Tool-Block #Filter-Bar .Filter-Save .Inner-Block { text-align: left; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Input label,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Selections label { font-size: 14px; padding: 3px; height: auto; min-height: 23px; border-radius: 8px 8px 0px 0px; margin: 0px auto 0px 0px; top: 0px; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Input .Toggle-Tools.Compact .switch,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Selections .Toggle-Tools.Compact .switch { top: 1px; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Input .Indicator-Variants button { margin: 5px; padding: 5px 15px 5px 15px; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Input .Indicator-Variants .Variant-Binary { display: block; width: 100%; margin: 0px auto; border-radius: 0px; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Input .Indicator-Variants .Variant-RAW { display: block; width: 100%; margin: 0px auto; border-radius: 0px; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Input .Indicator-Variants .Variant-PCT { display: block; width: 100%; margin: 0px auto 5px auto; border-radius: 0px 0px 10px 10px; } #HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Selections .Filter-Option-List,#HA-Tool-Block #Filter-Bar .Form-Tools.Filter-Selections .Filter-Selection-List { max-height: 400px; overflow-y: scroll; padding-top: 10px; } #HA-Tool-Block #Filter-Bar .Form-Tools .collapse-block.change-mode { display: block; position: relative; width: 100%; } #HA-Tool-Block #Filter-Bar .Form-Tools .Filter-Seal { width: 85px; height: 85px; top: -25px; left: -12px; } #HA-Tool-Block #Filter-Title-UI .Form-Tools.Filter-Selections { margin: 0px auto; padding: 0px 5px; min-height: 30px; } #HA-Tool-Block #Filter-Title-UI .Form-Tools .active .collapse-block.change-mode { display: block; width: 100%; position: relative; right: 0px; left: auto; z-index: 0; } #HA-Tool-Block #Filter-Title-UI .Form-Tools .active .collapse-block.change-mode.active { margin-bottom: -25px; } #HA-Tool-Block #Filter-Title-UI .Form-Tools .collapse-block.change-mode { height: 25px; } #HA-Tool-Block #Filter-Title-UI .Form-Tools .collapse-block.change-mode .open,#HA-Tool-Block #Filter-Title-UI .Form-Tools .collapse-block.change-mode .close,#HA-Tool-Block #Filter-Title-UI .Form-Tools .collapse-block.change-mode.active .open,#HA-Tool-Block #Filter-Title-UI .Form-Tools .collapse-block.change-mode.active .close { top: 5px; } #HA-Tool-Block #Filter-Title-UI .Button-Filter { display: inline-block; position: relative; background: var(--core-green); color: #FFF; border: none; border-radius: 50px; padding: 3px 10px; float: left; margin-top: 2px; margin-bottom: -15px; } #HA-Tool-Block #Filter-Title-UI .Form-Tools.Filter-Selections .change-mode.active .Button-Filter { z-index: 5; margin-top: -22px; } #HA-Tool-Block #Filter-Title-UI .Button-Filter .text { padding-left: 3px; } #HA-Tool-Block #Filter-Title-UI .Filter-Selection-List { display: none; position: relative; padding-top: 0px; max-width: 600px; margin: 0px auto; overflow-y: scroll; top: 0px; left: auto; right: auto; } #HA-Tool-Block #Filter-Title-UI .Filter-Selection-List.active { display: block; } #HA-Tool-Block #Filter-Title-UI .Filter-Selaection-List.styled-scrolling { max-height: 75px; padding-top: 22px; } #HA-Tool-Block #Filter-Title-UI .Filter-Saved-Title { display: none; padding: 3px 5px; } #HA-Tool-Block #Filter-Title-UI .Filter-Saved-Title.active { display: block; } @media screen and (max-width:940px){ #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-Block,#HA-Tool-Block .Form-Tools.Filter-Selections input.Connected,#HA-Tool-Block .Form-Tools.Filter-Selections select.Connected,#HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save select,#HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save input,#HA-Tool-Block .Form-Tools.Filter-Tools .Filter-Edit select,#HA-Tool-Block .Form-Tools.Filter-Input .Filter-Edit select,#HA-Tool-Block .Form-Tools.Filter-Input .Filter-Indicator-List.Connected,#HA-Tool-Block .Form-Tools.Filter-Input .Filter-Saved-List.Connected { display: inline-block; max-width: 435px !important; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-Block { width: fit-content; } } @media screen and (max-width:768px){ #matrixContainer.Filter-Active.table-matrix-block table thead td,#matrixContainer.Filter-Active.table-matrix-block table tbody td { max-width: 200px; } #HA-Tool-Block #Filter-Title-UI .Filter-Saved-Title { padding: 2px 5px 5px 5px; } #HA-Tool-Block #Filter-Title-UI .Form-Tools.Filter-Selections { max-width: 75%; } #HA-Tool-Block .Form-Tools .Filter-Buttons { margin-top: 10px; text-align: center !important; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-Block { width: 100% !important; max-width: 450px; } #HA-Tool-Block #Filter-Title-UI .Filter-Selection-List.styled-scrolling { padding: 5px 0px; margin: 3px auto; } #HA-Tool-Block #Filter-Title-UI .Form-Tools .collapse-block.change-mode { margin-bottom: -10px; top: -3px; } #HA-Tool-Block #Filter-Title-UI .Button-Filter { margin-top: -13px; margin-bottom: -15px; padding: 1px 10px; } #HA-Tool-Block #Filter-Options-Tools { text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle { display: block; width: 100%; text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Steps-Toggle { margin: 10px auto 0px auto !important; } #HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle.Radio-Option label[for="mode-standard"],#HA-Tool-Block .Form-Tools.Filter-Toggle .Filter-Modes-Toggle.Radio-Option label[for="mode-advanced"] { max-width: 200px; padding: 5px 10px; } #HA-Tool-Block .Form-Tools .Filter-Modes { text-align: center; } #HA-Tool-Block .Form-Tools .Filter-Modes button { display: inline-block; height: 45px; width: fit-content; max-width: fit-content; min-width: 150px; font-size: 20px; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type .radio-menu-block { text-align: center; padding: 5px; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type .radio-menu-block label { margin-bottom: 5px; height: auto; max-height: 40px; float: none !important; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Market-Type .radio-menu-block .item .name { vertical-align: middle; font-size: 18px; line-height: 30px; display: block; } #HA-Tool-Block .Form-Tools .Block-Title span { display: inline-block; max-width: 150px; vertical-align: text-top; line-height: 110%; margin-right: 0px; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Block-Title span.MB-Title, #HA-Tool-Block .Form-Tools.Magic-Buttons .Block-Title span.MB-Title { display: inline-block; margin-right: 0px; max-width: 125px; } #HA-Tool-Block .Form-Tools.Filter-Tools .Filter-View-Map button.input-submit,#HA-Tool-Block .Form-Tools .Filter-Indicator.MapIt button,#HA-Tool-Block .Form-Tools .Filter-Indicator.Reset-One button { height: 28px; } #HA-Tool-Block .Form-Tools .Filter-Compact-Block { display: block; margin: 0px auto 5px auto; } #HA-Tool-Block .Form-Tools .Filter-Compact-Block .Filter-Compact-Title { width: 90%; display: inline; } #HA-Tool-Block .Form-Tools .collapse-block { width: 28% !important; display: inline-block; margin-top: 0px; margin-bottom: 10px; position: relative; top: -7px; float: right; } #HA-Tool-Block .Form-Tools .collapse-block.change-mode { display: block; margin-bottom: 0px; float: none; } #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Block-Options .Toggle-Tools-Block { margin-top: 0px; } #HA-Tool-Block .Form-Tools.Filter-Selections .collapse-filters { width: auto; } #HA-Tool-Block .Form-Tools .Filter-Seal { position: absolute; width: 70px; height: 70px; top: -15px; left: -20px; } #HA-Tool-Block .Form-Tools .Block-Title { padding: 6px 10px 6px 55px !important; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Market-Level { margin-top: 15px; text-align: center; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button .Row-02 { padding: 0px 15px; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Level-Buttons { display: block; width: 100%; max-width: 300px; margin: 0px auto 10px auto; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-Binary { display: inline-block; margin: 0px 3px; padding: 5px; width: fit-content; max-width: 375px; min-width: 150px; vertical-align: top; background: #F4F4F4; border-radius: 10px; border: var(--core-blue) 1px solid; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-RAW { display: block; width: 100%; max-width: 295px; margin: 0px auto; border-radius: 0px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-PCT { display: block; width: 100%; max-width: 295px; margin: 0px auto 5px auto; border-radius: 0px 0px 10px 10px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-Label { border-radius: 0px 0px 8px 0px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants .Variant-SubLabel { display: block; font-size: 14px; font-weight: bold; margin: 0px auto 5px auto; } #HA-Tool-Block .Form-Tools.Filter-Selections.active .Filter-Block { display: block; position: relative; width: 100%; margin: 0px auto; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save { display: block; width: 100%; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Option-List,#HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Selection-List { width: 100%; max-height: 400px; overflow-y: scroll; padding-top: 10px; padding-right: 5px; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Edit,#HA-Tool-Block .Form-Tools.Filter-Tools .Filter-Save,#HA-Tool-Block .Form-Tools.Filter-Tools .Filter-Edit,#HA-Tool-Block .Form-Tools.Filter-Tools .Filter-View-Map { display: block; width: 100%; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save .Inner-Block { text-align: right; } #HA-Tool-Block .Form-Tools.Filter-Tools { text-align: left; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save select,#HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save input,#HA-Tool-Block .Form-Tools.Filter-Input .Filter-Indicator-List.Connected,#HA-Tool-Block .Form-Tools.Filter-Input .Filter-Saved-List.Connected,#HA-Tool-Block .Form-Tools.Filter-Selections input,#HA-Tool-Block .Form-Tools.Filter-Selections select,#HA-Tool-Block .Form-Tools.Filter-Tools input,#HA-Tool-Block .Form-Tools.Filter-Tools select,#HA-Tool-Block .Form-Tools.Filter-Input input,#HA-Tool-Block .Form-Tools.Filter-Input select { width: 100%; margin-bottom: 5px !important; height: 45px; } #HA-Tool-Block .Form-Tools.Filter-Selections input.Connected,#HA-Tool-Block .Form-Tools.Filter-Selections select.Connected,#HA-Tool-Block .Form-Tools.Filter-Input .Filter-Indicator-List.Connected,#HA-Tool-Block .Form-Tools.Filter-Input .Filter-Saved-List.Connected { max-width: 600px !important; border-radius: 0px 0px 8px 8px !important; } #HA-Tool-Block .Form-Tools.Filter-Input label.Connected,#HA-Tool-Block .Form-Tools.Filter-Selections label.Connected { display: inline-block; width: 100%; max-width: 600px !important; max-height: 40px; min-height: 30px; vertical-align: top; margin: 0px auto !important; font-size: 15px; line-height: 28px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants { margin-top: 10px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants label. { display: inline-block; font-size: 15px; line-height: 24px; max-height: 40px; min-height: 35px; min-width: 135px; border-radius: 10px; vertical-align: text-top; } #HA-Tool-Block .Form-Tools.Filter-Input label.Connected,#HA-Tool-Block .Form-Tools.Filter-Selections label.Connected,#HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants label.Connected { border-radius: 8px 8px 0px 0px; } #HA-Tool-Block .Form-Tools.Filter-Input label.Prefix, #HA-Tool-Block .Form-Tools.Filter-Input label.Middle { display: inline; padding: 5px 10px !important; } #HA-Tool-Block .Form-Tools.Filter-Input label.Prefix { border-radius: 8px 0px 0px 0px !important; } #HA-Tool-Block .Form-Tools.Filter-Input label.Middle { border-radius: 0px !important; border-left: unset !important; border-radius: 0px 8px 0px 0px !important; } #HA-Tool-Block .Form-Tools.Filter-Input .Step-Details-Box.Inline { display: inline-block !important; position: relative; right: -3px; max-width: 60px; margin-left: 5px; line-height: 90%; text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Input .Step-Details-Box.Inline span { text-align: center; font-size: 10px !important; } #HA-Tool-Block .Form-Tools.Filter-Input label.Inner { width: fit-content; display: inline-block; max-width: 250px !important; } #HA-Tool-Block .Form-Tools.Filter-Input label.Middle.Inner { width: 100%; display: inline-block; max-width: 210px !important; } #HA-Tool-Block .Form-Tools.Filter-Tools button.input-submit { width: 95px; height: 45px; } #HA-Tool-Block .Form-Tools.Filter-Tools button.input-submit i { font-size: 18px; vertical-align: baseline; } #HA-Tool-Block .Form-Tools.Filter-Tools button.input-submit .part { display: none; } #HA-Tool-Block .Form-Tools .Filter-Block .Filter-Ranges input[type="number"] { max-width: 125px !important; padding: 5px; height: 40px; } #HA-Tool-Block .Form-Tools.Filter-Selections .Filter-Save,#HA-Tool-Block .Form-Tools.Filter-Input .Filter-Edit,#HA-Tool-Block .Form-Tools.Filter-Tools .Filter-Save,#HA-Tool-Block .Form-Tools.Filter-Tools .Filter-Edit,#HA-Tool-Block .Form-Tools.Filter-Tools .Filter-View-Map { display: block; position: relative; width: auto; vertical-align: middle; margin-bottom: 5px; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Edit { margin: 0px -15px -10px -15px; padding: 10px 15px;} #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Options { display: block; margin: 0px auto; } #HA-Tool-Block .Form-Tools.Filter-Input label { font-size: 14px; padding: 3px; height: auto; border-radius: 8px 8px 0px 0px; margin: 0px auto 0px 0px; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants { text-align: center; } #HA-Tool-Block .Form-Tools.Filter-Input .Indicator-Variants button { margin: 5px; height: 45px; padding: 5px 20px 5px 20px; } #HA-Tool-Block .Form-Tools.mobile-active .collapse-block .open { display: block; } #HA-Tool-Block .Form-Tools.mobile-active .collapse-block .close { display: none; } #HA-Tool-Block .Form-Tools.Filter-Selections.mobile-active .Filter-Block { display: inline-block; } #HA-Tool-Block .Form-Tools.mobile-active div[data-js="collapsable-block"] { display: block; } #HA-Tool-Block .Form-Tools.Filter-Selections.mobile-active .collapse-filters .close { display: none; } #HA-Tool-Block .Form-Tools.Filter-Selections.mobile-active .collapse-filters .open { display: inline-block; position: relative; vertical-align: middle; top: 8px; max-width: 100px; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Magic-Button-Col, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Classic-Tool-Button-Col { display: block; width: 100%; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Button-Block button, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button { display: block; width: 100%; max-width: 450px; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button .Button-Icon, #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button .Button-Icon img { max-width: 55px; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button .Details { max-width: 185px; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button .Row-01 { font-size: 16px !important; } #HA-Tool-Block .Form-Tools.Classic-Tool-Buttons .Button-Block button .Row-02 { font-size: 12px !important; } } /* Popover Styles */ #HA-Tool-Block .plugin-popover-questionmark { display: inline-block; vertical-align: middle; position: relative; margin: 0px auto; width: fit-content; min-width: 25px; max-width: 25px; height: fit-content; min-height: 25px; max-height: 25px; padding: 0px; padding-block: 0px; padding-inline: 0px; } #HA-Tool-Block .plugin-popover-questionmark.left-side { float: left; } #HA-Tool-Block .plugin-popover-questionmark.right-side { float: right; } #HA-Tool-Block h3 .plugin-popover-questionmark .open-button,h2 #HA-Tool-Block .plugin-popover-questionmark .open-button { display: block; position: relative; top: 3px; overflow: hidden; } #HA-Tool-Block h3#wealth-phase-chart .plugin-popover-questionmark .open-button { top: 0px; } #HA-Tool-Block .plugin-popover-questionmark .open-button { display: inline-block; position: relative; margin: 0px auto; vertical-align: middle; } #HA-Tool-Block .plugin-popover-questionmark .open-button-mobile { display: none; cursor: pointer; vertical-align: middle; } #HA-Tool-Block .plugin-popover-questionmark .open-button, #HA-Tool-Block .plugin-popover-questionmark .open-button-mobile { width: 22px; height: 22px; border: 0; background-color: transparent; background: var(--core-blue); cursor: default; outline: none; border: 2px solid #fff; box-shadow: 0 0 3px #000; font-weight: bold; font-size: 14px; line-height: 18px; text-align: center; font-family: arial; color: #fff; border-radius: 100%; vertical-align: middle; overflow: hidden; } #HA-Tool-Block .plugin-popover-questionmark.info-popover .open-button:before { color: var(--core-blue); font-size: 16px; line-height: 15px; font-family: "FontAwesome", "Font Awesome 5 Free"; font-weight: 700 !important; content: "\f05a"; vertical-align: top; } #HA-Tool-Block .plugin-popover-questionmark .open-button:before,#HA-Tool-Block .plugin-popover-questionmark .open-button-mobile:before { display: inline-block; vertical-align: text-top; position: relative; content: ' '; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Icon-Tool-Tip.svg) center no-repeat; background-size: 90% 90%; width: fit-content; min-width: 18px; max-width: 18px; height: fit-content; min-height: 20px; max-height: 20px; } #HA-Tool-Block .plugin-popover-questionmark .open-button img,#HA-Tool-Block .plugin-popover-questionmark .open-button-mobile img { display: block; width: 80%; height: auto; margin: 2px auto; } #HA-Tool-Block .plugin-popover-questionmark.active .open-button-mobile:before { content: ' '; width: 100%; height: 100%; display: block; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Icon-Close-x.svg) center no-repeat; background-size: 90% 90%; width: 19px; height: 18px; } #HA-Tool-Block .plugin-popover-questionmark.default { display: inline-block; vertical-align: text-top; float: none; position: relative; top: auto; right: auto; } #HA-Tool-Block .plugin-popover-questionmark .hidden-block { font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 120%; font-weight: normal; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; z-index: 1000; text-align: left; padding: 10px; top: 28px; right: -155px; left: auto; width: 350px; background-color: #fff; border: 2px solid #aaa; color: #424242; height: auto; border-radius: 5px; position: absolute; word-wrap: break-word; cursor: default; line-height: normal; box-shadow: 0 0 8px rgb(0 0 0 / 20%); } #HA-Tool-Block .plugin-popover-questionmark .hidden-block p, #HA-Tool-Block .plugin-popover-questionmark .hidden-block strong { font-size: 14px !important; padding: 0px; } #HA-Tool-Block .plugin-popover-questionmark .hidden-block .title-popover-block, #HA-Tool-Block .plugin-popover-questionmark .hidden-block .title-popover-block p { text-align: center; } #HA-Tool-Block .table-wrapper { position: relative; border-radius: 0px !important; overflow: hidden; } #HA-Tool-Block .table-matrix-block table, #HA-Tool-Block .table-matrix-block table tr, #HA-Tool-Block .table-matrix-block table td { /*height: 1px;*/ border-radius: 0px !important; } #HA-Tool-Block .table-matrix-block table thead tr { /*height: 1px;*/ border-radius: 0px !important; } #HA-Tool-Block .table-matrix-block table thead tr td { height: 1px; border-radius: 0px !important; } #HA-Tool-Block .table-matrix-block table thead tr td:nth-child(1) .plugin-popover-questionmark .hidden-block { right: auto; left: -6px; } #HA-Tool-Block .table-matrix-block table thead tr td:last-child .plugin-popover-questionmark .hidden-block { right: -6px; left: auto; } .plugin-popover-questionmark .hidden-block:before { content: ''; position: absolute; top: -10px; right: 46%; height: 0; width: 0; border-style: solid; border-color: transparent transparent #aaa transparent; border-width: 0 5px 10px 5px; } #HA-Tool-Block .table-matrix-block table thead tr td:nth-child(1) .plugin-popover-questionmark .hidden-block:before { right: auto; left: 3%; } #HA-Tool-Block .table-matrix-block table thead tr td:last-child .plugin-popover-questionmark .hidden-block:before { right: 3%; left: auto; } #HA-Tool-Block .plugin-popover-questionmark .hidden-block .title-popover { font-weight: bold; font-size: 16px; text-align: center; } #HA-Tool-Block .plugin-popover-questionmark .hidden-block .parent-score, #HA-Tool-Block .plugin-popover-questionmark .hidden-block .Parent-Score { display: block !important; margin: -10px auto 10px auto; font-weight: bold; font-size: 16px; text-align: center; } #HA-Tool-Block .plugin-popover-questionmark.right .hidden-block,.plugin-popover-questionmark.left-side .hidden-block { right: auto; left: 0; } #HA-Tool-Block .plugin-popover-questionmark.right .hidden-block:before,.plugin-popover-questionmark.left-side .hidden-block:before { right: auto; left: 5px; } #HA-Tool-Block .plugin-popover-questionmark.left .hidden-block,.plugin-popover-questionmark.right-side .hidden-block { left: auto; right: 0; } #HA-Tool-Block .plugin-popover-questionmark.left .hidden-block:before,.plugin-popover-questionmark.right-side .hidden-block:before { left: auto; right: 5px; } #HA-Tool-Block .plugin-popover-questionmark.active .tooltip .hidden-block { display: block; opacity: 1.0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block .plugin-popover-questionmark-top { top:-17px; width: 22px; height: 22px; } #HA-Tool-Block .plugin-popover-questionmark .left-image { float: left; margin: 5px 20px 10px 0; } #HA-Tool-Block .plugin-popover-questionmark .right-image { float: right; margin: 5px 0 10px 20px; } @media(max-width:940px){ #HA-Tool-Block .plugin-popover-questionmark .open-button-mobile { display: block; } #HA-Tool-Block .plugin-popover-questionmark.active .hidden-block { display: block; } #HA-Tool-Block .plugin-popover-questionmark .tooltip > span, #HA-Tool-Block .plugin-popover-questionmark .hidden-block .open-button,#HA-Tool-Block .plugin-popover-questionmark .hidden-block .open-button-mobile,.plugin-popover-questionmark .hidden-block { display: none; } #HA-Tool-Block .plugin-popover-questionmark .open-button { display: none !important; } } @media(min-width:941px){ #HA-Tool-Block .plugin-popover-questionmark .tooltip:hover span,.plugin-popover-questionmark .tooltip:hover .hidden-block { display: block; opacity: 1.0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block .plugin-popover-questionmark .tooltip > span,.plugin-popover-questionmark .hidden-block { display: none; opacity: 0.0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } } @media( max-width: 767px ){ #HA-Tool-Block .plugin-popover-questionmark .open-button { display: none !important; } #HA-Tool-Block .plugin-popover-questionmark .open-button-mobile { display: inline-block; } #HA-Tool-Block .plugin-popover-questionmark.center .hidden-block { right: auto; left: -120px; width: 350px; } #HA-Tool-Block .plugin-popover-questionmark .hidden-block:before { display: none; } #HA-Tool-Block .plugin-popover-questionmark.center .hidden-block:before { right: auto; left: 124px; } #HA-Tool-Block .plugin-popover-questionmark.info-popover .hidden-block:before { left: 205px; } #HA-Tool-Block .plugin-popover-questionmark .hidden-block { max-width: 350px; width: 325px; } .admin-bar #HA-Tool-Block .plugin-popover-questionmark .hidden-block { top: 73px !important; } #HA-Tool-Block .plugin-popover-questionmark .hidden-block { left: auto; right: 0px; position: fixed; top: 72px; width: 100%; max-width: 600px; } #HA-Tool-Block .plugin-popover-questionmark .hidden-block:before { display: none !important; } #HA-Tool-Block .plugin-popover-questionmark .hidden-block .open-button,#HA-Tool-Block .plugin-popover-questionmark .hidden-block .open-button-mobile { display: block; top: -5px; right: -5px; float: right; font-size: 20px; line-height: 115%; padding: 5px; height: 35px; width: 35px; } #HA-Tool-Block .plugin-popover-questionmark .hidden-block .open-button-mobile:before { background-size: 100% 100%; width: 20px; height: 20px; } #HA-Tool-Block .plugin-popover-questionmark .hidden-block p, #HA-Tool-Block .plugin-popover-questionmark .hidden-block span, #HA-Tool-Block #Ranking-Colors-Chart .plugin-popover-questionmark .hidden-block span { font-size: 16px !important; line-height: 130%; } } @media( max-width: 500px ){ #HA-Tool-Block .plugin-popover-questionmark .left-image { float: none; display: table; margin-left: auto; margin-right: auto; } #HA-Tool-Block .plugin-popover-questionmark .right-image { float: none; display: table; margin-left: auto; margin-right: auto; } } /* POPUP Styles */ #HA-Tool-Block .popup[data-name="mini-chart"] { display: block; height: 0; overflow: hidden; } #HA-Tool-Block .popup[data-name="mini-chart"].active { height: 100%; overflow: auto; } #HA-Tool-Block .popup[data-name="mini-chart"] canvas { width: 100%; max-width: 600px; max-height: 450px; margin: 0px auto; } #HA-Tool-Block .popup[data-name="mini-map"] { display: block; height: 0; overflow: hidden; } #HA-Tool-Block .popup[data-name="mini-map"].active { height: 100%; overflow: auto; } #HA-Tool-Block .popup[data-name="mini-map"] #ha_popupmap { width: 100%; min-width: 600px; } @media(max-width: 768px ){ #HA-Tool-Block .popupc #ha_popupmap { height: 250px; min-width: 300px; } } .popup[data-name="mini-map"] #ha_popupmap .leaflet-marker-icon { content: url(https://www.housingalerts.com/ha_widgets/images/mapspots/Map-Marker-Icon-lg.png); } #HA-Tool-Block .popup[data-name="mini-map"] #ha_popupmap .leaflet-marker-icon{ content: url(https://www.housingalerts.com/ha_widgets/images/mapspots/Map-Marker-Icon-lg.png); } #HA-Tool-Block .popup[data-name="mini-map"] #ha_popupmap .leaflet-popup-content { /*padding-bottom: 10px;*/ } #HA-Tool-Block .view-map-block .open-popup { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #4174dc; text-decoration: underline; } #HA-Tool-Block .view-map-block .open-popup:hover { text-decoration: none; } #HA-Tool-Block .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background: rgba(0,0,0,0.5); overflow: auto; } #HA-Tool-Block .popup.visible { display: block; } #HA-Tool-Block .popup .popup-table { display: table; width: 100%; height: 100%; min-width: 360px; } #HA-Tool-Block .popup .popup-cell { display: table-cell; vertical-align: middle; text-align: center; overflow: auto; padding: 50px 0 50px 0; } #HA-Tool-Block .popup-content-block { display: inline-block; background: #fff; position: relative; box-shadow: 0 0 20px rgba(0,0,0,0.5); border-radius: 5px; text-align: left; } #HA-Tool-Block .popup-content-block .more-details-tab { margin: -20px auto 0px 0; } #HA-Tool-Block .popup-content-block .popup-content { padding: 20px; width: 100%; max-width: 1024px; } #HA-Tool-Block .popup-content-block .popup-content .heading-popup { text-align: center; font-weight: bold; font-size: 30px; margin: 0 0 15px 0; } #HA-Tool-Block .popup-content-block .popup-content p { margin: 0 0 10px 0; } @media(max-width:767px){ #HA-Tool-Block .popup-content-block { border-radius: 0; } #HA-Tool-Block .popup-content-block .popup-content { padding: 10px; max-width: 450px; border-radius: 8px; } } #HA-Tool-Block .popup .popup-close { display: inline-block; background: var(--core-blue-light); background: linear-gradient(var(--core-blue-light), var(--core-blue)); border-radius: 30px; border: 0; width: 30px; height: 30px; color: #fff; cursor: pointer; text-align: center; position: absolute; z-index: 9; top: -10px !important; right: -10px !important; padding: 0; box-shadow: 0 0 5px rgba(0,0,0,0.5); } #HA-Tool-Block .popup .popup-close:before { content: ' '; width: 100%; height: 100%; display: block; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Icon-Close-x.svg) center no-repeat; background-size: 80% 80%; width: 30px; height: 29px; } #HA-Tool-Block .popup .popup-close:hover { background: #AECAE2; background: linear-gradient(var(--core-blue),var(--core-blue-light)); } #HA-Tool-Block .popup .popup-close:focus { outline: none; } @media(max-width:940px){ #HA-Tool-Block .popup .popup-close { top: 5px !important; right: 5px !important; } } html.popup-opened { overflow: hidden; } #HA-Tool-Block .popup-content-block .popup-content .ha-popup-content label { margin: 0px auto 15px auto; font-size: 13px; display: inline-block; } #HA-Tool-Block .popup-content-block .popup-content .ha-popup-content input[type="text"],#HA-Tool-Block .popup-content-block .popup-content .ha-popup-content input[type="email"],#HA-Tool-Block .popup-content-block .popup-content .ha-popup-content input[type="phone"] { margin: 0px auto 10px auto; display: block; width: 100%; max-width: 250px; min-width: 200px !important; border: 1px solid #9a9a9a; height: 40px; font-size: 18px; border-radius: 5px; padding: 0 5px 0 5px; outline: none; } #HA-Tool-Block .popup-content-block .popup-content .ha-popup-content input[type="checkbox"] { width: 15px; min-width: 15px; max-width: 15px; height:15px; min-height:15px; max-height:15px; margin: 0px 15px 0px 15px; float: left; } #HA-Tool-Block .popup-content-block .popup-content .ha-popup-content input[type="submit"] { margin: 0px auto 10px auto; display: inline-block; width: 100%; max-width: 530px; text-decoration: none; color: #fff !important; background-color: var(--core-orange); padding: 8px 15px 8px 15px; border-radius: 5px; font-size: 25px; line-height: 1; font-weight: bold; border: 0; text-align: center; height: auto; } #HA-Tool-Block .popup[data-name="larger-heatmaps"] .popup-content,#HA-Tool-Block .popup[data-name="larger-chart"] .popup-content { width: auto; } #HA-Tool-Block .popup[data-name="larger-heatmaps"] .header-text,#HA-Tool-Block .popup[data-name="larger-chart"] .header-text { display: none; text-align: center; margin: 0 0 10px 0; } #HA-Tool-Block .popup[data-name="larger-heatmaps"] .header-text .fa,#HA-Tool-Block .popup[data-name="larger-chart"] .header-text .fa { margin: 0 2px 0 2px; } @media(max-width:768px){ #HA-Tool-Block .popup[data-name="larger-heatmaps"] .header-text,#HA-Tool-Block .popup[data-name="larger-chart"] .header-text { display: block; } } /* Leaflet Map UI Mods */ #HA-Tool-Block .leaflet-top.leaflet-left { left: auto; right: 0px; } #HA-Tool-Block .leaflet-touch .leaflet-control-layers, #HA-Tool-Block .leaflet-touch .leaflet-bar { margin: 5px !important; border: none !important; } #HA-Tool-Block .leaflet-touch .leaflet-bar { padding: 5px; border-radius: 50px !important; background: var(--core-blue); color: #fff; } #HA-Tool-Block .leaflet-touch .leaflet-bar:before { display: block; content: ''; width: 30px; height: 30px; margin-bottom: 5px; background: url(https://www.housingalerts.com/ha_widgets/images/interface/fa-crosshairs-solid.svg) top center; background-size: cover; } #HA-Tool-Block .leaflet-touch .leaflet-bar a { border-radius: 50px !important; background: linear-gradient(#eee, #ddd) !important; color: #333; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); font-family: opensans, arial; font-size: 35px; } #HA-Tool-Block .leaflet-touch .leaflet-bar .leaflet-control-zoom-out { font-stretch: ultra-condensed; } #HA-Tool-Block .leaflet-touch .leaflet-bar a:hover { background: linear-gradient(#eee, #ddd) !important; color: #333; } #HA-Tool-Block .leaflet-touch .leaflet-bar a:first-child { margin-bottom: 5px; } /* Map Styles */ #HA-Tool-Block #map .olFramedCloudPopupContent { font-weight: bold; font-size: 12px !important; padding: 0px 5px 5px 5px; overflow: visible !important; } #map .overlaystatus #animationSandbox:before { content: 'Loading...'; font-size: 25px; line-height: 85%; } #map .overlaystatus { font-weight: bold; text-align: center; vertical-align: middle; width: 100%; left: 0px; padding: 0px; height: 45px; } #HA-Tool-Block #map { position: relative; overflow: hidden; width: auto; height: 650px; margin: 0px auto 0px auto !important; border: 1px solid var(--core-blue); } #HA-Tool-Block.Map-Tool .title-page { position: absolute; left: 0px !important; top: 1px !important; border-radius: 0px !important; color: #000; font-weight: bold; font-size: 18px !important; z-index: 1005; width: 100% !important; text-align: center; background: rgba(255,255,255,0.7); padding: 10px; } #HA-Tool-Block.Map-Tool .title-page .Copyright-Text { margin-top: 3px; display: block; font-size: 12px !important; } #HA-Tool-Block.Map-Tool .title-page #layer_label, #HA-Tool-Block.Map-Tool .title-page span, #HA-Tool-Block.Map-Tool .title-page span span { font-size: 18px !important; line-height: 110%; } #HA-Tool-Block #map .title-page { padding: 5px 10px; } #HA-Tool-Block #map .title-page.logo-branding { display: block; font-family: "Open Sans", opensans, sans-serif, Arial, Helvetica !important; width: 100%; top: 30px; left: 0%; padding: 0px !important; border-radius: 0px !important; margin: 0px auto; background: transparent; } #HA-Tool-Block #map .title-page.logo-branding.Big-Title { background: rgba(255,255,255,0.8); } #HA-Tool-Block #map .title-page.logo-branding .title-page-inner { display: inline-block; width: 100%; background: rgba(255,255,255,0.8); padding: 5px 10px; } #HA-Tool-Block.Private #map .title-page.logo-branding .title-page-inner #layer_label_datetime,#HA-Tool-Block.White #map .title-page.logo-branding .title-page-inner #layer_label_datetime { display: block; margin: 2px auto 3px auto; } #HA-Tool-Block.Private #map .title-page.logo-branding .title-page-inner #layer_label_datetime,#HA-Tool-Block.Private #map .title-page.logo-branding .title-page-inner #layer_label_datetime span,#HA-Tool-Block.White #map .title-page.logo-branding .title-page-inner #layer_label_datetime,#HA-Tool-Block.White #map .title-page.logo-branding .title-page-inner #layer_label_datetime span { font-weight: 600 !important; font-size: 14px !important; } #HA-Tool-Block #map .title-page.logo-branding .title-page-inner br.hide-this { display: none !important; } #HA-Tool-Block #map .title-page.Big-Title .title-page-inner { background: transparent; } #HA-Tool-Block #map .title-page.logo-branding .title-logo-block { display: inline-block !important; vertical-align: middle; } #HA-Tool-Block #map .title-page.logo-branding .title-logo-block img { display: none; max-height: 60px; vertical-align: middle; } #HA-Tool-Block #map .title-page.logo-branding .title-logo-block img.revealed { display: inline-block; } #HA-Tool-Block #map .title-page.logo-branding .title-text-block { display: inline-block; vertical-align: middle; padding: 0px 15px; } #HA-Tool-Block #map .title-page.logo-branding #location_type_label { font-family: "Open Sans", opensans, sans-serif, Arial, Helvetica !important; } #HA-Tool-Block #map .title-page.logo-branding #layer_label { font-family: "Open Sans", opensans, sans-serif, Arial, Helvetica !important; } #HA-Tool-Block #map .title-page.logo-branding .Copyright-Text { font-family: "Open Sans", opensans, sans-serif, Arial, Helvetica !important; font-weight: normal; } #map .overlaystatus.image-type { top: 35%; background: transparent !important; } #map .overlaystatus.image-type .loader-image { border-radius: 10px; opacity: 0.7; max-width: 180px; margin: 0px auto !important; } #map .overlaystatus.image-type #animationSandbox:before { display: none; } @media(max-width:768px){ #HA-Tool-Block #map .title-page { display: inline-block; font-size: 14px !important; padding: 5px; } #HA-Tool-Block #map .title-page.logo-branding .title-logo-block img { max-height: 35px; } #HA-Tool-Block #map .title-page.logo-branding .title-text-block { padding: 0px; } #HA-Tool-Block #map .title-page #location_type_label,#HA-Tool-Block .title-page #layer_label { font-size: 16px !important; line-height: 18px !important; } #HA-Tool-Block #map .title-page .Copyright-Text { display: block; margin-bottom: -3px; } #map .overlaystatus.image-type .loader-image { max-width: 120px; } } #HA-Tool-Block .more-details-tab { display: block; background: rgba(255,255,255,0.6); width: auto; max-width: 225px; position: relative; z-index: 999; margin: -31px auto 1px 1px; padding: 4px 3px 4px 10px; color: #333; font-weight: 700; font-size: 12px; } #HA-Tool-Block .more-details-tab a { color: #333 !important; text-decoration: none; cursor: pointer; } #HA-Tool-Block #Watermark.Custom-Brand.Heavy .watermark-logo,#HA-Tool-Block #Watermark.Logo-Theme.Heavy .watermark-logo { opacity: 0.7 !important; } #HA-Tool-Block #Watermark.Custom-Brand .watermark-logo .watermark-url,#HA-Tool-Block #Watermark.Logo-Theme .watermark-logo .watermark-url { display: block; -webkit-transform: rotate(-25deg); -ff-transform: rotate(-25deg); transform: rotate(-25deg); text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; -webkit-text-stroke: 0px #FFF; width: 100%; min-width: 475px; max-width: 550px; } #HA-Tool-Block #Watermark.Logo-Theme .watermark-logo .watermark-url .watermark-part-1,#HA-Tool-Block #Watermark.Custom-Brand .watermark-logo .watermark-url .watermark-part-1 span { font-size: 18px !important; letter-spacing: 1px; font-weight: bold; color: var(--core-blue); } #HA-Tool-Block #Watermark.Logo-Theme .watermark-logo .watermark-url .watermark-part-1 { font-size: 18px; font-weight: bold; color: var(--core-blue); } #HA-Tool-Block #Watermark.Logo-Theme .watermark-logo .watermark-url .watermark-part-2 { font-size: 18px; font-weight: bold; color: #000; } #HA-Tool-Block #Watermark.Logo-Theme .watermark-logo .watermark-url .watermark-part-3 { font-size: 14px !important; font-weight: bold; color: var(--core-blue); } #HA-Tool-Block #Watermark.Logo-Theme .watermark-logo .watermark-url .watermark-part-4 { color: #333; font-size: 10px; top: -10px; right: -0px !important; position: relative; } #HA-Tool-Block #Watermark .watermark-logo .watermark-url .watermark-part-4 { font-size: 10px !important; top: -10px; right: 0px; position: relative; -webkit-text-stroke: 0px #FFF; color: #000; } #HA-Tool-Block #Watermark .watermark-logo-1 { margin: 200px 0 0 150px; } #HA-Tool-Block #Watermark .watermark-logo-2 { margin: 200px 0 0 -900px; } #HA-Tool-Block #Watermark .watermark-logo-3 { margin: 200px 0 0 650px; } #HA-Tool-Block #Watermark .watermark-logo-4 { margin: -300px 0 0 900px; } #HA-Tool-Block #Watermark .watermark-logo-5 { margin: -300px 0 0 -1150px; } #HA-Tool-Block #Watermark .watermark-logo-6 { margin: -300px 0 0 400px; } #HA-Tool-Block #Watermark .watermark-logo-7 { margin: -300px 0 0 -100px; } #HA-Tool-Block #Watermark .watermark-logo-8 { display: none; margin: 300px 0 0 -330px; } #HA-Tool-Block #Watermark .watermark-logo-9 { display: none; margin: 300px 0 0 -800px; } #HA-Tool-Block #Watermark .watermark-logo-10 { display: none; margin: 100px 0 0 -800px; } #HA-Tool-Block #Watermark .watermark-logo-11 { margin: 200px 0 0 -380px; } #HA-Tool-Block #Watermark .watermark-logo-12 { margin: -300px 0 0 -650px; } #HA-Tool-Block #Watermark .watermark-logo-13 { display: none; margin: -300px 0 0 630px; } #HA-Tool-Block #Watermark .watermark-logo-14 { display: none; margin: -100px 0 0 630px; } #HA-Tool-Block #Watermark .watermark-logo-15 { display: none; margin: 100px 0 0 630px; } #HA-Tool-Block #Watermark .watermark-logo-16 { display: none; margin: 300px 0 0 630px; } #HA-Tool-Block #Watermark .dream-controls-block .appreciation-select option[disabled="disabled"] { display: none; } #HA-Tool-Block .dream-controls-block { width: 100%; max-width: 801px; margin: 0 auto; } #HA-Tool-Block .dream-controls-block.sidebar-toolbox { top: 1px; left: -250px; display: block; position: absolute; z-index: 125; margin: 0px !important; max-width: 200px; border-radius: 0px; background-color: #FFF; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block .dream-controls-block .top-part-block .top-box-title { display: block; font-weight: bold; padding: 10px 20px; font-size: 16px; margin: -20px auto 5px auto; border-radius: 0px 0px 15px 15px; color: #FFF; background: var(--core-blue); } #HA-Tool-Block .dream-controls-block.sidebar-toolbox .top-part-block .top-box-title { margin: 0px auto; padding: 0px; display: block; position: relative; border-radius: 0px; height: 34px; } #HA-Tool-Block .dream-controls-block.sidebar-toolbox .top-part-block .top-box-title span { display: inline-block; position: relative; padding: 5px 10px; vertical-align: middle; } #HA-Tool-Block .dream-controls-block .top-part-block .top-box-title:before { display: none; } #HA-Tool-Block .dream-controls-block .appreciation-select { width: auto; border: 1px solid #5477a7; margin-bottom: 10px; } #HA-Tool-Block .dream-controls-block .manipulators-block { border: 1px solid var(--core-blue); border-radius: 0px 0px 5px 5px; padding: 20px; margin: 0px auto; margin-top: -1px; } #HA-Tool-Block .dream-controls-block.sidebar-toolbox .manipulators-block { padding: 0px 0px 10px 0px; border-radius: 0px; } #HA-Tool-Block .appreciation-block { display: inline-block; width: auto; min-width: 375px; text-align: center; } #HA-Tool-Block .appreciation-block.Types label.Connected,#HA-Tool-Block .appreciation-block.Maps label.Connected,#HA-Tool-Block .appreciation-block.Scores label.Connected { background: linear-gradient(var(--core-green-lightest),var(--core-green)) !important; border-color: var(--core-green); } #HA-Tool-Block .appreciation-block.Types select.Connected,#HA-Tool-Block .appreciation-block.Maps select.Connected,#HA-Tool-Block .appreciation-block.Scores option-label,#HA-Tool-Block .appreciation-block.Scores select.Connected { border-color: var(--core-green); } #HA-Tool-Block .sidebar-toolbox .appreciation-block.Types,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Types span,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Maps,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Maps span,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Scores,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Scores span,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Types label.Connected,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Types label.Connected span,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Maps label.Connected,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Maps label.Connected span,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Scores label.Connected,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Scores label.Connected span,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Scores option-label,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Scores option-label span,#HA-Tool-Block .sidebar-toolbox #msa_dream_m_div,#HA-Tool-Block .sidebar-toolbox #msa_dream_y_div,#HA-Tool-Block .sidebar-toolbox #msa_dream_q_div,#HA-Tool-Block .Form-Tools.sidebar-toolbox .manipulators-block label.Connected { font-size: 14px !important; } #HA-Tool-Block .sidebar-toolbox .appreciation-block.Types select.Connected,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Types select.Connected span,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Maps select.Connected,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Maps select.Connected span,#HA-Tool-Block .sidebar-toolbox .appreciation-select.Scores select.Connected,#HA-Tool-Block .sidebar-toolbox .appreciation-select.Scores select.Connected span,#HA-Tool-Block .sidebar-toolbox #msa_dream_m_div select.Connected,#HA-Tool-Block .sidebar-toolbox #msa_dream_y_div select.Connected,#HA-Tool-Block .sidebar-toolbox #msa_dream_q_div select.Connected,#HA-Tool-Block .Form-Tools.sidebar-toolbox .manipulators-block select.Connected, #HA-Tool-Block .Form-Tools.sidebar-toolbox .option-label, #HA-Tool-Block .Form-Tools.sidebar-toolbox span.option-label, #HA-Tool-Block .sidebar-toolbox .Radio-Button { font-size: 12px !important; } #HA-Tool-Block .Form-Tools.sidebar-toolbox .manipulators-block select optgroup { background: var(--core-blue); color: #FFF; font-weight: 700; padding: 0px 25px; } #HA-Tool-Block .Form-Tools.sidebar-toolbox .manipulators-block select option, #HA-Tool-Block .sidebar-toolbox select option { background: #FFF; color: #000; padding: 0px 10px; } #HA-Tool-Block .Form-Tools.sidebar-toolbox .manipulators-block select option:disabled, #HA-Tool-Block .sidebar-toolbox select option:disabled { font-style: italic; color: #777 !important; background: #DDD !important; -webkit-background: #F1F1F1; -webkit-box-shadow: inset 0em 0em 10em #DDD; cursor: not-allowed; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #HA-Tool-Block .sidebar-toolbox .appreciation-block.Types label.Connected,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Maps label.Connected,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Scores label.Connected { max-width: 53px; width: 100%; min-width: 35px; } #HA-Tool-Block .sidebar-toolbox .appreciation-block.Types select.Connected,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Maps select.Connected,#HA-Tool-Block .sidebar-toolbox .appreciation-block.Scores select.Connected { max-width: 125px !important; width: 100%; min-width: 35px; } #HA-Tool-Block .sidebar-toolbox #msa_dream_m_div select.Connected,#HA-Tool-Block .sidebar-toolbox #msa_dream_y_div select.Connected,#HA-Tool-Block .sidebar-toolbox #msa_dream_q_div select.Connected { max-width: 125px; } #HA-Tool-Block .sidebar-toolbox #msa_dream_m_div,#HA-Tool-Block .sidebar-toolbox #msa_dream_y_div,#HA-Tool-Block .sidebar-toolbox #msa_dream_q_div { min-width: 200px; max-width: 250px; } #HA-Tool-Block .Form-Tools.sidebar-toolbox .manipulators-block label.Connected { max-width: 60px; line-height: 28px; } #HA-Tool-Block .Form-Tools.sidebar-toolbox .manipulators-block select.Connected { max-width: 120px; } #HA-Tool-Block option[disabled="disabled"],#HA-Tool-Block option:disabled { background: #EEE; } #HA-Tool-Block #Sidebar-Toolbox.active { left: 0px; left: 0px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Sidebar-Toolbox-Button { display: block; vertical-align: middle; top: 0px; left: 0px; position: absolute; z-index: 25; cursor: pointer; color: #FFF !important; font-size: 18px; padding: 0px 2px 0px 5px; border-radius: 0px 50px 50px 0px; overflow: hidden; height: 35px; width: 50px; border-color: var(--core-blue); background: var(--core-blue); background-image: -ms-linear-gradient(top, var(--core-blue) 0%, var(--core-blue); 100%) !important; background-image: -moz-linear-gradient(top, var(--core-blue) 0%, var(--core-blue); 100%) !important; background-image: -o-linear-gradient(top, var(--core-blue) 0%, var(--core-blue); 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--core-blue)), color-stop(1, var(--core-blue))) !important; background-image: -webkit-linear-gradient(top, var(--core-blue) 0%, var(--core-blue); 100%) !important; background-image: linear-gradient(to bottom, var(--core-blue) 0%, var(--core-blue); 100%) !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Sidebar-Toolbox-Button.active { left: 200px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Sidebar-Toolbox-Button.active-open,#HA-Tool-Block #Sidebar-Toolbox-Button:hover { width: 145px; } #HA-Tool-Block #Sidebar-Toolbox-Button .dream-controls-block,#HA-Tool-Block #Sidebar-Toolbox-Button .dream-controls-block.active { opacity: 1.0; } #HA-Tool-Block #Sidebar-Toolbox-Button i { vertical-align: middle; position: relative; margin-left: 3px; margin-top: 2px; margin-right: 5px; font-size: 22px; } #HA-Tool-Block #Sidebar-Toolbox-Button img { display: inline-block; position: relative; top: 4px; width: 100%; max-width: 29px; height: auto; margin: 0px auto; vertical-align: top; } #HA-Tool-Block #Sidebar-Toolbox-Button .Button-Label { display: inline-block; top: 3px; opacity: 0.0; width: 1px; vertical-align: middle; position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Sidebar-Toolbox-Button.active-open .Button-Label,#HA-Tool-Block #Sidebar-Toolbox-Button:hover .Button-Label { opacity: 1.0; width: auto; } #HA-Tool-Block #Sidebar-Toolbox-Button:after { content: " "; display: inline-block; position: absolute; top: 10px; right: 5px; margin-left: 3px; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Tab-White-Right.svg) center no-repeat; background-size: cover; width: 13px; height: 13px; } #HA-Tool-Block #Sidebar-Toolbox-Button.active-open:after { content: " "; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Tab-White-Right.svg) center no-repeat; } #HA-Tool-Block #Sidebar-Toolbox-Button.active:after { content: " "; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Tab-White-Left.svg) center no-repeat; } #Sidebar-Toolbox-Content { position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #Sidebar-Toolbox-Content.active { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } @media(max-width: 1024px)and (orientation:landscape) { } @media( max-width: 600px ) { #Sidebar-Toolbox-Button #Sidebar-Toolbox-Button.active { left: 250px; } } #HA-Tool-Block #msa_dream_m_div,#HA-Tool-Block #msa_dream_y_div,#HA-Tool-Block #msa_dream_q_div { display: inline-block; width: auto; min-width: 285px; } #HA-Tool-Block #msa_dream_m_div select.Connected,#HA-Tool-Block #msa_dream_y_div select.Connected,#HA-Tool-Block #msa_dream_q_div select.Connected { max-width: 203px; } #HA-Tool-Block .dream-controls-block .appreciation-block table { padding: 0px !important; } #HA-Tool-Block .dream-controls-block .appreciation-block table tr { padding: 0px !important; } #HA-Tool-Block .dream-controls-block .appreciation-block table td { padding: 0px 8px !important; } #HA-Tool-Block .display-layer-block { margin: 5px -5px 5px -5px; } #HA-Tool-Block .Form-Tools .Map-Set { text-align: center; } #HA-Tool-Block .Form-Tools .manipulators-block .user-guide-button-block { color: #333 !important; display: inline-block; float: none; width: 100%; max-width: 175px; margin: 0px auto; } #HA-Tool-Block .Form-Tools.sidebar-toolbox .manipulators-block .user-guide-button-block { margin: 5px auto; } #HA-Tool-Block .Form-Tools .manipulators-block .user-guide-button-block button { display: inline-block; font-family: opensans, arial; color: #424242; cursor: pointer; font-size: 16px; padding: 5px; border-radius: 5px; text-align: center; outline: none; text-decoration: none; vertical-align: middle; width: 100%; max-width: 235px; background: linear-gradient(#ddd,#eee); border: none; } #HA-Tool-Block .Form-Tools .manipulators-block .user-guide-button-block span.text { color: #333 !important; vertical-align: middle; } #HA-Tool-Block .button-information { background: none; border: none; background: linear-gradient(#eee,#ddd); padding: 5px 10px 5px 10px; border-radius: 8px; border: none !important; font-size: 14px; text-transform: none; vertical-align: middle; -webkit-box-shadow: none !important; box-shadow: none !important; } #HA-Tool-Block .button-information:hover { background: linear-gradient(#ddd,#eee); } #HA-Tool-Block .button-information .text { margin: 0 3px 0 0; } #HA-Tool-Block .button-information .icon-image { display: inline-block; position: relative; vertical-align: middle; width: 100%; max-width: 16px; height: auto; } #HA-Tool-Block .button-information .icon-image img { display: block; position: relative; top: 0px; width: 100%; max-width: 25px; } #HA-Tool-Block .button-information .icon-information { display: inline-block; border: 1px solid #8e8e8e; width: 18px; height: 18px; border-radius: 20px; text-align: center; font-size: 14px; line-height: 16px; font-weight: bold; background: linear-gradient(var(--core-blue-light), var(--core-blue)) !important; color: #fff; } #HA-Tool-Block #Map-Toolbar table, #Map-Toolbar tr, #Map-Toolbar td, #Map-Key-Block table, #Map-Key-Block td, .Form-Tools table, .Form-Tools tr, .Form-Tools td, #map table, #map tr, #map td { border: none !important;} #HA-Tool-Block #Map-Toolbar { top: 5px; right: 5px; position: absolute; width: 45px; z-index: 450; background: none; padding: 0px; border-radius: 0px; border: none !important; } #HA-Tool-Block #Map-Toolbar:before { display: none !important; /*cursor: move;*/ background: var(--core-blue); color: rgba(205,205,255,0.7); position: absolute; font-family: "FontAwesome", "Font Awesome 5 Free"; content: "\f0b2"; top: 0px; left: 0px; padding: 2px 5px 2px 5px; border-radius: 7px 0px 7px 0px; font-size: 14px; font-weight: 900; } #HA-Tool-Block #Map-Toolbar .Map-Buttons { text-align: center; } #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Menu, #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Tools, #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Search, #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Maps { width: 100%; margin: 5px auto; padding: 5px; border-radius: 5px; padding: 10px 5px; border: none !important; } #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Menu { color: #FFF !important; background: var(--core-blue); background-image: -ms-linear-gradient(top, var(--core-blue); 0%, var(--core-blue-light); 70%, var(--core-blue); 100%); background-image: -moz-linear-gradient(top, var(--core-blue); 0%, var(--core-blue-light); 70%, var(--core-blue); 100%); background-image: -o-linear-gradient(top, var(--core-blue); 0%, var(--core-blue-light); 70%, var(--core-blue); 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--core-blue)), color-stop(0.7, var(--core-blue-light);), color-stop(1, var(--core-blue))); background-image: -webkit-linear-gradient(top, var(--core-blue); 0%, var(--core-blue-light); 70%, var(--core-blue); 100%); background-image: linear-gradient(to bottom, var(--core-blue); 0%, var(--core-blue-light); 70%, var(--core-blue); 100%); } #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Tools { color: #333 !important; background: #CCC; background-image: -ms-linear-gradient(top, #CCC 0%, #ddd 70%, #CCC 100%); background-image: -moz-linear-gradient(top, #CCC 0%, #ddd 70%, #CCC 100%); background-image: -o-linear-gradient(top, #CCC 0%, #ddd 70%, #CCC 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCC), color-stop(0.7, #ddd), color-stop(1, #CCC)); background-image: -webkit-linear-gradient(top, #CCC 0%, #ddd 70%, #CCC 100%); background-image: linear-gradient(to bottom, #CCC 0%, #ddd 70%, #CCC 100%); } #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Search { cursor: pointer; position: relative; z-index: 10; color: #FFF; background: linear-gradient(var(--core-red),var(--core-red-dark)); border-radius: 75px; } #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Search .text { display: none; } #HA-Tool-Block #Map-Toolbar .Map-Buttons input[type=text],#HA-Tool-Block #Map-Toolbar .Map-Buttons input[type=number] { color: #424242; font-size: 16px; border-radius: 5px !important; border: #ccc 1px solid; width: 100%; min-width: 100px; max-width: 100px; padding: 0px 5px; height: 34px; max-height: 34px; vertical-align: middle; } #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Maps { color: #FFF; background: linear-gradient(var(--core-green-lightest),var(--core-green)); } #HA-Tool-Block #Map-Toolbar .Map-Buttons span { display: block; } #HA-Tool-Block #Map-Toolbar .Map-Buttons .text { font-size: 12px; margin-top: 5px; font-weight: bold; } #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Search .text { font-size: 10px !important; } #HA-Tool-Block #Map-Toolbar .Map-Buttons img, #HA-Tool-Block #Map-Toolbar .Map-Buttons img { display: block; width: 100%; max-width: 25px; height: auto; margin: 0px auto; } #HA-Tool-Block #Map-Toolbar .Map-Buttons .fa, #HA-Tool-Block #Map-Toolbar .Map-Buttons .fas { font-size: 22px; } #HA-Tool-Block #Map-Toolbar #zoom-slider { display: none; position: relative; top: auto; bottom: auto; right: auto; margin: -5px auto 20px auto; text-align: center; width: 1.0em; border: 1px solid #CCC; background: #F4F4F4; } #HA-Tool-Block #Map-Toolbar #qz_btn_plus, #HA-Tool-Block #Map-Toolbar #qz_btn_minus,#HA-Tool-Block #Map-Toolbar #op_btn_plus, #HA-Tool-Block #Map-Toolbar #op_btn_minus { display: block; position: relative; top: auto; bottom: auto; right: auto; margin: 5px auto; text-align: center; } #HA-Tool-Block #Map-Toolbar #Search-Bar { opacity: 0; position: relative; z-index: 9; right: -350px; background: rgba(255,255,255,0.8); overflow: hidden; height: fit-content; width: 325px; margin: -54px auto 5px auto; padding: 10px; border-radius: 10px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Map-Toolbar #Search-Bar.active { opacity: 1.0; position: relative; right: 350px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Map-Toolbar #Search-Bar .input-field { max-width: 250px; } #HA-Tool-Block #Map-Toolbar #Search-Bar .input-submit { max-width: 100px; padding: 2px 10px; background: #FFF !important; border: 1px solid #CCC; color: var(--core-blue); margin-left: -15px; height: 34px; max-height: 34px; border-left: none !important; border-radius: 0px 5px 5px 0px; vertical-align: middle; } #HA-Tool-Block #Map-Toolbar #Search-Bar .input-submit img { max-width: 20px; } #HA-Tool-Block #Map-Toolbar #Search-Bar .input-submit .text { display: none; } #HA-Tool-Block #Map-Toolbar .Opacity-Tools { width: 100%; overflow: hidden; margin: 0px auto; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider { -webkit-appearance: none; background: rgba(255,255,255,0.0); height: 40px; width: 150px; position: relative; left: -45px; top: 55px; transform: rotate( -90deg ); -webkit-transform: rotate( 90deg ); -ff-transform: rotate(90deg); transform: rotate( 90deg ); border: none !important; } @-moz-document url-prefix() { @media( max-width: 768px ){ #HA-Tool-Block #msa_dream_m_div,#HA-Tool-Block #msa_dream_y_div,#HA-Tool-Block #msa_dream_q_div { min-width: 325px; text-align: center; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools:before,#HA-Tool-Block #Map-Toolbar .Opacity-Tools:before { display: none !important; } } } @media( max-width: 768px ){ #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider { left: -55px; } .Zoom-Slider-Block, .Opacity-Slider-Block { height: 155px; } } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider:before { display: block; position: absolute; content: " "; left: 1px; bottom: 10px; border-style: solid; border-width: 10px 135px 10px 0px; border-color: transparent rgba(255,255,255,0.8) transparent transparent; transform: rotate(180deg); border-radius: 0px 50px 50px 0px; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider:focus #HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider:focus { outline: none; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider::-webkit-slider-runnable-track,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider::-webkit-slider-runnable-track { width: 100%; height: 20px; cursor: pointer; background: #004cb0; background: linear-gradient(to right, #fff 15%,var(--core-blue); 85%); border-radius: 25px; border: #999 1px solid; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider::-webkit-slider-thumb:active,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider::-webkit-slider-thumb:active { border: #4AFEFF 1px solid; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider::-webkit-slider-thumb,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider::-webkit-slider-thumb { border: #999 1px solid; height: 32px; width: 32px; border-radius: 50px; cursor: pointer; -webkit-appearance: none; margin-top: -6.95px; position: relative; z-index:99; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider::-moz-range-thumb{ background: #ffffff url(https://www.housingalerts.com/ha_widgets/images/interface/fa-search-solid-dark.svg) center no-repeat !important; background-size: 60% 60% !important; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider::-webkit-slider-thumb { background: #ffffff url(https://www.housingalerts.com/ha_widgets/images/interface/fa-search-solid-dark.svg) center no-repeat; background-size: 60% 60%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider::-moz-range-thumb { background: #ffffff url(https://www.housingalerts.com/ha_widgets/images/interface/fa-layer-group-solid-dark.svg) center no-repeat !important; background-size: 60% 60% !important; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider::-webkit-slider-thumb { background: #ffffff url(https://www.housingalerts.com/ha_widgets/images/interface/fa-layer-group-solid-dark.svg) center no-repeat; background-size: 60% 60%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider:focus::-webkit-slider-runnable-track,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider:focus::-webkit-slider-runnable-track { background: #004cb0; background: linear-gradient(to right, #fff 15%,var(--core-blue); 85%); } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider::-moz-range-track,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider::-moz-range-track { width: 100%; height: 24px; cursor: pointer; background: #004cb0; background: linear-gradient(to right, #fff 15%,var(--core-blue); 85%); border-radius: 50px; border: #999 1px solid; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider::-moz-range-thumb,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider::-moz-range-thumb { border: #999 1px solid; height: 35px; width: 35px; border-radius: 50px; background: #ffffff; cursor: pointer; z-index:99; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider::-ms-track,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider::-ms-track { width: 100%; height: 24px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider::-ms-fill-lower,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider::-ms-fill-lower { background: #004cb0; background: linear-gradient(to right, #fff 15%,var(--core-blue); 85%); border: #999 1px solid; border-radius: 10px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider::-ms-fill-upper,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider::-ms-fill-upper { background: #004cb0; background: linear-gradient(to right, #fff 15%,var(--core-blue); 85%); border: #999 1px solid; border-radius: 10px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider::-ms-thumb,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider::-ms-thumb { border: #999 1px solid; height: 35px; width: 17px; border-radius: 50px; background: #ffffff; cursor: pointer; height: 21.5px; z-index:99; } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider:focus::-ms-fill-lower,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider:focus::-ms-fill-lower { background: #004cb0; background: linear-gradient(to right, #fff 15%,var(--core-blue); 85%); } #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider:focus::-ms-fill-upper,#HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider:focus::-ms-fill-upper { background: #004cb0; background: linear-gradient(to right, #fff 15%,var(--core-blue); 85%); } #HA-Tool-Block #Map-Toolbar .Opacity-Tools #slider { position: relative; top: auto !important; right: -17px; bottom: auto; margin: 25px 0px 12px 0px !important; z-index: 10; width: 1.0em !important; height: 120px; border: 1px solid #999; background: linear-gradient(to top, #fff 15%,var(--core-blue); 85%); } @-moz-document url-prefix() { #Map-Toolbar .Zoom-Tools .zoom-slider::-moz-range-track { background: url("../images/Slider-Gradient-Image-Horizontal.jpg") top center !important; background-size: cover !important; } .Zoom-Buttons-Block { display: block; margin-bottom: 15px; } } #HA-Tool-Block #Title-Disclaimer { display: block; width: 100%; position: absolute; z-index: 10; top: 1px; right: 1px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Title-Disclaimer .Filter-Markets { max-width: 310px; position: absolute; top: 0px; right: 50px; font-size: 12px; font-weight: 600; display: inline-block; border-radius: 0px 0px 10px 10px; padding: 5px 15px; max-width: 600px; background: rgba(255,255,180,0.8); } #HA-Tool-Block #Title-Disclaimer .Filter-Markets.No-Filter{ display: block; margin: 0px auto; max-width: 750px; top: 150px; position: relative; border-radius: 50px; font-size: 20px; text-align: center; z-index: 99; } #HA-Tool-Block #Title-Disclaimer .Filter-Markets i { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 5px; border-radius: 50px; background: var(--core-green); } #HA-Tool-Block #Title-Disclaimer .Filter-Markets i img { max-width: 18px; position: relative; padding: 5px; text-align: center; } #HA-Tool-Block #Info-Details-Feature { position: absolute; z-index: 99; top: 40px; left: 0px; max-width: 400px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Info-Details-Feature.Finder { position: fixed; top: 150px; } #HA-Tool-Block #Info-Details-Button { display: inline-block; vertical-align: middle; position: relative; left: 0px; cursor: pointer; color: #FFF !important; font-size: 18px; padding: 4px 2px 2px 5px; border-radius: 0px 50px 50px 0px; overflow: hidden; height: 35px; width: 50px; border-color: var(--core-green); background-image: -ms-linear-gradient(top,var(--core-green-lightest) 0%,var(--core-green) 100%) !important; background-image: -moz-linear-gradient(top,var(--core-green-lightest) 0%,var(--core-green) 100%) !important; background-image: -o-linear-gradient(top,var(--core-green-lightest) 0%,var(--core-green) 100%) !important; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,var(--core-green-lightest)),color-stop(1,var(--core-green))) !important; background-image: -webkit-linear-gradient(top,var(--core-green-lightest) 0%,var(--core-green) 100%) !important; background-image: linear-gradient(to bottom,var(--core-green-lightest) 0%,var(--core-green) 100%) !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Info-Details-Button img, #Info-Details-Button button img, #Map-Key-Button img, #Map-Key-Button button img, #HA-Tool-Block #Info-Details-Close img { display: inline-block; vertical-align: top; width: 100%; max-width: 25px; height: auto; margin: 3px auto 0px 0px; padding-right: 3px; } #HA-Tool-Block #Info-Details-Close img { max-width: 20px; } #HA-Tool-Block #Info-Details-Feature { top: 37px; } .admin-bar #HA-Tool-Block #map-wrapper:not(.Framed) #Info-Details-Feature { top: 72px; } #HA-Tool-Block #Info-Details-Button.toolbox-active { left: 200px; } #HA-Tool-Block #Info-Details-Button.active,#HA-Tool-Block #Info-Details-Button.active-open,#HA-Tool-Block #Info-Details-Button:hover { width: 150px; } #HA-Tool-Block #Info-Details-Button i { vertical-align: middle; position: relative; margin-right: 5px; font-size: 30px; } #HA-Tool-Block #Info-Details-Button .Button-Label { vertical-align: middle; position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Info-Details-Content { position: relative; overflow: hidden; height: 1px; width: 1px; left: -310px; background: #FFF; margin-bottom: -1px; padding: 0px; border: var(--core-green) 0px solid; border-radius: 0px 10px 10px 0px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Info-Details.active #Info-Details-Content { max-width: 300px; width: 300px; } #HA-Tool-Block #Info-Details-Content.active { left: 0px; overflow: visible; height: auto; width: fit-content; min-width: 300px; border-width: 2px; margin-bottom: 35px; padding: 10px 0px 10px 0px; } #HA-Tool-Block #Info-Details-Content.active .Info-Details-Block { overflow-y: scroll; max-height: 500px; } #HA-Tool-Block #Info-Details-Content.toolbox-active { left: 200px; } #HA-Tool-Block #Info-Details-Button:after { content: " "; display: inline-block; position: absolute; top: 10px; right: 5px; margin-left: 3px; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Tab-White-Right.svg) center no-repeat; background-size: cover; width: 13px; height: 13px; } #HA-Tool-Block #Info-Details-Button.active:after { content: " "; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Tab-White-Left.svg) center no-repeat; } #HA-Tool-Block #Info-Details-Button.active-open:after { content: " "; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Tab-White-Right.svg) center no-repeat; } #HA-Tool-Block .toolbox-active #Info-Details-Content.active { left: 200px; } #HA-Tool-Block #Info-Details-Content.scrolling.active #Info-Details-List .Info-Details-Content#Info-Details { position: absolute; z-index: 99; top: 40px; left: 0px; max-width: 310px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Info-Details-Content.Info-Full-Details { top: 75px; position: fixed; } #HA-Tool-Block #Info-Details-Close { position: relative; margin-top: -25px; bottom: -38px; left: 360px; cursor: pointer; color: #FFF !important; font-size: 16px; text-align: center; padding: 0px 2px 2px 2px; border-radius: 0px 0px 50px 50px; overflow: hidden; height: 26px; width: 30px; border-color: var(--core-green); background-image: -ms-linear-gradient(top,var(--core-green-lightest) 0%,var(--core-green) 100%) !important; background-image: -moz-linear-gradient(top,var(--core-green-lightest) 0%,var(--core-green) 100%) !important; background-image: -o-linear-gradient(top,var(--core-green-lightest) 0%,var(--core-green) 100%) !important; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,var(--core-green-lightest)),color-stop(1,var(--core-green))) !important; background-image: -webkit-linear-gradient(top,var(--core-green-lightest) 0%,var(--core-green) 100%) !important; background-image: linear-gradient(to bottom,var(--core-green-lightest) 0%,var(--core-green) 100%) !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Info-Details-List { display: block; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Info-Details-List ol,#HA-Tool-Block #Info-Details-List ul { margin: 10px auto 0px 20px; } #HA-Tool-Block #Info-Details-List ol li,#HA-Tool-Block #Info-Details-List ul li { margin-bottom: 10px; } #HA-Tool-Block #Info-Details-Content .Info-Details-Section { display: block; max-width: 385px; background: var(--core-green); color: #FFF; font-size: 16px; font-weight: bold; padding: 5px; margin: 0px auto 10px 0px; border-radius: 0px 50px 50px 0px; cursor: pointer; } #HA-Tool-Block #Info-Details-Content .Info-Details-Section:after,#Info-Details-Content .Info-Details-Section.active:after { display: inline-block; float: right; max-width: 15px; max-height: 15px; margin-left: 25px; margin-right: 10px; cursor: pointer; } #HA-Tool-Block #Info-Details-Content .Info-Details-Section:after { content: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Tab-White-Down.svg); } #HA-Tool-Block #Info-Details-Content .Info-Details-Section.active:after { content: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Tab-White-Up.svg); } #HA-Tool-Block #Info-Details-List { max-height: 0px; overflow: hidden; } #HA-Tool-Block #Info-Details-List.active { max-height: 250px; } #HA-Tool-Block #Info-Details-Current, #HA-Tool-Block #Info-Details-List .Info-Details-Content { overflow-x: hidden; overflow-y: scroll; max-height: 125px; margin-bottom: 5px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Info-Details-List .Info-Details-Content { max-height: 150px; margin-bottom: 5px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Info-Details-Feature #Info-Details-List .Info-Details-Content { max-height: 200px; } #HA-Tool-Block #Info-Details-Feature .Info-Title li, #HA-Tool-Block #Info-Details-Feature .Info-Title p, #HA-Tool-Block #Info-Details-Feature .Info-Details li, #HA-Tool-Block #Info-Details-Feature .Info-Details p { margin: 0px auto 10px auto; } #HA-Tool-Block #Info-Details-Current::-webkit-scrollbar, #HA-Tool-Block #Info-Details-List .Info-Details-Content::-webkit-scrollbar, #HA-Tool-Block #Info-Details-Content.active .Info-Details-Block::-webkit-scrollbar { width: 10px; } #HA-Tool-Block #Info-Details-Current::-webkit-scrollbar-track, #HA-Tool-Block #Info-Details-List .Info-Details-Content::-webkit-scrollbar-track, #HA-Tool-Block #Info-Details-Content.active .Info-Details-Block::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,150,0.2); border-radius: 25px; } #HA-Tool-Block #Info-Details-Current::-webkit-scrollbar-thumb, #HA-Tool-Block #Info-Details-List .Info-Details-Content::-webkit-scrollbar-thumb, #HA-Tool-Block #Info-Details-Content.active .Info-Details-Block::-webkit-scrollbar-thumb { background-color: var(--core-green); outline: #FFF 1px solid; border-radius: 20px; } #HA-Tool-Block #Info-Details-Current::-webkit-scrollbar-button, #HA-Tool-Block #Info-Details-List .Info-Details-Content::-webkit-scrollbar-button, #HA-Tool-Block #Info-Details-Content.active .Info-Details-Block::-webkit-scrollbar-button { display: none; background: var(--core-blue); color: #FFF; } #HA-Tool-Block #Info-Details { padding: 0px 10px 0px 10px; margin-bottom: 15px; border-bottom: #CCC 1px solid; } #HA-Tool-Block #Info-Details:last-child { border-bottom: none !important; } #HA-Tool-Block #Info-Details-Current #Info-Details { border-bottom: #CCC 1px solid !important; margin-bottom: 0px !important; } #HA-Tool-Block #Info-Details .Info-Title,#HA-Tool-Block #Info-Details .Info-Title p, #HA-Tool-Block #Info-Details .Info-Title span { font-size: 15px !important; font-weight: bold; padding: 0px; } #HA-Tool-Block #Info-Details .Info-Details,#HA-Tool-Block #Info-Details .Info-Details p,#HA-Tool-Block #Info-Details .Info-Details span,#HA-Tool-Block #Info-Details .Info-Details li { font-size: 13px !important; font-weight: normal; padding: 0px; } #HA-Tool-Block #Info-Details .Info-Details ul,#HA-Tool-Block #Info-Details .Info-Details ol { padding-inline-start: 15px !important; } #HA-Tool-Block #Info-Details.Maps-Selected .Info-Title,#HA-Tool-Block #Info-Details.Info-Selected .Info-Title { background: rgba(255,238,0,0.3); margin: 0px -10px 3px -10px; padding: 0px 10px; } @media(max-width: 950px)and (orientation:landscape) { #HA-Tool-Block #Info-Details-Button,#HA-Tool-Block #Info-Details-Button.active-open,#HA-Tool-Block #Info-Details-Button:hover,#HA-Tool-Block #Info-Details-Button.active { width: 50px; } #Info-Details-Button .Button-Label { display: none; } } @media( max-width: 768px ){ #HA-Tool-Block #Info-Details-Feature { top: 123px; } #HA-Tool-Block #Info-Details-Content .Info-Details-Block { max-height: 400px; overflow-y: scroll !important; padding-right: 15px !important; } #HA-Tool-Block #Info-Details-Content .Info-Details-Block::-webkit-scrollbar { width: 10px; } #HA-Tool-Block #Info-Details-Content .Info-Details-Block::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,150,0.2); border-radius: 25px; } #HA-Tool-Block #Info-Details-Content .Info-Details-Block::-webkit-scrollbar-thumb { background-color: var(--core-green); outline: #FFF 1px solid; border-radius: 20px; } #HA-Tool-Block #Info-Details-Content .Info-Details-Block::-webkit-scrollbar-button { display: none; background: var(--core-blue); color: #FFF; } #HA-Tool-Block #Info-Details-Close { left: 300px; } } @media( max-width: 600px ) { #HA-Tool-Block .toolbox-active #Info-Details-Content.active,#Info-Details-Button.toolbox-active { left: 0px; } .admin-bar #HA-Tool-Block #Info-Details,#Info-Details { top: 145px; } #HA-Tool-Block #Info-Details-Button { width: 50px !important; } #HA-Tool-Block #Info-Details-Button.active { width: 50px !important; } } @media(max-width: 950px)and (orientation:landscape) { #HA-Tool-Block #Info-Details-Content .Info-Details-Block { max-height: 300px; overflow-y: scroll !important; padding-right: 15px !important; } #HA-Tool-Block #Info-Details-Content .Info-Details-Block::-webkit-scrollbar { width: 10px; } #HA-Tool-Block #Info-Details-Content .Info-Details-Block::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,150,0.2); border-radius: 25px; } #HA-Tool-Block #Info-Details-Content .Info-Details-Block::-webkit-scrollbar-thumb { background-color: var(--core-green); outline: #FFF 1px solid; border-radius: 20px; } #HA-Tool-Block #Info-Details-Content .Info-Details-Block::-webkit-scrollbar-button { display: none; background: var(--core-blue); color: #FFF; } } #HA-Tool-Block #Map-Details-List { display: block; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Map-Details-List ol,#HA-Tool-Block #Map-Details-List ul { margin: 10px auto 0px 20px; } #HA-Tool-Block #Map-Details-List ol li,#HA-Tool-Block #Map-Details-List ul li { margin-bottom: 10px; } #HA-Tool-Block #Info-Details-Content .Map-Details-Section { display: block; max-width: 285px; background: var(--core-green); color: #FFF; font-size: 16px; font-weight: bold; padding: 2px 5px; margin: 0px auto 10px 0px; border-radius: 0px 50px 50px 0px; } #HA-Tool-Block #Map-Details-List { max-height: 0px; overflow: hidden; } #HA-Tool-Block #Map-Details-List.active { max-height: 275px; } #HA-Tool-Block #Map-Indicators #Map-Details-List.active { max-height: 275px; } #HA-Tool-Block #Map-Details-Current { max-height: 125px; padding: 0px 10px 0px 10px; margin-bottom: 15px; border-bottom: #CCC 1px solid !important; } #HA-Tool-Block #Map-Details-Current #Map-Details { margin: 0px auto !important; padding: 0px !important; } #HA-Tool-Block #Map-Details-Current, #HA-Tool-Block #Map-Details-List .Map-Details-Content { overflow-x: hidden; overflow-y: scroll; max-height: 100px; margin-bottom: 5px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Map-Indicators #Map-Details-List .Map-Details-Content { max-height: 175px; } #HA-Tool-Block #Map-Details-Current::-webkit-scrollbar, #HA-Tool-Block #Map-Details-List .Map-Details-Content::-webkit-scrollbar { width: 10px; } #HA-Tool-Block #Map-Details-Current::-webkit-scrollbar-track, #HA-Tool-Block #Map-Details-List .Map-Details-Content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,150,0.2); border-radius: 25px; } #HA-Tool-Block #Map-Details-Current::-webkit-scrollbar-thumb, #HA-Tool-Block #Map-Details-List .Map-Details-Content::-webkit-scrollbar-thumb { background-color: var(--core-green); outline: #FFF 1px solid; border-radius: 20px; } #HA-Tool-Block #Map-Details-Current::-webkit-scrollbar-button, #HA-Tool-Block #Map-Details-List .Map-Details-Content::-webkit-scrollbar-button { display: none; background: var(--core-blue); color: #FFF; } #HA-Tool-Block #Map-Details { padding: 0px 10px 0px 10px; margin-bottom: 15px; border-bottom: #CCC 1px solid; } #HA-Tool-Block #Map-Details:last-child { border-bottom: none !important; } #HA-Tool-Block #Map-Details .Map-Title { font-size: 15px; font-weight: bold; color: #333 !important; line-height: 110%; margin-bottom: 5px; } #HA-Tool-Block #Map-Details .Map-Details,#HA-Tool-Block #Map-Details .Map-Details p,#HA-Tool-Block #Map-Details .Map-Details span { font-size: 13px !important; font-weight: normal; color: #333 !important; line-height: 110%; } #HA-Tool-Block #Map-Details .Map-Details { padding-bottom: 5px; } #HA-Tool-Block #Map-Details.Maps-Selected .Map-Title { background: rgba(255,238,0,0.3); margin: 0px -10px 3px -10px; padding: 3px 10px; } @media( max-width: 768px ){ #HA-Tool-Block #Title-Disclaimer { top: -20px; } #HA-Tool-Block #Title-Disclaimer .Filter-Markets { border-radius: 50px; padding: 3px 10px; right: 0px; } } @media( max-width: 600px ) { #HA-Tool-Block #Map-Key-Button { /*top: 185px !important;*/ width: 50px !important; } #HA-Tool-Block #Map-Key-Button.active { width: 50px !important; } #HA-Tool-Block #Map-Key-Block.sidebar-toolbox { /*top: 184px !important;*/ } } #HA-Tool-Block #Map-Key-Block { /*cursor: move;*/ position: absolute; top: 110px; left: -200px; width: 100px; z-index: 8; display: block; text-align: center; background: rgba(255,255,255,0.5); border-radius: 0px 10px 10px 0px; border: rgba(20,78,155,0.7) 3px solid; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Map-Key-Block:before { display: none !important; /*cursor: move;*/ background: var(--core-blue); color: rgba(205,205,255,0.7); position: absolute; font-family: "FontAwesome", "Font Awesome 5 Free"; content: "\f0b2"; top: 0px; left: 0px; padding: 2px 5px 2px 5px; border-radius: 7px 0px 7px 0px; font-size: 14px; font-weight: 900; } #HA-Tool-Block #Map-Key-Block.active { left: 0px; } #HA-Tool-Block #Map-Key-Block.active.toolbox-active { left: 200px; border-radius: 0px 10px 10px 10px; } #HA-Tool-Block #Map-Key-Block #legend_div2, #Map-Key-Block #legend_div2-3 { width: auto; max-width: 100px; margin: 0px auto; padding: 5px 10px 5px 15px; } #HA-Tool-Block #Map-Key-Block #legend_div2 table, #Map-Key-Block #legend_div2-3 table { width: 100% !important; } #HA-Tool-Block #Map-Key-Block table tr td { display: inline-block; width: 50% !important; font-size: 9px !important; font-weight: bold !important; text-align: center !important; line-height: 75% !important; padding: 3px 0px; border-radius: 0px !important; } #HA-Tool-Block #Map-Key-Block table tr { background: rgba(255, 255, 255, 0.0); } #HA-Tool-Block #Map-Key-Block table tr td:nth-child(3) { width: 100% !important; text-align: center; } #HA-Tool-Block #Map-Key { display: none !important; } #HA-Tool-Block #Map-Key { background-color:rgba(255,255,255,0.7);padding: 5px 8px 5px 10px !important; position:fixed; left: 0px; top: 241px; z-index:1004; border-radius: 0px 5px 5px 0px; text-align: center; /*cursor: move;*/ user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } #HA-Tool-Block #Map-Key:before { display: none !important; background: var(--core-blue); color: rgba(255,255,255,0.5); position: absolute; font-family: "FontAwesome", "Font Awesome 5 Free"; content: "\f338"; top: 0px; right: 0px; padding: 5px 5px 5px 5px; border-radius: 0px 5px 0px 5px; font-size: 14px; font-weight: 900; } #HA-Tool-Block .map-legend-edges-label { font-weight: bold !important; color: #333 !important; display: block; text-align: center !important; font-size: 13px !important; padding: 3px 0px; } #HA-Tool-Block #Map-Key-Button { display: inline-block; top: 75px; z-index: 5; vertical-align: middle; position: absolute; left: 0px; cursor: pointer; color: #FFF !important; font-size: 18px; padding: 2px 2px 2px 5px; border-radius: 0px 50px 50px 0px; overflow: hidden; height: 35px; width: 50px; border-color: var(--core-blue); background: var(--core-blue); background-image: -ms-linear-gradient(top, var(--core-blue) 0%, var(--core-blue); 100%) !important; background-image: -moz-linear-gradient(top, var(--core-blue) 0%, var(--core-blue); 100%) !important; background-image: -o-linear-gradient(top, var(--core-blue) 0%, var(--core-blue); 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--core-blue)), color-stop(1, var(--core-blue))) !important; background-image: -webkit-linear-gradient(top, var(--core-blue) 0%, var(--core-blue); 100%) !important; background-image: linear-gradient(to bottom, var(--core-blue) 0%, var(--core-blue); 100%) !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Map-Key-Button.toolbox-active { left: 200px; } #HA-Tool-Block #Map-Key-Button.active,#HA-Tool-Block #Map-Key-Button:hover { width: 120px; } #HA-Tool-Block #Map-Key-Button i { vertical-align: middle; position: relative; margin-left: 3px; margin-top: 2px; margin-right: 5px; font-size: 22px; } #HA-Tool-Block #Map-Key-Button img { display: inline-block; position: relative; top: 4px; width: 100%; max-width: 23px; height: auto; margin: 0px auto; vertical-align: top; } #HA-Tool-Block #Map-Key-Button .Button-Label { opacity: 0.0; width: 1px; vertical-align: middle; position: relative; top: 3px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block #Map-Key-Button.active .Button-Label,#HA-Tool-Block #Map-Key-Button:hover .Button-Label { opacity: 1.0; width: auto; } #HA-Tool-Block #Map-Key-Button:after { content: " "; display: inline-block; position: absolute; top: 10px; right: 5px; margin-left: 3px; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Tab-White-Right.svg) center no-repeat; background-size: cover; width: 13px; height: 13px; } #HA-Tool-Block #Map-Key-Button.active:after { content: " "; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Tab-White-Left.svg) center no-repeat; } @media(max-width: 1024px)and (orientation:landscape) { #HA-Tool-Block #Map-Key-Button,#HA-Tool-Block #Map-Key-Button.active-open,#HA-Tool-Block #Map-Key-Button:hover,#HA-Tool-Block #Map-Key-Button.active { width: 50px; } #HA-Tool-Block #Map-Key-Button .Button-Label { display: none; } } @media(max-width: 1024px){ #HA-Tool-Block #Map-Toolbar, #HA-Tool-Block #Sidebar-Toolbox-Button { top: 65px; } #HA-Tool-Block #Sidebar-Toolbox { top: 66px; } #HA-Tool-Block #Map-Key-Block { border-radius: 10px; } #HA-Tool-Block #Map-Toolbar #Search-Bar { margin: -63px auto 13px auto; } #HA-Tool-Block #Map-Toolbar { padding: 5px; } #HA-Tool-Block #Map-Key-Block:before, #HA-Tool-Block #Map-Toolbar:before { display: none; } #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Menu, #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Tools, #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Search, #HA-Tool-Block #Map-Toolbar .Map-Buttons .Button-Maps { margin: 0px auto 15px auto; } } @media( max-width: 768px ){ #HA-Tool-Block #Map-Toolbar, #HA-Tool-Block #Sidebar-Toolbox-Button { top: 95px; } #HA-Tool-Block #Sidebar-Toolbox { top: 36px; } #HA-Tool-Block #Info-Details { top: 73px; } #HA-Tool-Block #Map-Key-Button { top: 110px; } #HA-Tool-Block #Map-Key-Block { top: 145px; } #HA-Tool-Block #Map-Toolbar { left: auto !important; right: 0px !important; padding: 5px; width: 50px; border: rgba(20,78,155,0.7) 1px solid; } #HA-Tool-Block #Map-Toolbar:before { display: none !important; } #HA-Tool-Block #Map-Key-Block { /*left: 0px;*/ border-radius: 0px 10px 10px 0px; padding: 5px; width: 75px; } #HA-Tool-Block #Map-Key-Block:before { display: none; } #HA-Tool-Block #Map-Toolbar .Map-Buttons .text { display: none; } #HA-Tool-Block #Map-Toolbar #Search-Bar { right: -290px; height: 40px; margin: -59px auto 0; padding: 4px 12px 4px 2px; max-width: 300px; } #HA-Tool-Block #Map-Toolbar #Search-Bar.active { right: 290px; } #HA-Tool-Block #Map-Toolbar #Search-Bar #zip2zoom { max-width: 235px; } #HA-Tool-Block #Map-Key-Block { border: rgba(20,78,155,0.7) 1px solid; } #HA-Tool-Block #Map-Toolbar .Opacity-Tools #slider { right: -11px; } #HA-Tool-Block .dream-controls-block .appreciation-block { margin: 0px auto; width: 100%; } #HA-Tool-Block .dream-controls-block .appreciation-block table td { float: left; width: 100%; } #HA-Tool-Block .Form-Tools .manipulators-block .user-guide-button-block,#HA-Tool-Block .Form-Tools .manipulators-block .user-guide-button-block button { width: 100%; max-width: 175px; } #HA-Tool-Block .map-legend-edges-label { font-size: 12px; } } @media(max-width: 767px){ #HA-Tool-Block #Map-Key:before { display: none; } #HA-Tool-Block #Map-Key table { max-width: 55px; } #HA-Tool-Block #Map-Key table tr { font-size: 10px; } #HA-Tool-Block #Map-Key table tr td { display: block; float: left; } #HA-Tool-Block #Map-Key table tr td:nth-child(1){ width: 50%;} #HA-Tool-Block #Map-Key table tr td:nth-child(2){ width: 50%} #HA-Tool-Block #Map-Key table tr td:nth-child(3){ width: 100%; } } @media( max-width: 600px ){ } @media( max-width: 400px ){ #HA-Tool-Block #Map-Toolbar { top: 80px !important; } #HA-Tool-Block #Map-Key-Block,#HA-Tool-Block #Map-Key { top: 195px !important; } #HA-Tool-Block #Sidebar-Toolbox-Button { top: 85px; } #HA-Tool-Block #Sidebar-Toolbox { top: 86px; } #HA-Tool-Block #Info-Details { top: 123px; } #HA-Tool-Block #Map-Key-Button { top: 161px; } #HA-Tool-Block #Map-Toolbar #Search-Bar { width: 305px; top: 0px; } #HA-Tool-Block #Map-Toolbar #Search-Bar.active { right: 255px; border-radius: 0px; } #HA-Tool-Block #Map-Toolbar #Search-Bar #zip2zoom { max-width: 175px !important; } #HA-Tool-Block #Map-Toolbar #Search-Bar .input-field { max-width: 200px; font-size: 14px; } #HA-Tool-Block #Map-Toolbar #Search-Bar .input-submit { max-width: 100px; padding: 5px 10px; font-size: 16px; } #HA-Tool-Block #Map-Toolbar #Search-Bar .input-submit .fa, #Map-Toolbar #Search-Bar .input-submit .fas { font-size: 18px; } } #HA-Tool-Block #Map-Toolbar .ui-widget-content .ui-state-default { display: block; position: relative; left: -.4em; width: 25px !important; height: 25px !important; text-align: center; color: rgb(51, 51, 51); text-shadow: none; border-radius: 50px; width: 0.85em; height: 40px; background: linear-gradient(rgb(238, 238, 238), rgb(221, 221, 221)) !important; cursor: pointer; } #HA-Tool-Block #Map-Toolbar .ui-slider-vertical .ui-state-default:before { font-family: "FontAwesome", "Font Awesome 5 Free"; content: "\f00e"; font-weight: normal; text-align: center; font-size: 20px; font-style: normal !important; } #HA-Tool-Block #Map-Toolbar .ui-state-active { border-color: #4AFEFF !important; } #HA-Tool-Block #Map-Toolbar .slider-label-vertical { display: block; position: relative; max-width: 50px; height: auto; font-size: 16px; font-weight: bold; text-align: center; } #HA-Tool-Block #Map-Toolbar .slider-label-vertical .label-text { display: none !important; } #HA-Tool-Block #Map-Toolbar .slider-label-vertical .label-icon { display: none !important; } #HA-Tool-Block #Map-Toolbar .slider-label-vertical .label-icon-white { display: block; cursor: default; } #HA-Tool-Block #Map-Toolbar .slider-label-vertical .label-icon-white img { display: inline-block; margin: 3px auto; width: 25px; height: auto; } #HA-Tool-Block #Map-Toolbar .slider-label-vertical .label-icon img { max-width: 25px; } #HA-Tool-Block #Map-Toolbar .Opacity-Tools .ui-state-default:before { display: none !important; content: "\f0ac" !important; } #HA-Tool-Block #Map-Toolbar .Opacity-Tools .ui-slider-vertical .ui-state-default { left: -7px !important; } .Zoom-Slider-Block { display: none; height: 150px; text-align: center; } .Opacity-Slider-Block { display: none; height: 150px; text-align: center; } .Zoom-Buttons-Block,.Opacity-Buttons-Block { display: block; background: var(--core-blue); padding: 5px; border-radius: 75px; text-align: center; margin-bottom: 5px !important; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn,#HA-Tool-Block #Map-Toolbar .opacity_btn { display: inline-block; padding-bottom:0; color:#FFF; text-decoration:none; border:none; width:40px; height:40px; cursor:pointer; background-size: cover !important; vertical-align: middle; border-radius: 5px; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn:hover,#HA-Tool-Block #Map-Toolbar .opacity_btn:hover { background-position:0 53px; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_plus,#HA-Tool-Block #Map-Toolbar .opacity_btn_plus { position: relative; display: block; border-radius: 75px; width: 30px !important; height: 30px !important; overflow: hidden; background: linear-gradient(#eee,#ddd) !important; color: #333; text-shadow: none; font-size: 40px; vertical-align: top; font-weight: bold; box-shadow: 0px 1px 4px rgb(0 0 0 / 30%); } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_plus:before,#HA-Tool-Block #Map-Toolbar .opacity_btn_plus:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Icon-Plus-dark.svg) center no-repeat; background-size: 70% 70%; width: 30px; height: 30px; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_minus,#HA-Tool-Block #Map-Toolbar .opacity_btn_minus { position: relative; display: block; border-radius: 75px; width: 30px !important; height: 30px !important; overflow: hidden; background: linear-gradient(#eee,#ddd) !important; color: #333; text-shadow: none; font-size: 40px; vertical-align: top; font-weight: bold; box-shadow: 0px 1px 4px rgb(0 0 0 / 30%); } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_minus:before,#HA-Tool-Block #Map-Toolbar .opacity_btn_minus:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Icon-Minus-dark.svg) center no-repeat; background-size: 70% 70%; width: 30px; height: 30px; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_usa { background: linear-gradient(var(--core-blue-light), var(--core-blue)) !important; width: 50px !important; height: 45px !important; position: relative; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_usa:hover { background: linear-gradient(var(--core-blue),var(--core-blue-light)) !important; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_usa:before { background: url(https://www.housingalerts.com/ha_widgets/images/interface/usa-new.svg); background-size: 100%; position: absolute; top: -2px; left: 0; width: 100%; height: 100%; display: block; content: ''; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_ak { background: linear-gradient(var(--core-blue-light), var(--core-blue)) !important; width: 50px !important; height: 45px !important; position: relative; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_ak:hover { background: linear-gradient(var(--core-blue),var(--core-blue-light)) !important; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_ak:before { background: url(https://www.housingalerts.com/ha_widgets/images/interface/alaska-new.svg); background-size: 100%; position: absolute; top: -2px; left: 0; width: 100%; height: 100%; display: block; content: ''; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_hi { background: linear-gradient(var(--core-blue-light), var(--core-blue)) !important; width: 50px !important; height: 45px !important; position: relative; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_hi:hover { background: linear-gradient(var(--core-blue),var(--core-blue-light)) !important; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_hi:before { background: url(https://www.housingalerts.com/ha_widgets/images/interface/hawaii-new.svg); background-size: 100%; position: absolute; top: -2; left: 0; width: 100%; height: 100%; display: block; content: ''; } @media( max-width: 768px ){ #HA-Tool-Block #Map-Toolbar .quickzoom_btn_plus:before, #HA-Tool-Block #Map-Toolbar .opacity_btn_plus:before,#HA-Tool-Block #Map-Toolbar .quickzoom_btn_plus, #HA-Tool-Block #Map-Toolbar .opacity_btn_plus,#HA-Tool-Block #Map-Toolbar .quickzoom_btn_minus, #HA-Tool-Block #Map-Toolbar .opacity_btn_minus,#HA-Tool-Block #Map-Toolbar .quickzoom_btn_minus:before, #HA-Tool-Block #Map-Toolbar .opacity_btn_minus:before { width: 30px !important; height: 30px !important; } } @media( max-width: 600px ){ #HA-Tool-Block #Map-Toolbar .Zoom-Tools .zoom-slider, #HA-Tool-Block #Map-Toolbar .Opacity-Tools .overlay-slider { margin-top: 5px; margin-left: -50px; } #HA-Tool-Block #Map-Toolbar .Map-Buttons { padding-bottom: 12px; border-bottom: #333 2px solid; margin-bottom: 12px; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn,#HA-Tool-Block #Map-Toolbar .opacity_btn { width: 30px !important; height: 30px !important; } #HA-Tool-Block #Map-Toolbar .quickzoom_btn_plus:before,#HA-Tool-Block #Map-Toolbar .opacity_btn_plus:before,#HA-Tool-Block #Map-Toolbar .quickzoom_btn_minus:before,#HA-Tool-Block #Map-Toolbar .opacity_btn_minus:before { width: 100% !important; height: 100% !important; } #HA-Tool-Block #Map-Toolbar .slider-label-vertical { display: block !important; height: 35px; } .Zoom-Slider-Block { display: none; } .Opacity-Slider-Block { display: none; } .Zoom-Buttons-Block { display: block; padding-bottom: 7px; border-bottom: #333 2px solid; margin-bottom: 7px; } .Opacity-Buttons-Block { display: block; } } #HA-Tool-Block .heat-maps-block .row-block { display: table; table-layout: fixed; margin: 0 auto 30px auto; width: fit-content; } #HA-Tool-Block .heat-maps-block .heat-maps-item { display: table-cell; vertical-align: bottom; width: 50%; } #HA-Tool-Block .heat-maps-block .item-container { width: fit-content; margin: 0px auto !important; border: var(--core-blue) 7px solid; border-radius: 8px 8px; } #HA-Tool-Block .heat-maps-block .item-content,#HA-Tool-Block .heat-maps-block .button-larger-heatmaps { margin: 0px auto !important; } #HA-Tool-Block .heat-maps-block .image-preview { display: block; margin: 0px auto !important; background: none; border: 0; outline: 0; cursor: pointer; } #HA-Tool-Block .heat-maps-block .heat-maps-item:first-child { padding-right: 10px; } #HA-Tool-Block .heat-maps-block .heat-maps-item:last-child { padding-left: 10px; } #HA-Tool-Block .heat-maps-block h3 { margin: 0px; padding: 5px 15px 5px 15px; background: var(--core-blue); color: #FFF; border-radius: 0px; text-align: center; font-size: 18px; font-weight: bold; line-height: 1.2; } #HA-Tool-Block .heat-maps-block h3 .custom { color: #CCC; /*color: #c64546;*/ } #HA-Tool-Block .heat-maps-block .item-image { margin: 0px auto !important; } #HA-Tool-Block .heat-maps-block .item-image img { display: block; vertical-align: top; width: 100%; max-width: 550px; margin: 0 auto; } @media(max-width:500px){ #HA-Tool-Block .heat-maps-block .row-block { display: block; margin: 0; } #HA-Tool-Block .heat-maps-block .heat-maps-item { display: block; margin: 0 0 20px 0; width: auto; } #HA-Tool-Block .heat-maps-block .heat-maps-item:first-child { padding: 0; } #HA-Tool-Block .heat-maps-block .heat-maps-item:last-child { padding: 0; } } /* MAP Title UI Additions */ #HA-Tool-Block .title-page { width: auto; top: 40px; left: 50%; margin-left: -290px; } #HA-Tool-Block .title-page.Big-Title { top: 10px !important; width: 100% !important; left: 50% !important; margin-left: -50% !important; border-radius: 0px !important; } #HA-Tool-Block .title-page.Big-Title .title-logo-block, #HA-Tool-Block .title-page.Big-Title .title-text-block br.hide-this { display: none; } #HA-Tool-Block .title-page.Big-Title #layer_label { font-size: 25px !important; } #HA-Tool-Block .title-page.Big-Title #location_type_label, #HA-Tool-Block .title-page.Big-Title span { font-size: 24px !important; } #HA-Tool-Block #map .title-page.logo-branding { display: none; } #HA-Tool-Block .title-page.logo-branding { display: none; font-family: "Open Sans",opensans,sans-serif,Arial,Helvetica !important; width: 100%; top: 30px; left: 0%; padding: 0px !important; border-radius: 0px !important; margin: 0px auto; margin-left: auto; background: transparent; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block .title-page.logo-branding.map-select { display: block; } #HA-Tool-Block .title-page.logo-branding.toolbox-active { margin-left: 8%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #HA-Tool-Block .title-page.logo-branding.Big-Title { background: rgba(255,255,255,0.8); } #HA-Tool-Block .title-page.logo-branding .title-page-inner { display: inline-block; width: auto; min-width: 250px; max-width: 1200px; background: rgba(255,255,255,0.8); padding: 10px 20px; border-radius: 5px; } #HA-Tool-Block .title-page.logo-branding.map-select .title-page-inner { border-radius: 0px 0px 20px 20px !important; } #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer { display: block; margin: 0px auto; width: fit-content; max-width: 1200px; } #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer .Gray-Markets, #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer .Filter-Markets { font-size: 12px; font-weight: 600; display: inline-block; border-radius: 0px 0px 10px 10px; padding: 5px 15px; max-width: 600px; background: rgba(255,255,180,0.8); } @media(min-width:768px){ #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer .Gray-Markets, #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer .Filter-Markets { position: fixed; top: 0px; right: 20px; } } #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer .Gray-Markets i { background: var(--core-yellow); } #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer .Filter-Markets i { background: var(--core-green); } #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer .Gray-Markets i, #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer .Filter-Markets i { display: inline-block; vertical-align: middle; width:18px; height: 18px; margin-right: 5px; border-radius: 50px; } #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer .Gray-Markets i img, #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer .Filter-Markets i img { max-width: 18px; position: relative; padding: 5px; text-align: center; } #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer .Gray-Markets i img, #HA-Tool-Block .title-page.logo-branding.map-select #Title-Disclaimer .Filter-Markets i img { max-width: 18px; position: relative; padding: 5px; text-align: center; } #HA-Tool-Block .title-page.Big-Title .title-page-inner { background: transparent; } #HA-Tool-Block .title-page.logo-branding .title-logo-block { display: inline-block; vertical-align: middle; } #HA-Tool-Block .title-page.logo-branding .title-logo-block img { display: none; max-height: 60px; vertical-align: middle; } #HA-Tool-Block .fullscreen-maps.mls-maps .title-page .MLSA-Logo { display: inline-block !important; } #HA-Tool-Block .fullscreen-maps.ha-maps .title-page .HA-Logo { display: inline-block !important; } #HA-Tool-Block .title-page.logo-branding .title-logo-block img.revealed { display: inline-block; } #HA-Tool-Block .title-page.logo-branding .title-text-block { display: inline-block; vertical-align: middle; padding: 0px 15px; } #HA-Tool-Block .title-page.Blanks .title-text-block { line-height: 125%; } #HA-Tool-Block .title-page.logo-branding .title-indicator-tools { display: block; /*margin: 0px -10px;*/ } #HA-Tool-Block .title-page.logo-branding .title-control-block { display: inline-block; width: fit-content; max-width: fit-content; vertical-align: middle; padding: 0px 15px; } #HA-Tool-Block .title-page.logo-branding.map-select { position: absolute; top: 0px; z-index: 0; height: 0px; overflow: visible; } .admin-bar #HA-Tool-Block .title-page.logo-branding.map-select { top: 32px; } #HA-Tool-Block.Framed .title-page.logo-branding.map-select { top: 0px !important; } .admin-bar #HA-Tool-Block.Framed .title-page.logo-branding.map-select { top: 0px; } #HA-Tool-Block .title-page.logo-branding.map-select label.Connected { display: none; } #HA-Tool-Block #Map-Alert { display: none; position: relative; margin: 0px auto; width: 100%; max-width: 400px; } #HA-Tool-Block #Map-Alert.active { display: block; } #HA-Tool-Block #Map-Alert .Alert-Content { display: block; position: relative; background: var(--core-yellow-light); border: var(--core-yellow-bright) 1px solid; opacity: 0.8; padding: 5px 20px; margin: 0px auto 10px auto; text-align: center; border-radius: 0px 0px 5px 5px; } #HA-Tool-Block #Map-Alert .Alert-Content .Alert-Notice { font-size: 14px !important; font-weight: 600; font-style: italic; } #HA-Tool-Block #Map-Alert .Alert-Close { display: inline-block; background: var(--core-blue-light); background: linear-gradient(var(--core-blue-light), var(--core-blue)); border-radius: 30px; border: 0; width: 20px; height: 20px; line-height: 25px; color: rgba(255, 255, 255, 0.0); cursor: pointer; font-family: arial; font-size: 19px; text-align: center; position: absolute; z-index: 9; top: 5px; right: 10px; padding: 0; } #HA-Tool-Block #Map-Alert .Alert-Close:before { content: ' '; width: 100%; height: 100%; display: block; background: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Icon-Close-x.svg) center no-repeat; background-size: 80% 80%; width: 20px; height: 20px; } #HA-Tool-Block .title-page.logo-branding .Capita { display: none !important; } #HA-Tool-Block .title-page.logo-branding .title-control-block select { cursor: pointer; font-size: 14px; text-align: left; text-align-last: center; } #HA-Tool-Block .title-page.logo-branding .title-control-block #map_market_options.Filter-Set { width: fit-content; } #HA-Tool-Block .title-page.logo-branding .title-control-block select.Connected.Maps { background: transparent; border: var(--core-green) 2px solid; border-radius: 75px !important; color: #000; font-size: 18px; width: 100%; max-width: 500px; min-width: 200px; text-overflow: ellipsis; } #HA-Tool-Block .title-page.logo-branding .title-control-block select.Maps optgroup { background: var(--core-blue); color: #FFF; font-weight: 700; padding: 0px 25px; } #HA-Tool-Block .title-page.logo-branding .title-control-block select.Maps option { background: #FFF; color: #000; padding: 0px 10px; } #HA-Tool-Block .title-page.logo-branding .title-control-block select.Connected { -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; background-color: #FFF; background-image: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Select-Blue-Down.svg),linear-gradient(to bottom, #FFF 0%, #F4F4F4 100%); background-repeat: no-repeat,repeat !important; background-position: right 0.55em top 50%,0 0 !important; background-size: 0.65em auto,100% !important; padding: 0px 25px 0px 0px; } #HA-Tool-Block .title-page.logo-branding .title-control-block select:disabled { font-style: italic; color: #777 !important; background: #DDD !important; -webkit-background: #F1F1F1; -webkit-box-shadow: inset 0em 0em 10em #DDD; cursor: not-allowed; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #HA-Tool-Block .title-page.logo-branding .title-control-block #map_market_options, #HA-Tool-Block .title-page.logo-branding .title-control-block #map_market_options_label, #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Types, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Scores, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Capita { display: inline-block; margin: auto 1px 3px 1px; vertical-align: middle; width: fit-content; min-width: fit-content; } #HA-Tool-Block .title-page.logo-branding .title-control-block select::-webkit-scrollbar { width: 10px; } #HA-Tool-Block .title-page.logo-branding .title-control-block select::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,150,0.2); border-radius: 25px; } #HA-Tool-Block .title-page.logo-branding .title-control-block select::-webkit-scrollbar-thumb { background-color: var(--core-blue); outline: #FFF 1px solid; border-radius: 20px; } #HA-Tool-Block .title-page.logo-branding .title-control-block select::-webkit-scrollbar-button { display: none; background: var(--core-blue); color: #FFF; } #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block select::-webkit-scrollbar-thumb, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Types select::-webkit-scrollbar-thumb, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Scores select::-webkit-scrollbar-thumb, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Capita select::-webkit-scrollbar-thumb { background-color: #FFF !important; outline: #FFF 1px solid; border-radius: 20px; } #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block select.Connected, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Types select.Connected, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Scores select.Connected, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Capita select.Connected { background: var(--core-blue); background-color: var(--core-blue); border: var(--core-blue) 1px solid; color: #FFF; border-radius: 50px !important; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; background-image: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Select-White-Down.svg),linear-gradient(to bottom,var(--core-blue-light) 0%,var(--core-blue) 100%); background-repeat: no-repeat,repeat !important; background-position: right 0.55em top 50%,0 0 !important; background-size: 0.65em auto,100% !important; font-size: 12px; padding: 0px 20px 0px 10px; height: 25px; width: 100%; max-width: 100px; min-width: 65px; vertical-align: middle; } #HA-Tool-Block .title-page.logo-branding .title-control-block #map_market_options_label span { display: block; margin-top: -2px; border: var(--core-blue) 2px solid; border-radius: 50px; padding: 1px 10px; color: var(--core-blue); vertical-align: middle; font-size: 14px !important; } #HA-Tool-Block .title-page.logo-branding .title-control-block #map_market_options select.Connected { border: var(--core-blue) 1px solid; border-radius: 50px !important; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; background-image: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Select-Blue-Down.svg),linear-gradient(to bottom, #FFF 0%, #F4F4F4 100%); background-repeat: no-repeat,repeat !important; background-position: right 0.55em top 50%,0 0 !important; background-size: 0.65em auto,100% !important; font-size: 12px; padding: 0px 20px 0px 10px; height: 25px; width: 100%; max-width: 120px; min-width: 65px; vertical-align: middle; } #HA-Tool-Block .title-page.logo-branding .title-control-block #map_market_options.Filter-Set select.Connected { display: inline-block; width: 100px; } #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Types select.Connected { text-align: left; min-width: 55px; max-width: 80px; } #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Scores select.Connected { text-align: left; min-width: 55px; max-width: 68px; } #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Capita select.Connected { text-align: left; min-width: 55px; max-width: 100px; } #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Types .option-label, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Scores .option-label, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Capita .option-label { display: block; margin-top: -2px; border: var(--core-green-lightest) 2px solid; border-radius: 50px; padding: 1px 10px; color: var(--core-green-lightest); vertical-align: middle; font-size: 14px; } #HA-Tool-Block .title-page.logo-branding .title-control-block #map_market_options .option-label { display: block; margin-top: -2px; border: var(--core-blue) 2px solid; border-radius: 50px; padding: 1px 10px; color: #333; vertical-align: middle; font-size: 14px; } #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block .option-label { display: block; margin-top: -2px; border: var(--core-blue) 2px solid; border-radius: 50px; padding: 1px 10px; color: var(--core-blue); vertical-align: middle; font-size: 14px; } #HA-Tool-Block .title-page.logo-branding .title-control-block select.Connected.Types, #HA-Tool-Block .title-page.logo-branding .title-control-block select.Connected.Scores, #HA-Tool-Block .title-page.logo-branding .title-control-block select.Connected.Capita { background: var(--core-green); background-color: var(--core-green); color: #FFF; background-image: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Select-White-Down.svg),linear-gradient(to bottom, var(--core-green-lightest) 0%, var(--core-green) 100%) !important; border-color: var(--core-green) !important; } #HA-Tool-Block .title-page.logo-branding .title-control-block select.Connected.Capita { background: var(--core-green); background-color: var(--core-green); color: #FFF; background-image: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Select-White-Down.svg),linear-gradient(to bottom, var(--core-green-lightest) 0%, var(--core-green) 100%) !important; border-color: var(--core-green) !important; } #HA-Tool-Block .title-page.logo-branding .title-control-block select.Connected.Maps { background-image: url(https://www.housingalerts.com/ha_widgets/images/interface/HA-Widget-Select-Green-Down.svg),linear-gradient(to bottom,#FFF 0%,#F4F4F4 100%) !important; border-color: var(--core-green) !important; } #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block #msa_dream_m_div, #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block #msa_dream_y_div, #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block #msa_dream_y_label, #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block #msa_dream_q_div { display: inline-block; vertical-align: middle; width: auto; min-width: auto !important; } #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block #msa_dream_m_div select, #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block #msa_dream_y_div select, #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block #msa_dream_y_label select, #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block #msa_dream_q_div select { display: inline-block; vertical-align: middle; width: fit-content; min-width: fit-content; text-align: center !important; } #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block #msa_dream_m_div span, #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block #msa_dream_y_div span, #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block #msa_dream_y_label span, #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block #msa_dream_q_div span { display: inline-block; font-size: 12px; vertical-align: middle; width: fit-content; min-width: fit-content; } #HA-Tool-Block .title-page.logo-branding #location_type_label { font-family: "Open Sans",opensans,sans-serif,Arial,Helvetica !important; font-size: 18px; } #HA-Tool-Block .title-page.logo-branding .title-control-block select.Connected.Maps options { color: #000; } #HA-Tool-Block .title-page.logo-branding #layer_label, #HA-Tool-Block .title-page.logo-branding #layer_label_datetime { font-family: "Open Sans",opensans,sans-serif,Arial,Helvetica !important; font-size: 18px; } #HA-Tool-Block .title-page.logo-branding #layer_label.smaller-titles, #HA-Tool-Block .title-page.logo-branding #layer_label_datetime.smaller-titles { font-size: 14px; } #HA-Tool-Block .title-page.logo-branding .Copyright-Text { font-family: "Open Sans",opensans,sans-serif,Arial,Helvetica !important; font-size: 12px;font-weight: normal; } #HA-Tool-Block .title-page.logo-branding.Big-Title .Copyright-Text { font-size: 15px !important; font-weight: bold; } #HA-Tool-Block .title-page.logo-branding .Copyright-Text.Blanks { display: none; opacity: 0.0 !important; } @media(max-width:768px){ #HA-Tool-Block #Map-Alert { max-width: 300px; } #HA-Tool-Block .title-page.logo-branding .title-control-block input, #HA-Tool-Block .title-page.logo-branding .title-control-block select { max-width: 300px; } #HA-Tool-Block .title-page.logo-branding .title-control-block .year-select-block select.Connected, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Types select.Connected, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Scores select.Connected, #HA-Tool-Block .title-page.logo-branding .title-control-block .appreciation-block.Capita select.Connected { max-width: 60px; min-width: 50px; } #HA-Tool-Block .title-page.logo-branding .title-page-inner { width: 100%; padding: 10px !important; } #HA-Tool-Block .title-page.logo-branding .title-text-block { padding: 0px; margin-top: 3px; } #HA-Tool-Block .appreciation-block.Maps select.Connected { max-width: 300px !important; } #HA-Tool-Block .appreciation-block { min-width: 100%; max-width: 100%; } } @media(max-width:400px){ #HA-Tool-Block .title-page.logo-branding .title-page-inner { zoom: 90%; } #HA-Tool-Block #Map-Key-Block #legend_div2, #Map-Key-Block #legend_div2-3 { padding: 5px; } } /* SMSR Styles */ #HA-Tool-Block .lite-indicators-content-block,#HA-Tool-Block #ha_tools_container_halmsr { width: 100%; max-width: 1200px; margin: 0px auto; padding: 0px 10px; } /*#HA-Tool-Block .lite-indicators-content-block .current-market-frame { font-size: 30px; text-align: center; margin: 0 0 20px 0; background: linear-gradient( var(--core-green), #00BB00); border: var(--core-green) 2px solid; border-radius: 10px; padding: 5px; color: #FFF; text-shadow: 1px 1px 3px black; }*/ #HA-Tool-Block .lite-indicators-content-block .current-market-frame { font-size: 30px; font-weight: 600; text-align: center; margin: 0 0 20px 0; background: #FFF; border: var(--core-green) 2px solid; border-radius: 10px; padding: 5px; color: #333; } #HA-Tool-Block .lite-indicators-content-block .current-market-title { font-size: 26px; line-height: 110%; border: #FFF 5px solid;padding: 8px;border-radius: 8px; } #HA-Tool-Block .lite-indicators-content-block .current-market-title span { font-size: 26px !important; line-height: 110%; } #HA-Tool-Block .current-market-frame .current-market-title .red { color: var(--core-red) !important; } #HA-Tool-Block #ha_tools_container_halmsr h2 { font-size: 36px; } #HA-Tool-Block .ha_tools_container_halmsr .table-data { color: #333; line-height: 110%; } #HA-Tool-Block .heading-silver { display: block; clear: both; text-align: center; margin: 25px auto; background: linear-gradient( #eee, #ddd); border-radius: 5px; padding: 5px 10px; } #HA-Tool-Block #Select-Market-Notice,#HA-Tool-Block .Select-Market-Notice,#HA-Tool-Block #Upgrade-Notice,#HA-Tool-Block .Upgrade-Notice { display: block; position: relative; width: 100%; padding: 5px; text-align: center; background: rgba(255,255,255,0.5); border: rgba(150,150,150,0.2) 2px solid; border-radius: 5px; margin: 10px auto -75px auto; top: -120px; font-size: 26px; font-weight: bold; color: #4174dc; text-decoration: underline; } #HA-Tool-Block .gauges-description-button { display: inline-block; float: right; font-family: opensans, arial; color: #424242; cursor: pointer; font-size: 14px; padding: 6px 10px 6px 10px; border-radius: 5px; text-align: center; outline: none; text-decoration: none; vertical-align: middle; width: 100%; max-width: 525px; margin-top: 5px; margin-bottom: 10px; background: linear-gradient(#ddd,#eee); border: none; -webkit-box-shadow: none !important; box-shadow: none !important; } #HA-Tool-Block .gauges-description-button span.text { color: #333 !important; } #HA-Tool-Block .gauges-description-button .button-icon { display: inline-block; width: 100%; max-width: 20px; vertical-align: middle; } #HA-Tool-Block .gauges-description-button .button-text,#HA-Tool-Block .gauges-description-button .toggle-details{ display: inline-block; vertical-align: middle; } #HA-Tool-Block .gauge-description-block .gauges-description-button { display: none; float: right; border-radius: 0px 5px 0px 5px; max-width: 120px; margin: -16px -11px 3px 5px; } #HA-Tool-Block .gauge-description-block { margin: 20px auto; border: 1px solid #ddd; color: #333; padding: 15px 10px; border-radius: 5px; } #HA-Tool-Block .gauge-description-block p:last-child { margin-bottom: 0px !important; padding-bottom: 0px !important; } #HA-Tool-Block .gauges-description-button .toggle-text { display: inline; } #HA-Tool-Block .gauges-description-button .toggle-text.active { display: none; } #HA-Tool-Block .heatmaps-with-enlarger-block,#HA-Tool-Block .chart-with-enlarger-block { text-align: center !important; } #HA-Tool-Block .button-larger-heatmaps-block,#HA-Tool-Block .button-larger-chart-block { text-align: center !important; } #HA-Tool-Block .button-blue { display: inline-block; font-family: opensans, arial; cursor: pointer; background: var(--core-blue-light); background: linear-gradient(var(--core-blue-light), var(--core-blue)); border: 0; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 1px; padding: 4px 10px 4px 10px; text-shadow: 0 0 1px rgb(0 0 0 / 80%); border-radius: 5px; margin: 0; } #HA-Tool-Block .button-blue.button-larger-heatmaps,#HA-Tool-Block .button-blue.button-larger-chart { padding: 10px 20px; } #HA-Tool-Block .larger-heatmaps-block { vertical-align: middle; -webkit-transition: width .3s; transition: width .3s; } #HA-Tool-Block .larger-heatmaps-block img { display: block; width: 100%; max-width: 1200px; height: auto; max-height: 1200px; background: #CCC; min-width: 985px; min-height: 555px; vertical-align: middle; -webkit-transition: width .3s; transition: width .3s; } @media( max-width: 992px ){ #HA-Tool-Block .larger-heatmaps-block img { min-width: 800px; min-height: 450px; } } @media( max-width: 768px ){ #HA-Tool-Block .larger-heatmaps-block img { min-width: auto; min-height: auto; } } #HA-Tool-Block .larger-heatmaps-nav { display: block; position: absolute; top: 50%; left: 0px; width: 100%; margin: 0px auto; } #HA-Tool-Block .larger-heatmaps-nav .larger-heatmaps-prev-button { display: block; position: absolute; left: 25px; } #HA-Tool-Block .larger-heatmaps-nav .larger-heatmaps-next-button { display: block; position: absolute; right: 25px; } #HA-Tool-Block .larger-heatmaps-nav .larger-heatmaps-prev-button .larger-heatmaps-nav-label,#HA-Tool-Block .larger-heatmaps-nav .larger-heatmaps-next-button .larger-heatmaps-nav-label { display: none; width: 100%; max-width: 65px; border-radius: 50px; background: #000; border: #FFF 2px solid; color: #FFF; font-size: 12px !important; font-weight: bold; text-align: center; padding: 3px 10px; -moz-box-shadow: 3px 2px 4px rgba( 0, 0, 0, .5); -webkit-box-shadow: 3px 2px 4px rgb(0 0 0 / 50%); box-shadow: 3px 2px 4px rgb(0 0 0 / 50%); } #HA-Tool-Block .larger-heatmaps-nav .larger-heatmaps-prev-button .larger-heatmaps-nav-icon,#HA-Tool-Block .larger-heatmaps-nav .larger-heatmaps-next-button .larger-heatmaps-nav-icon { width: 30px; height: 30px; background: #000; border-radius: 50px; padding: 5px; border: #FFF 2px solid; cursor: pointer; -moz-box-shadow: 3px 2px 4px rgba( 0, 0, 0, .5); -webkit-box-shadow: 3px 2px 4px rgb(0 0 0 / 50%); box-shadow: 3px 2px 4px rgb(0 0 0 / 50%); } #HA-Tool-Block #Table-Gauge-Frame .table-data { position: relative; color: #333; } #HA-Tool-Block #Table-Gauge-Frame .table-data:nth-child(1) { width: 100%; max-width: 300px; display: inline-block; } #HA-Tool-Block #Table-Gauge-Frame .table-data:nth-child(2) { width: 100%; max-width: 250px; display: inline-block; } #HA-Tool-Block #Table-Gauge-Frame .table-data:nth-child(3) { width: 100%; max-width: 230px; display: inline-block; } #HA-Tool-Block #Table-Gauge-Frame.gauges-equal .table-data:nth-child(1) { width: 100%; max-width: 200px; display: inline-block; } #HA-Tool-Block #Table-Gauge-Frame.gauges-equal .table-data:nth-child(2) { width: 100%; max-width: 200px; display: inline-block; } #HA-Tool-Block #Table-Gauge-Frame.gauges-equal .table-data:nth-child(3) { width: 100%; max-width: 200px; display: inline-block; } @media( max-width: 1200px ){ #HA-Tool-Block #Table-Gauge-Frame.gauges-equal .table-data:nth-child(1),#HA-Tool-Block #Table-Gauge-Frame .table-data:nth-child(1) { display: table-cell; } #HA-Tool-Block #Table-Gauge-Frame.gauges-equal .table-data:nth-child(2),#HA-Tool-Block #Table-Gauge-Frame .table-data:nth-child(2) { display: table-cell; } #HA-Tool-Block #Table-Gauge-Frame.gauges-equal .table-data:nth-child(3),#HA-Tool-Block #Table-Gauge-Frame .table-data:nth-child(3) { display: table-cell; } } #HA-Tool-Block .table-gauge { display: table; margin: 0 auto 15px auto; text-align: center; width: 100%; maxwidth: 850px; table-layout: fixed; } #HA-Tool-Block .table-gauge .table-row { display: table-row; } #HA-Tool-Block .table-gauge .table-row-1 { font-size: 20px } #HA-Tool-Block .table-gauge .table-row-3 { font-weight: bold; font-size: 20px } #HA-Tool-Block .table-gauge .table-data { display: table-cell; vertical-align: bottom; line-height: 110%; } #HA-Tool-Block .table-gauge .table-data .image-wrapper { display: block; margin-top: 15px; position: relative; } #HA-Tool-Block .table-gauge .table-data .image-wrapper .upgrade-message { position: absolute; bottom: 10px; left: 50%; margin: 0 0 0 -70px; text-decoration: underline; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.5); padding: 5px; border-radius: 5px; font-weight: bold; white-space: nowrap; } @media( max-width: 1200px ){ #HA-Tool-Block .table-gauge { width: auto; } } @media( max-width: 1024px ){ #HA-Tool-Block .gauges-description-button { max-width: 900px; } } @media( max-width: 768px ){ #HA-Tool-Block #Table-Gauge-Frame { width: 90%; max-width: 90%; } #HA-Tool-Block #Table-Gauge-Frame .table-data { max-width: 150px; } #HA-Tool-Block #Table-Gauge-Frame .table-data:nth-child(1) canvas { max-width: 200px; } #HA-Tool-Block .gauge-description-block .gauges-description-button { display: block; } #HA-Tool-Block .lite-indicators-content-block .current-market-frame { font-size: 20px; } #HA-Tool-Block .lite-indicators-content-block .current-market-frame span { display: block; } #HA-Tool-Block #ha_tools_container_halmsr h2 { text-align: center; } #HA-Tool-Block .heading-silver { font-size: 24px; } #HA-Tool-Block .table-gauge .table-data { font-size: 14px; } #HA-Tool-Block .table-gauge canvas { width: 100px !important; } } @media( max-width: 400px ){ #HA-Tool-Block .table-gauge canvas { width: 90px; } } #HA-Tool-Block .six-trigger-controls { text-align: center; } #HA-Tool-Block .six-trigger-controls .table-block { display: inline-block; text-align: left; margin-bottom:10px; } #HA-Tool-Block .six-trigger-controls .ma-block { display: table-cell; padding: 0 20px 0 0; font-size: 18px; } #HA-Tool-Block .six-trigger-controls .look-back-block { display: table-cell; } #HA-Tool-Block .six-trigger-controls .input-select { width: 60px; } #HA-Tool-Block .six-trigger-controls .look-back-block .input-select { width: 150px; } @media(max-width:1200px){ #HA-Tool-Block .six-trigger-controls .ma-block { display: block; padding: 0 0 20px 0; text-align: center; } #HA-Tool-Block .six-trigger-controls .look-back-block { display: block; margin: 0 0 10px 0; } #HA-Tool-Block .six-trigger-controls .look-back-block .name { font-size: 14px; } } #HA-Tool-Block .selected-state-indicators-block { margin: 0 0 40px 0; } #HA-Tool-Block .selected-state-indicators-block .header-gray-tab td { padding: 0 0 20px 0; font-size: 30px; text-align: center; } #HA-Tool-Block .six-trigger-controls select { font-size: 16px; height: 32px; padding: 5px; border-radius: 5px; border: 1px solid #9a9a9a; } #HA-Tool-Block .six-trigger-controls input[type=button] { display: inline-block; font-family: opensans, arial; color: #424242; cursor: pointer; background: var(--core-blue-light); background: linear-gradient(var(--core-blue-light), var(--core-blue))!important; border: 0; color: #fff; font-size: 16px; padding: 5px 10px 5px 10px; text-shadow: 0 0 1px rgba(0,0,0,0.8); border-radius: 5px; margin: 0; } #HA-Tool-Block .six-trigger-controls input[type=button]:hover { background: linear-gradient(#ccc,#ddd); } #HA-Tool-Block .six-trigger-controls .regular-txt .field-name { display: inline-block; line-height: 32px; vertical-align: middle; } #HA-Tool-Block .six-icons-tabs-block .tabs-container { display: table; table-layout: fixed; width: 100%; border-radius: 5px; margin: 0 0 0 0; } #HA-Tool-Block .six-icons-tabs-block .tabs-container li { display: table-cell; padding: 10px 5px 10px 5px; margin: 0; font-size: 20px; color: #424242; text-decoration: none; text-align: center; line-height: normal; vertical-align: top; border-left: 4px solid #fff; font-weight: bold; cursor: pointer; vertical-align: middle; background-color: #eaeaea; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #HA-Tool-Block .six-icons-tabs-block .tabs-container li:hover { background-color: #dadada; } #HA-Tool-Block .six-icons-tabs-block .tabs-container li.active { background: var(--core-blue) !important; background: linear-gradient(var(--core-blue-light), var(--core-blue)) !important; color: #fff; cursor: default; } #HA-Tool-Block .six-icons-tabs-block .tabs-container li.ng-hide + li { border-left: 0; } #HA-Tool-Block .six-icons-tabs-block .tabs-container li:first-child { border-left: 0; } #HA-Tool-Block .six-icons-tabs-block h2,#HA-Tool-Block .six-icons-tabs-block h3,#HA-Tool-Block .six-icons-tabs-block h4,#HA-Tool-Block .six-icons-tabs-block h5,#HA-Tool-Block .six-icons-tabs-block h6 { text-align: center; } #HA-Tool-Block .six-icons-tabs-block .tabs-result-container { border: 2px solid #eaeaea; border-top: 0; padding: 15px 15px 20px 15px; } #HA-Tool-Block .six-icons-tabs-block .tabs-result-container .item-result { height: 0; overflow: hidden; } #HA-Tool-Block .six-icons-tabs-block .tabs-result-container .item-result.active { height: auto; overflow: visible; } #HA-Tool-Block .six-icons-tabs-block .tabs-result-container h2 { margin: 0 0 10px 0; font-size: 25px; } #HA-Tool-Block .six-icons-tabs-block .tabs-result-container h3 { font-size: 20px; padding: 10px 5px; } #HA-Tool-Block .six-icons-tabs-block .tabs-result-container h4 { font-size: 18px; } #HA-Tool-Block .six-icons-tabs-block .tabs-result-container .paid-user-text { line-height: 1.2; font-weight: bold; background-color: #feffac; display: inline-block; padding: 10px; border-radius: 5px; border: 1px solid #eaeaea; } #HA-Tool-Block .six-icons-table-block { position: relative; margin: 0 50px 0 50px; } #HA-Tool-Block .six-icons-table-block table { width: 100%; } #HA-Tool-Block .six-icons-table-block table td { text-align: center; vertical-align: middle; padding: 5px; } #HA-Tool-Block .six-icons-table-block table td:first-child { width: 25%; font-weight: bold; text-align: left; padding-left: 20px; } #HA-Tool-Block .six-icons-table-block table td img { vertical-align: middle; } #HA-Tool-Block .six-icons-table-block table tr:first-child td + td { border-right: 1px dashed #000; } #HA-Tool-Block .six-icons-table-block table tr:first-child td:last-child { border-right: 0; } @media(max-width:1200px){ #HA-Tool-Block .six-icons-table-block { margin: 0; } } @media(max-width:600px){ #HA-Tool-Block .six-icons-tabs-block .tabs-container li { font-size: 14px; padding-left: 2px; padding-right: 2px; } #HA-Tool-Block .six-icons-tabs-block .tabs-result-container { padding: 5px; } #HA-Tool-Block .six-icons-tabs-block .tabs-result-container h2 { font-size: 18px; } #HA-Tool-Block .six-icons-table-block table td { padding: 2px; } #HA-Tool-Block .six-icons-table-block table td:first-child { padding-left: 2px; } } #HA-Tool-Block .overall-score-block table { margin: 0 0 0 0; } #HA-Tool-Block .overall-score-block .heading { text-align: center; margin: 0 0 20px 0; } #HA-Tool-Block .overall-score-block .heading .heading-text { font-size: 30px; } #HA-Tool-Block .overall-score-block h3 { text-align: center; margin: 15px 0 10px 0; } #HA-Tool-Block .overall-score-block .show-details-block { text-align: center; margin: 0 0 15px 0; } #HA-Tool-Block .overall-score-block .show-details-block .show-details-button { background: 0; border: 0; padding: 0; text-decoration: underline; color: #4174dc; outline: none; } #HA-Tool-Block .overall-score-block .show-details-block .show-details-button .hide-text { display: none; } #HA-Tool-Block .overall-score-block .show-details-block .show-details-button.active .show-text { display: none; } #HA-Tool-Block .overall-score-block .show-details-block .show-details-button.active .hide-text { display: inline; } #HA-Tool-Block .overall-score-block .show-details-block .show-details-button:hover { text-decoration: none; } #HA-Tool-Block .overall-score-block .hide-details-block { text-align: center; margin: 0 0 10px 0; } #HA-Tool-Block .overall-score-block .slider-block { text-align: center; } #HA-Tool-Block .overall-score-block .slider-block h4 { margin: 0; font-size: 18px; } #HA-Tool-Block .overall-score-block .slider-block .slider-link { background: none; border: 0; padding: 0; outline: none; width:350px;} #HA-Tool-Block .overall-score-block .slider-block .slider-link img { vertical-align: top; } @media(max-width:850px){ #HA-Tool-Block .overall-score-block .heading .heading-text { font-size: 40px; } #HA-Tool-Block .overall-score-block .slider-block h4 { font-size: 30px; } #HA-Tool-Block .overall-score-block .name { font-size: 30px; line-height: 1.2; } #HA-Tool-Block .overall-score-block .hide-details-block { margin-top: 10px; margin-bottom: 20px; } #HA-Tool-Block .overall-score-block .hide-details-block .hide-details-link { font-size: 30px; } #HA-Tool-Block .overall-score-block h3 { font-size: 35px; } } #HA-Tool-Block .overall-score-result-block { display: none; } #HA-Tool-Block .overall-score-result-block .result-table td { padding: 5px; vertical-align: middle; border: 1px solid #9b9b9b; } #HA-Tool-Block .overall-score-result-block .result-table .warning { background-color: #eaeaea; } #HA-Tool-Block .overall-score-result-block .result-table .thumbnail-image { display: inline-block; cursor: pointer; } #HA-Tool-Block .overall-score-result-block .result-table .thumbnail-image:hover { opacity: 0.8; } #HA-Tool-Block .overall-score-result-block .thumbnail-image img { vertical-align: top; } @media(min-width:850px){ #HA-Tool-Block .overall-score-result-block .result-table td:last-child { width: 100px; text-align: center; } } #HA-Tool-Block #Quarter-Chart { width: 100%; max-width: 800px; text-align: center; margin: 0px auto; border: none; } #HA-Tool-Block .Quarter-Title-Rows { border: none; } #HA-Tool-Block .Quarter-Title-Rows td { font-size: 14px; text-align: center; padding: 3px; } #HA-Tool-Block .Quarter-Rows td { font-size: 14px; text-align: center; padding: 3px; vertical-align: middle; } #HA-Tool-Block .Quarter-Current { background: #FFC !important; border-bottom: #ffee9d 1px solid; } #HA-Tool-Block .Quarter-Current td { border-right: #FFC 1px solid !important; } #HA-Tool-Block tr.Quarter-Rows:nth-child(odd) { background: #F4F4F4; border-bottom: #DDD 1px solid; } #HA-Tool-Block tr.Quarter-Rows:nth-child(odd) td { border-right: #F4F4F4 1px solid; } #HA-Tool-Block tr.Quarter-Rows:nth-child(even) { background: #FFF; } #HA-Tool-Block tr.Quarter-Rows:nth-child(even) td { border-right: #FFF 1px solid; } #HA-Tool-Block .Quarter-Term { font-size: 14px; border-top:: none; border-bottom: none; } #HA-Tool-Block .Quarter-Title { font-size: 14px; } #HA-Tool-Block .No-Line { border: none !important; } #HA-Tool-Block .Left-Line { border-left: #333 1px dashed; } #HA-Tool-Block .Right-Line { border-right: #333 1px dashed; } #HA-Tool-Block .Quarter-Grade { font-size: 14px; } #HA-Tool-Block .Quarter-Dot { border-radius: 50px; text-align: center; border-width: 2px; border-style: solid; margin: 0px auto !important; vertical-align: middle; } #HA-Tool-Block .XLarge-Dot { width: 36px; height: 36px; } #HA-Tool-Block .Large-Dot { width: 32px; height: 32px; } #HA-Tool-Block .Medium-Dot { width: 28px; height: 28px; } #HA-Tool-Block .Small-Dot { width: 22px; height: 22px; } #HA-Tool-Block .Mini-Dot { width: 18px; height: 18px; } #HA-Tool-Block .XLarge-Dot:before, #HA-Tool-Block .XLarge-Dot:after { font-size: 36px; padding:2px; display: block; margin-bottom: -36px; } #HA-Tool-Block .Large-Dot:before, #HA-Tool-Block .Large-Dot:after { font-size: 32px; padding:1px; display: block; margin-bottom: -32px; } #HA-Tool-Block .Medium-Dot:before, #HA-Tool-Block .Medium-Dot:after { font-size: 28px; padding:1px; display: block; margin-bottom: -28px; } #HA-Tool-Block .Small-Dot:before, #HA-Tool-Block .Small-Dot:after { font-size: 22px; padding:1px; display: block; margin-top: -1px; margin-bottom: -22px; } #HA-Tool-Block .Mini-Dot:before, #HA-Tool-Block .Mini-Dot:after { font-size: 18px; padding:1px; display: block; margin-top: -2px; margin-bottom: -18px; } @media screen and (max-width: 768px) { #HA-Tool-Block .XLarge-Dot { width: 30px; height: 30px; } #HA-Tool-Block .Large-Dot { width: 28px; height: 28px; } #HA-Tool-Block .Medium-Dot { width: 26px; height: 26px; } #HA-Tool-Block .Small-Dot { width: 22px; height: 22px; } #HA-Tool-Block .Mini-Dot { width: 18px; height: 18px; } #HA-Tool-Block .XLarge-Dot:before, #HA-Tool-Block .XLarge-Dot:after { font-size: 30px; padding:2px; display: block; margin-bottom: -30px; } #HA-Tool-Block .Large-Dot:before, #HA-Tool-Block .Large-Dot:after { font-size: 28px; padding:1px; display: block; margin-bottom: -28px; } #HA-Tool-Block .Medium-Dot:before, #HA-Tool-Block .Medium-Dot:after { font-size: 26px; padding:1px; display: block; margin-bottom: -26px; } #HA-Tool-Block .Small-Dot:before, #HA-Tool-Block .Small-Dot:after { font-size: 22px; padding:1px; display: block; margin-top: -1px; margin-bottom: -22px; } #HA-Tool-Block .Mini-Dot:before, #HA-Tool-Block .Mini-Dot:after { font-size: 18px; padding:1px; display: block; margin-top: -2px; margin-bottom: -18px; } } @media screen and (max-width: 400px) { #HA-Tool-Block .XLarge-Dot { width: 26px; height: 26px; } #HA-Tool-Block .Large-Dot { width: 24px; height: 24px; } #HA-Tool-Block .Medium-Dot { width: 22px; height: 22px; } #HA-Tool-Block .Small-Dot { width: 22px; height: 22px; } #HA-Tool-Block .Mini-Dot { width: 18px; height: 18px; } #HA-Tool-Block .XLarge-Dot:before, #HA-Tool-Block .XLarge-Dot:after { font-size: 26px; padding:2px; display: block; margin-bottom: -26px; } #HA-Tool-Block .Large-Dot:before, #HA-Tool-Block .Large-Dot:after { font-size: 24px; padding:1px; display: block; margin-bottom: -24px; } #HA-Tool-Block .Medium-Dot:before, #HA-Tool-Block .Medium-Dot:after { font-size: 22px; padding:1px; display: block; margin-bottom: -22px; } #HA-Tool-Block .Small-Dot:before, #HA-Tool-Block .Small-Dot:after { font-size: 22px; padding:1px; display: block; margin-top: -1px; margin-bottom: -22px; } #HA-Tool-Block .Mini-Dot:before, #HA-Tool-Block .Mini-Dot:after { font-size: 18px; padding:1px; display: block; margin-top: -2px; margin-bottom: -18px; } } #HA-Tool-Block .sidebar-block .XLarge-Dot { width: 26px; height: 26px; } #HA-Tool-Block .sidebar-block .Large-Dot { width: 24px; height: 24px; } #HA-Tool-Block .sidebar-block .Medium-Dot { width: 22px; height: 22px; } #HA-Tool-Block .sidebar-block .Small-Dot { width: 22px; height: 22px; } #HA-Tool-Block .sidebar-block .Mini-Dot { width: 18px; height: 18px; } @media screen and (max-width: 768px) { #HA-Tool-Block .sidebar-block .XLarge-Dot { width: 24px; height: 24px; } #HA-Tool-Block .sidebar-block .Large-Dot { width: 24px; height: 24px; } #HA-Tool-Block .sidebar-block .Medium-Dot { width: 20px; height: 20px; } #HA-Tool-Block .sidebar-block .Small-Dot { width: 20px; height: 20px; } #HA-Tool-Block .sidebar-block .Mini-Dot { width: 18px; height: 18px; } } @media screen and (max-width: 400px) { #HA-Tool-Block .sidebar-block .XLarge-Dot { width: 24px; height: 24px; } #HA-Tool-Block .sidebar-block .Large-Dot { width: 24px; height: 24px; } #HA-Tool-Block .sidebar-block .Medium-Dot { width: 20px; height: 20px; } #HA-Tool-Block .sidebar-block .Small-Dot { width: 20px; height: 20px; } #HA-Tool-Block .sidebar-block .Mini-Dot { width: 18px; height: 18px; } } #HA-Tool-Block .Green-Dot{ border-color: var(--key-star-dots-03-primary); background: var(--key-star-dots-03-primary); background: -moz-linear-gradient(-45deg, var(--key-star-dots-03-grad-top) 0%, var(--key-star-dots-03-grad-btm) 50%); background: -webkit-linear-gradient(-45deg, var(--key-star-dots-03-grad-top) 0%,var(--key-star-dots-03-grad-btm) 50%); background: linear-gradient(135deg, var(--key-star-dots-03-grad-top) 0%,var(--key-star-dots-03-grad-btm) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--key-star-dots-03-grad-top)', endColorstr='var(--key-star-dots-03-grad-btm)',GradientType=1 ); } #HA-Tool-Block .Yellow-Dot{ border-color: var(--key-star-dots-02-primary); background: var(--key-star-dots-02-primary); background: -moz-linear-gradient(-45deg, var(--key-star-dots-02-grad-top) 0%, var(--key-star-dots-02-grad-btm) 51%); background: -webkit-linear-gradient(-45deg, var(--key-star-dots-02-grad-top) 0%,var(--key-star-dots-02-grad-btm) 51%); background: linear-gradient(135deg, var(--key-star-dots-02-grad-top) 0%,var(--key-star-dots-02-grad-btm) 51%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--key-star-dots-02-grad-top)', endColorstr='var(--key-star-dots-02-grad-btm)',GradientType=1 ); } #HA-Tool-Block .Red-Dot{ border-color: var(--key-star-dots-01-primary); background: var(--key-star-dots-01-primary); background: -moz-linear-gradient(-45deg, var(--key-star-dots-01-grad-top) 0%, var(--key-star-dots-01-grad-btm) 51%); background: -webkit-linear-gradient(-45deg, var(--key-star-dots-01-grad-top) 0%,var(--key-star-dots-01-grad-btm) 51%); background: linear-gradient(135deg, var(--key-star-dots-01-grad-top) 0%,var(--key-star-dots-01-grad-btm) 51%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--key-star-dots-01-grad-top)', endColorstr='var(--key-star-dots-01-grad-btm)',GradientType=1 ); } #HA-Tool-Block .Red-Dot.PULSE:before { content: "\f111"; font-family: 'FontAwesome'; display: block; margin-top: -2px; color: var(--core-red); -webkit-animation: burst 2s infinite linear; animation: burst 2s infinite linear; } #HA-Tool-Block .CB-Letters { display: none; } #HA-Tool-Block .CB-User .star-widget-block .item { background: linear-gradient(135deg, #ddd 0%,#fff 50%) !important; } #HA-Tool-Block .CB-User .star-widget-block .item:before { font-size: 11px; font-weight: bold; text-align: center; line-height: 14px; } #HA-Tool-Block .CB-User .star-widget-block .item.size-16:before { position: relative; top: -3px; } #HA-Tool-Block .CB-User .star-widget-block .item.size-24:before { font-size: 16px; line-height: 20px; } #HA-Tool-Block .CB-User .star-widget-block .item.color-R:before { content: 'R'; } #HA-Tool-Block .CB-User .star-widget-block .item.color-Y:before { content: 'Y'; } #HA-Tool-Block .CB-User .star-widget-block .item.color-G:before { content: 'G'; } /* Hot Market Lists Styles */ #HA-Tool-Block .matrix-table { position: relative; padding: 20px; margin: 0 1px 15px 1px; background-color: #fff; box-shadow: 0 0 3px rgb(1 1 1 / 16%); border-radius: 5px; } #HA-Tool-Block .radio-menu-block { display: table; table-layout: fixed; margin: 0 auto 20px auto; width: 100%; border-radius: 5px; } #HA-Tool-Block .radio-menu-block .item { display: table-cell; text-align: center; padding: 10px 5px 10px 5px; user-select: none; border-left: 4px solid #fff; cursor: pointer; vertical-align: middle; } #HA-Tool-Block .radio-menu-block label { background-color: #124C99; background-image: url(https://www.housingalerts.com/uploads/images/HA-Diagram-Background-Dark.jpg); background-size: cover; background-position: right; } #HA-Tool-Block .radio-menu-block .item:hover { background: linear-gradient(var(--core-orange), #ff9f42); } #HA-Tool-Block .radio-menu-block .item.active { background: linear-gradient(var(--core-orange),var(--core-orange-dark)); cursor: default; } #HA-Tool-Block .radio-menu-block .item:first-child { border-radius: 5px 0 0 5px; border-left: 0; } #HA-Tool-Block .radio-menu-block .item:last-child { border-radius: 0 5px 5px 0; } #HA-Tool-Block .radio-menu-block .item .name { font-size: 18px; color: #fff; font-weight: bold; } #HA-Tool-Block .radio-menu-block .item .radiobutton { display: none; } @media( max-width: 940px ){ #HA-Tool-Block .radio-menu-block .item { border-left-width: 1px; padding-left: 1px; padding-right: 1px; } #HA-Tool-Block .radio-menu-block .item .name { font-size: 14px; font-weight: normal; } } @media( max-width: 550px ){ #HA-Tool-Block .radio-menu-block { background: none !important; tex-align: center; } #HA-Tool-Block .radio-menu-block .item { display: inline-block; border-radius: 5px !important; margin: 1% !important; border-top: 0px !important; width: 48%; max-width: 200px !important; min-width: 90px !important; float: left; border-left: 0; border-top: 4px solid #fff; } #HA-Tool-Block .Form-Tools.Magic-Buttons .Scan-Buttons { text-align: center; } #HA-Tool-Block .Market-Level .radio-menu-block .item, #HA-Tool-Block .Scan-Buttons .radio-menu-block .item, #HA-Tool-Block .Filter-Market-Type .radio-menu-block .item { float: none; width: 45% !important; max-width: 115px !important; min-width: 100px !important; } #HA-Tool-Block .radio-menu-block .item:first-child { border-top: 0; border-radius: 5px 5px 0 0; } #HA-Tool-Block .radio-menu-block .item:last-child { clear:both; border-radius: 0 0 5px 5px; width: 50% !important; float: none !important; margin: 2px auto 0px auto; } #HA-Tool-Block .radio-menu-block .item .name { font-size: 16px; font-weight: bold; } } /*-- Ranking Color Chart Key ADDONS --*/ #HA-Tool-Block #Ranking-Colors-Chart { position: relative; vertical-align: middle; font-size: 14px; line-height: 110%; font-weight: bold; margin: 5px auto 0px auto; width: 100%; min-width: 400px; max-width: 500px; clear: both; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Title { position: relative; vertical-align: middle; text-align: center; font-weight: bold; font-size: 16px; margin: 0px auto 5px auto; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Title .Side { display: none; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Title .Normal { display: inline-block; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Row { display: block; position: relative; vertical-align: middle; min-height: 35px; margin: 0px auto; clear: both; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Section { display: inline-block; width: 9.5%; min-height: 35px; line-height: 30px; margin: 0px; float: left; border: #CCC 1px solid; border-right: none; } #HA-Tool-Block #Ranking-Colors-Chart div.RC-Section:last-child { border-right: #CCC 1px solid !important; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Type { display: inline-block; position: relative; text-align: center; font-size: 12px !important; line-height: 10px; color: #333; vertical-align: text-bottom; width: 100%; height: 100%; padding: 5px 2px; } #HA-Tool-Block #Ranking-Colors-Chart .Strong-1 { background: var(--key-finder-09); } #HA-Tool-Block #Ranking-Colors-Chart .Strong-2 { background: var(--key-finder-08); } #HA-Tool-Block #Ranking-Colors-Chart .Strong-3 { background: var(--key-finder-07); } #HA-Tool-Block #Ranking-Colors-Chart .Medium-1 { background: var(--key-finder-06); } #HA-Tool-Block #Ranking-Colors-Chart .Medium-2 { background: var(--key-finder-05); } #HA-Tool-Block #Ranking-Colors-Chart .Medium-3 { background: var(--key-finder-04); } #HA-Tool-Block #Ranking-Colors-Chart .Weak-1 { background: var(--key-finder-03); } #HA-Tool-Block #Ranking-Colors-Chart .Weak-2 { background: var(--key-finder-02); } #HA-Tool-Block #Ranking-Colors-Chart .Weak-3 { background: var(--key-finder-01); } #HA-Tool-Block #Ranking-Colors-Chart .Weak-4 { background: var(--key-finder-01); } #HA-Tool-Block #Ranking-Colors-Chart .True { background-color: var(--key-true); } #HA-Tool-Block #Ranking-Colors-Chart .False { background-color: var(--key-false); } #HA-Tool-Block #Ranking-Colors-Chart .No-Data-1 { background: var(--key-finder-na); font-size: 10px; line-height: 10px; margin-left:1%; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Type.Desktop { display: block; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Type.Mobile { display: none; } @media( max-width: 768px ) { #HA-Tool-Block #Ranking-Colors-Chart .RC-Type.Desktop { display: none; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Type.Mobile { display: block; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Section.Strong-1, #HA-Tool-Block #Ranking-Colors-Chart .RC-Section.Weak-3, #HA-Tool-Block #Ranking-Colors-Chart .RC-Section.No-Data-1 { min-width: 35px; max-width: 35px; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Section { min-width: 20px; max-width: 25px; } } @media( max-width: 600px ) { #HA-Tool-Block #Ranking-Colors-Chart { font-size: 10px !important; max-width: 350px; margin: 10px auto; min-width: 400px; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Section span { font-size: 10px !important; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Row,#HA-Tool-Block #Ranking-Colors-Chart .RC-Section { min-height: 30px; } } @media( max-width: 500px ) { #HA-Tool-Block #Ranking-Colors-Chart { font-size: 10px !important; min-width: 325px; } #HA-Tool-Block #Ranking-Colors-Chart .RC-Row, #HA-Tool-Block #Ranking-Colors-Chart .RC-Section { max-height: 30px; min-height: 30px; } } #HA-Tool-Block .preferences-block { display: table; width: 100%; margin: 0 0 20px 0; } #HA-Tool-Block .preferences-block .left-part { display: table-cell; vertical-align: middle; } #HA-Tool-Block .preferences-block .left-part.Buttons { vertical-align: bottom; } #HA-Tool-Block .preferences-block .right-part { display: table-cell; padding: 0 0 0 20px; vertical-align: middle; } #HA-Tool-Block .preferences-block .secondary-filter-mm-block { display: table-cell; padding: 0 5px 0 5px; font-size: 16px; line-height: 110%; padding-bottom: 5px; } #HA-Tool-Block .secondary-filter-mm-block { margin: 0 0 20px 0; } #HA-Tool-Block .secondary-filter-mm-block .row-block { margin: 0 0 5px 0; font-weight: normal !important; } #HA-Tool-Block .secondary-filter-mm-block .row-block select { display: inline-block; width: 100%; max-width: 115px; } #HA-Tool-Block .secondary-filter-mm-block .row-block form { display: inline-block; vertical-align: middle; margin: 0px auto; } #HA-Tool-Block .secondary-filter-mm-block .row-block form label { display: inline; vertical-align: middle; margin: 0px auto; } #HA-Tool-Block .preferences-block .Pop-Filter-Title { display: inline-block; background: #F4F4F4; padding: 3px 10px; margin: 0px auto 5px 5px; border-radius: 5px; font-size: 14px !important; font-weight: 600; text-decoration: underline; } #HA-Tool-Block .secondary-filter-mm-block .row-block form .Radio-Subg { display: inline-block; vertical-align: middle; background: #F4F4F4; padding: 3px 3px 3px 8px; border-radius: 5px; } #HA-Tool-Block .secondary-filter-mm-block .row-block form .Radio-Subg span { display: inline; vertical-align: middle; margin-right: 2px; font-size: 12px !important; font-weight: 500; } #HA-Tool-Block .secondary-filter-mm-block .row-block.row-buttons { display: block; margin: 0px auto; } #HA-Tool-Block .secondary-filter-mm-block .row-block .row-block-title { display: inline-block; vertical-align: middle; } #HA-Tool-Block .secondary-filter-mm-block .row-block.row-buttons label span { display: inline-block; font-family: opensans,arial; font-weight: 500; cursor: pointer; background: linear-gradient(#fff,#eee) !important; border: #CCC 1px solid; color: #000; font-size: 13px !important; padding: 3px 7px 3px 7px; text-shadow: 0 0 1px rgb(0 0 0 / 80%); border-radius: 5px; text-align: center; text-decoration: none; vertical-align: middle; margin-right: 1px; } #HA-Tool-Block .secondary-filter-mm-block .row-block.row-buttons input[type="radio"] { display: none; } #HA-Tool-Block .secondary-filter-mm-block .row-block.row-buttons input[type="radio"]:checked + span { background: linear-gradient(var(--core-blue-light), var(--core-blue)) !important; border: var(--core-blue) 1px solid; color: #fff; } #HA-Tool-Block .preferences-block .input-submit,#HA-Tool-Block .market-select-block .input-submit { padding-left: 10px; padding-right: 10px; } @media( max-width: 1200px ){ #HA-Tool-Block .preferences-block .left-part { display: block; margin-bottom: 20px; } #HA-Tool-Block .preferences-block .right-part { display: block; padding-left: 0; text-align: center; } #HA-Tool-Block .preferences-block .right-part .save-selection-block { display: inline-block; } } @media( max-width: 940px ){ #HA-Tool-Block .secondary-filter-mm-block { text-align: center; } } @media( max-width: 767px ){ #HA-Tool-Block .preferences-block { display: block; } #HA-Tool-Block .preferences-block .secondary-filter-mm-block { display: block; } #HA-Tool-Block .preferences-block .input-submit { display: block; margin: 5px auto !important; float: none; } #HA-Tool-Block .secondary-filter-mm-block .row-block form .Radio-Subg { margin-top: 10px; } } #HA-Tool-Block #Filter-Boost { display: block; margin: -5px 5px 0px 5px; } #HA-Tool-Block #Filter-Boost .Boost-Title .plugin-popover-questionmark { vertical-align: middle; } #HA-Tool-Block #Filter-Boost .Boost-Title { display: inline-block; width: fit-content; padding: 5px 5px 5px 10px; background: var(--core-green) !important; background-color: var(--core-green) !important; color: #FFF; background-image: linear-gradient(to bottom, var(--core-green-lightest) 0%,var(--core-green) 100%) !important; border-radius: 5px 0px 0px 5px; vertical-align: middle; margin: 5px auto; min-width: 175px; } #HA-Tool-Block #Filter-Boost .Boost-Title span { display: inline-block; vertical-align: baseline; margin-right: 5px; font-size: 14px !important; } #HA-Tool-Block #Filter-Boost .Boost-Options { display: inline-block; height: 33px; min-width: 75px; position: relative; border-radius: 0px 5px 5px 0px; padding: 3px 5px; vertical-align: middle; margin: 0px 5px 0px -5px; } #HA-Tool-Block #Filter-Boost .Boost-Buttons { display: inline-block; position: relative; } @media( max-width: 767px ){ #HA-Tool-Block #Filter-Boost { text-align: center; } #HA-Tool-Block #Filter-Boost .Boost-Buttons { width: 100%; } #HA-Tool-Block #Filter-Boost .input-submit { display: inline-block; margin: 5px auto !important; float: none; width: 100%; max-width: 100px; } } #HA-Tool-Block .input-submit { display: inline-block; font-size: 16px; font-family: opensans, arial; cursor: pointer; background: var(--core-blue-light); background: linear-gradient(var(--core-blue-light), var(--core-blue)); border: 0; color: #fff; padding: 5px 40px 5px 40px; text-shadow: 0 0 1px rgba(0,0,0,0.8); border-radius: 5px; text-align: center; text-decoration: none; text-transform: capitalize !important; line-height: 110%; vertical-align: middle; min-height: 32px; -webkit-box-shadow: none; box-shadow: none; } #HA-Tool-Block .input-submit:hover { color: #FFF; background: var(--core-blue-light); background: linear-gradient(var(--core-blue),var(--core-blue-light)) !important; } #HA-Tool-Block .input-submit[disabled=disabled],#HA-Tool-Block .input-submit.disabled { background: #CCC; background-color: #CCC; color: #FFF; background-image: linear-gradient(to bottom, #CCC 0%,#888 100%); -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; } #HA-Tool-Block .input-submit[disabled=disabled]:hover,#HA-Tool-Block .input-submit.disabled:hover { background: #888 !important; background-color: #888 !important; color: #FFF; background-image: linear-gradient(to bottom, #888 0%,#888 100%) !important; -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; } #HA-Tool-Block .input-submit img { display: inline-block; vertical-align: middle; width: 100%; max-width: 16px; height: auto; } #HA-Tool-Block .input-submit.red { color: #FFF !important; border-color: var(--core-red-darkest) !important; background-image: -ms-linear-gradient(top,var(--core-red) 0%,var(--core-red-darkest) 100%) !important; background-image: -moz-linear-gradient(top,var(--core-red) 0%,var(--core-red-darkest) 100%) !important; background-image: -o-linear-gradient(top,var(--core-red) 0%,var(--core-red-darkest) 100%) !important; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,var(--core-red)),color-stop(1,var(--core-red-darkest))) !important; background-image: -webkit-linear-gradient(top,var(--core-red) 0%,var(--core-red-darkest) 100%) !important; background-image: linear-gradient(to bottom,var(--core-red) 0%,var(--core-red-darkest) 100%) !important; } #HA-Tool-Block .input-submit.red:hover { background-image: -ms-linear-gradient(top,var(--core-red-darkest) 0%,var(--core-red) 100%) !important; background-image: -moz-linear-gradient(top,var(--core-red-darkest) 0%,var(--core-red) 100%) !important; background-image: -o-linear-gradient(top,var(--core-red-darkest) 0%,var(--core-red) 100%) !important; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,var(--core-red)),color-stop(1,var(--core-red-darkest))) !important; background-image: -webkit-linear-gradient(top,var(--core-red) 0%,var(--core-red-darkest) 100%) !important; background-image: linear-gradient(to bottom,var(--core-red) 0%,var(--core-red-darkest) 100%) !important; } #HA-Tool-Block .filter-mm-block:after { content: ''; display: block; clear: both; } #HA-Tool-Block .filter-mm-block .row { display: table-cell; float: left; margin: 0 7px 0px 0; } #HA-Tool-Block .filter-mm-block .row:first-child { margin-left: 0; } #HA-Tool-Block .filter-mm-block .input-select { display: block; width: 100%; max-width: 200px; height: 40px !important; font-size: 16px; border-radius: 5px; padding: 5px; padding-block: 0px; padding-inline: 5px; border-color: #BBB; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Optional-Market select,#HA-Tool-Block .Form-Tools.Filter-Input .Filter-Optional-Market .input-select { max-width: 170px; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Optional-Market .btn-show-all { display: none; } #HA-Tool-Block .filter-mm-block input[type=text] { display: inline-block; width: 100% !important; max-width: 200px; height: 40px; font-size: 16px; border-radius: 5px; padding: 5px; padding-block: 0px; padding-inline: 10px; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Optional-Market input[type=text] { width: 100% !important; max-width: 100px; } #HA-Tool-Block .filter-mm-block .wrapper-input-text { display: inline-block; } #HA-Tool-Block .filter-mm-block .wrapper-submit-block { display: inline-block; } #HA-Tool-Block .filter-mm-block .wrapper-submit-block .input-submit { display: block; } #HA-Tool-Block .filter-mm-block .btn-show-all { font-size: 12px; margin: 5px 2px; text-decoration: underline; } #HA-Tool-Block .filter-mm-block .input-submit { padding-left: 20px; padding-right: 20px; height: 40px; } @media(max-width: 940px){ #HA-Tool-Block .filter-mm-block { display: table; margin: 0 auto; } #HA-Tool-Block .filter-mm-block .row { float: left; width: 32%; margin-right: 1%; margin-bottom: 10px; } #HA-Tool-Block .filter-mm-block label { display: inline-block; width: 60px; text-align: right; } #HA-Tool-Block .filter-mm-block .wrapper-input-text { display: block; text-align: right; margin-bottom: 10px; } #HA-Tool-Block .filter-mm-block .wrapper-submit-block { display: block; text-align: right; } #HA-Tool-Block .filter-mm-block input[type=text] { display:block; width: 200px; padding: 0px 6px; padding-block: 0px; padding-inline: 6px; } #HA-Tool-Block .Form-Tools.Filter-Input .Filter-Optional-Market input[type=text] { max-width: 140px; } #HA-Tool-Block .filter-mm-block .input-submit { padding-left: 24px; padding-right: 24px; width: 100%; } } #HA-Tool-Block .message-table-mobile { display: none; font-size: 13px; text-align: center; padding: 5px 10px; color: #333; background: rgba(255,255,0,0.2); margin: 10px auto; } #HA-Tool-Block #matrixContainer[data-js-option="4"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="5"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="6"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="7"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="8"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="9"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="10"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="11"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="12"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="13"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="14"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="15"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="16"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="17"].Filter-Active .message-table-mobile,#HA-Tool-Block #matrixContainer[data-js-option="18"].Filter-Active .message-table-mobile { display: block !important; } #HA-Tool-Block .message-table-mobile .Notice .icon-image { display: inline-block; top:3px; vertical-align: bottom; width: 100%; max-width: 16px; height: auto; margin: 0px 8px; } #HA-Tool-Block .message-table-mobile .Notice .icon-image img { display: block; position: relative; top: 0px; max-height: 16px; } #HA-Tool-Block .message-table-mobile .Notice .icon-image img.right { -webkit-animation:passing 2s linear infinite; animation:passing 2s linear infinite; } #HA-Tool-Block .message-table-mobile .Notice .icon-image img.left {-webkit-animation:passing-reverse 2s linear infinite; animation:passing-reverse 2s linear infinite; } #HA-Tool-Block .table-matrix-block.scrolling .message-table-mobile { display: block; } @media( max-width: 768px ){ #HA-Tool-Block .message-table-mobile { display: block !important; } #HA-Tool-Block .filter-mm-block .row { width: 48%; margin-right: 2%; margin-bottom: 10px; } } /*-- Finder Tool Tables --*/ #HA-Tool-Block tbody.table-map-spot-rank tr td:first-child span.ng-binding { color: #FFF; font-weight: bold; font-size: 12px; display: block; text-align: center; width: 36px; height: 36px; margin: 0px auto !important; padding: 6px 5px 9px 5px; background: url(https://www.housingalerts.com/ha_widgets/images/mapspots/HA-Widget-Map-Dot-Blue.svg) top center no-repeat; background-size: cover; } #HA-Tool-Block .table-matrix-block { width: 100%; } #HA-Tool-Block a.button-links { padding: 3px; border-radius: 5px; float: left; display: inline-block; vertical-align: middle; } #HA-Tool-Block span.link-style { padding: 0px 3px; display: inline-block; vertical-align: middle; } #HA-Tool-Block span.market-names { padding: 3px; display: inline-block; vertical-align: middle; } #HA-Tool-Block span.market-icons { padding: 3px; display: inline-block; vertical-align: middle; } #HA-Tool-Block i.market-icons { content: " "; display: inline-block; cursor: pointer; text-align: center; width: 16px; height: 16px; background: url(https://www.housingalerts.com/ha_widgets/images/mapspots/Map-Marker-Icon-lg.png) top center no-repeat; background-size: contain; } #HA-Tool-Block i.market-icons:before { display: none; } #HA-Tool-Block .table-matrix-block table { width: 100%; background-color: #fff; border: 1px solid #ccc; border-spacing: 0px; font-size: 15px; position: relative; } #HA-Tool-Block .table-matrix-block table thead { border: 1px solid #ccc; } #HA-Tool-Block .table-matrix-block table thead tr:first-child { font-weight: bold; } #HA-Tool-Block .table-matrix-block table.MLS-Scores thead tr:nth-child(2) { font-weight: bold; } #HA-Tool-Block .table-matrix-block table thead td,#HA-Tool-Block .table-matrix-block table tbody td { min-width: 75px; max-width: 125px; font-size: 14px !important; line-height: 110%; color: #111; } #HA-Tool-Block .table-matrix-block table thead td { font-weight: 600; } #HA-Tool-Block .table-matrix-block table thead td span,#HA-Tool-Block .table-matrix-block table tbody td span { display: inline; font-size: 14px !important; line-height: 14px; word-wrap: normal; word-break: normal; } #HA-Tool-Block #matrixContainer[data-js-option="1"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="1"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="2"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="2"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="3"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="3"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="4"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="4"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="5"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="5"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="6"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="6"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="7"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="7"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="8"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="8"].Filter-Active.table-matrix-block table tbody td,#HA-Tool-Block #matrixContainer[data-js-option="9"].Filter-Active.table-matrix-block table thead td,#HA-Tool-Block #matrixContainer[data-js-option="9"].Filter-Active.table-matrix-block table tbody td { min-width: 75px; } #HA-Tool-Block .table-matrix-block table thead td .ha-column-title { display: inline-flex; font-size: 14px !important; vertical-align: middle; } #HA-Tool-Block .table-matrix-block table td { font-size: 16px; line-height: 120%; border: 1px solid #ccc; padding: 5px; text-align: center; vertical-align: middle; -webkit-transition: width .3s; transition: width .3s; } #HA-Tool-Block .table-matrix-block .ha-market-column { display: block; width: 100%; position: relative; text-align: left; padding: 0px 5px; z-index: 0; } #HA-Tool-Block .table-matrix-block .ha-market-name { display: inline-block; position: relative; width: 67%; top: 0px; left: 0px; vertical-align: middle; text-align: left; } #HA-Tool-Block .table-matrix-block .ha-market-tools { display: inline-block; position: relative; width: 33%; top: 0px; right: 0px; vertical-align: middle; text-align: right; } #HA-Tool-Block .table-matrix-block table tr td:first-child { width: 60px !important; min-width: 60px !important; max-width: 60px !important; } #HA-Tool-Block .table-matrix-block table tr td:first-child span { font-size: 12px !important; max-width: 100%; width: 100%; min-width: 28px; } #HA-Tool-Block .table-matrix-block table td.edge-cell { border-right-width: 3px; border-right-color: #000; } @media( min-width: 941px ){ #HA-Tool-Block .table-matrix-block.popover-hovered-desktop .table-wrapper { overflow: visible; } } @media( max-width: 940px ){ #HA-Tool-Block .table-matrix-block.popover-opened-mobile .table-wrapper { overflow: visible; } } @media( max-width: 768px ){ #HA-Tool-Block .table-matrix-block table td { min-width: 150px; } #HA-Tool-Block .table-matrix-block table tr td span { max-width: 325px !important; } #HA-Tool-Block .table-matrix-block .table-wrapper { overflow-x: scroll; } #HA-Tool-Block .table-matrix-block .table-wrapper::-webkit-scrollbar { width: 10px; } #HA-Tool-Block .table-matrix-block .table-wrapper::-webkit-scrollbar-track { margin-top:1px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,150,0.2); border-radius: 25px; } #HA-Tool-Block .table-matrix-block .table-wrapper::-webkit-scrollbar-thumb { background-color: var(--core-blue); outline: #FFF 1px solid; border-radius: 20px; } #HA-Tool-Block .table-matrix-block .table-wrapper::-webkit-scrollbar-button { display: none; background: var(--core-blue); color: #FFF; } #HA-Tool-Block .table-matrix-block table { width: 100%; min-width: 800px; max-width: 900px; } } #HA-Tool-Block .table-matrix-block .toggle-additional-data-block .hide-details { display: none; } #HA-Tool-Block .table-matrix-block .toggle-additional-data-block .hide-details.active { display: inline; } #HA-Tool-Block .table-matrix-block .toggle-additional-data-block .show-details { display: none; } #HA-Tool-Block .table-matrix-block .toggle-additional-data-block .show-details.active { display: inline; } #HA-Tool-Block .table-matrix-block .title-cell { display: none; } #HA-Tool-Block .table-matrix-block .title-cell.active { display: table-cell; } #HA-Tool-Block .table-matrix-block .data-cell { display: none; } #HA-Tool-Block .table-matrix-block .data-cell.active { display: table-cell; } #HA-Tool-Block .table-wrapper .hint-block { margin: -20px auto 3px auto; } #HA-Tool-Block .table-matrix-block table thead td { position: relative; padding: 0px; } #HA-Tool-Block .table-matrix-block table thead.thead-static tr:first-child td, #HA-Tool-Block .table-matrix-block table thead.thead-sticky tr:first-child td { padding: 0px; } #HA-Tool-Block .table-matrix-block table thead td.market-name-cell,#HA-Tool-Block .table-matrix-block table tbody td.market-name-cell { /*width: 30%;*/ width: auto; min-width: 250px; max-width: 350px; } #HA-Tool-Block .table-matrix-block table thead td .fa-caret-up { content: " "; background: url(https://www.housingalerts.com/ha_widgets/images/interface/fa-sort-up-solid.svg) center no-repeat; background-position: 75% 0px; background-size: 70% 70%; width: 21px; height: 18px; vertical-align: middle; } #HA-Tool-Block .table-matrix-block table thead td .fa-caret-up:before { display: none; } #HA-Tool-Block .table-matrix-block table thead td .fa-caret-down { content: " "; background: url(https://www.housingalerts.com/ha_widgets/images/interface/fa-sort-down-solid.svg) center no-repeat; background-size: 70% 70%; background-position: 75% 1px; width: 21px; height: 18px; vertical-align: middle; } #HA-Tool-Block .table-matrix-block table thead td .fa-caret-down:before { display: none; } #HA-Tool-Block .table-matrix-block table thead tr:first-child + tr td:first-child + td { padding-top: 5px; padding-bottom: 5px; } #HA-Tool-Block .table-matrix-block table thead .Title-Block { display: table; position: relative; width: 100%; height: 100%; vertical-align: middle; padding: 0px; } #HA-Tool-Block .table-matrix-block table thead .Title-Features { display: table-footer-group; text-align: center; width: 100%; position: relative; vertical-align: middle; bottom: 3px; } #HA-Tool-Block .table-matrix-block table thead .parent-score, #HA-Tool-Block .table-matrix-block table thead .Parent-Score { display: inline-block; padding: 0px 5px; } #HA-Tool-Block .table-matrix-block table thead .block, #HA-Tool-Block .table-matrix-block table thead a { display: table-cell; position: relative; vertical-align: middle; text-decoration: none; line-height: 110%; padding: 15px 5px 10px 5px; } #HA-Tool-Block .table-matrix-block table thead a .text { text-decoration: underline; } #HA-Tool-Block .table-matrix-block table thead a:hover .text { text-decoration: none; } #HA-Tool-Block .table-matrix-block table tr.additional-row td { border-color: transparent; } #HA-Tool-Block .table-matrix-block .input-filter { width: 100%; text-align: center; } #HA-Tool-Block .table-matrix-block .alert-notice { display: inline-block; position: relative; width: 100%; padding: 5px; text-align: center; font-size: 16px; text-align: center; font-style: italic; } #HA-Tool-Block .table-matrix-block .alert-promo { display: block; margin: 10px auto; width: 100% !important; max-width: fit-content !important; padding: 5px; border-top: #DDD 1px solid; } #HA-Tool-Block .table-matrix-block .alert-warning { padding: 5px; text-align: center; font-size: 20px; border: none !important; background: none !important; } #HA-Tool-Block .table-matrix-block .alert-warning i { font-size: 50px; margin-top: 20px; color: #194F98; } #HA-Tool-Block .table-matrix-block .county-name-cell { width: 25%; } #HA-Tool-Block .table-matrix-block tbody select { width: 80px; } #HA-Tool-Block .table-matrix-block .thead-fixed { display: block; height: 0; position: absolute; top: 59px; left: 0; width: 100%; background-color: #fff; overflow: hidden; } .admin-bar #HA-Tool-Block .table-matrix-block .thead-fixed { display: block; height: 0; position: absolute; top: 91px; left: 0; margin-left: -1px; width: 100%; background-color: #fff; overflow: hidden; } #HA-Tool-Block .table-matrix-block .thead-fixed thead { display: table; background-color: #fff; } #HA-Tool-Block .table-matrix-block .thead-fixed.at-screen-top { display: block; height: auto; position: fixed; left: auto; width: auto; overflow: visible; z-index: 5; } #HA-Tool-Block .table-matrix-block .thead-fixed.at-screen-top td { padding: 0px; } #HA-Tool-Block .table-matrix-block .select-state { width: 100%; } #HA-Tool-Block .table-matrix-block .row-level { margin: 0 0 5px 0; } #HA-Tool-Block .table-matrix-block .row-level:last-child { margin-bottom: 0; } #HA-Tool-Block .table-matrix-block .pagination-block { display: inline-block; margin: 5px 25px 5px 25px; } #HA-Tool-Block .table-matrix-block .markets-rank-wrapper { display: inline-block; position: relative; left: 0px; right: auto; margin: 0px 25px 0px 25px; vertical-align: middle; padding: 5px 10px; border-radius: 8px; background: #f2f2f2; font-size: 15px; } #HA-Tool-Block .table-matrix-block .markets-rank-wrapper div { display: inline-block; vertical-align: middle; margin-top: -5px; font-size: 15px; line-height: 100%; } #HA-Tool-Block .table-matrix-block .markets-per-page-wrapper { display: inline-block; margin: 5px 25px 5px 25px; } #HA-Tool-Block .table-matrix-block .markets-per-page-wrapper,#HA-Tool-Block .table-matrix-block .markets-pagination-wrapper { display: inline-block; vertical-align: middle; margin: 5px 25px 5px 25px; } #HA-Tool-Block .table-matrix-block .markets-per-page-wrapper div { display: inline-block; vertical-align: middle; } #HA-Tool-Block .table-matrix-block .pagination-row { text-align: left; } #HA-Tool-Block .table-matrix-block .markets-per-page-wrapper select, #HA-Tool-Block .table-matrix-block .markets-per-page-wrapper input, #HA-Tool-Block .table-matrix-block .pagination-block select, #HA-Tool-Block .table-matrix-block .pagination-block input { border: #BBB 1px solid; border-radius: 10px; padding: 3px 10px; } @media( max-width: 940px ){ #HA-Tool-Block .table-matrix-block .county-name-cell { width: auto; } } @media( max-width: 768px ){ #HA-Tool-Block .table-matrix-block .thead-fixed { top: 0px !important; } #HA-Tool-Block .table-matrix-block .thead-fixed.at-screen-top { overflow: hidden; } } /*-- Cell colors For the Finder Tools --*/ #HA-Tool-Block .td-color-pallete-1 { background-color: var(--key-finder-01); /* color#EC757B */ } #HA-Tool-Block .td-color-pallete-2 { background-color: var(--key-finder-01); /* color#EC757B */ } #HA-Tool-Block .td-color-pallete-3 { background-color: var(--key-finder-02); /* color#F2A3A8 */ } #HA-Tool-Block .td-color-pallete-4 { background-color: var(--key-finder-03); /* color#F2A3A8 */; } #HA-Tool-Block .td-color-pallete-5 { background-color: var(--key-finder-04); /* color#FFE7C9 */; } #HA-Tool-Block .td-color-pallete-6 { background-color: var(--key-finder-05); /* color#FCFAAF */; } #HA-Tool-Block .td-color-pallete-7 { background-color: var(--key-finder-06); /* color#EEFA8E */; } #HA-Tool-Block .td-color-pallete-8 { background-color: var(--key-finder-07); /* color#E5F5D8 */; } #HA-Tool-Block .td-color-pallete-9 { background-color: var(--key-finder-08); /* color#CAECB0 */; } #HA-Tool-Block .td-color-pallete-10 { background-color: var(--key-finder-09); /* color#B2E388 */; } #HA-Tool-Block .td-color-pallete-true { background-color: var(--key-true); /* color#B2E388 */; } #HA-Tool-Block .td-color-pallete-false { background-color: var(--key-false); /* color#EAEAEA */; } #HA-Tool-Block .td-color-pallete-true .ind-icon, #HA-Tool-Block .td-color-pallete-false .ind-icon { text-align: center; } #HA-Tool-Block .td-color-pallete-true .ind-icon img, #HA-Tool-Block .td-color-pallete-false .ind-icon img { display: inline-block; position: relative; width: 100%; max-width: 18px; height: auto; } #HA-Tool-Block .td-color-pallete-true .ind-icon { color: var(--core-green); } #HA-Tool-Block .td-color-pallete-false .ind-icon { color: #CCC; } #HA-Tool-Block .td-color-pallete-NaN,.td-color-pallete-missing-value { background-color: var(--key-finder-na); /* color#EAEAEA */; } #HA-Tool-Block .td-color-pallete-NaN:before,.td-color-pallete-missing-value:before { color: #BABAFF; content: '---'; } #HA-Tool-Block .td-color-pallete-mschange-1 { background-color: var(--key-finder-01); /* color#EC757B */ } #HA-Tool-Block .td-color-pallete-mschange-2 { background-color: var(--key-finder-01); /* color#EC757B */ } #HA-Tool-Block .td-color-pallete-mschange-3 { background-color: var(--key-finder-02); /* color#F2A3A8 */ } #HA-Tool-Block .td-color-pallete-mschange-4 { background-color: var(--key-finder-03); /* color#F2A3A8 */; } #HA-Tool-Block .td-color-pallete-mschange-5 { background-color: var(--key-finder-00); /* color#FFFFFF */; } #HA-Tool-Block .td-color-pallete-mschange-6 { background-color: var(--key-finder-00); /* color#FFFFFF */; } #HA-Tool-Block .td-color-pallete-mschange-7 { background-color: var(--key-finder-06); /* color#EEFA8E */; } #HA-Tool-Block .td-color-pallete-mschange-8 { background-color: var(--key-finder-07); /* color#E5F5D8 */; } #HA-Tool-Block .td-color-pallete-mschange-9 { background-color: var(--key-finder-08); /* color#CAECB0 */; } #HA-Tool-Block .td-color-pallete-mschange-10 { background-color: var(--key-finder-09); /* color#B2E388 */; } /*-- Hover/Selection Effects --*/ #HA-Tool-Block table.Hover-Effect tbody tr.jump-page-row:hover,#HA-Tool-Block .Selected-Row tr.jump-page-row { background: #F4F4F4; } #HA-Tool-Block table.Hover-Effect.Search-Row tbody tr.jump-page-row:first-child:hover td:before, table.Hover-Effect.Search-Row tbody tr.jump-page-row:first-child:hover td:last-child:after, table.Hover-Effect.Search-Row tbody tr.jump-page-row:first-child:hover td:nth-child(16):after { display: none !important; } #HA-Tool-Block table.Hover-Effect.Search-Row tbody tr.jump-page-row:first-child:hover td { background: #FFF !important; box-shadow: none !important; border: 1px solid #ccc !important; } #HA-Tool-Block table.Hover-Effect tbody tr:hover td:first-child:before, .Selected-Row .jump-page-row td:first-child:before { content: " "; background: url(https://www.housingalerts.com/ha_widgets/images/interface/fa-arrow-right-solid-blue.svg) center no-repeat; background-size: 100% 100%; width: 13px; height: 19px; display: inline-block; position: relative; float: left; top: 0px; left: -19px; margin-right:-13px; -webkit-transition: all 0.5 ease; -moz-transition: all 0.5 ease; -o-transition: all 0.5 ease; -ms-transition: all 0.5 ease; transition: all 0.5 ease; } #HA-Tool-Block table.Hover-Effect tbody tr:hover td:nth-child(16):after, #HA-Tool-Block .Selected-Row td:nth-child(16):after, #HA-Tool-Block table.Hover-Effect.Radar-Tables-Region tbody tr:hover td:nth-child(14):after, #HA-Tool-Block .Selected-Row.Radar-Tables-Region td:nth-child(14):after, #HA-Tool-Block table.Hover-Effect.Radar-Tables tbody tr:hover td:nth-child(15):after, #HA-Tool-Block .Selected-Row.Radar-Tables td:nth-child(15):after { content: " "; background: url(https://www.housingalerts.com/ha_widgets/images/interface/fa-arrow-left-solid-blue.svg) center no-repeat; background-size: 100% 100%; width: 13px; height: 19px; display: inline-block; position: relative; float: right; top: 2px; right: -19px; margin-left:-14px; -webkit-transition: all 0.5 ease; -moz-transition: all 0.5 ease; -o-transition: all 0.5 ease; -ms-transition: all 0.5 ease; transition: all 0.5 ease; } #HA-Tool-Block table.Hover-Effect tbody tr:hover td:first-child span.ng-binding, #HA-Tool-Block table.Hover-Effect tbody tr:hover td:nth-child(16) span.ng-binding, #HA-Tool-Block .Selected-Row td:nth-child(16) span.ng-binding, #HA-Tool-Block .Selected-Row td:first-child span.ng-binding { display: inline-block; } #HA-Tool-Block table.Hover-Effect.Search-Row tbody tr:first-child:hover td:before, #HA-Tool-Block table.Hover-Effect.Search-Row tbody tr:first-child:hover td:last-child:after, #HA-Tool-Block table.Hover-Effect.Search-Row tbody tr:first-child:hover td:nth-child(16):after,#HA-Tool-Block table.Hover-Effect .jump-page-row:before, #HA-Tool-Block table.Hover-Effect .jump-page-row:after { display: none !important; } #HA-Tool-Block table.Hover-Effect.Search-Row tbody tr:first-child:hover td, #HA-Tool-Block table.Hover-Effect .jump-page-row:before, #HA-Tool-Block table.Hover-Effect .jump-page-row:after { background: #FFF !important; box-shadow: none !important; border: 1px solid #ccc !important; } #HA-Tool-Block .Expanded-View table.Hover-Effect tbody tr:hover td:nth-child(16):after, #HA-Tool-Block .Expanded-View .Selected-Row td:nth-child(16):after, #HA-Tool-Block .Expanded-View table.Hover-Effect.Radar-Tables-Region tbody tr:hover td:nth-child(14):after, #HA-Tool-Block .Expanded-View .Selected-Row.Radar-Tables-Region td:nth-child(14):after { display: none !important; } #HA-Tool-Block .Expanded-View table.Hover-Effect tbody tr:hover td:last-child:after, #HA-Tool-Block table.Hover-Effect.Small-Table tbody tr:hover td:last-child:after, #HA-Tool-Block .Expanded-View .Selected-Row td:last-child:after, #HA-Tool-Block .Small-Table .Selected-Row td:last-child:after { content: " "; background: url(https://www.housingalerts.com/ha_widgets/images/interface/fa-arrow-left-solid-blue.svg) center no-repeat; background-size: 100% 100%; width: 13px; height: 19px; display: inline-block; position: relative; float: right; top: 2px; right: -19px; margin-left:-17px; -webkit-transition: all 0.5 ease; -moz-transition: all 0.5 ease; -o-transition: all 0.5 ease; -ms-transition: all 0.5 ease; transition: all 0.5 ease; } #HA-Tool-Block table.Hover-Effect tbody tr:hover td, #HA-Tool-Block .Selected-Row td { box-shadow: inset 0px 11px 8px -10px rgb(100 100 100 / 40%), inset 0px -11px 8px -10px #CCC; border-top: var(--core-blue) 1px solid; border-bottom: var(--core-blue) 1px solid; -webkit-transition: all 0.5 ease; -moz-transition: all 0.5 ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } #HA-Tool-Block .finder-market-column { display: inline-block; width: 100%; position: relative; text-align: left; padding: 0px 10px; z-index: 0; } #HA-Tool-Block .finder-market-name { display: inline-block; position: relative; top: 0px; left: 0px; vertical-align: middle; padding-right: 40px; } #HA-Tool-Block .ha-market-tools { display: inline-block; position: absolute; top: 0px; right: 7px; float: right; vertical-align: middle; } #HA-Tool-Block .finder-column-title { display: inline-flex; vertical-align: middle; word-wrap: normal; word-break: normal; } #HA-Tool-Block .finder-column-sort { display: inline-flex; width: 19px; padding: 0px 5px 2px 7px; text-align: center; margin-left: 3px; vertical-align: middle; position: absolute; top: 0px; right: 0px; background-color: var(--core-blue) !important; color: #FFF; border-radius: 0px 0px 0px 40px; } #HA-Tool-Block .finder-column-sort.fa:before,#HA-Tool-Block .finder-column-sort.fas:before { position: relative; } #HA-Tool-Block .finder-column-sort.fa-caret-down:before { top: -1px; } #HA-Tool-Block .finder-column-sort.fa-caret-up:before { top: -2px; } #HA-Tool-Block .ha-market-tools i { font-size: 14px; line-height: 110%; position: relative; vertical-align: middle; color: #124c99; } #HA-Tool-Block .ha-market-tools i img { display: inline-block; position: relative; vertical-align: middle; width: 100%; max-width: 14px; height: auto; } #HA-Tool-Block .ha-market-tools i.market-icons:before,#HA-Tool-Block .ha-market-tools i.market-icons:after { font-weight: bold; } #HA-Tool-Block .ha-market-tools i.fa-map-marker:before,#HA-Tool-Block .ha-market-tools i.fa-map-marker:after { display: none; } #HA-Tool-Block .ha-market-tools i.fa-map-marker { content: " "; display: inline-block; cursor: pointer; text-align: center; margin-top: 3px; width: 16px; height: 16px; background: url(https://www.housingalerts.com/ha_widgets/images/mapspots/Map-Marker-Icon-lg.png) top center no-repeat; background-size: contain; } #HA-Tool-Block .ha-market-tools i.fa-chart-line:before,#HA-Tool-Block .ha-market-tools i.fa-chart-line:after { display: none; } #HA-Tool-Block .ha-market-tools i.fa-chart-line { content: " "; display: inline-block; cursor: pointer; text-align: center; margin-top: 3px; width: 20px; height: 16px; background: url(https://www.housingalerts.com/ha_widgets/images/interface/fa-chart-line-solid-blue.svg) top center no-repeat; background-size: contain; } #HA-Tool-Block .ha-market-tools i.fa-users:before,#HA-Tool-Block .ha-tools i.fa-users:after { display: none; } #HA-Tool-Block .ha-market-tools i.fa-users { content: " "; display: inline-block; cursor: pointer; text-align: center; margin-top: 3px; width: 20px; height: 16px; background: url(https://www.housingalerts.com/ha_widgets/images/interface/fa-users-solid-blue.svg) top center no-repeat; background-size: cover; } #HA-Tool-Block .ha-market-tools .link-style { position: relative; top: -2px; padding: 3px 0px; vertical-align: text-bottom; } @media(max-width: 768px) { #HA-Tool-Block .Expanded-View table.Hover-Effect tbody tr:hover td:last-child:after,#HA-Tool-Block table.Hover-Effect.Small-Table tbody tr:hover td:last-child:after,#HA-Tool-Block .Expanded-View .Selected-Row td:last-child:after,#HA-Tool-Block .Small-Table .Selected-Row td:last-child:after { display: none !important; } } /* ------------------------ */ /* Training Module Styles */ #HA-Video-Modules { margin: 10px auto 35px auto; max-width: 1000px; } #HA-Video-Modules .HA-Admin-Logo { display: block; width: 100%; max-width: 300px; } #HA-Video-Modules img.alignleft { float: left; } #HA-Video-Modules img.alignright { float: right; } .HA-Module-Title-Bar { font-size: 24px; line-height: 110%; color: #FFF; border-radius: 10px; padding: 15px 15px 15px 5px; margin: 0px auto 20px auto; cursor: pointer; } .Block-Revealed .HA-Module-Title-Bar { margin: 0px auto; } .HA-Module-Title-Bar i img { position: relative; vertical-align: middle; filter: brightness(0) invert(1); width: 20px; height: auto; } .HA-Module-Title-Bar .Open { display: inline-block; } .Block-Revealed .HA-Module-Title-Bar .Open { display: none; } .HA-Module-Title-Bar .Closed { display: none; } .Block-Revealed .HA-Module-Title-Bar .Closed { display: inline-block; } #HA-Module-01 .HA-Module-Title-Bar { background: var(--core-blue); } #HA-Module-02 .HA-Module-Title-Bar { background: var(--core-green); } #HA-Module-03 .HA-Module-Title-Bar { background: #aa0000; } #HA-Module-04 .HA-Module-Title-Bar { background: #ee8800; } @media screen and (max-width:768px){ #HA-Video-Modules img.alignleft,#HA-Video-Modules img.alignright { float: none; } } .HA-Module-Section { margin: 10px auto 20px auto; padding: 10px; background: #FFF; font-size: 24px; font-weight: bold; color: var(--core-blue); border-top: var(--core-blue); 2px solid !important; border-bottom: var(--core-blue); 2px solid !important; } .HA-Module-SubSection { margin: 15px auto; padding: 5px 10px; border-radius: 50px; background: var(--core-blue); font-size: 18px; font-weight: bold; color: #FFF; } .HA-Module-Content { padding: 15px; } .HA-Notes { width: 100%; max-width: 675px; margin: 0px auto; padding: 10px; } .HA-Download a { display: block; width: 100%; max-width: 350px; max-height:40px; margin: 25px auto; color: var(--core-blue) !important; padding: 5px 20px; font-size: 16px; line-height: 25px; text-align: center; border-color: #ffffff; border-radius: 5px; background: linear-gradient(#eee,#fff) !important; border: #CCC 1px solid; -moz-box-shadow: 0px 0px 5px rgba( 150, 150, 150, .5); -webkit-box-shadow: 0px 0px 5px rgba( 150, 150, 150, .5); box-shadow: 0px 0px 5px rgba( 150, 150, 150, .5); } .HA-Download a i { display: inline-block; margin-right: 5px; font-size: 16px; width: 16px; height: auto; max-height: 25px; color: var(--core-blue) !important; filter: invert(9%) sepia(87%) saturate(7235%) hue-rotate(359deg) brightness(84%) contrast(111%); } .HA-Download a:hover { background: #EEE !important; background-color: #EEE !important; } .HA-Audio { margin: 0px auto 10px auto; padding: 5px; } .HA-Item-Title { display: block; font-size: 18px !important; font-weight: bold !important; margin: 0px auto 10px auto; padding-bottom: 5px; border-bottom: var(--core-blue) 1px solid; } .MAI-Book-Promo { background: #F4F4F4; padding: 25px 15px; } .MAI-Book-Promo .MAI-Book { display: inline-block; width: 100%; vertical-align: middle; text-align: center; } .MAI-Book-Promo .MAI-Promo-Title { display: inline-block; vertical-align: middle; position: relative; top: 50px; padding: 15px 0px; font-weight: bold; font-size: 22px !important; line-height: 110%; } .MAI-Book-Promo .HA-Download { display: inline-block; vertical-align: middle; position: relative; top: 50px; width: 90%; margin: 0px auto; } @media(max-width: 768px){ .MAI-Book-Promo .MAI-Book img { max-width: 150px !important; } .MAI-Book-Promo .MAI-Promo-Title,.MAI-Book-Promo .HA-Download,.MAI-Book-Promo .HA-Download a { width: 100%; top: 0px !important; margin: 0px auto; text-align: center; } } #Read-More-Block { display: none; } #Read-More-Button { display: inline-block; clear: both; color: #4174dc; text-decoration: underline !important; cursor: pointer; -webkit-transition: .4s; transition: .4s; } #Read-More-Button .Read-More-Closed { display: block; } #Read-More-Button .Read-More-Open { display: none; } #Read-More-Button.Block-Revealed .Read-More-Closed { display: none; } #Read-More-Button.Block-Revealed .Read-More-Open { display: block; } #HA-Video-Modules .vid-pop-button { width: 100%; max-width: 300px; margin: 10px auto; text-align: center; background: var(--core-blue); } #HA-Video-Modules .vid-pop-button img { display: block; position: relative; width: 100%; height: auto; max-width: 300px; margin-bottom: -45px; -moz-box-shadow: 0px 0px 5px rgba( 150, 150, 150, .8); -webkit-box-shadow: 0px 0px 5px rgba( 150, 150, 150, .8); box-shadow: 0px 0px 5px rgba( 150, 150, 150, .8); border: #CCC 1px solid; } #HA-Video-Modules .vid-pop-button:hover img { opacity: 0.6; } #HA-Video-Modules .vid-pop-button:hover i { opacity: 1.0; } #HA-Video-Modules .vid-pop-button i { opacity: 1.0 !important; text-align: center; vertical-align: middle; display: block; position: relative; top: -65px; left: 45%; padding: 6px; background: #000; color: #FFF; border-radius: 50px; width: 45px; height: 45px; -moz-box-shadow: 0px 0px 15px rgba( 150, 150, 150, .5); -webkit-box-shadow: 0px 0px 15px rgba( 150, 150, 150, .5); box-shadow: 0px 0px 15px rgba( 150, 150, 150, .5); } #HA-Video-Modules .vid-pop-button i img { filter: brightness(0) invert(1); width: 20px; height: auto; max-height: 20px; margin: 0px auto; display: block; top: 6px; left: 2px; border: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .blocker { z-index: 990 !important; } div[id^=vidalytics_pop].modal { max-width: 900px !important; overflow: visible !important; padding: 0px !important; background: transparent !important; } div[id^=vidalytics_pop].modal a.close-modal { position: absolute; top: -1.5px !important; right: -33.5px !important; } #HA-Video-Modules .bitmovinplayer-poster { top: -1px; border-bottom: #000 1px solid; } #HA-Video-Modules .vidalytics-cta-button { display: inline-block; background: rgb(0, 136, 0); color: rgb(255, 255, 255); padding: 5px 25px !important; border-radius: 500px; } #HA-Video-Modules .vidalytics-cta-button span { font-size: 22px !important; line-height: 110%; vertical-align: middle; } .Wistia-CTA h4 { font-size: 42px; text-decoration: underline; color: #FFF !important; } .Wistia-CTA a { text-decoration: none !important; } .Wistia-CTA button { border: none; border-radius: 50px; background: var(--core-green); color: #FFF; padding: 10px 25px; font-size: 32px; font-weight: bold; } @media(max-width: 768px){ .Wistia-CTA h4 { font-size: 36px; } .Wistia-CTA button { font-size: 24px; } } @media(min-width: 768px){ .bmpui-ui-skin-modern .bmpui-ui-scalablelabel .text { font-size: 28px !important; background: rgba(50,50,50,0.8); padding: 5px 15px; border-radius: 50px; } .vidalytics-cta-button { display: inline-block; background: var(--core-green) !important; color: #FFF !important; width: 100% !important; max-width: 800px !important; padding: 15px 25px !important; border-radius: 500px !important; } .vidalytics-cta-button span { font-size: 24px !important; line-height: 110% !important; } .vidalytics-cta-button-container.xs.has-expand-container:not(.has-reserve-space) .vidalytics-cta-button.on-top, .vidalytics-cta-button-container.xs:not(.has-expand-container):not(.has-reserve-space) .vidalytics-cta-button.on-top { top: -100px; } } @media(max-width: 768px){ .bmpui-ui-skin-modern .bmpui-ui-scalablelabel .text { display: block; font-size: 20px !important; line-height: 115%; background: rgba(50,50,50,0.8); padding: 5px 15px; border-radius: 50px; } .vidalytics-cta-button { display: inline-block; background: var(--core-green) !important; color: #FFF !important; width: 90% !important; max-width: 350px !important; padding: 10px !important; border-radius: 500px !important; } .vidalytics-cta-button span { font-size: 18px !important; line-height: 100% !important; } } div[id^=vidalytics_pop].blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center} div[id^=vidalytics_pop].blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em} div[id^=vidalytics_pop].blocker.behind{background-color:transparent} div[id^=vidalytics_pop].modal{ display: none; vertical-align: middle; position: relative !important; z-index: 2; max-width: 500px; box-sizing: border-box; width: 90%; background: #fff; padding: 15px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: left; } div[id^=vidalytics_pop].modal a.close-modal{border-radius:50px;position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg=='); -moz-box-shadow: 0px 0px 15px rgba( 150, 150, 150, .5); -webkit-box-shadow: 0px 0px 15px rgba( 150, 150, 150, .5); box-shadow: 0px 0px 15px rgba( 150, 150, 150, .5); } div[id^=vidalytics_pop].modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px} div[id^=vidalytics_pop].modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out} div[id^=vidalytics_pop].modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s} div[id^=vidalytics_pop].modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s} div[id^=vidalytics_pop].modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s} @-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}} @keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}} /* ------------------------ */ /* Audio Player Mods */ #HA-Video-Modules audio { display: block; width: 100%; margin: 0px auto 10px auto; padding-bottom: 10px; border-bottom: var(--core-blue) 1px solid; } #HA-Video-Modules audio::-webkit-media-controls-enclosure,#HA-Video-Modules audio::-webkit-media-controls-panel { background-color: rgba(4,100,225,0.2); padding: 0px; border-radius: 0px; } #HA-Video-Modules audio::-webkit-media-controls-mute-button,#HA-Video-Modules audio::-webkit-media-controls-play-button,#HA-Video-Modules audio::-webkit-media-controls-timeline-container,#HA-Video-Modules audio::-webkit-media-controls-current-time-display,#HA-Video-Modules audio::-webkit-media-controls-time-remaining-display,#HA-Video-Modules audio::-webkit-media-controls-timeline,#HA-Video-Modules audio::-webkit-media-controls-volume-slider-container,#HA-Video-Modules audio::-webkit-media-controls-volume-slider,#HA-Video-Modules audio::-webkit-media-controls-seek-back-button,#HA-Video-Modules audio::-webkit-media-controls-seek-forward-button,#HA-Video-Modules audio::-webkit-media-controls-fullscreen-button,#HA-Video-Modules audio::-webkit-media-controls-rewind-button,#HA-Video-Modules audio::-webkit-media-controls-return-to-realtime-button,#HA-Video-Modules audio::-webkit-media-controls-toggle-closed-captions-button { color: #333; } @media(max-width: 768px){ #HA-Tool-Name .HA-Logo { display: none; } #HA-Tool-Name span.HA-Tool { padding: 0px; text-align: center; font-size: 22px !important; } #HA-Video-Modules .vid-pop-button,#HA-Video-Modules .vid-pop-button img { max-width: 350px; } #HA-Video-Modules audio { margin: 0px auto 10px auto; padding-bottom: 15px; } .HA-Audio { margin: 5px auto 50px auto; padding: 5px; } #HA-Video-Modules .vid-pop-button i { top: -75px; } } /* ------------------------ */ /* Branding Block/Strip Addons */ #HA-Services { display: block; width: auto; max-width: 1200px; margin: 20px auto 40px auto; vertical-align: middle; padding: 20px 5px; box-shadow: 0 0 3px rgb(1 1 1 / 16%); border-radius: 5px; } #HA-Services span { display: inline-block; font-size: 14px !important; line-height: 100%; font-weight: normal; font-style: italic; padding: 5px; vertical-align: middle; } #HA-Services a { color: #333 !important; text-decoration: none; } #HA-Services .Linked { color: var(--core-blue) !important; text-decoration: underline !important; } #HA-Services a:hover { background: transparent !important; } #HA-Services .HA-Logo { display: inline-block; position: relative; top: 0px; width: 100%; max-width: 205px; margin: 0px auto; vertical-align: middle; } #Data-Disclaimer { display: block; position: relative; z-index: 99; width: 100%; height: auto; background: rgba(255,255,255,0.5); font-size: 12px !important; line-height: normal; font-weight: bold; padding: 5px 15px; text-align: left; } .Map-Tool #Data-Disclaimer { top: -28px; margin-bottom: -28px; border-left: 1px solid var(--core-blue); border-right: 1px solid var(--core-blue); } .Map-Tool #Data-Disclaimer.Both { top: -46px; } /* ------------------------ */ /* DATA Disclaimer Blocks */ #Data-Disclaimer { display: block; font-size: 12px; font-weight: normal; padding: 5px 9px; } #Data-Disclaimer span { font-size: 12px !important; line-height: normal; } #Data-Disclaimer.Popups { max-width: 600px; font-size: 10px; padding: 5px; } #Data-Disclaimer .Default { font-style: italic; } #Data-Disclaimer .MLS { font-weight: bold; } #Data-Disclaimer.Popups .MLS, #Data-Disclaimer.Footer .MLS { font-weight: normal !important; } #Data-Disclaimer.Map-Page { position: absolute; z-index: 99; width: 100%; height: auto; left: 0px; bottom: 0px; background: rgba(255,255,255,0.5); } #Data-Disclaimer.Popups, #Data-Disclaimer.Footer { font-weight: normal !important; text-align: center; font-weight: normal !important; } #Data-Disclaimer .Disclaim-Row { display: inline; margin: 0px 5px 0px auto; } #map-wrapper.Framed #Data-Disclaimer .Disclaim-Row { display: block; } #Data-Disclaimer.Both.Footer .Disclaim-Row { display: block; margin: 0px auto; } #Data-Disclaimer.Big-Title { /*font-size: 18px;*/ } #Data-Disclaimer.No-Links.Blanks .HousingAlerts,#Data-Disclaimer.No-Links.Blanks a.HousingAlerts { color: #000; text-decoration: none; } #Data-Disclaimer.No-Links.Blanks a .end { display: none; } #Data-Disclaimer.Footer { position: relative; margin-top:5px; } #Data-Disclaimer.Popups { position: relative; margin: 5px auto; } body[class*="mls"] #Data-Disclaimer.Footer, body[id*="mls"] #Data-Disclaimer.Footer { display: block; } @media screen and (max-width: 768px) { #Data-Disclaimer,#Data-Disclaimer span { font-size: 10px; } .Map-Tool #Data-Disclaimer.Both { width: auto; top: 0px; padding: 5px; border-bottom: 1px solid var(--core-blue); margin-bottom: 25px; } #map #Data-Disclaimer,#map #Data-Disclaimer span { font-size: 8px; } #Data-Disclaimer { width: auto; padding: 10px 5px; font-size: 8px; } } /* ------------------------ */ /* Login Blocks */ #ha-loginform { max-width: 375px; margin: 25px auto; text-align: center; padding: 45px 25px; border: #e9e9e9 1px solid; border-radius: 15px; } #ha-loginform p { margin: 0px auto 25px auto; } #ha-loginform .login-password { margin: 0px auto 5px auto; } #ha-loginform .login-submit { margin: 10px auto 0px auto; } #ha-loginform .login-username label, #ha-loginform .login-password label { background: var(--core-blue); color: #FFF; border-radius: 10px 0px 0px 10px; height: 45px; line-height: 45px; vertical-align: middle; padding: 0px 15px; margin: 0px -5px 0px auto; } #ha-loginform input { border-radius: 0px 10px 10px 0px; height: 45px; vertical-align: middle; } #ha-loginform input[type='submit'] { width: 100%; max-width: 300px; margin: 0px auto; border-radius: 10px; background: var(--core-green); } #ha-loginform input[type='submit']:hover { background: var(--core-green-light); } #ha-loginform a, #ha-loginform .login-remember { display: inline-block; margin: 5px; } #ha-loginform .login-remember { margin-left: 10px; } #ha-loginform .login-remember input { height: 25px; line-height: 25px; margin: 0px auto; } /* ------------------------ */ /* Dashboard Tiles */ #Dashboard-Tiles { display: block; width: auto; min-width: inherit; max-width: 1000px; position: relative; padding: 0px; margin: 25px auto; text-align: center; font-family: "Open Sans", opensans, sans-serif, Arial, Helvetica !important; } #Dashboard-Tiles .Section-Title { font-size: 18px; line-height: 110% !important; font-weight: bold; text-align: center; } #Wide .Dashboard-Icon-Column .Section-Title { font-size: 22px; line-height: 110% !important; } .Dashboard-Icon-Column { display: inline-block; text-align: center; margin: 0px 0px 10px 0px !important; width: 100%; min-width: 135px; max-width: 150px; padding: 0 5px 0 5px; float: none !important; vertical-align: top; } #Wide .Dashboard-Icon-Column { width: 100%; min-width: 150px; max-width: 300px; } .Med-Tiles .Dashboard-Icon-Column{ max-width: 180px !important; display: inline-block; } .Dashboard-Icon-Column.Wide-Tiles { max-width: 325px !important; display: inline-block; } #Wide-Tiles { text-align: center; } #MLS { display: block; position: relative; background: rgba(0,136,0,.15); border: var(--core-green) 1px solid; padding: 20px 5px 10px 5px;border-radius: 10px; } #MLS .Section-Title { display: block; background: var(--core-green); padding: 15px; margin: -25px -6px 25px -6px; border-radius: 10px 10px 0px 0px; color: #FFF; } #Regular { display: block; position: relative; background: #FFF; border: #CCC 1px solid; padding: 20px 5px 10px 5px; border-radius: 10px; } #Regular .Section-Title { display: block; background: #F4F4F4; border: #CCC 1px solid; padding: 15px; margin: -25px -6px 25px -6px; border-radius: 10px 10px 0px 0px; color: #333; } .Dashboard-Icon-Column a,.Dashboard-Icon-Column a .Tile-Title-Block { text-decoration: none !important; } .Dashboard-Icon-Box,.Dashboard-Icon-Tile { background-color: #f4f4f4; border: 1px solid #cccccc; } .Dashboard-Icon-Tile .Tile-Content-Frame { z-index: 5; background: transparent !important; padding: 5px 5px 20px 5px; position: relative; } .Tile-Content-Frame .Tile-Details { display: block; width: auto; margin: 15px auto 5px auto; background: var(--core-blue); padding: 8px; border: rgba(255,255,255,0.5) 2px solid; border-radius: 8px; font-size: 13px; line-height: 110% !important; color: #FFF; } .Dashboard-Icon-Box .Tile-Content-Frame::after,.Dashboard-Icon-Tile .Tile-Content-Frame::after { content: ''; display: table; clear: both; } .Dashboard-Icon-Box .Tile-Title-Block,.Dashboard-Icon-Tile .Tile-Title-Block { display: block; background: transparent !important; padding: 15px 0px 15px 0px; width: 100%; height: 55px; margin: 0px auto; line-height: 1.15 !important; } #MLS .Dashboard-Icon-Box .Tile-Title-Block,#MLS .Dashboard-Icon-Tile .Tile-Title-Block { font-size: 13px; height: fit-content; line-height: 105%; } .Dashboard-Icon-Box .Tile-Title-Block span,.Dashboard-Icon-Tile .Tile-Title-Block span { font-weight: 700; font-size: 14px !important; line-height: 1.15 !important; color: #FFF; } #Wide .Dashboard-Icon-Box .Tile-Title-Block,#Wide .Dashboard-Icon-Tile .Tile-Title-Block { font-size: 22px !important; font-weight: 600; line-height: 110% !important; height: fit-content; } #Wide .Dashboard-Icon-Box .Tile-Title-Block span,#Wide .Dashboard-Icon-Tile .Tile-Title-Block span { font-size: 21px !important; font-weight: 600; line-height: 1.15 !important; } .Group-Label { display: block; position: relative; z-index: 2; background: #F4F4F4; border: #CCC 1px solid; border-radius: 5px 5px 0px 0px; position: relative; top: -16px; width: auto; margin: 0px 0px -10px 0px; padding: 2px 10px; color: var(--core-blue); font-size: 18px; font-family: 'Kanit', sans-serif; font-weight: 600; text-align: center; } .Group-Label img { width: 90%; max-width: 110px; background: transparent !important; border: none !important; border-radius: 0px; padding: 0px 0px 0px 4px; } .Dashboard-Icon-Box .Tile-Title-Block a { display: inline; } .Dashboard-Icon-Box .Tile-Title-Block span { display: inline; position: relative; text-align: center; } .Dashboard-Icon-Tile { margin: 0px auto !important; /*padding: 10px 0px !important;*/ border-radius: 5px !important; min-height: 180px; } .Dashboard-Icon-Tile::after { content: ''; display: table; clear: both; } .Dashboard-Icon-Column .Wide-Tile, .Dashboard-Icon-Column .Other-Tile { color: #FFF !important; background: var(--core-blue); background-image: -ms-linear-gradient(top,var(--core-blue) 0%,var(--core-blue-light) 70%,var(--core-blue) 100%); background-image: -moz-linear-gradient(top,var(--core-blue) 0%,var(--core-blue-light) 70%,var(--core-blue) 100%); background-image: -o-linear-gradient(top,var(--core-blue) 0%,var(--core-blue-light) 70%,var(--core-blue) 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,var(--core-blue)),color-stop(0.7,var(--core-blue-light)),color-stop(1,var(--core-blue))); background-image: -webkit-linear-gradient(top,var(--core-blue) 0%,var(--core-blue-light) 70%,var(--core-blue) 100%); background-image: linear-gradient(to bottom,var(--core-blue) 0%,var(--core-blue-light) 70%,var(--core-blue) 100%); padding: 0px 5px; border: none; } .Dashboard-Icon-Column .MLS-Tile { color: #FFF !important; background: var(--core-green); background-image: -ms-linear-gradient(top,var(--core-green) 0%,var(--core-green-lightest) 70%,var(--core-green) 100%); background-image: -moz-linear-gradient(top,var(--core-green) 0%,var(--core-green-lightest) 70%,var(--core-green) 100%); background-image: -o-linear-gradient(top,var(--core-green) 0%,var(--core-green-lightest) 70%,var(--core-green) 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,var(--core-green)),color-stop(0.7,var(--core-green-lightest)),color-stop(1,var(--core-green))); background-image: -webkit-linear-gradient(top,var(--core-green) 0%,var(--core-green-lightest) 70%,var(--core-green) 100%); background-image: linear-gradient(to bottom,var(--core-green) 0%,var(--core-green-lightest) 70%,var(--core-green) 100%); padding: 0px; border: none; } .Dashboard-Icon-Tile img { background: #FFF; border-radius: 10px !important; background: #f6f8f9; background: -moz-linear-gradient(top, #e5ebee 0%, #f5f7f9 50%, #d7dee3 100%); background: -webkit-linear-gradient(top, #e5ebee 0%, #f5f7f9 50%, #d7dee3 100%); background: linear-gradient(to bottom, #e5ebee 0%, #f5f7f9 50%, #d7dee3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9',endColorstr='#d7dee3',GradientType=0 ); border: #CCC 1px solid; } .Dashboard-Icon-Tile.Premium img { background: #333; background: -moz-linear-gradient(top, #333 0%, #333 50% 5, #000 100%); background: -webkit-linear-gradient(top, #333 0%, #333 50%, #000 100%); background: linear-gradient(to bottom, #333 0%, #333 50%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000',endColorstr='#333',GradientType=0 ); border-color: #111; } .Dashboard-Icon-Column.Btn-Bar { max-width: 300px; } .Dashboard-Icon-Column.Btn-Bar .Dashboard-Icon-Tile { padding: 10px; min-height: 55px; vertical-align: middle; border-radius: 100px !important; } .Dashboard-Icon-Column.Btn-Bar .Dashboard-Icon-Tile .Tile-Content-Frame { display: inline-block; vertical-align: middle; padding: 0px; } .Dashboard-Icon-Column.Btn-Bar .Dashboard-Icon-Box .Tile-Title-Block, .Dashboard-Icon-Column.Btn-Bar .Dashboard-Icon-Tile .Tile-Title-Block { display: inline-block; vertical-align: middle; padding: 0px; max-width: 175px; height: auto; } .Dashboard-Icon-Column.Btn-Bar .Dashboard-Icon-Tile img { max-width: 40px; } .Dashboard-Icon-Column.Btn-Bar .Dashboard-Icon-Box .Tile-Title-Block span, .Dashboard-Icon-Column.Btn-Bar .Dashboard-Icon-Tile .Tile-Title-Block span { font-size: 16px !important; } #PMT-Quick-Access-Block .Dashboard-Column { display: inline-block; width: 100%; position: relative; padding: 10px 5px 0px 5px; max-width: 290px; vertical-align: top; } #PMT-Quick-Access-Block { display: block; margin: -20px auto 10px auto; max-width: 595px; text-align: center; position: relative; z-index: 5; border: var(--core-blue) 2px solid; border-radius: 8px; z-index: 15; } #PMT-Quick-Access-Block .plugin-popover-questionmark-2.static, #PMT-Quick-Access-Block .plugin-popover-questionmark.static { float: right !important; top: 0px; right: -6px; position: relative; margin-left: -15px; } #PMT-Quick-Access-Block .Block-Title { display: block; position: relative; padding: 5px; margin: 0px auto; background: var(--core-blue); color: #FFF !important; font-size: 18px; font-weight: bold; text-align: center; } #PMT-Quick-Access-Block a {} #PMT-Quick-Access-Block .widget-questionmark-2.static,#PMT-Quick-Access-Block .widget-questionmark.static { float: right !important; top: 4px; right: -6px; position: relative; margin-left: -15px; } #PMT-Quick-Access-Block .Button-Bar { display: inline-block; margin: 0px auto 10px auto; width: 100%; vertical-align: middle; } #PMT-Quick-Access-Block .Button-Bar button { display: inline-block; width: 100%; padding: 10px 15px; border-radius: 6px; border: none; } #PMT-Quick-Access-Block .Button-Bar button img { display: inline-block; float: left; margin: -4px; max-width: 30px; vertical-align: middle; background: #FFF; border-radius: 8px; border-radius: 8px; background: #f6f8f9; background: -moz-linear-gradient(top, #e5ebee 0%, #f5f7f9 50%, #d7dee3 100%); background: -webkit-linear-gradient(top, #e5ebee 0%, #f5f7f9 50%, #d7dee3 100%); background: linear-gradient(to bottom, #e5ebee 0%, #f5f7f9 50%, #d7dee3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9',endColorstr='#d7dee3',GradientType=0 ); border: #CCC 1px solid; } #PMT-Quick-Access-Block .Button-Bar button span { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; font-family: 'Fjalla One', sans-serif !important; text-transform: uppercase; letter-spacing: 2px; } #PMT-Quick-Access-Block #PMT-Magic-Buttons-Block { display: inline-block; position: relative; padding: 10px 5px 0px 5px; max-width: 290px; vertical-align: top; } #PMT-Quick-Access-Block .Button-Bar.Style-01 button { color: #FFF !important; background: #930b00; background: linear-gradient(#d51e0e, #930b00) !important; } #PMT-Quick-Access-Block .Button-Bar.Style-02 button { color: #FFF !important; background: #294a29; background: linear-gradient(#59b54c, #294a29) !important; } #PMT-Quick-Access-Block .Button-Bar.Style-03 button { color: #FFF !important; background: #8f2e00; background: linear-gradient(#ffa000, #8f2e00) !important; } #PMT-Quick-Access-Block .Button-Bar.Style-04 button { color: #FFF !important; background: #004893; background: linear-gradient(#0085b3, #004893) !important; } #PMT-Quick-Access-Block #PMT-Classic-Buttons-Block { display: inline-block; position: relative; padding: 10px 5px 0px 5px; max-width: 290px; vertical-align: top; } #PMT-Quick-Access-Block .Button-Bar.Style-PRO button { color: #FFF !important; background: var(--core-blue); background-image: -ms-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light) 70%, var(--core-blue) 100%); background-image: -moz-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light) 70%, var(--core-blue) 100%); background-image: -o-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light) 70%, var(--core-blue) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--core-blue)), color-stop(0.7, var(--core-blue-light)), color-stop(1, var(--core-blue))); background-image: -webkit-linear-gradient(top, var(--core-blue) 0%, var(--core-blue-light) 70%, var(--core-blue) 100%); background-image: linear-gradient(to bottom, var(--core-blue) 0%, var(--core-blue-light) 70%, var(--core-blue) 100%); } @media screen and (max-width: 1200px) { .Dashboard-Icon-Column { min-width: 155px; } } @media screen and (max-width: 768px) { .Dashboard-Icon-Tile { min-height: auto !important; } .Dashboard-Icon-Column .Wide-Tile { height: 100% !important; } .Dashboard-Icon-Tile .Tile-Title-Block { float: right; width: 72%; margin-top: 5px; margin-right: 10px; font-size: 20px !important; display: inline-block !important; } .Dashboard-Icon-Box .Tile-Title-Block span { display: inline-block; position: relative; text-align: center; width: 100%; } .Dashboard-Icon-Box .Tile-Title-Block span br { display: none; } .Dashboard-Icon-Tile .Tile-Content-Frame img { height: 80px; border-radius: 5px; /*float: left;*/ margin-left: 10px; } .Dashboard-Icon-Box .Tile-Content-Frame { display: flex; width: 30%; } .Dashboard-Icon-Column .Tile-Title-Block,.Dashboard-Icon-Column a .Tile-Title-Block { display: flex; width: 60%; text-align: center; } .Dashboard-Icon-Box .Tile-Content-Frame,.Dashboard-Icon-Tile .Tile-Content-Frame { padding: 5px; } } @media screen and (max-width: 610px) { .Dashboard-Icon-Tile .Tile-Title-Block { width: 63%; margin-right: 30px; display: inline-block !important; } } @media screen and (max-width: 460px) { .Dashboard-Icon-Tile .Tile-Title-Block { width: 50%; } } @media screen and (max-width: 941px) { .Dashboard-Icon-Column { min-height: auto !important; min-width: 200px !important; } } @media screen and (max-width: 768px) { .Dashboard-Icon-Column { min-height: auto !important; min-width: 100% !important; } } /* ------------------------ */ /* Data Notice Addons */ #Data-Update-Alert { display: block; position: relative; background: var(--core-yellow); color: #333; cursor: default !important; text-align: center; padding: 5px 10px; font-size: 16px; font-weight: 600; } #Data-Update-Alert span { display: inline-block; vertical-align: middle; } #Data-Update-Alert .Alert-Title { display: block; position: relative; margin-top: 5px; } #Data-Update-Alert .Alert-Title span { font-size: 20px !important; line-height: 18px; font-weight: bold; } #Data-Update-Alert .Alert-Detail { display: block; position: relative; } #Data-Update-Alert .Alert-Detail span { font-size: 16px !important; line-height: 18px; font-style: italic !important; } #Data-Update-Alert img { position: relative; top: 0px; max-width: 15px; vertical-align: middle; margin: 0px 5px; opacity: 0.6; } #Data-Update-Alert .Alert-Title img { max-width: 25px; margin: 0px 10px; } @media(max-width:767px){ #Data-Update-Alert,#Data-Update-Alert span { font-size: 14px !important; } } @media(max-width:450px){ #Data-Update-Alert,#Data-Update-Alert span { font-size: 12px !important; } #Data-Update-Alert .Alert-Detail img { max-width: 12px; } #Data-Update-Alert .Alert-Title img { max-width: 15px; } #Data-Update-Alert .Alert-Detail span,#Data-Update-Alert .Alert-Title span { font-size: 14px !important; } } /* ------------------------ */ /* Market Portals - Widgets - Modifications */ .offsite-list01 .ha-top-list { min-height: 475px !important; } .offsite-list02 .ha-top-list { min-height: 464px !important; } /* ------------------------ */ /* Animations */ @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @-webkit-keyframes wiggle{0%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}8%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}18%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}20%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}28%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}30%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}38%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}40%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}48%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}58%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}100%,75%,68%,60%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wiggle{0%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}8%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}18%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}20%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}28%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}30%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}38%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}40%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}48%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}58%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}100%,75%,68%,60%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wiggle,.faa-wiggle.animated,.faa-wiggle.animated-hover:hover{-webkit-animation:wiggle 4.5s ease infinite;animation:wiggle 4.5s ease infinite;transform-origin-x:70%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wiggle.faa-fast,.faa-wiggle.animated-hover.faa-fast:hover,.faa-wiggle.animated.faa-fast{-webkit-animation:wiggle 2.2s ease infinite;animation:wiggle 2.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wiggle.faa-slow,.faa-wiggle.animated-hover.faa-slow:hover,.faa-wiggle.animated.faa-slow{-webkit-animation:wiggle 6.7s ease infinite;animation:wiggle 6.7s ease infinite} @-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing-reverse,.faa-passing-reverse.animated,.faa-passing-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,.faa-passing-reverse.animated-hover.faa-fast:hover,.faa-passing-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,.faa-passing-reverse.animated-hover.faa-slow:hover,.faa-passing-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}@keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}.faa-falling.animated,.faa-falling.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling{-webkit-animation:falling 2s linear infinite;animation:falling 2s linear infinite}.faa-falling.animated-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}