/* BUTTON START */
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary,
	.button[disabled].secondary {
	background-color: #DB3328;
	border-color: none;
	color: #FFFFFF;
	cursor: default;
	opacity: 0.7;
	box-shadow: none;
}

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover,
	button[disabled].secondary:focus, .button.disabled.secondary:hover,
	.button.disabled.secondary:focus, .button[disabled].secondary:hover,
	.button[disabled].secondary:focus {
	background-color: #DB3328;
	color: #FFFFFF;
}

button.secondary, button.secondary, .button.secondary, .button.secondary
	{
	background-color: #DB3328;
	border-color: none;
	color: #FFFFFF;
	opacity: 1;
	box-shadow: none;
}

button.secondary:hover, button.secondary:focus, button.secondary:hover,
	button.secondary:focus, .button.secondary:hover, .button.secondary:focus,
	.button.secondary:hover, .button.secondary:focus {
	background-color: #b2271e;
	color: #FFFFFF;
}

.column.small-centered, .columns.small-centered {
	display: inline-block;
}

.cta-button .small.button.secondary:nth-of-type(2) {
	background-color: #0065BD;
	border: 1px solid #0065bd;
}

.cta-button .small.button.secondary:nth-of-type(2):hover, .cta-button .small.button.secondary:nth-of-type(2):Focus
	{
	background-color: #FFFFFF;
	border: 1px solid #0065bd;
	color: #0065bd;
	text-decoration: none;
}

.signUpBtnSmall {
	background-image: linear-gradient(rgb(0, 77, 144), rgb(0, 68, 128) 60%,
		rgb(0, 54, 102));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#004d90, endColorstr=#003666);
	width: 49%;
	font-size: 0.85em;
	font-weight: 500;
	box-shadow: 2px 2px 4px #666;
}

@media only screen and (max-width: 40em) {
	.btnSmallBlackRound {
		background-image: linear-gradient(rgb(0, 0, 0), rgb(20, 20, 20) 60%,
			rgb(40, 40, 40));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
			startColorstr=#000000, endColorstr=#282828);
		font-size: 0.65em;
		box-shadow: 2px 2px 4px #666;
	}
	.btnSmallBlueRound {
		/*background-image: linear-gradient(rgb(0,0,0), rgb(20,20,20) 60%, rgb(40,40,40));*/
		background-color: #0066ff;
		font-size: 0.65em;
		box-shadow: 2px 2px 4px #666;
	}
	#back {
		position: absolute !important;
		bottom: 8.000em !important;
		width: 40%;
		margin-left: 4%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	#back2 {
		position: absolute !important;
		bottom: 11.250em !important;
		width: 40%;
		margin-left: 4%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	#backAd {
		position: absolute !important;
		bottom: 8.000em !important;
		width: 40%;
		margin-left: 4%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	#backSpace {
		height: 6.000em;
	}
	#backFindSites {
		height: 2.500em;
	}
	#backMapSpace {
		height: 16.500em;
	}
	#map {
		position: absolute !important;
		bottom: 11.250em !important;
		width: 40%;
		margin-left: 4%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	#mapAd {
		position: absolute !important;
		bottom: 11.250em !important;
		width: 40%;
		margin-left: 4%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	#list {
		position: absolute !important;
		bottom: 14.600em !important;
		width: 40%;
		margin-left: 4%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	#date2 {
		position: absolute !important;
		bottom: 8.000em !important;
		margin-left: 4%;
		margin-bottom: 0;
		z-index: 3;
		left: 0;
	}
}

.btnSmallBlackRect, .btnSmallBlackRect[disabled] {
	background: #0065BD;
	border: 1px solid #0065BD;
	color: #FFFFFF;
	background-image: none;
}

.btnSmallBlackRect[disabled]:hover, .btnSmallBlackRect[disabled]:focus {
	background: #0065BD !important;
}

btnSmallBlackRect:hover, btnSmallBlackRect:focus, .btnSmallBlackRect:hover,
	.btnSmallBlackRect:focus {
	background-color: #FFFFFF !important;
	border: 1px solid #0065bd !important;
	color: #0065bd !important;
	text-decoration: none !important;
}

@media only screen and (max-width: 40em) {
	.btnSmallBlackRound {
		background: #0065BD;
		color: #FFFFFF;
	}
	.btnSmallBlackRound:Hover, .btnSmallBlackRound:Focus {
		background-color: #FFFFFF;
		color: #0065BD;
	}
	.button[disabled], .button:Hover[disabled], .button:focus[disabled] {
		background-color: #0065BD;
	}
	.alphaTransparent {
		background: #0065BD;
		color: #FFFFFF;
		opacity: 1;
	}
	.alphaTransparent:Hover, .alphaTransparent:Focus {
		background-color: #FFFFFF;
		color: #0065BD;
		opacity: 1;
	}
}

.btnSmallRed100, .btnSmallRed100[disabled], .btnSmallRed100[disabled]:hover,
	.btnSmallRed100[disabled]:Focus {
	background-image: none;
	background-color: #DB3328;
	border-color: none;
	color: #FFFFFF;
	box-shadow: none;
	width: 100%;
}

.btnSmallRed100:Hover, .btnSmallRed100:Focus {
	background-color: #b2271e;
}

.btnSmallMyApp100, .btnSmallMyApp100[disabled], .btnSmallMyApp100[disabled]:hover,
	.btnSmallMyApp100[disabled]:Focus {
	background-image: none;
	background-color: #DB3328;
	border-color: none;
	color: #FFFFFF;
	box-shadow: none;
	width: 100%;
}

.btnSmallMyApp100:Hover, .btnSmallMyApp100:Focus {
	background-color: #b2271e;
}

.btnSmallBlue100, .btnSmallBlue100[disabled], .btnSmallBlue100[disabled]:hover,
	.btnSmallBlue100[disabled]:Focus {
	background-image: none;
	background-color: #0065bd;
	border-color: none;
	color: #FFFFFF;
	box-shadow: none;
	width: 100%;
}

.btnSmallBlue100:Hover, .btnSmallBlue100:Focus {
	background-color: #004d90;
}

.btnSmallGray100, .btnSmallGray100[disabled], .btnSmallGray100[disabled]:hover,
	.btnSmallGray100[disabled]:Focus {
	background-image: none;
	background-color: #646464;
	border-color: none;
	color: #FFFFFF;
	box-shadow: none;
	width: 100%;
}

.btnSmallGray100:Hover, .btnSmallGray100:Focus {
	background-color: #b3b3b3;
}

.signInBtnSmall, .btnSmallBlack100 {
	background-color: #DB3328;
	background-image: none;
	border: 1px solid #DB3328;
}

.signInBtnSmall:hover, .signInBtnSmall:focus, .btnSmallBlack100:Hover,
	.btnSmallBlack100:Focus {
	background-color: #b2271e;
	background-image: none;
}

.signUpBtnSmall {
	background-color: #0065BD;
	background-image: none;
}

.signUpBtnSmall:hover, .signUpBtnSmall:focus {
	background-color: #FFFFFF;
	border: 1px solid #0065bd;
	color: #0065bd;
	text-decoration: none;
}

.gamaWhiteList {
	min-height: 6.85em;
	height: min-content;
}

.signUpSubmit.disabled, .signUpSubmit[disabled] {
	background-image: none;
	background-color: #DB3328;
	border-color: none;
	color: #FFFFFF;
	cursor: default;
	opacity: 0.7;
	box-shadow: none;
}

.signUpSubmit.disabled:hover, .signUpSubmit[disabled]:hover,
	.signUpSubmit.disabled:focus, .signUpSubmit[disabled]:focus {
	background-image: none;
	background-color: #DB3328;
	color: #FFFFFF;
}

.signUpSubmit {
	background-image: none;
	background-color: #DB3328;
	border-color: none;
	color: #FFFFFF;
	opacity: 1;
	box-shadow: none;
}

.signUpSubmit:hover, .signUpSubmit:focus {
	background-image: none;
	background-color: #b2271e;
	color: #FFFFFF;
}

/* BUTTON END */

/* REVAL MODAL START */
.reveal-modal .button.success {
	background-color: #DB3328;
	border-color: none;
	color: #FFFFFF;
}

.reveal-modal .button.success:hover, .reveal-modal .button.success:focus
	{
	background-color: #b2271e;
	border-color: none;
	color: #FFFFFF;
}

.reveal-modal .button.secondary, .secondary.button.fpPasswordHintButton,
	.button.secondary.drlCancelButton {
	background: #0065BD;
	border: 1px solid #0065BD;
	color: #FFFFFF;
	background-image: none;
}

.reveal-modal .button.secondary:focus, .reveal-modal .button.secondary:Hover,
	.secondary.button.fpPasswordHintButton:focus, .secondary.button.fpPasswordHintButton:Hover,
	.button.secondary.drlCancelButton:Hover, .button.secondary.drlCancelButton:Focus
	{
	background-color: #FFFFFF;
	border: 1px solid #0065bd;
	color: #0065bd;
	text-decoration: none;
}

.row.delta a {
	text-decoration: underline
}

/* REVAL MODAL END */

/* TIME START */
.timeEmptyLines {
	height: 7.5em;
}

.timeEmptyLinesNoMap {
	height: 4.5em;
}

.timeEmptyLinesDirect {
	height: 8.5em;
}

.timeContainer {
	padding: 1.35em;
	padding-top: 1em;
	margin: 0;
	margin-top: -1.8295em;
	width: 107%;
	margin-left: -3.5%;
	/*background-color:  #000066;*/
	background-color:  white;
}

.timeContainerHead {	
	background-image: linear-gradient(rgb(242, 242, 242), rgb(230, 230, 230) 60%, rgb(204, 204, 204));
	margin: 0;
	margin-top: 0.515em;
	margin-bottom: 0.775em;
	width: 110%;
	left: -4%;
	background-color: white;	
	text-align: center;
	padding: 0.275em;
}

/* TIME END */

/* AVAILABE DRIVE START */
.drivesEmptyLines {
	height: 11.25em;
}

.drivesEmptyLinesNoMap {
	height: 7.85em;
}

/* AVAILABE DRIVE END */

/* PLACEHOLDER START */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #575757;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #575757;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #575757;
}

/* PLACEHOLDER END */

/* NAVIGATION START */
.mob-menu-top {
	background: #004d90;
}

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
	border-radius: 3px;
	font-weight: normal;
	background: #007AA3;
	padding: 0.1875em 1em;
	cursor: default;
	color: white;
}

.navbar {
	background: none;
	background-image: url('../../img/common/bg.header.png');
	border: none;
	background-size: cover;
	padding-bottom: 25px;
}

.navbar-nav .dropdown {
	background-color: transparent;
}

.navbar-nav>li>a {
	border: none
}

.navbar-default .navbar-nav>li>a {
	text-shadow: none;
	background: none;
	color: #fff;
	background-color: #004d90
}

.navbar-header {
	display: none
}

.navbar-collapse {
	padding-left: 0px;
}

.dropdown-menu {
	background-color: #004d90;
	border: none
}

.dropdown-menu>li>a {
	text-shadow: none;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

.dropdown-menu>li>a:hover {
	background-color: #0065bd;
}

.tab-bar {
	background-color: #FFF;
	border-bottom: 2px solid #004d90;
}

.tab-bar .menu-icon {
	text-indent: 2.1875em;
	width: 2.8125em;
	height: 2.8125em;
	display: block;
	line-height: 2.0625em;
	padding: 0;
	color: white;
	position: relative;
	-ms-transform: translate(0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.tab-bar .menu-icon span {
	position: absolute;
	display: block;
	height: 0;
	width: 1em;
	line-height: 1;
	top: 0.9375em;
	left: 0.90625em;
	box-shadow: 0 0px 0 1px #004d90, 0 7px 0 1px #004d90, 0 14px 0 1px
		#004d90;
}

.tab-bar .menu-icon:hover span {
	box-shadow: 0 0px 0 1px #0065bd, 0 7px 0 1px #0065bd, 0 14px 0 1px
		#0065bd;
}

.left-off-canvas-toggle.menu-icon {
	background-color: #FFF;
	border-bottom: 2px solid #004d90;
}

.left-off-canvas-menu {
	background-color: #004d90;
}

ul.off-canvas-list li label {
	background-color: #db3328;
	color: #FFF;
	border-color: #004d90;
}

ul.off-canvas-list li a {
	color: #FFF;
	border-color: #004d90;
}

ul.off-canvas-list li a:hover {
	background-color: #0065bd;
}
/* NAVIGATION END */

/* TABLES START */
.tableCustom {
	border-style: solid;
	border-width: 1px;
	border-color: #d9d9d9;
	text-align: center;
	width: 100%;
}

.tableCustom tr td {
	border-style: solid;
	border-width: 1px;
	border-color: #d9d9d9;
	text-align: center;
	min-height: 2.35em;
}

.tableCustom tr:hover {
	background-color: #DDE9E7;
}

.caption th {
	font-weight: normal;
	text-align: center;
	border: 1px solid #909090;
	color: #eeeeee;
	font-size: 14px;
	background: #0065bd;
}

/* TABLES END */

.divSmallMap {
	margin-top: -2.215em;
	margin-right: 0.265em;
	float: right;
	z-index: 100;
	color: #0065bd;
}

/* Available Drives definitions */

@media only screen and (min-width: 40.063em) {
	#backDg {
		position: absolute;
		bottom: 10%;
		width: 10%;
		margin-left: 10%;
		z-index: 1;
		left: 0;
	}
	#mapDg {
		position: absolute;
		bottom: 10%;
		width: 10%;
		margin-left: 10%;
		z-index: 1;
		left: 0;
	}
}

@media only screen and (max-width: 40em) {
	#backDg {
		position: absolute;
		bottom: 21.6em;
		width: 40%;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
		
	}
	#backDgNoMap {
		position: absolute;
		bottom: 18.3em;
		width: 40%;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;	
	}
	#mapDg {
		position: absolute;
		bottom: 18.3em;
		width: 40%;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}	
	#dateDg {
		/* CUSTOMISATION START */
		/* position: absolute; */
		/* bottom: 14.4em; */
		/* CUSTOMISATION END */
		margin-left: 0;
		margin-bottom: 0;
		z-index: 2;
		left: 0;
	}
}

/* Available Drives definitions end */

/* Appointment Review definitions */

@media only screen and (min-width: 40.063em) {
	#backArg {
		display: none;
	}
}

@media only screen and (max-width: 40em) {
	#backArg {
		position: absolute;
		bottom: 14.4em;
		width: 40%;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}	
}

/* Appointment Review definitions end */

/* Make Appointment definitions */
 
@media only screen and (max-width: 40em) {
	#backMa {
		position: absolute;
		bottom: 14.4em;
		width: 40%;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}	
	
	#endLineMa {
		height: 2.2em !important;
	}
}

/* Make Appointment definitions end */

/* Available Time slots definitions */

@media only screen and (min-width: 40.063em) {
	#backAtg {
		display: none;
	}
	
	#backAtg_2 {
		display: none;
	}
	
	#goDateAtg_2 {
		display: none;
	}
		
	#goDateAtg_2_freeEntry{
		display: none;
	}
	
	#mapAtg {
		display: none;
	}
	
	#listAtg {
		display: none;
	}
	
	#dateAtg {		
		display: none;
	}
}

@media only screen and (max-width: 40em) {
	#backAtg {
		position: absolute;
		bottom: 14.4em;
		width: 40%;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	
	#backAtg_2 {
		position: absolute;
		bottom: 21.6em;
		width: 40%;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	
	#goDateAtg_2 {
		position: absolute;
		bottom: 18.3em;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
		border: 1px solid gray;
		min-width: 15em;
		background-color: white;
	}
	
	#goDateAtg_2_freeEntry {
		position: absolute;
		bottom: 18.3em;
		margin-left: 0;
		z-index: 2;
		left: 0;
		min-width: 15em;
		background-color: white;
	}
	
	#mapAtg {
		position: absolute;
		bottom: 17.6em;
		width: 40%;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	#listAtg {
		position: absolute;
		bottom: 20.8em;
		width: 40%;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	
	#dateAtg {		
		position: absolute;
		bottom: 14.4em;
		margin-left: 0;
		margin-bottom: 0;
		z-index: 2;
		left: 0;
	}

}

/* Available Time slots definitions end */

/* Error page(s) style */
.errorPage {
	height: 100%;
	text-align: center;
	background-color: white;
}

.errorPage div {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.errorPage table#wrapperTable {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: midle;
}

.errorPage table#contentTable {
	margin: auto;
	text-align: center;
	vertical-align: midle;
	border-color: #db3328;
	border-style: double;
	border-spacing: 4px;
	background-color: white;
}

.errorPage td#contentCell {
	padding: 10px;
	text-align: left;
	color: black;
	font-family: arial, verdana;
	font-size: small;
}

.errorPage h4 {
	font-size: +3;
}

/* Error page(s) style end */

/*tabs*/
.tabs, .tabs a {
    box-shadow: none !important;
}
.tabs a {
    padding:0.65em 0.7em !important;
    margin-top:0.1em;
    color: #666 !important;
    border:0 !important;
}
.tabs a:hover {
    background-color: #db3328 !important;
    color:#fff !important;
}
.tabs .active a, .tabs .active a:hover {
    padding:0.7em !important;
    margin:0;
    background-color: #db3328 !important;
    color: #FFF !important;
}

.tableDonorData {
    margin-left:0 !important;
    width:100% !important;
}
.tabs-content > .content {
    padding:0 !important;
}
.tabs-content div.content > br {
    display:none;
    height:0;
}

.donorDataSmallTabDD {
	background-image: none;
	background-color: #8c8c8c !important;
	width: 100%;
	font-size: 0.85em;
	font-weight: 500;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 1.25em;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-top: 0.285em !important;
	padding-bottom: 0.885em !important;
	background-color: #8c8c8c !important;
}

.donorDataSmallTabActive {
	background-image: none;
	background-color: #db3328 !important;
}

/*tabs end*/

/*donor-data css start*/
@media only screen and (max-width: 40em) {
	.donor-data-dirty-flag {
		vertical-align: middle;
		display: none;
		line-height: 27px;
		height: 15px;
		color: white;
		font-size: 30px;
	}
	.donor-data-bottom-label {
		margin-top: 0.2375em;
		margin-left: 0;
		font-size: 17px;
		display: none;
	}
	.donor-data-bottom-label label {
		color: #db3328;
	}
}

@media ( min-width : 40.063em) {
	.donor-data-dirty-flag {
		vertical-align: middle;
		display: none;
		line-height: 20px;
		height: 15px;
		color: white;
	}
	.donor-data-bottom-label {
		margin-top: -0.9375em;
		margin-left: 0;
		width: 100% !important;
		margin-left: 0;
		font-size: 15px;
		display: none;
	}
	.donor-data-bottom-label label {
		color: #db3328;
	}
}

@media only screen and (min-width: 40.063em) {
	.btnPrintResults {
		background-image: none;
		background: #DB3328;
		color: #FFFFFF;
		border-color: none;
		border: none;
		background: #DB3328;
	}
	.btnPrintResults:Hover, .btnPrintResults:Focus {
		background-color: #b2271e;
	}
}

@media only screen and (max-width: 40em) {
	.btnPrintResults {
		background-image: none;
		border: none;
		background-color: #DB3328;
		border-color: none;
		color: #FFFFFF;
		font-size: 14px;
		background: #DB3328;
	}
	.btnPrintResults:Hover, .btnPrintResults:Focus {
		background-color: #b2271e;
	}
}

/*donor-data css end*/

.mbsc-ios .mbsc-cal-hl-now .mbsc-cal-today {
	color: #0065bd
}

.mbsc-ios .mbsc-cal-btn-txt {
	color: #0065bd;
	font-size: 1.352941em;
	line-height: 40px
}

.mbsc-ios.mbsc-no-touch .mbsc-cal-day.mbsc-cal-day-v:hover .mbsc-cal-day-fg,
	.mbsc-ios .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-fg {
	border: 1px solid #0065bd;
	background: #0065bd;
	color: #fff
}

.mbsc-ios .mbsc-cal-day-hl .mbsc-cal-day-fg {
	border: 1px solid #0065bd;
	background: none;
	color: #000
}

.mbsc-ios .mbsc-cal-tab .mbsc-cal-tab-i {
	padding: 0 .714285em;
	color: #0065bd
}

.mbsc-ios .mbsc-cal-tabs .mbsc-cal-tab-sel {
	background: #0065bd
}

.mbsc-ios .mbsc-color-active, .mbsc-ios.mbsc-no-touch .mbsc-color-item-c:hover
	{
	border-radius: 3em;
	box-shadow: inset 0 0 0 .1875em #0065bd
}

.mbsc-ios .mbsc-range-btn-sel .mbsc-range-btn .mbsc-range-btn-v {
	color: #0065bd
}

.mbsc-ios.mbsc-range .mbsc-cal-table .mbsc-cal-day-hl .mbsc-cal-day-i .mbsc-cal-day-fg
	{
	background: #0065bd;
	color: #fff
}

.mbsc-ios .mbsc-sc-btn {
	color: #0065bd;
	height: 2.666667em !important;
	line-height: 2.666667em !important;
	opacity: 1
}

.appointment-btn input{
	color:  #ffffff;
	background-color: #db3328;
	margin:0;
}

.appointment-btn input:hover{
	background-color: #b2271e;
}

.appointment-btn input:focus{
	box-shadow: 0 0 7px #999999;
	background-color: #b2271e;
	color:  white;
}

input:checked + .slider {
	background-color: #db3328;
}

.accordionMobile {
  background-color: #ffffff;
  color: #DB3328;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.activeMobile, .accordion:hover {
  background-color: #DB3328;
  color: #ffffff;
}

.accordionMobile:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activeMobile:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/* Overwriting foundationD.css button hover */
 .accordionMobile:hover, .accordionMobile:focus {
    background-color: #DB3328;
    color: #ffffff;
}

ul.off-canvas-list li input:focus{
	outline: 3px solid #ffbf47;
}

/*START CUSTOMISATION*/

.tabs a:hover {
    background-color: #e1e1e1 !important;
    color:#000000 !important;
}
.tabs .active a, .tabs .active a:hover {
    padding:0.7em !important;
    margin:0;
    background-color: #e1e1e1 !important;
    color: #000000 !important;
}

.greenColorCustom {
	color: #000000
}

.greenCursor {
	color: #000000;
	cursor: pointer
}

.redCursor {
	color: #000000;
	cursor: pointer
}

.breadcrumbs > * a {
    color: #008cba;
    line-height: 2.2;
}

.breadcrumbs {
    padding: 0.5625em 0.875em 0.5625em;
    background-color: #f4f4f4;
    border-color: gainsboro;
}

.appointment-btn input:focus {
	outline: 3px solid #ffbf47;
}

input:checked:focus + .slider  {
	outline: 3px solid #ffbf47;
}

.sub_page_title {
  
}

	/*DELETE BELOW ONCE SITE IS NO LONGER FAIR PREP*/

	body {
	  margin-top: 40px !important;
	}

	.BetaBanner{
	  position: fixed;
	  width: 100%;
	  height: 40px;
	  background: #ffb644;
	  top: 0px;
	  left: -0px;
	  text-align: center;
	  font-size: 20px;
	  line-height: 40px;
	  z-index: 100;
	  margin-bottom:5px;
	  color: #000000;
	}
	.BetaBannerMobile{
	  Display:none;
	}

	@media only screen and (max-width: 64.063em) {
	.BetaBannerMobile{
	  position: fixed;
	  width: 100%;
	  height: 65px;
	  background: #ffb644;
	  top: 0px;
	  left: -0px;
	  text-align: center;
	  font-size: 20px;
	  line-height: 40px;
	  z-index: 100;
	  margin-bottom:5px;
	  color: #000000;
	  display:block;
	}
	body{
	margin-top: 75px !important;
	}

	.BetaBanner{
	  Display:none;
	}

	.PilotMsg{
	  margin-left:0.5em;
	}
	}

/* START FAIR MODAL */
	.fairModal {
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 100; /* Sit on top */
	  left: 0;
	  top: 0;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}

	/* Modal Content/Box */
	.fairModal-content {
	  background-color: #fefefe;
	  margin: 15% auto; /* 15% from the top and centered */
	  padding: 20px;
	  border: 1px solid #888;
	  width: 90%; /* Could be more or less, depending on screen size */
	  min-height: 330px;
	  display:none;
	}
	

	/* The Close Button */
	.fairModal-Close {
	  color: #aaa;
	  float: right;
	  font-size: 28px;
	  font-weight: bold;
	}

	.fairModal-Close:hover,
	.fairModal-Close:focus {
	  color: black;
	  text-decoration: none;
	  cursor: pointer;
	}
/* END FAIR MODAL */

	/*DELETE ABOVE ONCE SITE IS NO LONGER FAIR PREP*/

/*END CUSTOMISATION*/