/**
 *
 * Custom CSS
 *
 */

/**
 * Footer
 */
footer a {
	text-decoration: none;
}

/**
 * Header
 */
 .acctHead span.border {
    border-top: solid 4px #c0d730 !important;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .acctHead span.border {
        width: 18%;
    }
}
.acctHead h3 {
    color: #aa6418;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    font-family: 'Reem Kufi', sans-serif;
    margin: 10px 0;
}

#loggedInDropdownMenuExternal a !important {
	text-decoration: none;
}

.settings li a, .linkNav li a {
	text-decoration: none;
}

#loggedInDropdownMenu {
	background-color: #1B702A;
	z-index: 1;
}

#verifyAccountSettingsAlert .modal-content,
#dashboardHelpModal .modal-content {
	background: #5a652c;
	color: #fff;
}

#confirmDataDeletionModal .modal-content,
#sessionExpiredModal .modal-content,
#emailFail.modal-content {
	background: #FB6048;
	color: #fff;
}

#emailSuccess.modal-content {
	background: #337ab7;
	color: #fff;
}

#recieptEmailStatus .modal-title,
#dashboardHelpModal .modal-title,
#verifyAccountSettingsAlert .modal-title,
#sessionExpiredModal .modal-title {
	text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  word-spacing: 3px;
  font-family: 'Reem Kufi', Arial, sans-serif;
  color: rgba(255, 255, 255, 0.8);
}

#guestAccountMenu {
	border: none;
	font-size: 1.2rem;
  font-family: 'Signika', sans-serif;
  font-weight: 800;
  letter-spacing: .05rem;
  line-height: 20px;
  color: #fff;
}

#loggedInDropdownMenu ul {
	background-color: #1B702A;
	border: 1px solid #1B702A;
}

#loggedInDropdownMenu ul li a:hover {
	background-color: transparent;
	color: #000 !important;
}

#loggedInDropdownMenu ul li a, #loggedInDropdownMenu ul li div {
  font-family: "bebas_neue", "Oswald", sans-serif;
}

/**
 * Page Content Styling
 */

#verifyAccountSettingsAlertBtn {
	cursor: pointer;
  padding: 0;
/*  background: #c0d72f;*/
  background: #ccc;
  margin: 30px 0 10px;
}

#verifyAccountSettingsAlertBtn:hover {
	cursor: pointer;
  padding: 0;
/*  background: #c0d72f;*/
  background: #d1b695;
  margin: 30px 0 10px;
}

.filterBtn#newReservationBtn {
	background-color: #c16e10 !important;
}

.filterBtn#newReservationBtn:hover {
	background-color: #d97c12;
}

.filterBtn.active,
.receiptBtn.active,
.prefListItems.active,
.filterBtn:hover,
.receiptBtn:hover,
.prefListItems:hover {
	background-color: #d1b695;
	color: #fff !important;
	cursor: pointer;
}

.filterBtn,
.receiptBtn,
.parkName .btn,
.prefListItems {
	background-color: #ccc;
  color: #fff!important;
  font-family: 'Reem Kufi', sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size: 20.8px;
  letter-spacing: 0;
  border-radius: 0;
}

.prefListItems:hover {
	background-color: #d1b695;
	color: #fff!important;
}

.parkName .btn span,
.receiptBtn span,
.prefListItems span,
.filterBtn span {
	color: #fff;
/*  mix-blend-mode: overlay;*/
}

.receiptBtn.active {
	background-color: #107847;
}

#dashboardHelpModal .modal-dialog {
	margin-top: 8vh !important;
}

#securityStepsAccordian .accordion-button:not(.collapsed) {
  background-color: transparent;
}

#securityStepsAccordian .accordion-button:focus {
  box-shadow: none;
}

div#userPrefsEditContainer .userPrefSaveBtn:hover,
div#userPrefsEditContainer .updateReservationsBtn:hover,
div#userPrefsEditContainer .accountRelinkBtn:hover,
div#userPrefsEditContainer .accountRemovalBtn:hover {
	background-color: #d97c12;
	color: #fff;
}

div#userPrefsEditContainer .userPrefSaveBtn {
	background: #c16e10;
	font-family: 'Reem Kufi', sans-serif;
	text-transform: uppercase;
	font-weight: 800;
  font-size: 20px;
	color: #fff;
	margin-top: 0;
	margin-bottom:30px;
	font-size: 20px;
	letter-spacing: 2px;
	float: left;
	padding-top: 0;
	transition: background-color 200ms ease;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	cursor: pointer;
	border-radius: 4px;
}

div#userPrefsEditContainer .userPrefSaveGreyBtn:hover {
	background-color: #d97c12;
	color: #fff;
}

div#userPrefsEditContainer .userPrefSaveGreyBtn {
	background: #c16e10;
	font-family: 'Reem Kufi', sans-serif;
	text-transform: uppercase;
	font-weight: 800;
  font-size: 20px;
	color: #fff;
	margin-top: 0;
	margin-bottom:30px;
	font-size: 20px;
	letter-spacing: 2px;
	float: left;
	padding-top: 0;
	transition: background-color 200ms ease;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	cursor: pointer;
	border-radius: 4px;
}

div#userPrefsEditContainer .userPrefSaveBtn.changesSaved {
	background-color: #c16e10 !important;
	color: #fff;
}

div#userPrefsEditContainer .updateReservationsBtn,
div#userPrefsEditContainer .accountRelinkBtn,
div#userPrefsEditContainer .accountRemovalBtn {
	width: 100%;
	/*height: 35px;*/
	margin-top: 0;
	margin-bottom:30px;
	background-color: #999;
	/*text-transform: uppercase*/;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 2px;
	/*font-family: 'Museo Slab 700', serif;*/
	float: left;
	padding-top: 0;
	transition: background-color 200ms ease;
	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	cursor: pointer;
	border-radius: 4px;
}

.deauthorizePDFs:hover a {
	color: #72C267;
	cursor: pointer;
}

.scrollTop {
  position: fixed;
  background-color: #919f38;
  text-transform: uppercase;
  color: #fff;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  width: 100%;
  height: 40px;
  line-height: normal;
  bottom: 0;
  text-align: center;
  padding: 9px;
  z-index: 9;
  cursor: pointer;
  transition: background-color 200ms ease;
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
}

#logoutSpinner {
	height: 4rem;
	width: 4rem;
}

/**
 * Invoice History
 */

#btnSaveAccountInfo:focus,
.pagination li a:focus,
.cancelFilter:active:focus,
.iconBtns:active:focus {
	outline: none;
}

#invoiceHistoryContainer .dt-buttons button.buttons-print,
#invoiceHistoryContainer .dt-buttons button.buttons-csv,
#invoiceHistoryContainer .dt-buttons button.refreshAccounts,
#invoiceHistoryContainer .dt-buttons button.archivedAccounts,
#invoiceHistoryContainer .dt-buttons button.cancelFilter {
  background: #c16e10;
	color: #fff;
	font-family: 'Reem Kufi', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
  height: 40px;
  line-height: normal;
}

#invoiceHistoryContainer .dt-buttons button.cancelFilter:hover,
#invoiceHistoryContainer .dt-buttons button.refreshAccounts:hover,
#invoiceHistoryContainer .dt-buttons button.archivedAccounts:hover,
#invoiceHistoryContainer .dt-buttons button.iconBtns:hover {
	background-color: #fdd072;
	background: #fdd072;
}

#invoiceHistoryContainer .dataTables_filter input {
	height: 40px;
  width: 75%;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-size: 1rem;
  text-align: left;
  padding-left: 4px;
  margin: 0 0 10px 10px;
  font-weight: 200;
  display: inline-block !important;
}

#invoiceHistoryContainer .resSeperatorDetails {
  margin: 5px;
  display: block;
  font-size: 16px;
}

#cofPaymentContainer .cardSubDetails,
#invoiceHistoryContainer .resDateDetails {
  color: #5c5b3d;
}

#cofPaymentContainer .cardDetails,
#invoiceHistoryContainer .resSiteTotal,
#invoiceHistoryContainer .resSiteDetails {
  color: #3E3F40;
  font-family: 'Signika', Arial, sans-serif;
  font-weight: 700!important;
  font-size: 24px;
  line-height: 1.2;
}

.resHistory select, #searchDate input {
	height: 40px;
}

#invoiceList_table_info {
	font-size: 14px;
  margin-top: 6px;
  font-weight: 700;
  margin-left: 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: #c16e10;
  color: #fff !important;
  border: 1px solid #c16e10;
  border-radius: 3px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background-color: #fdd072;
	background: #fdd072;
	color: #fff !important;
	border: 1px solid #fdd072;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background-color: #d97c12;
	color: #fff !important;
}

#invoiceHistoryContainer thead,
#invoiceHistoryContainer thead tr th,
#cofPaymentContainer thead,
#cofPaymentContainer thead tr th {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  padding: 10px;
  font-size: 17.6px;
  background-color: #4a5021;
}

#invoiceHistoryContainer tbody,
#invoiceHistoryContainer tbody tr td,
#cofPaymentContainer tbody,
#cofPaymentContainer tbody tr td {
  font-family: 'Signika', Arial, sans-serif;
  font-size: 20.8px;
}

#cofPaymentContainer tbody tr:not(:first-child) td,
#invoiceHistoryContainer tbody tr td div.resSiteDetails:not(:first-child) {
  border-top: 1px solid #dee2e6 !important;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}

#invoiceHistoryContainer thead tr th::after,
#invoiceHistoryContainer thead tr th::before {
	display: none;
}

.invoiceRow td,
.cancelRow td {
	border-bottom: 1px solid !important;
	border-color: #dee2e6 !important;
	padding: 10px 10px !important;
}

.invoiceRow:hover {
	background-color: #f8f9fa !important;
	cursor: pointer !important;
}

.invoiceRow td.invoiceNumber {
	color: #AEAC84;
}

.balanceDueText {
	color: #b23428 !important;
	font-weight: 700;
}

/**
 * Delete Confirmation
 */
#toggleGoogleOneTapInfoModal .modal-content,
#confirmRelinkInvoicesModal .modal-content,
#confirmDataDeletionModal .modal-content {

	background-color: #fff;
}

#toggleGoogleOneTapInfoModal p,
#toggleGoogleOneTapInfoModal p a,
#confirmRelinkInvoicesModal p,
#confirmRelinkInvoicesModal p a,
#confirmDataDeletionModal p,
#confirmDataDeletionModal p a {
	margin-bottom: 15px;
	font-family: 'Open Sans', Arial, sans-serif;
  font-size: 1rem;
  color: #5c5b3d;
}

#toggleGoogleOneTapInfoModal p.confirmTitle,
#confirmRelinkInvoicesModal p.confirmTitle,
#confirmDataDeletionModal p.confirmTitle {

	font-family: 'Reem Kufi', sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 20.8px;
  color: #5c5b3d;
}

#toggleGoogleOneTapInfoModal .modal-header h4,
#confirmRelinkInvoicesModal .modal-header h4,
#confirmDataDeletionModal .modal-header h4 {
  font-size: 25.6px;
  color: #5C5B3D;
  font-weight: 600;
}

#cancelFields button.help {
	margin: 5px 0;
	width: 4rem;
	background: #efefef;
}

#prefsSpinner {
	margin-top: 100px;
	height: 5rem;
	width: 5rem;
}

#prefsSpinner p {
	font-family: 'Signika', sans-serif;
	font-weight: 800;
}

a.showHelp1,
a.showHelp2 {
  text-decoration: underline;
  cursor: pointer;
}

a.showHelp1:hover,
a.showHelp2:hover {
  color: #fbd036;
  text-decoration: underline;
}

#btnValidate {
	width: 100%;
  background-color: #29913B;
  font-size: 1.2rem;
  line-height: 1;
  margin-top: 15px;
}

#accountRemovalDiv p {
	margin: 0 0 8px 0;
}

#paymentInBtn {
	background-color: #FB6048 !important;
	border-color: #a53e2b !important;
}

#paymentInBtn:hover {
	background-color: #a53e2b !important;
}

.balanceDueText {
	color: #FB6048 !important;
	font-weight: 700;
}

/**
 * Sidebar Navigation
 */
#toolsAccountSettingsBtn {
	background-color: #d1b695;
  width: 240px;
  box-shadow: -3px 3px 5px rgba(0,0,0,0.15);
  color: #fff;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.3;
  text-align: left;
  padding: 8px 10px 6px;
  position: fixed;
  right: -199px;
  top: 256px;
  z-index: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
  z-index: 20;
  transition: right 200ms ease;
  -webkit-transition: right 200ms ease;
  -moz-transition: right 200ms ease;
}

#toolsBackReservation {
	background-color: #d1b695;
  width: 240px;
  box-shadow: -3px 3px 5px rgba(0,0,0,0.15);
  color: #fff;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.3;
  text-align: left;
  padding: 8px 10px 6px;
  position: fixed;
  right: -199px;
  top: 337px;
  z-index: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
  z-index: 20;
  transition: right 200ms ease;
  -webkit-transition: right 200ms ease;
  -moz-transition: right 200ms ease;
}

#toolsAccountSettingsBtn:hover,
#toolsAccountSettingsBtn:active {
  right: -128px;
}

#toolsHelpBtn {
	background-color: #d1b695;
  width: 240px;
  box-shadow: -3px 3px 5px rgba(0,0,0,0.15);
  color: #fff;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.3;
  text-align: left;
  padding: 8px 10px 6px;
  position: fixed;
  right: -199px;
  top: 299px;
  z-index: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
  z-index: 20;
  transition: right 200ms ease;
  -webkit-transition: right 200ms ease;
  -moz-transition: right 200ms ease;
}

#toolsHelpBtn i {
	margin-right: 18px;
}

#toolsHelpBtn:hover,
#toolsHelpBtn:active {
  right: -155px;
}

#toolsLogoutBtn {
	background-color: #d1b695;
  width: 240px;
  box-shadow: -3px 3px 5px rgba(0,0,0,0.15);
  color: #fff;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.3;
  text-align: left;
  padding: 8px 10px 6px;
  position: fixed;
  right: -199px;
  top: 342px;
  z-index: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
  z-index: 20;
  transition: right 200ms ease;
  -webkit-transition: right 200ms ease;
  -moz-transition: right 200ms ease;
}

#toolsBackReservation {
	background-color: #d1b695;
  width: 240px;
  box-shadow: -3px 3px 5px rgba(0,0,0,0.15);
  color: #fff;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.3;
  text-align: left;
  padding: 8px 10px 6px;
  position: fixed;
  right: -199px;
  top: 179px;
  z-index: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
  z-index: 20;
  transition: right 200ms ease;
  -webkit-transition: right 200ms ease;
  -moz-transition: right 200ms ease;
}

#toolsBackReservation:hover,
#toolsBackReservation:active {
  right: -70px;
}

#toolsLogoutBtn:hover,
#toolsLogoutBtn:active {
  right: -129px;
}

#toolsNewReservationBtn {
	background: #c16e10;
  width: 210px;
  box-shadow: -3px 3px 5px rgba(0,0,0,0.15);
  color: #FFF;
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.3;
  font-weight: bold;
  text-align: left;
  padding: 10px 15px;
  position: fixed;
  right: -170px;
  top: 190px;
  z-index: 99;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: pointer;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
}

#toolsNewReservationBtn:hover {
  background-color: #F78800;
  right: -26px;
}

.sideIcon i,
.scrollTop i {
  font-size: 19.2px;
 	margin-right: 15px;
}

.sideIcon span,
.scrollTop span {
  vertical-align: text-bottom;
  margin-bottom: 2px;
  display: inline-block;
}

.scrollTop span {
/*	font-family: 'Signika', sans-serif;
font-weight: 800;*/
/*  font-size: .8rem;*/
/*  line-height: 1;*/
  color: #fff;
}

#invoiceList_table_filter,
#invoiceList_table_filter label {
	width: 100%;
}

#googleQuickLogin {
	width: 50px;
}

#main {
  min-height: 1000px;
}

/**
 * Media Queries
 */
@media (min-width: 992px) {

	.scrollTop span {
		font-size: 16px;
	  line-height: 1;
	  margin-bottom: 6px;
	}

	#toolsNewReservationBtn {
	  background-size: 32px 32px;
	  background-position: 12px;
	  width: 260px;
	  font-size: 16px;
	  line-height: 1.3;
	  padding: 15px 15px;
	  right: -208px;
	  top: 209px;
	}

	#toolsBackReservation {
	  background-size: 32px 32px;
	  background-position: 12px;
	  width: 260px;
	  font-size: 16px;
	  line-height: 1.3;
	  padding: 10px 15px;
	  right: -208px;
	  top: 223px;
	}

	#toolsAccountSettingsBtn {
	  width: 240px;
	  font-size: 16px;
	  line-height: 1.3;
	  padding: 10px 15px;
	  right: -186px;
	  top: 300px;
	}

	#toolsHelpBtn {
	  width: 240px;
	  font-size: 16px;
	  line-height: 1.3;
	  padding: 10px 15px;
	  right: -186px;
	  top: 355px;
	}

	#toolsLogoutBtn {
	  width: 240px;
	  padding: 10px 15px;
	  right: -186px;
	  top: 410px;
	  font-size: 16px;
	  line-height: 1.3;
	}

	#toolsLogoutBtn:hover,
	#toolsLogoutBtn:active {
	  right: -92px;
	}

	#toolsAccountSettingsBtn:hover,
	#toolsAccountSettingsBtn:active {
	  right: -89px;
	}

	#toolsHelpBtn:hover,
	#toolsHelpBtn:active {
	  right: -120px;
	}

	#toolsBackReservation:hover,
	#toolsBackReservation:active {
	  right: -45px;
	}

	.sideIcon i {
  	font-size: 24px;
	}

	.scrollTop i {
  	font-size: 20px;
	}
}

@media (max-width: 768px) {

	/*.sideIcon, #btnPayRes {
		display: none;
	}*/

	#cofPaymentContainer .cardDetails,
	#invoiceHistoryContainer .resSiteDetails {
		font-size: 1.3rem;
  	line-height: 1;
	}

	p {
		font-size: 1rem;
	}

	.filterBtn, .receiptBtn, .parkName .btn, .prefListItems {
		padding-top: 0.5rem !important;
	  padding-bottom: 0.5rem !important;
	}

	#toolsNewReservationBtn {
		right: -170px;
	}

	#toolsAccountSettingsBtn {
	  right: -199px !important;
	}

	#toolsHelpBtn {
	  right: -199px !important;
	}

	#toolsLogoutBtn {
	  right: -199px !important;
	}

	#invoiceHistoryContainer .dt-buttons button.buttons-print,
	#invoiceHistoryContainer .dt-buttons button.buttons-csv,
	#invoiceHistoryContainer .dt-buttons button.refreshAccounts,
	#invoiceHistoryContainer .dt-buttons button.archivedAccounts,
	#invoiceHistoryContainer .dt-buttons button.cancelFilter {
		height: 35px !important;
		font-size: .75em !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.current {
		height: auto !important;
		font-size: .75em !important;
	}

	#invoiceHistoryContainer thead,
	#invoiceHistoryContainer thead tr th,
	#invoiceHistoryContainer tbody,
	#invoiceHistoryContainer tbody tr td {
		font-size: 1rem !important;
		text-wrap: nowrap !important;
	}

	#invoiceHistoryContainer .dataTables_filter input,
	.formCells input {
		height: 35px!important;
	}

	#invoiceHistoryContainer .dataTables_filter label {
		width: 100% !important;
	}

	div#userPrefsEditContainer .userPrefSaveBtn div {

		margin-top: 0.5rem !important;
	  margin-bottom: 0.5rem !important;
	}

	#parkFilters {
		margin-top: 0 !important;
	}
}