/* xl - DESKTOP STYLES */ 
/* ==============================================
        CALCULATOR PAGES STYLE
================================================*/

#root a,
#root p,
#root span,
#root div {
	font-family: Poppins, sans-serif;
}

#root select,
#root input {
	border: 1px solid #D0D4D9;
	border-radius: 10px;
	color: #000814;
	transition: all .25s ease-in-out;
}

#root select {
	margin-bottom: 40px;
}

#root input, 
#root input::placeholder {
	font-size: 15px !important;
    line-height: 24px;
}

#calculator-wrapper input::placeholder {
    color: #8D9299;
}

#root select:focus {
	outline: none;
	border: 1px solid #D0D4D9;
	box-shadow: none;
}

#root select:hover,
#root input:hover {
	border: 1px solid #F5C536;
}

#root select:focus-visible,
#root input:focus-visible {
	outline: none;
	border: 1px solid #E8B417;
}

#calculator-wrapper {
    background-color: #fff;
    color: #000814;
    font-size: 14px;
    line-height: 20px;
}

#calculator-wrapper .col-sm-9 .row .col-2 img {
	max-width: 40px;
}

#calculator-wrapper .col-sm-3.align-right {
    margin-left: -11px;
    margin-right: -4px;
}

/* purple row */
#calculator-wrapper .col-sm-9 .row:nth-child(2) {
    background: #F8F5FF; 
}

#calculator-wrapper .col-sm-9 {
    padding: 0 0px 0 40px !important;
}

/* hide UK for now */
#calculator-wrapper .minuteInputForm option:nth-child(2){
	display: none;
}

#calculator-wrapper .form-floating > label {
    color: #757980;
    font-size: 12px;
    left: 3px;
    line-height: 14px;
    top: -63px;
    position: relative;
}

#calculator-wrapper .col-sm-3 .form-floating > .form-control,
#calculator-wrapper .form-floating > .form-select {
    height: 40px !important;    
	padding: 0 0 0 11px;
	
}

#calculator-wrapper .col-sm-3.align-right .form-floating.mb-3 {
    margin-bottom: 15px !important;
}

#calculator-wrapper .col-sm-3.align-right .form-control:focus {
    box-shadow: none;
}


#calculator-wrapper .col-sm-3.align-right .form-control::-webkit-inner-spin-button,
#calculator-wrapper .col-sm-3.align-right .form-control::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

#calculator-wrapper label[for="country"] {
    display: none;
}

#calculator-wrapper .col-sm-9 {
    padding: 0;
}

#calculator-wrapper .col-sm-9 .row {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 2px;
    padding-top: 19px;
}

#calculator-wrapper .col-sm-9 .row:first-child {
    padding-bottom: 0;
    padding-top: 0;	
	border-bottom: 2px solid #15191F;
}

#calculator-wrapper .col-sm-9 .row:first-child .col-2:first-child {
    padding-left: 0;
}

/* header of the table */
#calculator-wrapper .col-sm-9 .row:first-child p,
#calculator-wrapper .col-sm-9 .row:first-child .col-2:nth-child(6) {
    margin-bottom: 17px;
	font-weight: 500;
}



#calculator-wrapper .col-sm-9 .row .col-2 img {
    margin-left: -7px;
}
#calculator-wrapper .col-sm-9 .row .cPaasName {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42em;
    margin: 8px 0 0 -7px;
    padding: 0;
}
#calculator-wrapper .col-sm-9 .row .col-2:first-child {
    width: 16.5%;
	padding-left: 26px;
}
#calculator-wrapper .col-sm-9 .row .col-2:nth-child(2) {
    padding: 0;
    width: 15%;
}
#calculator-wrapper .col-sm-9 .row .col-2:nth-child(3) {
    padding-left: 14px;
    width: 16.5%;
}
#calculator-wrapper .col-sm-9 .row .col-2:nth-child(4) {
    padding-left: 17px;
    width: 15%;
}
#calculator-wrapper .col-sm-9 .row .col-2:nth-child(5) {
    padding-left: 21px;
    width: 18%;
}
#calculator-wrapper .col-sm-9 .row .col-2:nth-child(6) {
    padding-left: 27px;
    width: 18%;
}
#calculator-wrapper .col-sm-9 .row:not(:first-child) .col-2:not(:first-child) {
    padding: 4px 0 0 18px;
}
#calculator-wrapper .col-sm-9 .row:not(:first-child) .col-2:nth-child(2) {
    padding-left: 0 !important;
}
#calculator-wrapper .col-sm-9 .row:not(:first-child) .col-2:nth-child(5) {
    padding: 4px 0 0 31px;
}
#calculator-wrapper .col-sm-9 .row:not(:first-child) .col-2:not(:first-child) p {
    padding-top: 14px;
}
#calculator-wrapper .col-sm-9 .row:not(:first-child) .col-2:last-child p {
    line-height: 1em;
    margin: 5px 0 0;
    padding-bottom: 0;
    padding-left: 8px;
    padding-top: 0;
}
#calculator-wrapper .col-sm-9 .row:not(:first-child) .col-2:last-child p:nth-child(2) {
    margin-left: -10px;
    margin-top: 18px;
}

/* inbound table */
.idt-inbound-holder #calculator-wrapper .col-sm-9 .row .col-2:first-child {
    width: 23.5%;
}

.idt-inbound-holder #calculator-wrapper .col-sm-9 .row .col-2:nth-child(2) {
    width: 17.5%;
}

.idt-inbound-holder #calculator-wrapper .col-sm-9 .row .col-2:nth-child(3) {
    width: 19.5%;
}

.idt-inbound-holder #calculator-wrapper .col-sm-9 .row .col-2:nth-child(4) {
    width: 17%;
}

.idt-inbound-holder #calculator-wrapper .col-sm-9 .row .col-2:nth-child(5) {
    padding-left: 38px !important;
    width: 20%;
}


/* did table */
.idt-did-holder #calculator-wrapper .col-sm-9 .row .col-2:first-child {
    width: 28%;
}

.idt-did-holder #calculator-wrapper .col-sm-9 .row .col-2:nth-child(2) {
    width: 23%;
}

.idt-did-holder #calculator-wrapper .col-sm-9 .row .col-2:nth-child(3) {
    width: 23%;
}

.idt-did-holder #calculator-wrapper .col-sm-9 .row .col-2:nth-child(4) {
    width: 20%;
}

#root .container {
	max-width: 1320px;
}

@media (max-width: 1300px) {
	
	#calculator-wrapper .col-sm-3.align-right {
		margin-left: 0;
		margin-right: -40px;
	}  
	
	#root .container {
		max-width: 1200px;
	}
	
	#calculator-wrapper .form-floating > label {
		top: -66px;
	}
}

@media all and ( max-width: 1200px ) {
	
	#root .container {
		max-width: 1000px;
		width: 100%;
	}
	
	#root p.mt-n5 {
		padding-right: 30px;
	}
}

@media all and (max-width: 1024px) {
	
	#calculator-wrapper .col-sm-9 .row .col-2:first-child {
		width: 17%;
		padding-left: 15px;
	}
	
	#calculator-wrapper .col-sm-3.align-right .form-floating.mb-3 {
		margin-bottom: 20px !important;
	}
	
	#calculator-wrapper .form-floating > label {
		top: -70px;
	}
	
}

@media all and (max-width: 1000px) {
	
	#calculator-wrapper {
        flex-direction: column;
    }
	
	.col-sm-3.align-right {
		width: 100%;
	}
	
	#calculator-wrapper .col-sm-9 {
		padding: 20px 0px 0 20px !important;
		width: 90%;
	}

}


@media all and (max-width: 800px) {
	
	#calculator-wrapper .col-sm-9 {
		padding: 20px 0px 0 20px !important;
		width: 720px !important;
	}
	
	#calculator-wrapper .col-sm-9 .row {
		width: 720px !important;
	}
	
	div#calculator-wrapper {
    	overflow: hidden;
	}
	
	 #root .col-sm-9 {
		overflow: scroll;
	}
	
	.idt-inbound-holder #calculator-wrapper .col-sm-9 .row .col-2:first-child,
	.idt-did-holder #calculator-wrapper .col-sm-9 .row .col-2:first-child {
		width: 17%;
		padding-left: 30px;
	}
	
	

}


.minuteInputForm img,
.minuteInputForm .mt-n5{
	display: none;
}

/*


@media all and (max-width: 600px) {
	div#calculator-wrapper {
		width: 680px;
	}
	
	#calculator-wrapper .col-sm-9 .row .col-2:first-child {
		width: 17% !important;
	}
	
	#calculator-wrapper .col-sm-9 {
		width: 100%;
		overflow: visible;
	}
	
	#calculator-wrapper .col-sm-9 .row .col-2:nth-child(2) {
		width: 14% !important;
	}
	
	#calculator-wrapper .col-sm-9 .row .col-2:nth-child(3), #calculator-wrapper .col-sm-9 .row .col-2:nth-child(4) {
		width: 17% !important;
	}
	
}

@media all and (max-width: 480px) {

	
	#calculator-wrapper .col-sm-9 .row .col-2:first-child {
		width: 16.5% !important;
	}
	
	#calculator-wrapper .col-sm-9 .row .col-2:nth-child(5) {
		width: 17.5% !important;
	}
}





@media (max-width: 680px) {
    #calculator-wrapper .container {
        max-width: 580px;
    }
}
@media (max-width: 480px) {
    #calculator-wrapper .col-sm-9 .row {
        min-width: 600px;
    }
}

@media all and (max-width: 320px) {	
	#calculator-wrapper .col-sm-3 .form-floating>.form-control, .form-floating>.form-select {
		width: 260px !important;
	}
}


*/