/**** Mobile ****/
@media (max-width: 480px) {
	#quote-insurance {
		width: 100%;
	}
	.Flyout-linkLi--view-claim-status, .Flyout-linkLi--report-a-claim, .Flyout-linkLi--contact-us, .Flyout-linkLi--how-much-renters-insurance-do-i-need- {
		padding-bottom: 0.65rem !important;
		padding-top: 0.85rem !important;
	}
}


/**** iPads, Tablets ****/
@media (min-width: 481px) and (max-width: 768px) {
	.Flyout-container.l-container {
		width: 100% !important;
	}
	.Flyout-linkLi--view-claim-status, .Flyout-linkLi--report-a-claim, .Flyout-linkLi--contact-us, .Flyout-linkLi--how-much-renters-insurance-do-i-need- {
		padding-bottom: 0.65rem !important;
		padding-top: 0.85rem !important;
	}
	.Flyout-structure {
		width: 98%;
	}
}


/**** Small screens, laptops ****/
@media (min-width: 769px) and (max-width: 1024px) {
	.Flyout-container.l-container {
		width: 98% !important;
	}
	.Flyout-title {
		width: 100%;
	}
}

@media (min-width: 769px) and (max-width: 991px) {
	.Flyout-structure {
		width: 98%;
	}
	.Flyout-linkLi--contact-us, .Flyout-linkLi--how-much-renters-insurance-do-i-need- {
		width: 100%;
		padding-top: 0.7rem !important;
		padding-bottom: 0.5rem !important;
	}
	.Flyout-linkLi--view-claim-status, .Flyout-linkLi--report-a-claim, .Flyout-linkLi--contact-us, .Flyout-linkLi--how-much-renters-insurance-do-i-need- {
		padding-top: 0.7rem !important;
		padding-bottom: 0.5rem !important;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.Flyout-structure {
		width: 25%;
	}
	.Flyout-linkLi--contact-us, .Flyout-linkLi--how-much-renters-insurance-do-i-need- {
		width: 75%;
		padding-top: 0.5rem !important;
		padding-bottom: 0.3rem !important;
	}
	.Flyout-linkLi--view-claim-status, .Flyout-linkLi--report-a-claim, .Flyout-linkLi--contact-us, .Flyout-linkLi--how-much-renters-insurance-do-i-need- {
		padding-top: 0.5rem !important;
		padding-bottom: 0.3rem !important;
	}
	/*.Flyout-container.l-container {
		padding-left: 0;
		padding-right: 0;
	}*/
}


/**** Desktops, large screens ****/
@media (min-width: 1025px) and (max-width: 1200px) {
	.Flyout-title {
		width: 70%;
	}
	.Flyout-linkLi--contact-us, .Flyout-linkLi--how-much-renters-insurance-do-i-need- {
		width: 75%;
	}
	.Flyout-container.l-container {
		width: 98% !important;
	}
}

/**** Extra large screens, TV ****/
@media (min-width: 1201px) {
	.Flyout-linkLi--view-claim-status, .Flyout-linkLi--report-a-claim, .Flyout-linkLi--contact-us, .Flyout-linkLi--how-much-renters-insurance-do-i-need-{
		padding-bottom: 0.25rem !important;
		padding-top: 0.45rem !important;
	}
}

/**** Defaults ****/
.Flyout-linkLi--contact-us {
	padding-bottom: 0rem;
}

.Header-leftMenu .Header-leftMenuLinkLabel {
	border-bottom: none;
}

.Header-leftMenu.is-active .Header-leftMenuLinkLabel {
	border-bottom: solid 0.0625rem #B6B6B6;
}

.Flyout-title {
	word-wrap: break-word;
}

.quote-header {
	display: block
}

/*.Flyout-linkLi--view-claim-status, .Flyout-linkLi--report-a-claim, .Flyout-linkLi--contact-us, .Flyout-linkLi--how-much-renters-insurance-do-i-need- {
	padding-top: 0.45rem;
}*/

body.appointmentPage {
	overflow-x: hidden;
}

.contact-form-note {
	margin-left: 0 !important;
}

form > small {
	margin-left: 0 !important;
}

#form-appointment .submit-appointment {
	font-size: 1rem;
	line-height: 1.5;
	text-transform: inherit;
	width: 9.0625rem;
	height: 3.5rem;
}

#form-appointment .submit-appointment:link,.submit-appointment:visited{
    color:#fff;
    text-decoration:none
}
#form-appointment .submit-appointment:hover,.submit-appointment:focus{
    cursor:pointer;
    color:#fff;
    background-color:#b31933;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ca0826),color-stop(50%,#ca0826),color-stop(50%,#9b0027),to(#9b0027));
    background-image:linear-gradient(to bottom,#ca0826 0,#ca0826 50%,#9b0027 50%,#9b0027 100%);
    text-decoration:none
}

.assistive-text {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -10px;
}

.material-icons.close {
/*	text-shadow: 1px 1px 3px #6b6969;*/
	text-shadow: 1px 1px 3px #6f6f6f;
    font-weight: bold;
}

.contact-error.error-message {
	margin-top: 10px;
	text-align: center;
	color: #F00;
	font-size: 16px;
}