*,
*:before,
*:after {
	box-sizing: border-box;
	/* IE8 and up, plus all others except the next two */
	-moz-box-sizing: border-box;
	/* Firefox still needs this */
	-webkit-box-sizing: border-box;
	/* iOS4 and below, Android 2.3 and below */
}

html,
body {
	font-family: Effra_regular, Arial, sans-serif;
	min-height: 100%;
	font-size: 16px;
	-webkit-print-color-adjust: exact;
}

.page-body {
	min-height: 600px;
	background: #ffffff;
}


.greenGradient {
	width: 100%;
	min-height: 1382px;
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(64, 136, 0, 1) 100%);
	margin-left: auto;
	margin-right: auto;
}

.modal-body {
	overflow: auto;
}

/************************
	Media queries
*************************/

@media print {
	a[href]:after {
		display: none;
	}

	* {
		-webkit-print-color-adjust: exact;
	}

	.page-break {
		display: block;
		page-break-before: always;
	}

	html,
	body {
		display: table;
		table-layout: fixed;
		padding-top: 0.5cm;
		padding-bottom: 0.5cm;
		height: auto;
		width: auto;
		margin-left: 2mm;
		margin-right: 2mm;
		-webkit-print-color-adjust: exact;
	}

	.resultsTable {

		padding: none !important;
		background: none !important;
		min-height: none !important;
	}

	.resultsTitle {
		background: none !important;
	}


	.table-print .blueBoxHeading {
		background: rgba(0, 113, 206, 0.2) !important;
	}

	.table-print .creamBoxHeading {
		background: rgba(244, 117, 33, 0.2) !important;
	}

	.table-print .pinkBoxHeading {
		background: rgba(235, 20, 141, 0.2) !important;
	}

	.table-print .greenBoxHeading {
		background: rgba(84, 165, 70, 0.2) !important;
	}

	.table-print .yellowBoxHeading {
		background: rgba(255, 194, 32, 0.2) !important;
	}

	.table-print .grayBoxHeading {
		background: #cecece !important;
	}

}

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

@media (min-width: 1200px) {
	.modal-lg {
		max-width: 80% !important;
		width: 80% !important;
		/* New width for large modal */
	}
}

@media (max-width: 1199px) {
	.modal-lg {
		max-width: 90% !important;
		width: 90% !important;
		/* New width for large modal */
	}
}

@media (max-width: 991px) {

	.greenGradient {
		width: 100%;
		min-height: 800px;
		background: rgb(255, 255, 255);
		background: linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(64, 136, 0, 1) 100%);
		margin-left: auto;
		margin-right: auto;
	}

	.amountInColorBoxes {
		font-size: 1.10rem !important;
	}


}

@media (max-width: 767px) {

	.greenGradient {
		width: 100%;
		min-height: 800px;
		background: rgb(255, 255, 255);
		background: linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(64, 136, 0, 1) 100%);
		margin-left: auto;
		margin-right: auto;
	}

	.amountInColorBoxes {
		font-size: 1.12rem !important;
	}

	.modal-lg {
		max-width: 90% !important;
		width: 90% !important;
		/* New width for large modal */
	}
}

@media (max-width: 500px) {
	.page-body {
		min-height: 500px;
		background: #ffffff;
	}

	.greenGradient {
		width: 100%;
		min-height: 800px;
		background: rgb(29, 21, 21);
		background: linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(64, 136, 0, 1) 100%);
		margin-left: auto;
		margin-right: auto;
	}

	.amountInColorBoxes {
		font-size: 1.1rem !important;
	}
}

/************************
	5-col Bootstrap
*************************/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 1px;
	padding-left: 1px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}


.grayBackgr {
	height: 173px;
	background: #f2f2f2;
	padding: 20px;
	color: #000000;
	font-family: "FidelitySans-Regular";
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}

.grayBackgr a {
	font-family: "FidelitySans-Regular";
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #000000;
}

.dividerFooter {

	height: 1px;
	background-color: #ccc;
	border: none;

}



#walmart_ {
	width: 186px;
	height: 66px;
	margin-bottom: 15px;
	vertical-align: middle;
}

.walmartLogo {
	margin-top: 0px;

}



.myContainer {
	width: 100%;


}

.scriptFont {
	font-family: 'SeaweedScript Regular';
	font-size: 1.5rem;
}

.orangeButton {
	width: 160px;
	height: 37px;
	border: solid 1px #de5e06;
	background: linear-gradient(180deg, #FB9914, #DE5E06);
	filter: blur(10px);
}

.btn-orange,
.btn-orange:hover,
.btn-orange:active,
.btn-orange:visited {

	color: #ffffff !important;

	width: 160px !important;
	height: 37px !important;
	border: solid 1px #de5e06 !important;
	background: linear-gradient(180deg, #FB9914, #DE5E06) !important;
	font-family: "FidelitySans-Regular" !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 20px !important;
	text-align: center !important;
}


.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: green !important;
}

.custom-checkbox .custom-control-input:checked:focus~.custom-control-label::before {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 255, 0, 0.25)
}

.custom-checkbox .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25)
}

.custom-checkbox .custom-control-input:active~.custom-control-label::before {
	background-color: #C8FFC8;
}

.container-body {
	padding: 40px;
}

.container-content {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 5px;

}


.pageHeadin {
	font-family: "FidelitySans-Bold";
	font-size: 36px;
	font-weight: 400;
	line-height: 56px;
}

.introCopy {
	color: #282828;
	font-family: "FidelitySans-Regular";
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.dateofSepa {
	color: #282828;
	font-family: "FidelitySans-Bold";
	font-size: 22px;
	font-weight: 400;
	line-height: 29px;
}

.separation-black-border {
	border: solid 1px #979797;
	background: #ffffff;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
	padding: 20px;
}

.blueInputBox {
	min-width: 100%;
	min-height: 350px;
	border: solid 3px #0071ce;
	background: rgba(0, 113, 206, 0.08);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
	padding: 20px;
}

.greenBoxPage23 {
	min-width: 100%;
	min-height: 100px;
	/* text-align: center; */
	color: #1d4616;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	border: solid 3px #065513;
	background: #dcfdd7;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
	padding: 20px;
}

.grayInputBox {
	min-width: 100%;
	min-height: 80px;
	border: solid 2px #Ff0000;
	background: #FEE6E6;
	color: #ff0000;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
	padding: 20px;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;

}

.blueWarningInputBox {
	min-width: 100%;
	min-height: 80px;
	border: solid 2px #311afa;
	background: #bac6fc;
	color: blue;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
	padding: 20px;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;

}

.greenInputBox {
	min-width: 100%;
	min-height: 350px;
	border: solid 3px #54a546;
	background: rgba(84, 165, 70, 0.12);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
	padding: 20px;

}

.inputsBoxCaptions {
	color: #282828;
	font-family: "FidelitySans-Bold";
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;

}

.width30 {
	width: 28%;
	;
}

.table thead th {
	/* border-bottom: none !important; */
}

.table td,
.table th {
	/* border-top: 0px solid #dee2e6 !important; */
}


.table {
	/* border-color: #ffffff !important; */
	/* border-collapse: collapse; */
	/* border: 1px double #000; */
}

tr:first-child td {
	border-top: none;
}

tr:last-child td {
	border-bottom: none;
}

.borderGray {
	border-top-style: solid !important;
	border-top-color: #cecece !important;
	border-top-width: 1px !important;
}

.w-30 {
	width: 30% !important;
}

.resultsHeading {
	font-family: "FidelitySans-Bold";
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
}

.textInColorBoxes {
	font-family: "FidelitySans-Bold";
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: center;
}

.amountInColorBoxes {
	font-family: "FidelitySans-Bold";
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 32px;
	text-align: center;
	margin-top: 20px;
}

.box-color-blue {
	height: 129px;
	border: solid 0.5px #0071ce;
	background: rgba(0, 113, 206, 0.2);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.box-color-cream {
	height: 129px;
	border: solid 0.5px #f47521;
	background: rgba(244, 117, 33, 0.2);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.box-color-pink {
	height: 129px;
	border: solid 0.5px #eb148d;
	background: rgba(235, 20, 141, 0.2);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.box-color-green {
	height: 129px;
	border: solid 0.5px #54a546;
	background: rgba(84, 165, 70, 0.2);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.box-color-yellow {
	height: 129px;
	border: solid 0.5px #ffc220;
	background: rgba(255, 194, 32, 0.2);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.resourcesContent {
	font-family: "FidelitySans-Bold";
	font-size: 24px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
}

.resourcesBox {
	min-height: 250px;
	text-align: center;
}

.resultsTable {
	padding: 20px;
	background: #f5f5f5;
	min-height: 300px;
	-webkit-print-color-adjust: exact;
}

.blueBoxHeading {
	background: rgba(0, 113, 206, 0.2) !important;
}

.creamBoxHeading {
	background: rgba(244, 117, 33, 0.2);
}

.pinkBoxHeading {
	background: rgba(235, 20, 141, 0.2);
}

.greenBoxHeading {
	background: rgba(84, 165, 70, 0.2);
}

.yellowBoxHeading {
	background: rgba(255, 194, 32, 0.2);
}

.grayBoxHeading {
	background: #cecece;
}

.borderAndBackgroundBlue {
	border-left: solid 3px #0071ce;
	border-right: solid 3px #0071ce;
	background: rgba(0, 113, 206, 0.2);
}

.borderAndBackgroundCream {
	border-left: solid 3px #f47521;
	border-right: solid 3px #f47521;
	background: rgba(244, 117, 33, 0.2);
}

.borderAndBackgroundPink {
	border-left: solid 3px #eb148d;
	border-right: solid 3px #eb148d;
	background: rgba(235, 20, 141, 0.2);
}

.borderAndBackgroundGreen {
	border-left: solid 4px #54a546;
	border-right: solid 4px #54a546;
	background: rgba(84, 165, 70, 0.2);
}

.borderAndBackgroundYellow {
	border-left: solid 3px #ffc220;
	border-right: solid 3px #ffc220;
	background: rgba(255, 194, 32, 0.2);
}

.blueBar {

	border: solid 1px #0071CE;
	background: #0071CE;
	height: 20px;
}

.creamBar {
	border: solid 1px #F47521;
	background: #F47521;
	height: 20px;
}

.pinkBar {
	border: solid 1px #EB148D;
	background: #EB148D;
	height: 20px;
}

.greenBar {
	border: solid 1px#54A546;
	background: #54A546;
	height: 20px;
}

.yellowBar {
	border: solid 1px #FFC220;
	background: #FFC220;
	height: 20px;
}

.boldBottomBorder {
	border-bottom: solid 3.5px #000000;

}

.myPointer {
	cursor: pointer;
}

.blueHeadBorder {
	border-top-width: 3px !important;
	border-top-color: #0071ce !important;
	border-left-color: #0071ce !important;
	border-left-width: 3px !important;
	border-right-color: #0071ce !important;
	border-right-width: 3px !important;
}

.blueColumnBorder {
	border-left-color: #0071ce !important;
	border-left-width: 3px !important;
	border-right-color: #0071ce !important;
	border-right-width: 3px !important;
}

.blueBottomBorder {
	border-bottom-width: 3px !important;
	border-bottom-color: #0071ce !important;
	border-bottom-style: solid !important;
	border-left-color: #0071ce !important;
	border-left-width: 3px !important;
	border-right-color: #0071ce !important;
	border-right-width: 3px !important;
}

/**************************/
.creamHeadBorder {
	border-top-width: 3px !important;
	border-top-color: #f47521 !important;
	border-left-color: #f47521 !important;
	border-left-width: 3px !important;
	border-right-color: #f47521 !important;
	border-right-width: 3px !important;
}

.creamColumnBorder {
	border-left-color: #f47521 !important;
	border-left-width: 3px !important;
	border-right-color: #f47521 !important;
	border-right-width: 3px !important;
}

.creamBottomBorder {
	border-bottom-width: 3px !important;
	border-bottom-color: #f47521 !important;
	border-bottom-style: solid !important;
	border-left-color: #f47521 !important;
	border-left-width: 3px !important;
	border-right-color: #f47521 !important;
	border-right-width: 3px !important;
}

/**************************/
.pinkHeadBorder {
	border-top-width: 3px !important;
	border-top-color: #eb148d !important;
	border-left-color: #eb148d !important;
	border-left-width: 3px !important;
	border-right-color: #eb148d !important;
	border-right-width: 3px !important;
}

.pinkColumnBorder {
	border-left-color: #eb148d !important;
	border-left-width: 3px !important;
	border-right-color: #eb148d !important;
	border-right-width: 3px !important;
}

.pinkBottomBorder {
	border-bottom-width: 3px !important;
	border-bottom-color: #eb148d !important;
	border-bottom-style: solid !important;
	border-left-color: #eb148d !important;
	border-left-width: 3px !important;
	border-right-color: #eb148d !important;
	border-right-width: 3px !important;
}

/**************************/
.greenHeadBorder {
	border-top-width: 3px !important;
	border-top-color: #54a546 !important;
	border-left-color: #54a546 !important;
	border-left-width: 3px !important;
	border-right-color: #54a546 !important;
	border-right-width: 3px !important;
}

.greenColumnBorder {
	border-left-color: #54a546 !important;
	border-left-width: 3px !important;
	border-right-color: #54a546 !important;
	border-right-width: 3px !important;
}

.greenBottomBorder {
	border-bottom-width: 3px !important;
	border-bottom-color: #54a546 !important;
	border-bottom-style: solid !important;
	border-left-color: #54a546 !important;
	border-left-width: 3px !important;
	border-right-color: #54a546 !important;
	border-right-width: 3px !important;
}

/**************************/
.yellowHeadBorder {
	border-top-width: 3px !important;
	border-top-color: #ffc220 !important;
	border-left-color: #ffc220 !important;
	border-left-width: 3px !important;
	border-right-color: #ffc220 !important;
	border-right-width: 3px !important;
}

.yellowColumnBorder {
	border-left-color: #ffc220 !important;
	border-left-width: 3px !important;
	border-right-color: #ffc220 !important;
	border-right-width: 3px !important;
}

.yellowBottomBorder {
	border-bottom-width: 3px !important;
	border-bottom-color: #ffc220 !important;
	border-bottom-style: solid !important;
	border-left-color: #ffc220 !important;
	border-left-width: 3px !important;
	border-right-color: #ffc220 !important;
	border-right-width: 3px !important;
}

.showBorderRight {
	border-right: 1px solid #dee2e6;
}

.showBorderLeft {
	border-left: 1px solid #dee2e6;
}

.resultsTitle {
	margin-bottom: 10px;
	min-height: 100px;
	-webkit-print-color-adjust: exact;
	padding: 20px;
	background: rgb(245, 245, 245)
}

.yearSeparation {
	background-color: #dcfdd7;
}

.tickBorderColorBox {
	border-width: 3px !important;
}