/*------------------------------------*\
	KALKULAATORID
\*------------------------------------*/

.site-main#main { overflow: unset }

.select2-drop { position: absolute; background:white }
/* Tooltipi stiil */
.custom-tooltip {position: absolute;width:200px;background-color: #333;color: #fff;padding: 15px;border-radius: 5px;font-size: 12px;z-index: 10;opacity: 0;visibility: hidden;transition: opacity 0.3s;max-width: 350px;text-align: center;top: 0px;right: 0px;}
.help {position: relative;cursor: pointer;}
/* Tooltipi nähtavus hoveri ajal */
.help:hover .custom-tooltip {opacity: 1;visibility: visible;}
#page-wrapper { width: 100% }
.insurance_form_holder.calculators .insurance_form_wrapper { max-width: 960px; border-radius: 24px 24px 24px 0px; border: 2px solid #0CE080;background: #FFF; margin: 0 auto; padding: 64px 32px }
.insurance_form_holder.calculators .insurance_form_wrapper h5 { margin: 0px; color: #0CE080 }
.insurance_form_holder.calculators .insurance_form_wrapper h5.teal { color: #002033; margin-bottom: 32px }
.insurance_form_holder.calculators .insurance_form_wrapper #page-wrapper { margin: 0px;  }
.insurance-page .package-group { margin-bottom: 84px }
.insurance-page .package-group .package { max-width: 50%; border-radius: 24px 24px 24px 0px; border: 2px solid #0CE080; }
.insurance-page .package-group .package .package-title { text-align: left; font-family: "PP Pangram Sans";font-size: 24px;font-style: normal;font-weight: 700; text-transform: unset; border-bottom: 2px solid #0CE080; padding: 24px;margin:0px;display: flex;flex-direction: row;align-items: center;justify-content: space-between; }
.insurance-page .package-group .package .package-desc { padding: 24px; line-height: 150%}
.insurance-page .package-group .package.selected .package-footer, .insurance-page .package-group .package.selected .package-header { border: 0px; }
.insurance-page .package-group .package.selected { border: 2px solid #0CE080; }
.insurance-page .package-group .package .package-header { padding: 0px; border: none }
.insurance-page .package-group .package .package-price,
.insurance-page .package-group .package.selected .package-price { font-size: 24px;font-style: normal;font-weight: 700;line-height: 100%; color: #002033; margin: 0px}
.package-group .package[data-package-id="2"] { border-radius: 0px 0px 24px 0px; position: relative }
.package-group .package[data-package-id="2"]::before { content: ''; display: block; width: calc(100% + 4px); height: 50px; text-align: center; background-color: #002033; position: absolute; top: -50px; left: -2px; background-image: url('../img/soovitab.png'); background-repeat: no-repeat; border-radius: 16px 16px 0px 0px; background-position: 50%;background-size: 100px; }

body:lang(en-US) .package-group .package[data-package-id="2"]::before { background-image: url('../img/rec_en.png'); background-repeat: no-repeat;background-size: 160px; }
body:lang(ru-RU) .package-group .package[data-package-id="2"]::before { background-image: url('../img/rec_ru.png'); background-repeat: no-repeat;background-size: 160px; }



.insurance-page .package-group .package-footer { padding: 24px; padding-top: 0px }
.insurance-page .package-group .package .package-select { border: none; padding: 0px }
.insurance-page .package-group .package .select { border-radius: 8px 8px 8px 0px;border: 1px solid #0CE080;background: transparent; padding: 12px; font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%; color: #0CE080}
.insurance-page .package-group .package.selected .package-select { border-radius: 8px 8px 8px 0px;border: 1px solid #0CE080;background: #0CE080; color: #002033; padding: 12px; font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%;}
.insurance-page .package-group .package.selected .selected { color: #002033; }
label.col, label.perdiod_element, label.traveltype_label { font-weight: 600; }
label[for="inputArea"] { font-weight: 600; }
.icon-minus, .icon-plus { width: 33px; height: 33px; }
.icon-calendar::after, .icon-clear::after, .icon-minus::after, .icon-plus::after {  }
.icon-plus::after { width: 33px; height: 33px; background: url('../img/plus.svg') }
.icon-minus::after { width: 33px; height: 33px; background: url('../img/minus.svg') }
.icon-clear::after { width: 24px; height: 24px; background: url('../img/del_x_clear.svg') }
.icon-calendar::after { width: 24px; height: 24px; background: url('../img/calendar_calcu.svg') }
.icon-calendar { margin-left: -35px }
.insurance-page .ui-datepicker-trigger { padding: 0px }

.table-responsive .icon-plus::after { width: 24px; height: 24px; background: url('../img/plus_green.svg') }
.insurance-page #addPerson { border-radius: 8px 8px 8px 0px;border: 1px solid #089454; color: #089454;box-shadow: none; display: flex;align-items: center;font-size: 16px;font-style: normal;font-weight: 700;line-height: 150%;}
.insurance-page #addPerson:hover { border-radius: 8px 8px 8px 0px;border: 1px solid #089454; box-shadow: none }
.agegroup-input { box-shadow: none !important; border: none !important }
.insurance-page .hasDatepicker:not(.no-btn) { border-right: 1px solid #002033 !important; box-shadow: none; border-radius: 8px 8px 8px 0px !important; }

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="number"]:focus,
.wpcf7 textarea:focus { border-radius: 8px 8px 8px 0px;border: 1px solid #002033;background: #FFF; }

input[type="text"], input[type="text"]:focus, input[type="email"],
input[type="email"]:focus, input[type="number"], input[type="number"]:focus,
textarea, textarea:focus, .wpcf7 input[type="text"], .wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"], .wpcf7 input[type="email"]:focus, .wpcf7 input[type="number"],
.wpcf7 input[type="number"]:focus, .wpcf7 textarea, .wpcf7 textarea:focus, input[type="tel"] { border-radius: 8px 8px 8px 0px;border: 1px solid #002033;background: #FFF;box-shadow:none; width: 100%; padding: 12px !important; }
input.agegroup-input { padding: 0px !important }
input[type="tel"] { text-indent: 36px; }
.term_calc_info { margin-left: 8px;display: inline-block;text-align: left; }
.term_calc_info a { font-weight: 600 }
.checkbox-check { border: 1px solid #002033 !important; border-radius: 5px !important}
.insurance-page .holder-group .holder-label { font-weight: 600; margin-bottom: 8px; }

.insurance-page .help:before { width: 16px; height: 16px; background: url('../img/help-circle.svg'); background-size: 16px; border: none; content: '' }
span.h5 { font-size: 24px;font-style: normal;font-weight: 700; padding-bottom: 20px; display: inline-block }
span.h5.numberof_travellers_heading { font-size: 16px;font-style: normal;font-weight: 600;line-height: 150%; padding-bottom: 0px }

.insurance-page .help { padding: 0px; }
.table.persons-table td, .table.persons-table th, .insurance-page .table-responsive { border: none }
.table.persons-table tfoot td { border-top: 1px solid #DAF5E9; }
.insurance-page .table-responsive .table thead th { text-align: left }
.insurance-page .person-code { max-width: 100%; }
.insurance-page .table-responsive .table th, .insurance-page .table-responsive .table td { padding-left: 0px; padding-bottom: 0px }
.insurance-page .table-responsive .table th { font-weight: 600 }
td.valign_middle { vertical-align: middle }
.form-group.row.agegroups { font-weight: 600 }

.ui-widget.ui-widget-content { border-radius: 16px 16px 16px 0px;border: 1px solid #C4C4C4;background: #FFF;box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);font-size: 16px;font-style: normal;font-weight: 600; }
.ui-datepicker.ui-widget .ui-datepicker-next, .ui-datepicker.ui-widget .ui-datepicker-prev { box-shadow: none }
.ui-widget-header { font-weight: 600 }
.ui-datepicker.ui-widget .ui-state-default { border: none; color: #344054 }

.ui-datepicker.ui-widget .ui-state-default.ui-state-hover { box-shadow: none; background: #0CE080; border-radius: 8px 8px 8px 0px}


.form-check-label input[type="radio"] + .radio-check { height: 18px; width: 18px; border-radius: 100px;border: 1px solid #000; background: #FFF; }
.form-check-label input[type="radio"]:checked + .radio-check { border: 6px solid #066E3E;  }

.select2-container--default .select2-selection--single { border-radius: 8px 8px 8px 0px;border: 1px solid #002033;background: #FFF; height: 45px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px; color: #002033 }
.select2-container .select2-dropdown .select2-results__options .select2-results__option--highlighted { background: none !important; font-weight: 600}


input[type="text"][disabled], input[type="text"][readonly], input[type="email"][disabled],
input[type="email"][readonly], input[type="number"][disabled], input[type="number"][readonly],
textarea[disabled], textarea[readonly], .wpcf7 input[type="text"][disabled], .wpcf7 input[type="text"][readonly],
.wpcf7 input[type="email"][disabled], .wpcf7 input[type="email"][readonly], .wpcf7 input[type="number"][disabled],
.wpcf7 input[type="number"][readonly], .wpcf7 textarea[disabled], .wpcf7 textarea[readonly] { box-shadow: none;  }

.showIfkindId5 .form-check.mb-2 { padding-left: 0px }
label.custom_label { display: flex; font-weight: 600; align-items: center; }
.insurance-page .current-price { font-size: 24px;font-style: normal;font-weight: 700;line-height: 100%; color: #002033 }


.insurance-page input.invalid, .insurance-page input.invalid:focus, .insurance-page select.invalid, .insurance-page select.invalid:focus, .insurance-page textarea.invalid, .insurance-page textarea.invalid:focus { box-shadow: none; border-color: #FF7070 !important; }
.nopadding_form_calc { padding-left: 0px !important; }
span.number_of_heading.h5 { font-size: 16px;font-style: normal;font-weight: 600;line-height: 150%;padding-bottom: 0px; }

.iti { width: 100% }

.insurance-page #insuredPeriodEnd, .insurance-page #cargoInsuredPeriodLength, .insurance-page #insuredPeriodLength, .insurance-page #insuredPeriodStart { max-width: 130px; }
.check_agree_terms label { display: flex }
/*
.custom_help_img .custom-tooltip { width: 300px; height: 300px }
.custom_help_img .custom-tooltip img { width: 300px; height: auto }
 */
@media only screen and (max-width: 980px) {

    .insurance-page .package-group .package { width: 82vw; max-width: 82vw; margin-bottom: 20px; float: left;margin-right: 20px; }
    /*.insurance-page .package-group .package:first-child { margin-bottom: 112px }*/
    .insurance-page #insuredPeriodLength { clear: both }
    .insurance-page .until { display: inline }
    .insurance-page #insuredPeriodStart, .insurance-page #insuredPeriodEnd { width: 40% }
    .insurance_form_holder.calculators .insurance_form_wrapper { border: none; padding: 32px 0px }
    .insurance-page .banks .bank-pay { margin-left: 10px; margin-right: 0px}
    .insurance-page .banks .bank-pay[data-bank="seb"] { margin-left: 0px; }
    .package_wrap { overflow: auto; padding-top: 60px; }
    .insurance-page .package-group { width: max-content; display: flex}
    .person-name, .person-phone, .person-code { min-width: 200px }
    .person-birthday { min-width: 150px }
    .insurance-page .table-responsive .table thead th { position: relative; }
    .term_calc_info {  width: 90%; margin-left: 37px }


}

/* Target only Safari on iPhones */
@media screen and (max-width: 820px) and (hover: none) and (pointer: coarse) {
    @supports (-webkit-touch-callout: none) {
        .term_calc_info {
            margin-left: 0px;
        }
    }
}