table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 30px;
}

td,
th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tbody>tr:nth-child(odd) {
    background-color: #eee;
}

.w-checkbox::after,
.w-checkbox::before {
    content: ' ';
    display: table;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.w-checkbox-input--inputType-custom.w--redirected-focus,
.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
}

.pagesubtitle,
.seltitle,
.subtitle {
    text-transform: uppercase;
}

.w-checkbox {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px;
}

.w-checkbox::after {
    clear: both;
}

.sebutnon.sel1on,
.selector1box,
.selector2box {
    display: inline-block;
}

.selector1box.threeButn {
    display: block;
}

.toprowbuttons {
    margin-bottom: 5px;
}

.w-checkbox-input {
    float: left;
    line-height: normal;
    margin: 4px 0 0 -20px;
}

.pagetitle,
.selchecktext {
    margin-bottom: 0;
}

.w-checkbox-input--inputType-custom {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    border: 1px solid #ccc;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border-color: #3898ec;
}

.w-form-formradioinput--inputType-custom {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-color: #3898ec;
    border-width: 4px;
}

.maincontent {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
}

.maincontent.print {
    max-width: 1200px;
    padding-right: 60px;
    padding-left: 60px;
}

.pagetitle {
    font-size: 36px;
    font-weight: 700;
}

.pagetitle.print {
    font-size: 30px;
}

.pagesubtitle {
    margin-top: 10px;
    padding-bottom: 40px;
    color: #e15028;
    font-size: 20px;
    font-weight: 700;
}

.radiobutton,
.selcheck {
    width: 25px;
    height: 25px;
    margin-top: 0;
}

.contentcols {
    padding-bottom: 80px;
}

.optionarea {
    padding-top: 6px;
    padding-bottom: 30px;
    padding-left: 40px;
    background-position: 0 0;
    background-size: 32px 32px;
    background-repeat: no-repeat;
}

.optionarea.opt1 {
    padding-top: 0;
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/num1.svg);
    background-position: 0 7px;
}

.optionarea.opt2 {
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/num2.svg);
}

.optionarea.opt3 {
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/num3.svg);
    opacity: .1;
}

.optionarea.opt4 {
    position: relative;
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/num5.svg);
    opacity: .1;
}

.tooltipbox,
.tooltipbox.sub {
    position: absolute;
    display: none;
}

.optionarea.opt5 {
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/num6.svg);
    opacity: .1;
}

.optionarea.opt6 {
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/num7.svg);
    opacity: .1;
}

.optionarea.opt7 {
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/num4.svg);
    opacity: .1;
}

.optionarea.opt8 {
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/num4.svg);
    opacity: .1;
}

.optionarea.opt9 {
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/num5.svg);
    opacity: .1;
}

.optionarea.op1 {
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/num1.svg);
    background-position: 0 0;
}

.selector1box,
.selector2box {
    padding: 4px 9px 4px 4px;
    border-radius: 24px;
    background-color: #fa582d;
    text-align: center;
}

.sebutnon,
.selbutnoff {
    margin-right: 10px;
    margin-left: 5px;
    padding: 10px 50px;
    font-size: 15px;
    color: #000;
    white-space: nowrap;
    text-align: center;
    width: 98%;
    display: block;
}

.sebutnon {
    border: 1px solid #fff;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .25);
    cursor: pointer;
}

.butnsep {
    width: 60%;
    border-bottom: 1px solid #000;
    margin: 5px auto;
    opacity: 0.4;
}

.labelhide,
.legend,
.numVCPUTitleCN,
.sebutnon.sel2on,
.selbutnoff.sel1off,
.seldropdown.cnvcpus,
.seltitle.numfirewall2,
.tooltipbox.support,
.tooltipbox.vcpu {
    display: none;
}

legend {
    padding-bottom: 10px;
}

.selbutnoff {
    border: 1px solid rgba(0, 0, 0, .13);
    border-radius: 20px;
    background-color: rgba(56, 152, 236, 0);
    text-align: center;
}

.seldropdown,
.selinput {
    border-style: none none solid;
    border-width: 0 0 1px;
}

.selbutnoff:hover {
    border-color: #fff;
    background-color: #fff;
}

.sebutnon.sel3on,
.selbutnoff.sel3off {
    padding: 10px 20px;
}

.estimatorcontent {
    font-family: 'Decimal pro', sans-serif;
    color: #000;
    font-size: 17px;
}

.colleft {
    padding-right: 40px;
    padding-left: 0;
}

.radiobuttontext,
.selchecktext {
    padding-top: 2px;
    padding-left: 10px;
}

.colright {
    opacity: .1;
}

.seltitle {
    display: inline-block;
    padding-bottom: 15px;
    font-weight: 500;
}

.seltitle.title1,
.tooltiptext.block {
    display: block;
}

.selinput {
    border-color: transparent transparent #000;
    font-size: 17px;
}

.seldropdown {
    border-color: #000;
    background-color: #fff;
    font-size: 17px;
}

.selcheck {
    border: 1px solid #000;
}

.selcheck.w--redirected-checked {
    margin-right: 0;
    background-color: #e15028;
    background-size: 80%
}

.creditsblock.small.smallmarg,
.selcheckline {
    margin-bottom: 10px;
}

.radiobutton {
    border-color: #000;
}

.radiobutton.w--redirected-checked {
    border-width: 1px;
    border-color: #000;
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/radiobgnd.svg);
    background-position: 45% 45%;
    background-size: auto;
}

.radiobuttontext {
    white-space: nowrap;
}

.subtitle {
    padding-bottom: 20px;
    color: #e15028;
    font-size: 25px;
    line-height: 27px;
    font-weight: 600;
}

.subtitle.config {
    padding-top: 20px;
}

.right {
    font-weight: 700;
    text-align: right;
}

.underlinecol {
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c2c2c2;
}

.underlinecol.config {
    padding-bottom: 10px;
}

.margbottom40 {
    margin-bottom: 50px;
}

.creditsblock {
    margin-bottom: 40px;
    padding: 45px;
    border-radius: 15px;
    box-shadow: 2px 2px 13px 2px rgba(0, 0, 0, .15);
    text-align: center;
}

.purchasecredits,
.purchasecredits:hover {
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .31);
}

.creditsblock.small {
    padding-top: 14px;
    padding-bottom: 14px;
}

.creditstextmain {
    padding-bottom: 6px;
    color: #e15028;
    font-size: 60px;
    line-height: 72px;
    font-weight: 700;
}

.creditstextsub {
    padding-bottom: 20px;
}

.incentivetitle,
.purchasecredits {
    padding-bottom: 15px;
    text-transform: uppercase;
}

#PVNumOfFirewalls {
    text-transform: uppercase;
}

.purchasecredits {
    display: block;
    padding-top: 15px;
    border-radius: 30px;
    background-color: #fa582d;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}

.incentivetitle,
.orange {
    font-weight: 700;
}

.purchasecredits:hover {
    background-color: #fff;
    color: #000;
}

.incentivetext {
    margin-bottom: 20px;
    line-height: 30px;
}

.lowercase {
    text-transform: none;
}

.tooltip {
    margin-left: 20px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid #000;
    border-radius: 20px;
    color: #000;
    text-align: center;
    text-decoration: none;
}

.tooltipbox {
    z-index: 100;
    padding: 25px;
    border-radius: 11px;
    background-color: #fff;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, .31);
    -webkit-transform: translate(0, -104%);
    -ms-transform: translate(0, -104%);
    transform: translate(0, -104%);
}

.tooltipbox.panorama {
    display: none;
    margin-right: 12px;
}

.tooltipintro {
    max-width: 600px;
    padding-bottom: 10px;
}

.tooltiptext {
    display: inline-block;
    margin-bottom: 5px;
    border-bottom: 1px #000;
    color: #000;
}

.tooltiplink {
    padding-right: 10px;
    font-family: 'Font awesome 5 pro 400';
    color: #e15028;
    text-decoration: none;
}

.tooltipcloselink,
.tooltiptitlelink {
    padding-right: 25px;
    text-decoration: none;
    background-repeat: no-repeat;
}

.tooltipcloselink {
    position: absolute;
    right: 30px;
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/close.svg);
    background-position: 100% 50%;
    background-size: auto;
    color: #e15028;
    text-align: left;
}

.tooltiptitlelink {
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/question.svg);
    background-position: 100% 0;
    background-size: 20px;
    color: #000;
    cursor: pointer;
}

.orange,
.saveconfiglink,
.tooltiptitlelink:hover {
    color: #cf441e;
}

.tooltiplinktext {
    padding-bottom: 10px;
    padding-left: 26px;
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/external-link.svg);
    background-position: 0 2px;
    background-size: 18px;
    background-repeat: no-repeat;
    color: #e15028;
    text-decoration: none;
}

.dotline {
    border: 1px #000;
    border-bottom: 1px solid #b4b4b4;
}

.nostyle {
    display: block;
    text-decoration: none;
}

.margbottom15 {
    margin-bottom: 15px;
}

.questionicon {
    width: 18px;
    margin-left: 10px;
}

.externallink {
    width: 18px;
}

.nobreak {
    white-space: nowrap;
}

.saveconfig {
    padding-bottom: 20px;
    text-align: center;
}

.selsubs {
    padding-left: 20px;
    margin-left: 20px;
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/radiobgnd.svg);
    background-position: 0 3px;
    background-size: 16px;
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
}

.selsubsasterisk {
    padding-left: 20px;
    margin-left: 20px;
    background-image: url(/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/asterisk.svg);
    background-position: 0 3px;
    background-size: 16px;
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
}

.seltitletype,
.vcpuConfigtxt {
    padding-left: 10px;
}

.seltitletype {
    padding-bottom: 10px;
}

.asterisk {
    color: rgba(255, 80, 40, 0);
}

.asterisk2 {
    color: #cf441e;
}

.margtop40 {
    margin-top: 40px;
}

.textStrata {
    display: none;
}

.PVtextStrata {
    display: none;
}

.endoflife {
    font-weight: 300;
    font-size: small;
    color: #e15028;
}

.selNoClick {
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/checkbox-grey.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    height: 25px;
    margin-bottom: 10px;
    padding-left: 35px;
    align-content: center;
    padding-top: 2px;
}

.selNoClickDot {
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-credits/v7/images/bullet-grey.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    height: 25px;
    margin-bottom: 10px;
    padding-left: 35px;
    align-content: center;
}

.vmSubSelectors,
.airsSubSelectors,
.hsfSubSelectors {
    padding-top: 15px;
}

.textsmall,
.textsmall a {
    font-size: 11px;
    padding-top: 20px;
    color: black;
}

.standout {
    color: #282728;
}

.newText {
    text-transform: lowercase;
}

a[disabled] {
    pointer-events: none;
}

.estimatorSubContent {
    font-size: 14px;
    padding-left: 30px;
}

@media screen and (max-width:991px) {
    .maincontent {
        padding-top: 30px;
        padding-left: 20px;
    }

    .colright {
        padding-right: 30px;
    }

    .selcheckline {
        white-space: nowrap;
    }

    .tooltipbox.panorama {
        margin-right: 17px;
        margin-left: -37px;
    }
}

@media screen and (max-width:767px) {
    .maincontent {
        padding-top: 20px;
    }

    .colright {
        padding-right: 30px;
    }

    .creditstextmain {
        font-size: 50px;
        line-height: 62px;
    }

    .selbuttonCol {
        width: auto;
        margin-right: 0px;
    }

    .sebutnon,
    .selbutnoff {
        margin-bottom: 5px;
    }

    .tooltipbox.support {
        margin-right: 22px;
        margin-left: -35px;
    }

    .tooltipintro {
        font-size: 16px;
    }

    .tooltiptext {
        font-size: 14px;
        line-height: 15px;
    }

    .tooltiplinktext {
        font-size: 15px;
        line-height: 16px;
    }

    .col1mobile {
        display: none;
    }
}

@media screen and (max-width:479px) {

    .radiobuttontext,
    .selchecktext {
        width: 80%;
        white-space: normal;
    }

    .maincontent {
        padding-left: 15px;
    }

    .pagesubtitle {
        padding-right: 20px;
        line-height: 22px;
    }

    .optionarea {
        padding-left: 20px;
        background-position: 0 7px;
        background-size: 16px;
    }

    .optionarea.op1 {
        background-position: 0 14px;
    }

    .colleft {
        padding-right: 10px;
    }

    .radiobuttontext {
        padding-left: 9px;
    }

    .center {
        text-align: center;
    }

    .creditsblock {
        padding: 18px;
    }

    .creditstextmain {
        font-size: 30px;
        line-height: 40px;
    }

    .tooltipbox.sub {
        margin-left: -25px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .tooltipbox.panorama {
        display: none;
        margin-left: -25px;
    }

    .tooltipbox.support {
        margin-left: -21px;
    }
}

@media print {
    .pagebreak {
        page-break-before: always;
    }
}

@font-face {
    font-family: 'Decimal pro';
    src: url(/etc/clientlibs/clean/dependencies/fonts/decimal/Decimal-Bold-Pro_Web.woff2) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Decimal pro';
    src: url(/etc/clientlibs/clean/dependencies/fonts/decimal/Decimal-Semibold-Pro_Web.woff2) format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Decimal pro';
    src: url(/etc/clientlibs/clean/dependencies/fonts/decimal/Decimal-Medium-Pro_Web.woff2) format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}