.ai-hero {
        /*background: url(https://images.pexels.com/photos/137633/pexels-photo-137633.jpeg);*/
        background: url(https://www.nebraska.gov/img/bg/ne-road.jpg);
        width: 100%;
        height: 600px;
        background-size: cover;
        padding-top: 110px;
        padding-bottom: 230px;
        color: #ffffff;
    }
    .ai-bg {
        width: 80%;
        margin: 0 auto;
        padding: 50px;
        /*background: rgba(0, 0, 0, 0.6);*/
		background: rgb(200 210 220 / 75%);
    	backdrop-filter: blur(4px);
        border-radius: 25px;
				min-height: 300px;
    }

		.btn-ghost {
    	margin-top: 5px;
		}
		.btn-ghost:hover, .btn-ghost:focus {
    	background-color: #b9be40;
    	color: white;
		}




#aiStart {
    color: #FFF;
    /*background: #FFF;
    padding: 4rem;
    border-radius: 2rem;
    background: rgba(0, 20, 41, 0.75);
    background: rgba(0, 0, 0, 0.6);*/
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}
    #aiStart #aiFieldWrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    position: relative;
    display: flex
;
    flex-wrap: wrap;
}

    #aiStart #aiFieldWrap input#homeAiText {
    min-width: 100%;
    background: #EEE;
    border: solid 3px transparent;
    box-shadow: none;
    border-radius: 0.75rem;
    padding: 1rem 4rem 1rem 2.5rem;
    height: 5rem;
    font-size: 2rem;
    }
    #aiStart #aiFieldWrap #homeAiInput {
    position: relative;
    flex: 1 auto;
    min-width: 100%;
}
    #aiStart #aiFieldWrap .button_ai-voice-search {
    position: absolute;
    right: 6rem;
    top: 0.75rem;
    font-size: 24px;
    color: #525252;
    transition: all, 0.15s;
    cursor: pointer;
    border: 0;
    background: transparent;
}
#aiStart #aiFieldWrap .button_ai-voice-search:hover {
    color: #333;
    border: 0;
}
    #aiStart #aiFieldWrap button#homeAiInputSubmit {
    /*position: absolute;
    right: 1rem;
    top: 0.5rem;
    font-size: 27px;
    cursor: pointer;
    color: #C15109;
    transition: all, 0.15s;
    border: 0;*/
    position: absolute;
    background: #b9be41;
    padding: 11px 10px 4px 10px;
    border-radius: 0px 8px 8px 0px;
    border: 0;
    right: 0px;
    font-size: 25px;
    top: 0;
}
#aiStart #aiFieldWrap button#homeAiInputSubmit:hover {
    color: #002d5a;
  background: #a3a83d;
    border: 0;
}
    #aiStart #aiFieldWrap svg#homeAiInputState {
    position: absolute;
    height: 20px;
    left: 1rem;
    top: 1rem;
}

    #aiStart #aiFieldWrap .aiCard {
    background: #00607d;
    padding: 2rem;
    flex-basis: 23%;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all, 0.25s;
    border: solid 2px #00607d;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 20px;
}
#aiStart #aiFieldWrap .aiCard:hover {
  background: #003d4f;
}
    #aiStart #aiDisclaimer {
    text-align: center;
    margin: 1rem auto 0 auto;
    color: #333;
}
    #homeAiInputState {
        display: none;
    }
    #aiDisclaimer a {
        color: #00607d;
    }
    #aiDisclaimer a:hover {
        color: #333;
    }
        .chat-icon {
          color: #b9b9b9;
    position: absolute;
    top: 14px;
    left: 9px;
        }

/*temp display*/
/*#aiOverlay {
position: fixed;
z-index: 9998;
top: 7.5rem;
width: calc(100% - 4rem);
height: calc(100vh - 4.5rem);
background: rgba(0, 20, 41, 0.75);
top: 85px;
width: 100%;
height: 100vh;
background: rgba(155, 176, 198, 0.75);
backdrop-filter: blur(10px);
border-radius: 0px;
padding: 2rem;
margin: 2rem;
display: flex !important;
opacity: 1 !important;
transition: opacity 0.3s ease;
}*/


/*INDIANA CODE*/
iframe#launcher {
display: none;
}
#webchat .webchat__basic-transcript {
max-height: 360px;
border-radius: 0.75rem;
}
#webchat section {
background: #fff !important;
box-shadow: none !important;
margin: 0 !important;
}
#webchat .webchat__send-box__main {
border-radius: 0.75rem !important;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1rem;
padding: 1.5rem;
}
#webchat input.webchat__send-box-text-box__input {
border: solid #00607d;
box-shadow: none;
padding: 1rem;
background: #eee;
margin: 0;
border-radius: 0.75rem;
}
#webchat > div > div[role="complementary"] {
background: transparent;
}
#webchat input:hover {
text-decoration: none !important;
}
#webchat .webchat__bubble__content {
border-radius: 0.75rem;
}
#webchat .webchat__bubble.webchat__bubble--from-user .webchat__bubble__content {
background: #00607d;
border: none;
color: #fff;
}
#webchat .webchat__bubble.webchat__bubble--from-user .webchat__bubble__content a {
color: #fff;
}
#webchat.homechat {
background: #f4f4f4;
border-radius: 0.75rem;
padding: 1rem;
position: relative;
z-index: 20;
}
#webchat .webchat__icon-button {
background: #00607d !important;
border-radius: 0.75rem;
padding: 0.5rem !important;
width: 55px !important;
height: 55px !important;
margin-left: 1rem;
}
#webchat .webchat__icon-button svg {
fill: #fff;
}
#webchat .webchat__send-box-text-box {
padding: 0;
}
#webchat .webchat__send-box__main {
border-top: none !important;
}
#webchat.floatchat {
display: none;
position: fixed;
bottom: 1rem;
right: 1rem;
max-width: 360px;
background: #fff;
border-radius: 0.75rem;
padding: 0.5rem;
box-shadow: 0px 0px 0px 10px rgba(191, 203, 216, 0.2);
}
#webchat.floatchat p {
font-size: 0.9rem;
line-height: 1.2rem;
}
#webchat.floatchat .webchat__send-box__main {
padding: 0.5rem;
}
#webchat.floatchat .webchat__icon-button {
display: none;
}
#webchat.floatchat .webchat__send-box__main {
margin-top: 0;
}
#webchat.floatchat #floatchat-header {
background: #00607d;
border: solid 1px #fff;
color: #fff;
padding: 0.75rem;
text-align: center;
border-radius: 0.75rem 0.75rem 0 0;
margin: -0.5rem -0.5rem 0.5rem -0.5rem;
font-weight: bold;
}
#webchat.floatchat #floatchat-header #floatchat-close {
position: absolute;
right: 0.5rem;
width: 2rem;
overflow: hidden;
height: 2rem;
font-size: 1.5rem;
top: 0.5rem;
cursor: pointer;
}
#floatchat-btn {
position: fixed;
right: 1rem;
bottom: 1rem;
height: 6rem;
width: 6rem;
background: #eaba0b;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: 6rem;
padding: 0.5rem;
font-size: 0.85rem;
border: solid 3px #fff;
font-weight: bold;
text-align: center;
color: #00607d;
cursor: pointer;
}
#floatchat-btn span {
color: #00607d;
font-size: 2rem;
}
.webchat__icon-button:not(:disabled):not([aria-disabled="true"]):not(:active):hover .webchat__icon-button__shade {
background-color: rgba(243, 242, 241, .1) !important;
cursor: pointer;
}
.ac-textBlock {
font-size: 16px !important;
}
.ac-container {
justify-content: center !important;
}
.layer-content {
display: none;
}
img.chat-logo {
border-radius: .5rem;
max-height: 4rem;
margin-top: 10px;
}
.ai-response-container, .layer-content-greeting-message-container {
display: flex;
}
.ai-response h3 {
font-size: 1.4rem;
}
.ai-response a {
transition: all, 0.15s;
}
.ai-response a:hover {
color: #002d5a;
text-decoration: underline;
}
.ai-response, p.layer-content-greeting-message {
display: flex;
flex-direction: column;
margin-left: 1rem;
background-color: #f0f0f0;
padding: 1rem;
border-radius: 0.5rem;
max-width: 70%;
position: relative;
}
.response > div:not(.layer-content-greeting-message-container) .aiResponse {
margin-bottom: 2rem;
}
.ai-request .userText {
background: #00607d;
display: inline-block;
color: #fff;
padding: 1rem;
border-radius: 0.5rem;
}
.ai-request {
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
}
.feedback-icons span {
padding: 0 0.25rem;
color: #777;
}
.feedback-icons {
order: 2;
align-self: flex-end;
max-width: 1rem;
position: absolute;
right: -1.5rem;
bottom: 0.5rem;
}
span.thumbsup {
bottom: 0.15rem;
display: inline-block;
position: relative;
cursor: pointer;
opacity: 0.25;
}
span.thumbsup:hover {
opacity: 1;
}
span.thumbsdown {
display: inline-block;
top: 0.15rem;
position: relative;
cursor: pointer;
opacity: 0.25;
}
span.thumbsdown:hover {
opacity: 1;
}
span.thumbsup.clicked {
color: green;
opacity: 1;
}
span.thumbsdown.clicked {
color: red;
opacity: 1;
}
.widget-body .response {
/*max-height: calc(100vh - 50rem);*/
max-height: calc(100vh - 457px);
overflow: auto;
background: #fff;
border-radius: 0.5rem;
padding: 1rem;
margin-bottom: 1rem;
min-height: 15rem;
}
.zen-btn {
display: none;
}
.input-area {
background: #fff;
border-radius: 0.5rem;
padding: 1rem;
}
.input-area .customer-footer {
text-align: center;
margin-top: 0.5rem;
}
.request-sender textarea {
border: solid 3px #00607d;
box-shadow: none;
border-radius: 0.75rem;
padding: 1rem;
flex: 1 auto;
margin: 0 1rem 0 0;
height: auto !important;
font-size: 18px;
}

.request-sender button.send-icon {
background: #b9be41;
color: #fff;
cursor: pointer;
padding: 0 1.5rem;
border-radius: 0.5rem;
font-size: 1.5rem;
transition: all, 0.25s;
border: 0;
}
.request-sender button.send-icon:hover {
color: #002d5a;
background: #a3a83d;
}

.request-sender {
display: flex;
}

/* VOICE SEARCH */
@keyframes pulse-icon {
0% {
 color: #00607d;
/* Start color */
}
70% {
 color: #ffb656;
/* Midpoint color */
}
100% {
 color: #00607d;
/* End color */
}
}
@keyframes pulse-icon-scale {
0% {
 transform: scale(1);
}
50% {
 transform: scale(1.1);
}
100% {
 transform: scale(1);
}
}
#webchat .request-sender .button_ai-voice-search {
background: #fff;
color: #00607d;
padding: 0;
margin: 0 1rem 0 0;
font-size: 2rem;
cursor: pointer;
transition: all, 0.25s;
border: 0;
}
#webchat .request-sender .button_ai-voice-search:hover {
color: #eaba0b;
}
#webchat .request-sender .button_ai-voice-search i.listening {
animation: pulse-icon-scale 1s infinite;
}
#webchat .request-sender .button_ai-voice-search i.listening:before {
color: #ffb656;
animation: pulse-icon 1s infinite;
}

#aiOverlay {
position: fixed;
z-index: 99;

/*top: 2rem;
width: calc(100% - 4rem);
height: calc(100vh - 4.5rem);
background: rgba(155, 176, 198, 0.75);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 2rem;
margin: 2rem;*/
display: none;
opacity: 0;
transition: opacity 0.3s ease;

top: 85px;
width: 100%;
height: 100vh;
background: rgba(155, 176, 198, 0.75);
backdrop-filter: blur(10px);
border-radius: 0px;
padding: 9rem 9rem 13rem 9rem;
margin: 0rem;
}
body.logged-in #aiOverlay {
    top: 114px;
}

#aiOverlay #aiHistory {
padding: 2rem;
background: #eee;
border-radius: 10px;
flex: 0 25%;
overflow: auto;
}

#aiOverlay #aiHistory h2 {
font-size: 2.1rem;
font-weight: bold;
color: #001429;
margin-top: 0;
}
/*@include breakpoint(@media print, screen and (max-width: 39.9988em) {
margin-left: 1rem;
}*/
#aiOverlay #aiHistory #aiHistoryList {
margin: 0;
display: flex;
flex-direction: column-reverse;
padding: 0;
}
#aiOverlay #aiHistory #aiHistoryList .history-empty {
list-style: none;
font-size: 1.5rem;
padding: 0.75rem 1rem;
line-height: 1.5rem;
display: block;
font-weight: bold;
color: #555;
border: solid 1px #ddd;
border-radius: 0.75rem;
margin-bottom: 0.5rem;
}
#aiOverlay #aiHistory #aiHistoryList .history-item {
list-style: none;
font-size: 1.5rem;
padding: 0.75rem 1rem;
cursor: pointer;
line-height: 1.5rem;
display: block;
font-weight: bold;
color: #555;
border: solid 1px #ddd;
border-radius: 0.75rem;
margin-bottom: 0.5rem;
transition: all, 0.25s;
}
#aiOverlay #aiHistory #aiHistoryList .history-item:hover {
background: #ddd;
border-radius: 0.75rem;
padding: auto;
}
#aiOverlay #aiHistory #aiHistoryList .history-item .history-text {
display: block;
}
#aiOverlay #aiHistory #aiHistoryList .history-item .history-time {
display: block;
margin-top: 0.5rem;
font-style: italic;
font-weight: normal;
font-size: 1rem;
}
#aiOverlay #aiHistory #aiHistoryClear {
border-radius: 10px;
width: 100%;
background-color: #012e3d;
color: #ffffff;
padding: .5em;
border: 0;
}
#aiOverlay #aiHistory #aiHistoryClear:hover {
background-color: #000000;
}
#aiOverlay #aiDialog {
padding: 0 0 0 2rem;
flex: 1;
/*overflow: auto;*/
overflow: visible;
}
#aiOverlay #aiDialog #aiLinks {
margin-top: 2rem;
font-size: 1.5rem;
font-style: italic;
text-decoration: underline;
position: relative;
margin: 2rem 0 0.5rem 0;
display: flex;
justify-content: space-between;
}
#aiOverlay #aiDialog #aiDialogTop {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 1rem;
}
/*#aiOverlay #aiDialog #aiDialogTop h2 {
color: #fff;
font-size: 2rem;
flex: 1 auto;
}*/
#aiOverlay #aiDialog #aiDialogTop h2 {
  color: #002e3c;
  font-size: 3rem;
  flex: 1 auto;
  padding-top: 0;
  margin-top: 0;
}
#aiOverlay #aiDialog #aiDialogTop h2 .fa-comment {
  color: #eee;
}
#aiOverlay #aiDialog #aiDialogTop #aiOverlayDisclaimer {
color: #333;
text-decoration: underline;
font-size: 13px;
font-weight: bold;
margin-right: 1rem;
}
#aiOverlay #aiDialog #aiDialogTop #aiOverlayClose {
/*color: #fff;
font-size: 2rem;
cursor: pointer;
background: black;
border-radius: 5px;*/
  cursor: pointer;
  background: transparent;
  border-radius: 0;
  position: absolute;
  top: 25px;
  right: 25px;
  color: black;
  border: 0;
  font-size: 3rem;
}
#aiOverlay #aiDialog #aiDialogTop #aiOverlayClose:hover {
color: #a00606;
}
#aiOverlay .analysis-wrapper .summary-container .spinner-container {
display: grid;
min-height: 100px;
place-items: center;
}
#aiOverlay .analysis-wrapper .summary-container .spinner-container .loading-spinner {
margin-top: -36px;
}
#aiOverlay .widget-body .response .message-overflow .ai-response-spinner {
border-radius: 10px;
margin-left: 10px;
padding: 10px;
}
#aiOverlay .widget-body .response .message-overflow .ai-response-spinner:not(:empty) {
border: 1px solid #ddd;
border: 1px solid #666;
width: 50px;
}
#aiOverlay .widget-body .response .message-overflow .ai-response-spinner.default-spinner {
align-items: center;
display: flex;
gap: 15px;
justify-content: center;
width: 90%;
}
#aiOverlay .widget-body .response .message-overflow .ai-response-spinner.default-spinner:not(:empty) {
border: 0;
}
#aiOverlay .input-area .audio-recorder .spinner-container, #aiOverlay .input-area .azure-live-speech-to-text .spinner-container {
margin-right: 10px;
}
#aiOverlay .loading-spinner {
animation: spinner 1.5s linear infinite;
border: 4px solid #f3f3f3;
border-radius: 50%;
border-top-color: #383636;
height: 40px;
width: 40px;
}
@keyframes spinner {
0% {
 transform: rotate(0deg);
}
to {
 transform: rotate(1turn);
}
}
#aiOverlay .spinner-overlay {
align-items: center;
background-color: #fdfcfc cc;
display: flex;
height: 100%;
inset: 0;
justify-content: center;
position: fixed;
width: 100%;
}
#aiOverlay .donut-spinner {
animation: spin 0.7s linear infinite;
border: 2px solid #fff;
border-radius: 50%;
border-top-color: grey;
border: 2px solid #fff;
border-top-color: #666;
height: 20px;
margin: 10px 0;
width: 20px;
}
#aiOverlay .donut-spinner.multi {
border-bottom-color: grey;
border-bottom-color: #666;
}
#aiOverlay .analysis-wrapper .value-report-subheader .donut-spinner-container {
align-items: center;
display: flex;
gap: 20px;
height: 250px;
justify-content: center;
}
#aiOverlay .analysis-wrapper .value-report-query-wrapper .no-data-message, #aiOverlay .analysis-wrapper .value-report-query-wrapper .spinner-container {
align-items: center;
display: flex;
justify-content: center;
}
#aiOverlay .analysis-wrapper .value-report-query-container .spinner-container {
inset: 0;
position: absolute;
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.customer-footer {
	display: none;
}
ul.ai-menu-button {
		position: absolute;
		top: 15px;
		right: 15px;
		z-index: 9999;
	}
.hide-large {
	display: none;
}

@media (max-width: 900px) {
/*homepage*/
	.ai-hero {
		width: 100%;
		height: auto;
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.ai-bg {
		width: 96%;
    	padding: 9px;
    	border-radius: 8px;
	}
	
	#aiStart #aiFieldWrap .aiCard {
		padding: 1.5rem;
		flex-basis: 100%;
		border-radius: 0.75rem;
		margin-top: 25px;
		margin-bottom: 0px;
		font-size: 18px;
	}
	#aiStart #aiDisclaimer {
		padding-top: 15px;
	}
/*overlays*/
	body.logged-in #aiOverlay {
		top: 65px;
	}
	#aiOverlay {
		top: 65px;
		width: 100%;
		border-radius: 0px;
		padding: 2rem 1.5rem 8rem 0rem;
		margin: 0rem;
	}
	#aiOverlay #aiHistory {
		padding: 2rem;
		flex: 0 100%;
		display: none;
	}
	#aiOverlay #aiDialog {
		padding: 0 0 0 2rem;
		flex: 1 100%;
		overflow: visible;
	}
	img.chat-logo {
		max-height: 1.5rem;
        border-radius: 0;
	}
	#aiOverlay #aiDialog #aiDialogTop #aiOverlayClose {
    top: 10px;
    right: 10px;
}
	/*#aiOverlay #aiDialog #aiDialogTop #aiOverlayDisclaimer {
		display: none;
	}*/
	#aiOverlay #aiDialog #aiDialogTop #aiOverlayDisclaimer {
	  /*position: absolute;
	  bottom: 99px;
	  right: 25px;*/
		display: none;
	}
	#aiOverlay #aiDialog #aiLinks {
		display: block;
	}
	ul.ai-menu-button {
		top: 6px;
		right: 10px;
	}
	.hide-large {
		display: block;
	}	
}
@media (max-width: 550px) {
	img.chat-logo {
		max-height: 2rem;
		margin-bottom: 10px;
		display: none;
	  }
	.ai-response, p.layer-content-greeting-message {
	  display: flex;
	  flex-direction: column;
	  max-width: 94%;
	  margin-left: 0;
	}
	.xs-remove {
		display: none;
	}
	.aiResponse {
		font-size: 15px;
	}
}
.azure-live-speech-to-text {
	display: none;
}