@font-face {
    font-family: 'ITCStoneSansStdMedium';
    src: url('../fonts/stonesansstd/stonesansstd-medium-webfont.eot?') format('eot'), url('../fonts/stonesansstd/stonesansstd-medium-webfont-6f3c8f18719477fc4ef6b66d6ddbc959.woff') format('woff'), url('../fonts/stonesansstd/stonesansstd-medium-webfont-47e257eaa6bcc54a4bebc384ff784908.ttf') format('truetype'), url('../fonts/stonesansstd/stonesansstd-medium-webfont.svg#webfontqniEzWi9') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'ITCStoneSansStdSemibold';
    src: url('../fonts/stonesansstd/stonesansstd-semibold-webfont.eot?') format('eot'), url('../fonts/stonesansstd/stonesansstd-semibold-webfont-377c56593c9eedb88c7f0069609cd796.woff') format('woff'), url('../fonts/stonesansstd/stonesansstd-semibold-webfont-1e3de5b693a8719f129772d72491130e.ttf') format('truetype'), url('../fonts/stonesansstd/stonesansstd-semibold-webfont.svg#webfontF12WIuRN') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'ITCStoneSansStdMediumItalic';
    src: url('../fonts/stonesansstd/stonesansstd-mediumitalic-webfont-0c2dee6c35f5b402489ef1b4d4fedca2.eot');
    src: url('../fonts/stonesansstd/stonesansstd-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/stonesansstd/stonesansstd-mediumitalic-webfont-a18d7ecb6ddc60ae9b20a5bed2d18e08.woff') format('woff'), url('../fonts/stonesansstd/stonesansstd-mediumitalic-webfont-f95fb70bad6bc5b582f3bef85158bd9a.ttf') format('truetype'), url('../fonts/stonesansstd/stonesansstd-mediumitalic-webfont.svg#ITCStoneSansStdMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
	font-family: 'Filson Pro Bold - Italic';
	src: url('../fonts/filsonpro/36C852_0_0-4dc801036616435d341adc47e433ce35.eot');
	src: url('../fonts/filsonpro/36C852_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/filsonpro/36C852_0_0-04438308e09b6dea31cb7edadfe4ee60.woff2') format('woff2'),url('../fonts/filsonpro/36C852_0_0-66ec5b9f2553215c2d6482adce85ca54.woff') format('woff'),url('../fonts/filsonpro/36C852_0_0-64ef3da8b7376a92dc552948a3a7f4dd.ttf') format('truetype');
}
@font-face {
	font-family: 'Filson Pro Book';
	src: url('../fonts/filsonpro/36C852_1_0-f7b8331561a94733b3fbda564ebcbc90.eot');
	src: url('../fonts/filsonpro/36C852_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/filsonpro/36C852_1_0-f7fcaa7c684ee14631584a5ec69df3a4.woff2') format('woff2'),url('../fonts/filsonpro/36C852_1_0-f336bf485180db946f59635b907ee489.woff') format('woff'),url('../fonts/filsonpro/36C852_1_0-99b04af6b52853f780414576116ede9e.ttf') format('truetype');
}
@font-face {
	font-family: 'Filson Pro Bold';
	src: url('../fonts/filsonpro/36C852_2_0-d2ff6ff93fbf6f3c7c51cf64a2dac2f5.eot');
	src: url('../fonts/filsonpro/36C852_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/filsonpro/36C852_2_0-9c221b3f681acfec6f6dd0d3522ad3a6.woff2') format('woff2'),url('../fonts/filsonpro/36C852_2_0-ab23f05c8bbb2568b0976a9d314f4449.woff') format('woff'),url('../fonts/filsonpro/36C852_2_0-2681210d9efd37a8c79c2a9244b6c6b8.ttf') format('truetype');
}
@font-face {
	font-family: 'Filson Pro Book - Italic';
	src: url('../fonts/filsonpro/36C852_3_0-fef26d499453276eef4a650e8426eb1e.eot');
	src: url('../fonts/filsonpro/36C852_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/filsonpro/36C852_3_0-a725895d6a0ea0e47fad6020624acb49.woff2') format('woff2'),url('../fonts/filsonpro/36C852_3_0-a1116d52cd70ba5a4180bc21d2bba0cc.woff') format('woff'),url('../fonts/filsonpro/36C852_3_0-2f9b17b953a78bdd1d9754422c1e2f80.ttf') format('truetype');
}
@font-face {
	font-family: 'Filson Pro Light';
	src: url('../fonts/filsonpro/36C852_4_0-8c9442765d249118426ab7fc73857e7d.eot');
	src: url('../fonts/filsonpro/36C852_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/filsonpro/36C852_4_0-89a20f5b00702348d5cb44cda6a588f1.woff2') format('woff2'),url('../fonts/filsonpro/36C852_4_0-7fd1dbc1b1934698390ebd6b9ec3252e.woff') format('woff'),url('../fonts/filsonpro/36C852_4_0-b6ed104620d9435c0e530b93b29306c9.ttf') format('truetype');
}
@font-face {
	font-family: 'Filson Pro Light - Italic';
	src: url('../fonts/filsonpro/36C852_5_0-6465aa9e1b7606e2a6a8dd145785c0e6.eot');
	src: url('../fonts/filsonpro/36C852_5_0.eot?#iefix') format('embedded-opentype'),url('../fonts/filsonpro/36C852_5_0-d02bdca36ca58b7a8fc47270a6416328.woff2') format('woff2'),url('../fonts/filsonpro/36C852_5_0-83284a7bcf8cbd4b452213ad1f8b3e63.woff') format('woff'),url('../fonts/filsonpro/36C852_5_0-b905d271a20fb2296547752096eb2126.ttf') format('truetype');
}
@font-face {
	font-family: 'Filson Pro Medium';
	src: url('../fonts/filsonpro/36C852_6_0-4ee52c451d66438a942fbe7d2566e080.eot');
	src: url('../fonts/filsonpro/36C852_6_0.eot?#iefix') format('embedded-opentype'),url('../fonts/filsonpro/36C852_6_0-3f2ec84d7ee7f19a4e631e05cf743a1a.woff2') format('woff2'),url('../fonts/filsonpro/36C852_6_0-6bf110028ee00d3d28a2cbac47d8949a.woff') format('woff'),url('../fonts/filsonpro/36C852_6_0-136c203ab11ab7fd90d0ab2dec7fc136.ttf') format('truetype');
}
@font-face {
	font-family: 'Filson Pro Medium - Italic';
	src: url('../fonts/filsonpro/36C852_7_0-9d9021b19993ac98f2e56099296c208b.eot');
	src: url('../fonts/filsonpro/36C852_7_0.eot?#iefix') format('embedded-opentype'),url('../fonts/filsonpro/36C852_7_0-539398b1e21e8b0192695e1bd2bd3dcb.woff2') format('woff2'),url('../fonts/filsonpro/36C852_7_0-248bb3b0ad5cffae49d08c6711d59575.woff') format('woff'),url('../fonts/filsonpro/36C852_7_0-9e48ccb6b6f9841faa8174ca4c22a7a3.ttf') format('truetype');
}

/* STRUCTURE */

* {
	font-family: 'Filson Pro Book';
}

.header *, .footer *, .v_sub_menu_right_li * {
	font-family: 'Filson Pro Medium';
}

h1,
h2,
h3,
h4 {
    font-family: 'Filson Pro Medium';
    /*color: #722282*/
}

hr {
	height: 0.1em;	
	background-color: #722282;
}

.off-canvas-wrap {
   /* mobile view, left menu will not operate correctly with this setting */
   /*overflow: auto*/
}


.footer {
    /* in the case when page is small, not high enough, then the footer will be extended to much */
    /*position: relative*/
}


/* TABLES */

table tr td {
    /*padding: 15px;*/
}
.navbar-nav .dropdown {
    background-color: #d8d8d8
}
img.th {    
    box-shadow: none;
    border: none;
    width: 80px;
    height: 80px;
}

img.th:hover {    
    box-shadow: none;
    border: none;
}
.whiteAndGrayTable tr td label b {
    /*color: #722282*/
}


/* NAV */

.navbar {
	background: none;
	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: #722282
}

.navbar-header {
	display: none
}

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

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

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

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

.tab-bar {
	background-image: linear-gradient(81deg, #722282 28%, #e65300 101%);
	height: 70px; 
    padding-top: 20px;
}

.left-off-canvas-toggle.menu-icon {
	background-color: #722282;
}

.right-off-canvas-toggle.menu-icon {
	background-color: #722282;
}

.left-off-canvas-menu {
	background-color: #FFF;
	padding-bottom: 100px;
}

.right-off-canvas-menu {
	background-color: #FFF;
	padding-bottom: 100px;
}

ul.off-canvas-list li label {
	background-color: #f0e1f4;
	color: #808080;
	border-top: 0 !important;
	border-bottom: 1px solid #722282;
	border-bottom-color: #722282;
	border-bottom-style: dashed;
}

ul.off-canvas-list li a {
	color: #808080;
	border-color: #722282;
	border-bottom-style: dashed;
	text-transform: uppercase;
}

ul.off-canvas-list li a:hover {
	background-color: #722282;
}

.move-right>.inner-wrap {
	
}

.move-right .exit-off-canvas {	
	box-shadow: 0 0 1px #808080, 0px 0 0px #808080;
}

.move-left>.inner-wrap {
	
}

.move-left .exit-off-canvas {
	box-shadow: 0 0 1px #808080, 0px 0 0px #808080;
}


/* BUTTONS */

.button {
	font-weight: normal !important;
	background-color: #e65300;
	box-shadow: none;
	border-radius: 20.5px;
	font-family: 'Filson Pro Medium';
}
.button:focus {     
   background-color: #e65300;
}
.button:hover{
    font-weight: normal !important;
    background: none;
    background-color: #f58220;
}
.button:disabled{
    font-weight: normal !important;
    background: none;
    background-color: #f58220;
}
.button:hover:disabled{
    background: none;
    background-color: #f58220;
}
.btnSmallRed100,.signInBtnSmall,.signUpBtnSmall, .btnSmallMyApp100 {
    background: none;
    background-color: #e65300;
}
.btnSmallRed100:hover,.signInBtnSmall:hover,.signUpBtnSmall:hover, .btnSmallMyApp100:hover {
    background: none;
    background-color: #f58220;
}

.btnSmallRed100:disabled ,.signInBtnSmall:disabled ,.signUpBtnSmall:disabled, .btnSmallMyApp100:disabled  {
    background: none;
    background-color: #d8d8d8;
}

.btnSmallRed100:hover:disabled,.signInBtnSmall:hover:disabled,.signUpBtnSmall:hover:disabled, .btnSmallMyApp100:hover:disabled {
    background: none;
    background-color: #d8d8d8;
}

.btnSmallGray100 {
    background: none;
    background-color: #b3b3b3 !important;
}

.btnSmallBlue100 {
	background: none;
	background-color: #e65300 !important;
	width: 100%; 
	font-size: 0.85em; 
	font-weight: 500;	
	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;
	min-height: 2.5em !important;
}

.btnSmallBlue100:hover {
	background: none;
	background-color: #f58220 !important;
}

.btnSmallBlack100 {
	background-image: none;
	background-color: #e65300 !important;
	width: 100%; 
	font-size: 0.95em; 
	font-weight: 500;	
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center !important; 
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-top: 0.685em !important;
	padding-bottom: 0.885em !important;
	min-height: 2.5em !important;
}

button.secondary, .button.secondary {
	background-color: #e65300;
	border-color: #e65300;
	font-size: 18px;
	color: #FFF;
}

button.secondary:hover, .button.secondary:hover {
	background-color: #f58220;
	text-decoration: none;
	color: #FFF;
}

button.secondary:focus, .button.secondary:focus {
	background-color: #e65300;
	text-decoration: none;
	color: #FFF;
}

button.secondary:focus:hover, .button.secondary:focus:hover {
	background-color: #f58220;
	text-decoration: none;
	color: #FFF;
}

.logoutInputButton {
	color: #808080;
	background-color: #FFF;
	border-bottom: 1px; border-color : #722282;
	border-bottom-style: dashed;
	text-transform: uppercase;
	border-color: #722282;
}

.logoutInputButton:hover {
	background-color: #FFF;
	color: #808080;
}

@media only screen and (min-width: 40.063em) {
	.btnSmallBlackRound {
		background-image: none;
		background-color: #FFF;
		font-size: 0.65em;
		margin-bottom: 0;		
		opacity: 0.8;
		border: 2px solid #722282;
		color: #722282;
	}
	.btnSmallBlackRound:hover {
		background-color: #f0e1f4;
		color: #722282;
	}
	.btnSmallBlackRound:focus {
		background-color: #f0e1f4;
		color: #722282;
	}
	.btnSmallBlueRound {
		background-image: none;
		background-color: #FFF;
		font-size: 0.65em;
		margin-bottom: 0;		
		opacity: 0.8;
		border: 2px solid #722282;
		color: #722282;
	}
	.btnSmallBlueRound:hover {
		background-color: #f0e1f4;
		color: #722282;
	}
	.btnSmallBlueRound:focus {
		background-color: #f0e1f4;
		color: #722282;
	}
}

@media only screen and (max-width: 40em) {
	.btnSmallBlackRound {
		background-image: none;
		background-color: #FFF;
		font-size: 0.65em;
		margin-bottom: 0;		
		border: 2px solid #722282;
		color: #722282;
	}
	.btnSmallBlackRound:hover {
		background-color: #f0e1f4;
		color: #722282;
	}
	.btnSmallBlackRound:focus {
		background-color: #f0e1f4;
		color: #722282;
	}
	.btnSmallNavRound {
		background-image: none;
		background-color: #FFF;
		font-size: 0.85em;
		margin-bottom: 0;
		padding: 0.75em 1em;	
		border: 2px solid #722282;
		color: #722282;
	}
	.btnSmallNavRound:hover {
		background-color: #f0e1f4;
		color: #722282;
	}
	.btnSmallNavRound:focus {
		background-color: #f0e1f4;
		color: #722282;
	}
	.btnSmallBlueRound {
		background-image: none;
		background-color: #FFF;
		font-size: 0.65em;
		margin-bottom: 0;		
		border: 2px solid #722282;
		color: #722282;
	}
	.btnSmallBlueRound:hover {
		background-color: #f0e1f4;
		color: #722282;
	}
	.btnSmallBlueRound:focus {
		background-color: #f0e1f4;
		color: #722282;
	}
}

@media only screen and (min-width: 40.063em) {	
	.alphaTransparent {
		opacity: 0.8;	
		background-repeat: no-repeat;
		border: none;
		cursor: default;
		overflow: hidden;		
		margin-bottom: 0;		
		background-image: none;
		background-color: #FFF;
		font-size: 0.85em;		
		border: 1px solid #722282;
		color: #722282 !important;	
		border-radius: 0;
	}
	
	.alphaTransparent:hover {
		background-color: #f0e1f4;
		color: #722282;
		border: 1px solid #722282;
	}
	
	.alphaTransparent:focus {
		background-color: #f0e1f4;
		color: #722282;
		border: 1px solid #722282;
	}
	
	.alphaTransparent:disabled{
	    font-weight: normal !important;
	    background: none;
	    background-color: #f0e1f4;
	    border: 1px solid #722282;
	}
	.alphaTransparent:hover:disabled{
	    background: none;
	    background-color: #f0e1f4;
	    border: 1px solid #722282;
	}

	.alphaTransparent img {
		
	}
}

@media only screen and (max-width: 40em) {	
	.alphaTransparent {
		opacity: 0.8;	
		background-repeat: no-repeat;
		border: none;
		cursor: default;
		overflow: hidden;		
		margin-bottom: 0;		
		background-image: none;
		background-color: #FFF;
		font-size: 0.85em;		
		border: 1px solid #722282;
		color: #722282 !important;	
		border-radius: 0;
	}
	
	.alphaTransparent:hover {
		background-color: #f0e1f4;
		color: #722282;
		border: 1px solid #722282;
	}
	
	.alphaTransparent:focus {
		background-color: #f0e1f4;
		color: #722282;
		border: 1px solid #722282;
	}
	
	.alphaTransparent:disabled{
	    font-weight: normal !important;
	    background: none;
	    background-color: #f0e1f4;
	    border: 1px solid #722282;
	}
	.alphaTransparent:hover:disabled{
	    background: none;
	    background-color: #f0e1f4;
	    border: 1px solid #722282;
	}

	.alphaTransparent img {
		
	}
}

.btnSmallBlackRect {
	background-image: none;
	background-color: #FFF;
	font-size: 0.85em;
	margin-bottom: 0;
	opacity: 0.8;
	border: 1px solid #722282;
	color: #722282;
}

.btnSmallBlackRect:hover {
	background-image: none;
	background-color: #f0e1f4 !important;
	color: #722282;
	border: 1px solid #722282;
}

.btnSmallBlackRect:focus {
	background-image: none;
	background-color: #f0e1f4 !important;
	color: #722282;
	border: 1px solid #722282;
}

.btnSmallBlackRect:disabled {
	background-image: none;
	background-color: #f0e1f4 !important;
	color: #722282;
	border: 1px solid #722282;
}

.btnSmallBlackRect:hover:disabled {
	background-image: none; 
	background-color: #f0e1f4 !important;
	color: #722282;
	border: 1px solid #722282;
}


/* FORM */

/*this is not complete redesign, only text input fields are redesign and not drop down, password ... thus, there is inconsistency on the pages*/
/* input[type='text']{ padding:21px; font-size: 1em} */


/* JQUERY CALENDAR */

.ui-datepicker-month,.ui-datepicker-year{ margin-right:2px !important;; margin-right:2px !important; padding-left: 10px !important; padding-right: 10px !important;}
.ui-widget-content .ui-state-default{background: none; background-color: #ededed}
.ui-widget-content .ui-state-active{background: none; background-color: #e65300; color:#FFF}
.ui-datepicker-month:hover,.ui-datepicker-year:hover{ cursor: pointer; background-color: inherit; border-color:  inherit}
.ui-datepicker .ui-datepicker-header{ background-color:#e65300; border-radius: 0px; }
.ui-datepicker-next,.ui-datepicker-prev{ border:1px solid #FFF; border-radius: 0px !important }
.ui-datepicker td span, .ui-datepicker td a{ padding: 8px; font-size: 15px; }
.ui-datepicker{ width: inherit; z-index: 200 !important}


/* ERROR HANDLING */

.error {
	color: #000 !important;
	line-height: 1.5em;
}

.error:not (:empty ) {
	/*padding:15px;*/
	
}

input.error, textarea.error {
	/*  margin-bottom: 0;*/
	border-color: #c60f13;
	background-color: rgba(198, 15, 19, 0.1);
	color: #000000 !important;
}


/* TABS */
.tabs, .tabs a {
    box-shadow: none !important;
    
}
.tabs dd > a {
	font-family: 'Filson Pro Medium'; 
}
.tabs a {
    padding:0.65em 0.7em !important;
    margin-top:0.1em;
    color: #666 !important;
    border: 1px solid #722282 !important;
    background-color: #f0e1f4 !important;    
}
.tabs a:hover {
    background-color: #722282 !important;
    color:#fff !important;
    text-decoration: none;
}
.tabs .active a, .tabs .active a:hover {
    padding:0.7em !important;
    margin:0;
    background-color: #fff !important;
    color: #722282 !important;
    border-bottom: 0 !important;
    font-weight: 400;
    text-decoration: none;
}

.tabs-content > .content {
    padding:0 !important;
   
}
.tabs-content div.content > br {
    display:none;
    height:0;
    
}


/* DONOR DATA */

.tableDonorData {
    margin-left:0 !important;
    width:100% !important;
    border: 0;
}

.tableDonorData .bullet-item {
	background-color: white;
	padding: 0.6375em 1.25em;
	text-align: left;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	border-bottom: solid 1px #722282;
	border-left: solid 1px #722282;
	border-right: solid 1px #722282;
}

.tableDonorData .bullet-item-head {
	background-color: white;
	padding: 0.6375em 1.25em;
	text-align: left;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	border-bottom: solid 1px #722282;	
}

.tableDonorData .title {
	background-color: #f2f2f2;
	padding: 0.6375em 1.25em;
	text-align: right;
	font-weight: bold;
	font-size: 13px;	
	border-bottom: solid 1px #722282;
	border-left: solid 1px #722282;
}

.tableDonorData .title span{
	color: #722282 !important;
}

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

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

.donorDataSmallTab {
	font-size: x-small;
	font-weight: bold;
	margin-left: 0.15em;
}

.donorDataSmallTabDD {
	background: #f0e1f4 !important;	
	width: 100%;	
	font-size: 0.85em; 
	font-weight: 500;	
	border-radius: 0;
	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;	
	color: gray;
	border: 1px solid #722282 !important;
}

.donorDataSmallTabActive {
	 background-color: #fff !important;
	 color: #722282 !important;
	 border-bottom: 0 !important;
}

.tableDonorData .title-small {
	background-color: #f2f2f2;
	padding: 0.6375em 1.25em;
	text-align: center;
	font-weight: bold;
	font-size: 13px;	
	border-top: solid 1px #722282;
	border-left: solid 1px #722282;
	border-right: 1px solid #722282;
	border-bottom: 1px solid #722282;
}

.tableDonorData .title-small span{
	color: #722282 !important;
}

.tableDonorData .bullet-item-small {
	background-color: white;
	padding: 0.6375em 1.25em;
	text-align: center;
	color: #333333;
	font-size: 14px;
	font-weight: normal;
	border-bottom: solid 1px #722282;
	border-left: 1px solid #722282;
	border-right: 1px solid #722282;
}


/* TABLE CUSTOM */

td.title {	
	border: none;
	/*border-bottom-width:1px !important;*/
}

.caption th {
	background-color: #FFF;
	color: #808080;	
	font-weight: 600;
	text-align: left;
	border: none;
}

.tableCustom {	
	border: 0;
	border-width: 0;	
	text-align: center;
	width: 100%;
}

.tableCustom tr {	
	text-align: center;
	min-height: 2.35em;		
	text-align: left;
	border-bottom: 1px solid #722282;
	border-bottom-style: dashed;
}

.tableCustom td {	
	text-align: center;
	min-height: 2.35em;	
	text-align: left !important;	
	border: inherit;
}

.tableCustom tr:hover {
	background-color: white;
}

.responsive-table .tbody .tr {	
	border-bottom: 1px solid #722282;
	border-bottom-style: dashed;
}

.responsive-table tbody td[scope="row"] {
	border: inherit;
	
}

.responsive-table tbody td {
	border: inherit;
}


/* HEADERS */

h6.subheader small {
	color: #722282 !important;
	padding-bottom: 12px;
	padding-top: 5px;
	font-family: 'Filson Pro Book';
	text-align: right;
	display: block;
	font-size: 20px;
}

.subheader {
	font-family: 'Filson Pro Book';
}


/* TIME CONTAINERS */

.tableCustomTs {
	border-style: solid;
	border-width: 1px;
	border-color: #722282;
	text-align: center !important;
	width: 100%;
	margin-top: 10px;
}


.tableCustomTs .thead .caption {
	background-color: #FFF;
	color: #808080;	
	font-weight: 600;
	text-align: center !important;
	border: none;
}

.tableCustomTs tr td {
	border-style: solid;
	border-width: 1px;
	border-color: #722282;
	text-align: center;
}

.tableInnerCustom {
	border-style: solid;
	border-width: 0px;
	border-color: #722282;
	text-align: center;
	width: 100%;
}

.tableInnerCustom tr td {
	border-style: solid;
	border-width: 0px;
	border-color: #722282;
	text-align: center;
	border-right: 0px;
	border-bottom: 1px solid #722282;
	border-bottom-style: dashed;
	font-size: 15px;
}

.timeContainer {
	margin-top: unset;
}

.timeContainerHead {
	background-image: none;
	background-color: #FFF;
	border-bottom: 1px solid #722282;
	border-bottom-style: dashed;
}

.timeContainerHead b {
	color: #722282;
}

.timeBlueList {
	background-image: none;
	color: #722282;
	text-align: center;
	background-color: #FFF;
	border: 1px solid #722282;
	box-shadow: 0px 0px 0px #722282;
}


/* WHITE LIST */

.alphaWhiteList {	
	background-color: white;
	height: inherit;	
	z-index: 1;
	right: 0;
	border-radius: 0px;	
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-color: #722282;
	box-shadow: 0px 0px 0px #666;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-top: 1px;
	border-top-style: dashed;
}

.betaWhiteList {
	background-color: white;
	height: inherit;	
	z-index: 1;
	right: 0;
	border-radius: 0px;	
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-color: #722282;
	box-shadow: 0px 0px 0px #666;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-top: 1px;
	border-top-style: dashed;
}

.gamaWhiteList {
	background-color: white;
	height: inherit;	
	z-index: 1;
	right: 0;
	border-radius: 0px; 
	width: 100%;	
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-color: #722282;
	box-shadow: 0px 0px 0px #666;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-top: 1px;
	border-top-style: dashed;
}

.gamaWhiteListLarge {
	background-color: white;
	height: inherit; 
	padding: 10px; 
	margin-bottom: 0.45em;
	z-index: 1;
	right: 0;	
	width: 100%;	
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 0px; 
	border-color: #722282;
	box-shadow: 0px 0px 0px #666;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-top: 1px;
	border-top-style: dashed;
}

.divSmallMap {	
	margin-top: -2.115em;	
	margin-right: 0;
	float: right;
	z-index: 100;	
	color: #722282;	
}

@media only screen and (min-width: 40.063em) {
	.deleteAppWhiteList {
		margin-top: -4.715em;		
		float: right;
		width: 1.815em;
		cursor: pointer;
		z-index: 100 !important;
	}
	
	.lblUsualSiteDetails {
		z-index: 0 !important;
	    right: 0;
	    opacity: 1 !important;
	    filter: alpha(opacity=100) !important; /* For IE8 and earlier */
	    font-size: 90%;
	    padding: 0.1em;
	    color: black;
	    padding-bottom: 0.75em;
	}
	
	.lblAllSiteDetails {
		z-index: 0 !important;
	    right: 0;
	    opacity: 1 !important;
	    filter: alpha(opacity=100) !important; /* For IE8 and earlier */
	    font-size: 90%;
	    padding: 0.1em;
	    color: black;
	    padding-bottom: 0.75em;
	    margin-left: -61px;
	}
	
	.lblUsualSiteDetails:not(.make-app-guest-lbl):not(.error) {
		margin-left: -48px;
	}
}

@media only screen and (max-width: 40em) {
	.deleteAppWhiteList {
		width: 1.815em;
		margin-top: -7.115em;
		margin-right: 0;
		float: right;
	}
	.deleteGamaWhiteList {
		width: 1.415em;
		position: absolute;
		float: right;		
		right: 0.0415em;
		top: 0.2415em;
	}
	
	.lblUsualSiteDetails {
		z-index: 0 !important;
	    right: 0;
	    opacity: 1 !important;
	    filter: alpha(opacity=100) !important; /* For IE8 and earlier */
	    font-size: 75%;
	    padding-left: 1.257em;
	    color: black;
	    padding-bottom: 0.75em;
	}
	
	.lblAllSiteDetails {
		z-index: 0 !important;
	    right: 0;
	    opacity: 1 !important;
	    filter: alpha(opacity=100) !important; /* For IE8 and earlier */
	    font-size: 75%;
	    padding-left: 0.7257em;
	    color: black;
	    padding-bottom: 0.75em;
	}
}

.lblBoldFrontBlack {
	padding: 0px;
}

.alphaWhitePosVg {
	border-radius: 0px;
}


/* MOBISCROLL CALENDAR */

.macBtnCancel, .macBtnSubmit {
    background: none;
    background-color: #e65300;
}
.macBtnCancel:hover, .macBtnSubmit:hover {
    background: none;
    background-color: #722282;
}

.macBtnCancel:disabled, .macBtnSubmit:disabled {
    background: none;
    background-color: #808080;
}

.macBtnCancel:hover:disabled, .macBtnSubmit:hover:disabled {
    background: none;
    background-color: #808080;
}

.macLblSubSectionHead {
	padding-bottom: 0.745em;
	font-weight: bold;
	color: #722282;
}

.macLblSubSecSectionHead {
	padding-bottom: 0.745em;
	color: #722282;
}

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

.mbsc-ios .mbsc-cal-btn-txt {
	color: #722282;
	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 #722282;
	background: #722282;
	color: #fff
}

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

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

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

.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 #722282
}

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

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

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

.mobiscroll-custom .mbsc-fr-w {
	
}

.mobiscroll-custom .mbsc-fr-hdr {
	color: #757575;
	font-size: 1.075em;
	text-transform: none;
}

.mobiscroll-custom .mbsc-sc-whl-l {
	border-color: #e65300;
}

.mbsc-mobiscroll .mbsc-fr-btn {
	height: 2.5em;
	line-height: 2.5em;
	padding: 0 1em;
	color: #e65300;
	text-transform: uppercase
}

.mbsc-mobiscroll .mbsc-fr-btn:hover {	
	background: rgba(230, 83, 0, 0.3) !important;	
}

.mbsc-mobiscroll .mbsc-range-btn {
	margin: 0 .3333em;
	padding: .3333em;
	border: 1px solid #e65300;
	font-size: .75em
}

.mbsc-mobiscroll.mbsc-range .mbsc-range-btn-t .mbsc-range-btn-sel .mbsc-range-btn
	{
	background: #e65300;
	color: #f7f7f7
}

.mbsc-mobiscroll.mbsc-range .mbsc-range-btn-t:hover .mbsc-range-btn-sel:hover .mbsc-range-btn:hover
	{
	background: rgba(230, 83, 0, 0.3) !important;	
}

.mbsc-mobiscroll.mbsc-range .mbsc-range-btn:hover
	{
	background: rgba(230, 83, 0, 0.3) !important;	
}

.mbsc-mobiscroll .mbsc-sc-whl-l {
	border-top: 1px solid #e65300;
	border-bottom: 1px solid #e65300
}

.mbsc-mobiscroll .mbsc-sc-itm.mbsc-btn-a {
	background: rgba(230, 83, 0, 0.3)
}


/* FIELDSET */

fieldset {
	border: 1px solid #585858;
	padding: 1.25em;
	margin: 1.125em 0;
	border-radius: 20.5px;
}

fieldset legend {
	font-weight: bold;
	background: white;
	padding: 0 0.1875em;
	margin: 0;
	margin-left: -0.1875em;
	color: #585858;
    font-family: 'Filson Pro Medium';
}

/* IE 11 hack to enable rounded corners on fieldsets */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	fieldset legend {
		float: left;
		margin-top: -30px;
	}
}

/* REQUIRED FIELDS */

label.required:after {
	content: " *";
	color: #e65300;
}


/* PASSWORD TOOLTIP */

.tooltipQues .tooltipTextQues {
	visibility: hidden;
	width: 100%;
	background-color: #e65300;
	color: #fff;
	border-color: #e65300;
	text-align: left;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 0;
	padding-left: 10px;
	/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
	opacity: 0;
	transition: opacity 1s;
	opacity: 0
}


/* DATE CHOOSER */

.btnChooseDateSignUp {
	height: 1.985em;
	width: 2.75em;
	padding: 0;
	margin-left: 0.55em;
	border-radius: 0;
	background-color: #e65300;
}

.btnChooseDateSignUp:hover {
	background-color: #f58220;
}

.btnChooseDate {
	height: 1.985em;
	width: 2.75em;
	padding: 0;
	margin-left: 0.55em;
	border-radius: 0;
	background-color: #e65300;
}

.btnChooseDate:hover {
	background-color: #f58220;
}

.btnChooseDate img {
	width: 1.225em;
}

.selectUnderlined {
	color: #e65300 !important;
	text-decoration: underline !important;
}


/* SIGN UP */

@media only screen and (max-width: 40em) {
	.signUpSubmit {	
		background-image: none;		
		background-color: #e65300;
		width: 100%; 
		font-size: 0.85em; 
		font-weight: 500;
		box-shadow: inherit;
	}	
}

@media ( min-width : 40.063em) {
	.signUpSubmit {		
		background-image: none;	
		background-color: #e65300;
		font-size: 0.85em; 
		font-weight: 500;
		box-shadow: inherit;
	}
	
	signUpSubmit.disabled, signUpSubmit[disabled], .signUpSubmit.disabled, .signUpSubmit[disabled] {
		background-image: none;	
		background-color: #f58220;
	}
	
}


/* TEST RESULTS */

@media only screen and (min-width: 40.063em) {
	.btnPrintResults {
		font-weight: normal;
		background: #d0d0d0;
		text-align: center;
		border: 0px solid #909090;
		color: #FFF;
		font-size: 15px;
		background: #e65300;
		margin-bottom: 0.65em;
		margin-left: 0.00em;
		padding-top: 0.45em;
		padding-bottom: 0.45em;
		overflow: hidden;
		background-image: none;
	}
}

@media only screen and (max-width: 40em) {
	.btnPrintResults {
		font-weight: 500;
		background: #d0d0d0;
		text-align: center;
		border: 0px solid #909090;
		color: #FFF;
		font-size: 14px;
		background: #333333;
		margin-bottom: 1.00em;
		margin-left: 0.00;
		padding-top: 0.45em;
		padding-bottom: 0.45em;
		overflow: hidden;
		width: 100%;
		min-height: 3.25715em;
		background-image: none;
	}
}

.zetaWhiteListLarge {
	background-color: white;
	height: inherit;	
	z-index: 1;
	right: 0;
	border-radius: 0px; 
	width: 100%;	
	padding: 0;
	padding-top: 0px;
	padding-bottom: 10px;
	border-color: #722282;
	box-shadow: 0px 0px 0px #666;
	border-bottom: 1px;
	border-bottom-style: dashed;	
}

.lblTstResultDonation {
	padding-bottom: 0.25em;
	color: #e65300;
	font-size: 1.05em; 
	font-weight: 500;	
	padding-top: 0.525em;
}


/* MAKE APPOINTMENT */

.hr-ma {
	border: none;
	height: 0.2em;	
	background-color: #e65300;
	margin: 0.75em 0 0.3875em;
}

.fixed-site-label {
	color: #e65300;
}

.mobile-site-label {
	color: #722282;
}

@media only screen and (max-width: 40em) {
	#backMa {
		position: absolute;
		bottom: 11.4em;
		width: 40%;
		margin-left: 2%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}	
	
	#endLineMa {
		height: 2.2em !important;
	}
	
	#endLineMag {		
	}
	
	#upLineMag {
		height: 0.6em !important;		
	}
}


/* MAP VIEW */

@media only screen and (max-width: 40em) {
	#backVg {
       bottom: 5px;
	}
	
	#listVg {
		bottom: 45px;
	}
	
	#mapVg {
		position: absolute;
		width: 102%;
		height: 80%;
		margin-left: -5%;		
	    top: 8em;
	}
}

@media only screen and (min-width: 40em) {
	#backVg {
	    margin-top: -8.063em;
	}
	
	#listVg {
		margin-top: -7em;
	}
	
	#mapVg {
		margin-bottom: 55px !important;		
	}
	
	.alphaWhitePosVg {
	    position: absolute;
    	margin-top: -2.1em;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.alphaWhitePosVg {
	    position: absolute;
   		margin-top: -2em;
	}
	#dateVg {
		margin-top: -7.563em;
	    width: 400px;
	}
}

@media only screen and (min-width: 64.063em) {
	.btnSmallRedRoundAdd {
		background-image: none;
		background-color: #e75200;
		font-size: 0.65em;
		box-shadow: 2px 2px 4px #666;
		margin-left: 93%;
		
	}
	.divSmallRedRoundAdd {
		margin-top: -3.35em;		
	}
	#dateVg {
	    width: 400px;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {	
	.btnSmallRedRoundAdd {
		background-image: none;
		background-color: #e75200;
		font-size: 0.65em;
		box-shadow: 2px 2px 4px #666;
		margin-left: 88%;
		
	}
	.divSmallRedRoundAdd {
		margin-top: -3.35em;		
	}
}

@media only screen and (max-width: 40em) {
	.btnSmallRedRoundAdd {
		background-image: none;
		background-color: #e75200;
		font-size: 0.65em;
		box-shadow: 2px 2px 4px #666;
		margin-left: 80%;
	}
	.divSmallRedRoundAdd {
		margin-top: -3.35em;
	}
}


/* DRIVES LIST */

@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: 14.7em;
		width: 40%;
		margin-left: 2%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
		
	}
	#backDgNoMap {
		position: absolute;
		bottom: 14.7em;
		width: 40%;
		margin-left: 2%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;	
	}
	#mapDgNoMap {
		position: absolute;
		bottom: 18.5em;
		width: 40%;
		margin-left: 2%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;	
	}
	#mapDg {
		position: absolute;
		bottom: 18.5em;
		width: 40%;
		margin-left: 2%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}	
	#dateDg {		
		position: absolute;
		bottom: 10.5em;
		margin-left: 2%;
		margin-bottom: 0;
		z-index: 2;
		left: 0;
	}
}

.drivesEmptyLines {
	height: 9.5em;
}

.drivesEmptyLinesNoMap {
	height: 9.5em;
}


/* APPOINTMENT REVIEW */

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

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


/* TIME SLOTS */

@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: 10.5em;
		width: 40%;
		margin-left: 2%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	
	#backAtg_2 {
		position: absolute;
		bottom: 25.6em;
		width: 40%;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	
	#goDateAtg_2 {
		position: absolute;
		bottom: 22.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: 14.2em;
		width: 40%;
		margin-left: 2%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	#listAtg {
		position: absolute;
		bottom: 18em;
		width: 40%;
		margin-left: 2%;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	
	#dateAtg {		
		position: absolute;
		bottom: 18.4em;
		margin-left: 0;
		margin-bottom: 0;
		z-index: 2;
		left: 0;
	}
}


/* APPOINTMENT CONFIRMED */

.lblAppConfirmHead {
	font-size: 1.7em;
	color: #722282;
}

.lblAppConfirmSubHead {
	font-size: 1.2em;
	color: #585858;
}

@media only screen and (min-width: 40.063em) {
	.button.blue.small {	
		background-image: none;	
		background-color: #e65300;	
		color: white;	
		border-width: 0px;   
	    line-height: normal;
	    margin: 0 0 1.25em;
	    padding-top: 0.6em;   
	    padding-bottom: 0.6625em;   
	    font-size: 0.85em;
	}
	
	.button.blue.small:hover {
		background-image: none;
		background-color: #f58220;
		font-size: 0.85em;
	}
	
	.button.red.small {
		background-image: none;	
		background-color: #e65300;	
		color: white;	
		border-width: 0px;   
	    line-height: normal;
	    margin: 0 0 1.25em;
	    padding-top: 0.6em;   
	    padding-bottom: 0.6625em;   
	    font-size: 0.85em;
	}
	
	.button.red.small:hover {
		background-image: none;
		background-color: #f58220;
		font-size: 0.85em;
	    font-family: 'Filson Pro Medium';
	}
}
@media only screen and (max-width: 40em) {
	.button.blue.small {	
		background-image: none;	
		background-color: #e65300;	
		color: white;	
		border-width: 0px;   
	    line-height: normal;
	    margin: 0 0 1.25em;
	    padding-top: 1em;   
	    padding-bottom: 1.0625em;   
	    font-size: 0.85em;
	}
	
	.button.blue.small:hover {
		background-image: none;
		background-color: #f58220;
		font-size: 0.85em;
	}
	
	.button.red.small {
		background-image: none;	
		background-color: #e65300;	
		color: white;	
		border-width: 0px;   
	    line-height: normal;
	    margin: 0 0 1.25em;
	    padding-top: 1em;   
	    padding-bottom: 1.0625em;   
	    font-size: 0.85em;
	}
	
	.button.red.small:hover {
		background-image: none;
		background-color: #f58220;
		font-size: 0.85em; 
	    font-family: 'Filson Pro Medium';
	}
}


/* MQ */

@media only screen and (min-width: 40.063em) {
	.markedHeaderRounded {
		background-image: none;
		background-color: #FFF;
		color: #722282;
		border-radius: 0;
		width: 100%;
		border: 1px solid #722282;
	    border-style: dashed;
	}	
	
	.saveQuestButton {
		width: 24.063em !important;
		padding-left: 2% !important;
		left: 0 !important;
		margin-left: 1px !important;
	}
}

@media only screen and (max-width: 40em) {
	.markedHeaderRounded {
		background-image: none;
		background-color: #FFF;
		color: #722282;
		border-radius: 0;
		width: 104%;
		margin-left: -2%;
		border: 1px solid #722282;
	    border-style: dashed;
	}	
}

.btnSmallGray50 {
	background-image: none;
	background-color: #e65300;
	width: 50%; 
	font-size: 0.85em; 
	font-weight: 500;
	box-shadow: 0px 0px 0px #e65300;
}

.btnSmallGray50:hover {
	background-image: none;
	background-color: #f58220;	
}

.btnSmallBlue50 {
	background-image: none;
	background-color: #e65300;
	width: 50%; 
	font-size: 0.85em; 
	font-weight: 500;
	box-shadow: 0px 0px 0px #e65300;
}

.btnSmallBlue50:hover {
	background-image: none;
	background-color: #f58220;	
}

.btnSmallRadioSelected {
	background-image: none;
	font-size: 0.65em;
	margin-bottom: 0;
	box-shadow: 0px 0px 0px #722282;
	border: 2px !important;
	z-index: 0;
	width: 100%;	
	border-style: solid;
	border-width: 0px;
	border-radius: 4px;
	cursor: pointer;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: normal;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1.0625em;
	padding-left: 2em;
	font-size: 1em;
	background-color: #722282;
	border-color: #722282;
	color: white;
	transition: background-color 300ms ease-out;
}

.btnSmallRadioSelected:focus { 
   background: none;   
   background-color: #722282;
}
.btnSmallRadioSelected:hover{    
    background: none;
    background-color: #a02fb6;
}
.btnSmallRadioSelected:disabled{    
    background: none;
    background-color: #a02fb6;
}
.btnSmallRadioSelected:hover:disabled{
    background: none;
    background-color: #a02fb6;
}

.btnSmallRadioDeSelected {
	background-image: none;
	background-color: #FFF;
	font-size: 0.65em;
	margin-bottom: 0;
	box-shadow: 0px 0px 0px #FFF;	
	z-index: 0;
	width: 100%;	
	border-radius: 4px;
	cursor: pointer;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: normal;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1.0625em;
	padding-left: 2em;
	font-size: 1em;	
	color: #722282;
	transition: background-color 300ms ease-out;	
	border: 1px solid #722282 !important;
	border-style: dashed !important;
}

.btnSmallRadioDeSelected:focus { 
   background: none;   
   background-color: #FFF;
}
.btnSmallRadioDeSelected:hover{    
    background: none;
    background-color: #f0e1f4;
}
.btnSmallRadioDeSelected:disabled{    
    background: none;
    background-color: #f0e1f4;
}
.btnSmallRadioDeSelected:hover:disabled{
    background: none;
    background-color: #f0e1f4;
}

.btnSmallRadioSelectedM {
	background-image: none;
	font-size: 0.65em;
	margin-bottom: 0;
	box-shadow: 0px 0px 0px #722282;
	border: 2px !important;
	z-index: 0;
	width: 100%;	
	border-style: solid;
	border-width: 0px;
	border-radius: 4px;
	cursor: pointer;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: normal;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: left;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5625em;
	padding-left: 1em;
	font-size: 1em;
	background-color: #722282;
	border-color: #722282;
	color: white;
	transition: background-color 300ms ease-out;
}

.btnSmallRadioSelectedM:focus { 
   background: none;   
   background-color: #722282;
}
.btnSmallRadioSelectedM:hover{    
    background: none;
    background-color: #a02fb6;
}
.btnSmallRadioSelectedM:disabled{    
    background: none;
    background-color: #a02fb6;
}
.btnSmallRadioSelectedM:hover:disabled{
    background: none;
    background-color: #a02fb6;
}

.btnSmallRadioDeSelectedM {
	background-image: none;
	background-color: #FFF;
	font-size: 0.65em;
	margin-bottom: 0;
	box-shadow: 0px 0px 0px #FFF;
	border: 2px !important;
	z-index: 0;
	width: 100%;
	border-style: solid;
	border-width: 0px;
	border-radius: 4px;
	cursor: pointer;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: normal;
	margin: 0 0 1.25em;	
	position: relative;
	text-decoration: none;
	text-align: left;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5625em;
	padding-left: 1em;
	font-size: 1em;	
	color: #722282;
	transition: background-color 300ms ease-out;
	border: 1px solid #722282 !important;
	border-style: dashed !important;
}

.btnSmallRadioDeSelectedM:focus { 
   background: none;   
   background-color: #FFF;
}
.btnSmallRadioDeSelectedM:hover{    
    background: none;
    background-color: #f0e1f4;
}
.btnSmallRadioDeSelectedM:disabled{    
    background: none;
    background-color: #f0e1f4;
}
.btnSmallRadioDeSelectedM:hover:disabled{
    background: none;
    background-color: #f0e1f4;
}

.disabledEffect {	
	background-image: none;
	background-color: #d8d8d8;
	box-shadow: 0px 0px 0px #d8d8d8;	
	border-color: #d8d8d8;
	cursor: default;
	border: 1px solid #d8d8d8 !important;
	border-style: dashed !important;
	color: white;
}

.disabledEffect:hover {	
	background-image: none;
	background-color: #d8d8d8;
	box-shadow: 0px 0px 0px #d8d8d8;	
	border-color: #d8d8d8;
	cursor: default;
	border: 1px solid #d8d8d8 !important;
	border-style: dashed !important;
	color: white;
}

@media only screen and (min-width: 40.063em) {
	.bottomRightDiv {
		text-align: left;	
		right: 0;
		padding-left: 7.15em;
	}
	.bottomLeftDiv {
		text-align: right;		
		left: 0;
		padding-right: 7.15em;		
	}
}

@media only screen and (max-width: 40em) {
	.bottomRightDiv {
		text-align: right;		
		bottom: 0;
		right: 0;		
		margin-bottom: -30px;
		position: relative;
	}
	.bottomLeftDiv {
		text-align: left;		
		bottom: 0;
		left: 0;		
		margin-bottom: -30px;
		position: relative;
	}
}


/* REGISTER GUEST */

.inputSmallRed100 {
	background-image: none;
	background-color: #e65300 !important;
	width: 100%; 
	font-size: 0.95em; 
	font-weight: 500;	
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center !important; 
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-top: 0.685em !important;
	padding-bottom: 0.885em !important;	
	
}

.lblAppReviewSubHead {
	color: #585858;
	font-size: large !important;
}

/* HOME PAGE NOT LOGGED USER */

.v_home_page_table {
	border: 0;
}

.v_home_page_table thead {
	color: white !important;
	font-family: 'Filson Pro Medium';
}

.v_home_page_table thead tr {
	color: white !important;
}

.v_home_page_table thead tr th {
	background-color: #722283;
	color: white !important;
	padding: 1em;
	border-radius: 20.5px 20.5px 0 0;
	font-family: 'Filson Pro Medium';
}

.v_home_page_table tbody {
	font-family: 'Filson Pro Medium';
}

.v_home_page_table tbody a {
	font-family: 'Filson Pro Book';
}

.v_home_page_table tbody tr td {
	padding: 1em;
}

.v_home_page_table tbody tr td label {
	font-size: 110%;
}

.v_home_page_label {
    font-family: 'Filson Pro Book';
    letter-spacing: 0.6px;
    color: #722282;
    font-size: 23px;
}


@media only screen and (min-width: 40.063em) {

	.v_home_page_div_pad {
		padding: 1.5em;
		padding-left: 3em;
		padding-right: 3em;
	}


	.v_home_page_div_options {
		border: 0px solid red;
		display: table;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-right: 50px;
	}
	
	.v_home_page_div_options div {
		width: 100px;
	}
	
	.v_home_page_div_options img {
		display: flex;
		vertical-align: middle;
		margin-left: 25px;
		width: 60px;
	}
	
	.v_home_page_div_options label {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		padding-left: 10px;
	}
}

@media only screen and (max-width: 40em) {

	.v_home_page_div_pad {
		padding: 0.5em;
		padding-left: 3em;
		padding-right: 3em;
	}

	.v_home_page_div_options {
		border: 0px solid red;
		display: table;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-right: 5px;
	}
	
	.v_home_page_div_options div {
		width: 90px;
	}
	
	.v_home_page_div_options img {
		display: flex;
		vertical-align: middle;
		margin-left: 5px;
		width: 60px;
	}
	
	.v_home_page_div_options label {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		padding-left: 0;
	}
	
	.v_home_page_label {
	    font-size: 18px;
	}
}

.v_btn_home_page_login {	
	font-family: 'Filson Pro Medium';
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: white;
	background-color: #e65300;	
    height: 35px;
    border-radius: 20.5px; 
    border: 0px solid red;
    width: 90%;
    margin-bottom: 33px;
}

.v_btn_home_page_login:hover {
	background-color: #f58220;	
}


/* DONOR CARD */

.donorCard-label-ordered {
	font-size: 16px;
	color: #e65300;
}

.donorCard-clickableLinks .printCard {
	color: #e65300;
	text-decoration: underline;
}

.donorCard-clickableLinks .backProfile, .donorCard-clickableLinks .download-to-pdf {
	color: #722282;
	text-decoration: underline;
}

/* DONOR COMMUNICATION */

.communicationTable .remove {
	color: #e65300;
}

.communicationTable .order.active {
	color: #722282;
}

.communication-unconfirmed-error {
	color: #e65300;
	padding-bottom: 10px;
}

/* DONOR REWARDS */

.donor-rewards-wrapper input[type='button'] {
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 1.2rem;
}

@media only screen and (max-width: 40.063em) {
	.donor-rewards-wrapper input[type='button'] {
    	margin-bottom: 18px;
 	}

 	.donor-rewards-wrapper .lblSubheader a {
    	margin-bottom: 11px;
    	display: block;
  	}
}

.donor-rewards-wrapper label {
    font-size: 1em;
    padding-bottom: 20px;
}

.donor-rewards-wrapper .lblSubheader {
    font-size: unset;
    padding-bottom: unset;
}

.donor-rewards-wrapper .subtitle {
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #722282;
    padding-bottom: unset;
}

.donor-rewards-wrapper .subheader {
    font-size: 1.3rem;
    font-weight: bold;
    color: #722282;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    padding-bottom: unset;
}

.donor-rewards-wrapper table {
	border: 0;
}

.donor-rewards-wrapper table th, .donor-rewards-wrapper table td {
	background-color: #fff;
	padding: 0.8rem;
}

.donor-rewards-wrapper table tr {
	border-bottom: 1px dashed grey;
}

.pagination li a {
	border: #722282 2px solid;
	border-radius: 0 !important;
	color: #722282 !important;
}

.pagination li a:hover {
	background-color: #ca83ca !important;
}

.pagination li.current a {
	color: #722282 !important;
	background-color: #f799f7 !important;
}

.pagination li.current a:not(.unavailable):hover {
	background-color: #ca83ca !important;
}

.pagination li.unavailable a {
	border: #969696 2px solid;
	color: #969696 !important;
}

.rewards-settings-div {
    display: block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

/* Hide the browser's default checkbox */
.rewards-settings-div input {
  	position: absolute;
  	opacity: 0;
  	cursor: pointer;
}

/* Create a custom checkbox */
.rewards-settings-div .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid black;
}

/* On mouse-over, add a grey background color */
.rewards-settings-div:hover input ~ .checkmark {
    background-color: #f5955f;
}

/* When the checkbox is checked, add a blue background */
.rewards-settings-div input:checked ~ .checkmark {
    background-color: #e65300;
    border: 0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.rewards-settings-div .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 0px;
}

/* Show the checkmark when checked */
.rewards-settings-div input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.rewards-settings-div .checkmark:after {
    left: 9px;
    top: 2px;
    width: 8px;
    height: 17px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rewards-settings-btn-container input[type='button'],
.rewards-settings-btn-container input[type='submit'] {
	text-transform: uppercase;
    padding: 10px 20px;
    font-size: 1.2rem;
}

.rewards-settings-btn-container input[type='button'] {
	background-color: #fff;
	border: #e65300 solid 1px;
	color: #e65300;
	margin-right: 1rem;
}

.rewards-settings .checkboxes {
	padding: 1.5rem;
}

.rewards-settings .checkboxes div:nth-child(2) {
	margin-top: 2rem;
}

@media only screen and (max-width: 40.063em) {
	.donor-rewards-wrapper .subheader {
	    margin-bottom: 0;
	}
	
	.rewards-settings .checkboxes {
		padding: 0;
	}
	
	.rewards-settings .checkboxes div:nth-child(2) {
		margin-top: 1rem;
	}
}

/* new styles added by Vitalant */

a:link, a:visited {
	text-decoration: none;
	color: #722282;
}

.body a:link, .body a:visited {
    color:#722282;
    text-decoration: underline;
}

.body a.time-slots-link:link, .body a.time-slots-link:visited {
    color:#585858;
    text-decoration: underline;
}

.v_footer_line_sec a:link, .v_footer_line_sec a:visited {
	text-decoration: none;
}

body, h4, .tableInnerCustom td a:link {
    color: #585858;
}

.tooltipQues img {
    width: 1em;
}

.v_home_page_div_options label {
	font-size: 16px;
    letter-spacing: 0.5px;
    color: #585858;
}

.v_home_page_div_options label b {
	font-family: 'Filson Pro Medium';
    font-weight: normal;
}

.v_footer_line {
	font-family: 'Filson Pro Medium';
    font-size: 14px;
    letter-spacing: 0.7px;
}

.appointment-listing {
	font-family: 'Filson Pro Book';
	letter-spacing: 0.5px;
	line-height: 21px;
	font-size: 18px;
}

.appointment-listing label {
	color: #585858;
}

.appointment-listing label b {
	font-weight: normal;
	font-family: 'Filson Pro Medium';
}

.welcome-main-link {
	text-align: center;
	max-width: 200px;
    min-width: 200px;
}

.welcome-main-link label {
	font-size: 21px;
	font-family: 'Filson Pro Book';
	margin-top: 16px;
	cursor: pointer;
}

.welcome-main-link a {
	display: block;
}

.welcome-main-link a.disabled,
.welcome-main-link a.disabled label {
    cursor: default;
}

.welcome-main-link:nth-child(2) {
	margin-left: 0;
}

.welcome-main-link img {
	 height: 168px;
	 width: 168px;
}

.v_home_page_no_app_section > div {
	max-width: 707px;
	text-align: center;
	margin: auto;
}

.v_home_page_no_app_section > div > div:nth-child(1) {
	text-align: center;
	margin-bottom: 27px;
	margin-top: 73px;
}

.v_home_page_no_app_section label.v_home_page_label {
	font-size: 21px;
	line-height: 34px;
	letter-spacing: 1.05px;
}

.v_home_page_no_app_section label.v_home_page_label i {
	font-size: 18px;
	letter-spacing: 1.01px;
}

.v_home_page_no_app_section img {
	width: 279px;
	height: 32px;
}

@media only screen and (max-width: 40.063em) {
	.welcome-main-link {
		text-align: center;
		max-width: unset;
	}

	.welcome-main-link:nth-child(2) {
		margin: 39px 0 0 0;
	}

	.welcome-main-link:nth-last-child(2) {
		margin: 39px 0;
	}

	.welcome-main-link {
		margin-top: 39px;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 50em) {
	.welcome-main-link {
		text-align: center;
		max-width: 160px;
	    min-width: 160px;
	}
	
	.welcome-main-link img {
		 height: 138px;
		 width: 138px;
	}
	
	.welcome-main-link label {
		font-size: 18px;
		font-family: 'Filson Pro Book';
		margin-top: 16px;
		cursor: pointer;
	}
}

.guest-make-app-img {
	display: none !important;
}

.share-buttons .share {
	width: 42px;
	height: 42px;
	background-color: #722282;
	border-radius: 21px; 
}

.share-buttons .share.facebook i {
	position: relative;
	top: -2px;
	font-size: 26px;
}

.share-buttons .share.twitter i {
	position: relative;
	top: -1px;
	left: 1px;
	font-size: 35px;
}

.share-buttons .share.mail i {
	font-size: 32px;
}

.share-buttons .share.whatsapp i {
	position: relative;
	top: -3px;
	left: 1px;
	font-size: 28px;
}

.find_drive_subheader {
	padding-bottom: 15px;
}

.app-review-gen-subheader {
	margin-left: -70px;
}

.available-drives-button-confirm:hover img:nth-child(2) {
	display: none;
}

.available-drives-button-confirm:hover img:nth-child(1) {
	display: inherit;
}

#searchType {
	margin-bottom: 0;
}

.lbl-mq-approve {	 
	font-size: 130%;
}

#ddf_donorDataForm dd a {
	text-decoration: none;
}

@media only screen and (min-width: 40.063em) {
	.btnSmallGray100 {
		background-color: #e7e7e7 !important;
	    border-color: #b9b9b9 !important;
	    color: #333333 !important;
	    width: unset;
	    font-size: 18px;
	    text-align: center !important;
	    margin-left: unset !important;
	    margin-right: unset !important;
	    padding-top: 0.5625em !important;
	    padding-right: 1.125em !important;
	    padding-bottom: 0.625em !important;
	    padding-left: 1.125em !important;
	    min-height: 2.5em !important;
	}
	
	.btnSmallBlue100 {
	    background-color: #e65300 !important;
	    border-color: #b9b9b9 !important;
	    color: #fff !important;
	    width: unset;
	    font-size: 18px;
	    text-align: center !important;
	    margin-left: unset !important;
	    margin-right: unset !important;
	    padding-top: 0.5625em !important;
	    padding-right: 1.125em !important;
	    padding-bottom: 0.625em !important;
	    padding-left: 1.125em !important;
	    min-height: 2.5em !important;
	}
}

.appointment-btn input{
	color:  #ffffff;
	background-color: #e65300;
}

.appointment-btn .button{
	font-size: 18px;
}

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

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

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

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

.activeMobile, .accordion:hover {
  background-color: #722282;
  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: #722282; }
    
 /* phlebo app flow */
 .avdpTabsContent {
	padding: 0; 
	margin-bottom: 0; 
	padding-top: 1em;
}

@media only screen and (max-width: 40em) {
	.avdpDateGoLblTimeSlots {
	    font-weight: normal;   
	    color: #6f6f6f;
	    font-size: 14px;
	    padding-right: 0.5em;
	}
}
@media ( min-width : 40.063em) {
	.avdpDateGoLblTimeSlots {
	    font-weight: normal;   
	    color: #6f6f6f;
	    font-size: 14px;
	    padding-right: 0.5em;
	    padding-left: 0.625em;
	    
	}
}

.dateTimeSlots {
    font-weight: normal;   
    color: #6f6f6f;
    font-size: 14px;   
    margin-bottom: 0.345em;
    padding-top: 0.345em;
    padding-bottom: 0.345em;
    padding-left: 0.345em;
}

.btnDateAvlPhl {
	height: 2.1em !important;
	padding-top: 0.445em;
	padding-bottom: 0.345em;
}

.alphaWhiteListHead {
	background-color: #722282;
	font-weight: bold;
	color: #ffffff !important;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	box-shadow: 2px 2px 4px #666;
	position: relative;
	padding: 10px;
}

.avdpTrDateHead {
	background-color: #722282 !important;
	border: 1px solid #722282 !important;
}

.avdpTrDateHead:hover {
	background-color: #722282 !important;
}

.avdpTdDateHead {
	text-align: center;
	font-weight: bold;
	color: #ffffff !important;
	height: 2.5em;	
}

.avdpTdDateHead:hover {
	background-color: #722282 !important;
}

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

.avtspTdPhlebo {
	overflow: auto;
	padding-bottom: 0 !important;
	padding-top: 0.5em !important;
	line-height: 0.5em !important;	
}

.avtspDivPhlebo {
	padding-bottom: 0.5 !important;
	margin-bottom: 0.5 !important;
	overflow: auto;
	float: left;
	width: auto;
	text-align: left;
	line-height: 2.75em;	
	margin-right: 0 !important;
	padding-right: 0 !important;
}

@media only screen and (max-width: 40em) {
	.avtspBtnPhlebo {
		vertical-align: top !important;
		background-color: #f7f6f6 !important;
		border: 1px solid #722282;
		color: #722282;
		white-space: normal;
		cursor: pointer;
		overflow: hidden;
		text-align: center;
		margin-right: 0.2em;
		min-width: 4em !important;
		max-width: 7em !important;
		min-height: 3.5em !important;
		padding-left: 0.4em !important;
		padding-right: 0.4em !important;
		padding-top: 0.3em !important;
		padding-bottom: 0.3em !important;
		text-transform: none;
		line-height: 1.2em;
		font-weight: 200;
		font-size: 0.65em;
		display: inline-block;
		align-items: center;
		justify-content: center;
		top: 0px;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	#mapAtp {
		position: absolute;
		bottom: 21.55em;
		width: 40%;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	#backAtp {
		position: absolute;
		bottom: 18em;
		width: 40%;
		margin-left: 0;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	.mapLblTextAlign {
		text-align: center;
	}
}

@media ( min-width : 40.063em) {
	.avtspBtnPhlebo {
		vertical-align: top !important;
		background-color: #f7f6f6 !important;
		border: 1px solid #722282;
		color: #722282;
		white-space: normal;
		cursor: pointer;
		overflow: hidden;
		text-align: center;
		margin-right: 0.5em;
		min-width: 4em !important;
		max-width: 7em !important;
		min-height: 3.5em !important;
		padding-left: 0.5em !important;
		padding-right: 0.5em !important;
		padding-top: 0.3em !important;
		padding-bottom: 0.3em !important;
		text-transform: none;
		line-height: 1.2em;
		font-weight: 200;
		font-size: 0.65em;
		display: inline-block;
		align-items: center;
		justify-content: center;
		top: 0px;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	#mapAtp {
		display: none;
	}
	#backAtp {
		display: none;
	}	
	.mapLblTextAlign {
		text-align: right;
	}
}

.avtspBtnPhlebo:hover {
	background-color: #722282 !important;
	color: #ffffff;
}

.avtspBtnPhlebo:disabled, .avtspBtnPhlebo[disabled] {
	border: 1px solid #e3e3e3;
	background-color: #ffffff !important;
	color: #8c8c8c !important;
}

.avtspBtnPhlebo:focus {
	background-color: #722282 !important;
	outline: 0px solid #722282;
}

.avtspTimeEmptyLines {
	height: 2.75em;
}

.timeEmptyLines {
	height: 10.5em;
}

.mapBtnMyLocation {
	background-color: white !important;
	border: 1px solid #cccccc !important;
	width: 100%;
	margin-bottom: 0;
	color: #585858 !important;
}

.mapBtnMyLocation:hover {
	background-color: #f2f2f2 !important;
}

.avtspBTime {
	font-size: 70%;
} 

/* Appointment flow Phlebotomy Extended */

@media ( min-width : 40.063em) {

	#mapAcpe {
		width: 80%;		
		height: 330px;
		border: 1px solid gray;
		margin-bottom: 3% !important;		
		/*max-width: 68.063em;*/	
		margin-right: auto; 
		margin-left: auto; 
	}
	
	.directionAcpe {
		padding-left: 10%;		
		padding-top: 20px;
	}
	
	.divOrbitContainer {		
	}
	
	.divPageHeader1 {
		display: table-cell; 
		height: 50px; 
		vertical-align: middle !important;
		padding-left: 5px;
	}
	
	.divSubPageContent1 {
		padding-left: 50px;
		padding-right: 50px;
	}
	.divSubPadRight {
		padding: 0; 
		padding-right: 10px;
	}
	
	.divSubPadLeft {
		padding: 0; 
		padding-left: 10px;
	}
	
	.divHomePageContent1 {
		padding-left: 50px;
		padding-right: 50px;
		margin: 0 auto !important;
	}
	
	.divHeadContent {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.divSubMaxWidth {
		max-width: 420px !important;
	}
	
	.subSectionTopPad {
		padding-top: 22px;
	}
	
	.subSectionTopPad2 {
		padding-top: 12px;
	}
	
	.lblAboveInputBottomPad {
		padding-bottom: 5px;
	}
	
	.lblPageHeader1 {
		font-size: 24px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #722282;	  
		vertical-align: middle;
	}
	
	.lblPageHeader2 {
  		font-size: 24px;
  		font-weight: 300;
  		font-stretch: normal;
  		font-style: normal;
  		line-height: 35px;
  		letter-spacing: normal;
  		color: #171717;  		
	}
	
	.lblHighlightDesc {		    
  		font-size: 18px;
  		font-weight: 500;
  		font-stretch: normal;
  		font-style: normal;
  		line-height: normal;
  		letter-spacing: normal;
  		color: #722282;
	}
	
	.lblHighlightDesc2 {		    
  		font-size: 12px;
  		font-weight: 500;
  		font-stretch: normal;
  		font-style: normal;
  		line-height: normal;
  		letter-spacing: normal;
  		color: #722282;
  		text-transform: uppercase;
	}
	
	.lblAppNormalDesc {  		  
  		font-size: 16px;  		
  		font-stretch: normal;
  		font-style: normal;  		
  		letter-spacing: normal;
  		color: #585858;  		
  		font-weight: 500;
  		line-height: 1.38;
	}
	
	.lblAppExtralarge {	
		font-size: 36px;	
		font-weight: 300;	
		font-stretch: normal;	
		font-style: normal;	
		line-height: normal;	
		letter-spacing: normal;	
		color: #722282;
	}
	
	.lblAppMedium {	   
		font-size: 18px;	
		font-weight: normal;	
		font-stretch: normal;	
		font-style: normal;	
		line-height: 1.44;	
		letter-spacing: normal;	
		color: #393939;
	}
	
	.btnAppFlowPhl {
		min-width: 250px;
	}
	
	.divSubPagePad {
		padding-left: 80px;
		padding-right: 80px;
	}
	
	.imgAppPhleboDesc {
		width: 30px; 
		margin-right: 10px;
	}
	
	.sepContAppFlowPhl {
		position: relative; 
		min-height: 275px;
	}
	
	.sepAppFlowPhl {
		position: absolute; 
		top: 0px; 
		right: -10px;
		width: 30px;
	}
	
	.lblAdpeSearchAgain {
		font-size: 14px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #585858;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	
	.lblAdpeSearchAgain a {
		color: #585858 !important;
	}
	
	.spnAdpeDateGo {
		font-weight: normal;   
		color: #6f6f6f;
		font-size: 14px;
		padding-right: 0.5em;
		padding-left: 5px;
	}
	
	.divAdpeDateHead {
		text-align: left;
		font-weight: bold;
		background-color: #722282 !important;
		color: #ffffff !important;
		height: 2.5em;
		padding-left: 20px !important;
		padding-top: 10px !important;
	}
		
	.divAdpeDateHead:hover {
		background-color: #722282 !important;
	}
	
	.divAdpeDistanceHead {
		text-align: right;
		font-weight: bold;
		background-color: #722282 !important;
		color: #ffffff !important;
		height: 2.5em;
		padding-left: 20px !important;
		padding-top: 10px !important;
	}
	
	.divAdpeDistanceHead:hover {
		background-color: #722282 !important;
	}
	
	.divAdpeSiteDetails {		
		position: relative;
		padding-left: 20px !important;
		padding-right: 100px !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		line-height: 1.6;
		border-top: 1px solid #722282;		
	}
	
	.divAdpeSiteDetails a {
		padding-top: 1px !important;
	}
	
	.divAdpeShowMore {
		text-align: right !important; 
		padding: 0; 
		padding-top: 20px;
		padding-right: 20px;
	}
	
	.btnAdpeSiteSeeTimes {
		position: absolute; 
		bottom: 30px !important; 
		right: 20px;
		border-radius: 17.5px;
		border: solid 1px #722282;
		background-color: #ffffff !important;
		color: #722282 !important; 
		padding-top: 0.5625em;
		padding-right: 1.125em;
		padding-bottom: 0.625em;
		padding-left: 1.125em;
		min-width: 142px;
	}
	
	.btnAdpeSiteDriveFull {
		position: absolute; 
		bottom: 30px !important; 
		right: 20px;
		border-radius: 17.5px;
		border: solid 1px #808080;
		background-color: #808080 !important;
		color: #ffffff !important; 
		padding-top: 0.5625em;
		padding-right: 1.125em;
		padding-bottom: 0.625em;
		padding-left: 1.125em;
		min-width: 142px;
	}
	
	.aHrefAdpeWalkIn {
		position: absolute;
		right: 20px;
		bottom: 18px !important;	
	}
	
	.aHrefAdpeWalkIn:hover, .aHrefAdpeWalkIn:active, .aHrefAdpeWalkIn:visited {
		color: #722282;
	}

	.activeAdpe {
		background-color: #722282 !important;
		color: #ffffff !important;
	}
	
	.btnAdpeSiteSeeTimes:hover, .btnAdpeSiteSeeTimes:focus {
		background-color: #722282 !important;
		color: #ffffff !important;
	}
	
	.btnAdpeSiteSeeTimes:disabled, .btnAdpeSiteSeeTimes[disabled] {
		background-color: #ffffff !important;
		color: #ffffff !important;
	}
	
	.btnAdpeSiteSeeTimes:disabled:hover, .btnAdpeSiteSeeTimes[disabled]:hover {
		background-color: #ffffff !important;
		color: #ffffff !important;
	}
	
	.imgLoadAdpeSiteSeeTimes {
		margin-top: -43px !important; 
		position: absolute; 
		margin-left: auto; 
		margin-right: 75px; 
		left: 0; 
		right: 0;
	}
	
	.divTimesAppender {
		padding: 0;  
		margin-top: -50px;	  
	}	
	
	.lblAdpeInfoPhlebo {
		font-size: 12px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #585858;  
		display: block;	
	    padding-left: 55px;
	    padding-top: 10px;
	    line-height: 1.8;
	}
	
	.divAdpeContInfoPhlebo {	
		padding-bottom: 10px;	
	}
	
	.adpeDivTimesContainerOut {
		background-color: #fef1da; 
		padding: 20px;
		display: inline-table; 
		width: 100%;
	}
	
	.adpeDivTimesContainer { 
		display: inline-flex;
		border-bottom: 1px dotted;
		margin-left: 20px;
		background-color: #fef1da;
	}
	
	.adpeDivTimesHead { 
		display: inline;  
		margin-left: 20px;
		background-color: #fef1da;
		font-size: 18px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #722282;
		padding-bottom: 15px;
		width: 100%;
	}
	
	.adpeDivTimes {
		margin: auto; 
		margin-left:0; 
		margin-right:0; 
		vertical-align: middle; 
		width:auto; 
		padding-left: 10px; 
		padding-right: 10px;  
		min-width: 100px;
	}
	
	.adpeBTime {
		font-size: 100%;
	}
}

@media only screen and (max-width: 40em) {
	
	#mapAcpe {		
		width: 100%;		
		height: 200px;
		border: 1px solid gray;		
		margin-right: auto; 
		margin-left: auto; 
	}
	
	.directionAcpe {
		padding-left: 10px;
		padding-top: 20px;
	}
	
	.divOrbitContainer {
		padding-left: 5px; 
		padding-right: 5px;
	}
	
	.divPageHeader1 {
		display: table-cell; 
		height: 50px; 
		vertical-align: middle !important;
	}
	
	.divSubPageContent1 {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.divSubPadRight {
		padding: 0;
	}
	
	.divSubPadLeft {
		padding: 0;		
	}
	
	.divHomePageContent1 {
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 auto !important;
	}
	
	.divHeadContent {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.divSubMaxWidth {
		max-width: 420px !important;
	}
	
	.subSectionTopPad {
		padding-top: 22px;
	}
	
	.subSectionTopPad2 {
		padding-top: 12px;
	}
	.lblAboveInputBottomPad {
		padding-bottom: 5px;
	}
	
	.lblPageHeader1 {
		font-size: 24px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #722282;
		padding-left: 0;
		vertical-align: middle;
		/*margin-left: -5px;*/
	}
	
	.lblPageHeader2 {
  		font-size: 24px;
  		font-weight: 300;
  		font-stretch: normal;
  		font-style: normal;
  		line-height: 35px;
  		letter-spacing: normal;
  		color: #171717;
	}
	
	.lblHighlightDesc {		    
  		font-size: 18px;
  		font-weight: 500;
  		font-stretch: normal;
  		font-style: normal;
  		line-height: normal;
  		letter-spacing: normal;
  		color: #722282;
	}	
	
	.lblHighlightDesc2 {		    
  		font-size: 12px;
  		font-weight: 500;
  		font-stretch: normal;
  		font-style: normal;
  		line-height: normal;
  		letter-spacing: normal;
  		color: #722282;
  		text-transform: uppercase;
	}
	
	.lblAppNormalDesc {  		  
  		font-size: 16px;  		
  		font-stretch: normal;
  		font-style: normal;  		
  		letter-spacing: normal;
  		color: #585858;  		
  		font-weight: 500;
  		line-height: 1.38;
	}
	
	.lblAppExtralarge {	
		font-size: 36px;	
		font-weight: 300;	
		font-stretch: normal;	
		font-style: normal;	
		line-height: normal;	
		letter-spacing: normal;	
		color: #722282;
	}
	
	.lblAppMedium {	   
		font-size: 18px;	
		font-weight: normal;	
		font-stretch: normal;	
		font-style: normal;	
		line-height: 1.44;	
		letter-spacing: normal;	
		color: #393939;
	}
	
	.btnAppFlowPhl {
		min-width: 250px;
	}
	
	.divSubPagePad {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.imgAppPhleboDesc {
		width: 30px; 
		margin-right: 10px;
	}
	
	.lblAdpeSearchAgain {
		font-size: 14px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #585858;
		padding-left: 10px;
		padding-bottom: 20px;
	}
	
	.lblAdpeSearchAgain a {
		color: #585858 !important;
	}
	
	.spnAdpeDateGo {
	    font-weight: normal;   
	    color: #6f6f6f;
	    font-size: 14px;
	    padding-right: 0.5em;
	}
	
	.divAdpeDateHead {
		text-align: left;
		font-weight: bold;
		background-color: #722282 !important;
		color: #ffffff !important;
		height: 2.5em;
		padding-left: 10px !important;
		padding-top: 10px !important;
	}
	
	.divAdpeDateHead:hover {
		background-color: #722282 !important;
	}
	
	.divAdpeDistanceHead {
		text-align: right;
		font-weight: bold;
		background-color: #722282 !important;
		color: #ffffff !important;
		height: 2.5em;
		padding-left: 10px !important;
		padding-top: 10px !important;
	}
	
	.divAdpeDistanceHead:hover {
		background-color: #722282 !important;
	}
	
	.divAdpeSiteDetails {
		position: relative;
		padding-left: 10px !important;
		padding-right: 100px !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		line-height: 1.6;
		border-top: 1px solid #722282;
		font-size: 14px;
	}
	
	.divAdpeSiteDetails a {
		padding-top: 1px !important;
	}
	
	#backAdpe {
		position: absolute;
		bottom: 0;
		width: 40%;
		margin-left: -5px;
		margin-bottom: 2%;
		z-index: 2;
		left: 0;
	}
	
	.divAdpeShowMore {
		text-align: right !important; 
		padding: 0; 
		padding-top: 20px;
		padding-right: 10px;
	}
	
	.btnAdpeSiteSeeTimes {
		position: absolute; 
		bottom: 30px !important; 
		right: 20px;
		border-radius: 17.5px;
		border: solid 1px #722282;
		background-color: #ffffff !important;
		color: #722282 !important;  
		padding-top: 0.5625em;
		padding-right: 1.125em;
		padding-bottom: 0.625em;
		padding-left: 1.125em;
		margin-right: -10px;
		min-width: 125px;
	}
	
	.btnAdpeSiteDriveFull {
		position: absolute; 
		bottom: 30px !important;
		right: 20px;
		border-radius: 17.5px;
		border: solid 1px #808080;
		background-color: #808080 !important;
		color: #ffffff !important;  
		padding-top: 0.5625em;
		padding-right: 1.125em;
		padding-bottom: 0.625em;
		padding-left: 1.125em;
		margin-right: -10px;
		min-width: 125px;
	}
	
	.aHrefAdpeWalkIn {
		position: absolute; 		
		right: 20px;
		bottom: 18px !important;
	}
	
	.aHrefAdpeWalkIn:hover, .aHrefAdpeWalkIn:active, .aHrefAdpeWalkIn:visited {
		color: #722282;
	}
	
	.activeAdpe {
		background-color: #722282 !important;
		color: #ffffff !important;
	}
	
	.btnAdpeSiteSeeTimes:hover, .btnAdpeSiteSeeTimes:focus {
		background-color: #722282 !important;
		color: #ffffff !important;
	}
	
	.btnAdpeSiteSeeTimes:disabled, .btnAdpeSiteSeeTimes[disabled] {
		background-color: #ffffff !important;
		color: #ffffff !important;
	}
	
	.btnAdpeSiteSeeTimes:disabled:hover, .btnAdpeSiteSeeTimes[disabled]:hover {
		background-color: #ffffff !important;
		color: #ffffff !important;
	}
	
	.imgLoadAdpeSiteSeeTimes {
		margin-top: -41px !important; 
		position: absolute; 
		margin-left: auto; 
		margin-right: 55px; 
		left: 0; 
		right: 0;
	}
	
	.divTimesAppender {
		padding: 0;  
		margin-top: 0;
	}	
	
	.lblAdpeInfoPhlebo {
		font-size: 12px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #585858;  
		display: block;	
	    padding-left: 10px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    line-height: 1.8;
	}
	
	.divAdpeContInfoPhlebo {	
		padding-bottom: 10px;	
	}
		
	.adpeDivTimesContainerOut {
		background-color: #fef1da; 
		padding: 0;
		padding-top: 20px;
		display: inline-table; 
		width: 100%;
	}
	
	.adpeDivTimesContainer { 
		display: inline-flex;
		border-bottom: 1px dotted;
		margin-left: 5px;
		background-color: #fef1da;
	}
	
	.adpeDivTimesHead { 
		display: inline-flex;  
		margin-left: 10px;
		background-color: #fef1da;
		font-size: 18px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #722282;
		padding-bottom: 10px;
		padding-bottom: 10px;
		width: 100%;
	}
	
	.adpeDivTimes {
		margin: auto; 
		margin-left:0; 
		margin-right:0; 
		vertical-align: middle; 
		width:auto; 
		padding-left: 5px; 
		padding-right: 5px;  
		min-width: 80px;
	}
	
	.adpeBTime {
		font-size: 80%;
	}
}

.divSubPageContentCenter {
	text-align: center;
}

.divArpeSubPageAcc {
	padding: 20px;
}

.divAfpeBck {
	background-color: #f2f2f2;	
}
	
.aHrefAppFlowPhl {
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #722282;
}

.aHrefAppFlow, .aHrefAppFlow:hover, .aHrefAppFlow:active, .aHrefAppFlow:visited {
	color: #722282;
}

.aHrefAddCalAppFlowPhl,  .aHrefAddCalAppFlowPhl:hover {
	font-size: 16px !important;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #722282;	
	text-decoration: underline;			
}

.imgArpeCreateAccount {
	float: left; 
	width: 65px;	
}

.imgArpeCreateAccount2 {
	float: left; 
	width: 65px;
	position: absolute; 
	display: block;
	padding-top: 85px;	 
	left: 20px;
}

.mrgArpeLeft {
	margin-left: 85px;
}

.shareArpe {
	justify-content: flex-start;
}

.shareArpe a {
	margin-left: 20px;	
}

.adpeDivPhleboOut {
	overflow: auto;
	padding-bottom: 0 !important;
	padding-top: 0.5em !important;
	line-height: 0.5em !important;	
}

.adpeDivPhlebo {  
	padding-top: 0.5 !important;
	padding-bottom: 0.5 !important;
	margin-bottom: 0.5 !important;
	overflow: auto;
	float: left;
	width: auto;
	text-align: left;
	line-height: 2.75em;	
	margin-right: 0 !important;
	padding-right: 0 !important;	
}

.imgAdpeInfoPhlebo {
	width: 44.2px;
	height: 44px;
	object-fit: contain;
	outline: 0;
	display: inline;
	padding-left: 10px;
}

.divAdpeGoDate {
	padding-bottom: 10px;
}

.lblAdpeSearchError {
	font-size:large;
	padding-left: 5px;
}

.divAdpeSiteDetailsLine {
	height: 10px;
}

.spnAdpeSiteDistance {
	position: absolute; 
	top: 20px; 
	right: 20px;
	width: 110px;
	height: 22px;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #722282;
	text-align: right;
}

.spnAdpeSiteDate {
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #722282;
}

.fldSetAdpe {
	margin-top: -25px; 
	margin-left: -5px;
}

.fldSetAdpeGuest {
	margin-top: -10px; 
	margin-left: -5px;
}

.divAdpeTimesBackSel {
	background-color: #fef1da;
}

.btnAdpeMoreDates {
	font-size: 30px !important;
	font-weight: 600 !important;								
	color: #ffffff !important;
    padding-top: 0 !important;
    padding-right: 30px !important;
    padding-bottom: 45px !important;
    padding-left: 30px !important; 
    background-color: #e65300 !important;  
    border-radius: 17.5px;
    height: 25px !important;
}

.txtAdpeSearch,
.txtAdpeSearch::-webkit-input-placeholder {   
    color: #585858 !important;
    font-size: 18px !important;
    height: 40px !important;
    font-weight: bold !important;
    text-align: center !important;
}

.txtAdpeSearch,
.txtAdpeSearch:-ms-input-placeholder{
   color: #585858 !important;
   font-size: 18px !important;
   height: 40px !important;
   font-weight: bold !important;
   text-align: center !important;
}

.txtAdpeSearchGuest {
	width: 100%; 
	border: 1px solid #cccccc;
   	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.txtAdpeSearchGuest:focus { 
    outline: none !important;
    box-shadow: 0 0 4px #585858
}

.txtAdpeSearchGuest,
.txtAdpeSearchGuest::-webkit-input-placeholder {   
    color: #585858 !important;
    font-size: 18px !important;
    height: 40px !important;
    font-weight: bold !important;
    text-align: center !important;
}

.txtAdpeSearchGuest,
.txtAdpeSearchGuest:-ms-input-placeholder{
   color: #585858 !important;
   font-size: 18px !important;
   height: 40px !important;
   font-weight: bold !important;
   text-align: center !important;
}

.btnAppFlow100 {
	width: 100%;
}

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

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

.spnAdpeHourAm {
}

.spnAdpeHourPm {
	display: none;
}

/* Appointment flow Phlebotomy Extended END */

/* TABS Appointment flow */

.tabsApp, .tabsApp a {
	*zoom: 1;
	margin-bottom: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #722282;
}

.tabsApp:before, .tabsApp:after {
	content: " ";
	display: table; 
}
  
.tabsApp:after {
	clear: both;
}

.tabsApp dd {	
	position: relative;	
	float: left;	
	padding-left: 11px;
	min-width: 150px;
	margin-bottom: -1px !important;
}

.tabsApp dd > a {
	display: block;
	background: #efefef;
	border: thin solid #efefef;
	color: #222222;
	padding: 1rem 2em;	
	font-size: 1em;	
	font-family: 'Filson Pro Medium';	
}

.tabsApp a {
    padding:0.45em 0.7em !important;
    margin-top:0.1em;
    color: #666 !important;
    border: 1px solid #722282 !important;
    background-color: #f0e1f4 !important;    
}

.tabsApp a:hover {
    background-color: #722282 !important;
    color:#fff !important;
    text-decoration: none;
}

.tabsApp .active a, .tabsApp .active a:hover {
    padding:0.45em 0.7em !important;
    margin-top:0.1em;
    background-color: #fff !important;
    color: #722282 !important;
    border-bottom: 1px solid #fff !important;
    font-weight: 400;
    text-decoration: none;    
}

.tabs-content-app > .content {
	display: none;
	float: left;
	padding: 0.9375em 0;
	width: 100%; 
    padding:0 !important;
}

.tabs-content-app > .content.active {
	display: block;
	float: none; 
}

.tabs-content-app div.content > br {
    display:none;
    height:0;
    padding-left: 11px;
}

/* TABS Appointment flow END */

/* Tooltip Dwp Top container */

.tooltipDwpTop:hover {	
	color: #722282;
}

@media only screen and (max-width: 40em) {	
	.smiley {		
		display:none;
	}	
}

@media only screen and (min-width: 40.063em) {
	.divErrorContainer {
		height: 60%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;		
	}
	.lblOoops {
		font-size: 3rem;
		font-family: 'Filson Pro Light';
		color: black;
	}
	.lblErrorDetail {
		font-size: 1.8rem;
		font-family: 'Filson Pro Book';
		color: black;
	}
	.aSesionRestart {
		font-size: 1.8rem;
		font-family: 'Filson Pro Book';
		color: #e65300 !important;
	}
	.aSesionRestart:hover {
		color: #e65300 !important;
		text-decoration: underline;
	}
	.imgErrorDetail {
		max-height: 200px;
	}
}

@media only screen and (max-width: 40em) {
	.divErrorContainer {
		height: 60%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;		
	}
	.lblOoops {
		font-size: 2.5rem;
		font-family: 'Filson Pro Light';
		color: black;
	}
	.lblErrorDetail {
		font-size: 1.3rem;
		font-family: 'Filson Pro Book';
		color: black;
	}
	.aSesionRestart {
		font-size: 1.3rem;
		font-family: 'Filson Pro Book';
		color: #e65300 !important;
	}
	.aSesionRestart:hover {
		color: #e65300 !important;
		text-decoration: underline;
	}
	.imgErrorDetail {
		max-height: 150px;
	}
}

.lblDdfLinkEror {
	font-size: 120%;
	font-family: 'Filson Pro Medium';	
}

.backArrowSpan{
	display: none;
}

@media only screen and (max-width: 40em) {
	.subDivLeft {
		background-color: #dddddd;
	}
	.subDivRight {
		background-color: #ece6e6;
	}
	.btnRedHigh {
		background-color: #e65300 !important;
	}
	.btnRedHigh:hover {
		background-color: #f58220 !important;
	}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.subDivLeft {
		background-color: #dddddd;
		height: 550px;
	}
	.subDivRight {
		background-color: #ece6e6;
		height: 550px;
	}
	.btnRedHigh {
		background-color: #e65300 !important;
	}
	.btnRedHigh:hover {
		background-color: #f58220 !important;
	}
}

@media only screen and (min-width: 64.063em) {
	.subDivLeft {
		background-color: #dddddd;
		height: 490px;
	}
	.subDivRight {
		background-color: #ece6e6;
		height: 490px;
	}
	.btnRedHigh {
		background-color: #e65300 !important;
	}
	.btnRedHigh:hover {
		background-color: #f58220 !important;
	}
}

input.apple-switch:checked {
  box-shadow: inset 20px 0 0 0 #e65300 !important;;
  border-color: #e65300 !important;;
}

.divFloatLeftPr15 {
	float: left;	
	height: 47px;
    padding-top: 5px;
    margin-bottom: 5px;
    padding-right: 15px;
}

.divFloatLeftPr5 {
	float: left;
	padding-right: 15px;
	height: 47px;
    padding-top: 5px;
    margin-bottom: 5px;
}

@media only screen and (min-width: 512.063px) {
	.advMarkLeft {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		background-color: #d9d9d9;
		padding-left: 5px;
	}
	.advMarkRight {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		background-color: #d9d9d9;
		padding-right: 5px;
		padding-left: 0;
		margin-right: 15px;
	}
}

@media only screen and (max-width: 512px) {
	.advMarkLeft {
		border-radius: 5px;
		background-color: #d9d9d9;
		padding-left: 5px;
		padding-right: 5px;
	}
	.advMarkRight {
		border-radius: 5px;
		background-color: #d9d9d9;
		padding-right: 5px;
		padding-left: 15px;
		margin-right: 15px;
	}
}

.btnAdvSearchDown {
	width: 200px !important;
	padding: 8px 10px !important;
	font-size: 100% !important;
	border-radius: 5px;
	margin-top: 10px;
	background-color: #722282;
	border: solid 1px #722282;
}

.btnAdvSearchDown:hover, .btnAdvSearchDown:focus {
	background-color: #ffffff !important;
	color: #722282 !important;
	border: solid 1px #722282;
}

@media only screen and (min-width: 807.063px) {
	.btnAdvSearch {
		width: 100px !important;
		padding: 8px 10px !important;
		margin-top: -3px;
		margin-left: 15px !important;
		font-size: 100% !important;
		border-radius: 5px;
		background-color: #722282;
		position: static;
		float: right;
		margin: 0.15em 0 0.75em;
	}
	
	.btnAdvSearch:hover, .btnAdvSearch:focus {
		background-color: #ffffff !important;
		color: #722282 !important;
		border: solid 1px #722282;
	}
	
	.btnAdvFilter {
		width: 150px !important;
		padding: 8px 10px !important;
		margin-top: -3px;
		margin-left: 15px;	
		position: static;
		float: right;
		margin: 0.25em 0 0.75em;
		-webkit-appearance: none !important;
		background-color: #fafafa;
		background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
		background-repeat: no-repeat;
		background-position: 95% center;
		border: 1px solid #cccccc;
		padding: 0.5em;
		border-radius: 5px;
		height: 2.3725em !important;
		color: inherit;
	    font: inherit;
	    text-align: left;
	}
	
	.btnAdvFilter:hover, .btnAdvFilter:focus {
		background-color: #f3f3f3 !important;
	    border-color: #999999 !important;
	    color: inherit !important;    
	    background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
		background-repeat: no-repeat;
		background-position: 95% center;
	}
	
	.btnAdvLocation {
		width: 150px !important;
		padding: 8px 10px !important;
		margin-top: -3px;
		margin-left: 15px;	
		position: static;
		float: right;
		margin: 0 0 0.75em;
		-webkit-appearance: none !important;
		background-color: #fafafa;
		border: 1px solid #cccccc;
		padding: 0.5em;
		border-radius: 5px;
		height: 2.3725em !important;
		color: inherit;
	    font: inherit;
	    text-align: left;
	}
	
	.btnAdvLocation:hover, .btnAdvLocation:focus {
		background-color: #f3f3f3 !important;
	    border-color: #999999 !important;
	    color: inherit !important;
	}
	
	.divAdvSearch {
		display: inherit !important;
	}
	
	.divAdvSearchSml {
		display: none !important; 
	}
}

@media only screen and (max-width: 807px) {
	.btnAdvSearch {
		width: 100px !important;
		padding: 8px 10px !important;
		margin-top: -3px;
		margin-left: 15px !important;
		font-size: 100% !important;
		border-radius: 5px;
		background-color: #722282;
		position: static;
		float: left;
		margin: 0.15em 0 0.75em;
	}
	
	.btnAdvSearch:hover, .btnAdvSearch:focus {
		background-color: #ffffff !important;
		color: #722282 !important;
		border: solid 1px #722282;
	}
	
	.btnAdvFilter {
		width: 150px !important;
		padding: 8px 10px !important;
		margin-top: -3px;
		margin-left: 15px;	
		position: static;
		float: left;
		margin: 0.25em 0 0.75em;
		-webkit-appearance: none !important;
		background-color: #fafafa;
		background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
		background-repeat: no-repeat;
		background-position: 95% center;
		border: 1px solid #cccccc;
		padding: 0.5em;	
		border-radius: 5px;
		height: 2.3725em !important;
		color: inherit;
	    font: inherit;
	    text-align: left;
	}
	
	.btnAdvFilter:hover, .btnAdvFilter:focus {
		background-color: #f3f3f3 !important;
	    border-color: #999999 !important;
	    color: inherit !important;    
	    background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
		background-repeat: no-repeat;
		background-position: 95% center;
	}
	
	.btnAdvLocation {
		width: 150px !important;
		padding: 8px 10px !important;
		margin-top: -3px;
		margin-left: 15px;	
		position: static;
		float: left;
		margin: 0 0 0.75em;
		-webkit-appearance: none !important;
		background-color: #fafafa;
		border: 1px solid #cccccc;
		padding: 0.5em;	
		border-radius: 5px;
		height: 2.3725em !important;
		color: inherit;
	    font: inherit;
	    text-align: left;
	}
	
	.btnAdvLocation:hover, .btnAdvLocation:focus {
		background-color: #f3f3f3 !important;
	    border-color: #999999 !important;
	    color: inherit !important;
	}
	
	.divAdvSearch {
		display: none !important; 
	}
	
	.divAdvSearchSml {
		display: inherit !important;
	}	
}

.btnAdvChooseDate {
	height: 2.275em !important;
	width: 2.75em;
	padding: 0;
	margin-left: 1.05em !important;
	border-radius: 0;
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	background-color: #e65300;
}

.btnAdvChooseDate:hover {
	background-color: #f58220;
}

.btnAdvChooseDate img {
	width: 1.225em;
}

.inpAdvSearch80 {
	width: 95px !important;
	display: inline-block !important;
	padding: 15px 10px !important;
	font-size: 100% !important;
	border-radius: 5px;
}

.ddRefDivContTop {	
	width: 115px; 
	padding-top: 2px !important;
}

.ddRefDivContInner {	
	width: 115px; 
	padding-top: 7px !important;
}

.ddRefDivContTop12 {
    width: 125px;
    padding-top: 2px !important;
    padding-left: -10px !important;
}

.ddRefDivContInner12 {	
	width: 125px; 
	padding-top: 7px !important;
	padding-left: -10px !important;
}

.ddReflblSubheader {
	line-height: 1.4;
	color: #6f6f6f;
	font-weight: normal;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	font-size: 1.400em
}

.ddRefRowStartSave {
    padding: 10px;
    background-color: #722282;
}

.ddRefDivRounded {
    background-color: #722282;
    color: white;
    border-radius: 5px;
    padding: 10px;
    min-height: 80px;
}

.donationCountLayout {
    background-color: #ffffff;
    color: #722282;
    border-radius: 5px;
    padding: 10px;
    min-height: 80px;
}

@media only screen and (max-width: 40em) {
	.ddRefColOut {
		padding-left: 14px !important;
	}
}

.btnLocationPop {
	background-color: #722282 !important;
	color: white !important;
	margin-top: 3% !important;
	
}

#btnAdvMyLoc{
	margin-left: 0% !important;
    height: 32px !important;
	width: 170px !important;
	text-align: left !important;
    font: inherit;
    background-color: #722282 !important;
}

#btnAdvMyLoc:hover, #btnAdvMyLoc:focus{
	background-color: #ffffff !important;
	color: #722282 !important;
	border: solid 1px #722282;
}

.divSubSearch2 {
	margin-top: 2%;
	display: flex;
	flex-direction: column;
	width: -webkit-fill-available !important;
	background-color: #d9d9d9;
	border-radius: 10px;
}

.btnAdvPopClearFilter:hover, .btnAdvPopClearFilter:focus {
	background-color: #722282 !important;
	color: #ffffff !important;
}

.divAdvMileKmMargin {
	margin-left: -15px;
	margin-top: 1%;
}

#btnAdvPopSearch:hover, #btnAdvPopSearch:focus{
	color: #722282 !important;
	background-color: #ffffff !important;
}

.quesPdfIcon {
	width: 40px !important;
	padding-bottom: 5px;
}
.quesHtmlIcon {
	width: 40px !important;
  padding-bottom: 5px;
}

.textColour {
	color: #000000;
}

.ddRefLblMediumLTD {	
	font-size: 13px; 
	color: #722282;
	font-weight: bold;
}

.backgroundStyle {
	background-color: #ffa300 !important;
	color: #722282;
	border-radius: 50%;
    width: 70px;
  	height: 70px;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	font-weight: bold;
  	font-size: 24px;
  	margin: 10px;
}

.circleLTD {
	display: flex;
	justify-content: space-between;
}

.leftPadding {
	padding-left: 1px !important;
	width: 120px !important;
}

.btnAcceptCookies{
	margin: 0 10px;
    cursor: pointer;
    background-image: linear-gradient(#722282, #722282, #722282);
}

.btnRejectCookies{
	margin: 0 10px;
    cursor: pointer;
    background-image: linear-gradient(#722282, #722282, #722282);
}

.imgLoadModalYes {
    position: absolute;
    top: 5px;
    left: 30px;
    width: 35px;
}

.btnReloadNo {
    min-height: 47px;
    min-width: 102px;
}

.btnReloadYes {
   min-height: 47px;
   min-width: 102px;
}

.btnReloadYesSpin {
   padding-bottom: 18px !important;
}