@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap");
.calc{max-width:1200px;width:100%;box-sizing:border-box;font-family:'Karla', sans-serif;background:#fff;margin:20px auto;}
.calc-logo{position:absolute;right:30px;}
.calc-h1{width:100%;font-size:37px;color:#4b657e;margin-bottom:20px;font-weight:700;}
.calc-h2{width:100%;font-size:25px;color:#4b657e;margin-bottom:30px;font-weight:700;}
.calc-row{display:flex;column-gap:20px;align-items:flex-start;row-gap:20px;}
.calc-col{padding:20px 15px;border:solid 1px #cdcccc;border-radius:5px;box-sizing:border-box;}
.calc-col-1{display:flex;flex-direction:column;row-gap:16px;max-width:300px;min-width:300px;width:100%;}
.calc-block{display:flex;flex-direction:column;row-gap:16px;background-color:#f7f5ff;margin:20px -15px;padding:15px;font-size:16px;}
.calc-col-2{position:relative;width:100%;background-color:#f8f8f8;}
.calc-field-row{display:flex;align-items:center;column-gap:10px;}
.calc-field{width:100%;position:relative;box-sizing:border-box;font-family:'Karla', sans-serif;border-radius:4px;border:0px;padding:10px 15px;font-size:16px;outline:none;}
.calc-select{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;width:100%;position:relative;box-sizing:border-box;font-family:'Karla', sans-serif;border-radius:4px;border:0px;padding:10px 15px;font-size:16px;outline:none;}
.calc-select:not([multiple]){background-repeat:no-repeat;background-position:98% 45%;background-size:1em auto;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M7.5 12.9L2.6 8 4 6.6l3.5 3.5L11 6.6 12.4 8z"/> </svg>');}
.highlight{border:1px solid #7b51ff !important;}
.calc-field-group{width:100%;}
.calc-field-group label{font-size:16px;margin-bottom:12px;color:#4b657e;font-weight:700;display:block;line-height:16px;}
.calc-right-field{padding-left:40px;}
.calc-field-box{position:relative;overflow:hidden;border-radius:3px;border:1px solid rgba(0,0,0,.1);}
.calc-eur-units::before{content:"€";font-size:18px;position:absolute;z-index:1;height:100%;background-color:rgba(0,0,0,.1);width:30px;display:flex;justify-content:center;align-items:center;}
.calc-interest-units::before{content:"%";font-size:18px;position:absolute;top:5px;right:15px;z-index:1;}
.calc-minus-prefix::after{content:"-";font-size:16px;position:absolute;top:7px;left:8px;z-index:1;}
.calc-result-group{display:flex;flex-direction:column;margin-bottom:10px;background-color:#ffffff;padding:10px 20px;width:100%;border-radius:5px;box-sizing:border-box;position:relative;}
.calc-copy{position:absolute;right:10px;cursor:pointer;opacity:0.3;}
.calc-result{font-size:30px;line-height:30px;font-weight:700;color:#5f749e;}
.calc-results{display:flex;justify-content:flex-start;column-gap:30px;}
#tab-table-month, #calc-chart{display:none;}
.calc-tabs{display:flex;justify-content:center;column-gap:20px;margin:20px;text-align:center;align-items:center;}
.calc-tab{display:flex;padding:6px;border:1px solid #7b51ff;font-weight:500;cursor:pointer;width:145px;justify-content:center;background-color:white;border-radius:3px;font-weight:700;transition:background-color 0.4s ease;font-size:14px;}
.calc-tab:hover{background-color:#e8dfff;}
.calc-tab-active{background-color:#7b51ff;color:white;}
.calc-tab-active:hover{background-color:#7b51ff;}
.table-box{padding:20px;box-sizing:border-box;overflow:auto;border:1px solid #7b51ff;background-color:white;}
.calc-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:13px;}
.calc-table th{background-color:#ffffff;color:#333;font-weight:bold;padding:10px;text-align:left;border-bottom:1px solid #ccc;border-top:1px solid #ccc;font-size:14px;}
.calc-table tr{background-color:#ffffff;}
.calc-table tr:nth-child(odd){background-color:#f7f5ff;}
.calc-table tr:hover{background-color:#e7e4f3;}
.calc-table td{padding:10px;border-bottom:1px solid #ccc;}
.ui-slider.ui-slider-horizontal{background:#eaecf0 !important;height:6px !important;border:none !important;width:100% !important;margin-top:10px !important;border-radius:8px;}
.ui-slider .ui-slider-range{background:#7b51ff !important;height:6px !important;border-radius:8px;}
.ui-slider-handle{top:-9px !important;width:25px !important;height:25px !important;box-shadow:0 0 11px 3px #7b51ff, 0 4px 8px -2px #7b51ff !important;border:solid 3px #ffffff !important;background-color:#7b51ff !important;background:#7b51ff !important;border-radius:50% !important;box-sizing:border-box;outline:none;}
.print{font-size:18px;width:150px;padding:5px 7px;border:0px;text-align:center;color:#4b657e;cursor:pointer;display:flex;justify-content:space-evenly;align-items:center;margin:0px 0px 15px 0px;transition:background-color 0.3s ease;border:1px solid #7b51ff;border-radius:3px;font-weight:700;}
.print:hover{background-color:#e8dfff;}
@media(max-width:1110px){
.calc{padding:10px;}
.calc-row{flex-direction:column;}
.calc-col{width:100%;max-width:100%;}
.calc-h1{text-align:center;}
.calc-h2{text-align:center;}
}
@media(max-width:770px){
.calc-results{flex-direction:column;}
.calc-logo{position:static;text-align:center;margin-bottom:15px;}
}
@media(max-width:510px){
.calc-tabs{flex-direction:column;align-items:center;row-gap:10px;}
}
.checkbox.style-d{width:30px;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0px !important;}
.checkbox.style-d input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkbox.style-d input:checked ~ .checkbox__checkmark{background-color:#ffb100;}
.checkbox.style-d input:checked ~ .checkbox__checkmark:after{opacity:1;}
.checkbox.style-d:hover input ~ .checkbox__checkmark{background-color:#d7d6c2;}
.checkbox.style-d:hover input:checked ~ .checkbox__checkmark{background-color:#ffb100;}
.checkbox.style-d .checkbox__checkmark{height:20px;width:20px;background-color:#d7e2dc;transition:background-color 0.25s ease;border-radius:11px;display:flex;justify-content:center;align-items:center;}
.checkbox.style-d .checkbox__checkmark:after{content:"—";display:flex;justify-content:center;align-items:center;font-size:16px;}
.calc-tooltip-box{display:inline-block !important;;margin:0px !important;}
.ui-tooltip, .arrow:after{background:#ffffff;border:1px solid #6f5959;}
.ui-tooltip{padding:10px 20px;color:#000000;border-radius:14px;font-family:'Poppins', sans-serif;box-shadow:0 0 7px black;font-style:italic;font-size:13px;}
.arrow{width:70px;height:16px;overflow:hidden;position:absolute;left:50%;margin-left:-35px;bottom:-16px;}
.arrow.top{top:-16px;bottom:auto;}
.arrow.left{left:20%;}
.arrow:after{content:"";position:absolute;left:20px;top:-20px;width:25px;height:25px;box-shadow:6px 5px 9px -9px black;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);tranform:rotate(45deg);}
.arrow.top:after{bottom:-20px;top:auto;}
.calc-tooltip{border:1px solid #cfdfd2;display:flex;width:18px;min-width:18px;height:18px;border-radius:50%;align-items:center;justify-content:center;margin-left:5px;font-size:14px;background-color:#ffffff;cursor:pointer;color:#788f91;}
.calc-radio-box{display:flex;}
input[type=radio].calc-radio{display:none;}
input[type=radio].calc-radio + label{display:flex;min-width:100px;width:100%;padding:6px 6px;cursor:pointer;font-weight:700;user-select:none;justify-content:center;align-items:center;color:#7b51ff;border:1px solid #7b51ff;background-color:#ffffff;box-sizing:border-box;transition:color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
input[type=radio].calc-radio + label:hover{background-color:#e8dfff;}
input[type=radio].calc-radio:checked + label{color:#ffffff;background-color:#7b51ff;border-color:#7b51ff;}
.calc-tooltip a{
text-decoration: none;
}