/* ❗css for elementor pro form ❗*/
.elementor-field-type-calculator.elementor-field-group .cfkef-calculator-container{
   height: auto;
   width: 100%;
}
.elementor-field-type-calculator.elementor-field-group .cfkef-calculator-wrapper {
   display: flex;
   flex-direction: column;
   justify-content: space-evenly;
   border: 2px solid var(--cal-border-color) !important;
   background-color: var(--cal-background-color) !important; 
   border-width: var(--cal-border-width) !important; 
   border-radius: var(--cal-border-radius) !important;
   color: var(--cal-text-color) !important;
   width: var(--cal-width) !important; 
   height: var(--cal-height) !important; 
   padding: calc(var(--cal-top-padding) + 5px) calc(var(--cal-right-padding) + 5px) calc(var(--cal-bottom-padding) + 5px) calc(var(--cal-left-padding) + 5px) !important;
   margin: var(--cal-margin) !important; 
   pointer-events: none;
   box-sizing: border-box !important;
 }
  
.elementor-field-type-calculator.elementor-field-group .cfkef-calculator-outputbox{
   border: none !important; 
   font-size:var(--cal-font-size) !important; 
   line-height: 1;
}

.elementor-field-type-calculator.elementor-field-group label{
   font-size:calc(var(--cal-font-size)/2) !important; 
}
.elementor-field-type-calculator.elementor-field-group .cfkef-calculator-outputbox{
   display: flex;
   gap: 5px;
}
.elementor-field-type-calculator.elementor-field-group .cfkef-calculator-outputbox span{
   padding:0px 3px;
   background-color: var(--cal-input-background-color); 
   color: var(--cal-outputbox-color);
   border-radius:3px;
} 
 

/* ❗css for cool form builder ❗*/
.is-field-type-calculator.cool-form__field-group .cfkef-calculator-container{
   height: auto;
   width: 100%;
}
.is-field-type-calculator.cool-form__field-group .cfkef-calculator-wrapper {
   display: flex;
   flex-direction: column;
   justify-content: space-evenly;
   border: 2px solid var(--cal-border-color) !important;
   background-color: var(--cal-background-color) !important; 
   border-width: var(--cal-border-width) !important; 
   border-radius: var(--cal-border-radius) !important;
   color: var(--cal-text-color) !important;
   width: var(--cal-width) !important; 
   height: var(--cal-height) !important; 
   padding: calc(var(--cal-top-padding) + 5px) calc(var(--cal-right-padding) + 5px) calc(var(--cal-bottom-padding) + 5px) calc(var(--cal-left-padding) + 5px) !important;
   margin: var(--cal-margin) !important; 
   pointer-events: none;
   box-sizing: border-box !important;
 }
  
.is-field-type-calculator.cool-form__field-group .cfkef-calculator-outputbox{
   border: none !important; 
   font-size:var(--cal-font-size) !important; 
}

.is-field-type-calculator.cool-form__field-group label{
   font-size:calc(var(--cal-font-size)/2) !important; 
}
.is-field-type-calculator.cool-form__field-group .cfkef-calculator-outputbox{
   display: flex;
   gap: 5px;
}
.is-field-type-calculator.cool-form__field-group .cfkef-calculator-outputbox span{
   padding:0px 3px;
   background-color: var(--cal-input-background-color); 
   color: var(--cal-outputbox-color);
   border-radius:3px;
} 

/* ❗css for hello plus form builder ❗*/
.is-field-type-calculator.ehp-form__field-group .cfkef-calculator-container{
   height: auto;
   width: 100%;
}
.is-field-type-calculator.ehp-form__field-group .cfkef-calculator-wrapper {
   display: flex;
   flex-direction: column;
   justify-content: space-evenly;
   border: 2px solid var(--cal-border-color) !important;
   background-color: var(--cal-background-color) !important; 
   border-width: var(--cal-border-width) !important; 
   border-radius: var(--cal-border-radius) !important;
   color: var(--cal-text-color) !important;
   width: var(--cal-width) !important; 
   height: var(--cal-height) !important; 
   padding: calc(var(--cal-top-padding) + 5px) calc(var(--cal-right-padding) + 5px) calc(var(--cal-bottom-padding) + 5px) calc(var(--cal-left-padding) + 5px) !important;
   margin: var(--cal-margin) !important; 
   pointer-events: none;
   box-sizing: border-box !important;
 }
  
.is-field-type-calculator.ehp-form__field-group .cfkef-calculator-outputbox{
   border: none !important; 
   font-size:var(--cal-font-size) !important; 
}

.is-field-type-calculator.ehp-form__field-group label{
   font-size:calc(var(--cal-font-size)/2) !important; 
}
.is-field-type-calculator.ehp-form__field-group .cfkef-calculator-outputbox{
   display: flex;
   gap: 5px;
}
.is-field-type-calculator.ehp-form__field-group .cfkef-calculator-outputbox span{
   padding:0px 3px;
   background-color: var(--cal-input-background-color); 
   color: var(--cal-outputbox-color);
   border-radius:3px;
} 

