/* ConvertCalculator for PS quotations  */

.pseudocheck {
    padding-left: 41px !important;
    background-image: url(https://www.pathsolutions.com/hubfs/always-checked-lrg.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 24px auto;
}

.calculator .jXkGZT, 
.calculator .kGFojk {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.cc-radio-question {
  display:block;
}

.cc__radio-question-item-label {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.cc__date-question input {
    width: 42px !important;
    text-align: center;
}

.calculator .alwayschecked img {
   width: auto;
}

.calculator input.cc__number-question-input {
    width: 90px !important;
    margin: 3px;
    padding: 6px;
    height: 28px;
    font-size: 20px;
}

.calculator .cc__element-title.cc__question-title {
    float: left;
    width: 80% !important;
    max-width: 450px;
}

.calculator .cc__button-element { padding-bottom: 20px; }

.calculator h3.cc__title-title { font-size: 1.3rem; }

.calculator [type=button]:not(:disabled), 
.calculator [type=reset]:not(:disabled), 
.calculator [type=submit]:not(:disabled),
.calculator button:not(:disabled) {
    cursor: pointer;
    color: white !important;
    font-weight: 700;
}

/*selector checkbox shape*/
.calculator .gsiYdG + label::before {  border-radius: 0% !important;}
.calculator .fBsZud + label::before {  border-radius: 0% !important;}
.calculator .FXbIk + label::before {  border-radius: 0% !important;}
.calculator .hPlKfw + label::before {  border-radius: 0% !important;}
  
/*other*/
.calculator .centerthis { text-align: center;}

.calculator a:not([href]) { text-decoration: underline; }

.calculator .q-has-tooltip .lpaEYv {
  justify-content: left;
  width:80%;
  float:left;
}

/* Tooltip container */
.atooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.atooltip .atooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: #667b9b;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 103%;
    left: 0%;
    margin-left: 10px;
    opacity: 0;
    transition: opacity 1s;
}

.atooltiptext p {
    font-size: 12px;
    margin: 0 10px 30px 50px !important;
}

/* Tooltip arrow */
.atooltip .atooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #667b9b transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.atooltip:hover .atooltiptext {
  visibility: visible;
  opacity: 1;
}

.cc__question.noshow, 
.cc__formula-formula-wrapper.noshow {
    visibility: hidden;
}

.cc__question.hiddenvar, 
.cc__formula-formula-wrapper.hiddenvar {
    display:none;
}

.quoteform label.hs-error-msg {
    color: red;
    font-size: 13px;
    width: 100%;
}

/* Hubspot forms for PS quotations */

.container.quoteform {
  width: 90%;
  max-width: 600px;
  display: block;
  font-size: 16px;
  color: rgb(10, 10, 10);
}

.quoteform form {
  font-size: 16px;
  background-color: rgb(236, 236, 255);
  border-radius: 9px;
  padding: 16px;
}

@media (min-width: 768px)
.quoteform form { font-size: 16px; }

.quoteform label {
    float: left;
    width: 85%;
    max-width: 440px;
    display: inline-block;
}

.quoteform .hs-email label {
    width: 125px;
    max-width: 200px;
}

.quoteform input.hs-button.primary.large {
    margin: 20px auto;
}

.quoteform input[type="text"] {
    margin: 3px;
    padding: 6px;
    height: 28px;
    font-size: 20px;
}

.quoteform input[type="number"] {
    width: 65px !important;
    margin: 3px;
    padding: 6px;
    height: 28px;
    font-size: 20px;
    float: none;
}

.quoteform .hs_email.hs-email {
    margin: 24px 0 0 0;
}

.quoteform input[type="email"], 
.quoteform input[type="tel"] {
    font-size: 20px;
}

.quoteform .hs-button.primary, input[type="submit"], input[type="button"] {
    border-radius: 12px;
}

.quoteform .hs-button.primary, input[type="submit"], input[type="button"] {
    font-family: inherit;
}

.quoteform input[type=checkbox] {
    margin: 0 16px 0 0;
    font-size: 24px;
}

.quoteform .hs-form-reqired { display:none; }
.quoteform .hs_email .hs-form-required { display:none; }
.quoteform ul li.hs-form-checkbox { list-style-type: none; color: inherit; }
.quoteform ul.inputs-list.multi-container { margin: .1em 0; }
.quoteform form ul.inputs-list { list-style-type: none; }

/*forms like price quotes - standard pages */
/* Hubspot forms for PS quotations */

.container.quoteformtype {
  width: 90%;
  max-width: 600px;
  display: block;
  font-size: 16px;
  color: rgb(10, 10, 10);
}

.quoteformtype form {
  font-size: 16px;
  background-color: rgb(236, 236, 255);
  border-radius: 9px;
  padding: 16px;
}

.quoteformtype textarea {
    min-height: 100px;
}

@media (min-width: 768px)
.quoteformtype form { font-size: 16px; }

.quoteformtype label {
    margin-top:20px;
    display: inline-block;
}

.quoteformtype .hs-email label {
    width: 125px;
    max-width: 200px;
}

.quoteformtype input.hs-button.primary.large {
    margin: 20px auto;
}

.quoteformtype input[type="text"] {
    margin: 3px;
    padding: 6px;
    height: 28px;
    font-size: 18px
}

.quoteformtype input[type="number"] {
    width: 65px !important;
    margin: 3px;
    padding: 6px;
    height: 28px;
    font-size: 18px;
    float: none;
}

.quoteformtype .hs_email.hs-email {
    margin: inherit;
}

.quoteformtype input[type="email"], 
.quoteformtype input[type="tel"] {
    font-size: 18px;
    padding: 6px;
}

.quoteformtype .hs-button.primary, input[type="submit"], input[type="button"] {
    border-radius: 12px;
}

.quoteformtype .hs-button.primary, input[type="submit"], input[type="button"] {
    font-family: inherit;
}

.quoteformtype input[type=checkbox] {
    margin: 0 16px 0 0;
    font-size: 24px;
}

.quoteformtype .hs-form-reqired { display:none; }
.quoteformtype .hs_email .hs-form-required { display:none; }
.quoteformtype ul li.hs-form-checkbox { list-style-type: none; color: inherit; }
.quoteformtype ul.inputs-list.multi-container { margin: .1em 0; }
.quoteformtype form ul.inputs-list { list-style-type: none; }

/*pricing boxes  slide up */

.price-grids .our-solution { padding: 0 70px 50px 70px;}

/* pricing lists */
.price-grids .divswithlists img {max-width: 100px;}

.price-grids .solution-box img {height: auto; object-fit: scale-down;}

.price-grids .solution-box img {
    box-shadow: none;
    border-radius: 0;
    border: 0;
}

.price-grids .divswithlists {margin-bottom:6px;}
  
.price-grids .divswithlists table { text-align:left;width: 99.5%;}

.price-grids .solution-box h3 {
    font-size: 24px;
    color: #30353d;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0;
}

.price-grids .solution-box h3.title { min-height: 80px; }

.price-grids .divswithlists h4 {size: 1.1em; text-align: left;margin-top: 24px; }

.price-grids .solution-box .divswithlists p {
    color: #6c6c6c;
    font-size: 15px;
    font-family: 'IBM Plex Sans',sans-serif;
    margin: 0;
}

.row.solution-mes-col-row.fiveup .divswithlists  p { font-size: 13px;}

.price-grids .divswithlists p.subtitles {size: 14px; margin:4px 0 18px;}

.price-grids .divswithlists p.fineprint {margin-top: 6px; font-size: 14px;}

.price-grids .divswithlists p.title {height:110px;}

.price-grids .divswithlists p.descriptor { height:65px;}

.price-grids .solution-box .button {
    border-radius: 12px;
    background-image: linear-gradient(0,#4058cb 0%,#5371ff 100%) !important;
    border: 0;
    color: white;
    padding: 15px 5%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 13px 0 0 0;
    width: 90%;
}

.price.button a {
    color: #fff;
}

.price-grids .solution-box .selection {
    border-radius: 6px;
     background-image: linear-gradient(#E8F1F8, #DFEAF4,#d1e1ee);  
    border: 0;
    color: #000;
    padding: 13px 5%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 13px 0 25px 0;
    width: 90%;
    position: absolute;
    left: 5%;
    bottom: -60px;
}

@media (max-width: 767px){
  .price-grids .solution-box .button {
      padding: 15px 32px;
      width: 150px;
  }
}

.price-grids .col-md-2 {
  max-width: 270px;
  min-width: 250px;
}

@media (min-width: 768px){
.price-grids .col-md-3 {
    flex: 0 0 31.3%;
    max-width: 31.3%;
}
  
.price-grids .col-md-4 {
 flex: 0 0 25%;
 max-width: 25%;
 min-width:250px
}

/* form elements*/
.price-grids form {font-size: 14px;}

.price-grids .selection label { margin-bottom: 0;}

.price-grids ul.inputs-list.multi-container { list-style: none;}

.price-grids input[type=checkbox], input[type=radio] { margin-left: 12px;}

.price-grids ul {font-size: 14px;}