OpCon Automation Return on Investment (ROI) Calculator
Curious how harnessing the power of automation with OpCon will impact your bottom line? Use our free ROI calculator to simulate the results!
Clearly communicate the value of your IT team
There are few IT tools with quantifiable and qualitative value that directly contribute to business profit and loss—OpCon is one of those rare tools.
Every month you go without it, you miss the opportunity to contribute thousands of dollars back to your business. You’ll never be able to recover those losses, and that missed operational profit is lost forever.
As your industry grows more competitive by the day, can you afford to wait?
<div class="roi-calc-sectn" id="find-roi">
<div class="wrapper">
<div class="calc-otr blue">
<div class="heading-center">
<h3>OpCon ROI Calculator</h3>
<p>We’ve made it easy for you to visualize the results of implementing our automation solution. Just enter your information in the fields below and let our calculator do the math. You can then download your results and share them with your team!</p>
</div>
<div class="calc-cntnr">
<div class="calc-left">
<div>
<div class="input-holder">
<input class="inputMaterial" type="number" id="employees" min="1" max="2500" placeholder="250" required name="input-one" autocomplete="off" title="Total number of employees in your organization">
<label>Number of Employees in Your Organization</label>
</div>
<div class="input-holder">
<input class="inputMaterial" type="number" id="hr-rate" min="1" max="100000" step="0.01" placeholder="34.00" required name="input-one" autocomplete="off" title="Hourly rate for IT employees responsible for operations support">
<label>Hourly Rate for IT Employees</label>
</div>
<div class="input-holder-slide">
<input class="inputMaterial" type="range" id="usage-slider" name="input-one" min="1" max="3" step="1" value="2" list="usage" title="Number of manual tasks you either automate with current tool(s) or plan to automate">
<label>How much will your team utilize automation?</label>
<div id="usage">
<span>Low</span>
<span>Medium</span>
<span>High</span>
</div>
<span id="slide-description"> I want to deeply automate a single platform or automate a few functions across multiple environments </span>
</div>
</div>
</div>
<div class="calc-right">
<div class="res-box dk-blue">
<div class="value-cntnr">
$ <span id="annual-rate"> 0 </span> </div>
<div class="title-cntnr"> <span> Your Annual Savings </span> </div>
</div>
<div class="res-box blue cntnr">
<div class="value-cntnr">
$ <span id="month-rate"> 0 </span> </div>
<div class="title-cntnr"> <span> Missed Monthly Savings Without OpCon </span> </div>
</div>
<div class="res-box orange">
<div class="value-cntnr">
<span id="roi-rate"> 0 </span> % </div>
<div class="title-cntnr"> <span> ROI </span> </div>
</div>
</div>
</div>
</div>
</div>
</div>
FAQs
This is the formula used by the calculator to estimate your ROI for OpCon:
ROI = (Annual net savings/Cost of OpCon investment) x 100
We input the starting cost of OpCon ($65,000), and we calculate your annual net savings using the number of employees you enter and their hourly rate. For a full list of OpCon features and add-ons, visit our Pricing Guide page.
This is the formula used by the calculator to estimate your ROI for OpCon:
ROI = (Annual net savings/Cost of OpCon investment) x 100
We input the starting cost of OpCon ($65,000), and we calculate your annual net savings using the number of employees you enter and their hourly rate. For a full list of OpCon features and add-ons, visit our Pricing Guide page.
These are the most common ways our customers use OpCon:
- • Core Processing/ERP – Orchestrate critical operational processes across disparate business systems and applications.
- • Infrastructure Management – Manage siloed technologies from legacy systems to cloud, virtualization, and IoT.
- • Disaster Recovery and Business Continuity – Enable self-healing routines to keep operations running during unplanned system interruptions or outages.
- • Security & Compliance – Manage role-based privileges and automatically log all actions to meet compliance requirements.
- • BI and Data Warehousing – Manage ELT processes in a repeatable way to ensure data is processed and analyzed efficiently and accurately.
- • IT Processes – Automate repetitive IT tasks such as provisioning and deployment of new systems, monitoring and maintenance of existing systems, and reporting and analysis of data.
These are the most common ways our customers use OpCon:
- • Core Processing/ERP – Orchestrate critical operational processes across disparate business systems and applications.
- • Infrastructure Management – Manage siloed technologies from legacy systems to cloud, virtualization, and IoT.
- • Disaster Recovery and Business Continuity – Enable self-healing routines to keep operations running during unplanned system interruptions or outages.
- • Security & Compliance – Manage role-based privileges and automatically log all actions to meet compliance requirements.
- • BI and Data Warehousing – Manage ELT processes in a repeatable way to ensure data is processed and analyzed efficiently and accurately.
- • IT Processes – Automate repetitive IT tasks such as provisioning and deployment of new systems, monitoring and maintenance of existing systems, and reporting and analysis of data.
Here are three ways our customers have increased their ROI:
1. Streamline implementation with an all-in approach.
The best way to get the most bang for your automation buck is to have total buy-in across an organization, from executive leadership to ground-level employees. Involving the whole company in the automation process will improve employee acceptance and enthusiasm for the benefits of automation, including:
- • Better communication across departments.
- • Multiple systems managed from a centralized dashboard.
- • Various tasks scheduled in a sequenced manner based on a large number of dependencies.
2. Automate more processes.
The sooner you can get repetitive processes out of your employees’ hands and into an automation platform, the quicker they can return to revenue-generating tasks and other activities that are valuable to the business. The process opens the door to further automation opportunities, strengthening the cycle of productivity.
An experienced provider with domain expertise in your industry can advise you on processes to automate that may not have occurred to you. Processes to automate beyond core systems where our customers have found the most value include:
- • Document imaging and storage
- • Payments
- • Business intelligence and reporting
- • Loan processing and servicing
- • Digital banking
3. Build a foundation for digital transformation.
Reallocating staff away from redundant processes opens up the opportunity for your organization to focus on more strategic initiatives that drive digital transformation and, ultimately, a greater return on your automation investment.
Here are three ways our customers have increased their ROI:
1. Streamline implementation with an all-in approach.
The best way to get the most bang for your automation buck is to have total buy-in across an organization, from executive leadership to ground-level employees. Involving the whole company in the automation process will improve employee acceptance and enthusiasm for the benefits of automation, including:
- • Better communication across departments.
- • Multiple systems managed from a centralized dashboard.
- • Various tasks scheduled in a sequenced manner based on a large number of dependencies.
2. Automate more processes.
The sooner you can get repetitive processes out of your employees’ hands and into an automation platform, the quicker they can return to revenue-generating tasks and other activities that are valuable to the business. The process opens the door to further automation opportunities, strengthening the cycle of productivity.
An experienced provider with domain expertise in your industry can advise you on processes to automate that may not have occurred to you. Processes to automate beyond core systems where our customers have found the most value include:
- • Document imaging and storage
- • Payments
- • Business intelligence and reporting
- • Loan processing and servicing
- • Digital banking
3. Build a foundation for digital transformation.
Reallocating staff away from redundant processes opens up the opportunity for your organization to focus on more strategic initiatives that drive digital transformation and, ultimately, a greater return on your automation investment.
Get More Out of Your Business with OpCon
<div class="container-background">
<div class="container-outer-wrapper">
<div class="container-padding">
<div class="container-inner-wrapper">
<div class="grid-row default-pricing-cards">
<div class="col-3 grid-unit">
<div class="grid-col">
<div class="flex-card">
<div color="#14D997" class="color-cap color-cap-primary"></div>
<div class="card-main-content">
<div class="card-header">
<div class="card-header-content">
<div style="position: relative;">
<div class="card-group-head">
<h2 order="3" color="#2A3039" class="card-primary-title">Buyer's Guide</h2></div>
<div class="card-group-head">
<div class="card-primary-subtext-container">
<p class="card-primary-subtext">Wondering where to start? Jump start your automation journey with this comprehensive Buyer's Guide.</p>
</div>
</div>
</div>
</div>
<div class="cta-link-container"><a data-track="Click - Overview Video" data-track-label="Watch Video Now" data-track-category="Overview-Video" href="https://smatechnologies.com/opcon-buyers-guide" class="cta-link">Download Now</a></div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="col-3 grid-unit">
<div class="grid-col">
<div class="flex-card">
<div color="#14D997" class="color-cap color-cap-primary"></div>
<div class="card-main-content">
<div class="card-header">
<div class="card-header-content">
<div style="position: relative;">
<div class="card-group-head">
<h2 order="3" color="#2A3039" class="card-primary-title">OpCon Pricing</h2></div>
<div class="card-group-head">
<div class="card-primary-subtext-container">
<p class="card-primary-subtext">Interested in investing in OpCon? See all available features and add-ons in our pricing guide.</p>
</div>
</div>
</div>
</div>
<div class="cta-link-container"><a data-track="Click - Overview Video" data-track-label="Watch Video Now" data-track-category="Overview-Video" href="https://smatechnologies.com/opcon-pricing" class="cta-link">View Now</a></div>
</div>
</div>
</div>
</div>
</div>-->
<div class="col-3 grid-unit">
<div class="grid-col">
<div class="flex-card">
<div color="#14D997" class="color-cap color-cap-primary"></div>
<div class="card-main-content">
<div class="card-header">
<div class="card-header-content">
<div style="position: relative;">
<div class="card-group-head">
<h2 order="3" color="#2A3039" class="card-primary-title">Personalized ROI Savings</h2></div>
<div class="card-group-head">
<div class="card-primary-subtext-container">
<p class="card-primary-subtext">Chat with one of our Automation Experts and get detailed savings based on your company's usage.</p>
</div>
</div>
</div>
</div>
<div class="cta-link-container"><a data-track="Click - Demo Request" data-track-label="Schedule a Chat" data-track-category="Demo-Request" href="https://smatechnologies.com/request-a-demo" class="cta-link">Schedule a Chat</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.custom-code-603240 div.container-padding{padding-top:5rem;padding-bottom:5rem;}
@media (max-width: 575px){.custom-code-603240 div.container-padding{padding-top:2.5rem;padding-bottom:2.5rem;}}
div.container-padding{margin-bottom:80px;}
.cta-link-container {margin-top: 20px;margin-bottom: 30px;}
.card-body-content{margin-top: 20px;}
@media (min-width:62em) {.card-body-content {margin-top: 30px;}}
.card-group-head {margin-bottom: 10px;}
.container-padding {padding-left: 20px;padding-right: 20px;}
@media (min-width:48em) {.container-padding {padding-left: 30px;padding-right: 30px;}}
.card-header {padding-left: 20px;padding-right: 20px;padding-top: 30px;}
@media (min-width:48em) {.card-header {padding-left: 30px;padding-right: 30px;}}
.card-body {padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}
@media (min-width:48em) {.card-body {padding-left: 30px;padding-right: 30px;}}
@media (min-width:48em) {.card-body {padding-bottom: 30px;}}
.btm-padding {padding-bottom: 80px;}
@media (min-width:48em) {.btm-padding {padding-bottom: 100px;}}
@media (min-width:62em) {.btm-padding {padding-bottom: 140px;}}
.container-outer-wrapper {width: 100%;}
.container-inner-wrapper {width: 100%;margin: 0 auto;max-width: 1350px;}
.svg-item {width: 14px;height: 14px;}
.svg-container {position: absolute;width: 14px;height: 14px;top: 3px;left: -28px;margin-left: 0 !important;}
.svg-container svg, .svg-container img {display: block;top: 1px;}
.svg-container.dollar-icon img.svg{height:16px;}
.list-item {position: relative;list-style-type: none;list-style-position: inside;margin-left: 18px;}
.list-item:before {content: "";position: absolute;background-color: #c5d2d8;border-radius: 50%;height: 5px;top: 0.55rem;left: -18px;width: 5px;}
.list-item:last-of-type {margin-bottom: 0;}
.list-item > ul, .list-item > ol {margin: 10px 0 10px 10px;}
.list-item p {margin-left: 0;}
@media (min-width:62em) {.list-item p {width: 100%;}}
.list-group {margin: 0;padding: 0;list-style-position: inside;padding: 8px 10px 8px 28px;list-style-type: none;}
.list-group li {position: relative;margin-bottom: 20px;margin-left: 0;position: relative;padding-right: 0;line-height: 1.5;}
.list-group li:last-of-type {margin-bottom: 0;}
.list-group li:before {display: none;}
.list-group li img, .list-group li svg {position: absolute;top: 0;left: 0;}
.list-group .svg-container {display: block;}
.list-group {color: #265a67;font-size: 14px;}
.list-group li {margin-bottom: 5px;}
.card-group-title {font-size: 16px;line-height: 1.6;font-weight: 700;color: #003d4c;}
.card-group-title p {font-size: inherit;line-height: inherit;font-weight: inherit;color: currentColor;margin-bottom: 1em;}
.card-group-title p:first-of-type {margin-top: 0;}
.card-group-title p:last-of-type {margin-bottom: 0;}
.card-group-title a:not([class]) {-webkit-text-decoration: none;text-decoration: none;-webkit-transition: 0.25s;transition: 0.25s;border-bottom: 1px dotted #0B6AE6;color: #003d4c;cursor: pointer;}
.card-group-title a:not([class]):hover {border-bottom-style: solid;border-color: #003CBE;color: #003d4c;}
.card-group-title a:not([class]) u {-webkit-text-decoration: none;text-decoration: none;}
.card-group-title ul {list-style-type: none;margin: 1em 0 1em;}
.card-group-title ul li {position: relative;padding-right: 0;line-height: 1.5;}
.guid-unit {box-sizing: border-box;box-sizing: border-box;-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}
@media (min-width:36em) {.col-3, .col-2 {-webkit-flex-basis: 83.3333%;-ms-flex-preferred-size: 83.3333%;flex-basis: 83.3333%;max-width: 83.3333%;}}
@media (min-width:48em) {.col-3, .col-2 {-webkit-flex-basis: 58.3333%;-ms-flex-preferred-size: 58.3333%;flex-basis: 58.3333%;max-width: 58.3333%;}}
@media (min-width:62em) {.col-3 {-webkit-flex-basis: 33.3333%;-ms-flex-preferred-size: 33.3333%;flex-basis: 33.3333%;max-width: 33.3333%;}}
@media (min-width:62em) {.col-2 {-webkit-flex-basis: 50%;-ms-flex-preferred-size: 33.3333%;flex-basis: 50%;max-width: 50%;}}
.grid-row {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: stretch;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.grid-col {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex: 1;-ms-flex: 1;flex: 1;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;position: relative;}
.grid-col > div, .grid-col > article, .grid-col > section, .grid-col > aside {width: 100%;}
@media only screen and (min-width:0px) {.grid-row {width: calc(100% + 8px);margin: 0 calc(-8px / 2) -8px;}}
@media only screen and (min-width:576px) {.grid-row {width: calc(100% + 16px);margin: 0 calc(-16px / 2) -16px;}}
@media only screen and (min-width:768px) {.grid-row {width: calc(100% + 24px);margin: 0 calc(-24px / 2) -24px;}}
@media only screen and (min-width:992px) {.grid-row {width: calc(100% + 32px);margin: 0 calc(-32px / 2) -32px;}}
@media only screen and (min-width:0px) {.grid-row .grid-col {margin: 0 calc(8px / 2) 8px;}}
@media only screen and (min-width:576px) {.grid-row .grid-col {margin: 0 calc(16px / 2) 16px;}}
@media only screen and (min-width:768px) {.grid-row .grid-col {margin: 0 calc(24px / 2) 24px;}}
@media only screen and (min-width:992px) {.grid-row .grid-col {margin: 0 calc(32px / 2) 32px;}}
.grid-unit {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
body:not(.user-is-tabbing) .cta-link:focus {box-shadow: unset;}
.cta-link {box-sizing: border-box;border-radius: 4px;cursor: pointer;display: inline-block;font-family: "DM Sans", Helvetica, Arial, sans-serif;line-height: 1;text-align: center;-webkit-text-decoration: none;text-decoration: none;-webkit-transition: 0.4s;transition: 0.4s;-webkit-transition-property: -webkit-transform, background-color, border-color, background, color;-webkit-transition-property: transform, background-color, border-color, background, color;transition-property: transform, background-color, border-color, background, color;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-left: 24px;padding-right: 24px;font-size: 16px;height: 41px;line-height: 39px;font-weight: 600;color: #FFFFFF;border: 1px solid #fa4716;background: #fa4716;}
.cta-link:hover {-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);}
.cta-link[role="button"] {line-height: 37px;}
.cta-link:hover {background: #0076a8;border-color: #0076a8;}
.cta-link:active {background: #0076a8;border-color: #0076a8;}
.cta-link::-moz-focus-inner {border: 0;padding: 0;}
.cta-link:focus {outline: none;box-shadow: 0 0 2px 4px #003CBE;}
body:not(.user-is-tabbing) .cta-link:focus {box-shadow: unset;}
.flex-card {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;position: relative;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;z-index: 1;min-height: 100%;height: 100%;background-color: #FFFFFF;-webkit-transition: all 0.4s;transition: all 0.4s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);overflow: hidden;border-radius: 6px;box-shadow: 0 5px 14px 2px rgba(0, 0, 0, 0.07);}
.flex-card {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;position: relative;overflow: hidden;}
.color-cap-primary {position: absolute;top: 0;left: 0;height: 6px;width: 100%;background-color: #41b6e6;}
.color-cap-secondary {position: absolute;top: 0;left: 0;height: 6px;width: 100%;background-color: #fa4716;}
.color-cap-tertiary {position: absolute;top: 0;left: 0;height: 6px;width: 100%;background-color: #0076a8;}
.border-break {height: 1px;background-color: #dee4ec;}
@media (min-width: 62em) {.card-footer {min-height: 306.6px;}}
.card-footer {margin-top: auto;border-top: 1px solid rgb(221, 229, 236);background-color: #f0f6f7;}
@media (min-width: 48em) {.card-footer-content {padding-left: 30px;padding-right: 30px;}}
.card-footer-content {padding: 20px 20px 30px;}
.title-dark {display: inline-block;}
@media (min-width: 62em) {.card-primary-title {font-size: 28px;}}
.card-primary-title {font-family: "DM Sans", Helvetica, Arial, sans-serif;font-weight: 700;}
.card-secondary-title {display: inline-block;}
@media (min-width: 48em) {.card-secondary-title {font-size: 20px;}}
.card-secondary-title {font-family: "DM Sans", Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 600;line-height: 1.5;letter-spacing: 0.008em;margin: 0px;padding: 0px;color: #003d4c}
.card-subtext-pricing {display: inline-block;margin-left: 1px;color: #4d7782!important;}
.card-secondary-subtext {line-height: 1.6;font-weight: 400;color: #265a67;font-size: 14px;}
.card-primary-subtext-container {line-height: 1.6;font-weight: 400;color: #265a67;font-size: 14px;}
.card-primary-subtext-container p:last-of-type {margin-bottom: 0px;}
.card-primary-subtext-container p:first-of-type {margin-top: 0px;}
.card-primary-subtext-container p {font-size: inherit;line-height: inherit;font-weight: inherit;color: #265a67;margin-bottom: 1em;}
.card-primary-subtext {font-size: 16px;line-height: 1.6;font-weight: 400;color: #265a67;}
.card-license-info{margin-top:10px}
.disclaimer{margin-top:80px;}
.disclaimer p{font-size:12px;line-height:1.4;color:#4d7782;}
</style>
<script
src="https://code.jquery.com/jquery-3.7.0.min.js"
integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g="
crossorigin="anonymous"></script>
<script>
var array = [
[0.9, 1.2, 1.6],
[1.1, 1.7, 3.1],
[2.1, 3.5, 5.2]
];
var rowNames = ['fteSm', 'fteMd', 'fteLg'];
var columnNames = ['fte25%', 'fte50%', 'fte75%'];
var arrayObject = {};
for (var i = 0; i < array.length; i++) {
for (var j = 0; j < array[i].length; j++) {
var rowName = rowNames[i];
var columnName = columnNames[j];
var value = array[i][j];
var key = rowName + ',' + columnName;
arrayObject[key] = value;
}
}
$(function() {
var range = 'fteMd';
var usage = 'fte50%';
var useText = 'Medium';
var slideDesc = 'I want to deeply automate a single platform or automating a few functions across multiple environments';
$('#usage-slider').on('input', function() {
var value = $('#usage-slider').val();
if (value === "1") {
usage = 'fte25%';
useText = 'Low';
slideDesc = 'I want to automate a few functions on a single platform';
} else if (value === "2") {
usage = 'fte50%';
useText = 'Medium';
slideDesc = 'I want to deeply automate a single platform or automating a few functions across multiple environments';
} else if (value === "3") {
usage = 'fte75%';
useText = 'High';
slideDesc = 'I want to enable comprehensive automation across multiple environments';
}
$('#slide-description').html(slideDesc);
//document.querySelector('input[name="roicalc_usage"]').value = useText;
});
$('#employees').on('input', function() {
var value = parseInt($('#employees').val());
if (value >= 1 && value <= 99) {
range = 'fteSm';
} else if (value >= 100 && value <= 250) {
range = 'fteMd';
} else if (value >= 251) {
range = 'fteLg';
} else {
range = 'fteMd';
}
//document.querySelector('input[name="roicalc_employees"]').value = value;
});
$('.inputMaterial').on('input', function() {
if ($('#hr-rate').val() !== '') {
var hrRate = parseFloat($('#hr-rate').val());
} else {
var hrRate = 34;
}
//document.querySelector('input[name="roicalc_hrrate"]').value = hrRate;
var FTE = arrayObject[range + ',' + usage];
var annualRate = (FTE * hrRate * 40 * 52).toFixed(0);
var monthRate = (annualRate/12).toFixed(0);
var roiRate = (annualRate/65000*100).toFixed(0);
let nf = new Intl.NumberFormat('en-US');
$('#annual-rate').html(nf.format(annualRate));
$('#month-rate').html(nf.format(monthRate));
$('#roi-rate').html(roiRate);
//document.querySelector('input[name="roicalc_annualrate"]').value = annualRate;
//document.querySelector('input[name="roicalc_monthrate"]').value = monthRate;
//document.querySelector('input[name="roicalc_roirate"]').value = roiRate;
});
});
</script>
<style>
/* Lastpass icon */
div[data-lastpass-icon-root] {
display: none;
}
/* Calculator */
.wrapper{
max-width: 1140px;
width:100%;
margin: 0 auto;
}
.calc-otr{
border-radius:6px;
background-color: #fff;
box-shadow: 0px 5px 14px 2px rgba(0,0,0,0.07);
position:relative;
margin-bottom:80px;
}
.calc-otr.blue{
border-top:8px solid #41b6e6;
}
.heading-center{
font-family:"DM Sans",Helvetica,Arial, sans-serif;
font-size: 28px;
color: #003d4c;
font-weight: 700;
line-height: 1.25;
text-align: center;
padding-top: 45px;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
.heading-center p {
font-family:"Noto Sans",Helvetica,Arial, sans-serif;
font-size: 18px;
font-weight:400;
line-height: 1.6;
color: #265a67;
max-width: 820px;
margin: 1rem auto 0;
text-align: center;
}
.calc-cntnr{
display: flex;
padding: 0 0 20px 60px;
justify-content:space-between;
}
.calc-left,
.calc-right{
width:50%;
}
.calc-left{
display:flex;
flex-direction:column;
justify-content:center;
}
.calc-right{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.input-holder, .input-holder-slide{
padding: 30px 0;
position: relative;
z-index: 1;
}
.input-holder input{
border: 0;
background: transparent;
border-bottom: 2px solid #003d4c;
margin: 0 auto;
padding: 16px 16px 7px 5px;
width:95%;
font-size:18px;
outline: none;
}
input[id="employees"]::placeholder,
input[id="employees"]::-webkit-input-placeholder{
color: rgba(0, 61, 76, 0.5);
}
input[id="hr-rate"]::placeholder,
input[id="hr-rate"]::-webkit-input-placeholder{
color: rgba(0, 61, 76, 0.5);
}
input[type="range"]{
-webkit-appearance: none;
appearance: none;
background: transparent;
cursor: pointer;
width: 95%;
margin-top:15px;
margin-left:0px;
}
input[type="range"]:focus {
outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
background: #f0f6f7;
border:1px solid #b3c5c9;
height: 0.5rem;
border-radius:6px;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
margin-top:-5px;
background-color: #0076a8;
border-radius:50%;
height: 1rem;
width: 1rem;
}
input[type="range"]:focus::-webkit-slider-thumb {
outline: 2px solid #0076a8;
outline-offset: 0.125rem;
}
input[type="range"]::-moz-range-track {
background: #f0f6f7;
border:1px solid #b3c5c9;
height: 0.5rem;
border-radius:6px
}
input[type="range"]::-moz-range-thumb {
border: none;
border-radius: 0;
background-color: #0076a8;
border-radius:50%;
height: 1rem;
width: 1rem;
}
input[type="range"]:focus::-moz-range-thumb {
outline: 2px solid #0076a8;
outline-offset: 0.125rem;
}
.input-holder label, .input-holder-slide label {
position: absolute;
font-family:"Noto Sans",Helvetica,Arial, sans-serif;
line-height:1;
left:0px;
z-index: -1;
top:20px;
font-size:13px;
font-weight: bold;
color: #265a67;
}
#usage{
display:flex;
justify-content:space-between;
width:96%;
margin-top:10px;
}
#usage span{
font-family:"Noto Sans",Helvetica,Arial, sans-serif;
font-size:13px;
font-weight: bold;
color: rgb(38,90,103,0.8);
}
#slide-description{
display:block;
font-family:"Noto Sans",Helvetica,Arial, sans-serif;
font-size:13px;
font-weight: normal;
line-height:1.25;
text-align:center;
color: rgb(38,90,103,0.9);
padding: 25px 15px 10px 0;
height:35px;
}
.res-box{
margin:0 auto 30px;
padding: 30px;
border-radius: 6px;
width: 60%;
box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.27);
text-align: center;
display: flex;
flex-direction: column;
}
.res-box.dk-blue{
background-color: #0076a8;
}
.res-box.blue{
background-color: #41b6e6;
}
.res-box.orange{
background:#fa4716;/*#c62900*/
}
.value-cntnr{
font-size: 32px;
font-family:"Noto Sans",Helvetica,Arial, sans-serif;
color: #fff;
font-weight:700;
line-height: 1.6;
text-align: center;
}
.title-cntnr span{
font-size: 18px;
font-family:"Noto Sans",Helvetica,Arial, sans-serif;
color: #fff;
font-weight:700;
line-height: 1.6;
text-align: center;
}
@media (max-width: 800px) {
.calc-cntnr{
flex-wrap: wrap;
padding:0 30px 20px;
}
.calc-left,.calc-right{
width:100%;
}
}
@media (max-width: 575px) {
.input-holder input{
width:100%;
}
.input-holder-slide{
padding-right:0;
}
input[type="range"]{
width:98%;
}
#usage{
width:100%;
}
.input-holder label{
top:10px;
font-size: 14px;
}
.input-holder-slide label{
top:5px;
}
.input-holder {
padding: 23px 5px 23px 0;
}
#slide-description{
height:85px;
}
.res-box {
padding-top: 35px;
padding-bottom: 35px;
width:100%;
}
}
/* HS Form */
.hs-form-embed h3 {
font-family: "DM Sans", Helvetica, Arial, sans-serif;
font-size: 28px;
color: #003d4c;
font-weight: 700;
line-height: 1.25;
text-align: center;
}
#hsForm_a227676f-99c0-4603-bcea-dd16a15c9152 {
width: 50%;
margin: 0 auto;
padding: 48px;
}
fieldset {
width: 100%;
max-width: 100%!important;
border: 0;
padding: 0;
margin: 0;
}
.hs-form-field {
margin-bottom: 18px;
}
.hs-form-field label {
color: #003d4c;
font-family: 'Noto Sans', arial, helvetica, sans-serif;
font-size: 14px;
display: block;
float: none;
width: auto;
font-weight: 400;
line-height: 20px;
padding-top: 0;
margin-bottom: 4px;
}
.hs-form-required {
color: red;
}
.hs-input {
display: inline-block;
height: 40px;
font-family: 'Noto Sans', arial, helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 22px;
color: #33475b;
border: 1px solid #cbd6e2;
border-radius: 3px;
background-color: #f5f8fa;
width: 100%!important;
}
input#email-a227676f-99c0-4603-bcea-dd16a15c9152 {
width: 100%!important;
max-width: 100%;
}
input.hs-input.error {
border-color: #c87872;
}
.hs-richtext {
font-family: 'Noto Sans', arial, helvetica, sans-serif;
color: #003d4c;
font-size: 14px;
word-break: break-word;
margin-bottom: 3px;
line-height: 24px;
}
.actions {
margin: 18px 0;
padding: 17px 0;
}
.hs-button {
background: #fa4716;
border-color: #fa4716;
color: #fff;
font-size: 16px;
line-height: 16px;
font-family: 'Noto Sans', arial, helvetica, sans-serif;
margin: 0;
cursor: pointer;
display: inline-block;
font-weight: 700;
position: relative;
text-align: center;
transition: all .15s linear;
border-radius: 3px;
border-style: solid;
border-width: 1px;
padding: 12px 24px;
white-space: pre-wrap;
}
.hs-button:hover,
.hs-button:focus {
background: #0076a8 border-color: #0076a8
}
div.submitted-message p {
text-align:center;
}
@media (max-width: 575px) {
#hsForm_a227676f-99c0-4603-bcea-dd16a15c9152 {
width: 100%;
padding: 23px;
}
}
</style>
