.calculator {
    display: flex;
    flex-wrap: wrap;
}

.item-outer {
    width: calc(50% - 0px); /* Adjust width of each item */
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
}


.calculator-table {
  min-height: 700px;
  width: 100%;
  border-collapse: collapse;
  font-size: 18px;
  text-align: left;
}


.item-heading {
	color:black;
	font-size: 25px;
    font-weight: 800;
    text-align: center;
    padding: 10px;
    min-height: 90px;
    /* Style for each item content */
   display: flex;
   justify-content: center;
   align-items: center;
}


.calculator-top{
	display: flex;
   justify-content: center;
   align-items: center;
}

.heading-internal-employees{
	 background: linear-gradient(90deg, #e84b3f, #ee925a);
	 border-top: 3px solid black;
	 border-left: 3px solid black;
}

.heading-contract-temporary-employee{
	 background: linear-gradient(90deg, #d6fadc, #9dbaf8);
	 border-top: 3px solid black;
	 border-left: 3px solid black;
	 border-right: 3px solid black;
}

.internal-employees .calculator-cell {
    padding: 12px;
	 border-top: 3px solid black;
     border-bottom: 3px solid black;
	 border-left: 3px solid black;
	 border-right: 3px solid black;
}

.contract-temporary-employee .calculator-cell {
    padding: 12px;
    border-top: 3px solid black;
	 border-right: 3px solid black;
	 border-bottom: 3px solid black;
}

.bottom-table{
	border-bottom: 3px solid black;
	 border-right: 3px solid black;
	 border-left: 3px solid black;
	width: 100%;
}


.contract-input{
	margin:10px 0px 10px 0px;
}

.calculator-cell ul{
	margin: 0px;
}


.calculator-table{
	margin: 0px;
}

.contract-input,
.internal-input{
    display: flex; /* Use flexbox to align items horizontally */
    align-items: center; /* Center align items vertically */
    margin-bottom: 10px; /* Optional: add some space between each input group */
}

.contract-input label {
    margin-right: 10px; /* Add space between label and input */
	width: 80px;
}

.contract-input input {
    flex: 1; /* Allow input to take up remaining space, optional */
}

.empty-row,
.total-row{
	height: 80px;
}

.hourly-rate-row{
	height: 180px;
}

/*


*/

.fringe-row{
	height: 250px;
}


.bottom-info-container{
	background: aliceblue;
    padding: 20px;
}

.bottom-table{
	padding: 20px;
	margin: 0 0 10px;
}


input{
	margin-left:5px;
}


.calculation-container{
  color: #00008B;
  font-weight: 600;
}

.savings-txt{
	font-weight:800;
	color: #ea1c24;
}


input[type="number"]{
	font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  padding: 12px 16px;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
  color: var(--ast-form-input-text,#475569);
}

.calculator-container{
	font-family: 'Roboto';
	padding: 80px;
	max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.top-text{
	padding-top: 50px;
	width: 70%;
	font-size: 25px;
}

.top-image{
	width: 30%;
}










@media (max-width: 980px) {
	
	
	
	
	.calculator-container {
		padding: 0px;
	}
	
	.contract-temporary-employee .calculator-cell {
    	border-left: 3px solid black;
	}
	.heading-internal-employees{
		 border-right: 3px solid black;
	}
    .item-outer {
        width: 100%; 
    }
	
	.calculator-top{
		display:block;
	}
	
	.top-text{
		text-align:center;
		min-width: 100%;
	}
	.top-image{
		min-width: 100%;
	}
}


@media (max-width: 768px) {
	
	
	
	
	
	
	
	
	
}