/* #freshworks-container #launcher-frame {
	right: 22% !important;
	top: 54px !important;
	position: absolute !important;
	margin-right: 30px !important;
} */

/* [data-testid = 'frame-wrapper'] {
	top: 62px !important;
	right: 45px !important;
	bottom: 0 !important;
} */

#contactUs {
	padding: 0 10px;
}

#link_div i.fab {
    color: black;
}

.subBodyTitle {
	font-weight: bold;
}
#faqViewer, #toolsViewer, #videoViewer, #contactViewer, #privacyViewer, #disclaimerViewer, #accessibilityViewer, #splashViewer {
	background-color: #FFF;
	z-index: 100;
	position: absolute;
	top: 62px !important;
	left: 20%;
	right: 20%;
	bottom: 50px;
	overflow: auto !important;
	margin: auto;
}

button#trfcTip {
    background-image: url("/atis-static.iteriscdn.com/WebApps/assets/icons/helpbubble.svg");
    height: 20px;
    width: 20px;
    margin: 0 0 0 5px;
    padding: 10px;
    border: none;
    background-repeat: no-repeat;
}

div#tipViewer {
    background: #fff;
    top: 125px;
    right: 45px;
    z-index: 3;
    width: 380px;
    position: absolute;
    font-size: .8rem;
    padding: 0 3px 0 10px;
    border: 1px solid #0006;
    border-radius: 5px;
    display: none;
}

#tipViewer div {
	padding-top: 30px;
}

#tipViewer button.close {
    float: right;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.7;
    border: 1px solid #0005;
    padding: 3px 5px 3px 5px;
    margin: 4px 0 0 0;
}

#tipViewer button.close i.fas.fa-times {
    padding: 0;
}

#faqViewer .fas, #tipViewer .fas, #toolsViewer .fas, #videoViewer .fas, #contactViewer .fas, #privacyViewer .fas, #disclaimerViewer .fas, #accessibilityViewer .fas, #splashViewer .fas {
    color: black;
    font-size: 1rem;
    padding-top: 10px;
    cursor: pointer;
}

#splashViewer {
	background-color: #063a99;
	height: 260px;
}

.card-heading {
	margin: 0px;
	padding: 0 5px;
}
#splashViewer .card-title {
	width: 90%;
}
.card-heading.sticky-top {
	background: white;
}
.alertPopup .card-heading, .mapboxgl-popup-content .card-heading {
	background: #063a99;
}

#faqViewer .close, #toolsViewer .close, #videoViewer .close, #contactViewer .close, #privacyViewer .close, #disclaimerViewer .close, #accessibilityViewer .close, #splashViewer .close  {
	font-size: 1rem;
	color: #343a40;
	opacity: 1;
	margin: -40px 5px;
}
#splashViewer .close  {
	color: #fff;
}

#faqViewer .faq-dialog, #toolsViewer .tools-dialog, #videoViewer .video-dialog,  #contactViewer .contact-dialog,  #privacyViewer .privacy-dialog, #disclaimerViewer .disclaimer-dialog, #accessibilityViewer .accessibility-dialog, #splashViewer .splash-dialog{
	max-width: 100%;
}
@media (max-width: 825px) {
	#faqViewer, #toolsViewer, #videoViewer, #contactViewer, #privacyViewer, #disclaimerViewer, #accessibilityViewer, #splashViewer{
		left: 10%;
		right: 10%;
		padding: 0 5px;
	}
	/* #freshworks-container #launcher-frame {
		right: 15% !important;
		margin-right: 20px !important;
	} */
}
@media (max-width: 640px) {
	#faqViewer, #toolsViewer, #videoViewer, #contactViewer, #privacyViewer, #disclaimerViewer, #accessibilityViewer, #splashViewer{
		left: 0%;
		right: 0%;
		padding: 0 5px;
	}
}
@media (max-width: 640px) {
	div#tipViewer {
		background: #063a99 !important;
		right: 0;
		bottom: 23px;
		max-width: 380px;
		position: absolute;
		display: none;
		overflow: auto;
		color: white;
		width: 100vw;
		top: unset;
	}
	#tipViewer button.close {
		float: right;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1;
		color: white;
		opacity: 1;
		padding: 3px 5px 3px 5px;
		margin: 4px 0 0 0;
	}
	#tipViewer .fas {
		color: white;
		font-size: 1rem;
		padding-top: 10px;
		cursor: pointer;
	}
}
@media screen and (orientation:landscape) and
(min-device-width: 320px) and (max-device-width: 915px) {
	div#tipViewer {
		background: #063a99 !important;
		bottom: 23px;
		max-width: 380px;
		display: none;
		overflow: auto;
		color: white;
		width: 100vw;
		top: unset;
	}
	#tipViewer button.close {
		float: right;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1;
		color: white;
		opacity: 1;
		padding: 3px 5px 3px 5px;
		margin: 4px 0 0 0;
	}
	#tipViewer .fas {
		color: white;
		font-size: 1rem;
		padding-top: 10px;
		cursor: pointer;
	}
}