/* system.css */

.privacy-statement, .instruction-container, .survey-container {display: block !important; }

#logoLeft {
	max-height: 60px;
}

#logoRight {
   margin-right: 45px !important;
}

[dir=rtl] .btn.next i,
[dir=rtl] .btn.previous i {
    transform: rotate(180deg);
}

[dir=rtl] .text-start {
	text-align: right !important;
}

#survey:has(.privacy-statement) #navBottom {
	width: 100%;
}

@media (min-width: 576px) {
    form.side-nav:not(.center-right) {
        height: auto
    }
}

.side-nav:has(video) .survey-container {
	padding-left: 0;
	padding-right: 0;
}

.side-nav:has(video) .instruction-container {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#navBottom .btn-bottom-nav#next {
	box-shadow: none !important;
}

#navbarNavDropdown {
   top: 9px !important;
   right: 5px !important;
   height: 60px;
   background: none;
}

#mediaSection .card {
	background-color: transparent;
}

#mediaSection .card #video {
	max-width: 100%;
	height: auto;
}

.container-type-media .instruction-text {
	max-width: 1024px;
   margin-left: auto;
   margin-right: auto;
}

.container.container-main {
	max-width: 100% !important;
	padding: 0 !important;
}

.ps-container {
	padding-bottom: 1rem;
}

/*.container-type-media:not(form),*/
#interaction > .privacy-container-height {
   background-size: cover;
   background-color: var(--white-transparent-4);
   border: var(--border-primary);
   box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
   padding: 2rem;
}

.nav-item.resource-bar-item {
	align-self: start;
	flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
	position: relative;
	text-align: center;
}
	
.bg-primary-light, .item-horizontal:hover {
	background-color: var(--gray-200) !important;
}

.slide-title {
	display: none !important;
}

/* Portal offset - if header is used, swiper-content needs to be pushed down*/
.portal-wrapper .portal-inner .portal-header {
	display: none;
}

/* Portal offset */

body:has(#interaction) {
	background-attachment: fixed;
}

#interaction {
	max-width: 1280px;
	margin: auto;
}

/* #interaction .bg-main:has(.portal-video),
#interaction .bg-main:has(.portal-video) .portal-video {
	height: 100%;
	margin: auto;
} */

.portal-wrapper:after {
	background-image: url("../SFContent/Get?id=aW1hZ2VzL2ludGVyYWN0aXZlL3BvcnRhbC1iZy5qcGc=") !important;
	opacity: 1 !important;
}

/* .portal-video .video-interaction {
	padding: 5rem 0;
	max-width: 99vw !important;
} */

.video-trailer {
	max-width: 100%;
}

form.container-type-default.container-item-default .resource-bar {
    border-top: 1px solid var(--gray-400);
    border-bottom: 1px solid var(--gray-400);
}

.has-bg-img .resource-bar.resource-bar-default {
	padding-left: 125px;
}

#navBottom .btn {
	padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.survey-container.has-bg-img .instruction-container .emailcontents {
	background-color: transparent !important;
}

@media (min-width: 421px) and (max-width: 1171px) {
	.survey-container.has-bg-img {
		padding-left: .5rem !important;
		/*margin: -1.1rem;*/
		background-size: cover;
	}
}

@media (min-width: 1172px) {
	.survey-container.has-bg-img {
		padding-left: .5rem !important;
		/*margin: -1.1rem;*/
		background-size: cover; /*100% auto;*/ /* Set this to the width of the image to prevent color bar resizing */
	}
}

@media (min-width: 992px) {
	.resource-bar.resource-bar-default {
		padding-left: 0;
		margin-bottom: .75rem;
	}
}

@media (max-width: 767.98px) {
	form.container-type-default {
		margin-top: .25rem;
	}
}

@media (min-width: 421px) {
	.survey-container.has-bg-img .instruction-container {
		padding: .75rem;
	}
	
	.instruction-picture.narrator,
	.instruction-image.narrator {
		max-width: 30vw !important;
	}
}

@media (min-width: 421px) and (max-width: 767.98px) {
	.survey-container.has-bg-img {
		/*margin: -1rem -.5rem !important;*/
	}
}

@media (min-width: 768px) {	
	.survey-container.has-bg-img {
		/*margin-left: -1.75rem !important;*/
	}
	
	.instruction-picture.narrator,
	.instruction-image.narrator {
		margin-bottom: -1px!important;
	}
}

@media (max-width: 768px) {
	.container-type-default.has-bg-img {
		max-width: 99.9%;
	}
	.survey-form.container-type-default.container-item-default {
		overflow-y: unset;
		max-width: 97.6% !important;
	}
	
	.instruction-picture.narrator,
	.instruction-image.narrator {
		padding-left: 0 !important;
	}
}

@media (max-width: 991.98px) {
	.instruction-picture.narrator,
	.instruction-image.narrator {
		padding-left: .2rem;
	}
}

@media (max-width: 420.98px) {
	.instruction-picture.narrator,
	.instruction-image.narrator {
		margin-bottom: -.25rem;
	}
	
	.instruction-text {
		display: block !important;
	}
	
	.instruction-container,
	.hub-wrapper	{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

@media (min-width: 992px) {
	.has-bg-img .resource-bar.resource-bar-default {
		padding-left: 0;
		margin-bottom: .5rem;
	}
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: var(--link-color) !important;
	background-color: var(--link-color) !important;
}

.resource-bar-folder .dropdown-toggle {
	background-color: transparent !important;
}

/* .btn-primary:focus, 
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled).hover, 
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary {
	border-color: #fff !important;
} */

.btn-primary:focus, 
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled).hover, 
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled):hover,
.btn:focus, .btn.focus {
	/*box-shadow: 0 0 0 .2rem #fff; */
	/*color: var(--white);*/
}

.list-group-item .d-inline-flex.my-auto {
	width: 100%;
}

#emailFrame #emailHeaders {
	display: none;
}

.emailcontents .emailSignature, .emailcontents .fullwidth {
    padding-left: 0 !important;
}

/* Portal Interaction - Select Language */
.interaction-select-language {
	/*background-image: url('../SFContent/Get?id=aW1hZ2VzL2ludGVyYWN0aXZlL3dvcmQtY2xvdWQucG5n');*/ /* "word-cloud.png" white background */
	/*background-image: url('../SFContent/Get?id=aW1hZ2VzL2ludGVyYWN0aXZlL3dvcmQtY2xvdWQuanBn');*/ /* "word-cloud.jpg" white background */
	/*background-image: url('../SFContent/Get?id=aW1hZ2VzL2ludGVyYWN0aXZlL3dvcmQtY2xvdWQtMS5qcGc=');*/ /* "word-cloud-1.jpg" blue background */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.interaction-select-language-title {
	padding-top: 32px;
	padding-bottom: 16px;
}

.interaction-select-language-item {
	flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.bg-light-op-95 {
	/*background-color: rgba(0, 78, 163, .95); */ /* --primary */
	/*background-color: rgba(108, 117, 125, .95); */ /* --gray */
	/*background-color: rgba(52, 58, 64, .95); */ /* --dark */
	background-color: rgba(248, 249, 250, .75); /* --light */
	border-radius: 5px;
}
/* Portal Interaction - Select Language */

/* BEGIN chat-bubble */
.chat-bubble {
  position: relative;
  padding: 15px;
  margin: 1em 3em 3em;
  border: 5px solid var(--primary);
  background: var(--primary);
  border-radius: 10px;
  color: #fff; }
  .chat-bubble:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: var(--primary) transparent;
    display: block;
    width: 0; }
  .chat-bubble:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 47px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: var(--primary);
    display: block;
    width: 0; }
  .chat-bubble.top:before {
    top: -20px;
    bottom: auto;
    left: auto;
    right: 40px;
    border-width: 0 20px 20px; }
  .chat-bubble.top:after {
    top: 0;
    bottom: auto;
    left: auto;
    right: 47px;
    border-width: 0 13px 13px; }
  .chat-bubble.top:after {
    top: 0;
    bottom: auto;
    left: auto;
    right: 47px;
    border-width: 0 13px 13px; }
  .chat-bubble.left:before {
    top: 10px;
    bottom: auto;
    left: -30px;
    border-width: 15px 30px 15px 0;
    border-color: transparent var(--primary); }
  .chat-bubble.left:after {
    top: 16px;
    bottom: auto;
    left: -21px;
    border-width: 9px 21px 9px 0;
    border-color: transparent var(--primary); }
  .chat-bubble.right:before {
    top: 10px;
    bottom: auto;
    left: auto;
    right: -30px;
    border-width: 15px 0 15px 30px;
    border-color: transparent var(--primary); }
  .chat-bubble.right:after {
    top: 16px;
    bottom: auto;
    left: auto;
    right: -21px;
    border-width: 9px 0 9px 21px;
    border-color: transparent var(--primary); }
/* END chat-bubble */

#interaction #navButtons {
	z-index: 1040;
}

/* Portal interaction - reverse rtl to ltr */
[dir=rtl] {
	#portalBg {
		flex-direction: row-reverse;
	}
}
/* Portal interaction - reverse rtl to ltr */

:root {
	--dark: rgb(29,37,44);
	--blue: rgb(0,70,190);
	--primary: rgb(0,70,190);
	/*--primary-highlight: rgb(255,240,48);*/
	--secondary: rgb(108,119,120);
	/*--link-color: rgb(32,32,48);*/
}

/* Hide the top-nav site-wide privacy policy link */
.nav-item a:has(.fa-shield) {
	display: none !important;
}

.portal-header.bg-primary.p-2.h-100.text-center.align-self-center {
	align-self: flex-end !important;
}

.preview-pane-header-attachments .resource-bar-icon {
	max-width: 22px;
	height: 22px;
}

.tableBusinessIntro th,
.tableBusinessIntro td {
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-secondary) !important;
	padding: 5px;
}