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}
.topbox {background-color: #229ad6!important;}
.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;
}
.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;}
.L {text-align:left;}
.C {text-align:center;}
.R {text-align:right;}
thead.box-invert{border:0 solid #434a54}
table.box-invert{border:1px solid #434a54}
tr.box-invert:nth-child(odd){padding:5px}
tr.box-invert:nth-child(even){padding:5px}
tbody tr.box-invert:hover{background-color:#D1EEFC}
td.box-invert,th.box-invert{padding:6px 5px 3px}
td.valign-top{vertical-align:top}
td.valign-middle{vertical-align:middle}
td.valign-bottom{vertical-align:bottom}
th.box-invert{font-weight:700;background-color:#434a54;color:#dde3ed}
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}
.box:nth-of-type(odd),.box-reverse:nth-of-type(even) {
background-color:inherit;
}
.box:nth-of-type(even),.box-reverse:nth-of-type(odd) {
background-color:#dde3ed;
}
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;
}
hr.alert-hr{border-top: 10px solid #8c8b8b;
 display: block;
 height: 1px;
 border: 0;
 border-top: 1px solid #f55353;
 margin: 1em 0;
 padding: 0;
}
hr.notice-hr{
 display: block;
 height: 1px;
 border: 0;
 border-top: 1px solid #1ec963;
 margin: 1em 0;
 padding: 0;
}

SELECT{background-color:#fff;font:14px Raleway;font-weight:300;letter-spacing:0;color:#434a54;border:#c8d1e0 1px solid;height:24px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-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;}
/* Align cooking converter selects with input edges */
#cooking select{
margin:0 0 7px!important;
}
.F16 {
height:32px;
font:24px Raleway;
background-position:calc(100% - 14px) calc(0.6em + 3px),calc(100% - 9px) calc(0.6em + 3px),calc(100% - 1.2em) .1em;
background-image:linear-gradient(45deg,transparent 50%,#8e99ab 50%),linear-gradient(135deg,#8e99ab 50%,transparent 50%),linear-gradient(to right,#8e99ab,#8e99ab);
background-size:5px 5px,5px 5px,1px 1.1em;
padding:0 36px 1px 5px
}
.invisibleselect{background-color:#c4e9f5;font:11px Raleway;letter-spacing:0;color:#434a54;border:0;text-align:left;margin:0 5px 7px;padding:0}
.select40{width:40px;text-align:right}
.select60{width:60px;text-align:right}
.select60L{width:60px}
.select75{width:75px;text-align:right}
.select90{width:90px}
.select100{width:100px}
.select120{width:120px}
.select150{width:150px}
.select180{width:180px}
.select240{width:240px}
.select280{width:280px}
.select300{width:300px}
.W20{width:20px}
.W40{width:40px}
.W60{width:60px}
.W75{width:75px}
.W90{width:90px}
.W120{width:120px}
.W100{width:100px;min-width:100px}
.W140{width:140px}
.W150{width:150px}
.W180{width:180px}
.W210{width:210px}
.W250{width:180px}
.W300{width:300px}
.W600{width:500px}
.W520{width:520px}
.loan-input-w{width:210px}
.W100pct{width:100%}
.W50pct{width:50%}
.W25pct{width:25%}
.W22pct{width:22%}
.W12pct{width:12%}
.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;}
.disabled-box {background-color: inherit;}
.W48{width:48px!important;}
.flatpickr-calendar {
	background-color:#dde3ed !important;
	border:1px solid #c8d1e0 !important;
}
.flatpickr-months,
.flatpickr-weekdays {
	background-color:#dde3ed !important;
}
.biglabel {font:18px Raleway;font-weight:300;}

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;height:19px;display:inline-block;line-height:19px;background-repeat:no-repeat;background-position:0 0;vertical-align:middle;cursor:pointer;background-color:transparent!important;color:#434a54!important}
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-custom{padding-top:0;padding-bottom:5px;margin:0 5px 7px;font-size:24px;line-height:1}
.btn-60{width:60px}
.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_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_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;
}
}
.unit-select-fixed-width,
.ohm-fixed-select{width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
p.input-label{font-size:16px;font-weight:300;margin:0;display:inline}
.tab-20 {display:inline-block;width: 20px;}
.tab-40 {display:inline-block;width: 40px;}
.lbl {font-size:14px;}
.unit-lowercase {text-transform: lowercase;}
.weekday-title-case {text-transform: capitalize;}

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;
}
#pregnancy .pregnancy-result-date{
  position:relative;
  left:6px;
  top:-2px;
}
#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}
.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-bottom {background-color:#ebeff5 !important;}
.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 {
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;}

#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;
}
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}
.dropdown-container {position: relative;}

/**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 {display:inline}
img.help {width:15px;height:30px;display:inline;padding-bottom:15px}

.help-icon {
  color: #53baed;
  font-size: 1.5em;     /* slightly larger */
  vertical-align: super; /* superscript-like position */
}

/* 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{display:none!important}
.flex-container{height:100%;padding:0;margin:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center}
.flex-item{text-align:center}
.vertical-center{min-height:100%;display:flex;align-items:center;text-align:center}
.html-result,.html-operator{font-size:20px;font-weight:300;}
.divider{border-top:#434a54 1px solid;height:1px;padding-bottom:5px}
.label-lg{font-size:16px;font-weight:300;margin:0;padding:0px;}
.rotate{padding:120px 0;background-color:#dde3ed;}

/* FOOTER */

.footer-copyright{padding-top:10px}
.footer-link {font-size:12px;font-weight:300;}

/*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-bottom{padding:10px 5px;display:block}
.footer-copyright{font-size:13px;padding:10px 0 15px 7px;border-bottom:#fff 1px solid}
.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%}
.R-sm-L{text-align:left}
.R-lg-L{text-align:left}
.MathEq{font-size:14px}
.MathEq-small{font-size:10px}
.MathEqText{display:inline-block;font:12px 'Times New Roman',Times,serif}
.calculators{display:none!important}
.mobile-calculators{display:block}
.mobile-rotate-card{
max-width:none;
margin:16px .25rem;
padding:18px 18px;
border:1px solid #c8d1e0;
border-radius:12px;
background-color:#dde3ed;
box-shadow:0 2px 8px rgba(51,56,64,0.06);
}
.mobile-rotate-card img{
display:block;
margin:0 auto;
}
.mobile-rotate-title{
font-size:22px;
font-weight:600;
color:#333840;
line-height:1.2;
margin-bottom:8px;
}
.mobile-rotate-text{
font-size:15px;
line-height:1.5;
color:#58606e;
padding-right:2px;
}
.textarea-message{height:100px;width:300px}
}

@media screen and (min-width:480px) {
.mobile-calculators{display:none}
}

@media screen and (min-width:0px) and (max-width: 575px) {
h1{font-size:16px}
.C-L{text-align:left}
.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}
.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}
.C-L{text-align:center}
.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;}
.R-sm-L{text-align:left}
.R-lg-L{text-align:left}
.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%}
.navbar-bottom{padding:10px 20px}
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%}
.footer-copyright{font-size:13px;padding:10px 0 15px 7px;border-bottom:#fff 1px solid}
}
@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}
.R-sm-L{text-align:right}
.R-lg-L{text-align:right}
}
@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}
.searhbox{min-width:300px;max-width:100%;display:block}
div.header-ad {display:block;}
div.sidemenu{border-left:0;color:#707a8a;}
div.desktop{display:none}
/**FOOTER ITEMS**/
.footer-items ul li.footer-link a{min-width:300px;max-width:100%;padding:0;display:block}
.footer-items ul{margin:0;padding:0;border:0;list-style:none}
.footer-items li.footer-link a:hover{color:#229ad6}
.footer-items ul li.footer-link a{background-color:inherit;border-top:#ebeff5 0 solid;border-bottom:#fff 1px solid;color:#707a8a;font-size:13px;font-weight:300;margin-bottom:0;text-decoration:none;padding:7px}
}
@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}
.footer-row{width:100%}
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}
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}
.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}
.R-sm-L{text-align:right}
.R-lg-L{text-align:right}
.textarea-message{height:100px;width:620px}
.footer-items{width:100%}
.footer-copyright,.footer-link{padding-right:10px;font-size:13px}
.footer-copyright{padding-bottom:10px}
}
@media screen and (min-width:1060px) {
div.content-sidebar {float:right;}
}
@media screen and (max-width: 1059px) {
div.content-sidebar {display:none;}
}
@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,.searhbox{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;}
}
.padding-2px{padding-left:2px!important;padding-right:2px!important;margin:0!important}
.padding-R24px{padding-right:24px!important;margin:0!important}
@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;
}

#quadraticGraphSvg{
	width:100%;
	height:auto;
	display:block;
	overflow:visible;
}

.quadratic-graph-eq{
	margin-top:8px;
	font-size:14px;
	line-height:1.2;
	color:#066391;
}

#circleGraphSvg{
	width:100%;
	height:auto;
	display:block;
	overflow:visible;
	max-height:280px;
}

#triangleGraphSvg{
	width:100%;
	height:auto;
	display:block;
	overflow:visible;
	max-height:280px;
}

.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-output-grid {
	row-gap: 0.85rem;
}
.color-page .color-output-item {
	border-top: 1px dotted rgba(12, 123, 179, 0.35);
	padding-top: 0.9rem;
}
.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-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 #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-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 #e8eaed;border-radius:8px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.ep-card--full{grid-column:1/-1}
.ep-card h3{font-size:.85rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}
.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-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-faq{display:flex;flex-direction:column;gap:4px}
.ep-faq__item{border:1px solid #e8eaed;border-radius:6px;overflow:hidden}
.ep-faq__item[open]{border-color:#c5cad3}
.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 #e8eaed}
@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;}