/* Custom, iPhone Retina */ /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { .btn:not(.search-button) { width: 100%; margin-top: .5em; } } /* Small Devices, Tablets */ /* * Sass for http://propublica.github.io/stateface/ icon set. * also adopted some code from other contributors: * - replacement: Paul Smith https://github.com/paulsmith * - FIPS state abbreviations: https://github.com/joetric */ @font-face { font-family: 'sf-regular'; src: url("../font/webfont/stateface-regular-webfont.eot"); src: url("../font/webfont/stateface-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/webfont/stateface-regular-webfont.woff") format("woff"), url("../font/webfont/stateface-regular-webfont.ttf") format("truetype"), url("../font/webfont/stateface-regular-webfont.svg#sf-regular") format("svg"); font-style: normal; font-weight: normal; } .sf-replace.sf-alabama, .sf-replace.sf-al, .sf-replace.sf-01, .sf-replace.sf-alaska, .sf-replace.sf-ak, .sf-replace.sf-02, .sf-replace.sf-arizona, .sf-replace.sf-az, .sf-replace.sf-04, .sf-replace.sf-arkansas, .sf-replace.sf-ar, .sf-replace.sf-05, .sf-replace.sf-california, .sf-replace.sf-ca, .sf-replace.sf-06, .sf-replace.sf-colorado, .sf-replace.sf-co, .sf-replace.sf-08, .sf-replace.sf-connecticut, .sf-replace.sf-ct, .sf-replace.sf-09, .sf-replace.sf-delaware, .sf-replace.sf-de, .sf-replace.sf-10, .sf-replace.sf-florida, .sf-replace.sf-fl, .sf-replace.sf-12, .sf-replace.sf-georgia, .sf-replace.sf-ga, .sf-replace.sf-13, .sf-replace.sf-hawaii, .sf-replace.sf-hi, .sf-replace.sf-15, .sf-replace.sf-idaho, .sf-replace.sf-id, .sf-replace.sf-16, .sf-replace.sf-illinois, .sf-replace.sf-il, .sf-replace.sf-17, .sf-replace.sf-indiana, .sf-replace.sf-in, .sf-replace.sf-18, .sf-replace.sf-iowa, .sf-replace.sf-ia, .sf-replace.sf-19, .sf-replace.sf-kansas, .sf-replace.sf-ks, .sf-replace.sf-20, .sf-replace.sf-kentucky, .sf-replace.sf-ky, .sf-replace.sf-21, .sf-replace.sf-louisiana, .sf-replace.sf-la, .sf-replace.sf-22, .sf-replace.sf-maine, .sf-replace.sf-me, .sf-replace.sf-23, .sf-replace.sf-maryland, .sf-replace.sf-md, .sf-replace.sf-24, .sf-replace.sf-massachusetts, .sf-replace.sf-ma, .sf-replace.sf-25, .sf-replace.sf-michigan, .sf-replace.sf-mi, .sf-replace.sf-26, .sf-replace.sf-minnesota, .sf-replace.sf-mn, .sf-replace.sf-27, .sf-replace.sf-mississippi, .sf-replace.sf-ms, .sf-replace.sf-28, .sf-replace.sf-missouri, .sf-replace.sf-mo, .sf-replace.sf-29, .sf-replace.sf-montana, .sf-replace.sf-mt, .sf-replace.sf-30, .sf-replace.sf-nebraska, .sf-replace.sf-ne, .sf-replace.sf-31, .sf-replace.sf-nevada, .sf-replace.sf-nv, .sf-replace.sf-32, .sf-replace.sf-new-hampshire, .sf-replace.sf-nh, .sf-replace.sf-33, .sf-replace.sf-new-jersey, .sf-replace.sf-nj, .sf-replace.sf-34, .sf-replace.sf-new-mexico, .sf-replace.sf-nm, .sf-replace.sf-35, .sf-replace.sf-new-york, .sf-replace.sf-ny, .sf-replace.sf-36, .sf-replace.sf-north-carolina, .sf-replace.sf-nc, .sf-replace.sf-37, .sf-replace.sf-north-dakota, .sf-replace.sf-nd, .sf-replace.sf-38, .sf-replace.sf-ohio, .sf-replace.sf-oh, .sf-replace.sf-39, .sf-replace.sf-oklahoma, .sf-replace.sf-ok, .sf-replace.sf-40, .sf-replace.sf-oregon, .sf-replace.sf-or, .sf-replace.sf-41, .sf-replace.sf-pennsylvania, .sf-replace.sf-pa, .sf-replace.sf-42, .sf-replace.sf-rhode-island, .sf-replace.sf-ri, .sf-replace.sf-44, .sf-replace.sf-south-carolina, .sf-replace.sf-sc, .sf-replace.sf-45, .sf-replace.sf-south-dakota, .sf-replace.sf-sd, .sf-replace.sf-46, .sf-replace.sf-tennessee, .sf-replace.sf-tn, .sf-replace.sf-47, .sf-replace.sf-texas, .sf-replace.sf-tx, .sf-replace.sf-48, .sf-replace.sf-utah, .sf-replace.sf-ut, .sf-replace.sf-49, .sf-replace.sf-vermont, .sf-replace.sf-vt, .sf-replace.sf-50, .sf-replace.sf-virginia, .sf-replace.sf-va, .sf-replace.sf-51, .sf-replace.sf-washington, .sf-replace.sf-wa, .sf-replace.sf-53, .sf-replace.sf-west-virginia, .sf-replace.sf-wv, .sf-replace.sf-54, .sf-replace.sf-wisconsin, .sf-replace.sf-wi, .sf-replace.sf-55, .sf-replace.sf-wyoming, .sf-replace.sf-wy, .sf-replace.sf-56, .sf-replace.sf-district-of-columbia, .sf-replace.sf-dc, .sf-replace.sf-11001, .sf-replace.sf-puerto-rico, .sf-replace.sf-pr, .sf-replace.sf-72, .sf-replace.sf-guam, .sf-replace.sf-gu, .sf-replace.sf-66 { position: relative; display: inline-block; min-width: 1em; text-indent: -999em; } .sf-replace.sf-alabama:before, .sf-replace.sf-al:before, .sf-replace.sf-01:before, .sf-replace.sf-alaska:before, .sf-replace.sf-ak:before, .sf-replace.sf-02:before, .sf-replace.sf-arizona:before, .sf-replace.sf-az:before, .sf-replace.sf-04:before, .sf-replace.sf-arkansas:before, .sf-replace.sf-ar:before, .sf-replace.sf-05:before, .sf-replace.sf-california:before, .sf-replace.sf-ca:before, .sf-replace.sf-06:before, .sf-replace.sf-colorado:before, .sf-replace.sf-co:before, .sf-replace.sf-08:before, .sf-replace.sf-connecticut:before, .sf-replace.sf-ct:before, .sf-replace.sf-09:before, .sf-replace.sf-delaware:before, .sf-replace.sf-de:before, .sf-replace.sf-10:before, .sf-replace.sf-florida:before, .sf-replace.sf-fl:before, .sf-replace.sf-12:before, .sf-replace.sf-georgia:before, .sf-replace.sf-ga:before, .sf-replace.sf-13:before, .sf-replace.sf-hawaii:before, .sf-replace.sf-hi:before, .sf-replace.sf-15:before, .sf-replace.sf-idaho:before, .sf-replace.sf-id:before, .sf-replace.sf-16:before, .sf-replace.sf-illinois:before, .sf-replace.sf-il:before, .sf-replace.sf-17:before, .sf-replace.sf-indiana:before, .sf-replace.sf-in:before, .sf-replace.sf-18:before, .sf-replace.sf-iowa:before, .sf-replace.sf-ia:before, .sf-replace.sf-19:before, .sf-replace.sf-kansas:before, .sf-replace.sf-ks:before, .sf-replace.sf-20:before, .sf-replace.sf-kentucky:before, .sf-replace.sf-ky:before, .sf-replace.sf-21:before, .sf-replace.sf-louisiana:before, .sf-replace.sf-la:before, .sf-replace.sf-22:before, .sf-replace.sf-maine:before, .sf-replace.sf-me:before, .sf-replace.sf-23:before, .sf-replace.sf-maryland:before, .sf-replace.sf-md:before, .sf-replace.sf-24:before, .sf-replace.sf-massachusetts:before, .sf-replace.sf-ma:before, .sf-replace.sf-25:before, .sf-replace.sf-michigan:before, .sf-replace.sf-mi:before, .sf-replace.sf-26:before, .sf-replace.sf-minnesota:before, .sf-replace.sf-mn:before, .sf-replace.sf-27:before, .sf-replace.sf-mississippi:before, .sf-replace.sf-ms:before, .sf-replace.sf-28:before, .sf-replace.sf-missouri:before, .sf-replace.sf-mo:before, .sf-replace.sf-29:before, .sf-replace.sf-montana:before, .sf-replace.sf-mt:before, .sf-replace.sf-30:before, .sf-replace.sf-nebraska:before, .sf-replace.sf-ne:before, .sf-replace.sf-31:before, .sf-replace.sf-nevada:before, .sf-replace.sf-nv:before, .sf-replace.sf-32:before, .sf-replace.sf-new-hampshire:before, .sf-replace.sf-nh:before, .sf-replace.sf-33:before, .sf-replace.sf-new-jersey:before, .sf-replace.sf-nj:before, .sf-replace.sf-34:before, .sf-replace.sf-new-mexico:before, .sf-replace.sf-nm:before, .sf-replace.sf-35:before, .sf-replace.sf-new-york:before, .sf-replace.sf-ny:before, .sf-replace.sf-36:before, .sf-replace.sf-north-carolina:before, .sf-replace.sf-nc:before, .sf-replace.sf-37:before, .sf-replace.sf-north-dakota:before, .sf-replace.sf-nd:before, .sf-replace.sf-38:before, .sf-replace.sf-ohio:before, .sf-replace.sf-oh:before, .sf-replace.sf-39:before, .sf-replace.sf-oklahoma:before, .sf-replace.sf-ok:before, .sf-replace.sf-40:before, .sf-replace.sf-oregon:before, .sf-replace.sf-or:before, .sf-replace.sf-41:before, .sf-replace.sf-pennsylvania:before, .sf-replace.sf-pa:before, .sf-replace.sf-42:before, .sf-replace.sf-rhode-island:before, .sf-replace.sf-ri:before, .sf-replace.sf-44:before, .sf-replace.sf-south-carolina:before, .sf-replace.sf-sc:before, .sf-replace.sf-45:before, .sf-replace.sf-south-dakota:before, .sf-replace.sf-sd:before, .sf-replace.sf-46:before, .sf-replace.sf-tennessee:before, .sf-replace.sf-tn:before, .sf-replace.sf-47:before, .sf-replace.sf-texas:before, .sf-replace.sf-tx:before, .sf-replace.sf-48:before, .sf-replace.sf-utah:before, .sf-replace.sf-ut:before, .sf-replace.sf-49:before, .sf-replace.sf-vermont:before, .sf-replace.sf-vt:before, .sf-replace.sf-50:before, .sf-replace.sf-virginia:before, .sf-replace.sf-va:before, .sf-replace.sf-51:before, .sf-replace.sf-washington:before, .sf-replace.sf-wa:before, .sf-replace.sf-53:before, .sf-replace.sf-west-virginia:before, .sf-replace.sf-wv:before, .sf-replace.sf-54:before, .sf-replace.sf-wisconsin:before, .sf-replace.sf-wi:before, .sf-replace.sf-55:before, .sf-replace.sf-wyoming:before, .sf-replace.sf-wy:before, .sf-replace.sf-56:before, .sf-replace.sf-district-of-columbia:before, .sf-replace.sf-dc:before, .sf-replace.sf-11001:before, .sf-replace.sf-puerto-rico:before, .sf-replace.sf-pr:before, .sf-replace.sf-72:before, .sf-replace.sf-guam:before, .sf-replace.sf-gu:before, .sf-replace.sf-66:before { position: absolute; top: 0; left: 0; text-indent: 0; } .sf-alabama:before, .sf-al:before, .sf-01:before, .sf-alaska:before, .sf-ak:before, .sf-02:before, .sf-arizona:before, .sf-az:before, .sf-04:before, .sf-arkansas:before, .sf-ar:before, .sf-05:before, .sf-california:before, .sf-ca:before, .sf-06:before, .sf-colorado:before, .sf-co:before, .sf-08:before, .sf-connecticut:before, .sf-ct:before, .sf-09:before, .sf-delaware:before, .sf-de:before, .sf-10:before, .sf-florida:before, .sf-fl:before, .sf-12:before, .sf-georgia:before, .sf-ga:before, .sf-13:before, .sf-hawaii:before, .sf-hi:before, .sf-15:before, .sf-idaho:before, .sf-id:before, .sf-16:before, .sf-illinois:before, .sf-il:before, .sf-17:before, .sf-indiana:before, .sf-in:before, .sf-18:before, .sf-iowa:before, .sf-ia:before, .sf-19:before, .sf-kansas:before, .sf-ks:before, .sf-20:before, .sf-kentucky:before, .sf-ky:before, .sf-21:before, .sf-louisiana:before, .sf-la:before, .sf-22:before, .sf-maine:before, .sf-me:before, .sf-23:before, .sf-maryland:before, .sf-md:before, .sf-24:before, .sf-massachusetts:before, .sf-ma:before, .sf-25:before, .sf-michigan:before, .sf-mi:before, .sf-26:before, .sf-minnesota:before, .sf-mn:before, .sf-27:before, .sf-mississippi:before, .sf-ms:before, .sf-28:before, .sf-missouri:before, .sf-mo:before, .sf-29:before, .sf-montana:before, .sf-mt:before, .sf-30:before, .sf-nebraska:before, .sf-ne:before, .sf-31:before, .sf-nevada:before, .sf-nv:before, .sf-32:before, .sf-new-hampshire:before, .sf-nh:before, .sf-33:before, .sf-new-jersey:before, .sf-nj:before, .sf-34:before, .sf-new-mexico:before, .sf-nm:before, .sf-35:before, .sf-new-york:before, .sf-ny:before, .sf-36:before, .sf-north-carolina:before, .sf-nc:before, .sf-37:before, .sf-north-dakota:before, .sf-nd:before, .sf-38:before, .sf-ohio:before, .sf-oh:before, .sf-39:before, .sf-oklahoma:before, .sf-ok:before, .sf-40:before, .sf-oregon:before, .sf-or:before, .sf-41:before, .sf-pennsylvania:before, .sf-pa:before, .sf-42:before, .sf-rhode-island:before, .sf-ri:before, .sf-44:before, .sf-south-carolina:before, .sf-sc:before, .sf-45:before, .sf-south-dakota:before, .sf-sd:before, .sf-46:before, .sf-tennessee:before, .sf-tn:before, .sf-47:before, .sf-texas:before, .sf-tx:before, .sf-48:before, .sf-utah:before, .sf-ut:before, .sf-49:before, .sf-vermont:before, .sf-vt:before, .sf-50:before, .sf-virginia:before, .sf-va:before, .sf-51:before, .sf-washington:before, .sf-wa:before, .sf-53:before, .sf-west-virginia:before, .sf-wv:before, .sf-54:before, .sf-wisconsin:before, .sf-wi:before, .sf-55:before, .sf-wyoming:before, .sf-wy:before, .sf-56:before, .sf-district-of-columbia:before, .sf-dc:before, .sf-11001:before, .sf-puerto-rico:before, .sf-pr:before, .sf-72:before, .sf-guam:before, .sf-gu:before, .sf-66:before { display: inline-block; margin-right: 5px; font-family: 'sf-regular'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; speak: none; } /* Icons */ .sf-alabama:before, .sf-al:before, .sf-01:before { content: "B"; } .sf-alaska:before, .sf-ak:before, .sf-02:before { content: "A"; } .sf-arizona:before, .sf-az:before, .sf-04:before { content: "D"; } .sf-arkansas:before, .sf-ar:before, .sf-05:before { content: "C"; } .sf-california:before, .sf-ca:before, .sf-06:before { content: "E"; } .sf-colorado:before, .sf-co:before, .sf-08:before { content: "F"; } .sf-connecticut:before, .sf-ct:before, .sf-09:before { content: "G"; } .sf-delaware:before, .sf-de:before, .sf-10:before { content: "H"; } .sf-florida:before, .sf-fl:before, .sf-12:before { content: "I"; } .sf-georgia:before, .sf-ga:before, .sf-13:before { content: "J"; } .sf-hawaii:before, .sf-hi:before, .sf-15:before { content: "K"; } .sf-idaho:before, .sf-id:before, .sf-16:before { content: "M"; } .sf-illinois:before, .sf-il:before, .sf-17:before { content: "N"; } .sf-indiana:before, .sf-in:before, .sf-18:before { content: "O"; } .sf-iowa:before, .sf-ia:before, .sf-19:before { content: "L"; } .sf-kansas:before, .sf-ks:before, .sf-20:before { content: "P"; } .sf-kentucky:before, .sf-ky:before, .sf-21:before { content: "Q"; } .sf-louisiana:before, .sf-la:before, .sf-22:before { content: "R"; } .sf-maine:before, .sf-me:before, .sf-23:before { content: "U"; } .sf-maryland:before, .sf-md:before, .sf-24:before { content: "T"; } .sf-massachusetts:before, .sf-ma:before, .sf-25:before { content: "S"; } .sf-michigan:before, .sf-mi:before, .sf-26:before { content: "V"; } .sf-minnesota:before, .sf-mn:before, .sf-27:before { content: "W"; } .sf-mississippi:before, .sf-ms:before, .sf-28:before { content: "Y"; } .sf-missouri:before, .sf-mo:before, .sf-29:before { content: "X"; } .sf-montana:before, .sf-mt:before, .sf-30:before { content: "Z"; } .sf-nebraska:before, .sf-ne:before, .sf-31:before { content: "c"; } .sf-nevada:before, .sf-nv:before, .sf-32:before { content: "g"; } .sf-new-hampshire:before, .sf-nh:before, .sf-33:before { content: "d"; } .sf-new-jersey:before, .sf-nj:before, .sf-34:before { content: "e"; } .sf-new-mexico:before, .sf-nm:before, .sf-35:before { content: "f"; } .sf-new-york:before, .sf-ny:before, .sf-36:before { content: "h"; } .sf-north-carolina:before, .sf-nc:before, .sf-37:before { content: "a"; } .sf-north-dakota:before, .sf-nd:before, .sf-38:before { content: "b"; } .sf-ohio:before, .sf-oh:before, .sf-39:before { content: "i"; } .sf-oklahoma:before, .sf-ok:before, .sf-40:before { content: "j"; } .sf-oregon:before, .sf-or:before, .sf-41:before { content: "k"; } .sf-pennsylvania:before, .sf-pa:before, .sf-42:before { content: "l"; } .sf-rhode-island:before, .sf-ri:before, .sf-44:before { content: "m"; } .sf-south-carolina:before, .sf-sc:before, .sf-45:before { content: "n"; } .sf-south-dakota:before, .sf-sd:before, .sf-46:before { content: "o"; } .sf-tennessee:before, .sf-tn:before, .sf-47:before { content: "p"; } .sf-texas:before, .sf-tx:before, .sf-48:before { content: "q"; } .sf-utah:before, .sf-ut:before, .sf-49:before { content: "r"; } .sf-vermont:before, .sf-vt:before, .sf-50:before { content: "t"; } .sf-virginia:before, .sf-va:before, .sf-51:before { content: "s"; } .sf-washington:before, .sf-wa:before, .sf-53:before { content: "u"; } .sf-west-virginia:before, .sf-wv:before, .sf-54:before { content: "w"; } .sf-wisconsin:before, .sf-wi:before, .sf-55:before { content: "v"; } .sf-wyoming:before, .sf-wy:before, .sf-56:before { content: "x"; } .sf-district-of-columbia:before, .sf-dc:before, .sf-11001:before { content: "y"; } .sf-puerto-rico:before, .sf-pr:before, .sf-72:before { content: "3"; } .sf-guam:before, .sf-gu:before, .sf-66:before { content: "4"; } .ribbon { clear: both; position: relative; color: #fff; background: #3e5871; margin: 0 -25px 20px -20px; padding: 0.5em 20px; text-shadow: 0 -1px #2c3e50, 0 1px #1a252f; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); border-radius: 0.2em; } .ribbon > .ribbon-seal { float: left; height: 2.6em; margin: -.75em .5em 0 0; } .ribbon:after { content: " "; display: block; width: 0; height: 0; position: absolute; bottom: -10px; left: 0; z-index: -1; position: absolute; border-top: 10px solid #233140; border-left: 10px solid transparent; background: transparent; } .ribbon:after { right: 0; left: auto; border-top: 10px solid #233140; border-right: 10px solid transparent; } html { position: relative; min-height: 100%; } body { overflow-x: hidden; font-size: 16px; } #logo { float: left; width: 36px; margin: -.3em .5em; } @media (max-width: 480px) { #body { padding: 0; } } footer { text-align: center; background: #EFEFEF; font-size: 0.9em; color: gray; padding: 2em 1.5em; margin-top: 1.5em; } footer p { line-height: 1em; } @media (max-width: 720px) { footer p { line-height: inherit; } } h1, h2 { border-bottom: 0.1em solid #075EB5; padding-bottom: .25em; margin: .25em 0 0.75em 0; } h1 img, h2 img { height: 1.2em; margin: -.15em .1em 0 0; } h1 span, h2 span { margin-left: .25em; font-size: 0.7em; color: #086bce; } @media (max-width: 480px) { h1, h2 { text-align: center; font-size: 1.75em; } h1 img, h2 img { display: none; } h1 span, h2 span { width: 100%; display: block; margin: 0.5em 0 0 0; } } h2 { font-size: 1.75em; margin-top: 1em; border-bottom: .075em solid #CCC; } h3 { font-size: 1.25em; color: #b55e07; } .well h3 { margin-top: 0; } #state-nav + .content-wrapper, .rates-box, .content-bordered { border-radius: .35em; border: 1px solid #eee; background: #fff; border-top: none; padding: 1em; } #side-nav { margin-bottom: 1em; } #side-nav a { padding: 5px 10px; } .table { margin-top: 1em; } .top-spaced { margin-top: 1em; } .bottom-spaced { margin-bottom: 1em; } .right-spaced { margin-right: 1em; } .left-spaced { margin-left: 1em; } .spaced { margin: .5em 0 .5em 0; } .help-tip { text-align: center; background-color: #86BDD8; border-radius: 50%; width: 24px; height: 24px; font-size: 14px; line-height: 26px; cursor: default; display: inline-block; } .help-tip:before { content: '?'; font-weight: bold; color: #fff; } .help-tip:hover div { z-index: 999; display: block; transform-origin: 100% 0%; animation: fadeIn 0.3s ease-in-out; } .help-tip div { /* The tooltip */ display: none; text-align: left; background-color: #1E2021; padding: 20px; width: 300px; position: absolute; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); right: -4px; color: #FFF; font-size: 13px; line-height: 1.4; } .help-tip div:after { /* Prevents the tooltip from being hidden */ width: 100%; height: 40px; content: ''; position: absolute; top: -40px; left: 0; } .help-tip div > h6 { font-weight: 900; font-size: 1.1em; margin-top: 0px; padding-bottom: 3px; border-bottom: 1px solid #fff; } /* CSS animation */ @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 100%; } } .ResponsiveLinkUnit { margin: 1em 0 1em 0; width: 100%; overflow: hidden; } .ResponsiveAd { margin: 1em 0 1em 0; } .SpacedAd { margin: 1em 0 1em 0; } #feedback { height: 45px; width: 104px; margin-left: -30px; position: fixed; top: 42.5%; z-index: 999; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } #feedback a { display: block; background: #2C3E50; height: 2em; width: 6.5em; padding: .5em 1em; color: #fff; font-family: Arial, sans-serif; font-size: 17px; font-weight: bold; text-decoration: none; border-bottom: solid 1px #333; border-left: solid 1px #333; border-right: solid 1px #fff; border-bottom-right-radius: .5em; border-bottom-left-radius: .5em; } #feedback a:hover { height: 2.5em; padding-top: 1em; background: #075EB5; } #instantFeedbackModal .modal-header { border-top-right-radius: .25em; border-top-left-radius: .25em; background: #075EB5; } #instantFeedbackModal .modal-header .modal-title { color: white; } @media only screen and (max-width: 800px) { /* Force table to not be like tables anymore */ .responsive-table table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr { display: block !important; } /* Hide table headers (but not display: none;, for accessibility) */ .responsive-table thead tr { position: absolute; top: -9999px; left: -9999px; } .responsive-table tr { border: 1px solid #ccc; } .responsive-table td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative !important; padding-left: 50% !important; white-space: normal !important; text-align: left !important; } .responsive-table td:before { /* Now like a table header */ position: absolute !important; /* Top/left values mimic padding */ top: 6px !important; left: 6px !important; width: 45% !important; padding-right: 10px !important; white-space: nowrap !important; text-align: left !important; font-weight: bold !important; } /* Label the data */ .responsive-table td:before { content: attr(data-title); } .ResponsiveAd { margin: 1em 0 1em 0; } .nav-tabs > li { width: 100%; margin-bottom: 0.25em; } .nav-tabs > li.active > a, .nav-tabs > li a:focus { border-bottom-color: #ddd !important; margin-right: 0; } } @media (max-width: 480px) { [class*="col-"]:not(:first-child):not([class*="col-xs"]) { margin-top: 1em; } } #page-selected-state-nav a { color: #2C3E50; background: #e6ffff; } .nav-top-states-dropdown { height: 300px !important; overflow-y: auto !important; } .nav-top-states-dropdown li:hover a { color: #000088; } /* |-------------------------------------------------------------------------- | Style for states top-nav dropdown |-------------------------------------------------------------------------- */ .nav-top-states-dropdown { height: 300px !important; overflow-y: auto !important; } .nav-top-states-dropdown li a { color: white; } .nav-top-states-dropdown li:hover a { color: black; } @media (min-width: 770px) { .nav-top-states-dropdown li a { color: #551A8B; } } @media (max-width: 770px) { .nav-top-states-dropdown { height: 300px !important; overflow-y: auto !important; } .nav-top-states-dropdown li:hover a { color: black; } } .nav-top-states-dropdown input { width: 90%; height: 30px !important; margin-left: auto; margin-right: auto; } .nav-top-states-dropdown hr { margin-bottom: 5px; margin-top: 10px; } .nav-top-states-dropdown li { margin-left: 15px; } .scrollbar { margin: 0px; float: left; height: 100%; width: 100%; background: #F5F5F5; overflow-y: scroll; margin-bottom: 25px; } .nav-state-search-style::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .nav-state-search-style::-webkit-scrollbar { width: 10px; height: 100%; background-color: #F5F5F5; } .nav-state-search-style::-webkit-scrollbar-thumb { background-color: #075EB5; background-image: -webkit-linear-gradient(45deg, #075EB5 25%, transparent 25%, transparent 50%, #075EB5 50%, #075EB5 75%, transparent 75%, transparent); } /* |-------------------------------------------------------------------------- | SVG Map Style |-------------------------------------------------------------------------- |*/ #map { height: 400px; } /* |-------------------------------------------------------------------------- | Home Page Styles |-------------------------------------------------------------------------- |*/ /* |-------------------------------------------------------------------------- | Content Styles (Laws Page) |-------------------------------------------------------------------------- |*/ .state-law-description-container p { text-indent: 20px; } .state-law-description-container span { text-indent: 0px !important; } .state-law-name-header { font-size: 20px; color: #3a99f8; text-shadow: 0.5px 0px black; } .law-section-directions { font-size: 15px; } dd { margin: .5em 0 1em 0em; } .childsupport-example { margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .childsupport-example + .alert { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; } /* |-------------------------------------------------------------------------- | Laws Dropdown (Site NavBar) |-------------------------------------------------------------------------- |*/ .nav-laws-holder { overflow-y: auto !important; padding: 5px; } .nav-laws-holder li a { color: white; } .nav-laws-holder li:hover a { color: black; } @media (min-width: 770px) { .nav-laws-holder li a { color: #551A8B; } } @media (max-width: 770px) { .nav-laws-holder { height: 150px !important; overflow-y: auto !important; } .nav-laws-holder li:hover a { color: black; } } /* |-------------------------------------------------------------------------- | Custom Style For Card Layout (Site NavBar) |-------------------------------------------------------------------------- |*/ .w3-container { margin: 0px; } .w3-header-custom { border-top-left-radius: .5em; border-top-right-radius: .5em; } .w3-header-custom h1, .w3-header-custom h2 { padding: 10px; text-decoration: none; margin: 0px; border: none; font-size: 20px; background-color: #3f5973; } .w3-header-custom-home-cara h1, .w3-header-custom-home-cara h2 { padding: 10px; text-decoration: none; margin: 0px; border: none; font-size: 20px; background-color: #3f5973; } .w3-card-4 { margin-bottom: 20px; } .card-inner-text-layout a { color: blue; text-decoration: underline; } .card-inner-text-layout { background-color: white; overflow: hidden; } .card-inner-text-layout img { padding: none; } .inner-reading-text { padding: 10px; } .inner-reading-text li { margin: 0px; } .state-law-section-click-here-for-more-info { padding-left: 10px; padding-right: 10px; padding-bottom: 15px; } .artical-image-fit-state-law-section-mobile { max-height: 125px; overflow: hidden; margin-bottom: 5px; } .state-laws-section-info-button { border-radius: 50%; background-color: #9cb3c9; border: 1px solid #243342; color: white; text-shadow: 1px 1px #243342; margin-right: 5px; height: 13px; width: 13px; font-size: 7px; text-indent: -2px; } .artical-image-fit-state-law-section { padding: 1em; } /* |-------------------------------------------------------------------------- | Removes top and bottom margin from table |-------------------------------------------------------------------------- |*/ #table-custom { margin: 0px !important; } /* |-------------------------------------------------------------------------- | Styles For (Readmore Pluggin) |-------------------------------------------------------------------------- |*/ .sidebar-box { max-height: 350px; position: relative; padding: 10px; overflow: hidden; } .sidebar-box .read-more { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: linear-gradient(to bottom, transparent, white); } .read-more a { padding: 5px; background-color: #bdcbdb; border-radius: 2px; border: 1px solid black; color: #eff2f6; box-shadow: 0.5px 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.75); } .row-info { cursor: pointer; cursor: hand; } /* |-------------------------------------------------------------------------- | Gives text formating poperties of a pre without the backgound |-------------------------------------------------------------------------- |*/ .pre { display: block; font-family: monospace; white-space: pre-wrap; padding: 0px; margin: 0px; } .pre-notes { display: block; white-space: pre; word-wrap: break-all; white-space: pre-wrap; padding: 1em; } /* |-------------------------------------------------------------------------- | Used in jquery to give a div scroll properties |-------------------------------------------------------------------------- |*/ .scroll { overflow: hidden !important; overflow-x: hidden; min-height: 300px !important; word-wrap: break-all; } /* |-------------------------------------------------------------------------- | Used in jquery to give a div scroll properties |-------------------------------------------------------------------------- |*/ .dropdown-cols { text-indent: 0px; padding: 0px; margin-top: 10px; margin-bottom: 20px; display: block; } .card-inner-table-layout { padding: 0px; } .card-inner-table-layout th { text-align: center; height: 100px; width: 40px !important; } .card-inner-table-layout td { text-align: center; white-space: nowrap; width: 40px !important; } .url-fix p a { color: blue !important; } .state-law-wrapper { word-wrap: break-word; } .heading { font-size: 30px; } .heading span { font-size: 25px; } .heading img { height: 32px; width: auto; } .heading b { font-size: 30px; color: #2c3e50; } @media (max-width: 768px) { .heading span { font-size: 20px; } .heading b { font-size: 25px; color: #2c3e50; } } /* |-------------------------------------------------------------------------- | Find a lawyer near me map styles |-------------------------------------------------------------------------- |*/ .map-detail-heading { font-size: 20px; } .map-detail-content { font-size: 15px; } .map-detail-content hr { padding: 0px; margin: 0px; margin-bottom: 5px; } .map-detail-content p { margin-top: 5px; padding: 0px; } .viewOnMapsButton { width: 100%; margin-left: auto; margin-right: auto; background-color: #dce4ec; border-color: black; } /* |-------------------------------------------------------------------------- | Home Styles |-------------------------------------------------------------------------- |*/ .home-fixed-info-block-content { position: fixed; bottom: 50px; font-size: 20px; margin: 0px; text-align: 0px !important; background-color: none; } .w3-content-custom-carousel h2 { font-size: 20px !important; text-align: center; background-color: rgba(63, 89, 115, 0.5); margin: 0; padding: 1em; } .blue-link a { color: blue; } .carousel-img-fit { width: 100% !important; overflow: hidden; } @media (min-width: 992px) { .carousel-img-fit { height: 400px; } } .w3-card-pos-fix { position: fixed; top: 0px; width: 100% !important; } .item { cursor: pointer; cursor: hand; } /* Carousel Text Style for mobile */ @media (max-width: 576px) { .w3-content-custom-carousel h2 { font-size: 15px !important; } .mobile-card-fit p { font-size: 10px !important; } } #page-selected-state-nav a { color: #2C3E50; background: #e6ffff; } #page-selected-law-nav a { color: #2C3E50; background: #e6ffff; } .nav-top-states-dropdown { height: 300px !important; overflow-y: auto !important; } .nav-top-states-dropdown li:hover a { color: #000088; } /* |-------------------------------------------------------------------------- | Style for states top-nav dropdown |-------------------------------------------------------------------------- */ .nav-top-states-dropdown { height: 300px !important; overflow-y: auto !important; } .nav-top-states-dropdown li a { color: white; } .nav-top-states-dropdown li:hover a { color: black; } @media (min-width: 770px) { .nav-top-states-dropdown li a { color: #551A8B; } } @media (max-width: 770px) { .nav-top-states-dropdown { height: 300px !important; overflow-y: auto !important; } .nav-top-states-dropdown li:hover a { color: black; } } .nav-top-states-dropdown input { width: 90%; height: 30px !important; margin-left: auto; margin-right: auto; } .nav-top-states-dropdown hr { margin-bottom: 5px; margin-top: 10px; } .nav-top-states-dropdown li { margin-left: 15px; } .scrollbar { margin: 0px; float: left; height: 100%; width: 100%; background: #F5F5F5; overflow-y: scroll; margin-bottom: 25px; } .nav-state-search-style::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .nav-state-search-style::-webkit-scrollbar { width: 10px; height: 100%; background-color: #F5F5F5; } .nav-state-search-style::-webkit-scrollbar-thumb { background-color: #075EB5; background-image: -webkit-linear-gradient(45deg, #075EB5 25%, transparent 25%, transparent 50%, #075EB5 50%, #075EB5 75%, transparent 75%, transparent); } /* |-------------------------------------------------------------------------- | SVG Map Style |-------------------------------------------------------------------------- |*/ #map { height: 400px; } /* |-------------------------------------------------------------------------- | Square Divs For Chart Keys (Laws Page) |-------------------------------------------------------------------------- |*/ .checked-on-map { height: 20px; width: 20px; margin-bottom: -4px; background-color: #00995c; display: inline-block; } .not-checked-on-map { height: 20px; width: 20px; margin-bottom: -4px; background-color: #075eb5; display: inline-block; } /* |-------------------------------------------------------------------------- | Content Styles (Laws Page) |-------------------------------------------------------------------------- |*/ .state-law-description-container p { text-indent: 20px; } .state-law-name-header { font-size: 20px; color: #3a99f8; text-shadow: 0.5px 0px black; } .law-section-directions { font-size: 15px; } /* |-------------------------------------------------------------------------- | Laws Dropdown (Site NavBar) |-------------------------------------------------------------------------- |*/ .nav-laws-holder { overflow-y: auto !important; padding: 5px; } .nav-laws-holder li a { color: white; } .nav-laws-holder li:hover a { color: black; } @media (min-width: 770px) { .nav-laws-holder li a { color: #551A8B; } } @media (max-width: 770px) { .nav-laws-holder { height: 150px !important; overflow-y: auto !important; } .nav-laws-holder li:hover a { color: black; } } /* |-------------------------------------------------------------------------- | Custom Style For Card Layout (Site NavBar) |-------------------------------------------------------------------------- |*/ .w3-container { margin: 0px; } .w3-header-custom h1, .w3-header-custom h2, .w3-header-custom h2 { padding: 10px; text-decoration: none; margin: 0px; border: none; font-size: 20px; text-align: left; backgroud-color: #2c3e50; } .w3-header-custom-home-cara h1, .w3-header-custom-home-cara h2, .w3-header-custom-home-cara h2 { padding: 10px; text-decoration: none; margin: 0px; border: none; font-size: 20px; background-color: #3f5973; } .w3-card-4 { margin-bottom: 20px; } .state-laws-section-info-button { border-radius: 50%; background-color: #9cb3c9; border: 1px solid #243342; color: white; text-shadow: 1px 1px #243342; margin-right: 5px; height: 13px; width: 13px; font-size: 7px; text-indent: -2px; } .artical-image-fit-state-law-section img { padding: 1em; } /* |-------------------------------------------------------------------------- | Removes top and bottom margin from table |-------------------------------------------------------------------------- |*/ #table-custom { margin: 0px !important; } /* |-------------------------------------------------------------------------- | Styles For (Readmore Pluggin) |-------------------------------------------------------------------------- |*/ .sidebar-box { max-height: 250px; position: relative; padding: 10px; overflow: hidden; } .sidebar-box .read-more { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: linear-gradient(to bottom, transparent, white); } .read-more a { padding: 5px; background-color: #bdcbdb; border-radius: 2px; border: 1px solid black; color: #eff2f6; box-shadow: 0.5px 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.75); } .row-info { cursor: pointer; cursor: hand; color: blue; } /* |-------------------------------------------------------------------------- | Used in jquery to give a div scroll properties |-------------------------------------------------------------------------- |*/ .scroll { overflow: hidden !important; overflow-x: hidden; min-height: 300px !important; word-wrap: break-all; } /* |-------------------------------------------------------------------------- | Used in jquery to give a div scroll properties |-------------------------------------------------------------------------- |*/ .dropdown-cols { text-indent: 0px; padding: 0px; margin-top: 10px; margin-bottom: 20px; display: block; } .card-inner-table-layout { padding: 0px; } .card-inner-table-layout th { text-align: center; height: 100px; width: 40px !important; } .card-inner-table-layout td { text-align: center; white-space: nowrap; width: 40px !important; } .url-fix p a { color: blue !important; } .state-law-wrapper { word-wrap: break-word; padding: 0px; margin: 0px; } .state-law-wrapper p { padding: 0px; margin: 0px; } .heading { font-size: 30px; } .heading span { font-size: 25px; } .heading img { height: 32px; width: auto; } .heading b { font-size: 30px; color: #2c3e50; } @media (max-width: 768px) { .heading span { font-size: 20px; } .heading b { font-size: 25px; color: #2c3e50; } } /* Calcuator Classes */ .calculator-label-custom { width: 100% !important; text-align: left; padding-bottom: 5px; border-bottom: 1px solid #9cb3c9; text-indent: 10px; margin-bottom: 15px; } .calculator-input { width: 100%; height: 35px; } .slider-custom-container { text-align: center; width: 100%; } .slider-custom-style { padding-bottom: 35px; padding-right: 5px; width: 90%; margin-left: auto; margin-right: auto; } .slider-seperator { padding-top: 10px; margin-bottom: -10px; border-color: white; } .ui-widget.ui-widget-content { border: none !important; } .alimony-calculator-feature-btns { width: 100%; margin-bottom: 10px; text-align: left; text-indent: 10px; } .card-inner-text-layout-alimony-calculator { padding: 0px; } .alimony-calculator-info-dot { width: 100%; text-align: center; padding: 0px !important; padding-top: 5px !important; } .alimony-calculator-info-dot-empty { color: blue; } .alimony-calculator-info-dot-error { color: red; } .alimony-calculator-info-dot-verified { color: green; } .calculator-label { text-align: right; } .calculator-label span { padding-right: 10px; } .boostrap-col-padding-fix { padding: 0px; } h6 { padding: 0px !important; margin: 0px; padding-right: 10px !important; margin-top: 7px; } .calculator-label-custom-slider-label { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; text-indent: 20px; } .alimony-calculator-seperator { border-color: #9cb3c9; } .alimony-calculator-custom-icon-button { padding-right: 10px !important; } .alimony-caluclator-custom-inner-card { margin: 10px; } .alimony-calculator-seperator { width: 95%; margin-left: auto; margin-right: auto; } /* |-------------------------------------------------------------------------- | Find a lawyer near me map styles |-------------------------------------------------------------------------- |*/ .map-detail-heading { font-size: 20px; } .map-detail-content { font-size: 15px; } .map-detail-content hr { padding: 0px; margin: 0px; margin-bottom: 5px; } .map-detail-content p { margin-top: 5px; padding: 0px; } .viewOnMapsButton { width: 100%; margin-left: auto; margin-right: auto; background-color: #dce4ec; border-color: black; } /* |-------------------------------------------------------------------------- | Home Styles |-------------------------------------------------------------------------- |*/ .home-fixed-info-block-content { position: fixed; bottom: 50px; font-size: 20px; margin: 0px; text-align: 0px !important; background-color: none; } .w3-content-custom-carousel h2 { font-size: 20px !important; text-align: center; background-color: #3f5973; margin: 0; padding: 1em; } .state-laws-page-card-content-headers { text-indent: 0px !important; } .blue-link a { color: blue; } .carousel-img-fit { width: 100% !important; overflow: hidden; } .w3-card-pos-fix { position: fixed; top: 0px; width: 100% !important; } .item { cursor: pointer; cursor: hand; } /* Carousel Text Style for mobile */ @media (max-width: 576px) { .w3-content-custom-carousel h2 { font-size: 15px !important; } .mobile-card-fit p { font-size: 10px !important; } } .lawyer-section-table tr:hover td { background-color: #adbfd2 !important; color: white; cursor: pointer; cursor: hand; } /* |-------------------------------------------------------------------------- | Removed |-------------------------------------------------------------------------- | .state-section-data-container hr{ border: 1px solid #075EB5; } .state-section-data-container { padding: 10px; border-radius: 5px; margin-top: 0px; } .state-section-data-container h3{ color: #3f5973; margin-bottom: -10px; text-shadow: 1px 1px #6bb3fa; font-size: 25px; } .state-section-data-container p{ text-indent: 20px; font-size: 18px; color: #517394; } .nav-laws-holder { padding: 5px; } .nav-laws-holder { overflow-y: auto !important; } .nav-laws-holder li a{ color: white; } .nav-laws-holder li:hover a{ color: darken($main, 25%); } @media (min-width: 770px) { .nav-laws-holder li a{ color: #551A8B; } } @media (max-width: 770px) { .nav-laws-holder { height: 300px !important; overflow-y: auto !important; } .nav-laws-holder li:hover a{ color: darken($main, 75%); } } |-------------------------------------------------------------------------- | State Chart Style |-------------------------------------------------------------------------- | .state-section-chart-container hr{ border: 1px solid #075EB5; } .state-section-chart-container { padding: 10px; border-radius: 5px; } .state-section-chart-container h3{ color: #3f5973; margin-bottom: -10px; text-shadow: 1px 1px #6bb3fa; font-size: 25px; } .state-section-chart-container td{ color: #517394; font-size: 20px; } @media (max-width: 770px) { .state-section-chart-container h3{ font-size: 20px; } .state-section-chart-container td{ font-size: 15px; } .state-section-chart-container table{ margin-top: 0px; } } */ /* Slider Css */ /*! jQuery-ui-Slider-Pips - v1.11.4 - 2016-09-04 * Copyright (c) 2016 Simon Goellner ; Licensed MIT */ /* HORIZONTAL */ /* increase bottom margin to fit the pips */ .ui-slider-horizontal.ui-slider-pips { margin-bottom: 1.4em; } /* default hide the labels and pips that arnt visible */ /* we just use css to hide incase we want to show certain */ /* labels/pips individually later */ .ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide { display: none; } /* now we show any labels that we've set to show in the options */ .ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: block; } /* PIP/LABEL WRAPPER */ /* position each pip absolutely just below the default slider */ /* and also prevent accidental selection */ .ui-slider-pips .ui-slider-pip { width: 2em; height: 1em; line-height: 1em; position: absolute; font-size: 0.8em; color: #999; overflow: visible; text-align: center; top: 20px; left: 20px; margin-left: -1em; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-state-disabled.ui-slider-pips .ui-slider-pip { cursor: default; } /* little pip/line position & size */ .ui-slider-pips .ui-slider-line { background: #999; width: 1px; height: 3px; position: absolute; left: 50%; } /* the text label postion & size */ /* it overflows so no need for width to be accurate */ .ui-slider-pips .ui-slider-label { position: absolute; top: 5px; left: 50%; margin-left: -1em; width: 2em; } /* make it easy to see when we hover a label */ .ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label { color: black; font-weight: bold; } /* VERTICAL */ /* vertical slider needs right-margin, not bottom */ .ui-slider-vertical.ui-slider-pips { margin-bottom: 1em; margin-right: 2em; } /* align vertical pips left and to right of the slider */ .ui-slider-vertical.ui-slider-pips .ui-slider-pip { text-align: left; top: auto; left: 20px; margin-left: 0; margin-bottom: -0.5em; } /* vertical line/pip should be horizontal instead */ .ui-slider-vertical.ui-slider-pips .ui-slider-line { width: 3px; height: 1px; position: absolute; top: 50%; left: 0; } .ui-slider-vertical.ui-slider-pips .ui-slider-label { top: 50%; left: 0.5em; margin-left: 0; margin-top: -0.5em; width: 2em; } /* FLOATING HORIZTONAL TOOLTIPS */ /* remove the godawful looking focus outline on handle and float */ .ui-slider-float .ui-slider-handle:focus, .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label { outline: none; } /* style tooltips on handles and on labels */ /* also has a nice transition */ .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label { position: absolute; visibility: hidden; top: -40px; display: block; width: 34px; margin-left: -18px; left: 50%; height: 20px; line-height: 20px; background: white; border-radius: 3px; border: 1px solid #888; text-align: center; font-size: 12px; opacity: 0; color: #333; transition-property: opacity, top, visibility; transition-timing-function: ease-in; transition-duration: 200ms, 200ms, 0ms; transition-delay: 0ms, 0ms, 200ms; } /* show the tooltip on hover or focus */ /* also switch transition delay around */ .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { opacity: 1; top: -30px; visibility: visible; transition-timing-function: ease-out; transition-delay: 200ms, 200ms, 0ms; } /* put label tooltips below slider */ .ui-slider-float .ui-slider-pip .ui-slider-tip-label { top: 42px; } .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 32px; font-weight: normal; } /* give the tooltip a css triangle arrow */ .ui-slider-float .ui-slider-tip:after, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { content: " "; width: 0; height: 0; border: 5px solid rgba(255, 255, 255, 0); border-top-color: white; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; } /* put a 1px border on the tooltip arrow to match tooltip border */ .ui-slider-float .ui-slider-tip:before, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before { content: " "; width: 0; height: 0; border: 5px solid rgba(255, 255, 255, 0); border-top-color: #888; position: absolute; bottom: -11px; left: 50%; margin-left: -5px; } /* switch the arrow to top on labels */ .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { border: 5px solid rgba(255, 255, 255, 0); border-bottom-color: white; top: -10px; } .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before { border: 5px solid rgba(255, 255, 255, 0); border-bottom-color: #888; top: -11px; } /* FLOATING VERTICAL TOOLTIPS */ /* tooltip floats to left of handle */ .ui-slider-vertical.ui-slider-float .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-tip-label { top: 50%; margin-top: -11px; width: 34px; margin-left: 0px; left: -60px; color: #333; transition-duration: 200ms, 200ms, 0; transition-property: opacity, left, visibility; transition-delay: 0, 0, 200ms; } .ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 50%; margin-top: -11px; left: -50px; } /* put label tooltips to right of slider */ .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label { left: 47px; } .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { left: 37px; } /* give the tooltip a css triangle arrow */ .ui-slider-vertical.ui-slider-float .ui-slider-tip:after, .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { border: 5px solid rgba(255, 255, 255, 0); border-left-color: white; border-top-color: transparent; position: absolute; bottom: 50%; margin-bottom: -5px; right: -10px; margin-left: 0; top: auto; left: auto; } .ui-slider-vertical.ui-slider-float .ui-slider-tip:before, .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before { border: 5px solid rgba(255, 255, 255, 0); border-left-color: #888; border-top-color: transparent; position: absolute; bottom: 50%; margin-bottom: -5px; right: -11px; margin-left: 0; top: auto; left: auto; } .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { border: 5px solid rgba(255, 255, 255, 0); border-right-color: white; right: auto; left: -10px; } .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before { border: 5px solid rgba(255, 255, 255, 0); border-right-color: #888; right: auto; left: -11px; } /* SELECTED STATES */ /* Comment out this chuck of code if you don't want to have the new label colours shown */ j .ui-slider-pips [class*=ui-slider-pip-initial] { font-weight: bold; color: #14CA82; } .ui-slider-pips .ui-slider-pip-initial-2 { color: #1897C9; } .ui-slider-pips [class*=ui-slider-pip-selected] { font-weight: bold; color: #FF7A00; } .ui-slider-pips .ui-slider-pip-inrange { color: black; } .ui-slider-pips .ui-slider-pip-selected-2 { color: #E70081; } .ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line, .ui-slider-pips .ui-slider-pip-inrange .ui-slider-line { background: black; } /****************************************** * Alimony Calculator Styles ****************************************** */ .calculator-label-custom { width: 100% !important; text-align: left; padding-bottom: 5px; border-bottom: 1px solid #9cb3c9; text-indent: 10px; margin-bottom: 15px; font-size: 25px; } .calculator-input { width: 100%; height: 35px; } .slider-custom-style { padding-bottom: 35px; padding-right: 5px; width: 90%; margin-left: auto; margin-right: auto; } .slider-seperator { padding-top: 10px; margin-bottom: -10px; border-color: white; } .ui-widget.ui-widget-content { border: none !important; } .alimony-calculator-feature-btns { width: 100%; margin-top: 15px; margin-bottom: 15px; text-align: left; text-indent: 10px; } .card-inner-text-layout-alimony-calculator { padding: 0px; } .alimony-calculator-info-dot { width: 100%; text-align: center; padding: 0px !important; padding-top: 5px !important; } .alimony-calculator-info-dot-empty { color: blue; } .alimony-calculator-info-dot-error { color: red; } .alimony-calculator-info-dot-verified { color: green; } .calculator-label { text-align: right; } .calculator-label span { padding-right: 10px; } .boostrap-col-padding-fix { padding: 0px; } h6 { padding: 0px !important; margin: 0px; padding-right: 10px !important; margin-top: 7px; } .calculator-label-custom-slider-label { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; text-indent: 20px; } .alimony-calculator-seperator { border-color: #9cb3c9; margin-bottom: 0px; } .alimony-calculator-custom-icon-button { padding-right: 10px !important; } .alimony-caluclator-custom-inner-card { margin: 10px; } .alimony-calculator-seperator { width: 99%; margin-left: auto; margin-right: auto; } fieldset { border: none; } #success_message { display: none; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; visibility: hidden; } input[type="number"] { -moz-appearance: textfield; } .bv-form .bv-icon-input-group { margin-right: 10px; } .inputGroupContainer { margin-bottom: 10px; } .alimony-calculator-inner-card { padding-right: 15px; padding-left: 15px; padding-bottom: 10px; } .alimony-est-amount { font-size: 25px; color: green; } .alimony-est-mid { font-weight: bold; } .alimony-est-range { font-size: 20px; } .alimony-est-alg { font-size: 20px; } .alimony-calculator-estimate-seperator { border-color: green; } .alimony-estimate-table { width: 100%; margin: 0px; } .alimony-est-monthly-range { color: #009900; } .alimony-est-monthly-range-mid { font-size: 18px; font-weight: bold; } .alimony-est-formula a { text-decoration: underline; color: blue; } .alimony-est-formula a:hover { text-decoration: none; color: #6666ff; } .alimony-est-range-mid-yearly { color: #009900; font-size: 18px; font-weight: bold; } .alimony-est-range-mid { color: #009900; } .alimony-calculator-question-mark-circle { height: 30px; width: 30px; border-radius: 50%; background-color: red; } .responstable { width: 100%; overflow: hidden; background: #FFF; color: #024457; border-radius: 10px; border: 1px solid #167F92; } .responstable tr { border: 1px solid #D9E4E6; } .responstable tr:nth-child(odd) { background-color: #EAF3F3; } .responstable th { display: none; border: 1px solid #FFF; background-color: #167F92; color: #FFF; } .responstable th:first-child { display: table-cell; text-align: center; } .responstable th:nth-child(2) { display: table-cell; } .responstable th:nth-child(2):after { content: attr(data-th); } @media (min-width: 768px) { .responstable th:nth-child(2) span { display: block; } .responstable th:nth-child(2):after { display: none; } } .responstable td { display: block; word-wrap: break-word; } .responstable td:first-child { display: table-cell; border-right: 1px solid #D9E4E6; } @media (min-width: 768px) { .responstable td { border: 1px solid #D9E4E6; } } .responstable th, .responstable td { text-align: left; margin: 0px; } @media (min-width: 768px) { .responstable th, .responstable td { display: table-cell; padding: 0px; } } .responstable { padding: 0px; margin: 0px; width: 100% !important; padding-bottom: 2px; border: 1px solid black; } .responstable tr td a { color: blue; } .responstable td[valign="top"][style="width: 15%"] { white-space: nowrap; display: table-cell; } .pay-average-master { border-right: 1px solid #ced9e4 !important; padding-bottom: 25px; } .pay-low-master { border-right: none !important; } @media (min-width: 576px) { .pay-average-master { border-right: none; } .pay-low-master { border-right: 1px solid #ced9e4 !important; } } .alimony-table-input-text { height: 100%; vertical-align: middle; display: inline; font-size: 15px; padding: 3px; max-width: 200px; width: 100%; margin-left: auto; margin-right: auto; display: block; text-align: center; } .responstable th { text-align: center; } .alimony-calculator-pie-chart-master { width: 150px; height: 150px; padding-bottom: 10px; border-bottom: 1px solid #9cb3c9; padding-top: 10px; margin-bottom: 10px; } .alimony-calculator-pie-chart { width: 150px; height: 150px; padding-bottom: 10px; border-bottom: 1px solid #9cb3c9; padding-top: 10px; margin-bottom: 10px; } .alimony-pie-chart-label { font-size: 20px; margin-top: 10px; } .alimony-pie-chart-labels-income { display: inline; } .alimony-pie-chart-labels-income span { margin-bottom: 10px; } .alimony-pie-chart-master { background-color: #f5f5f5; border: 1px solid #e3e3e3; } .alimony-pie-chart-child { border: 1px solid white; } fieldset { padding: 0px !important; margin: 0px !important; border: none !important; } .formated-year-term { font-size: 15px; color: #00b300; } .help-tip { position: absolute; top: 64px; right: 18px; text-align: center; background-color: #BCDBEA; border-radius: 50%; width: 24px; height: 24px; font-size: 14px; line-height: 26px; cursor: default; } .help-tip-payments-amount { top: 40px; } .help-tip:before { content: '?'; font-weight: bold; color: #fff; } .help-tip:hover p { display: block; transform-origin: 100% 0%; animation: fadeIn 0.3s ease-in-out; } .help-tip p { /* The tooltip */ display: none; text-align: left; background-color: #1E2021; padding: 20px; width: 120px; position: absolute; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); right: -4px; color: #FFF; font-size: 13px; line-height: 1.4; z-index: 1; } .help-tip p:before { /* The pointer of the tooltip */ position: absolute; content: ''; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #1E2021; right: 10px; top: -12px; } .help-tip p:after { /* Prevents the tooltip from being hidden */ width: 100%; height: 40px; content: ''; position: absolute; top: -40px; left: 0; } /* CSS animation */ @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 100%; } } .helper-text { background-color: #f5f5f5; margin-top: 1em; padding-left: 1em; border: 1px solid #e6e6e6; color: #4d4d4d; font-size: 1.1em; border-radius: 1em; padding: 10px; } /*Donate Button Styles*/ .donate-container { width: 100%; margin-left: auto; margin-right: auto; background-color: #f5f5f5; border-radius: 1em; margin-bottom: 0px; margin-top: 0px; padding: 10px; border: 1px solid #e6e6e6; color: #4d4d4d; } .donate-text { text-align: center; padding-bottom: 5px; } .donate-text a { color: blue; } .donate-container button { border-radius: 1em; background-color: #428bca; border: 1px solid #009900; width: 100%; height: 45px; color: #e6ffe6; font-size: 25px; } .donate-container button:hover { background-color: #74a9d8; } /*Alimony Equation Styles*/ .alimony-formula-answer-yes { color: green; padding-left: 20px; font-size: 25px; } .alimony-formula-answer-no { color: red; padding-left: 20px; font-size: 25px; } .alimony-formula-monthly-payment { font-size: 25px; color: green; width: 100%; text-align: center; } @media (max-width: 768px) { .alimony-formula-monthly-payment { border-bottom: 1px solid #9cb3c9; padding-bottom: 15px; margin-bottom: 10px; } } @media (min-width: 768px) { .alimony-formula-monthly-payment { border-right: 1px solid #9cb3c9; } } .alimony-formula-monthly-payment span { font-size: 30px; color: #009900; width: 100%; text-align: center; font-weight: bold; text-decoration: underline; } .alimony-formula-yearly-payment { font-size: 25px; color: green; width: 100%; text-align: center; } .alimony-formula-yearly-payment span { font-size: 30px; color: #009900; width: 100%; text-align: center; font-weight: bold; text-decoration: underline; } /*Alimony Calculator Top Nav Styles*/ .nav-dropdown-label { margin-left: 8px; border-radius: 2px; margin-right: 5px; background-color: #cee6fd; padding: 5px; color: #0a83f5; margin-bottom: 5px; } .nav-dropdown-label a { color: #0a83f5; } .main-alimony-calculator { background-color: #075EB5; border-radius: 3px; margin-left: 5px; margin-right: 5px; } .main-alimony-calculator li a { color: #e6f2fe; font-size: 18px; } .main-alimony-calculator li a:hover { color: #6cb5f9; } .left-navbar-alimony-calculator a { font-weight: bold; color: #17b595; }