.space_calculator_container{
    /* background-color: #202124; */
	
}

.space_calculator_container label{
    color: #dbdbdb;
    font-size: 20px;
	
}

@media only screen and (min-width:768px){
	.space_calculator_container label{    
		min-height: 3rem;
	}
	
	
}

@media only screen and (max-width:767px){
	.space_calculator_container .col-md-6.btn-container{
		text-align: center;
	}
}

.space_calculator_container span{
    color: #435058;
    font-size: 0.95rem;
    font-weight: 500;
}

.space_calculator_container input[type="text"] {
    /* width: 50%; */
}

.space_calculator_container .container{   
    background-color: #435058;
    max-width: 1440px !important;
	padding: 1.8em;
    
}

.space_calculator_container .col-md-3{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;;
}


.office_fitout_calculator_container .col-md-6 label{
	width: 60%;
	
}

.office_fitout_calculator_container .section-header label{
	margin-top: 20px;
	color: #FF837A;
	font-weight: 600;
	font-size: 25px;
	width: 100%;
}
.col-md-6 .section-header label{
	margin-top: 20px;
	color: #bcd0c7 !important;
	font-weight: 600;
	font-size: 20px;
	border-bottom: 1px solid #ffffff55;
}




.space_calculator_container .row{
    margin-top: 25px;    
}

.space_calculator_container .btn{
	color: #000 !important;
	border: none;
	padding: 1.15em 1.5em;
	
}

.space_calculator_container .btn *{
	color: #ffffff !important;
	font-size: 1.4rem;
}

.space_calculator_container .btn:hover *{
	color: #fff !important;
}

.space_calculator_container .btn:hover svg{
	transform: rotate(-45deg);	
}

.space_calculator_container .btn:hover path{
	fill: #fff !important;	
}

.space_calculator_container #sc_result, span#sc_total_sq_ft{
	font-size: 1.4rem;
}

.space_calculator_container #sc_result .wrapper{
	background-color: var(--e-global-color-016a085);
	color: #435058;
	padding: 1.15em 1.5em;
}




/*---office_fitout_calculator_container---*/
.office_fitout_calculator_container{
	 background-color: #435058; 
	 padding-top: 50px;
	 padding-bottom: 50px;
	 	
}
.office_fitout_calculator_container label{
	color: #dbdbdb;
	font-size: 16px;	
}
/* 
.office_fitout_calculator_container .section-header label{
 color: #dbdbdb;
	font-size: 20px;	
} */

.office_fitout_calculator_container .inputText, .inputSelect{
	width: 25%;
	float: right;
}


.office_fit_calculator_text_result h3{
	color: #ffffff;
	font-size: 20px;
}




/*serviced_leashold_calculator_container*/
.serviced_leashold_calculator_container{
	 background-color: #435058; 
	 padding-top: 50px;
	 padding-bottom: 50px;
	 	
}


.serviced_leashold_calculator_container label{
	color: #dbdbdb; 
	font-size: 20px;
	width: 80%;
    display: inline-block;
	
}



.serviced_leashold_calculator_container input{
    width: 50%;
    display: inline-block;
}

.serviced_leashold_calculator_container > :not(#office_space_calculator_result) .col-md-6 {
    display: flex;
    align-items: center;
}

 .serviced_leashold_calculator_container > .col-md-6 :not(#office_space_calculator_result) {
    flex-direction: row;
    display: flex;
	justify-content: space-between;
}

div#office_space_calculator_result{
	padding-top: 30px;
}

.serviced_leashold_calculator_container table tr:nth-child(odd){
	background-color: #444652;
}

.serviced_leashold_calculator_container small{
	color: #ffffffcc;
	padding: 15px 0px;
	display: block;
}
.serviced_leashold_calculator_container button {
    color: #000 !important;
    border: none;
    padding: 1.15em 1.5em;
}

.serviced_leashold_calculator_container button * {
    color: #000 !important;
    font-size: 1.4rem;
}

.serviced_leashold_calculator_container button:hover * {
    color: #fff !important;
}

.serviced_leashold_calculator_container h3{
	padding: 10px 0px;
}

.serviced_leashold_calculator_container .inputText, .inputSelect{
	width: 25%;
	float: right;
}
.serviced_leashold_calculator_container .container h3{
	color: #ffffff;
	font-size: 20px;
}
.serviced_leashold_calculator_container .container h5{
	color: #c5c5c5;
	font-size: 15px;
}
.serviced_leashold_calculator_container .table{
	color: #ffffff;
	font-size: 15px;
}
.serviced_leashold_calculator_container #ofc_service_leasedhold_calculate_and_email_me, .office_cash_flow_forcast_container .btn, .office_fitout_calculator_container .btn, .space_calculator_container .btn{
	/* margin: 0 auto; */
	margin-top: 20px;
	padding: 1.15em 1.5em;
	background-color: var(--e-global-color-6a0e951);
	color: #ffffff !important;
    
}

.serviced_leashold_calculator_container #ofc_service_leasedhold_calculate_and_email_me:hover, .office_cash_flow_forcast_container .btn:hover, .office_fitout_calculator_container .btn:hover, .space_calculator_container .btn:hover{
	
	background-color: rgb(136, 136, 128);
	color: #fff !important;
    
}

#office_space_calculator_result{
	display: none;
}


.office_cash_flow_forcast_container{
	 background-color: #435058; 
	 padding-top: 50px;
	 padding-bottom: 50px;
}

.office_cash_flow_forcast_container label{
	color: #dbdbdb;
	font-size: 16px;	
}

.office_cash_flow_forcast_container_result{
	background-color: #435058;
	color: #fff;
	
	margin-top: 50px;
}

/* Media Queries */
@media only screen and (max-width: 767px){
	
	.space_calculator_container .col-md-3{
		margin-top: 20px;
	}
	
	.space_calculator_container #sc_result{
		margin-top: 20px;
	}
	
}


/*FIT OUT CALCULATOR */

.office_fitout_calculator_container label{
	color: #fff !important;
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 150%;
	
	padding: 5px 0px;
}

.office_fitout_calculator_container .row.fitout_calculator_part{
	background-color: #2f333e;
	margin-bottom: 30px;
}

.office_fitout_calculator_container .btn-container{
	padding: 10px 0px;
}



.office_fitout_calculator_container .btn {
    color: #000;
    border: none;
    padding: 1.15em 1.5em;
}

.office_fitout_calculator_container .btn:hover {
    color: #fff;
    border: none;
   
}

.office_fitout_calculator_container .btn:hover path {
    fill: #fff !important;
}


.office_fitout_calculator_container .btn:hover svg {
    transform: rotate(-45deg);
}

.office_fitout_calculator_container  .office_fit_calculator_text_result h3{
	color: #fff;
	font-size: 25px;
}



@media only screen and (max-width: 767px){
	.office_fitout_calculator_container .btn-container, .office_fitout_calculator_container  .office_fit_calculator_text_result h3{
		text-align:center;
	}
	
	.office_fitout_calculator_container .row.fitout_calculator_part{
		margin: 25px 10px;
	}
	
	.office_fitout_calculator_container .inputText, .inputSelect {
		margin-top: 10px;
	}
}

/*CASH FLOW CALCULATOR */

.office_cash_flow_forcast_container label{
	color: #fff !important;
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 150%;
	
	padding: 5px 0px;
}

.office_cash_flow_forcast_container .row{
	margin-bottom: 20px;
}

.office_cash_flow_forcast_container label.sub-header{
	color: #1a55eb;
	border-bottom: 2px solid #96989f;
}


.office_cash_flow_forcast_container .btn-container{
	padding: 10px 0px;
}



.office_cash_flow_forcast_container .btn {
    color: #000;
    border: none;
    padding: 1.15em 1.5em;
	MARGIN-TOP: 20px;
}

.office_cash_flow_forcast_container .btn:hover {
    color: #fff;
    border: none;
   
}

.office_cash_flow_forcast_container .btn:hover path {
    fill: #fff !important;
}


.office_cash_flow_forcast_container .btn:hover svg {
    transform: rotate(-45deg);
}

.office_cash_flow_forcast_container  .office_fit_calculator_text_result h3{
	color: #fff;
	font-size: 25px;
}



@media only screen and (max-width: 767px){
	.office_cash_flow_forcast_container .btn-container, .office_cash_flow_forcast_container  .office_fit_calculator_text_result h3{
		text-align:center;
	}
	
	.office_cash_flow_forcast_container .row.fitout_calculator_part{
		margin: 25px 10px;
	}
	
	.office_cash_flow_forcast_container .inputText, .inputSelect {
		margin-top: 10px;
	}
}

.office_cash_flow_forcast_container_result .row .col-md-3{
	padding: 5px;
}

.office_cash_flow_forcast_container_result .row *{
	font-weight: 400 !important;
}

.office_cash_flow_forcast_container_result .row:nth-child(even){
	background-color: #444652;
}

.office_cash_flow_forcast_container_result .row:nth-child(1){
	border-bottom: 1px solid #ffffff55;
	margin-bottom: 10px;
}

.office_cash_flow_forcast_container_result .row:nth-child(1) *{
	text-transform: uppercase; 
	color: #b7d1c4;
	font-weight: 600 !important;
	font-size: 18px;
	
}

.office_cash_flow_forcast_container_result .container{
	width: 100%;
	max-width: 100%;
	padding: 10px 0px 0px 0px;
}

.office_cash_flow_forcast_container_result .container .row{
	margin: 0px;
	padding: 2px 20px;
}

.calc-field-container {
    position: relative;
	padding-right: 30px;
}

.calc-field-container svg {
    position: absolute;
    right: 6px;
    top: 18%;
}


.crsc_header_content{
	text-align: center;
}



.book-consultation{
	margin-top: 20px;
	padding: 1.15em 1.5em;
	background-color: var(--e-global-color-6a0e951);
	color: #ffffff !important;
	font-size: 18px;
	}


	@media only screen and (max-width:767px){
		.serviced_leashold_calculator_container > :not(#office_space_calculator_result) .col-md-6{
		
			align-items: flex-start;
			flex-direction: column;
			align-content: center;
			justify-content: center;
			gap: 15px;
			padding: 8px 20px;
		}
}


@media only screen and (max-width:767px){
 
	button#ofc_service_leasedhold_calculate_and_email_me , button.btn.btn-primary.book-consultation{
	width: 100%;
	font-size: 16px;
 
	 
	}
	 
	.serviced_leashold_calculator_container label {
		font-size: 16px;
	}

	button.btn.btn-primary.book-consultation a{
		font-size: 16px;
	 }

}

button.btn.btn-primary.book-consultation a{
	font-size: 18px;
 }