p,
li {
	color: #595959;
	font-size: 14px;
}

.label-other {
	margin-bottom: 7px;
	font-size: 1.2em;
	display: block;
	position: relative;
}

.grad {
	background: #ffffff;
}

.confTotalFee {
    text-align: left;
    margin-left: -98px;
}

.reviewCost {
   text-align: center;
    margin-left: -56px;
}

.srchBttn{
    margin: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 40px !important;
}

.form-control[readonly] {
    background-color: #fff !important;
}

.notVerifiedWalkinHours {
    margin: auto;
    display: block;
    width: 80%;
    margin-top: -15px;
    padding-bottom: 20px;
}

.closespacing
{
    padding-bottom: 5px !important;
    
}

.headerP {
	font-family: "HelveticaNeueW02-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #595959;
    margin: 0 0 0px;
}

table th {
	border-width: 1px 0;
	padding: 10px;
	border-top: 1px solid #FFFFFF;
	background: #FFFFFF;
	/*url(/media/images/global/tables/table_header_caps.png) center no-repeat ; */
	color: #000000;
	font-family: "HelveticaNeueW01", Helvetica, Arial, sans-serif;
	/*		text-transform:uppercase;*/
	font-size: 1.4em;

	text-align: center;
}

table td {
	padding: 8px;
	padding-left: 10px;
	padding-right: 15px;
	font-size: 11px;
	text-align: center;
}

/*IPP - NEW 4/2020 - */

#ippServiceDescription
{
    padding-top: 20px;
}

.ippList
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 40px;
}

/*Modal Styles*/

.modal {
	display: none;
}

.textfield input,
.datefield input {
	background: none !important;
	text-indent: 5px;
}

.header .links-block-wrapper {
	margin-left: 0px;
	margin-bottom: 50px;
}

li.icon,
li.icon2,
li.icon3 {
	margin-left: 35px;
}

li.icon:before,
li.icon2:before {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	height: 28px;
	width: 27px;
	margin-left: -39px;
	margin-bottom: -18px;
	margin-right: 11px;
}

li.icon3:before {
	height;
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 33px;
	width: 30px;
	margin-left: -40px;
	margin-bottom: -20px;
	margin-right: 9px;
}

li.icon:before {
	background-image: url(/media/images/holdmail/usps_hold_mail_faqs_icon.png);
}

li.icon2:before {
	background-image: url(/media/images/holdmail/usps_hold_mail_edit_request_icon.png);
}

li.icon3:before {
	background-image: url(/media/images/holdmail/usps_hold_mail_signup_icon.png);
}

li.icon:after,
li.icon2:after,
li.icon3:after {
	content: "";
	display: inline-block;
	background-image: url(/media/images/holdmail/usps_l_nav_red_arrow.svg);
	background-repeat: no-repeat;
	background-position: 2px -4px;
	height: 11px;
	width: 22px;
	background-size: 20px 20px;
	float: right;
	margin-top: -4px;
	transform: rotate(-90deg);
	margin-right: 11px;
}

.header .links-block {
	border: 1px solid #999999;
	border-width: 1px 1px;
	border-radius: 4px;
	width: 280px !important;
}

.links-block {
	background: none;
}

.grad {
	background: none !important;
	margin-bottom: 50px;
}

.textfield.name-middle {
	margin-top: 3px;
}

.section,
.textarea_TL {
	background: none;
}

.composite-field.field-block {
	width: 346px;
}

.scroll-text .textarea_BL {
	background: none;
	height: 77px;
	border-bottom: 1px solid #999999;
}

.scroll-text .desc {
	height: 66px
}

.section {
	margin-top: -5px;
}

.submitButton .ui-button,
.button .ui-button {
	background: #333566;
	color: #ffffff;
	height: 40px;
	font-weight: bold;
	text-align: center;
	margin-right: 3px;
	padding-left: 0px;
	border: 2px #333566 solid;
	border-radius: 3px;
	font-size: 14px !important;
}

textarea {
	border-right: none;
}

.textarea_BL {
	background: none;
	height: 76px;
}

.textarea_TL {
	background: none;
	border-radius: 4px;
	border: 1px solid #999999;
}

div#privacy-policy-text .textarea_TL {
	border: none;
}

input::-webkit-input-placeholder {
	color: #999999;
}

input::-moz-placeholder {
	color: #999999;
}

input:-ms-input-placeholder {
	color: #999999;
}

input:-moz-placeholder {
	color: #999999;
}

.composite-field .state {
	width: 199px;
}

.inline-link {
	text-decoration: none;
	color: #333566;
	font-weight: bold;
}

.inline-link:hover {
	color: #999999;
}

span.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s:before {
	content: "";
	display: inline-block;
	background-color: #333566;
	position: absolute;
	color: #333566;
	width: 11px;
	height: 12px;
	top: 0;
	left: -10px;
}

.page-wrapper {
	background: none !important;
	max-width: 1240px !Important;
	width: 100% !Important;
	margin: 0 auto !Important;
	box-sizing: content-box !Important;
	padding-left: 0px !important;
}

.pageShadow {
	background: none !Important;
	margin: 0 auto;
	width: 970px;
}

.page {
	margin: 0px 0px !important;
}

.section > div {
	margin-left: 5px;
	margin-right: 5px;
}

h1.title {
	color: #333566;
	padding-bottom: 17px !important;
}

.header .title {
	font-size: 30px !important;
}

h4 {
	padding-bottom: 17px !important;
	line-height: 23px !important;
}

div.col-sm-8.vcenter > h4 {
	padding-bottom: 1px !important;
}

#selectedLocationResult > h4 {
	padding-bottom: 8px !important;
}

.header .links-block-wrapper {
	margin-left: 0px;
	margin-bottom: 45px;
	margin-top: 2px !important;
}

.header .desc {
	font-size: 14px !important;
	line-height: 19px !important;
	color: #000000 !important;
	padding-bottom: 42px !important;
}

.section .body {
	margin-left: 33px !important;
}

.section .section-head {
	/*    width: 278px !Important;*/
	text-align: left;
}

.section .section-info {
	width: 478px !Important;
}

.addressSection {
	margin-top: 7px !important;
}

.column-1 {
	padding-bottom: 29px !important;
	width: 278px !important;
}

.static-text {
	padding-bottom: 34px !Important;
	font-size: 14px;
	width: 490px
}

.name-middle,
.name-last {
	margin-left: 8px !important;
}

.section .section-head .title {
	margin-bottom: 18px;
	text-align: left;
	font-size: 26px !important;
	line-height: 32px !important;
}

.section-head .desc {
	font-size: 13px !important;
	line-height: 18px !important;
	color: #000000;
	padding-right: 0 !important;
}

.section-info .desc {
	font-size: 13px !important;
	line-height: 18px !important;
	color: #000000;
	padding-right: 0 !important;
}

.textfield label {
	font-size: 11px !important;
	color: #000000;
}

.name-last input {
	width: 122px !important;
}

.field-block {
	margin-top: 10px !important;
}

.inputLeft {
	margin-right: 0px !Important;
}

.state label {
	font-size: 10px;
}

.zip input {
	text-indent: 3px !important;
}

#peopleCountChange {
    color: #e71921 !important;
}

#timeCountChange {
    color: #e71921 !important;
}

.borderColorTime {
    border: 2px solid #e71921 !important; 
}

/* Error styling Start*/

.fontStyle18,
.error,
.error-icon {
	color: #e71921;
}

.error {
	background: none !important;
	padding-left: 0px !important;
}

.error_code.active {
	display: inline-block!important;
}

.error_code {
	margin-top: 20px;
	color: #e71921;
	font-size: 13px;
	font-weight: bold;
}

.textfield.name-first.field_error div.inputLeft,
.textfield.name-last.field_error div.inputLeft {
	border: 2px solid #e71921 !important;
	width: 115px !important;
}

.textfield.field_error div.inputLeft,
.textfield.field-block.field_error div.inputLeft {
	border: 2px solid #e71921 !important;
}

/*****/

label.error {
	display: inline-block!important;
	/* border: 2px solid #e71921 !important;
width: 115px !important; */
	margin-top: 10px;
	color: #e71921;
	font-size: 13px !important;
	font-weight: bold;
	margin-bottom: 0px !important;
}

/* Error Styling End */

.warning {
	margin-top: 20px;
	font-size: 13px;
}

.column-1 .static-text {
	margin-top: 3px;
}

.smallButton .ui-button {
	background: #333566 !important;
	border-radius: 3px;
	padding: 0 !important;
	font-weight: bold;
	font-size: 16px;
	min-width: 170px;
	border: 2px #333566 solid;
	height: 42px !important;
	box-sizing: border-box !important;
	line-height: 42px !important;
	text-align: center;
	margin: 3px 0px 0px 0px;
}

.smallButton .ui-button.ui-state-hover {
	background-color: #FFFFFF;
}

.smallButton .ui-button.ui-state-hover span {
	color: #333566;
}

.smallButton .ui-button:hover.ui-button-disabled {
	background: #333566 !important;
}

.button right .submitButton .ui-button:hover,
.button .ui-button:hover {
	background: #ffffff !important;
}

/*
button#scheduleAppointment,
button#printConfirmation {
    margin-right: 40px;
}
*/

.submitButton .ui-button:hover,
.button .ui-button:hover {
	background-color: #FFFFFF;
	color: #333566;
}


.submitButton .ui-button:hover span,
.button .ui-button:hover span {
	color: #333566;
}

.ui-button-disabled:hover span {
	color: #FFFFFF !important;
}

.ui-button-disabled:hover {
	background: #333566 !important;
}

.ui-state-hover a,
.ui-state-hover a:hover {
	color: #333566!important;
	background: #ededed!important;
	border: 1px solid #ededed;
}

.ui-selectmenu-menu li {
	background: #fff;
	padding: 0;
	margin: 0;
	display: block;
	border: 1px solid #FFFFFF;
	font-weight: normal !important;
	border-left: 1px solid #d8d8d8 !important;
	border-bottom-color: #ededed;
}

ul .ui-state-hover,
ul.ui-widget-content .ui-state-hover,
ul.ui-widget-header .ui-state-hover,
ul .ui-state-focus,
ul.ui-widget-content .ui-state-focus,
ul.ui-widget-header .ui-state-focus {
	border: 1px solid #ededed;
	background: #ededed;
	font-weight: normal;
	color: #333566;
}

.ui-selectmenu {
	color: #333566 !important;
}

.custom-checkbox label {
	background-image: url(/media/images/holdmail/usps_checkbox_checkmark.png) !important;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	background-size: 13px;
}

.textfield input,
.datefield input,
#holdmailform .selectLeft {
	background: none !important;
	text-indent: 5px;
	background: none !important;
	border: 1px solid #999999;
	border-radius: 4px !important;
	padding-left: 0px !important;
}

.name-first .inputRight {
	width: 113px;
}

.name-last .inputRight {
	width: 122px;
}

.inputRight,
.selectRight {
	padding-right: 3px;
	/* background:url(/media/images/global/form/input_summary_r.png) no-repeat right; */
	min-height: 27px;
}

p.sub-header {
	color: #333566 !important;
	font-size: 19px !important;
	padding-bottom: 17px !important;
	line-height: 23px !important;
}

.required.error {
	border: 2px solid #e71921;
}

#state-select label.error {
	position: absolute;
	padding-top: 38px;
}

.zip.textfield label.error {
	display: block !important;
	position: relative;
	top: 15px;
}

.form-group-contact label {
	color: #595959;
	font-family: "HelveticaNeueW01", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 100%;
}

/* Reskin implementation */

.schedule_appt .hidden {
	display: none;
}

.schedule_appt .redelivery-success-title {
	margin: 15px 0;
	font-size: 16px;
}

.schedule_appt .text-updates-success {
	padding-bottom: 10px;
}

.schedule_appt .redelivery-success-number {
	padding-bottom: 10px;
	border-bottom: solid 1px #9595C8;
}

.schedule_appt .redelivery-success-date,
.schedule_appt .redelivery-success-address,
.schedule_appt .redelivery-success-instructions,
.schedule_appt .delivery-instructions-success {
	padding: 15px 0;
	border-bottom: solid 1px #9595C8;
}

.schedule_appt .redelivery-success-date--date {
	font-weight: bold;
	padding-bottom: 10px;
}

.schedule_appt .redelivery-success span {
	display: block;
	line-height: 16px;
	word-break: break-all;
}

.schedule_appt .redelivery-success-number--num {
	font-size: 24px;
	margin: 10px 0px;
}

.schedule_appt .schedule-redelivery-user-details {
	/* font-size: 14px; */
	line-height: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #333566;
}

.schedule_appt .redelivery-success-address-verbiage {
	padding: 10px 0;
}

.schedule_appt .redelivery-success-phone,
.schedule_appt .redelivery-success-mailtype,
.schedule_appt .redelivery-success-additional-information {
	font-weight: bold;
	padding-bottom: 10px;
}

.schedule_appt .response-ok {
	color: #218748;
	font-family: "HelveticaNeueW01", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 15px;
}

.schedule_appt .response-error {
	color: #ff0000;
	font-family: "HelveticaNeueW01", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 15px;
	width: 100%;
}

.schedule_appt .response-data {
	font-weight: bold;
	padding-bottom: 10px;
}

.schedule_appt .response-text {
	padding: 15px 0;
}

.schedule_appt .actions_format_address div.schedule_appt .disabled {
	opacity: 0.schedule_appt .5;
}

.schedule_appt .adpEnabled {
	padding-bottom: 25px;
}

.schedule_appt .udBottom {
	margin-bottom: 40px;
}

.schedule_appt div.row.calendar-modal-link > div > input {
	background-color: #fff;
}

.ui-datepicker-next,
.ui-datepicker-prev {
	display: none;
}

.ui-datepicker {
	width: 100% !important;
	margin-top: 32px;
}

.ui-datepicker-group {
	display: inline-block;
	margin: 10px;
	padding: 5px;
	border: 1px solid #999999;
}

/*Datepicker Title*/

.ui-datepicker-title {
	padding: 10px;
	text-align: center !important;
	font-size: 11pt !important;
}

.ui-datepicker-year {
	display: none !important;
}

.ui-datepicker-current-day {
	background-color: #333566 !important;
	color: #FFFFFF;
}

.availableDatesT {
	height: 30px;
	font-size: 12px;
}

.ui-datepicker-current-day > .ui-state-default {
	color: #FFFFFF !important;
}

.ui-datepicker-other-month {
	background-color: transparent !important;
	border: 0 !important;
}

#selectedPostOfficeInfo {
	padding: 10px;
}

.availableDatesT:not(.ui-datepicker-unselectable) {
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

.futureAvailableDate {
	background-color: #3573B1 !important;
    color: #FFFFFF !important;
}

.ui-datepicker-unselectable {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border: 1px solid #999999;
	background-color: #D8D8D8;
}

.availableDatesT > span {
	color: #333566 !important;
}

#zipCodeTable tbody {
	max-height: 300px;
	overflow-y: auto;
}

#zipCodeTable thead {
	min-width: 200px;
}

.ui-datepicker-header {
	font-size: 16pt;
	font-family: 'HelveticaNeueW01', Helvetica, Arial, sans-serif;
	color: #333566;
	font-weight: bold;
}


.progress {
	height: 30px;
}

.progress-bar {
	line-height: 30px;
}

.progress-bar-usps {
	background-color: #333566;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.tooltip-arrow {
	bottom: -9px !important;
	left: 50%;
	margin-left: -12px !important;
	border-width: 15px 15px 0 !important;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: #FFFFFF !important;
}

.tooltip-arrow:after {
	content: " ";
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	border-right: 16px solid transparent;
	border-left: 16px solid transparent;
	border-top: 16px solid #333566;
	top: -15px;
	left: -16px;
}

.disabledSection {
	pointer-events: none;
	opacity: 0.99;
	background-color: #FFFFFF !important;
}

.disabledButton {
	pointer-events: none;
	opacity: 0.5;
	transition-delay: 0s
}

.spacedTooltip {
	margin-bottom: 5px;
}

.grayLeftTitle {
	text-align: left !important;
}

.modal-body {
	border: 0;
}

.centerAvail {
	vertical-align: middle !important;
}

/* This doesnt work well yet... */

#availablePostOffices tbody {
	display: block;
	height: 350px;
	overflow: auto;

}

#availablePostOffices thead,
#availablePostOffices tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;

}

#availablePostOffices thead {
	width: calc(100% - 1em);
}

.appts {
	color: #218748;
	font-weight: bold;
	font-size: 2em;
}

.noappts {
	color: #D8D8D8;
	font-size: 2em;
}

.loadingSpinner {
	border: 16px solid #F7F7F7;
	/* Light grey */
	border-top: 16px solid #333566;
	/* Postal Blue */
	border-radius: 50%;
	width: 150px;
	height: 150px;
	animation: spin 1.5s linear infinite;
	margin: 0 auto;
}

.processing {
	font-size: 16pt;
	color: #F7F7F7;
	font-weight: bold;
	margin: 0 auto;
	width: 200px;
	text-align: center;
}

.modal-blocked {
	padding: 27px 32px 19px 32px !important;
}

.enabledSort {
	color: #333566;
}

.disabledSort {
	color: #D7D7D7;
}

.calendarLegend {
	margin-top: 10px;
	font-size: 14px;
	color: #000000;
}

.calendarLegendModal {
	margin-right: -200px;
}

.calendarLegend p {
	font-size: 14px;
	margin-top: 15px;
}

.calendarKey {
	padding-right: 25px;
	margin-left: 15px;
}

#selectDateFromModal {
	margin-top: 30px;
	width: 240px;
}

#notAvailableCal {
	width: 30px;
	height: 30px;
	background-color: #999999;
	border: 1px solid #DDDDDD;
	display: inline-block;
	margin-right: 5px;
	margin-left: 0px;
	padding-top: 5px;
	opacity: .8;
	margin-bottom: 20px;

}

#availableCal {
	width: 30px;
	height: 30px;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	display: inline-block;
	margin-right: 5px;
	margin-left: 0px;
	padding-top: 5px;
	margin-bottom: 20px;
}

#selectedCal {
	width: 30px;
	height: 30px;
	background-color: #333566;
	border: 1px solid #DDDDDD;
	display: inline-block;
	margin-right: 5px;
	margin-left: 0px;
	padding-top: 5px;
	opacity: .8;
	margin-bottom: 20px;
}

#selectedDatePicker {
	width: 30px;
	height: 30px;
	color: #FFFFFF;
	background-color: #333566;
	border: 1px solid #D8D8D8;
	display: inline-block;
	margin-right: 5px;
	margin-left: 0px;
	padding-top: 5px;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
}

#availableDatePicker {
	width: 30px;
	height: 30px;
	background-color: #FFFFFF;
	border: 1px solid #333566;
	margin-right: 5px;
	display: inline-block;
	color: #333566;
	margin-left: 0px;
	padding-top: 5px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

#notAvailableDatePicker {
	width: 30px;
	height: 30px;
	border: 1px solid #333566;
	display: inline-block;
	margin-right: 5px;
	color: #333566;
	background-color: #D8D8D8;
	margin-left: 0px;
	padding-top: 5px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

#placeholder {
	width: 30px;
	height: 30px;
	border: 1px solid #333566;
	display: inline-block;
	margin-right: 5px;
	color: #333566;
	background-color: #3573B1;
	margin-left: 0px;
	padding-top: 5px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

.alert-usps {
	margin-bottom: 20px;
	padding-bottom: 0;
	color: #FFF;
	background-color: #ededed;
	font-weight: bold;
	border-radius: 3px;
}

.alert-usps p {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #E71921;
	font-weight: bold;
	text-align: center !important;
}

.alert-info {
	margin-bottom: 20px;
	padding-bottom: 0;
	color: #333566;
	background-color: #FFFFFF;
	font-size: 14px;
	border-radius: 3px;
}

.alert-info-red {
	margin-bottom: 20px;
	padding-bottom: 0;
	color: #E71921;
	background-color: #FFFFFF;
	font-weight: 600;
	font-size: 1.2em;
	border-radius: 3px;
}

.passport-info-icon {
	align-content: center;
	width: 20px;
	height: 13px;
	padding-left: 7px;
}

.usps-locations-header {
	color: #595959;
	font-size: 16px;
}

.usps-hours-tooltip {
	width: 900px;
}

.tooltip.in {
	opacity: 1!important;
}

.tooltip-inner {
	min-width: 950px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 250px;
	padding-left: 10px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

.tooltip-inner p {
	text-align: left;
}


.terms-conditions-small {
	font-size: 12px !important;
	color: #595959;
	font-family: "HelveticaNeueW01", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;

}

.button {
	min-width: 190px;
	height: 44px;
	padding-left: 20px;
	padding-right: 20px;
}

.buttonspace {
	margin: 0 15px;
}

.locationbutton {
	margin-left: -20px;
}

.passportcaratfix {
	top: 30px !important;
}

.redArrow {
	font-size: 16pt;
	color: #e71921;
}

.init-hide {
	display: none;
}

.errorbox {
	border: 1px solid #E71921 !important;
}

.modal-dialog {
	overflow-y: initial !important
}

.modal-review {
	min-width: calc(60vw);
}

.modal-body {
	min-height: 300px;
	overflow-y: auto;
	background-color: #FFFFFF;
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	padding-left: 55px !important;
	padding-right: 40px !important;
}

.closeicon {
	color: #333566;
	font-size: 32px;
	padding-right: 20px !important;
	padding-top: 20px !important;
	opacity: 1 !important;
}

.variable-width {
	width: calc(80vw - 20px);
}

.variable-width .desc {
	font-size: 13px !important;
	line-height: 18px !important;
	color: #000000;
	padding-right: 0 !important;
}

.uspsQtip {
	background-color: #FFFFFF;
	border-color: #333566;
	border-radius: 4px;
}

.uspsQtip .qtip-content {
	font-size: 14px;
	font-weight: bolder;
	word-spacing: 2px;
	line-height: 150%;
}

.errorreqlist {
	text-align: left;
	font-size: 10pt;
}

.locationInformation {
	text-align: left !important;
}

.clickdisable {
	pointer-events: none;
}

.graySection {
	background-color: #F7F7F7;
	padding: 40px;
	margin-bottom: 80px;
	padding-left: 40px;
}

.graySectionHeader {
	font-weight: normal;
	font-size: 12px;
	color: #595959;
	padding-bottom: 8px;
}

.feeGap {
	margin-bottom: 20px;
	display: block;
}

.rcasHR {
	margin-top: 30px;
	margin-bottom: 8px;
}

.appConfirmSpacing {
	margin-top: 10px;
	margin-bottom: 40px;
}

.graySectionBoldHeader {
	font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #595949;
	padding-bottom: 8px;
	padding-top: 8px;
}

.graySectionText {
	font-size: 14px;
	color: #000000;
}

.makeHeaderGray {
	color: #595949 !important;
}

.makeTextRed {

	color: #e71921 !important;
}

.makeTextUnbold {
	font-weight: normal !important;
}

.removeBottomSpace {
	margin-bottom: 5px !important;
	padding-bottom: 0 !important;
}

.editpencil {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	display: inline-block;
}

.fortyTop {
	margin-top: 40px;
}

.section-title {
	width: 100%;
	text-align: left !important;
	font-size: 22px !important;
	font-weight: normal !important;
	margin-top: 40px;
	margin-bottom: 30px;
}

.section-description {
	font-size: 14px;
	text-overflow: wrap;
}

div.checkbox input[type=checkbox] ~ span {
	border: 1px solid #999999;
	margin-top: 15px;
}

.checkboxText {
	color: #333566;
	margin-top: 18px;
	font-size: 13px !important;
}

.blueHeader {
	color: #333566;
}

.dropHeightTerms {

	min-height: 40px;
	margin-top: -30px;
	margin-left: 30px;
	margin-bottom: 25px;
}

.form-control {
	color: #000000 !important;
	text-overflow: ellipsis;
}

.selectedTime {
	color: #FFF;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
	font-size: 14px;
	font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.availableAppointment {
	color: #333566;
	margin-top: 15px;
	margin-left: 10px;
	font-size: 14px;
	text-align: left;
	font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fc-center h2 {
	font-size: 16px;
}

.fc-time {
	font-size: 14px;
	color: #595959;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 20px;
}

.fc-time-available {
	font-size: 14px;
	color: #333566;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 20px;
	font-weight: bold;
	font-weight: bold;
}

.nobold {
	font-weight: normal !important;
}

.uspsBlue {
	color: #333566;
}

.smallheader {
	margin-bottom: 20px;
}

.schdAppt {
	width: auto;
	min-width: auto;
}

.updateAppt {
	width: 280px;
}

.editAppt {
	width: 280px;
	margin-left: 32px;
}

.editBtn {
	width: 240px;
	margin-left: 32px;
}

.printBtn {
	width: 240px;
}

.usps-checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 12px;
	font-family: "HelveticaNeueW01", Helvetica, Arial, sans-serif;
	font-weight: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.subheader_links a {
	font-weight: bold !important;
}

.timeContainer {
	margin-top: 30px;
}

.cancelLabel {
	margin-left: -14px;
}

.canceledNewAppt {
	margin-left: 375px;
}

.checkboxTextTxt {
	margin-bottom: 30px;
}

.checkboxTextTerms {
	margin-top: -30px;
}

.boxTerms {
	margin-top: -30px !important;
}

.privactAct {
	margin-top: -12px;
}

.smallTC {
	margin-top: 8px;
	width: 810px;
}

.reviewBtn {
	margin-top: 40px;
	margin-bottom: 80px !important;
}

.cancelApptBtn {
	margin-top: 15px;
	margin-bottom: 15px !important;
	width: 23%;
	margin-left: -15px;
}

.preferredDate {
	margin-top: 20px;
	margin-bottom: 17px;
}

.labelFormat {
	color: #595959;
	font-family: "HelveticaNeueW01", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 100%;
}

.searchLocations {
	margin-top: 14px;
}

.test11 {
	margin-bottom: 6px;
}

.spacingMargin {
	margin-bottom: 40px !important;
	margin-top: 40px;
}

.headerMargin {
	margin-bottom: 30px !important;
}

.section-margin {
	margin-bottom: 40px !important;
}

.cancelLabelSpacing {
	margin-top: 8px;
	margin-bottom: 24px;
}

.modifyTextBox {
	width: 180% !important;

}

.section-title-margin {
	margin-top: 20px;
}

.labelSpacing {
	margin-top: 6px;
}

.labelAfterSpacing {
	margin-bottom: 10px;
}

.manageAppointmentBtn {
	width: 260px;
	margin-left: 84px;
}

.centerApptModal {
	top: 150px;
}

.selectReason {
	margin-left: 18px;
	margin-top: 0px !important;
}

.confirmArrow:after {
	content: "";
	display: inline-block;
	background-image: url(../media/zipcode-lookup/nav-red-chevron.svg);
	background-repeat: no-repeat;
	background-position: -1px -5px;
	height: 15px;
	width: 21px;
	background-size: 86%;
	margin-top: -5px;
	transform: rotate(-90deg);
}

.selectedDateModal {
	margin-top: 16px;
	margin-left: 10px;

}

/* Laptop Responsive */

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
	.wideModal {
		max-width: calc(68vw);
		min-width: calc(64vw) !important;
	}

	.modalWidth {
		width: auto !important;
	}

	.tooltip-inner {
		margin-left: 94px;
	}

	.tooltip-arrow {
		margin-left: auto;
	}
}

@media only screen and (min-width: 768px) {
	.header-faqs:after {
		content: "";
		display: inline-block;
		background-image: url(../media/zipcode-lookup/nav-red-chevron.svg);
		background-repeat: no-repeat;
		background-position: -1px -5px;
		height: 15px;
		width: 21px;
		background-size: 80%;
		margin-top: -5px;
		transform: rotate(-90deg);
	}

	.noLeftPadding {
		padding-left: 0;
	}

	.vcenter {
		display: inline-block;
		vertical-align: middle;
		float: none;
		height: auto;
	}

}

.distanceSelected {
	margin-top: auto;
	margin-left: -2px;
}

/* Modal Content */

.loaderBar {
	background-color: #333566;
	position: relative;
	margin: auto;
	padding: 20px;
	border: 1px solid #333566;
	width: 40%;
	min-height: 150px;
	margin-top: 200px;
}

.loaderBar p {
	padding-top: 40px;
}

.loader {
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

.centerModal {
	top: 300px;
}

.renewal {
	top: 300px;
}

.btnRenewal {
	margin-left: 25%;
	width: 50%;
	margin-top: 32px;
}

.renewalp {
	margin-top: 20px;
}

.cancelcaratfix {
	margin-top: 116px;
	margin-right: 78px;
}

.cancelBtn {
	margin-top: 25px;
}

.btnCancel {
	width: 100%;
	margin-left: 30px;
}

.labelCancel {
	margin-top: 25px;
}

select.widthControl {
	width: 90%;
}

.blueHeaderBold {
	color: #333566;
	font-weight: 700;
}

.btnNewAppointment {
	margin-left: 110px;
	margin-top: 20px;
}

.centerSelect {
	text-align: left;
	margin-left: 32px;
}

.greyParagraph {
	padding-top: 20px;
	color: #595959;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 32px;
	margin-left: 32px;
}

.calendarColorBoxes{
	margin-left: 5px;
}

.wideModal {
	max-width: calc(68vw);
	min-width: calc(50vw);
}

#datepickerSection {
	width: auto;
}

.labels {
	font-size: 12px;
	color: #595959;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
	Helvetica, Arial, "Lucida Grande", sans-serif;

}

/** iPhone 6/7/8 Select Appointment Modal Responsive **/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {

	.wideModal {
		width: calc(108vw - 50px);
		min-width: calc(95vw);
		overflow-x: hidden;
	}

	.addCalendar {
		margin-left: 10px !important;
		width: 314px;
	}

	.wideModal .modal-body {
		overflow-x: hidden !important;
	}
	.centerSelect {
		font-size: 18px;
		font-weight: 700;
	}

	.calendarLegend {
		margin-top: 20px;
	}

	#scheduleDatePicker {
		margin-top: 20px;
		margin-left: -55px;
	}

	.footerApptModal {
		margin-top: 20px;
	}

	.calendarP {
		margin-left: 36px;
		margin-top: -32px;
		width: 217px;
	}

	.calendarKey {
		margin-bottom: 35px;
		margin-left: -168px;
	}
	
	.ui-datepicker-group-first {
		width: 106%;
	}

	.ui-datepicker-group-last {
		width: 110%;
	}

	.calendarNumbers {
		padding-left: 0px;
	}

	#dialog1Title {
		font-size: 20px;
	}

	.loaderBar {
		width: calc(108vw - 50px) !important;
	}

	.apptLoader {
		height: 190px !important;
	}

	.dialog3Title {
		font-size: 15px;
	}

	.tooltip-inner {
		min-width: 300px !important;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-left: -25px !important;
		padding-left: 10px;
		background-color: #FFFFFF;
		border: 1px solid #999999;
	}

	.modalHeader {
		margin-left: 0px;
	}

	#scheduleAppointment {
		margin-left: -15px;
		margin-top: 30px;
		width: 301px;

	}

	#selectedTimeDisplay {
		margin-left: -29px;
		font-size: 18px !important;
	}

	#DisplaySelectedTime {
		margin-left: -15px;
	}

	.labelResponsive {
		margin-left: -16px;
	}

	.staticMobile {
		margin-left: -16px;
		width: 110% !important;
	}

	.errorResp {
		margin-left: -16px;
	}

	.checkboxText {
		width: 110%;
	}

	.termsText {
		margin-left: -16px;
	}

	.smallTC {
		width: 106%;
	}

	.timeMobile {
		margin-left: 10px;
	}

	.feeTextMobile {
		width: 333px;
		margin-left: -10px;
	}

	#editInformation {
		margin-left: 38px;
		width: 214px;
	}

	.editResponsive {
		margin-left: 55px !important;
	}

	.editModifyResponsive {
		width: auto;
	}

	#printConfirmation {
		margin-left: 10px;
		width: 314px;
	}

	.feeTextConfirm {
		padding-top: 26px;
	}

	select.widthControl {
		width: 320px !important;
		margin-left: -42px;
		font-size: 14px;
	}

	.labelCancel {
		margin-left: -42px;
	}

	.cancelcaratfix {
		margin-right: -6px !important;
		margin-top: 112px;
	}

	.btnCancel1 {
		margin-top: 55px;
		margin-left: -95px !important;
	}

	#cancelFinalize {
		width: 235px;
	}
    
    #timeCountChange {
        margin-left: 0px !important;
    }

	.centerModal {
		top: 100px;
	}

	.modalLoading {
		top: 0px !important;
	}

	.cancelLoader {
		height: 190px !important;
	}

	.near-location-responsive {
		width: 336px !important;
	}

	.available-appt-responsive {
		margin: 12px !important;
	}

	.available-container-responsive {
		width: 350px !important;
	}

	.select option {
		font-size: 8px;
		color: chocolate;
	}

	.btnRenewal {
		margin-left: auto;
	}

	select.responsiveControl {
		width: 123% !important;
		margin-left: -34px !important;
	}

	.responsiveLabel {
		margin-left: -32px;
	}

	.responsiveCaratFix {
		margin-right: -34px !important;
	}

	.responsiveAlertInfo {
		margin-left: -30px;
	}

	.btnCancel {
		margin-left: -2px;
	}

	#returnModify {
		margin-left: -141px !important;
		width: 235px !important;
	}

	#updateAppointment {
		margin-left: 0px;
		width: 280px;
	}

	.cancelModalBody {
		width: 100%;
	}

	.newApptResponsive {
		margin-left: -13px;
		width: 265px;
	}

	.editAppt {
		width: 280px !important;
		margin-left: 0px !important;
	}

	.reviewBtn {
		margin-left: 23px;
		width: 84% !important;
	}

	.cancelApptBtn {
		margin-left: -16px;
		width: auto;

	}

	.noPadding {
		padding-bottom: 0px !important;
	}

	.reviewEdit {
		margin-left: -25px !important;
	}

	.cancelModalTitle {
		width: 268px;
		margin-left: -5px;
		margin-top: -26px;
	}

	.cancelModalP {
		margin-left: -5px;
	}

	.graySection {
		padding: 20px;
		padding-left: 40px;
	}

	.reviewApptDetails {
		margin-left: -26px !important;
	}

	.reviewServices {
		margin-left: -24px;
	}

	.chargesStyle {
		margin-left: -39px;
	}
    
    .priceReviewdiv {
        margin-left: -22px;
    }
    
    .reviewCost {
        margin-left: -48px;
    }
    
    .confTotalFee {
        margin-left: -63px;
    }

	/** Manage A Scheduled Appointment */
	.centerApptModal {
		top: 60px;
		overflow-x: hidden !important;

	}

	.section-title-margin {
		margin-left: -1px;
		width: 221px;
	}

	.labelsResp {
		margin-left: -42px;
	}

	.modifyTextBox {
		margin-left: -42px;
		width: 280px !important
	}

	.manageLabel {
		width: 295px;
		margin-left: -42px;
	}

	.manageAppointmentBtn {
		margin-left: -35px;
	}

	.labelSpacing {
		margin-top: -19px;
	}

	.mobileTimes {
		margin-left: -29px;
		width: 362px;
	}

	.responsiveBox {
		width: 108% !important;
		margin-left: -15px !important;
	}

	.searchLabel {
		margin-left: -16px;
	}

	.photoRow {
		padding-left: 0px;
	}

	.tests2 {
		margin-left: 140px;
		margin-top: -17px;
	}

	.mobilePenicl {
		margin-left: -0px !important;
	}

	.detailText {
		padding-left: 18px;
	}

	#cancelOverReschedulePeriod {
		margin-bottom: -44px;
	}
	
	#makeNewApptNinety {
		margin-bottom: -8px;
	}
	
	.textChange {
		    margin-left: -10px;
	}
	
	#retentionModal {
		    top: 68px;
	}



}

/** iPhone 6/7/8 PLUS Select Appointment Modal Responsive **/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {

	.footerApptModal {
		margin-top: 20px;
	}

	.ui-datepicker-group-first {
		width: auto;
	}

	.btnCancel1 {
		margin-top: 55px;
		margin-left: -114px !important;
	}

	.centerModal {
		top: 150px;
	}

	.btnCancel {
		width: 180% !important;
		margin-left: 23px !important;
	}

	#returnModify {
		margin-left: -136px !important;
		width: 180% !important;

	}

	select.widthControl {
		width: 350px !important;
	}

	.cancelcaratfix {
		margin-top: 110px !important;
		margin-right: 2px !important;
	}

}

/* IPAD  */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	.subheader_links {
		margin-top: 40px;
	}

	#radius {
		width: 125%;
	}

	.ipadCaratFix {
		margin-right: -30px;
	}

	.checkbox {
		margin-left: 20px;
		width: 118%;
	}

	.ui-datepicker-group-first {

		width: auto !important;
	}

	.ui-datepicker-inline {
		margin-left: 36px;
	}

	.calendarP {
		margin-top: -2px !important;
		margin-left: -12px !important;
	}

	.loaderBar {
		width: calc(90vw - 35px) !important;

	}

	.whiteResponsive {
		margin-left: -21px;
		margin-top: -42px
	}

	.vcenter2 {
		padding-left: 55px;
	}

	.vcenterResponsive {
		margin-left: -25px;
	}

	.tooltip-inner {
		min-width: 600px !important;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-left: 20px !important;
		padding-left: 10px;
		background-color: #FFFFFF;
		border: 1px solid #999999;
	}

	.tooltip-arrow {
		margin-left: -82px !important;
	}

	.modalHeader {
		margin-left: -14px !important;
	}

	.usps-hours-tooltip {
		width: 623px !important;
	}

	.tests1 {
		width: 124px;
	}

	.tests2 {
		width: auto;
	}

}

/* Galaxy S8 */

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),
(-o-min-device-pixel-ratio: 5/2),
(min--moz-device-pixel-ratio: 2.5),
(min-device-pixel-ratio: 2.5) {
	.loaderBar {
		width: calc(108vw - 50px) !important;
	}

	.wideModal {
		width: calc(108vw - 50px);
		min-width: calc(95vw);
		overflow-x: hidden;
	}

	.wideModal .modal-body {
		overflow-x: hidden !important;
	}

	.calendarLegend {
		margin-top: 20px;
	}

	#scheduleDatePicker {
		margin-top: 20px;
		margin-left: -55px;
	}

	.reviewEdit {
		margin-left: -26px !important;
	}

	.footerApptModal {
		margin-top: 20px;
	}

	.calendarP {
		margin-left: 36px;
		margin-top: -32px;
		width: 217px;
	}

	.calendarKey {
		margin-bottom: 35px;
	}

	.ui-datepicker-group-first {
		width: 110%;
	}

	.calendarNumbers {
		padding-left: 0px;
	}

	.centerSelect {
		font-size: 18px;
		font-weight: 700;
	}

	.centerModal {
		top: 100px;
	}

	.labelCancel {
		margin-left: -52px;
	}

	.cancelcaratfix {
		margin-right: -20px;
		margin-top: 177px;
	}

	.btnCancel1 {
		margin-top: 55px;
		margin-left: -88px;
	}

	#dialog3Title {
		font-size: 20px;
	}

	.androidLoader {
		height: 125px;
	}

	.tooltip-inner {
		min-width: 300px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-left: -25px;
		padding-left: 10px;
		background-color: #FFFFFF;
		border: 1px solid #999999;
	}

	.modalHeader {
		margin-left: -100px;
	}

	.near-location-responsive {
		width: 360px !important;
		margin-left: 18px !important;
	}

	.available-appt-responsive {
		margin: 14px !important;
	}

	.available-container-responsive {
		width: 330px;
	}

	select.responsiveControl {
		width: 123% !important;
		margin-left: -34px !important;
	}

	.responsiveLabel {
		margin-left: -32px;
	}

	.responsiveCaratFix {
		margin-right: -34px !important;
	}

	.responsiveAlertInfo {
		margin-left: -30px;
	}

	#scheduleAppointment {
		margin-left: 0px;

	}

	#editInformation {
		margin-left: 38px;
		width: 203px;
	}

	#printConfirmation {
		margin-left: 4px;
		width: 314px;
	}

	.addCalendar {
		margin-left: 4px !important;
		width: 314px;
	}

	.editResponsive {
		margin-left: 55px !important;
	}

	#updateAppointment {
		margin-left: 0px;
		width: 280px;
	}

	.editAppt {
		width: 280px !important;
		margin-left: 0px !important;
	}

	.reviewBtn {
		margin-left: 48px;
	}

	.cancelApptBtn {
		margin-left: 48px;
		margin-top: -64px !important;
	}


	/** Manage A Scheduled Appointment */
	.centerApptModal {
		top: 60px;
		overflow-x: hidden !important;

	}

	.section-title-margin {
		margin-left: -1px;
		width: 300px;
	}

	.labelsResp {
		margin-left: -42px;
	}

	.modifyTextBox {
		margin-left: -42px;
		width: 275px !important
	}

	.manageLabel {
		width: 305px;
		margin-left: -42px;
	}

	.manageAppointmentBtn {
		margin-left: -35px;
		width: 240px;
	}

	.labelSpacing {
		margin-top: -19px;
	}

	.cancelApptBtn {
		margin-left: -16px;
		width: auto;
		margin-top: 24px !important;
	}

	.cancelModalTitle {
		width: 268px;
		margin-left: -12px;
		margin-top: -26px;
	}

	select.widthControl {
		width: 300px;
		margin-left: -42px;
		font-size: 14px;
	}

	.labelCancel {
		margin-left: -42px;
	}

	.cancelModalP {
		margin-left: -12px;
		width: 300px !important;
	}

	.cancelcaratfix {
		margin-right: -8px;
		margin-top: 112px;
	}

	#cancelFinalize {
		width: 210px;
		margin-left: 8px;
	}

	#returnModify {
		width: 210px;
		margin-left: -124px;
	}

	.cancelModalBody {
		width: 100%;
	}

	.calendarKey {
		margin-bottom: 35px;
		margin-left: -120px !important;
	}

	.reviewApptDetails {
		margin-left: -26px !important;
	}

	#editInformation {
		width: 214px;
	}

	.detailText {
		padding-left: 18px;
	}

	.reviewServices {
		margin-left: -24px;
	}

	.chargesStyle {
		margin-left: -39px;
	}

	.feeTextMobile {
		width: 323px;
		margin-left: -23px;
	}

	#scheduleAppointment {
		margin-left: -15px;
		margin-top: 30px;
		width: 301px;
	}

	.mobilePenicl {
		margin-left: -0px !important;
	}

	.responsiveBox {
		width: 108% !important;
		margin-left: -15px !important;
	}

	.searchLabel {
		margin-left: -16px;
	}

	.photoRow {
		padding-left: 0px;
	}

	.modalHeader {
		margin-left: 0px;
	}

	.mobileTimes {
		margin-left: -29px;
		width: 348px;
	}

	#DisplaySelectedTime {
		margin-left: -15px;
	}

	.timeMobile {
		margin-left: 10px;
	}

	#selectedTimeDisplay {
		margin-left: -10px;
		font-size: 18px !important;
	}





}

/* Hide the browser's default radio button */

.usps-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */

.checkmark-usps {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #333566;
}

/* On mouse-over, add a grey background color */

.usps-checkbox:hover input ~ .checkmark-usps {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */

.usps-checkbox input:checked ~ .checkmark-usps {
	background-color: #FFF;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark-usps:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */

.usps-checkbox input:checked ~ .checkmark-usps:after {
	display: block;
}

/* Style the indicator (dot/circle) */

.usps-checkbox .checkmark-usps:after {
	top: 2px;
	left: 2px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #333566;
}

.poSearchBox {
	position: relative;
	width: 100%;
	margin-bottom: 5px;
}

.poSearchBox input {
	padding-right: 40px;
	box-sizing: border-box;
}

.poSearchBox img {
	top: 10px;
	position: absolute;
	right: 15px;
	cursor: pointer;
}

.poSelection {
	border: 1px solid #d7d7d7;
	padding: 15px;
	padding-right: 30px;
}

.poLocationAddress {
	margin-top: -5px;
	font-weight: normal;
	font-size: 14px;
}

.scrollshow {
	overflow-x: hidden;
}

.smallmedia {
	height: 24px;
}

.addCalendar {
	margin-left: 32px;
}

.searchBlockinfo {
	padding-left: 2px;
	margin-left: -8px;
	height: 40px;
}

.initDatePicker {
	background-color: transparent !important;
	color: #333566 !important;
}

@media (max-width:760px) {
	.iosPadding {
		padding-left: 15px;
	}
	.graySectionHeader {
		padding-bottom: 10px;
	}
	.graySectionBoldHeader {
		padding-bottom: 10px;
	}

	.graySectionText {
		padding-bottom: 10px;
	}

}

.dateButton {
	background: #FFF;
	border: 1px solid #F6F6F6;
	border-radius: 4px;
	font-size: 19px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 25px;
	padding-left: 25px;
	color: #333566;
	/*font-weight: 700;*/
	font-family: "HelveticaNeueW01", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width:1100px) {

	.dateButton {
		background: #FFF;
		border: 1px solid #F6F6F6;
		border-radius: 4px;
		font-size: 19px;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-right: 15px;
		padding-left: 15px;
		color: #333566;
		/*font-weight: 700;*/
		font-family: "HelveticaNeueW01", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

.dateButtonMonth {
	font-size: 12px;
}

.dateButtonDay {
	font-size: 18px;
	font-weight: 700;
}



.dateUnavailable {
	pointer-events: none;
	color: #595959;
	background-color: #f6f6f6;
	margin-bottom: 4px;
}

.dateUnavailableText {
	color: #595959;
	font-size: 9px;
	font-weight: bold;
	white-space: nowrap;
}

.dateButton:hover {
	background: #E7E7E7;
	border: 0;
}

.button {
	margin-bottom: 20px;
}

.vcenter .button {
	margin-bottom: 0px;
}

.costs {
	width: 60px;
	text-align: right;
}

.esriPopup {
	font-family: "HelveticaNeueW01", Helvetica, Arial, sans-serif !important;
}

.esriPopup .titlePane {
	background-color: white !important;
	padding-left: 20px !important;
	padding-top: 15px !important;
}

.esriPopup .contentPane {
	background-color: white !important;
	padding-left: 20px !important;
}

.esriPopup .action.zoomTo {
	display: none !important;
}

@media (max-width: 900px) {
	.usps-hours-tooltip {
		width: 400px;
	}
	.tooltip.in {
		opacity: 1!important;
	}

	/*
    .tooltip-inner {
        min-width: 450px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-left: 50px;
        padding-left: 10px;
        background-color: #FFFFFF;
        border: 1px solid #999999;
    }
    */
}



/*LOADING MODALS - G. Patel*/

.loaderBar h1 {
	color: #FFFFFF;
	text-align: center;
	font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.loaderBar p {
	color: #FFFFFF;
	text-align: center;
	font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.loaderBar ul {
	height: 10px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	list-style: none;
	padding: 0;
	margin-left: 10px;
	text-align: center;
}

.loaderBar li {
	width: 14%;
	height: 14px;
	transform: skew(-40deg);
	display: inline-block;
	position: relative;
	/*  width: a;
  height: 10px; */
	margin-right: 10px;

}

@media (max-width: 1300px) {
	.loaderBar li {
		width: 10%;
		height: 14px;
		transform: skew(-40deg);
		display: inline-block;
		position: relative;
		/*  width: a;
  height: 10px; */
		margin-right: 10px;

	}
}

@media (max-width: 610px) {
	.loaderBar li {
		width: 5%;
		height: 14px;
		transform: skew(-40deg);
		display: inline-block;
		position: relative;
		/*  width: a;
  height: 10px; */
		margin-right: 10px;

	}
}

.loaderBar li {
	background: rgba(255, 255, 255, 0);
	box-shadow: inset 0px 0px 10px 2px rgba(117, 182, 255, 0.5),
	0px 0px 30px 2px rgba(105, 135, 255, 0.3);
}

.loaderBar li:nth-child(1) {

	animation-name: pulse;
	animation-timing-function: ease;
	animation-duration: 3s;
	animation-delay: 0.5s;
	animation-direction: normal;
	animation-iteration-count: infinite;

}

.loaderBar li:nth-child(2) {
	animation-name: pulse;
	animation-timing-function: ease;
	animation-duration: 3s;
	animation-delay: 1s;
	animation-direction: normal;
	animation-iteration-count: infinite;
}

.loaderBar li:nth-child(3) {
	animation-name: pulse;
	animation-timing-function: ease;
	animation-duration: 3s;
	animation-delay: 1.5s;
	animation-direction: normal;
	animation-iteration-count: infinite;
}

.loaderBar li:nth-child(4) {
	animation-name: pulse;
	animation-timing-function: ease;
	animation-duration: 3s;
	animation-delay: 2s;
	animation-direction: normal;
	animation-iteration-count: infinite;
}

.loaderBar li:nth-child(5) {
	animation-name: pulse;
	animation-timing-function: ease;
	animation-duration: 3s;
	animation-delay: 2.5s;
	animation-direction: normal;
	animation-iteration-count: infinite;
}

.loaderBar li:nth-child(6) {
	animation-name: pulse;
	animation-timing-function: ease;
	animation-duration: 3s;
	animation-delay: 3s;
	animation-direction: normal;
	animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		background: rgba(255, 255, 255, 0);
		box-shadow: inset 0px 0px 10px 2px rgba(117, 182, 255, 0.5),
		0px 0px 40px 2px rgba(105, 135, 255, 0.3);
	}
	25% {
		background: rgba(255, 255, 255, 0);
		box-shadow: inset 0px 0px 10px 2px rgba(117, 182, 255, 0.5),
		0px 0px 40px 2px rgba(105, 135, 255, 0.3);
	}
	50% {
		background: rgba(255, 255, 255, 1);
		box-shadow: inset 0px 0px 10px 2px rgba(117, 182, 255, 0.5),
		0px 0px 30px 2px rgba(105, 135, 255, 1);
	}
	75% {
		background: rgba(255, 255, 255, 0);
		box-shadow: inset 0px 0px 10px 2px rgba(117, 182, 255, 0.5),
		0px 0px 40px 2px rgba(105, 135, 255, 0.3);
	}
	100% {
		background: rgba(255, 255, 255, 0);
		box-shadow: inset 0px 0px 10px 2px rgba(117, 182, 255, 0.5),
		0px 0px 30px 2px rgba(105, 135, 255, 0.3);
	}
}

/* The Modal (background) */

.modalLoading {
	z-index: 2;
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

.initLoader {
	display: block;
}

/* Modal Content */

.loaderBar {
	background-color: #333566;
	position: relative;
	margin: auto;
	padding: 20px;
	border: 1px solid #333566;
	width: 40%;
	min-height: 150px;
	margin-top: 200px;
}

.loaderBar p {
	padding-top: 40px;
}

.loader {
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

.renewal {
	top: 300px;
}

.btnRenewal {

	width: 50%;

}

.tightenSpacing {
	margin-bottom: 0;
}

.renewalp {
	margin-top: 20px;
}

.titleButton.close {
	background-color: #333566 !important;
	opacity: 1 !important;
	margin: 5px;
}

.titleButton.close:hover {
	opacity: .8 !important;
}



/*CONFIRMATION PAGE*/

.smallPassportPhoto {
	max-width: 100%;
}

.manage-appointment {
	padding: 30px 0 30px 0;
}


@media print {

	* {
		font-size: .98em !important;
		line-height: 1 !important;
	}
	html,
	body {
		height: auto;
	}

	.global-footer,
	.global-footer--wrap,
	.global-header,
	.printhide,
	.subheader_links,
	#printConfirmation {
		display: none;
		visibility: hidden;
		width: 0 !important;
		height: 0 !important;
	}

	#largePrint {
		float: left;
		font-size: 26pt !important;
	}
	a[href]:after {
		content: none !important;
	}

	.col-sm-1 {
		width: 8%;
		float: left;
	}
	.col-sm-2 {
		width: 16%;
		float: left;
	}
	.col-sm-3 {
		width: 25%;
		float: left;
	}
	.col-sm-4 {
		width: 33%;
		float: left;
	}
	.col-sm-5 {
		width: 42%;
		float: left;
	}
	.col-sm-6 {
		width: 50%;
		float: left;
	}
	.col-sm-7 {
		width: 58%;
		float: left;
	}
	.col-sm-8 {
		width: 66%;
		float: left;
	}
	.col-sm-9 {
		width: 75%;
		float: left;
	}
	.col-sm-10 {
		width: 83%;
		float: left;
	}
	.col-sm-11 {
		width: 92%;
		float: left;
	}
	.col-sm-12 {
		width: 100%;
		float: left;
	}

}




/***** START WHITE SPINNER *****/

.gray-overlay {
	color: white;
	background-color: #031533;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: .50;
}

.spinner-content h5 {
	font-size: 18px;
	font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 0px;
	color: #ffffff;
}

.white-spinner-container {
	position: fixed;
	top: 41%;
	text-align: center;
	z-index: 999;
}

.white-spinner-container p {
	color: #fff;
	padding-top: 5px;
}

.spinner-content {
	display: block;
	position: relative;
	background: #333366;
	opacity: 1;
	z-index: 1000;
	padding: 30px 30px 30px 30px;
}

.spinnerWhite,
.spinnerBlue {
	width: 200px;
	height: 9px;
	display: inline-block;
	position: relative;
}

.white-spinner-wrapper {
	margin: 36px auto;
}

@media only screen and (max-width: 767px) {
	.white-spinner-wrapper {
		width: 262px;
	}
}

@media only screen and (min-width: 768px) {
	.white-spinner-wrapper {
		width: 240px;
	}
}

.visible {
	opacity: 1 !important;
}

.j-spinner img {
	width: 200px;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	opacity: 0;
}

.j-spinner2 img {
	width: 200px;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	opacity: 0;
}

.reviewConfirmMessage {
	padding-bottom: 36px;
}


/* Start of Progess Bar CSS */

.statusBar.text div {
	padding-top: 30px;
	width: 26.3%;
}

.customer-shipping-information-step,
.billing-step,
.review-step,
.confirmation-step {
	display: inline-block;
	width: 24%;
	text-align: center;
}

.customer-shipping-information-step p,
.billing-step p,
.review-step p,
.confirmation-step p {
	font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.statusBar .box.active {
	background: #333366;
}

.statusBar .box {
	display: inline-block;
	width: 26.3%;
	height: 20px;
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
	background: #d8d8d8;
	margin-right: 0px;
	margin-top: 6px;
}

.progress-bar-wrapper {
	text-align: center;
}


@media only screen and (min-width: 768px) and (max-width: 899px) {
	.statusBar.text div {
		width: 27.3%;
	}

	.statusBar .box {
		width: 27.3%;
	}
}

/* End of Prograss Bar CSS */

.pencilIcon {
	font-family: 'HelveticaNeueW01', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 100%;
	font-weight: 700;
	color: #333366;
	margin: 0;
	padding: 0;
}

/*.pencilIcon:after {
	content: "";
	display: inline-block;
	background-image: url(../media/rcas/pencil.png);
	background-repeat: no-repeat;
	background-position: 8px 13px;
	height: 32px;
	width: 27px;
	background-size: 71%;
	margin-top: -10px;
	 transform: rotate(-90deg); 
}*/

.dateHeader {
	margin-left: -29px;
	margin-right: -65px;
}

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

.graySectionCost {
	font-weight: 700;
	font-size: 14px;
	color: #595959;
	padding-bottom: 8px;
}

.paddingStyle {
	padding-bottom: 10px;
}

.detailsAppt {
	padding-top: 40px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.confrimInstruct {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 0px;
}

.servicesFee {
	padding-left: 10px;
}

.listServices {
	padding-bottom: 10px;
}

.mobileChevron {
	width: 26px;
	margin-left: 120px;
	transform: rotate(180deg);
	margin-bottom: 10px;
}

.mobileDownChevron {
	width: 26px;
	margin-left: 120px;
	transform: rotate(0deg);
	margin-top: 10px;
}

.cancelP {
	padding-top: 22px;
	padding-left: 38px;
	word-break: break-all;
}

.bodyChanges {
	padding-left: 33px !important;
}

.btnRetentionCancel {
	width: 100%;
}

.retentionBtn {
	padding-top: 60px;
	padding-left: 22px;
}

.arriveEarly {
	padding-top: 10px;
	padding-bottom: 18px;
}

.grayHead {
	color: #595959;
	font-weight: 700;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    
    .checkboxTextTerms {
        margin-top: -30px !important;
        display: table !important;
    }
}

.renewalModal {
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -20px;
	padding-left: 1.5em;
}

.info-icon-img{
	display: inline;
	height: 35px;
	margin-left: -10px;
}

.tooltip-modal .modal-dialog {
	width: 400px;
}

.po-hours-header {
	padding-bottom: 10px;
	padding-top: 20px;
}

.business-hours .col-sm-12 {
	padding-left: 0px;
	padding-bottom: 10px;
}

.business-hours .modalHeader {
	margin-bottom: 5px;
}

.business-hours .tests1 {
	width: 50% !important;
}

.business-hours .tests2 {
	width: 139px !important;
	padding-right: 0px;
}

.unavailable-modal .modal-body {
	min-height: 100px !important;
}

@media screen and (min-device-width: 1000px){
    
    
    .submit-code-modal .modal-dialog {
	width: 700px;
}
    
}




.col-centered {
	display:inline-block;
	float:none;
	text-align:left;
	margin-right:5px;

}

@media only screen and (min-width: 1000px) {
    .section-title-submit {
	width: 100%;
	text-align: center !important;
	font-size: 22px !important;
	font-weight: normal !important;
	margin-top: 40px;
	margin-bottom: 20px;
}

.submit-code-modal .modal-body p {
	text-align: center;
	padding-bottom: 30px;
}

.submit-code-modal .button {
	width: 300px;
	margin-left: 155px;
	font-size: 18px;
	font-weight: 500;
}

.submit-code-modal input {
	width:45px;
	text-align:center;
	color: #333366 !important;
  	font-weight: bold;
  	font-size: 40px;
}

.submit-code-modal .row-centered {
	text-align:center;
	padding-left: 0px;
	padding-bottom:20px;
}
    
}

@media only screen and (max-width: 999px) {
    .section-title-submit {
	width: 100%;
	text-align: center !important;
	font-size: 22px !important;
	font-weight: normal !important;
	margin-top: 40px;
	margin-bottom: 20px;
}

.submit-code-modal .modal-body p {
	text-align: center;
	padding-bottom: 30px;
}

.submit-code-modal .button {
	width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
	font-size: 18px;
	font-weight: 500;
}

.submit-code-modal input {
	width:35px;
	text-align:center;
	color: #333366 !important;
  	font-weight: bold;
  	font-size: 25px;
}

.submit-code-modal .row-centered {
	text-align:center;
	padding-left: 0px;
	padding-bottom:20px;
}
    
}

@media only screen and (max-width: 767px) {
    
    .rcasBlock{
        margin-right: -10px !important;
    }

}

@media only screen and (max-height: 900px) {
    
.centerModal {
	top: 100px;
}

}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    #digitEntry{
        
        margin-left: -20px !important;
    }
}

.timer p {
	text-align:left;
}

.inline-link {
    color: #3573b1;
    text-decoration: underline;
    font-size: 16px;
    font-family: "HelveticaNeueW02-75Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}

.resend-code-link {
	text-align: center;
}

.code-error-message {
color: #e71921;
  font-size: 13px;
  font-family: "HelveticaNeueW02-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
  padding-top: 5px;
  text-align: center;
  font-weight: bold;
  padding-bottom: 20px;
  display: none;
}

.warning-title {
	text-align: center;
}

.warning-title img {
	height: 45px;
}

.not-verified-title {
	width: 100%;
	text-align: center !important;
	font-size: 22px !important;
	font-weight: normal !important;
	margin-top: 10px;
	margin-bottom: 30px;
}

.not-verified-modal .modal-body p {
	text-align: center;
	padding-bottom: 30px;
	font-size: 12px;
}

.sendCodeBtn{
	display: none;
	margin-top: 40px;
	margin-bottom: 80px !important;
	width: 250px;
}

.code-digit-error{
	border: 1px solid #e71921 !important;
}

.verify-id-img{
	display: block;
	margin: auto;
	padding-top: 30px;
	text-align: center;
}

.id-verified-modal .modal-body p {
	text-align: center;
}

.id-verified-modal .modal-dialog {
	width: 700px;
}

.id-verified-modal .button {
	min-width: 135px;
	margin-left: 225px;
	font-size: 18px;
	font-weight: 500;
}

.id-verified-modal input {
	width:45px;
	text-align:center;
	color: #333366 !important;
  	font-weight: bold;
  	font-size: 40px;
}

.id-verified-modal .row-centered {
	text-align:center;
	padding-left: 0px;
	padding-bottom:20px;
}

.review-appt-btn-modal{
	margin-top: 40px;
	margin-bottom: 80px !important;
}

#verificationCodeBody{
	padding-bottom: 30px;
}

.start-over-link {
	font-size: 12px;
}

#poLocatorBtn {
	margin-left:150px;
}

.try-email-link {
	font-size: 14px;
	font-weight: normal;
}

.faq-link {
	font-size: 14px;
	font-weight: normal;
}

#checkInCircle{
	text-align: left;
}

#twoInCircle{
	text-align: left;
}

#steps{
	width: 50%;
	margin-left: 150px;
}

.col-sm-12 .location-hours{
	padding-bottom:20px;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    #identityVerifiedModal{
        margin-right: 10px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    #identityVerifiedModal .modal-body{
        margin-right: 315px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	#reviewApptButton{
        margin-left: 70px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	#poLocatorBtn{
        margin-left: 35px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	#steps{
        margin-left: 0px;
        width: 100%;
    }
}

.renew-buttons {
    width:41.66666667%;
}

@media screen and (min-device-width: 375px) and (max-device-width: 667px) {
    .renew-buttons {
        width:60%;
        padding-left: 50px;
        margin-bottom: -20px;
    }
}