.w-checkbox {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px;
  }
  
  .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::after {
    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;
    clear: both;
  }
  
  .w-checkbox-input {
    float: left;
    margin-bottom: 0px;
    margin-left: -20px;
    margin-right: 0px;
    margin-top: 4px;
    line-height: normal;
  }
  
  .w-checkbox-input--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
  
  .w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    border-top-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    border-right-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;
  }
  
  .w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0px 0px 3px 1px #3898ec;
  }
  
  .w-form-formradioinput--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
  }
  
  .w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0px 0px 3px 1px #3898ec;
  }
  
  .w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
    border-right-width: 4px;
    border-top-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    border-right-color: #3898ec;
  }
  
  .hidearrows::-webkit-inner-spin-button,
  .hidearrows::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  .hidearrows {
    -moz-appearance: textfield;
  }
  
  /* Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }
  
  .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 {
    margin-bottom: 60px;
    font-size: 36px;
    font-weight: 700;
  }
  
  .pagetitle.print {
    font-size: 30px;
    margin-bottom: 30px;
  }
  
  .pagesubtitle {
    margin-top: 10px;
    padding-bottom: 40px;
    color: #e15028;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .contentcols {
    padding-bottom: 80px;
  }
  
  .optionarea {
    padding-top: 6px;
    padding-bottom: 30px;
    padding-left: 40px;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0px 0px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
  }
  
  .optionarea.op1 {
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/num1.png');
    background-position: 0px 0px;
  }
  
  .optionarea.opt2 {
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/num2.png');
  }
  
  .optionarea.opt3 {
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/num3.png');
    opacity: 1;
  }
  
  .optionarea.opt3.greyedout {
    opacity: 0.1;
  }
  
  .optionarea.opt4 {
    position: relative;
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/num4.png');
  }
  
  .optionarea.opt5 {
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/num5.png');
  }
  
  .optionarea.opt6 {
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/num6.png');
    background-position: 0px 0px;
  }
  
  /* top selector box */
  .selector1box {
    padding: 4px;
    border-radius: 24px;
    background-color: #ffcc06;
    display: inline-block;
  }
  
  .selector2box {
    padding: 4px;
    border-radius: 24px;
    background-color: #ffcc06;
    display: inline-block;
    width: 355px;
  }
  
  .selNoClickDot {
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/radiobgnd.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    height: 25px;
    margin-bottom: 10px;
    padding-left: 35px;
    align-content: center;
  }
  
  .sebutnon,
  .selbutnoff {
    margin-right: 5px;
    margin-left: 5px;
    padding: 10px 50px;
    font-size: 15px;
    color: #000;
    white-space: nowrap;
  }
  
  .sebutnon {
    border: 1px solid #fff;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .25);
    cursor: pointer;
  }
  
  .labelhide,
  .legend,
  .numVCPUTitleCN,
  .sebutnon.sel2on,
  .selbutnoff.sel1off,
  .seldropdown.cnvcpus,
  .seltitle.numfirewall2,
  .tooltipbox.support,
  .tooltipbox.vcpu {
    display: none;
  }
  
  .selbutnoff {
    border: 1px solid rgba(0, 0, 0, .13);
    border-radius: 20px;
    background-color: rgba(56, 152, 236, 0);
  }
  
  .seldropdown,
  .selinput {
    border-style: none none solid;
    border-width: 0 0 1px;
  }
  
  .selbutnoff:hover {
    border-color: #fff;
    background-color: #fff;
  }
  
  .estimatorcontent {
    font-family: 'Decimal pro', sans-serif;
    color: #000;
    font-size: 17px;
  }
  
  .estimatorcontent.printview {
    display: none;
  }
  
  .colleft {
    padding-right: 40px;
    padding-left: 0px;
  }
  
  .seltitle {
    display: inline-block;
    padding-bottom: 15px;
    font-weight: 500;
    text-transform: uppercase;
  }
  
  .seltitle.textright {
    text-align: right;
  }
  
  .seltitle.textright.bold {
    font-weight: 700;
  }
  
  .seltitle.nobottom {
    padding-bottom: 0px;
  }
  
  .seltitle.seltitle2 {
    font-size: 19px;
  }
  
  .selinput {
    border-style: none none solid;
    border-width: 0px 0px 1px;
    border-color: transparent transparent #000;
    font-size: 17px;
  }
  
  .selcheck {
    width: 25px;
    height: 25px;
    margin-top: 0px;
    border: 1px solid #000;
  }
  
  .selcheck.w--redirected-checked {
    margin-right: 0px;
    background-color: #e15028;
    background-size: 80%;
  }
  
  .selchecktext {
    margin-bottom: 0px;
    padding-top: 2px;
    padding-left: 10px;
  }
  
  .selcheckline {
    margin-bottom: 10px;
  }
  
  .radiobutton {
    width: 25px;
    height: 25px;
    margin-top: 0px;
    border-color: #000;
  }
  
  .radiobutton.w--redirected-checked {
    border-width: 1px;
    border-color: #000;
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/radiobgnd.svg');
    background-position: 45% 45%;
    background-size: auto;
  }
  
  .radiobuttontext {
    padding-top: 2px;
    padding-left: 10px;
    white-space: nowrap;
  }
  
  .subtitle {
    padding-bottom: 20px;
    color: #e15028;
    font-size: 25px;
    line-height: 27px;
    font-weight: 600;
    text-transform: uppercase;
  }
  
  .subtitle.config {
    padding-top: 20px;
  }
  
  .subtitle.black {
    color: #000;
  }
  
  .subtitle.black.traffic {
    padding-top: 40px;
  }
  
  .right {
    font-weight: 700;
    text-align: right;
  }
  
  .underlinecol {
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c2c2c2;
  }
  
  .underlinecol.config {
    padding-bottom: 10px;
  }
  
  .underlinecol.extraspace {
    padding-bottom: 20px;
  }
  
  .creditsblock {
    margin-bottom: 40px;
    padding: 25px 45px 45px;
    border-radius: 15px;
    box-shadow: 2px 2px 13px 2px rgba(0, 0, 0, 0.15);
    text-align: center;
  }
  
  .textsmall,
  .textsmall a {
    font-size: 13px;
    padding-top: 10px;
    color: black;
  }
  
  .margbottom40 {
    margin-bottom: 50px;
  }
  
  .margbottom30 {
    margin-bottom: 40px;
  }
  
  .margbottom20 {
    margin-bottom: 20px;
  }
  
  .margbottom10 {
    margin-bottom: 10px;
  }
  
  .margtop30 {
    margin-top: 30px;
  }
  
  .noshadow {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
  }
  
  .costtextmain {
    padding-bottom: 6px;
    color: black;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
  }
  
  .creditsblock.small {
    padding-top: 14px;
    padding-bottom: 14px;
    opacity: 0.1;
  }
  
  .creditstextmain {
    padding-bottom: 10px;
    color: #e15028;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
  }
  
  .creditstextmainlrg {
    padding-bottom: 6px;
    color: #e15028;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
  
  }
  
  .creditstextmainsm {
    padding-bottom: 6px;
    color: #e15028;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
  }
  
  .creditstextsub {
    padding-bottom: 20px;
  }
  
  .purchasecredits {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 30px;
    background-color: #ffcc06;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.31);
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
  }
  
  .purchasecredits:hover {
    background-color: #fff;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.31);
  }
  
  .incentivetitle {
    padding-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .incentivetext {
    margin-bottom: 40px;
    line-height: 30px;
  }
  
  .labelhide {
    display: none;
  }
  
  .lowercase {
    text-transform: none;
  }
  
  .tooltipbox {
    position: absolute;
    z-index: 100;
    display: none;
    padding: 25px;
    border-radius: 11px;
    background-color: #fff;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.31);
    -webkit-transform: translate(0px, -104%);
    -ms-transform: translate(0px, -104%);
    transform: translate(0px, -104%);
  }
  
  .tooltipbox.sub {
    position: absolute;
    display: none;
  }
  
  .tooltipbox.support {
    display: none;
  }
  
  .tooltipintro {
    max-width: 600px;
    padding-bottom: 10px;
    font-weight: 400;
  }
  
  .tooltipcloselink {
    position: absolute;
    right: 30px;
    padding-right: 25px;
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/close.svg');
    background-position: 100% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    color: #e15028;
    text-align: left;
    text-decoration: none;
  }
  
  .tooltiptitlelink {
    padding-right: 25px;
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/question.svg');
    background-position: 100% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  
  .tooltiptitlelink:hover {
    color: #e15028;
  }
  
  .tooltiplinktext {
    padding-bottom: 10px;
    padding-left: 26px;
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/external-link.svg');
    background-position: 0% 2px;
    background-size: 18px;
    background-repeat: no-repeat;
    color: #e15028;
    text-decoration: none;
  }
  
  .nostyle {
    display: block;
    text-decoration: none;
  }
  
  .legend {
    display: none;
  }
  
  .saveconfiglink {
    color: #c94627;
  }
  
  .orange {
    color: #c94627;
    font-weight: 700;
  }
  
  .orange2 {
    color: #c94627;
    font-weight: 300;
  }
  
  .selsubs {
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    padding-left: 20px;
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/radiobgnd.svg');
    background-position: 0% 50%;
    background-size: 16px;
    background-repeat: no-repeat;
  }
  
  .seltitletype {
    padding-bottom: 10px;
  }
  
  .smalltext {
    padding-bottom: 20px;
    font-size: 15px;
  }
  
  .smalltext2 {
    padding-bottom: 0px;
    font-size: 15px;
  }
  
  .smalltext.right.nomargin {
    padding-bottom: 0px;
  }
  
  .smalltext.right.nomargin.nobold {
    font-weight: 500;
    text-transform: uppercase;
  }
  
  .greyedout {
    opacity: 0.1;
  }
  
  .mobiletext {
    display: none;
  }
  
  .mobiletextdot {
    opacity: 0;
  }
  
  .disclaimer {
    padding-bottom: 40px;
    color: #c65028;
    font-size: 12px;
    font-weight: 500;
  }
  
  .year1 {
    margin-bottom: 20px;
  }
  
  .PVyear1 {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  
  .calculation {
    font-size: 12px;
  }
  
  .padleft10 {
    padding-left: 10px;
  }
  
  .nopad {
    padding: 0px;
  }
  
  .showcalc {
    cursor: pointer;
  }
  
  #tsc-Azure {
    display: none;
  }
  
  .showcalctext {
    padding-left: 20px;
    background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/calc.svg');
    background-position: 0% 0%;
    background-size: auto;
    background-repeat: no-repeat;
    font-size: 14px;
  }
  
  .showcalctext.hide {
    display: none;
  }
  
  .showcalccontent {
    display: none;
    padding-left: 20px;
  }
  
  @media screen and (max-width: 991px) {
    .maincontent {
      padding-top: 30px;
      padding-left: 20px;
    }
  
    .colright {
      padding-right: 30px;
    }
  
    .selcheckline {
      white-space: nowrap;
    }
  }
  
  @media screen and (max-width: 767px) {
    .maincontent {
      padding-top: 20px;
    }
  
    .colright {
      padding-right: 30px;
    }
  
    .creditstextmain {
      font-size: 60px;
      line-height: 62px;
    }
  
    .creditstextmainlrg {
      font-size: 50px;
      line-height: 62px;
    }
  
    .tooltipbox.support {
      margin-right: 22px;
      margin-left: -35px;
    }
  
    .tooltipintro {
      font-size: 16px;
    }
  
    .tooltiplinktext {
      font-size: 15px;
      line-height: 16px;
    }
  
    .mobiletext {
      display: block;
      opacity: 1;
    }
  
    .mobiletextdot {
      display: none;
    }
  }
  
  @media screen and (max-width: 479px) {
    .maincontent {
      padding-left: 15px;
    }
  
    .pagesubtitle {
      padding-right: 20px;
      line-height: 22px;
    }
  
    .optionarea {
      padding-left: 20px;
      background-position: 0px 7px;
      background-size: 16px;
    }
  
    .optionarea.op1 {
      background-position: 0px 14px;
    }
  
    .selinput {
      font-size: 12px;
    }
  
    .colleft {
      padding-right: 10px;
    }
  
    .selchecktext {
      width: 80%;
      white-space: normal;
    }
  
    .radiobuttontext {
      width: 80%;
      padding-left: 9px;
      white-space: normal;
    }
  
    .creditsblock {
      padding: 18px;
    }
  
    .creditstextmain {
      font-size: 30px;
      line-height: 30px;
    }
  
    .creditstextmainlrg {
      font-size: 30px;
      line-height: 40px;
    }
  
    .tooltipbox.sub {
      margin-left: -25px;
      padding-right: 15px;
      padding-left: 15px;
    }
  
    .tooltipbox.support {
      margin-left: -21px;
    }
  }
  
  @media print {
    .pagebreak {
      page-break-before: always
    }
  
    .pagetitle.print {
      font-size: 30px;
      margin-bottom: 30px;
    }
  
    .radiobutton.w--redirected-checked {
      background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/radiobgnd.svg') !important;
    }
  
    .selsubs {
      background-image: url('/content/dam/pan/en_US/includes/igw/ngfw-for-aws-azure/images/radiobgnd.svg') !important;
    }
  
    .smalltext {
      font-size: 12px;
    }
  
    img {
      display: inline;
    }
  
  }
  
  @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;
  }