
#content h3.accordion {background-color: #EEE;line-height:48px;padding:0 16px;font-size:1.25rem;text-transform:none;cursor:pointer;margin-bottom:0px;margin-top:16px;position:relative;padding-right:32px;}
#content h3.accordion.active, #content h3.accordion:hover {background-color: #ddd;}

h3.accordion:after {content:"\02B";font-size: 1.5rem;line-height:1;color: #777;position:absolute;top:10px;right:12px;}
h3.accordion.active:after {content: "\02212";}
h3.accordion + div.panel{display:none;}



h3.accordion + div.panel{border:#ddd solid 1px;text-align:center;padding:32px 16px;}
.calculator-box-top{/*padding:0 16px;*/}
.calculator-box{background-color:#f2f2f2;border:1px solid #ddd;padding:32px;}
#content .calculator-box h4 {    text-align: center;font-size: 1.5rem;text-transform: uppercase;}
.table-box + h4{margin-top:32px;}
.table-box {width: 100%;text-align:center;}
.tbl-row {display:block;display:table;text-align:center;margin:0px auto 16px auto;}
h4.tco-results{margin-bottom:0px;}
/* .tbl-row:after{content:'';display:block;clear:both;margin-bottom:16px;} */

p.rate-description{margin: 0px!important;font-size:1rem;text-align:left;width:340px;padding-right:20px;display:table-cell;vertical-align:middle;text-align:left;}
span.rate-box{vertical-align:middle;display:table-cell;text-align:left;width:158px;}



span.rate-box input[type="text"] {font-size: 1rem;font-family:Montserrat, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";text-align: center;appearance:none;border:2px Solid #009DDB;background-color:#fff;height:42px;width:100px;color:#2d2d2d;}
span.rate-symbol-percent {text-align:left;margin-left:4px;width: 24px;display:inline-block;}
span.rate-symbol-dollar {text-align:right;margin-right:4px;width: 24px;display:inline-block;}

.table-calc{margin-top:32px;margin-bottom:32px;    text-align: center;}
.table-calc .rate-description{display:none;}
.calculate-btn{display: inline-block;text-decoration: none;font-weight: bold;text-transform: uppercase;font-size: 1rem;padding: 15px 75px;border: 3px Solid #13958d;background-color: #009DDB;color: #fff;line-height: 1;cursor:pointer;transition: all .25s ease-in-out;}
.calculate-btn:hover{background-color: #fff;color: #009DDB;}


.rate-box-full-width input{
font-size: 1rem;font-family:Montserrat, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";text-align: center;appearance:none;border:2px Solid #009DDB;background-color:#fff;height:42px;width:100%;min-width:400px;color:#2d2d2d;
}


.rate-box-full-width textarea{
appearance:none;font-size: 1rem;font-family:Montserrat, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";text-align: center;border:2px Solid #009DDB;background-color:#fff;padding-top:9px;height:42px;width:100%;min-width:400px;color:#2d2d2d;    line-height: normal;
}



span.rate-box.radio{width:100px;}
span.radio-btn{display:block;width:100px;border:2px Solid #ddd;margin-bottom:4px;}

span.radio-btn input[type=radio]{height:16px;width:16px;text-align:center;display:inline-block;margin:4px;margin-right:0px;cursor:pointer;}
span.radio-btn input[type=radio] + label{width:76px;text-align:center;display:inline-block;cursor:pointer;}


#content p.small-title-txt{font-weight:bold;font-size:1.125rem;text-align:left;}



p.rate-description.large{margin: 0px!important;font-size:1rem;text-align:center;width:100%;padding-right:0px;display:block;}
span.rate-box.large{display:block;text-align:center;width:100%;max-width:300px;margin-top:8px;}
span.rate-box.large input[type="text"]{width:100%;}


@media screen and (max-width: 700px){
	.tbl-row{margin:0 0 16px 0;width:100%;}
	.tbl-row:after{content:'';display:block;clear:both;}
	p.rate-description{width:float:left;text-align:left;}
	span.rate-box{float:right;}
	.container.bordertop{padding:0px;padding-top:32px;}
	.calculator-box-top{padding:0px;}
	.calculator-box h4{font-size:1.125rem;}
	h3.accordion + div.panel{padding:16px 0 0 0;}
	.calculator-box{border-right:none;border-left:none;border-bottom:none;}
	.rate-box-full-width input,.rate-box-full-width textarea{min-width:auto;}
	.panel_padding > p{padding:0 16px;}
	span.rate-box.large{float:none;margin:0px auto;}
	span.rate-box.radio{width:130px;}

}
@media screen and (max-width: 600px){
	#content h3.accordion{font-size:1.125rem;line-height:1.25;padding:12px 16px;padding-right:32px;}
}

@media screen and (max-width: 500px){
	#content p.rate-description{font-size:0.875rem;}
	
	#content .panel_padding > p{font-size:0.875rem;padding:0 16px;}
	span.rate-box {width:120px;}
	span.rate-box input[type="text"]{font-size:0.875rem;width:80px;}
	span.rate-symbol-dollar {width:16px;}
	span.rate-symbol-percent {width:16px;}
	p.rate-description{width: calc(100% - 116px);}
	span.radio-btn input[type=radio] + label{margin-left:6px;width:auto;}
	span.radio-btn{width:80px;}
	span.rate-box.large input[type="text"]{width:100%;}
	span.rate-box.radio{width:100px;}
}







@media screen and (max-width: 420px){
	.rate-box-full-width textarea{min-width:auto;height:64px;padding-top:10px;}
}


@media screen and (max-width: 400px){
	#content p.rate-description{font-size:0.875rem;}
	.calculate-btn{padding:15px 0;width:100%;}
	p.rate-description{padding-right:0px;}
	
	/**/
	#content p.rate-description{display:block;float:none;width:100%;}
	#content .table-calc p.rate-description{display:none;}
	span.rate-box{display:block;float:none;text-align:left;margin-top:4px;width:auto;}
	span.rate-box input[type="text"]{font-size:0.875rem;width:100px;}
}



@media screen and (max-width: 400px){
	span.rate-box{width:140px;margin:0px auto;}
	span.rate-box.radio{width:75px;margin:0px auto;}
	span.rate-symbol-percent.radio{display:none;}
	span.rate-symbol-dollar.radio{display:none;}
	#content p.rate-description{text-align:center;}
	#content p.small-title-txt{text-align:center;}
}

.dm-calculator-page .ctafooter {
    background-color: #f2f2f2;
}
.dm-calculator-page .panel {
    text-align: left;
}
body.teal #content .accordion-trigger {
    background: #13958d;
}
