@import url(https://www.communityamerica.com/site/css/cacu_calcxml_498.css);

@font-face {
   font-family: 'Gotham Bold';
   src: url('../../fonts/Gotham Bold.woff') format('woff');
}

@font-face {
   font-family: 'Gotham Narrow';
   src: url('../../fonts/GothamNarrow-Black.woff') format('woff');
}

@font-face {
   font-family: 'Gotham Medium';
   src: url('../../fonts/Gotham Medium.woff') format('woff');
}

@font-face {
   font-family: 'Gotham Book';
   src: url('../../fonts/Gotham Book.woff') format('woff');
}

.disclaimer{
	font-size:8pt;
}

.cus65validRange{
	font-weight: 100;
	margin-bottom: 20px;
}

.pure-form-aligned .pure-control-group {
    margin-bottom: 2.5em;
}

.cus65boldHeader{
	font-weight: 700;
	font-size: 14px;
}

.cus65 legend, .cus65 .calcTitle,.cus65 .calcDescription,.cus65 .disclaimer{
	display: none;
}

.cus65 .noUi-target {
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 30px;
}

.cus65 .containerRange {
    display: inline-flex;
}

.noUi-handle {
    border: 0px solid #cccccc !important;
    background-color: #fff; /* For Safari 5.1 to 6.0 */
    background-image: url(../../images/498/slider.svg) !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    box-shadow: unset !important;
    top: -16px !important;
}

/*480px*/
@media only screen and (max-width:480px) {
	
	.noUi-horizontal .noUi-handle {
	    width: 50px !important;
	    height: 50px !important;
	    top: -21px !important;
	}

	.cus65 .containerRange {
	    display: unset !important;
	}
	
	.cus65 input {
		margin: auto;
		margin-top: 40px !important;
		width: 60%;
		display: block !important;
	}
	
	.cus65 .noUi-target {
		width: 89%;
		margin-top: 20px;
		margin-left: 25px;
		margin-right: 30px;
	}
	
	.cus65 .pure-button {
		width: 100%;
	}
	
	.cus65validRange {
	    margin-bottom: 0px;
	}
	
	.number3Range {
		margin-bottom: 20px !important;
	}
	
	input[type="text"] {
	    float: unset !important;
	    clear: unset !important;
	}
	
	/* Supress pointer events */
	.noUi-base { pointer-events: none; }
	/* Enable pointer events for slider handle only */
	.noUi-handle { pointer-events: auto; }
}

.cus65 input {
	margin-top: 4px;
	font-family: 'Gotham Medium', Helvetica, sans-serif;
	color: #000;
	font-size: 20px;
}

#blueBoxTotal{
	font-size: 100px;
	font-family: 'Gotham Narrow', Helvetica, sans-serif;
	height: 60px;
	margin-top: 50px;
}

#blueBoxTitle {
	font-family: 'Gotham Bold', Helvetica, sans-serif;
}

#topBlueBox{
	padding-top: 40px;
	font-size: 20px;
	padding-bottom: 20px;
	background-color: #00538D;
	color: #fff;
	margin-bottom: 40px;
	/*
	position: fixed;
	width: 100%;
	z-index: 999999;
	*/
}

#topSection {
	position: fixed;
	width: 100%;
	z-index: 999999;
	visibility: hidden;
}

#messageBox{
	padding: 20px;
	background-color: #FBC6CB;
	margin-bottom: 40px;
	font-family: 'Gotham Bold', Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	/*margin-top: 240px;*/
}

.cus65 .pure-form input[type="color"], .cus65 .pure-form input[type="date"], .cus65 .pure-form input[type="datetime-local"], .cus65 .pure-form input[type="datetime"], .cus65 .pure-form input[type="email"], .cus65 .pure-form input[type="month"], .cus65 .pure-form input[type="number"], .cus65 .pure-form input[type="password"], .pure-form input[type="search"], .cus65 .pure-form input[type="tel"], .cus65 .pure-form input[type="text"], .cus65 .pure-form input[type="time"], .cus65 .pure-form input[type="url"], .cus65 .pure-form input[type="week"], .cus65 .pure-form select, .cus65 .pure-form textarea {
    box-shadow: inset 0 0px 0px #ddd;
    border-radius: 0px;
    background-color: #B1DBE7;
    border: 1px solid #B1DBE7 !important;
    text-align: center;
}

.noUi-connect {
    background: #B1DBE7 !important;
    box-shadow: unset !important;
    -webkit-transition: background 450ms;
    transition: background 450ms;
    border-radius: 0px !important;

}

.noUi-target {
    border-radius: 0px !important;
    border: 0px solid #D3D3D3 !important;
    box-shadow: unset !important;
}

.cus65 .pure-form-aligned .pure-control-group {
    border-top: 1px #CCCCCC solid;
    padding-top: 25px;
    margin-bottom: 35px !important;
}

.cus65 .btnLine {
    border-top: 1px #CCCCCC solid;
    padding-top: 25px;
}

.cus65 .pure-form-aligned .pure-control-group label {
    width: 100% !important;
}

.cus65 .cus65boldHeader {
	font-size: 20px !important;
	color: #00538D !important;
	margin-bottom: 15px;
	font-family: 'Gotham Bold', Helvetica, sans-serif;
}

.cus65 .cus65validRange, .cus65 .yesNoQuestion{
	font-size: 16px !important;
	font-family: 'Gotham Book', Helvetica, sans-serif;
}

.cus65 .yesNoQuestion {
	font-family: 'Gotham Book', Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 15px;
}

.cus65 .yesNo {
	font-family: 'Gotham Medium', Helvetica, sans-serif;
	font-size: 20px !important;
}

.cus65 input[type="checkbox"] {
    display:none !important;
}

.cus65 input[type="checkbox"] + label {
    font-family: 'Gotham Book', Helvetica, sans-serif;
}

.cus65 input[type="checkbox"] + label span {
    display:inline-block;
    width:35px;
    height:36px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('../../images/498/Unchecked_Box.svg') left top no-repeat;
    cursor:pointer;
}

.cus65 input[type="checkbox"]:checked + label span {
    background:url('../../images/498/Checked_Box.svg') left top no-repeat;
}

.cus65 .yesNo {
    display: flex;
    width: 250px;
}

.cus65 .checkboxSpan {
	margin-right: 20px !important;
}

/*
@media screen and (min-width: 480px) {
  .cus65 .pure-checkbox{
			margin-left: -12px !important;
	}
}
*/


.pure-button, .resetbtn, .editbtn {
    border-color: #007E00 !important;
    font-size: 16px !important;
	font-family: 'Gotham Bold', Helvetica, sans-serif !important;
}

.cus65 #topSpacer {
	margin-top: 260px;
}

html {
	overflow-x: hidden;
	overflow-y: hidden
}