html,body{margin:0!important;overflow-x:hidden}
body{color:#434a54;font-family: Raleway!important, sans-serif;font-size:12px;font-weight:400}
p{font-family: Raleway, sans-serif;}
td,th{font-family: Raleway, sans-serif;}
div{font-family: Raleway, sans-serif;}
div#body{background-color:#f5f7fa;text-align:left;min-width:320px;margin:0;padding:0;}
div.mainarea,div.Ad970x90{min-width:320px}
div.Ad970x90,div.ads336x280sidebar,div.ads336x280,div.ads300x250_1{min-height:560px;}
div.header{margin:0}
div.mainarea,div.header{text-align:left}
div.mainarea{display:table;}
div.header{min-width:298px;background-color:#fff}
.top5-box{
box-shadow:0 8px 18px rgba(67,74,84,.08);
}
.top5-box-menu{
background-color:#dcdcfc!important;
}
.top5-box-home{
background-color:#229ad6!important;
}
.calkoo-site-search{
position:relative;
margin:8px 0;
border-radius:14px;
font-family:Raleway,sans-serif;
}
.calkoo-site-search--home{
min-height:236px;
padding:28px 30px;
color:#fff;
background:linear-gradient(135deg,#167db3 0%,#229ad6 52%,#49b8e9 100%);
box-shadow:0 10px 24px rgba(34,154,214,.2);
}
.calkoo-site-search--sidebar{
padding:18px;
color:#fff;
background:linear-gradient(135deg,#167db3 0%,#229ad6 58%,#49b8e9 100%);
border:0;
box-shadow:0 10px 22px rgba(34,154,214,.2);
}
.calkoo-search-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:14px}
.calkoo-search-eyebrow{
font-family:Poppins,sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:.1em;
line-height:1.2;
text-transform:uppercase;
color:#d9f0fb;
}
.calkoo-search-heading label{
font-family:Poppins,sans-serif;
font-size:21px;
font-weight:600;
line-height:1.2;
}
.calkoo-site-search--sidebar .calkoo-search-heading label{font-size:16px}
.calkoo-search-input-wrap{position:relative;display:flex;align-items:center;gap:8px}
.calkoo-search-input-wrap>.fa-search{position:absolute;left:14px;color:#697481;font-size:14px;pointer-events:none}
.calkoo-search-input{
min-width:0;
width:100%;
height:48px;
padding:0 104px 0 39px;
color:#434a54;
font:500 14px Poppins,sans-serif;
background:#fff;
border:1px solid rgba(67,74,84,.18);
border-radius:10px;
outline:none;
transition:border-color .16s ease,box-shadow .16s ease;
}
.calkoo-search-input::placeholder{color:#7c8794;opacity:1}
.calkoo-search-input:focus{border-color:#126b74;box-shadow:0 0 0 4px rgba(18,107,116,.18)}
.calkoo-search-button{
position:absolute;
right:5px;
min-width:84px;
height:38px;
padding:0 13px;
color:#fff;
font:600 12px Poppins,sans-serif;
background:#126b74;
border:0;
border-radius:8px;
transition:background-color .16s ease,transform .16s ease;
}
.calkoo-search-button:hover,.calkoo-search-button:focus-visible{background:#0d535a}
.calkoo-search-button:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:2px}
.calkoo-search-button:active{transform:translateY(1px)}
.calkoo-search-hint{margin-top:10px;color:inherit;font-size:12px;opacity:.84}
.calkoo-search-results{margin-top:14px;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 8px 20px rgba(22,74,103,.2)}
.calkoo-site-search--sidebar .calkoo-search-results{border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 20px rgba(22,74,103,.2)}
.calkoo-search-results-heading{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;color:#58606e;font:700 10px Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:#f5f7fa}
.calkoo-search-results-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;color:#fff;background:#229ad6;border-radius:10px;font-size:11px;letter-spacing:0}
.calkoo-search-result-list{padding:0;margin:0;list-style:none}
.calkoo-search-result{margin:0;border-bottom:1px solid #edf0f4}
.calkoo-search-result:last-child{border-bottom:0}
.calkoo-search-result-link{display:block;padding:10px 13px;color:#434a54!important;text-decoration:none!important;transition:background-color .15s ease,color .15s ease}
.calkoo-search-result-link:hover,.calkoo-search-result-link:focus-visible{color:#126b74!important;background:#f0f8fc;outline:0}
.calkoo-search-result-title{display:block;font:600 13px Poppins,sans-serif;line-height:1.35}
.calkoo-search-result-description{display:block;margin-top:2px;color:#697481;font-size:12px;line-height:1.35}
.calkoo-site-search--sidebar .calkoo-search-result-description{display:none}
.calkoo-search-empty{padding:14px;color:#697481;font-size:13px}
@media (max-width:575.98px){
.calkoo-site-search--home{min-height:0;padding:22px 18px}
.calkoo-search-heading label{font-size:18px}
.calkoo-search-input{height:46px;padding-right:83px;font-size:12px}
.calkoo-search-button{min-width:68px;padding:0 9px;font-size:11px}
}
.top5-box-title{
color:#434a54 !important;
}
.top5-list{margin-bottom:0;}
.top5-item{padding-top:0!important;padding-bottom:0!important;}
.top5-item:last-child{border-bottom:0!important;}
.top5-box .top5-item{border-bottom-color:#434a54!important;}
.top5-box-home .top5-item{border-bottom-color:#fff!important;}
.top5-box a.top5-link,
.top5-box a.top5-link:link,
.top5-box a.top5-link:visited{
width:100%;
padding:11px 8px;
border-radius:12px;
text-decoration:none;
transition:color .18s ease;
}
.top5-box-menu a.top5-link,
.top5-box-menu a.top5-link:link,
.top5-box-menu a.top5-link:visited{
color:#434a54 !important;
}
.top5-box-menu a.top5-link:hover,
.top5-box-menu a.top5-link:focus{
color:#229ad6 !important;
text-decoration:none;
}
.top5-box-menu a.top5-link:active{
color:#952506 !important;
}
.top5-box-home a.top5-link,
.top5-box-home a.top5-link:link,
.top5-box-home a.top5-link:visited{
color:#fff !important;
}
.top5-box-home a.top5-link:hover,
.top5-box-home a.top5-link:focus{
color:#d9f0fb !important;
text-decoration:none;
}
.top5-box-home a.top5-link:active{
color:#f5f7fa !important;
}
.top5-rank{
width:1.85rem;
height:1.85rem;
margin-right:.65rem;
font-family:Poppins,sans-serif;
font-size:15px;
font-weight:700;
line-height:1;
color:inherit;
opacity:.82;
text-align:center;
flex-shrink:0;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
background-color:#cfd0fb;
border:0;
}
.top5-box-home .top5-rank{
background-color:#57b5e3;
}
.top5-box-menu .top5-rank{
background-color:#f0f5fc;
}
.seealso-box{
background-color:#cfe0fc!important;
box-shadow:0 8px 18px rgba(67,74,84,.08);
}
.seealso-box-title{
color:#434a54 !important;
}
.seealso-box .top5-item{border-bottom-color:#434a54!important;}
.seealso-box a.seealso-link,
.seealso-box a.seealso-link:link,
.seealso-box a.seealso-link:visited{
color:#434a54 !important;
width:100%;
padding:11px 8px;
border-radius:12px;
text-decoration:none;
transition:color .18s ease;
}
.seealso-box a.seealso-link:hover,
.seealso-box a.seealso-link:focus{
color:#229ad6 !important;
text-decoration:none;
}
.seealso-box a.seealso-link:active{
color:#952506 !important;
}
.seealso-rank{
width:1.85rem;
height:1.85rem;
margin-right:.65rem;
font-family:Poppins,sans-serif;
font-size:15px;
font-weight:700;
line-height:1;
color:inherit;
opacity:.82;
text-align:center;
flex-shrink:0;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
background-color:#f0f5fc;
border:0;
}
.top5-text{
line-height:1.35;
color:inherit;
}
label {font-size:12px;font-family: Raleway, sans-serif;}
.material-icons.md-18 { font-size: 18px;}
.clickio-cmp-banner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
/* Font Awesome 6 Free Solid */
@font-face {
font-family: 'Font Awesome 6 Free';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.woff2') format('woff2');
}
img[src*="svg"] {width: 100%;}
img { border: 0;}
.row{padding:0;margin:0 !important;}
table.table-calc{width:100%}
table.table-calc-full{width:100%!important;min-width:100%!important;max-width:none!important}
.npv-table-wrap{display:block;width:100%!important;max-width:none!important;overflow-x:auto}
#npv_table{width:100%!important;min-width:100%!important;max-width:none!important}
table.date{border-spacing:0;border-collapse:collapse;border:0 solid #434a54}
table.date td{padding:0;margin:0}
hr{
display: block;
height: 1px;
border: 0;
border-top: #c8d1e0 1px dotted!important ;
margin: 1em 0;
padding: 0;
}
hr.result{
display: block;
height: 1px;
border: 0;
border-top:1px solid #064d70!important;
margin: 1em 0;
padding: 0;
border-color:#064d70;
background-color:#064d70;
color:#064d70;
}
SELECT{background-color:#fff;font:14px Raleway;font-weight:300;letter-spacing:0;color:#434a54;border:#c8d1e0 1px solid;height:24px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-appearance:none;-moz-appearance: none;margin:0 4px 7px}
SELECT {
padding:3px 36px 1px 5px;
background-image:linear-gradient(45deg,transparent 50%,#8e99ab 50%),linear-gradient(135deg,#8e99ab 50%,transparent 50%),linear-gradient(to right,#8e99ab,#8e99ab);
background-position:calc(100% - 14px) calc(0.6em + 3px),calc(100% - 9px) calc(0.6em + 3px),calc(100% - 2.0em) .1em;
background-size:5px 5px,5px 5px,1px 1.4em;
background-repeat:no-repeat
}
SELECT:hover{border:1px solid #afbacc;}
.form-control{border-color:#c8d1e0;}
.input-group-text{border-color:#c8d1e0;}
/* Align cooking converter selects with input edges */
#cooking select{
margin:0 0 7px!important;
}
.select60{width:60px;text-align:right}
.select75{width:75px;text-align:right}
.select90{width:90px}
.select120{width:120px}
.select180{width:180px}
.select240{width:240px}
.select300{width:300px}
.W60{width:60px}
.W90{width:90px}
.W120{width:120px}
.W100{width:100px;min-width:100px}
.W180{width:180px}
.W210{width:210px}
.loan-input-w{width:210px}
.H30{display:block;line-height:0px;margin-top:22px;background-color:#c00}
.input{font:16px Raleway}
input:disabled {color: #333840!important;}
/*Remove controls from Firefox*/
input[type=number]{-moz-appearance:textfield}
/* Remove controls from Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input.vis:hover{border:1px solid #afbacc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
input.vis:focus{outline:none;border:1px solid #434a54;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);}
.hid{background-color:inherit;color:inherit;border:0;font-weight:300;margin:0;padding:0;}
.red{background-color:inherit;color:#C00;border:0;font-weight:300;margin:0;padding:0;}
.vis{letter-spacing:1px;color:#434a54;border:#c8d1e0 1px solid;height:32px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:0;background-color:#ffffff;font-weight:300;padding:3px 2px 2px;margin:0 5px 7px;}
.biginput,.l-input{font:20px Raleway;font-weight:300;}
.disabled{border:#c8d1e0 1px solid;background:0;background-color:#dde3ed!important;}
.flatpickr-calendar {
background-color:#dde3ed !important;
border:1px solid #c8d1e0 !important;
}
.flatpickr-months,
.flatpickr-weekdays {
background-color:#dde3ed !important;
}
input[type=radio]{margin:5px}
input[type=radio].css-radio,input[type=checkbox].css-checkbox{display:none}
input[type=radio].css-radio + label.css-label,input[type=checkbox].css-checkbox + label.chk-label{font-weight:300;padding-left:24px;margin:4px 0 9px 6px;min-height:19px;display:inline-block;line-height:1.35;background-repeat:no-repeat;background-position:0 0;vertical-align:top;cursor:pointer;background-color:transparent!important;color:#434a54!important;white-space:normal}
input[type=checkbox]:disabled + label.chk-label{cursor:auto;}
input[type=radio].css-radio:checked + label.css-label,input[type=checkbox].css-checkbox:checked + label.chk-label{background-position:0 -19px}
label.css-label,label.chk-label{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent!important;color:#434a54!important}
label.css-label:hover,label.css-label:active,label.css-label:focus,label.chk-label:hover,label.chk-label:active,label.chk-label:focus{background-color:transparent!important;color:#434a54!important}
label.css-label{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Crect x='0.75' y='0.75' width='17.5' height='17.5' rx='3' fill='%23ffffff' stroke='%23c8d1e0' stroke-width='1.5'/%3E%3C/svg%3E");
background-size:19px 19px;
}
input[type=radio].css-radio:checked + label.css-label{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Crect x='0.75' y='0.75' width='17.5' height='17.5' rx='3' fill='%23ffffff' stroke='%23c8d1e0' stroke-width='1.5'/%3E%3Crect x='5.2' y='5.2' width='8.6' height='8.6' rx='2' fill='%23555555'/%3E%3C/svg%3E");
background-position:0 0;
}
input[type=radio]:disabled + label.css-label{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Crect x='0.75' y='0.75' width='17.5' height='17.5' rx='3' fill='%23dde3ed' stroke='%23c8d1e0' stroke-width='1.5'/%3E%3C/svg%3E");
background-size:19px 19px;
cursor:auto;
}
input[type=radio]:disabled:checked + label.css-label{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Crect x='0.75' y='0.75' width='17.5' height='17.5' rx='3' fill='%23dde3ed' stroke='%23c8d1e0' stroke-width='1.5'/%3E%3Crect x='5.2' y='5.2' width='8.6' height='8.6' rx='2' fill='%23555555'/%3E%3C/svg%3E");
background-position:0 0;
}
input[type=radio].css-radio + label.css-label.ytm-radio-label{
height:auto;
min-height:19px;
line-height:1.35;
display:inline-block;
white-space:normal;
padding-top:0;
padding-bottom:0;
}
label.chk-label{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Crect x='0.75' y='0.75' width='17.5' height='17.5' rx='3' fill='%23ffffff' stroke='%23c8d1e0' stroke-width='1.5'/%3E%3C/svg%3E");
background-size:19px 19px;
}
input[type=checkbox].css-checkbox:checked + label.chk-label{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Crect x='0.75' y='0.75' width='17.5' height='17.5' rx='3' fill='%23ffffff' stroke='%23c8d1e0' stroke-width='1.5'/%3E%3Cpath d='M4.7 9.9 8 13.2 14.6 6.6' fill='none' stroke='%23555555' stroke-width='2.6' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");
background-position:0 0;
}
input[type=checkbox]:disabled + label.chk-label{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Crect x='0.75' y='0.75' width='17.5' height='17.5' rx='3' fill='%23dde3ed' stroke='%23c8d1e0' stroke-width='1.5'/%3E%3C/svg%3E");
background-size:19px 19px;
}
input[type=checkbox]:disabled:checked + label.chk-label{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Crect x='0.75' y='0.75' width='17.5' height='17.5' rx='3' fill='%23dde3ed' stroke='%23c8d1e0' stroke-width='1.5'/%3E%3Cpath d='M4.7 9.9 8 13.2 14.6 6.6' fill='none' stroke='%23555555' stroke-width='2.6' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");
background-position:0 0;
}
.btn {font-family: Raleway, sans-serif;}
.btn:focus {outline: 0 !important;}
.btn-language,.btn-language:visited{color:#fff!important;border:1px solid #fff!important;important;background-color:#229ad6!important;padding:0 12px!important;height:40px!important;font-size:12px;text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;white-space:nowrap;line-height:1}
.btn-language.btn-language-greek,.btn-language.btn-language-greek:visited{text-transform:none;letter-spacing:0}
.btn-language:active,.btn-language:hover{border:1px solid #fff!important;background-color:#0c7bb3!important}
.language-flag{display:inline-block;min-width:1.35em;font-size:1.25em;line-height:1;vertical-align:middle;text-align:center}
.btn-language .language-flag{text-shadow:0 0 4px rgba(255,255,255,0.85),0 0 8px rgba(255,255,255,0.45)}
.btn-language img,
.dropdown-languages img{
width:16px;
height:11px;
margin:0!important;
padding:0!important;
display:inline-block;
flex:0 0 auto;
}
.btn-language img[src$="CHE.gif"],
.dropdown-languages img[src$="CHE.gif"]{
width:11px;
height:11px;
}
.input-group-text.unit{min-width:2.5rem;justify-content:center;}
.vat-currency-addon{
position:relative;
top:0;
}
.vat-currency-text{
position:relative;
top:1px;
display:inline-block;
}
.vat-currency-prefix{
border-right:0;
}
.vat-currency-suffix{
border-left:0;
}
#vat_adv_table{
table-layout:fixed;
width:100%!important;
max-width:none;
}
#vat-advanced-mode,
#vat-advanced-mode .table-responsive{
width:100%;
max-width:none;
}
#vat-advanced-mode .vat-adv-table-wrap{
padding-left:1rem;
padding-right:1rem;
}
#vat_adv_table th:nth-child(1),
#vat_adv_table td:nth-child(1),
#vat_adv_table th:nth-child(3),
#vat_adv_table td:nth-child(3),
#vat_adv_table th:nth-child(4),
#vat_adv_table td:nth-child(4){
width:27%;
}
#vat_adv_table th:nth-child(2),
#vat_adv_table td:nth-child(2){
width:10%;
}
#vat_adv_table th:nth-child(5),
#vat_adv_table td:nth-child(5){
width:9%;
}
.loan-intro-summary{
display:list-item;
width:fit-content;
margin:.35rem 0;
padding:.2rem .75rem;
border:1px solid #6c757d;
border-radius:50rem;
color:#6c757d;
cursor:pointer;
}
.loan-intro-summary-open{
border-color:#dc3545;
color:#dc3545;
}
.vat-intro-grid{
align-items:flex-start;
}
.vat-country-links-box{
background-color:transparent;
border:0;
border-radius:0;
padding:0;
}
.vat-country-links-list{
list-style:none;
}
.vat-country-links-list li{
margin:0 0 6px;
}
.vat-country-links-list li:last-child{
margin-bottom:0;
}
.vat-country-links-list a{
color:#1d5bbf;
text-decoration:none!important;
}
.vat-country-links-list a:hover{
color:#114599;
text-decoration:none!important;
}
.vat-chart-legend-inner{
display:flex;
gap:1.5rem;
justify-content:center;
flex-wrap:wrap;
}
.vat-chart-legend-item{
display:inline-flex;
align-items:center;
gap:6px;
font-family:Raleway,sans-serif;
font-size:13px;
color:#5f6777;
}
.vat-chart-legend-dot{
width:10px;
height:10px;
border-radius:50%;
flex-shrink:0;
}
.vat-formula-eq{
min-height:2.8rem;
}
#vat-basic-mode select[name="Country"]{
width:100%;
}
.vat-rate-options .css-label{
margin-right:.85rem;
}
.vat-rate-options br{
display:block;
content:"";
margin-bottom:.35rem;
}
.vat-basic-amount-row{
height:100%;
transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.vat-basic-amount-row.is-disabled{
background:#f8fafc!important;
}
.vat-basic-amount-row .input-group{
margin-top:auto;
}
#vat_adv_table .vat-adv-rate-col,
#vat_adv_table .vat-adv-rate-cell{
width:1%;
}
#vat_adv_table col.vat-adv-rate-width{
width:14%;
}
#vat_adv_table col.vat-adv-amount-width{
width:26%;
}
#vat_adv_table col.vat-adv-action-width{
width:8%;
}
@media (max-width:575.98px){
#vat_adv_table{
table-layout:auto;
}
#vat_adv_table .vat-adv-rate-col,
#vat_adv_table .vat-adv-rate-cell,
#vat_adv_table .vat-adv-rate{
min-width:4.75rem;
}
#vat_adv_table .vat-adv-net,
#vat_adv_table .vat-adv-vat,
#vat_adv_table .vat-adv-gross{
min-width:7rem;
}
.vat-adv-table-wrap{
scrollbar-gutter:stable;
padding-bottom:0;
margin-bottom:1rem;
}
.vat-adv-actions{
margin-top:1rem!important;
}
}
@media (min-width:992px){
#vat-main-card.vat-mode-adv .vat-adv-table-wrap{
margin-left:-1rem;
margin-right:-1rem;
width:calc(100% + 2rem);
}
#vat-basic-mode .modern-finance-input-row{
display:grid;
grid-template-columns:33.333% 33.333%;
align-items:start;
gap:0 12px;
}
#vat-basic-mode .modern-finance-row-head{
margin-bottom:0;
}
#vat-basic-mode .modern-finance-input-row>[data-vat-helper]{
grid-column:2;
}
}
.unit-select-fixed-width{width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lbl {font-size:14px;}
h1{font-family: Poppins, sans-serif;font-size:24px;font-weight:700;margin:10px 0 10px 0px;color:#229ad6}
.top5-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;margin:10px 0 10px 0}
h2{font-family: Poppins, sans-serif;font-size:16px;font-weight:600;margin:0 0 5px 0px;color:#229ad6}
.card-header{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;color:#229ad6;border-bottom-color:inherit}
.card-header strong{color:inherit;font-weight:inherit}
h3{font-family: Poppins, sans-serif;font-size:14px;font-weight:400;margin:0 0 10px 0px;}
.h2 {font-family: Poppins, sans-serif;}
a:link,a:visited{text-decoration:underline;color:#229ad6}
a:active,a:hover{text-decoration:underline;color:#53baed}
a.home,a.home:visited {color:#229ad6}
a.home:active,a.home:hover {color:#53baed}
.handcursor{cursor:pointer;display:inline}
table.table-calc{border:0}
.alert{font:12px Raleway;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#fad4d4;border:#f55353 1px solid;margin:0 0 20px 0;padding:20px 7px;}
.notice{font:12px Raleway;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#e1faeb;border:#8ef5b7 1px solid;margin:0 0 20px 0;padding:20px 7px;}
.area-tip{padding:5px 7px!important;}
#areacalc .R-td.col-sm-8.col-12,
#areacalc .col-sm-8.col-12{
padding-left:.25rem!important;
padding-right:.25rem!important;
}
#areacalc input.form-control.biginput{
width:calc(100% - .5rem)!important;
margin-left:.25rem!important;
margin-right:.25rem!important;
}
#volumecalc input.form-control.biginput{
width:calc(100% - .5rem)!important;
margin-left:.25rem!important;
margin-right:.25rem!important;
}
#shoecalc input.form-control.biginput{
width:calc(100% - .5rem)!important;
margin-left:.25rem!important;
margin-right:.25rem!important;
}
#shoecalc select.w-100{
width:calc(100% - .5rem)!important;
margin-left:.25rem!important;
margin-right:.25rem!important;
}
#shoecalc #shoe_input{
text-align:right;
text-align-last:right;
}
#areacalc .select180{
width:100%;
max-width:180px;
}
#volumecalc .select180{
width:100%;
max-width:180px;
margin-left:.25rem!important;
margin-right:.25rem!important;
}
@media (min-width:576px){
#areacalc .select180{
width:180px;
max-width:180px;
}
#volumecalc .select180{
width:180px;
max-width:180px;
}
}
.reference{font:12px Raleway;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#e8f4fa;border:#fff 1px solid;margin:0;padding:15px 7px 0;}
.reference a {color:#229ad6;text-decoration:none}
.reference a:active,.reference a:hover {color:#952506;text-decoration:underline}
.content-section-heading{margin:1rem 0 .5rem}
.content-section-heading h2{margin:0;color:#434a54;font-size:1.25rem;font-weight:600;line-height:1.4}
.MathEq {padding: 10px 0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#dde3ed;border:#dde3ed 1px solid;margin:0;padding:5px 7px;}
.MathEq-small {padding: 10px 0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#dde3ed;border:#dde3ed 1px solid;margin:0;padding:5px 7px;}
/**TOP MENU**/
.navbar-top {background-color:#ebeff5 !important;border-bottom:7px solid #229ad6}
.navbar-toggler{border-color:#6c757d !important;background:transparent !important}
.navbar-top .navbar-toggler-icon{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2860,66,74,0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-top .navbar-toggler{
min-width:44px;
min-height:44px;
padding:.5rem;
display:inline-flex;
align-items:center;
justify-content:center;
}
.menu-link.f-1 { background-color: #53baed !important; } /* sky-60 */
.menu-link.f-2 { background-color: #53baed !important; } /* sky-50 */
.menu-link.f-3 { background-color: #f55353 !important; } /* red-50 */
.menu-link.f-4 { background-color: #53baed !important; } /* sky-30 */
.menu-link.f-fw { background-color: #ffd8e3 !important; color: #583e78 !important; letter-spacing: .04em; font-weight: 600; } /* fortyweeks t1 */
.menu-link {
border: 0px solid #fff!important;
background-color:#53baed!important;
text-decoration: none!important;
transition: .4s;
}
.menu-link.featured {border: 0px solid #fff;}
.menu-link:hover,.menu-link.featured:hover,.menu-link:active,.menu-link.featured:active{border: 0px solid #f5f7fa!important;background-color:#229ad6!important;}
.menu-link.f-fw:hover,.menu-link.f-fw:active{background-color:#fcaebb!important;color:#583e78!important;} /* fortyweeks t1 hover */
#main a.f-1,#main a.f-2,#main a.f-3,#main a.f-4{color:#fff;}
#main a{text-decoration:none;font-family: Raleway, sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:400;padding:10px 12px 10px 12px;color:#fff}
#main a:hover{color:#fff;padding:10px 12px 10px 12px;background:#03b537;border: 1px solid #03b537;}
#main a:active{color:#fff;padding:10px 12px 10px 12px;border: 1px solid #03b537;}
.btn-financial-hub{
border:0!important;
background-color:#8ef5b7!important;
color:#434a54!important;
font-family: Raleway, sans-serif;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:400;
padding:10px 14px;
text-decoration:none!important;
}
.btn-financial-hub:hover,.btn-financial-hub:active,.btn-financial-hub:focus{
background-color:#1ec963!important;
color:#434a54!important;
border:0!important;
box-shadow:none!important;
text-decoration:none!important;
}
.btn-conversion-hub{
background-color:#bbe5fa!important;
}
.btn-conversion-hub:hover,.btn-conversion-hub:active,.btn-conversion-hub:focus{
background-color:#8fd4f9!important;
color:#434a54!important;
}
.btn-math-hub{
background-color:#c2c2fc!important;
}
.btn-math-hub:hover,.btn-math-hub:active,.btn-math-hub:focus{
background-color:#a7a7fa!important;
color:#434a54!important;
}
.btn-health-hub{
background-color:#fad4e4!important;
}
.btn-health-hub:hover,.btn-health-hub:active,.btn-health-hub:focus{
background-color:#fab4d1!important;
color:#434a54!important;
}
.btn-physics-hub{
background-color:#accbfc!important;
}
.btn-physics-hub:hover,.btn-physics-hub:active,.btn-physics-hub:focus{
background-color:#84b1fa!important;
color:#434a54!important;
}
.btn-date-time-hub{
background-color:#d7c2f0!important;
}
.btn-date-time-hub:hover,.btn-date-time-hub:active,.btn-date-time-hub:focus{
background-color:#c5a8ea!important;
color:#434a54!important;
}
.hub-submenu{
border-top:1px dashed #c8d1e0;
padding:0;
margin:0;
}
.hub-submenu-list{
gap:8px;
padding:0;
margin:0;
}
.hub-pill{
display:inline-block;
border:1px solid transparent;
padding:10px 12px;
font-family: Raleway, sans-serif;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:400;
line-height:normal;
box-sizing:border-box;
text-decoration:none!important;
transition:all .2s ease;
}
.hub-pill,.hub-pill:link,.hub-pill:visited,.hub-pill:hover,.hub-pill:active,.hub-pill:focus{
color:#434a54!important;
text-decoration:none!important;
}
.hub-pill-conversion{
background-color:#bbe5fa;
color:#fff;
}
.hub-pill-conversion:hover,.hub-pill-conversion:active,.hub-pill-conversion:focus{
background-color:#8fd4f9;
color:#fff;
}
.hub-pill-conversion.is-active{
background-color:transparent;
border:1px solid #229ad6;
color:#229ad6!important;
}
.hub-pill-conversion.is-active:hover,.hub-pill-conversion.is-active:active,.hub-pill-conversion.is-active:focus{
background-color:#8fd4f9;
border-color:transparent;
color:#434a54!important;
}
.hub-pill-math{
background-color:#c2c2fc;
color:#fff;
}
.hub-pill-math:hover,.hub-pill-math:active,.hub-pill-math:focus{
background-color:#a7a7fa;
color:#fff;
}
.hub-pill-math.is-active{
background-color:transparent;
border:1px solid #7d3cbd;
color:#7d3cbd!important;
}
.hub-pill-math.is-active:hover,.hub-pill-math.is-active:active,.hub-pill-math.is-active:focus{
background-color:#a7a7fa;
border-color:transparent;
color:#434a54!important;
}
.hub-pill-finance{
background-color:#8ef5b7;
color:#fff;
}
.hub-pill-finance:hover,.hub-pill-finance:active,.hub-pill-finance:focus{
background-color:#1ec963;
color:#fff;
}
.hub-pill-finance.is-active{
background-color:transparent;
border:1px solid #1ec963;
color:#1ec963!important;
}
.hub-pill-finance.is-active:hover,.hub-pill-finance.is-active:active,.hub-pill-finance.is-active:focus{
background-color:#1ec963;
border-color:transparent;
color:#434a54!important;
}
.hub-pill-health{
background-color:#fad4e4;
color:#fff;
}
.hub-pill-health:hover,.hub-pill-health:active,.hub-pill-health:focus{
background-color:#fab4d1;
color:#fff;
}
.hub-pill-health.is-active{
background-color:transparent;
border:1px solid #d63384;
color:#d63384!important;
}
.hub-pill-health.is-active:hover,.hub-pill-health.is-active:active,.hub-pill-health.is-active:focus{
background-color:#fab4d1;
border-color:transparent;
color:#434a54!important;
}
.hub-pill-physics{
background-color:#accbfc;
color:#fff;
}
.hub-pill-physics:hover,.hub-pill-physics:active,.hub-pill-physics:focus{
background-color:#84b1fa;
color:#fff;
}
.hub-pill-physics.is-active{
background-color:transparent;
border:1px solid #3272d9;
color:#3272d9!important;
}
.hub-pill-physics.is-active:hover,.hub-pill-physics.is-active:active,.hub-pill-physics.is-active:focus{
background-color:#84b1fa;
border-color:transparent;
color:#434a54!important;
}
.hub-pill-date{
background-color:#d7c2f0;
color:#fff;
}
.hub-pill-date:hover,.hub-pill-date:active,.hub-pill-date:focus{
background-color:#c5a8ea;
color:#fff;
}
.hub-pill-date.is-active{
background-color:transparent;
border:1px solid #7d3cbd;
color:#7d3cbd!important;
}
.hub-pill-date.is-active:hover,.hub-pill-date.is-active:active,.hub-pill-date.is-active:focus{
background-color:#c5a8ea;
border-color:transparent;
color:#434a54!important;
}
.financial-new-badge{font-weight:400!important;}
.home-conversion-redicons .icon { background-color: #bbe5fa !important; }
.home-conversion-redicons li:hover .icon { background-color: #8fd4f9 !important; }
.home-health-magentaicons .icon { background-color: #fad4e4 !important; }
.home-health-magentaicons li:hover .icon { background-color: #fab4d1 !important; }
.home-physics-blueicons .icon { background-color: #accbfc !important; }
.home-physics-blueicons li:hover .icon { background-color: #84b1fa !important; }
.home-date-purpleicons .icon { background-color: #d7c2f0 !important; }
.home-date-purpleicons li:hover .icon { background-color: #c5a8ea !important; }
.home-conversion-redicons .icon,
.home-conversion-redicons .icon i,
.home-conversion-redicons .icon .fa,
.home-conversion-redicons .icon .fas,
.home-health-magentaicons .icon,
.home-health-magentaicons .icon i,
.home-health-magentaicons .icon .fa,
.home-health-magentaicons .icon .fas,
.home-physics-blueicons .icon,
.home-physics-blueicons .icon i,
.home-physics-blueicons .icon .fa,
.home-physics-blueicons .icon .fas,
.home-date-purpleicons .icon,
.home-date-purpleicons .icon i,
.home-date-purpleicons .icon .fa,
.home-date-purpleicons .icon .fas {
color:#434a54 !important;
}
.conversion-group-blue-10 .icon { background-color:#e8f4fa !important; }
.conversion-group-blue-10 li:hover .icon { background-color:#bbe5fa !important; }
.conversion-group-blue-20 .icon { background-color:#bbe5fa !important; }
.conversion-group-blue-20 li:hover .icon { background-color:#8dd4f7 !important; }
.conversion-group-blue-30 .icon { background-color:#8dd4f7 !important; }
.conversion-group-blue-30 li:hover .icon { background-color:#53baed !important; }
.conversion-group-blue-40 .icon { background-color:#53baed !important; }
.conversion-group-blue-40 li:hover .icon { background-color:#229ad6 !important; }
.conversion-group-blue-45 .icon { background-color:#3aa8e0 !important; }
.conversion-group-blue-45 .icon { transition: background-color .15s ease-in-out; }
.conversion-group-blue-45 li:hover .icon { background-color:#0c7bb3 !important; }
.conversion-group-blue-50 .icon { background-color:#229ad6 !important; }
.conversion-group-blue-50 li:hover .icon { background-color:#0c7bb3 !important; }
.conversion-group-blue-60 .icon { background-color:#0c7bb3 !important; }
.conversion-group-blue-60 li:hover .icon { background-color:#066391 !important; }
.conversion-group-blue-70 .icon { background-color:#066391 !important; }
.conversion-group-blue-70 li:hover .icon { background-color:#064d70 !important; }
.conversion-group-blue-10 .icon,
.conversion-group-blue-10 .icon i,
.conversion-group-blue-10 .icon .fa,
.conversion-group-blue-10 .icon .fas,
.conversion-group-blue-20 .icon,
.conversion-group-blue-20 .icon i,
.conversion-group-blue-20 .icon .fa,
.conversion-group-blue-20 .icon .fas,
.conversion-group-blue-30 .icon,
.conversion-group-blue-30 .icon i,
.conversion-group-blue-30 .icon .fa,
.conversion-group-blue-30 .icon .fas,
.conversion-group-blue-40 .icon,
.conversion-group-blue-40 .icon i,
.conversion-group-blue-40 .icon .fa,
.conversion-group-blue-40 .icon .fas {
color:#434a54 !important;
}
.conversion-group-blue-45 .icon,
.conversion-group-blue-45 .icon i,
.conversion-group-blue-45 .icon .fa,
.conversion-group-blue-45 .icon .fas {
color:#fff !important;
}
.conversion-group-temp-dark .icon,
.conversion-group-temp-dark .icon i,
.conversion-group-temp-dark .icon .fa,
.conversion-group-temp-dark .icon .fas,
.conversion-group-temp-dark .toc a {
color:#434a54 !important;
}
.conversion-group-motion-light .icon,
.conversion-group-motion-light .icon i,
.conversion-group-motion-light .icon .fa,
.conversion-group-motion-light .icon .fas {
color:#fff !important;
}
.conversion-group-blue-50 .icon,
.conversion-group-blue-50 .icon i,
.conversion-group-blue-50 .icon .fa,
.conversion-group-blue-50 .icon .fas,
.conversion-group-blue-60 .icon,
.conversion-group-blue-60 .icon i,
.conversion-group-blue-60 .icon .fa,
.conversion-group-blue-60 .icon .fas,
.conversion-group-blue-70 .icon,
.conversion-group-blue-70 .icon i,
.conversion-group-blue-70 .icon .fa,
.conversion-group-blue-70 .icon .fas {
color:#fff !important;
}
.financial-hub-cta-box{
border:1px solid #c8d1e0;
padding:12px 10px;
background-color:#ebeff5;
}
.estonia-home-hub{border:1px solid #c8d1e0;border-radius:6px;padding:14px;background:#fff;transition:border-color .15s ease,background-color .15s ease}
.estonia-home-hub:hover{border-color:#8e99ab;background:#f8fafc}
.estonia-home-hub-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}
.estonia-home-hub-heading h2{font-size:18px;line-height:1.25;font-weight:600;margin:0;letter-spacing:0}
.estonia-home-hub-heading h2 a{color:#434a54;text-decoration:none}
.estonia-home-hub-heading h2 a:hover,.estonia-home-hub-heading h2 a:focus{color:#126b74}
.estonia-home-hub-arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:28px;padding:0;font-size:18px;line-height:1}
.estonia-home-hub a.estonia-home-hub-arrow:link,
.estonia-home-hub a.estonia-home-hub-arrow:visited{color:#6c757d!important;text-decoration:none!important}
.estonia-home-hub a.estonia-home-hub-arrow:hover,
.estonia-home-hub a.estonia-home-hub-arrow:focus,
.estonia-home-hub a.estonia-home-hub-arrow:active{color:#fff!important;text-decoration:none!important}
.estonia-home-hub-copy{color:#697481;font-size:14px;line-height:1.45;margin:8px 0}
.estonia-home-hub-links{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0}
.estonia-home-hub-links a{font-weight:600;font-size:14px}
.estonia-calculators-hub .icon{flex:0 0 48px;min-width:48px;min-height:48px}
a.dropdown-item{text-decoration:none;color:#434a54 !important;font-family: Raleway, sans-serif;font-size:12px !important;text-transform:uppercase;letter-spacing:1px;}
#main a.dropdown-item.dropdown-item-greek{
text-transform:uppercase;
font-family: Arial, sans-serif;
font-weight:300;
}
a.dropdown-item:hover{background-color:#03b537 !important;color:#fff !important}
.dropdown-languages a.dropdown-item:hover{background-color:#229ad6 !important;color:#fff !important}
.dropdown-languages a.dropdown-item:hover{border:0 !important}
/**LANGUAGE DROPDOWN**/
.dropdown-menu li a{font-family: Raleway, sans-serif;font-weight:300;font-size:14px}
.dropdown-menu{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.multi-column-dropdown{list-style:none;margin:0;padding:0 10px}
.multi-column-dropdown li a{display:block;clear:both;line-height:1.5;color:#333840;white-space:normal}
.multi-column-dropdown li a:hover{text-decoration:none;color:#fff;background-color:#03b537}
/**POPOVER**/
.popover-header {
font:14px Poppins;
font-weight:700;
background-color:#229ad6;
border-bottom:#229ad6 1px solid;
color: #fff;
}
.popover-body {font:11px Raleway;line-height: normal;color:#066391;}
.popover {
background-color: #fff;
border:#229ad6 1px solid;
max-width: 500px;
margin-left: 10px;
}
.popover .arrow:after{border-bottom-color:#229ad6;}
.popover .arrow:before {border-bottom-color:#229ad6;border-top-color:#229ad6;}
.bs-popover-top .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::before{border-top-color:#229ad6;}
.bs-popover-top .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] .popover-arrow::after{border-top-color:#fff;}
.bs-popover-end .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::before{border-right-color:#229ad6;}
.bs-popover-end .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] .popover-arrow::after{border-right-color:#fff;}
.bs-popover-bottom .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::before{border-bottom-color:#229ad6;}
.bs-popover-bottom .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] .popover-arrow::after{border-bottom-color:#229ad6;}
.bs-popover-start .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::before{border-left-color:#229ad6;}
.bs-popover-start .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] .popover-arrow::after{border-left-color:#fff;}
/**FIRST PAGE**/
div.toc1{border-top:#f5f7fa 0px solid;font-family: Poppins, sans-serif;font-size:15px;font-weight:600;letter-spacing:1px;line-height:1;}
.toc1{font-family: Poppins, sans-serif;font-weight:500}
.heading1{font-family: Poppins, sans-serif;font-weight:600;color:#229ad6}
.highlight{background:#dde3ed;}
.heading1{padding:20px 0 0px;margin:-20px 0 0px;/*border-bottom:#dde3ed 1px solid;*/}
.toc1{padding:20px;}
.toc ul{/*margin:0;padding:0;border:0;*/list-style:none}
.toc ul li a{border-top:#c8d1e0 0px solid;color:#707a8a;font-family: Raleway, sans-serif;font-size:14px;font-weight:300;}
.toc li a:hover{color:#229ad6;}
.toc-lead{font-family: Raleway, sans-serif;font-size:15px!important;}
.border-dotted-light {border-bottom:#c8d1e0 1px dotted;color:#707a8a;}
.toc1{background-color:#dde3ed;color:#434a54}
.toc-top, .toc-see {color: #434a54 !important;}
.toc-input {background-color: #229ad6;color: #fff !important;letter-spacing:1px;}
.toc-result {background-color: #8dd4f7;color: #555 !important;letter-spacing:1px;}
.toc-top {background-color: #dcdcfc;}
.toc-see {background-color: #8ef5b7;}
a.calcmenu{border:0;margin:0;padding:0;}
.sidelinks ul li a{border-bottom:#dde3ed 1px solid;font-size:13px;font-weight:300;margin-bottom:0;text-decoration:none;padding:7px;}
.sidelinks ul li .seealso-link-current{border-bottom:#dde3ed 1px solid;font-size:13px;font-weight:300;margin-bottom:0;padding:7px;}
.sidelinks a{color:#707a8a;display:block;}
.sidelinks a:hover{color:#229ad6;text-decoration:underline}
.sidelinks a:active{color:#952506;text-decoration:underline}
/* Scoped fix for unit-converter See also list so links respect inner padding */
.units-seealso .sidelinks{min-width:0;max-width:100%;}
.units-seealso .units-see-link{color:#707a8a;border-bottom:#dde3ed 1px solid;}
.sidelinks ul li .units-see-link-current{border-bottom:#dde3ed 1px solid;font-size:13px;font-weight:300;margin-bottom:0;padding:7px;}
.units-seealso .units-see-link-current{color:#229ad6;text-decoration:none!important;cursor:default;}
.units-seealso .units-see-link-current:hover,.units-seealso .units-see-link-current:active,.units-seealso a.units-see-link-current:hover,.units-seealso a.units-see-link-current:active,.sidelinks a.units-see-link-current:hover,.sidelinks a.units-see-link-current:active{color:#229ad6!important;text-decoration:none!important;pointer-events:none;}
.units-seealso .units-see-link:hover{color:#229ad6;text-decoration:underline!important;}
.units-seealso .units-see-link:active{color:#952506;text-decoration:underline!important;}
.units-seealso .reference{min-width:0;max-width:100%;}
.units-seealso ul,.units-seealso li{min-width:0;max-width:100%;}
.units-seealso .units-see-list{display:block!important;column-count:1!important;column-gap:0!important;}
.units-seealso .units-see-list > li{break-inside:avoid;page-break-inside:avoid;}
@media (min-width: 999px){
.units-seealso .units-see-list{column-count:2!important;column-gap:1rem!important;}
}
/* Units form should follow Bootstrap column widths (no legacy min-width forcing) */
#unitcalc .units-col-L,
#unitcalc .units-col-R{min-width:0!important;max-width:100%!important;margin:0!important;}
#unitcalc .reference,
#unitcalc .sidelinks{min-width:0!important;max-width:100%!important;}
#unitcalc select.w-100{margin:0!important;}
#areacalc #areaType,
#volumecalc #volumeType{margin-left:-1px!important;}
.area-seealso .sidelinks,.volume-seealso .sidelinks{min-width:0;max-width:100%;}
.area-seealso ul,.area-seealso li{min-width:0;max-width:100%;}
.area-seealso .seealso-link,.volume-seealso .seealso-link{color:#707a8a;border-bottom:#dde3ed 1px solid;}
.area-seealso .seealso-link-current,.volume-seealso .seealso-link-current{color:#229ad6;border-bottom:#dde3ed 1px solid;cursor:default;text-decoration:none!important;}
.area-seealso .seealso-link-current:hover,.volume-seealso .seealso-link-current:hover,.area-seealso .seealso-link-current:active,.volume-seealso .seealso-link-current:active{color:#229ad6;text-decoration:none!important;}
.area-seealso a.seealso-link-current:hover,.volume-seealso a.seealso-link-current:hover,.area-seealso a.seealso-link-current:active,.volume-seealso a.seealso-link-current:active,.sidelinks a.seealso-link-current:hover,.sidelinks a.seealso-link-current:active{color:#229ad6!important;text-decoration:none!important;pointer-events:none;}
.area-seealso .seealso-link:hover,.volume-seealso .seealso-link:hover{color:#229ad6;text-decoration:underline!important;}
.area-seealso .seealso-link:active,.volume-seealso .seealso-link:active{color:#952506;text-decoration:underline!important;}
.area-seealso .area-see-list,.area-seealso .surface-see-list{display:block!important;column-count:1!important;column-gap:0!important;}
.area-seealso .area-see-list > li,.area-seealso .surface-see-list > li{break-inside:avoid;page-break-inside:avoid;}
.area-seealso .area-see-list,.area-seealso .surface-see-list,.volume-seealso .volume-see-list{column-count:2!important;column-gap:1rem!important;}
.volume-seealso .volume-see-list > li{break-inside:avoid;page-break-inside:avoid;}
#areacalc .area-col-L,#areacalc .area-col-R{min-width:0!important;max-width:100%!important;margin:0!important;}
span.new{font-size:10px;color:#c33}
/* CALCULATORS */
/* HELP */
.help-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1rem;
height: 1rem;
background-color: #c8d1e0;
color: #434a54;
border-radius: 50%;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 0;
font-weight: 700;
line-height: 1;
vertical-align: text-top;
opacity: .85;
transition: background-color .15s ease-in-out, color .15s ease-in-out, opacity .15s ease-in-out;
}
.help-icon.fa-circle-question::before {
content: "?";
font-family: Arial, Helvetica, sans-serif !important;
font-size: .72rem;
line-height: 1;
}
.handcursor:hover .help-icon,
.handcursor:focus .help-icon,
.help-icon:hover,
.help-icon:focus {
background-color: #53baed;
color: #fff;
opacity: 1;
}
/* ICONS */
.icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
margin-right: 10px;
background-color: #229ad6;
color: #fff;
font-weight: 500;
border-radius: 50%;
}
i.icon { margin: 0; padding: 0; }
.icon-lg { font-size: 21px; font-weight: 400; line-height: 1.1; }
.icon-md { font-size: 16px; font-weight: 400; line-height: 1.1; }
.icon-sm { font-size: 12px; line-height: 1; }
.png-icon {
width: 24px;
height: 24px;
display: block;
}
.dark-chem-icon {
filter: grayscale(1) brightness(0.35);
}
.sector-svg{
transform: translate(-2px, 2px) scale(1.22);
transform-origin: center;
}
.equal-sign,.equal-sign-inline,.math-operator{text-decoration:none}
.equal-sign{font-size:48px;color:#434a54!important}
.equal-sign,.equal-sign-inline{padding:0;margin:0}
.equal-sign-inline,.math-operator{font-size:36px;color:#434a54!important;line-height:32px}
.fractions{line-height:24px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.convertfractions-formula-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background-color:#dde3ed;border:#dde3ed 1px solid;border-radius:10px}
.convertfractions-formula-row__left,.convertfractions-formula-row__right{display:flex;align-items:center;min-height:92px}
.convertfractions-formula-row__left{justify-content:center}
.convertfractions-formula-row__right{justify-content:center}
.convertfractions-formula-row__operator{display:flex;align-items:center;justify-content:center;min-width:0;padding:0;margin:0;font-size:42px;line-height:1}
.convertfractions-mathlive{display:flex;align-items:center;min-height:100%;overflow:visible}
.convertfractions-math-composite{display:inline-flex;align-items:center;gap:10px}
.convertfractions-math-composite--improper{gap:0}
.convertfractions-math-composite--improper .convertfractions-mathfield--whole{display:none}
.convertfractions-math-stack{display:inline-flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:96px}
.convertfractions-math-bar{display:block;border-top:2px solid #434a54;margin:4px 4px 5px}
.convertfractions-percent-output{display:inline-flex;align-items:center;gap:6px}
.convertfractions-percent-suffix{font:24px "Times New Roman",Times,serif;line-height:1;color:#434a54}
.convertfractions-mathfield{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%;font:24px "Times New Roman",Times,serif;line-height:1.1;color:#434a54;background:transparent;border:0;padding:0;box-shadow:none;vertical-align:middle;box-sizing:border-box;overflow:visible;--caret-color:#229ad6;--selection-background-color:rgba(34,154,214,.16);--contains-highlight-background-color:rgba(34,154,214,.08);--placeholder-color:#7c8794;--placeholder-opacity:.92}
.convertfractions-mathfield::part(container){padding:0;background:transparent;align-items:center;overflow:visible}
.convertfractions-mathfield::part(content){padding:0;display:flex;align-items:center;justify-content:center;overflow:visible}
.convertfractions-mathfield::part(menu-toggle),.convertfractions-mathfield::part(virtual-keyboard-toggle){display:none}
.convertfractions-mathfield:focus-within{background:rgba(34,154,214,.06);border-radius:8px;outline:2px solid rgba(34,154,214,.2);outline-offset:6px}
.convertfractions-mathfield--slot{min-height:1.35em;min-width:1.8em;padding:.08em .18em;border-bottom:1px dashed #7c8794}
.convertfractions-mathfield--whole{min-width:1.5em}
.convertfractions-mathfield--numerator,.convertfractions-mathfield--denominator{width:100%}
.convertfractions-mathfield--decimal{min-width:4.8em;padding:.08em .18em;border-bottom:1px dashed #7c8794}
.convertfractions-format-toggle{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:10px}
.convertfractions-format-toggle .css-label{margin:4px 0 4px 6px}
body.convertfractions-mathlive-ready .convertfractions-fallback:not(.convertfractions-fallback--keep){display:none!important}
.fraction-card{display:flex;align-items:center;justify-content:center;padding:12px 10px;background-color:#dde3ed;border:#dde3ed 1px solid;border-radius:10px;min-height:132px}
.fraction-card table{margin:0 auto}
.fraction-operator-col{align-self:center;flex:0 0 auto}
.fraction-operator-grid{display:grid;grid-template-columns:repeat(2,38px);gap:7px;justify-content:center}
.fraction-operator-pill{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #333840;border-radius:999px;background:transparent;color:#333840;font-size:2.25rem;font-weight:400;line-height:1;box-shadow:none;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease}
.fraction-operator-pill__symbol{display:block;line-height:1;transform:translateY(-1px)}
.fraction-operator-pill:hover{background:rgba(51,56,64,.08)}
.fraction-operator-pill:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(34,154,214,.18),inset 0 0 0 2px #229ad6}
.fraction-operator-pill.is-active{background:#333840;color:#fff}
.fraction-result-card{padding:10px 14px}
.fraction-result-content{display:flex;align-items:center;justify-content:center;min-height:132px;width:100%;text-align:center}
.fraction-result-equation{width:100%;font-size:28px;line-height:1.35;color:#434a54}
.divider{border-top:#434a54 1px solid;height:1px;padding-bottom:5px}
.rotate{padding:120px 0;background-color:#dde3ed;}
/* FOOTER */
/*COLORS*/
/* === GRAY === */
.gray-10 { background-color: #f5f7fa; }
.toc li:hover .gray-10 { background-color: #ebeff5; }
.gray-20 { background-color: #ebeff5; }
.toc li:hover .gray-20 { background-color: #dde3ed; }
.gray-25 { background-color: #e4e9f1; }
.toc li:hover .gray-25 { background-color: #d3dae7; }
.gray-30 { background-color: #dde3ed; }
.toc li:hover .gray-30 { background-color: #c8d1e0; }
.gray-40 { background-color: #c8d1e0; }
.toc li:hover .gray-40 { background-color: #afbacc; }
.gray-50 { background-color: #afbacc; }
.toc li:hover .gray-50 { background-color: #8e99ab; }
.gray-60 { background-color: #8e99ab; }
.toc li:hover .gray-60 { background-color: #707a8a; }
.gray-70 { background-color: #707a8a; }
.toc li:hover .gray-70 { background-color: #58606e; }
.gray-80 { background-color: #58606e; }
.toc li:hover .gray-80 { background-color: #434a54; }
.gray-90 { background-color: #434a54; }
.toc li:hover .gray-90 { background-color: #333840; }
.gray-100 { background-color: #333840; }
.toc li:hover .gray-100 { background-color: #333840; }
/* === BLUE === */
.blue-10 { background-color: #f0f5fc; }
.toc li:hover .blue-10 { background-color: #cfe0fc; }
.blue-20 { background-color: #cfe0fc; }
.toc li:hover .blue-20 { background-color: #accbfc; }
.blue-30 { background-color: #accbfc; }
.toc li:hover .blue-30 { background-color: #84b1fa; }
.blue-40 { background-color: #84b1fa; }
.toc li:hover .blue-40 { background-color: #5691f0; }
.blue-50 { background-color: #5691f0; }
.toc li:hover .blue-50 { background-color: #3272d9; }
.blue-60 { background-color: #3272d9; }
.toc li:hover .blue-60 { background-color: #1d5bbf; }
.blue-70 { background-color: #1d5bbf; }
.toc li:hover .blue-70 { background-color: #114599; }
.blue-80 { background-color: #114599; }
.toc li:hover .blue-80 { background-color: #103570; }
.blue-90 { background-color: #103570; }
.toc li:hover .blue-90 { background-color: #15233b; }
.blue-100 { background-color: #15233b; }
.toc li:hover .blue-100 { background-color: #15233b; }
/* === BRONZE === */
.bronze-10 { background-color: #fcf2e6; }
.toc li:hover .bronze-10 { background-color: #fad8af; }
.bronze-20 { background-color: #fad8af; }
.toc li:hover .bronze-20 { background-color: #f5bc76; }
.bronze-30 { background-color: #f5bc76; }
.toc li:hover .bronze-30 { background-color: #e89c3f; }
.bronze-40 { background-color: #e89c3f; }
.toc li:hover .bronze-40 { background-color: #cf7911; }
.bronze-50 { background-color: #cf7911; }
.toc li:hover .bronze-50 { background-color: #ad5f00; }
.bronze-60 { background-color: #ad5f00; }
.toc li:hover .bronze-60 { background-color: #8a4d03; }
.bronze-70 { background-color: #8a4d03; }
.toc li:hover .bronze-70 { background-color: #693d07; }
.bronze-80 { background-color: #693d07; }
.toc li:hover .bronze-80 { background-color: #4d2f0b; }
.bronze-90 { background-color: #4d2f0b; }
.toc li:hover .bronze-90 { background-color: #3321dc; }
.bronze-100 { background-color: #3321dc; }
.toc li:hover .bronze-100 { background-color: #3321dc; }
/* === GREEN === */
.green-10 { background-color: #e1faeb; }
.toc li:hover .green-10 { background-color: #8ef5b7; }
.green-20 { background-color: #8ef5b7; }
.toc li:hover .green-20 { background-color: #46e385; }
.green-30 { background-color: #46e385; }
.toc li:hover .green-30 { background-color: #1ec963; }
.green-40 { background-color: #1ec963; }
.toc li:hover .green-40 { background-color: #0aa648; }
.green-50 { background-color: #0aa648; }
.toc li:hover .green-50 { background-color: #038537; }
.green-60 { background-color: #038537; }
.toc li:hover .green-60 { background-color: #056b2e; }
.green-70 { background-color: #056b2e; }
.toc li:hover .green-70 { background-color: #075426; }
.green-80 { background-color: #075426; }
.toc li:hover .green-80 { background-color: #09401f; }
.green-90 { background-color: #09401f; }
.toc li:hover .green-90 { background-color: #0a2e18; }
.green-100 { background-color: #0a2e18; }
.toc li:hover .green-100 { background-color: #0a2e18; }
/* === TEAL === */
.teal-10 { background-color: #d7faf8; }
.toc li:hover .teal-10 { background-color: #83f2eb; }
.teal-20 { background-color: #83f2eb; }
.toc li:hover .teal-20 { background-color: #43ded3; }
.teal-30 { background-color: #43ded3; }
.toc li:hover .teal-30 { background-color: #21c2b7; }
.teal-40 { background-color: #21c2b7; }
.toc li:hover .teal-40 { background-color: #0ea197; }
.teal-50 { background-color: #0ea197; }
.toc li:hover .teal-50 { background-color: #08827a; }
.teal-60 { background-color: #08827a; }
.toc li:hover .teal-60 { background-color: #086962; }
.teal-70 { background-color: #086962; }
.toc li:hover .teal-70 { background-color: #09524d; }
.teal-80 { background-color: #09524d; }
.toc li:hover .teal-80 { background-color: #0a3d3a; }
.teal-90 { background-color: #0a3d3a; }
.toc li:hover .teal-90 { background-color: #0a2b29; }
.teal-100 { background-color: #0a2b29; }
.toc li:hover .teal-100 { background-color: #0a2b29; }
/* === SKY === */
.sky-10 { background-color: #e8f4fa; }
.toc li:hover .sky-10 { background-color: #bbe5fa; }
.sky-20 { background-color: #bbe5fa; }
.toc li:hover .sky-20 { background-color: #8dd4f7; }
.sky-30 { background-color: #8dd4f7; }
.toc li:hover .sky-30 { background-color: #53baed; }
.sky-40 { background-color: #53baed; }
.toc li:hover .sky-40 { background-color: #229ad6; }
.sky-50 { background-color: #229ad6; }
.toc li:hover .sky-50 { background-color: #0c7bb3; }
.sky-60 { background-color: #0c7bb3; }
.toc li:hover .sky-60 { background-color: #066391; }
.sky-70 { background-color: #066391; }
.toc li:hover .sky-70 { background-color: #064d70; }
.footer-inner{
max-width:1180px;
margin:0 auto!important;
}
.sky-80 { background-color: #064d70; }
.toc li:hover .sky-80 { background-color: #093952; }
.sky-90 { background-color: #093952; }
.toc li:hover .sky-90 { background-color: #0c2938; }
.sky-100 { background-color: #0c2938; }
.toc li:hover .sky-100 { background-color: #0c2938; }
/* === SLATE === */
.slate-10 { background-color: #edf4f7; }
.toc li:hover .slate-10 { background-color: #cbe3f5; }
.slate-20 { background-color: #cbe3f5; }
.toc li:hover .slate-20 { background-color: #a7ceeb; }
.slate-30 { background-color: #a7ceeb; }
.toc li:hover .slate-30 { background-color: #84b7db; }
.slate-40 { background-color: #84b7db; }
.toc li:hover .slate-40 { background-color: #5e95bd; }
.slate-50 { background-color: #5e95bd; }
.toc li:hover .slate-50 { background-color: #48799c; }
.slate-60 { background-color: #48799c; }
.toc li:hover .slate-60 { background-color: #376180; }
.slate-70 { background-color: #376180; }
.toc li:hover .slate-70 { background-color: #2d4d63; }
.slate-80 { background-color: #2d4d63; }
.toc li:hover .slate-80 { background-color: #243947; }
.slate-90 { background-color: #243947; }
.toc li:hover .slate-90 { background-color: #1d2830; }
.slate-100 { background-color: #1d2830; }
.toc li:hover .slate-100 { background-color: #1d2830; }
/* === INDIGO === */
.indigo-10 { background-color: #f2f2fc; }
.toc li:hover .indigo-10 { background-color: #dcdcfc; }
.indigo-20 { background-color: #dcdcfc; }
.toc li:hover .indigo-20 { background-color: #c2c2fc; }
.indigo-30 { background-color: #c2c2fc; }
.toc li:hover .indigo-30 { background-color: #a7a7fa; }
.indigo-40 { background-color: #a7a7fa; }
.toc li:hover .indigo-40 { background-color: #8585f2; }
.indigo-50 { background-color: #8585f2; }
.toc li:hover .indigo-50 { background-color: #6767e6; }
.indigo-60 { background-color: #6767e6; }
.toc li:hover .indigo-60 { background-color: #4d4dd1; }
.indigo-70 { background-color: #4d4dd1; }
.toc li:hover .indigo-70 { background-color: #373783; }
.indigo-80 { background-color: #373783; }
.toc li:hover .indigo-80 { background-color: #28288a; }
.indigo-90 { background-color: #28288a; }
.toc li:hover .indigo-90 { background-color: #2d2057; }
.indigo-100 { background-color: #2d2057; }
.toc li:hover .indigo-100 { background-color: #2d2057; }
/* === DUSK === */
.dusk-10 { background-color: #f4f2f7; }
.toc li:hover .dusk-10 { background-color: #e3dcf7; }
.dusk-20 { background-color: #e3dcf7; }
.toc li:hover .dusk-20 { background-color: #cec2f0; }
.dusk-30 { background-color: #cec2f0; }
.toc li:hover .dusk-30 { background-color: #b5a6e3; }
.dusk-40 { background-color: #b5a6e3; }
.toc li:hover .dusk-40 { background-color: #9886cf; }
.dusk-50 { background-color: #9886cf; }
.toc li:hover .dusk-50 { background-color: #7a68b3; }
.dusk-60 { background-color: #7a68b3; }
.toc li:hover .dusk-60 { background-color: #645396; }
.dusk-70 { background-color: #645396; }
.toc li:hover .dusk-70 { background-color: #4f4178; }
.dusk-80 { background-color: #4f4178; }
.toc li:hover .dusk-80 { background-color: #3a3154; }
.dusk-90 { background-color: #3a3154; }
.toc li:hover .dusk-90 { background-color: #282436; }
.dusk-100 { background-color: #282436; }
.toc li:hover .dusk-100 { background-color: #282436; }
/* === PURPLE === */
.purple-10 { background-color: #f5f0fa; }
.toc li:hover .purple-10 { background-color: #ead9fa; }
.purple-20 { background-color: #ead9fa; }
.toc li:hover .purple-20 { background-color: #dabcf7; }
.purple-30 { background-color: #dabcf7; }
.toc li:hover .purple-30 { background-color: #c79bf2; }
.purple-40 { background-color: #c79bf2; }
.toc li:hover .purple-40 { background-color: #ae74e8; }
.purple-50 { background-color: #ae74e8; }
.toc li:hover .purple-50 { background-color: #9656d6; }
.purple-60 { background-color: #9656d6; }
.toc li:hover .purple-60 { background-color: #7d3cbd; }
.purple-70 { background-color: #7d3cbd; }
.toc li:hover .purple-70 { background-color: #642b9e; }
.purple-80 { background-color: #642b9e; }
.toc li:hover .purple-80 { background-color: #4b2175; }
.purple-90 { background-color: #4b2175; }
.toc li:hover .purple-90 { background-color: #371c52; }
.purple-100 { background-color: #371c52; }
.toc li:hover .purple-100 { background-color: #371c52; }
/* === MAGENTA === */
.magenta-10 { background-color: #faf0f4; }
.toc li:hover .magenta-10 { background-color: #fad4e4; }
.magenta-20 { background-color: #fad4e4; }
.toc li:hover .magenta-20 { background-color: #fab4d1; }
.magenta-30 { background-color: #fab4d1; }
.toc li:hover .magenta-30 { background-color: #f78bb8; }
.magenta-40 { background-color: #f78bb8; }
.toc li:hover .magenta-40 { background-color: #ed5393; }
.magenta-50 { background-color: #ed5393; }
.toc li:hover .magenta-50 { background-color: #d6246e; }
.magenta-60 { background-color: #d6246e; }
.toc li:hover .magenta-60 { background-color: #b01355; }
.magenta-70 { background-color: #b01355; }
.toc li:hover .magenta-70 { background-color: #8a1244; }
.magenta-80 { background-color: #8a1244; }
.toc li:hover .magenta-80 { background-color: #611535; }
.magenta-90 { background-color: #611535; }
.toc li:hover .magenta-90 { background-color: #421527; }
.magenta-100 { background-color: #421527; }
.toc li:hover .magenta-100 { background-color: #421527; }
/* === RED === */
.red-10 { background-color: #faf0f0; }
.toc li:hover .red-10 { background-color: #fad4d4; }
.red-20 { background-color: #fad4d4; }
.toc li:hover .red-20 { background-color: #fab6b6; }
.red-30 { background-color: #fab6b6; }
.toc li:hover .red-30 { background-color: #fa8e8e; }
.red-40 { background-color: #fa8e8e; }
.toc li:hover .red-40 { background-color: #f55353; }
.red-50 { background-color: #f55353; }
.toc li:hover .red-50 { background-color: #de1b1b; }
.red-60 { background-color: #de1b1b; }
.toc li:hover .red-60 { background-color: #b80d0d; }
.red-70 { background-color: #b80d0d; }
.toc li:hover .red-70 { background-color: #8f0e0e; }
.red-80 { background-color: #8f0e0e; }
.toc li:hover .red-80 { background-color: #661414; }
.red-90 { background-color: #661414; }
.toc li:hover .red-90 { background-color: #451717; }
.red-100 { background-color: #451717; }
.toc li:hover .red-100 { background-color: #451717; }
/****** RESPONSIVE ******/
/*** MEDIA ***/
@media screen and (max-width: 575px) {
img.logo{height:48px;width:150px;
aspect-ratio: 25 / 8;}
}
@media screen and (min-width:576px) {
img.logo{height:64px;width:200px;
aspect-ratio: 25 / 8;}
}
@media screen and (max-width: 479px) {
div.mainarea{/*padding:10px 5px;*/display:block}
div.content,div.content-wide{padding:0;margin:0;min-width:300px;max-width:100%}
.navbar-toggler{margin:0}
div.calculator{padding:0;margin:0}
div.sidemenu{background-color:#f5f7fa;padding:0;margin:0}
div.ref{padding:0;margin:0;min-width:300px;max-width:100%}
div.result-container{display:inline-block;min-width:300px;max-width:100%;width:100%}
div.reference,.MathEq,.MathEq-small{display:block;min-width:300px;max-width:100%;width:100%}
div.col-L{padding:0;margin:0 auto}
div.col-R{padding:0;margin:0 auto}
table.table-calc{min-width:300px;max-width:440px;}
div.ref{padding:0;margin:0;min-width:300px;max-width:100%;width:100%}
div.chart{zoom:.7;display:block;margin:0 auto}
.calcmenu{min-width:300px;max-width:100%;width:100%}
.MathEq{font-size:14px}
.MathEq-small{font-size:10px}
.MathEqText{display:inline-block;font:12px 'Times New Roman',Times,serif}
h3.calculators{display:none!important}
.textarea-message{height:100px;width:300px}
}
@media screen and (min-width:0px) and (max-width: 575px) {
h1{font-size:16px}
.btn-conversion{margin:0;padding-top:40px!important}
.loan-input-w{width:100%!important}
.convertfractions-formula-row{gap:6px;padding:10px 8px}
.convertfractions-formula-row__left,.convertfractions-formula-row__right{justify-content:center;min-height:72px}
.convertfractions-formula-row__operator{font-size:32px;min-width:0}
.convertfractions-mathfield{font-size:18px}
.convertfractions-math-composite{gap:8px}
.convertfractions-math-stack{min-width:74px}
.convertfractions-percent-output{gap:4px}
.convertfractions-percent-suffix{font-size:18px}
.convertfractions-mathfield--decimal{min-width:4.2em}
.convertfractions-format-toggle{gap:10px}
.fraction-card{min-height:auto;padding:10px 8px}
.fraction-operator-col{width:100%}
.fraction-operator-grid{grid-template-columns:repeat(2,36px);gap:6px}
.fraction-operator-pill{width:36px;height:36px;font-size:2.1rem}
.fraction-result-content{min-height:auto}
.W120-90{width:90px}
.W120-75{width:75px}
.W90-60{width:60px}
.dropdown-menu.multi-column{min-width:260px!important;overflow-x:hidden}
.dropdown-menu li a{padding:5px 0}
.dropdown-toggle{margin-top:0!important;margin-left:0!important}
.dropdown-links{position:absolute;margin-top:10px}
.dropdown-languages{margin-top:10px}
.mobile-result-wrap-inset{padding-right:.35rem!important;}
.mobile-result-table-inset{padding-left:0!important;padding-right:1rem!important;}
}
@media screen and (min-width:576px) {
.toc1.rounded-pill{
margin-top:.5rem!important;
margin-bottom:.5rem!important;
}
.MathEq{font-size:16px;padding:10px 0}
.MathEq-small{font-size:12px;padding:10px 0}
.MathEqText{display:inline-block;font:16px 'Times New Roman',Times,serif}
.btn-conversion{margin:0;padding:5px 10px 0!important;}
.W120-90{width:120px}
.W120-75{width:120px}
.W90-60{width:90px}
.dropdown-menu.columns-3{min-width:576px}
.dropdown-menu li a{padding:5px 15px}
.dropdown-links{position:absolute;margin-top:11px}
.dropdown-languages{margin-top:0px;margin-right:10px;}
}
@media screen and (max-width: 1199px) {
#main > li:not(.nav-language-switch){display:none!important;}
}
@media screen and (min-width:0px) and (max-width: 767px) {
.calcmenu ul{margin:0;padding:0 3px 10px}
.calcmenu ul li a{margin-right:15px;padding:7px 5px}
a.calcmenu{display:block}
div.sidelinks{min-width:300px;width:100%;display:inline-block}
.units-seealso{padding-left:0!important;padding-right:0!important;}
.units-seealso .row{margin-left:0!important;margin-right:0!important;}
.units-seealso .sidelinks{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;}
.units-seealso .units-see-body{margin:0!important;}
.area-seealso{padding-left:0!important;padding-right:0!important;}
.area-seealso .row{margin-left:0!important;margin-right:0!important;}
.area-seealso .sidelinks{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;}
.area-seealso .area-see-body{margin:0!important;}
.area-seealso .surface-see-body{margin:0!important;}
.volume-seealso{padding-left:0!important;padding-right:0!important;}
.volume-seealso .row{margin-left:0!important;margin-right:0!important;}
.volume-seealso .sidelinks{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;}
.volume-seealso .volume-see-body{margin:0!important;}
.h-travel {padding-top: 2200px;}
.h-traffic {padding-top: 2000px;}
.h-home {padding-top: 2000px;}
.h-casco {padding-top: 2250px;}
}
@media screen and (min-width:768px) {
.h-travel {padding-top: 1650px;}
.h-traffic {padding-top: 1750px;}
.h-home {padding-top: 1650px;}
.h-casco {padding-top: 1950px;}
}
@media screen and (min-width:480px) and (max-width: 575px) {
div.col-L{padding:0;margin:0 auto}
div.col-R{padding:0;margin:0 auto}
table.table-calc{min-width:440px;max-width:535px;}
.MathEq{font-size:14px;padding:10px 0}
.MathEq-small{font-size:12px;padding:10px 0}
.MathEqText{display:inline-block;font:14px 'Times New Roman',Times,serif}
.textarea-message{height:100px;width:440px}
}
@media screen and (min-width:480px) and (max-width: 1199px) {
div.mainarea{display:block}
div.content,div.content-wide{padding:0;margin:0;width:100%;max-width:100%}
div.sidemenu{background-color:#f5f7fa;display:block;padding:0;margin:0;width:100%}
div.result-container{display:inline-block;min-width:440px;max-width:100%;width:100%}
}
@media screen and (min-width:576px) and (max-width: 767px) {
.textarea-message{height:100px;width:536px}
}
@media screen and (min-width:576px) and (max-width: 1199px) {
table.table-calc{min-width:250px;max-width:480px;}
div.col-L {padding:0 5px 0 0;margin:0 auto;}
div.col-R {padding:0 0 0 5px;margin:0 auto;}
div.result-container{display:inline-block;min-width:600px;max-width:100%;}
div.chart{width:500px;max-width:100%;height:200px;margin:0 auto;display:block}
}
@media screen and (min-width:768px) and (max-width: 1199px) {
div.sidelinks{min-width:355px;max-width:100%;display:inline-block}
.textarea-message {height:100px;width:620px;}
}
@media screen and (max-width: 1199px) {
body{padding:0!important;}
.custom-fixed-top{}
.menu-link {margin-bottom: 10px;}
ul.all,li.all,a.toc{min-width:300px;max-width:100%;padding:0;display:block}
div.header-ad {display:block;}
div.sidemenu{border-left:0;color:#707a8a;}
div.desktop{display:none}
/**FOOTER ITEMS**/
}
@media screen and (min-width:1200px) {
body{padding:96px 0 0 0!important;}
.custom-fixed-top {
position: fixed; /* Makes it stick to viewport */
top: 0; /* Pins it to the top */
right: 0;
left: 0; /* Full width */
z-index: 1030; /* Keeps it above most content (same as Bootstrap's navbar z-index) */
}
ul.all,li.all,a.toc{padding:0;display:block}
div.header-ad{display:inline-block}
div.content-wide{float:left;padding:0;margin:0;}
div.content{float:left;text-align:left;display:inline-block;}
div.calculator{float:left;padding:0;margin:0;display:inline-block;}
div.sidemenu{background-color:#f5f7fa;float:right !important;display:inline-block;padding:0;margin:0 0 0 -1px;color:#707a8a;}
div.col-L{padding:0 5px 0 0;margin:0 auto}
div.col-R{padding:0 0 0 5px;margin:0 auto}
div.calc-container, div.legal{padding:0;margin:0;width:100%;display:block}
/* Time calculator */
.time-calc-shell { max-width: 1100px; margin: 0 auto; }
.time-calc-card, .time-calc-result-box, .time-calc-panel {
border: 1px solid #d8dde6;
border-radius: 8px;
background: #fff;
}
.time-calc-card {
border: 0;
background: transparent;
box-shadow: none;
padding: 0 !important;
}
.time-calc-mode .btn {
flex: 1 1 160px;
min-width: 160px;
font-weight: 600;
}
.time-calc-mode .btn.active {
background: #2a2f36;
border-color: #2a2f36;
color: #fff;
}
.time-calc-format-toggle {
gap: .25rem;
}
.time-calc-format-toggle .btn {
min-width: 3rem;
font-weight: 600;
}
.time-calc-format-toggle .btn.active {
background: #229ad6;
border-color: #229ad6;
color: #fff;
}
.time-calc-muted { color: #5f6777; }
.time-calc-row {
border: 1px solid #e5e9f0;
border-radius: 8px;
background: #f8f9fb;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.time-calc-row .form-label,
.time-calc-panel .form-label { font-size: .78rem; }
.time-calc-row-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: .5rem;
margin-bottom: .5rem;
}
.time-calc-result-stick {
position: sticky;
top: .75rem;
}
.time-calc-primary-value {
font-size: 2.4rem;
font-weight: 700;
line-height: 1;
letter-spacing: -.03em;
color: inherit;
}
.time-calc-input-grid {
display: grid;
gap: 6px;
}
.time-calc-input-row {
border: 1px solid #e7ecf3;
border-radius: 14px;
background: #fff;
padding: 6px 8px;
}
.time-calc-input-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 4px;
}
.time-calc-input-label {
font-weight: 600;
line-height: 1.25;
}
.time-calc-symbol-pill {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 3px 9px;
border-radius: 999px;
background: #f3f6fa;
color: #556070;
font-size: .76rem;
font-weight: 600;
white-space: nowrap;
flex-shrink: 0;
}
.time-calc-input-grid .form-control-lg.biginput {
font-size: 1rem;
padding: .375rem .75rem;
height: auto;
}
.time-calc-input-grid > .time-calc-input-row > .form-control-lg.biginput {
width: 100% !important;
}
.time-calc-result-value {
font-size: clamp(1rem, .92rem + .35vw, 1.35rem);
line-height: 1.05;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.time-from-now-result-value {
white-space: normal;
overflow: visible;
text-overflow: clip;
line-height: 1.18;
word-break: break-word;
}
.date-calc-primary-result {
white-space: normal;
overflow: visible;
text-overflow: clip;
line-height: 1.18;
word-break: break-word;
font-size: 1.05rem;
}
.date-result-section {
border: 1px solid #e5e9f0;
border-radius: 8px;
background: #f8f9fb;
padding: .85rem;
}
.time-calc-panel input[type=number].form-control-lg {
padding-left: .35rem;
padding-right: .35rem;
}
.time-calc-input-sm{max-width:120px}
.time-calc-input-xs{max-width:90px}
.time-calc-select-md{max-width:380px}
.period-legend-badge{font-weight:600}
.period-legend-badge-period,
.period-calendar-day-period{--bs-table-bg:#f7c7da;--bs-table-accent-bg:#f7c7da;background:#f7c7da!important;color:#5a2d40!important}
.period-legend-badge-fertile,
.period-calendar-day-fertile{--bs-table-bg:#d8f1dc;--bs-table-accent-bg:#d8f1dc;background:#d8f1dc!important;color:#224c2b!important}
.period-legend-badge-ovulation,
.period-calendar-day-ovulation{--bs-table-bg:#d7d7ff;--bs-table-accent-bg:#d7d7ff;background:#d7d7ff!important;color:#343473!important}
.period-calendar-day-period,
.period-calendar-day-ovulation{font-weight:700}
.time-calc-stat {
display: flex;
justify-content: space-between;
gap: .75rem;
padding: .35rem 0;
border-bottom: 1px dotted #d7dce3;
font-size: .88rem;
}
.time-calc-highlight-row,
.time-calc-table-highlight {
background: #f8f9fb;
}
.time-calc-highlight-row {
border-radius: 6px;
padding-left: 6px;
padding-right: 6px;
margin-left: -6px;
margin-right: -6px;
}
.time-calc-highlight-row .time-calc-stat-label {
color: #333;
}
.ideal-weight-limitations {
font-size: .78rem;
line-height: 1.5;
}
.ideal-weight-legend {
font-size: .68rem;
color: #777;
}
.ibw-dot-healthy,
.ibw-scale-healthy {
background: #4caf50;
opacity: .6;
}
.ibw-dot-robinson,
.ibw-mark-robinson {
background: #1976d2;
}
.ibw-dot-miller,
.ibw-mark-miller {
background: #7b1fa2;
}
.ibw-dot-devine,
.ibw-mark-devine {
background: #e65100;
}
.ibw-dot-hamwi,
.ibw-mark-hamwi {
background: #c62828;
}
.time-calc-stat:last-child { border-bottom: 0; }
.time-calc-stat-label { color: #5f6777; }
.time-calc-stat > span:last-child {
margin-left: auto;
text-align: right;
min-width: 0;
overflow-wrap: anywhere;
}
@media (max-width: 767.98px) {
.time-calc-mode .btn { min-width: 0; flex-basis: calc(50% - .5rem); }
.time-calc-result-stick { top: .5rem; }
.time-calc-row .btn, .time-calc-panel .btn { width: 100%; }
.time-calc-panel .time-calc-format-toggle .btn { width: auto; }
.time-calc-row-header { align-items: center; }
}
div.result-container{padding:0;margin:0;width:100%}
div.chart{width:500px;max-width:100%;height:200px;margin:0 auto;display:block}
.loan-chart{margin-left:auto;margin-right:auto}
.financial-line-chart-wrap{min-height:320px;display:flex;align-items:center;justify-content:center;width:100%}
.financial-line-chart{width:560px;max-width:100%;height:320px;min-height:320px;display:block!important;flex:0 1 560px}
.cagr-formula{min-height:3.2rem}
.cagr-chart-dot-beginning{background:#1aaef8}
.cagr-chart-dot-gain{background:#63d937}
.appreciation-chart-dot-starting{background:#1aaef8}
.appreciation-chart-dot-change{background:#63d937}
.depreciation-chart-dot-book{background:#1aaef8}
.depreciation-chart-dot-accumulated{background:#f66202}
.loan-chart > div{margin-left:auto!important;margin-right:auto!important}
.loan-chart svg{display:block;margin-left:auto!important;margin-right:auto!important}
div.chart > div{margin-left:auto!important;margin-right:auto!important}
div.chart svg{display:block;margin-left:auto!important;margin-right:auto!important}
.textarea-message{height:100px;width:620px}
}
.calc-card-label,
.time-calc-section-label {
color: #229ad6;
font-size: .75rem;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
}
.proportion-direct-equation {
--proportion-option-width: 3rem;
--proportion-input-width: 120px;
display: grid;
grid-template-columns: max-content 2.75rem max-content 2.75rem;
grid-template-rows: auto 1px auto;
align-items: center;
justify-content: center;
column-gap: 1.25rem;
row-gap: .42rem;
margin: .25rem auto 0;
}
.proportion-direct-fraction {
display: grid;
grid-template-columns: var(--proportion-option-width) var(--proportion-input-width);
grid-template-rows: auto 1px auto;
grid-row: 1 / 4;
align-items: center;
column-gap: .5rem;
row-gap: .42rem;
}
.proportion-direct-fraction > [id^="proportion-direct-"] {
display: contents;
}
.proportion-direct-fraction > [id^="proportion-direct-top"] > .row,
.proportion-direct-fraction > [id^="proportion-direct-bottom"] > .row {
display: contents;
}
.proportion-direct-fraction > [id^="proportion-direct-top"] > .row > .col-12,
.proportion-direct-fraction > [id^="proportion-direct-bottom"] > .row > .col-12 {
display: grid !important;
grid-template-columns: var(--proportion-option-width) var(--proportion-input-width);
grid-column: 1 / 3;
align-items: center;
gap: .5rem !important;
padding: 0 !important;
}
.proportion-direct-fraction > [id^="proportion-direct-top"] > .row > .col-12 {
grid-row: 1;
}
.proportion-direct-fraction > [id^="proportion-direct-bottom"] > .row > .col-12 {
grid-row: 3;
}
.proportion-direct-fraction [id^="proportion-row-"] {
margin: 0;
padding: 0 !important;
}
.proportion-direct-fraction [id^="proportion-row-"] .W60 {
display: flex !important;
align-items: center;
justify-content: flex-start;
gap: .38rem !important;
width: auto;
min-width: 0;
}
.proportion-direct-fraction [id^="proportion-row-"] .css-radio {
flex: 0 0 auto;
margin: 0;
}
.proportion-direct-fraction [id^="proportion-row-"] .css-label {
margin: 0;
line-height: 1;
}
.proportion-direct-divider-row {
display: contents;
}
.proportion-direct-divider-row > .col-12 {
display: grid !important;
grid-template-columns: var(--proportion-option-width) var(--proportion-input-width);
grid-column: 1 / 3;
grid-row: 2;
align-items: center;
gap: .5rem !important;
padding: 0 !important;
}
.proportion-direct-divider-row .W60 {
width: auto;
min-width: 0;
}
.proportion-direct-divider {
grid-column: 2;
width: 100%;
height: 1px;
background: #657080;
}
.proportion-direct-equation.is-inverse .proportion-direct-divider {
background: transparent;
}
.proportion-equation-operators {
grid-column: 2;
grid-row: 1 / 4;
display: grid;
grid-template-rows: auto 1px auto;
align-items: center;
justify-items: center;
row-gap: .42rem;
}
.proportion-equation-operator {
color: #434a54 !important;
font-size: 2.25rem;
line-height: 1;
}
.proportion-equation-operator-top,
.proportion-equation-operator-bottom {
visibility: hidden;
}
.proportion-equation-operator-equals {
grid-row: 2;
align-self: center;
}
.proportion-equation-inverse-equals {
grid-column: 4;
grid-row: 1;
align-self: center;
justify-self: center;
visibility: hidden;
}
.proportion-direct-equation.is-inverse .proportion-equation-operator-top,
.proportion-direct-equation.is-inverse .proportion-equation-operator-bottom {
visibility: visible;
}
.proportion-direct-equation.is-inverse .proportion-equation-operator-equals {
visibility: hidden;
}
.proportion-direct-equation.is-inverse .proportion-equation-inverse-equals {
visibility: visible;
}
.proportion-direct-equation.is-inverse .proportion-equation-operator-top {
grid-row: 1;
}
.proportion-direct-equation.is-inverse .proportion-equation-operator-bottom {
grid-row: 3;
}
@media(max-width:575.98px) {
.proportion-direct-equation {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: .35rem;
max-width: 200px;
}
.proportion-equation-operator {
font-size: 1.9rem;
}
.proportion-equation-inverse-equals {
display: none;
}
#proportion-inverse-layout {
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
#proportion-inverse-layout > .row {
--bs-gutter-x: 0;
margin-left: 0;
margin-right: 0;
}
#proportion-inverse-layout .d-sm-none {
align-items: flex-start !important;
}
}
.modern-finance-card {
border: 1px solid #e6ebf2 !important;
border-radius: 22px !important;
background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
box-shadow: 0 16px 40px rgba(17, 24, 39, 0.06) !important;
}
.profitability-scale-track,
.profitability-scale-track-roe,
.bmi-scale-track.profitability-scale-track,
.bmi-scale-track.profitability-scale-track-roe {
background: linear-gradient(to right, #e53935, #ff7043, #ffc107, #4caf50, #1789a6) !important;
}
.profitability-scale-track-inverse,
.bmi-scale-track.profitability-scale-track-inverse {
background: linear-gradient(to right, #1789a6, #4caf50, #ffc107, #ff7043, #e53935) !important;
}
.profitability-zone-label {
font-size: .78rem;
font-weight: 700;
letter-spacing: .03em;
transition: color .2s;
}
.profitability-zone-disclaimer {
font-size: .72rem;
color: #a0aab8;
font-style: italic;
}
.modern-finance-panel {
height: 100%;
background: transparent !important;
box-shadow: none !important;
}
.modern-finance-input-grid {
display: grid;
gap: 8px;
}
.modern-finance-input-row {
border: 1px solid #e7ecf3 !important;
border-radius: 14px !important;
background: #fff !important;
padding: 10px 12px;
}
.modern-finance-input-row.is-disabled .modern-finance-input-field {
background-color: #f3f5f8;
color: #5b6472;
}
.modern-finance-row-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 8px;
}
.modern-finance-row-choice {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: flex-start;
gap: 10px;
width: 100%;
min-width: 0;
}
.modern-finance-row-choice .css-label {
margin: 0;
display: block;
padding-left: 24px;
}
.modern-finance-row-label {
min-width: 0;
font-weight: 600;
line-height: 1.25;
}
.modern-finance-symbol-pill {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 3px 9px;
border-radius: 999px;
background: #f3f6fa;
color: #556070;
font-size: .76rem;
font-weight: 600;
white-space: nowrap;
}
.modern-finance-input-field {
font: 20px Raleway, sans-serif;
font-weight: 300;
text-align: right;
}
.modern-finance-result-value {
font-size: 2.4rem;
font-weight: 700;
line-height: 1;
letter-spacing: -0.03em;
}
.modern-finance-formula-card {
background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}
.modern-finance-formula-scroll {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.modern-finance-formula-eq {
min-width: max-content;
}
.modern-finance-breakdown-table th,
.modern-finance-breakdown-table td {
padding-top: .7rem;
padding-bottom: .7rem;
vertical-align: middle;
}
.modern-finance-related-list li {
padding-bottom: .35rem;
}
.modern-finance-related-list li:last-child {
padding-bottom: 0;
}
.modern-finance-sidebar-card {
border: 1px solid #e6ebf2 !important;
border-radius: 22px !important;
background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
box-shadow: 0 16px 40px rgba(17, 24, 39, 0.06) !important;
}
.roi-period-field {
max-width: 120px;
}
.roi-period-unit {
max-width: 120px;
}
.roi-date-table {
margin: 0;
}
.roi-date-table td {
padding: 0 .25rem .35rem 0;
vertical-align: middle;
}
.roi-date-table tr:last-child td {
padding-bottom: 0;
}
.roi-date-input {
max-width: 72px;
}
@media (max-width: 575.98px) {
.modern-finance-row-head {
flex-direction: column;
}
.modern-finance-symbol-pill {
align-self: flex-start;
}
.roi-period-field,
.roi-period-unit,
.roi-date-input {
max-width: 100%;
}
}
.financial-ratio-formula-block .MathEq,
.financial-ratio-formula-block .MathEq-small {
margin-bottom: 0;
}
.financial-ratio-formula-block p {
margin-bottom: 0;
}
.financial-ratio-related-list li {
padding-bottom: .35rem;
}
.financial-ratio-related-list li:last-child {
padding-bottom: 0;
}
.financial-ratio-sidebar {
display: grid;
gap: .65rem;
}
.financial-ratio-sidebar .uc-nav-panel {
border: 1px solid #cfd8e3 !important;
border-style: solid !important;
border-width: 1px !important;
border-radius: 8px !important;
background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
box-shadow: none !important;
padding: 1rem 1.05rem;
margin-bottom: 0;
}
.financial-ratio-faq {
margin-top: 1.5rem;
padding: 0;
}
.financial-ratio-faq > .p-3,
.financial-ratio-faq > .p-3.pt-0,
.financial-ratio-faq > .p-3.pt-0.mx-3 {
padding: 0 !important;
margin: 0 !important;
}
.financial-ratio-faq .mt-4.mb-3 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.financial-ratio-faq .equation,
.financial-ratio-faq .content-section-heading {
margin: 0 0 1rem !important;
}
.financial-ratio-faq .equation h2,
.financial-ratio-faq .content-section-heading h2 {
color: #434a54;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.4;
margin: 0;
}
.financial-ratio-faq p:last-child {
margin-bottom: 0;
}
@media (max-width: 767.98px) {
}
/* Salary calculator form */
.salary-calc-card {
border: 0;
background: transparent;
box-shadow: none;
padding: 0;
}
.salary-calc-toolbar {
border-bottom: 1px solid #e5e9f0;
padding: .25rem 0 .85rem;
}
.salary-calc-panel {
height: 100%;
border: 1px solid #d8dde6;
border-radius: 8px;
background: #fff;
}
.salary-result-panel {
margin-top: 1rem !important;
}
.wage-latvia-result-card {
overflow: hidden;
}
.wage-latvia-result-header {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: flex-start;
border-bottom: 1px solid rgba(34, 154, 214, 0.16);
}
.wage-latvia-result-title {
color: #5f6777;
font-size: .86rem;
font-weight: 600;
text-align: right;
}
.wage-latvia-result-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: .5rem;
}
.wage-latvia-csv-btn {
font-size: .78rem;
font-weight: 600;
padding: .25rem .65rem;
white-space: nowrap;
}
.wage-latvia-result-summary {
margin-top: .85rem;
}
.wage-latvia-summary-stat {
padding: .75rem .8rem;
}
.wage-latvia-summary-stat .tri-stat-val {
font-size: 1.18rem;
}
.wage-latvia-result-divider {
margin: 1rem 0;
border-top: 1px solid rgba(34, 154, 214, 0.14);
}
.wage-latvia-result-table th {
color: #4b6270;
font-weight: 600;
}
.wage-latvia-result-table thead th {
border-bottom-color: rgba(34, 154, 214, 0.16);
color: #6b7b88;
font-size: .78rem;
font-weight: 700;
text-transform: uppercase;
}
.wage-latvia-result-table th:first-child {
min-width: 12rem;
}
.wage-latvia-result-table td:nth-child(2),
.wage-latvia-result-table th:nth-child(2) {
min-width: 7.5rem;
white-space: nowrap;
}
.wage-latvia-result-table td:nth-child(3),
.wage-latvia-result-table th:nth-child(3) {
min-width: 4.25rem;
white-space: nowrap;
}
.wage-latvia-result-table td {
color: #1c2430;
font-weight: 600;
}
.wage-latvia-table-percent {
display: inline-block;
color: #6b7b88;
font-size: .72rem;
font-weight: 600;
line-height: 1.15;
}
.wage-latvia-result-table .wage-latvia-key-row th,
.wage-latvia-result-table .wage-latvia-key-row td {
background: #edf4fe;
color: #1c2430;
font-weight: 700;
}
.wage-latvia-result-table .wage-latvia-key-row td {
font-size: 1.02rem;
}
.wage-latvia-annual-notes {
color: #4b6270;
}
.wage-latvia-annual-notes .tri-group-hd {
margin-top: 0;
margin-bottom: .55rem;
}
.wage-latvia-breakdown-total {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: baseline;
color: #4b6270;
font-size: .9rem;
font-weight: 600;
}
.wage-latvia-breakdown-total strong {
color: #1c2430;
font-size: 1.05rem;
}
.wage-latvia-breakdown-total .wage-latvia-breakdown-percent {
margin-left: .35rem;
}
.wage-latvia-breakdown-bar {
display: flex;
height: 1.05rem;
overflow: hidden;
border-radius: 7px;
background: #edf1f5;
margin: .75rem 0 1rem;
box-shadow: inset 0 0 0 1px rgba(30, 54, 72, .08);
}
.wage-latvia-breakdown-segment {
min-width: 0;
transition: flex-basis .18s ease;
}
.wage-latvia-breakdown-net {
background: #1aaef8;
}
.wage-latvia-breakdown-employee {
background: #7bb9df;
}
.wage-latvia-breakdown-iin {
background: #f55353;
}
.wage-latvia-breakdown-employer {
background: #fa8e8e;
}
.wage-latvia-breakdown-risk {
background: #8a6fce;
}
.wage-latvia-breakdown-legend {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .55rem .85rem;
}
.wage-latvia-breakdown-item {
display: flex;
align-items: flex-start;
gap: .45rem;
min-width: 0;
color: #4b6270;
font-size: .82rem;
line-height: 1.25;
}
.wage-latvia-breakdown-item div {
min-width: 0;
}
.wage-latvia-breakdown-item span:not(.wage-latvia-breakdown-dot) {
display: block;
}
.wage-latvia-breakdown-item strong {
display: block;
color: #1c2430;
font-size: .9rem;
margin-top: .1rem;
}
.wage-latvia-breakdown-percent {
display: block;
color: #6b7b88;
font-size: .76rem;
font-weight: 600;
line-height: 1.15;
margin-top: .05rem;
}
.wage-latvia-breakdown-dot {
width: .62rem;
height: .62rem;
border-radius: 50%;
flex: 0 0 auto;
margin-top: .18rem;
}
@media (max-width: 575.98px) {
.wage-latvia-result-header {
display: block;
}
.wage-latvia-result-actions {
justify-content: flex-start;
margin-top: .5rem;
}
.wage-latvia-result-title {
text-align: left;
}
.wage-latvia-breakdown-legend {
grid-template-columns: 1fr;
}
}
.salary-query-panel {
height: 100%;
}
.salary-query-row {
margin-top: 1rem !important;
}
.salary-estonia-panel h2 {
margin-top: .5rem;
}
.estonia-related-tools .estonia-related-cta,
.estonia-related-tools .estonia-related-cta:visited {
color: #6c757d !important;
border-color: #6c757d;
background-color: transparent;
text-decoration: none !important;
}
.estonia-related-tools .estonia-related-cta:hover,
.estonia-related-tools .estonia-related-cta:focus,
.estonia-related-tools .estonia-related-cta:active {
color: #fff !important;
border-color: #6c757d;
background-color: #6c757d;
text-decoration: none !important;
}
.salary-query-controls {
max-width: 22rem;
}
.salary-query-submit {
width: 2.125rem;
height: 2.125rem;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 2.125rem;
}
.salary-calc-panel select.select120 {
font-family: inherit;
font-size: .875rem;
font-weight: 400;
}
.salary-year-selector input[type=radio].css-radio + label.css-label {
min-width: 3.5rem;
height: auto;
margin: 0;
padding: .4rem .7rem;
border: 1px solid #c8d1e0;
border-radius: 999px;
background-image: none;
background-color: #fff !important;
color: #434a54 !important;
font-size: .82rem;
font-weight: 600;
line-height: 1.2;
text-align: center;
}
.salary-year-selector input[type=radio].css-radio:checked + label.css-label {
border-color: #2a2f36;
background-image: none;
background-color: #2a2f36 !important;
color: #fff !important;
}
.salary-year-selector input[type=radio].css-radio:not(:checked) + label.css-label:hover {
border-color: #afbacc;
background-color: #eef1f5 !important;
}
.salary-language-links a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
margin: 0 !important;
border: 1px solid #c8d1e0;
border-radius: 50%;
background: #f8f9fb;
}
.salary-language-links a:hover,
.salary-language-links a:focus {
border-color: #afbacc;
background: #e9edf2;
}
.salary-choice-row {
display: flex;
align-items: flex-start;
min-height: 2.15rem;
}
.salary-choice-row input[type=radio].css-radio + label.css-label,
.salary-calc-panel input[type=radio].css-radio + label.css-label,
.salary-calc-panel input[type=checkbox].css-checkbox + label.chk-label {
height: auto;
min-height: 19px;
margin-top: .25rem;
margin-bottom: .5rem;
line-height: 1.35;
white-space: normal;
}
.salary-calc-panel input[type=radio].css-radio + label.css-label {
margin-left: 0;
}
.salary-option-row {
border-bottom: 1px solid #e5e9f0;
min-height: 2.15rem;
padding: 0;
}
.salary-option-row > div {
display: flex;
align-items: flex-start;
min-width: 0;
}
#salary-retirement-age-row.salary-option-row-nested {
border-left: 2px solid #e5e9f0;
background: #f8f9fb;
}
#salary-retirement-age-row input[type=checkbox].css-checkbox + label.chk-label {
margin-left: 2rem !important;
}
.salary-calc-panel .handcursor {
display: inline-flex;
flex: 0 0 auto;
margin-left: .25rem;
}
.salary-calc-panel .help-icon {
font-size: 1rem;
vertical-align: baseline;
}
.salary-contribution-row {
max-width: 7rem;
margin: .25rem 0;
}
#salary-funded-pension-rate.select120 {
margin-left: 2rem !important;
}
@media (max-width: 575.98px) {
.salary-calc-toolbar {
align-items: flex-start !important;
}
.salary-year-selector {
width: 100%;
}
.salary-year-selector input[type=radio].css-radio + label.css-label {
flex: 1 1 calc(20% - .5rem);
min-width: 3rem;
padding-left: .35rem;
padding-right: .35rem;
}
.salary-language-links {
justify-content: flex-start !important;
}
}
@media screen and (min-width:1060px) {
}
@media screen and (max-width: 1059px) {
}
@media screen and (max-width: 1199px) {
div#body{max-width:100%;}
div.mainarea,div.Ad970x90,div.header{max-width:100%;}
div.Ad970x90,div.ads336x280sidebar,div.ads336x280,div.ads300x250_1{min-height:560px;}
}
@media screen and (min-width:1200px) {
div#body{max-width:1180px;}
div.mainarea,div.Ad970x90,div.header{max-width:1180px;}
div.Ad970x90,div.ads336x280sidebar,div.ads336x280,div.ads300x250_1{min-height:560px;}
ul.all,li.all,a.toc{min-width:350px;max-width:1100px;}
div.content-wide{width:1180px;padding:0;margin:0;}
div.content{max-width:785px;width:785px;}
div.calculator{width:740px;}
div.sidemenu{width:373px;}
div.sidelinks{max-width:365px}
div.col-L,div.col-R{width:370px}
table.table-calc{min-width:300px;max-width:380px;}
}
@media (min-width:992px) {
div.Ad970x90{min-height:560px;}
}
.ad-slot{
width:100%;
overflow:hidden;
}
.ad-slot--leaderboard-responsive{
min-height:100px;
}
.ad-slot--leaderboard-wide{
min-height:50px;
}
.ad-slot--rectangle-responsive{
min-height:100px;
}
.ad-slot--frontpage-col{
min-height:250px;
}
.ad-slot--leaderboard-fixed{
min-height:90px;
}
.ad-slot--mobile-banner{
min-height:50px;
}
.ad-slot--mobile-banner-large{
min-height:100px;
}
.ad-slot--mobile-rectangle{
min-height:250px;
}
html{
scrollbar-gutter:stable;
}
.footer-social-slot{
min-height:72px;
}
@media (min-width:768px) {
.ad-slot--leaderboard-wide{
min-height:90px;
}
.ad-slot--rectangle-responsive{
min-height:250px;
}
}
@media (min-width:1200px) {
.ad-slot--frontpage-col{
min-height:280px;
}
}
.quadratic-graph-wrapper{
margin:10px 0;
padding:20px;
border:1px solid #0c7bb3;
background-color:#e8f4fa;
border-radius:10px;
box-sizing:border-box;
max-width:1100px;
}
.graph-svg{
width:100%;
height:auto;
display:block;
}
.graph-svg--overflow{overflow:visible;}
.graph-svg--bounded{max-height:280px;}
.log-graph-panel .quadratic-graph-wrapper{
padding:12px;
}
.proportion-graph-wrapper{
max-width:520px;
margin-left:auto;
margin-right:auto;
padding:14px;
}
.quadratic-graph-eq{
margin-top:8px;
font-size:14px;
line-height:1.2;
color:#066391;
}
.flatpickr-calendar,
.flatpickr-months,
.flatpickr-weekdays,
.flatpickr-innerContainer,
.flatpickr-rContainer,
.flatpickr-days,
.dayContainer {
background-color: #dde3ed !important;
}
.flatpickr-calendar {
border: 1px solid #229ad6 !important;
z-index: 99999 !important;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowBottom:before {
border-top-color: #229ad6 !important;
border-bottom-color: #229ad6 !important;
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowBottom:after {
border-top-color: #dde3ed !important;
border-bottom-color: #dde3ed !important;
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
z-index: 99999 !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
background-color: #fff !important;
font: 14px Raleway, sans-serif !important;
font-weight: 300 !important;
letter-spacing: 0 !important;
color: #434a54 !important;
border: #229ad6 1px solid !important;
height: 24px !important;
border-radius: 2px !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
padding: 3px 36px 1px 5px !important;
background-image:
linear-gradient(45deg, transparent 50%, #229ad6 50%),
linear-gradient(135deg, #229ad6 50%, transparent 50%),
linear-gradient(to right, #229ad6, #229ad6) !important;
background-position:
calc(100% - 14px) calc(0.6em + 3px),
calc(100% - 9px) calc(0.6em + 3px),
calc(100% - 2em) 0.1em !important;
background-size: 5px 5px, 5px 5px, 1px 1.4em !important;
background-repeat: no-repeat !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
border: 1px solid #229ad6 !important;
}
.flatpickr-current-month {
left: 0 !important;
right: 0 !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
padding: 0 34px !important;
box-sizing: border-box !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper {
margin: 0 !important;
}
.flatpickr-current-month .cur-year {
font-size: 14px !important;
}
.flatpickr-prev-month,
.flatpickr-next-month {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
width: 28px !important;
height: 28px !important;
padding: 6px !important;
top: 6px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.flatpickr-prev-month { left: 6px !important; }
.flatpickr-next-month { right: 6px !important; }
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
background: transparent !important;
border: 0 !important;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
fill: #229ad6 !important;
width: 10px !important;
height: 10px !important;
}
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
fill: #229ad6 !important;
}
.flatpickr-weekwrapper .flatpickr-weekday {
visibility: hidden !important;
}
.flatpickr-calendar.dts-timepicker.noCalendar {
width: 124px !important;
min-width: 124px !important;
max-width: 124px !important;
border: 1px solid #229ad6 !important;
border-radius: 999px !important;
overflow: hidden !important;
}
.flatpickr-calendar.dts-timepicker.noCalendar .flatpickr-time {
border-top: 0 !important;
width: 100% !important;
border-radius: 999px !important;
overflow: hidden !important;
}
.flatpickr-calendar.dts-timepicker.noCalendar .flatpickr-time input,
.flatpickr-calendar.dts-timepicker.noCalendar .flatpickr-time .flatpickr-am-pm {
font-size: 15px !important;
}
.flatpickr-calendar.dts-timepicker.noCalendar.arrowTop:before,
.flatpickr-calendar.dts-timepicker.noCalendar.arrowBottom:before {
border-top-color: #229ad6 !important;
border-bottom-color: #229ad6 !important;
}
.flatpickr-calendar.dts-timepicker.noCalendar.arrowTop:after,
.flatpickr-calendar.dts-timepicker.noCalendar.arrowBottom:after {
border-top-color: #dde3ed !important;
border-bottom-color: #dde3ed !important;
}
@media (max-width: 576px) {
.flatpickr-calendar {
max-width: calc(100vw - 16px) !important;
}
.flatpickr-calendar,
.flatpickr-calendar.open {
left: 50% !important;
right: auto !important;
transform: translateX(-50%) !important;
}
}
.color-page .color-section {
display: none;
}
.color-page .color-section.active {
display: block;
}
.color-page .color-swatch-shell {
width: 10rem;
height: 10rem;
padding: 1rem;
margin: 0 auto;
border-radius: 999px;
background-color: #ffffff;
background-image:
linear-gradient(45deg, #d9e1eb 25%, transparent 25%),
linear-gradient(-45deg, #d9e1eb 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #d9e1eb 75%),
linear-gradient(-45deg, transparent 75%, #d9e1eb 75%);
background-size: 18px 18px;
background-position: 0 0, 0 9px, 9px -9px, -9px 0;
}
.color-page .color-swatch {
width: 100%;
height: 100%;
border-radius: 999px;
}
.color-page .color-slider-bar {
width: 100%;
height: 1rem;
border-radius: 999px;
}
.color-page .color-slider-group.d-none {
display: none !important;
}
.color-page .color-slider-track {
width: 100%;
accent-color: #0c7bb3;
}
.color-page .color-range {
accent-color: #0c7bb3;
}
.color-page .color-input-card-header {
padding-bottom: 0.85rem;
border-bottom: 1px solid rgba(12, 123, 179, 0.14);
}
.color-page .color-input-lede {
margin-top: 0.5rem;
color: #4b6270;
font-size: 0.92rem;
line-height: 1.45;
}
.color-page .color-input-editor {
margin-top: 1rem;
}
.color-page .color-input-editor-row {
margin-left: 0;
margin-right: 0;
}
.color-page .color-input-editor-row > .col-12:first-child {
padding-left: 0;
}
.color-page .color-input-editor-row > .col-12:last-child {
padding-right: 0;
}
.color-page .color-format-label,
.color-page #color_mode,
.color-page #color_mode + .color-inline-help {
margin-left: 0 !important;
padding-left: 0;
}
.color-page .color-input-visual-heading {
margin-top: 1.45rem;
padding-top: 1rem;
border-top: 1px solid rgba(12, 123, 179, 0.14);
}
.color-page .color-output-grid {
row-gap: 0.85rem;
}
.color-page .color-output-item {
padding-top: 0.15rem;
}
.color-page .color-output-item label {
font-weight: 600;
color: #066391;
display: block;
margin-bottom: 0.4rem;
}
.color-page .color-output-item input {
background-color: #ffffff;
}
.color-page .color-result-card {
overflow: hidden;
}
.color-page .color-result-header {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: flex-start;
padding-bottom: 0.85rem;
margin-bottom: 1rem;
border-bottom: 1px solid rgba(12, 123, 179, 0.18);
}
.color-page .color-result-title {
color: #4b6270;
font-size: 0.95rem;
font-weight: 600;
text-align: right;
}
.color-page .color-result-divider {
margin: 1.15rem 0;
border-top: 1px solid rgba(12, 123, 179, 0.14);
}
.color-page .color-result-group > .tri-group-hd:first-child {
margin-top: 0;
margin-bottom: 0.75rem;
}
.color-page .color-output-item .input-group {
box-shadow: 0 1px 0 rgba(38, 63, 77, 0.04);
}
.color-page .color-output-item-primary input {
font-weight: 600;
}
.color-page .color-output-item-secondary label {
font-size: 0.78rem;
color: #4b6270;
}
.color-page .color-output-item-secondary input {
font-size: 0.92rem;
}
.color-page .color-copy-btn {
width: auto;
flex: 0 0 auto;
}
.color-page .color-other-converters .uc-nav-panel {
margin: 0;
padding: 1rem;
border-color: #d8dde6;
border-radius: 8px;
background: #ffffff;
}
.color-page .color-other-converters .uc-nav-label {
color: #263f4d;
font-size: 0.82rem;
margin-bottom: 0.75rem;
}
.color-page .color-other-converters .uc-nav-list {
column-gap: 1.25rem;
}
.color-page .color-other-converters .uc-nav-link {
padding: 0.32rem 0;
}
.color-page .color-formula {
font-size: 0.95rem;
color: #4b6270;
}
.color-page .color-inline-help {
font-size: 0.9rem;
color: #4b6270;
}
.color-page #colorSummary {
min-height: 4.8rem;
}
.color-page #colorSliderHelp {
min-height: 2.8rem;
}
@media (max-width: 575.98px) {
.color-page .color-result-header {
display: block;
}
.color-page .color-result-title {
margin-top: 0.5rem;
text-align: left;
}
.color-page #colorSliderHelp {
min-height: 3.9rem;
}
}
/* Element page */
.element-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;padding:4px 2px 5px;cursor:default;position:relative;box-sizing:border-box;font-family:inherit;border:1px solid rgba(0,0,0,.08);transition:box-shadow .15s}
.element-tile__top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:0 4px}
.element-tile__number{font-size:.65em;color:rgba(0,0,0,.55);font-weight:600;line-height:1}
.element-tile__state{width:7px;height:7px;border-radius:50%;display:block;background:transparent}
.element-tile[data-state="solid"] .element-tile__state{background:#4a9eff}
.element-tile[data-state="liquid"] .element-tile__state{background:#ff9f40}
.element-tile[data-state="gas"] .element-tile__state{background:#6bcb77}
.element-tile__symbol{font-size:1.55em;font-weight:700;line-height:1;color:#1a1a2e}
.element-tile__name{font-size:.58em;color:rgba(0,0,0,.65);margin-top:1px;text-align:center;line-height:1.1}
.element-tile__mass{font-size:.58em;color:rgba(0,0,0,.55);margin-top:2px}
.element-tile[data-category="alkali metal"]{background:#F8DABF}
.element-tile[data-category="alkaline earth metal"]{background:#FFF3C6}
.element-tile[data-category="transition metal"]{background:#BBE5FA}
.element-tile[data-category="post-transition metal"]{background:#E3DCF7}
.element-tile[data-category="metalloid"]{background:#CEC2F0}
.element-tile[data-category="nonmetal"]{background:#8EF5B7}
.element-tile[data-category="halogen"]{background:#FAD4E4}
.element-tile[data-category="noble gas"]{background:#FAB4D1}
.element-tile[data-category="lanthanide"]{background:#EAD9FA}
.element-tile[data-category="actinide"]{background:#DABCF7}
.element-tile[data-category="unknown"]{background:#F5F7FB}
#ep-root{font-family:inherit;color:#1a1a2e}
.ep-hero{display:flex;gap:24px;align-items:flex-start;padding:20px 0 28px;border-bottom:2px solid var(--ep-accent,#e0e0e0)}
.ep-hero__tile-wrap{flex-shrink:0}
.ep-hero__tile.element-tile{width:96px;height:96px;border-radius:8px;font-size:1.1rem;border:none;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.ep-hero__info{flex:1;min-width:0}
.ep-hero__category-badge{display:inline-block;padding:3px 12px;border-radius:20px;font-size:.78rem;font-weight:600;color:#1a1a2e;margin-bottom:8px;letter-spacing:.02em}
.ep-hero__badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.ep-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:500;background:#f0f2f5;color:#444;border:1px solid #e0e3e8}
.ep-badge--stable{background:#d4edda;color:#155724;border-color:#c3e6cb}
.ep-badge--radioactive{background:#fff3cd;color:#856404;border-color:#ffeeba}
.ep-badge--synthetic{background:#f8d7da;color:#721c24;border-color:#f5c6cb}
.ep-hero__info p{margin:0;line-height:1.6;color:#444;font-size:.93rem}
.ep-estimated-note{font-size:.75rem;color:#888;margin-top:6px;text-align:center}
.ep-density-note{font-size:.75rem;color:#888;margin:6px 0 0;padding:0 10px}
.ep-section{margin:28px 0}
#ep-root .ep-section h2{color:#229ad6;font-size:.75rem;font-weight:700;letter-spacing:0;text-transform:uppercase;margin:0 0 .75rem}
.ep-row{display:flex;justify-content:space-between;align-items:baseline;padding:7px 10px;background:#f8f9fb;border-radius:3px;font-size:.875rem;gap:8px}
.ep-row:nth-child(even){background:#fff}
.ep-row__label{color:#666;font-weight:500;white-space:nowrap}
.ep-val{color:#1a1a2e;font-weight:600;text-align:right}
.ep-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.ep-card{background:#fff;border:1px solid #d8dde6;border-radius:8px;padding:16px}
.ep-card--full{grid-column:1/-1}
.ep-card h3{font-size:.67rem;font-weight:700;color:#5f6777;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e5e9f0}
.ep-card .ep-row{padding:5px 0;background:transparent!important;border-radius:0;border-bottom:1px solid #f5f5f5}
.ep-card .ep-row:last-child{border-bottom:none}
.ep-temp-controls{margin-bottom:6px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}
.ep-temp-bar{width:100%;height:1rem;border-radius:999px;margin-bottom:4px;background:linear-gradient(90deg,#1e3a8a 0%,#2563eb 14%,#60a5fa 26%,#dbeafe 39%,#fff7ed 50%,#fed7aa 62%,#fb923c 76%,#dc2626 100%)}
.ep-temp-range{width:100%;height:8px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;display:block;margin:6px 0}
.ep-temp-range:focus{outline:none}
.ep-temp-range::-webkit-slider-runnable-track{height:8px;border:1px solid #c8d1e0;border-radius:999px;background:#dde3ed}
.ep-temp-range::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px;border:2px solid #fff;border-radius:50%;background:#229ad6;box-shadow:0 1px 4px rgba(0,0,0,.15);-webkit-appearance:none}
.ep-temp-range:hover::-webkit-slider-thumb{background:#0c7bb3}
.ep-temp-range::-moz-range-track{height:8px;border:1px solid #c8d1e0;border-radius:999px;background:#dde3ed}
.ep-temp-range::-moz-range-progress{height:8px;border-radius:999px;background:#53baed}
.ep-temp-range::-moz-range-thumb{width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:#229ad6;box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer}
.ep-temp-range:hover::-moz-range-thumb{background:#0c7bb3}
.ep-temp-inputs{display:flex;gap:2px;align-items:flex-start}
.ep-uses-list{margin:0;padding-left:18px;font-size:.85rem;color:#1a1a2e}
.ep-uses-list li{margin-bottom:2px}
.ep-context{display:flex;gap:20px;align-items:flex-start;background:#f8f9fb;border:1px solid #e5e9f0;border-radius:8px;padding:20px}
.ep-context__tile-wrap .element-tile{width:72px;height:72px;border-radius:6px;font-size:.85rem;flex-shrink:0}
.ep-context__info p{margin:0 0 14px;font-size:.9rem;color:#444;line-height:1.6}
.ep-nav-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.ep-nav-row a.btn{text-decoration:none;color:inherit}
.ep-nav-row a.btn-outline-secondary{color:#6c757d}
.ep-nav-row a.btn-outline-secondary:hover{color:#fff}
.ep-nav{display:flex;flex-wrap:wrap;gap:8px}
.ep-nav__btn{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;text-decoration:none;border:1px solid #d0d3d8;background:#fff;color:#333;transition:background .15s,border-color .15s}
.ep-nav__btn:hover{background:#f0f2f5;border-color:#bbb}
.ep-nav__btn--pt{background:var(--ep-accent,#e8eaed);border-color:transparent;color:#1a1a2e}
.ep-ssr__topic-links{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-top:12px;font-size:.86rem;line-height:1.4;color:#444}
.ep-ssr__topic-links strong{margin-right:2px;color:#1a1a2e}
.ep-ssr__topic-links a{display:inline-block;padding:3px 9px;border:1px solid #d8dde6;border-radius:20px;background:#fff;color:#333;text-decoration:none}
.ep-ssr__topic-links a:hover{background:#f0f2f5;border-color:#c8d1e0;text-decoration:none}
.ep-faq{display:flex;flex-direction:column;gap:4px}
.ep-faq__item{border:1px solid #d8dde6;border-radius:8px;overflow:hidden}
.ep-faq__item[open]{border-color:#c8d1e0}
.ep-faq__q{padding:12px 16px;cursor:pointer;font-size:.9rem;font-weight:600;color:#1a1a2e;list-style:none;display:flex;justify-content:space-between;align-items:center;background:#fff;user-select:none}
.ep-faq__q::-webkit-details-marker{display:none}
.ep-faq__q::after{content:"＋";font-size:.9em;color:#888;flex-shrink:0;margin-left:8px}
.ep-faq__item[open] .ep-faq__q::after{content:"−"}
.ep-faq__a{padding:10px 16px 14px;font-size:.875rem;line-height:1.6;color:#444;background:#f8f9fb;border-top:1px solid #e5e9f0}
@media(max-width:600px){.ep-hero{flex-direction:column;gap:16px}.ep-hero__tile.element-tile{width:80px;height:80px}.ep-cards{grid-template-columns:1fr}.ep-context{flex-direction:column}}
.toc-teddybase a.toc{text-transform:uppercase;}
/* Baby Age Calculator */
.bac-stage-badge{display:inline-block;padding:.3em .8em;font-size:.85rem;font-weight:600;background:#f0e6fa;color:#6b4fa8;border-radius:.4rem;letter-spacing:.01em}
.bac-table th{font-weight:600;color:#6b4fa8;padding:6px 8px;border-bottom:2px solid #e8d5f2}
.bac-table td{padding:6px 8px}
.bac-table tbody tr:nth-child(odd) td{background:#faf7fd}
#babyAgeCalcApp input[type=number]::-webkit-outer-spin-button,
#babyAgeCalcApp input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#babyAgeCalcApp input[type=number]{-moz-appearance:textfield}
/* Pregnancy calendar week pills */
.btn-week{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;border-radius:14px;font-size:.78rem;font-weight:600;text-decoration:none;border:none;line-height:1}
a.btn-week,a.btn-week:hover,a.btn-week:visited{text-decoration:none}
a.btn-week-t1,a.btn-week-t1:hover,a.btn-week-t1:visited{color:#17384a}
a.btn-week-t2,a.btn-week-t2:hover,a.btn-week-t2:visited{color:#342d66}
a.btn-week-t3,a.btn-week-t3:hover,a.btn-week-t3:visited{color:#6a2747}
/* Pregnancy week-by-week 3-column layout */
#PREGNANCY_WEEK_ROWS{display:flex;flex-direction:column;gap:0}
.preg-trim-col{padding:0}
.preg-week-trim-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;padding:4px 0 6px;margin-bottom:2px;border-bottom:1px solid #eee}
.preg-week-row{display:flex;align-items:flex-start;gap:8px;padding:3px 0}
.preg-week-pill{flex-shrink:0;width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;border-radius:50%;border:none}
.btn-week-t1{background:#cbe3f5;color:#17384a}
.btn-week-t2{background:#e3dcf7;color:#342d66}
.btn-week-t3{background:#fad4e4;color:#6a2747}
a.btn-week-bw,a.btn-week-bw:hover,a.btn-week-bw:visited{color:#583e78}
a.btn-week-bm,a.btn-week-bm:hover,a.btn-week-bm:visited{color:#583e78}
.btn-week-bw{background:#8dd4f7;color:#583e78}
.btn-week-bm{background:#fab4d1;color:#583e78}
.preg-week-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:34px}
.preg-week-dates{font-size:.8rem;color:#999;line-height:34px}
.preg-week-has-milestone .preg-week-dates{line-height:1.3;padding-top:5px}
.preg-milestone-text{font-size:.82rem;color:#555;padding:2px 0 6px;line-height:1.45}
.preg-week-current .preg-week-dates{color:#333;font-weight:600}
@media(min-width:992px){#PREGNANCY_WEEK_ROWS{flex-direction:row;align-items:flex-start;gap:24px}.preg-trim-col{flex:1;min-width:0}}
.bmi-scale-wrap{position:relative;margin:.75rem 0 1.25rem}
.bmi-scale-track{height:12px;border-radius:6px;background:linear-gradient(to right,#4a90d9 0% 17.14%,#82b4e8 17.14% 24.29%,#4caf50 24.29% 42.86%,#ffc107 42.86% 57.14%,#ff7043 57.14% 71.43%,#e53935 71.43% 85.71%,#880e4f 85.71% 100%);position:relative;overflow:visible}
.bmi-scale-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #555;box-shadow:0 1px 5px rgba(0,0,0,.3);transition:left .25s ease;display:none}
.bmi-scale-ticks{position:relative;height:20px;margin-top:4px}
.bmi-scale-ticks span{position:absolute;transform:translateX(-50%);font-size:.68rem;color:#888;white-space:nowrap;line-height:1}
.bac-scale-wrap{position:relative;margin:.75rem 0 1.5rem}
.bac-scale-track{height:12px;border-radius:6px;background:linear-gradient(to right,#9e9e9e 0% 10%,#4caf50 10% 25%,#ffc107 25% 40%,#ff7043 40% 50%,#e53935 50% 75%,#880e4f 75% 100%);position:relative;overflow:visible}
.bac-scale-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #555;box-shadow:0 1px 5px rgba(0,0,0,.3);transition:left .25s ease;display:none}
.bac-scale-ticks{position:relative;height:20px;margin-top:4px}
.bac-scale-ticks span{position:absolute;transform:translateX(-50%);font-size:.68rem;color:#888;white-space:nowrap;line-height:1}
.bac-severity-badge{display:inline-block;padding:.3rem .9rem;border-radius:20px;font-weight:600;font-size:.85rem;color:#fff;transition:background .25s ease;min-width:70px;text-align:center;background:#9e9e9e}
.bmr-calorie-bar{display:flex;border-radius:10px;overflow:hidden;min-height:80px}
.bmr-bar-seg{flex:1;min-width:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 6px;text-align:center}
.bmr-bar-val{font-size:.9rem;font-weight:700;white-space:nowrap;line-height:1.2}
.bmr-bar-lbl{font-size:.65rem;margin-top:5px;opacity:.9;white-space:nowrap}
.bmr-formula-badge{font-size:.75rem;font-weight:500;background:#e9ecef;color:#495057}
.bmr-tdee-row{background:#f8f9fb;border-radius:6px;padding-left:6px;padding-right:6px;margin-left:-6px;margin-right:-6px}
.bmr-tdee-row .time-calc-stat-label{color:#333}
.bmr-bar-loss-fast{background:#4a90d9;color:#fff}
.bmr-bar-loss-slow{background:#82b4e8;color:#004085}
.bmr-bar-maintain{background:#4caf50;color:#fff}
.bmr-bar-gain-slow{background:#ffd166;color:#7a5c00}
.bmr-bar-gain-fast{background:#ff7043;color:#fff}
.bmr-act-selected{background:#e8f5e9!important}
.bmr-compare-selected{background:#e3f2fd!important}
.ibw-scale-wrap{position:relative;margin:.75rem 0 .5rem}
.ibw-scale-track{height:14px;background:#e9ecef;border-radius:7px;position:relative;overflow:visible}
.ibw-scale-healthy{position:absolute;top:0;height:100%;background:#4caf50;border-radius:7px;opacity:.35;transition:left .25s,width .25s}
.ibw-tick-mark{position:absolute;top:0;height:100%;width:3px;border-radius:2px;transition:left .25s}
.ibw-scale-ticks{position:relative;height:18px;margin-top:4px}
.ibw-scale-ticks span{position:absolute;transform:translateX(-50%);font-size:.65rem;color:#999;white-space:nowrap}
.ibw-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-right:2px;flex-shrink:0}
.pc-row-solve{opacity:.4;pointer-events:none}
.bac-bullet-list{padding:0;margin:0}
.bac-bullet-item{padding:.38rem 0 .38rem 1.1rem;border-bottom:1px dotted #d7dce3;position:relative}
.bac-bullet-item::before{content:'•';position:absolute;left:0;top:.42rem;color:#9966cc;font-size:.9rem;line-height:1}
.bac-bullet-item:last-child,.bac-bullet-item:last-of-type{border-bottom:0}
.bac-bullet-item-label{font-size:.75rem;color:#5f6777;margin-bottom:.1rem}
.bac-bullet-item-value{font-weight:600;font-size:.93rem;color:#1a1a1a}
.fuel-trip-bar{height:32px;border-radius:16px;background:#e9ecef;display:flex;overflow:hidden;margin:.5rem 0 .25rem}
.fuel-trip-bar-oneway{background:#4a7ebb;transition:width .3s ease}
.fuel-trip-bar-return{background:#a0bfe8;transition:width .3s ease}
.fuel-trip-bar-labels{display:flex;justify-content:space-between;font-size:.78rem;color:#5f6777;margin-bottom:.75rem}
.fuel-num-input{width:120px;min-width:0;flex-shrink:0}
.fuel-select{width:180px;min-width:180px;max-width:180px;flex-shrink:0;box-sizing:border-box}
.fuel-prices-panel .reference{flex:1 1 100%;min-width:0!important;max-width:100%!important;width:100%!important;padding:0;border-radius:.5rem;border:1px solid #d0dcea;background:#f4f7fc;overflow:hidden;margin-top:0}
.fuel-prices-panel .reference h3{font-size:.72rem;font-weight:700;color:#1e3a6e;background:#dde8f6;padding:.35rem .65rem;margin:0;border-bottom:1px solid #d0dcea;line-height:1.4}
.fuel-prices-panel .reference h3 .fa{display:none}
.fuel-prices-panel .reference>div{padding:.45rem .65rem .35rem!important;font-size:.78rem;line-height:1.6}
.fuel-prices-panel .reference .small{font-size:.68rem!important;color:#8a9ab5;margin-top:.15rem}
/* ─── Scientific calculator ───────────────────────────────── */
.calc-wrap{max-width:440px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.12);border:1px solid #d8dde6;user-select:none}
.calc-display{background:#1a1f27;padding:12px 16px 14px;min-height:78px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}
.calc-expr-line{color:#6d7a8e;font-size:.8rem;min-height:1.1rem;word-break:break-all;text-align:right;width:100%}
.calc-result-line{color:#fff;font-size:2.2rem;font-weight:300;line-height:1.2;word-break:break-all;text-align:right;width:100%}
.calc-sci-panel{background:#e2e7ef;padding:7px 8px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.calc-numpad{background:#edf0f5;padding:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.calc-btn{aspect-ratio:1;border:none;border-radius:50%;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;width:100%;padding:0;line-height:1;transition:filter .1s,transform .08s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.calc-btn:active{filter:brightness(.85);transform:scale(.93)}
.calc-btn-num{background:#8dd4f7;color:#1a1f27}
.calc-btn-op{background:#229ad6;color:#fff}
.calc-btn-eq{background:#e67e22;color:#fff}
.calc-btn-clear{background:#ced4de;color:#1a1f27}
.calc-btn-mem{background:#064d70;color:#fff}
.calc-btn-fn{background:#d4dcea;color:#1a1f27;font-weight:600}
.calc-btn-deg{background:#2a2f36;color:#fff;font-weight:700;letter-spacing:.02em}
.calc-numpad .calc-btn-spacer{display:block}
/* ─── Triangle calculator ──────────────────────────────────── */
.tri-stat{background:#f8f9fb;border:1px solid #e5e9f0;border-radius:7px;padding:.5rem .6rem;height:100%}
.tri-stat-primary{background:#edf4fe;border-color:#c4d8f5}
.tri-stat-key{font-size:.7rem;font-weight:600;color:#5f6777;line-height:1.25;margin-bottom:.2rem}
.tri-stat-sym{font-size:.85rem;font-weight:700;color:#5f6777;font-style:italic;line-height:1.2;margin-bottom:.1rem}
.tri-stat-val{font-size:1.05rem;font-weight:700;color:#1c2430;line-height:1.1}
.tri-group-hd{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#5f6777;margin-top:.85rem;margin-bottom:.35rem}
/* ─── Unit converter related-nav panels ───────────────────── */
.uc-nav-panel{border:1px solid #d8dde6;border-radius:8px;background:#fff;padding:.85rem 1rem;margin-bottom:.65rem}
.uc-nav-label{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5f6777;margin-bottom:.5rem}
.uc-nav-list{list-style:none;margin:0;padding:0;column-count:2;column-gap:1rem}
.uc-nav-item{break-inside:avoid;page-break-inside:avoid}
.uc-nav-link{display:block;font-size:.76rem;font-weight:400;color:#4a5568;text-decoration:none;padding:.2rem 0;line-height:1.35;border-bottom:1px solid #f0f2f5;transition:color .1s}
.uc-nav-link:hover{color:#1a6dc4;text-decoration:none}
.uc-nav-link-active{color:#2563eb;font-weight:600;cursor:default;pointer-events:none}
.uc-nav-link-active:hover{color:#2563eb}
/* ─── Financial ratio input card ──────────────────────────── */
.financial-ratio-input-card{border:1px solid #d8dde6;border-radius:8px;background:#fff}
.financial-ratio-input-card .toc1.rounded-pill.toc-input{background:transparent;color:#5f6777!important;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1.35;padding:.85rem 1rem 0;margin:0;border-radius:0!important}
.financial-ratio-input-card>.p-3,.financial-ratio-input-card>.px-3.pb-3.pt-0{padding-left:1rem!important;padding-right:1rem!important}
.financial-ratio-input-card hr{margin:.75rem 0 1rem}
@media (max-width:767.98px){
.npv-calculators .npv-table-wrap,.irr-calculators .irr-table-wrap{overflow:visible}
.npv-calculators #npv_table,.irr-calculators #irr_table{display:block;width:100%!important;min-width:0!important;max-width:none!important}
.npv-calculators #npv_table colgroup,.npv-calculators #npv_table thead tr:last-child,.irr-calculators #irr_table thead tr:last-child{display:none}
.npv-calculators #npv_table thead,.npv-calculators #npv_table tbody,.npv-calculators #npv_table tfoot,.irr-calculators #irr_table thead,.irr-calculators #irr_table tbody,.irr-calculators #irr_table tfoot{display:block;width:100%}
.npv-calculators #npv_table thead tr,.irr-calculators #irr_table thead tr{display:block}
.npv-calculators #npv_table thead th,.irr-calculators #irr_table thead th{display:block;width:100%;padding:.35rem 0;border:0!important;text-align:left!important}
.npv-calculators #npv_table thead .W120,.irr-calculators #irr_table thead .W120{width:100%;max-width:16rem}
.npv-calculators #npv_table tbody tr,.irr-calculators #irr_table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;position:relative;padding:.85rem;margin:0 0 .75rem;border:1px solid #e5e9f0;border-radius:8px;background:#f8f9fb}
.npv-calculators #npv_table tbody td,.irr-calculators #irr_table tbody td,.npv-calculators #npv_table tfoot th,.irr-calculators #irr_table tfoot th{display:block;min-width:0;padding:0;border:0!important}
.npv-calculators #npv_table tbody td:first-child,.irr-calculators #irr_table tbody td:first-child{grid-column:1/-1;display:flex;align-items:center;gap:.4rem;min-height:2.5rem;padding-right:3rem;font-weight:700;color:#333840}
.npv-calculators #npv_table tbody td:first-child::before,.irr-calculators #irr_table tbody td:first-child::before{content:attr(data-label)}
.npv-calculators #npv_table tbody td:not(:first-child):not(:last-child)::before,.irr-calculators #irr_table tbody td:not(:first-child):not(:last-child)::before,.npv-calculators #npv_table tfoot th:not(:first-child)::before,.irr-calculators #irr_table tfoot th:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:.3rem;font-size:.75rem;font-weight:600;line-height:1.25;color:#5f6777}
.npv-calculators #npv_table tbody td:last-child,.irr-calculators #irr_table tbody td:last-child{position:absolute;top:.75rem;right:.75rem}
.npv-calculators #npv_table tbody .npv-remove-row-btn,.irr-calculators #irr_table tbody .irr-remove-row-btn{width:2.75rem!important;height:2.75rem!important;font-size:1.25rem}
.npv-calculators #npv_table tbody .form-control,.irr-calculators #irr_table tbody .form-control{min-height:2.7rem;font-size:1rem}
.irr-calculators #irr_table tbody td:first-child input{width:5rem!important;max-width:5rem}
.npv-calculators #npv_table tbody .npv-rate-col .input-group{width:100%!important;min-width:0!important}
.npv-calculators #npv_row_0 .npv-rate-col,.npv-calculators #npv_table tfoot .npv-rate-col{display:none!important}
.npv-calculators #npv_table tfoot tr,.irr-calculators #irr_table tfoot tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:.85rem;border:1px solid #d8dde6;border-radius:8px;background:#fff}
.npv-calculators #npv_table tfoot th:first-child,.irr-calculators #irr_table tfoot th:first-child{grid-column:1/-1;font-weight:700}
.npv-calculators #npv_table tfoot th:last-child,.irr-calculators #irr_table tfoot th:last-child{display:none}
}
/* ─── Circle calculator ────────────────────────────────────── */
.circle-input-row{transition:background .15s}
.circle-active-row{background:rgba(50,114,217,.06)}
.circle-unit-select{font-size:.85rem;padding:.5rem .35rem;border-radius:4px;border:1px solid #ced4da;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:calc(1.5em + 1rem + 2px)}
/* ─── Trigonometry calculator ─────────────────────────────── */
.trigon-unit-circle-wrapper{border:1px solid #0c7bb3;background:#e8f4fa;border-radius:10px;padding:16px;box-sizing:border-box}
#trigonUnitCircleSvg{width:100%;height:auto;display:block;max-height:340px}
.trigon-func-pills .btn{flex:1 1 0}
.trigon-func-pills .btn.active{background:#2a2f36;border-color:#2a2f36;color:#fff}
/* ── Calculator hero result value ─────────────────── */
.hero-value{font-size:1.9rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:#1a2330;word-break:break-word}
.hero-value.hero-pos{color:#2e7d32}
.hero-value.hero-neg{color:#c0392b}
/* ── Financial calculator cards (shared; consolidated from per-calc inline