@font-face {
    font-family: Ember;
    src: local('Amazon-Ember.Medium'), url(../public/Amazon-Ember-Medium.ttf)
}

* {
    font-family: Ember!important;
}

.VectorInnerSelection {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.VectorUseButton {
    height: 40px!important;
}

.VectorUseButton.Active {
    background-color: rgba(255, 197, 73, 0.9);
}

.App {
  text-align: center;
}

.CrawlModal, .PromptModal {
    height: 100vh;
    width: 100vw;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.402);
    top: 0px;
    left: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 999!important;
    
}


.amplify-input.amplify-field-group__control {
    padding-top: 0px !important;
    padding-bottom: 0px!important;
    position: relative;
    bottom: 8px;
    width: 100%!important;
}

.amplify-textfield, .amplify-field {
    padding-top: 0px !important;
    padding-bottom: 0px!important;
    width: 100%!important;
}

.profile-inpu:not(.amplify-passwordfield) {
        width: 400px!important;
}

.amplify-passwordfield {
    height: 60px!important;
    position: unset!important;

}

.amplify-field-group__outer-end {
    display:none!important;
}

.UberLogo {
    height: 50px!important;
    margin-left: 120px;
}

.PromptButton, .ClearHistory {
    background-color:rgba(255, 255, 255, 0.9)!important;
    border-radius: 0!important;
    border-left: 2px solid rgba(0, 0, 0, 0.102)!important;
    font-size: 16px!important;
}

.PromptButton {
    width: 210px!important;
}

.PromptButton:hover, .ClearHistory:hover {
    background-color: #FF9900!important;
    color: rgb(35,47,62);
}

.CrawlPrompt {
    height: 360px;
    width: 800px;
    background:rgb(255, 255, 255);
    -webkit-box-shadow: 3px 5px 15px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 5px 15px -8px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.25); 
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
    transform: scale(0.9); /* Initial scale for animation */
    transition: opacity 0.3s, transform 0.3s!important;
}

.appear {
    opacity: 1;
    transform: scale(1);
    display: flex!important;
}

.hidden {
    opacity: 0;
    position: relative;
}

.CrawlModalButtons p {
    padding-left: 20px;
}

.PromptModal .CrawlPrompt {
    height: 600px;   
}

.PromptModal .CrawlPrompt .user-input {
    flex-direction: column;
    position: initial!important;
    width: 800px;
    margin-left: 0px!important;
    height: 100%!important;
    margin-top: 0!important;
}

.PromptModal .CrawlPrompt .user-input textarea {
    position: unset!important;
    height: 80%!important;
    width: 100%;
    padding: 30px;
    margin-bottom: 40px;
}




.HundoContainer {
    height: 100%;
    width: 100%;
    background:rgb(255, 255, 255);
    /* -webkit-box-shadow: 3px 5px 15px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 5px 15px -8px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.25);  */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

div.VectorSelection {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    height: 100%;
    width: 100%;
}

p.VectorSelection {
    padding-left: 30px;
    padding-bottom: 20px;
    font-size: 18px;;
}

p.VectorSelection2 {
    padding-left: 30px;
    padding-bottom: 20px;
    padding-right: 30px;
    margin-top: 5px!important;
    font-size: 16px;
}

.VectorSelection button {
    /* display: flex;
    flex-direction: row;
    justify-content: space-evenly; */
    height: 180px;
    width: 180px;
    cursor: pointer;
    padding: 10px;
}

.VectorSelection button:hover {
    background-color: orange;
    -webkit-box-shadow: 3px 5px 15px -8px rgba(0,0,0,0.25);
    -moz-box-shadow: 3px 5px 15px -8px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.25); 
}

.VectorSelection button:disabled {
    background: rgb(239,239,239)!important;
    cursor:not-allowed;
}

.CrawlPrompt .chat-messages-crawl .Bot-message .Bot-title {
    width: 130px!important;
}

.CrawlPrompt .CrawlModalButtons, .PromptModal .CrawlModalButtons {
    display: flex;
    flex-direction: row;
    height: 30px;
    width: 100%;
    /* justify-content: space-between; */
}



.CrawlModalButtons {
    height: 50px!important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.202);
}

.ModalButtonBack:hover {
    cursor: pointer;
    fill: #36dca4!important;
}

.CrawlPrompt .ModalButton, .ModalButtonBack {
    justify-content: center!important;
    width: 40px;
    align-content: center;
    height: 40px;
    display: flex;
    align-items:center;
}

.CrawlPrompt .ModalButton svg, .ModalButtonBack svg {
    width: 30px;
    height: 30px;
    /* padding: 3px; */
    padding-top: 0px;
}

.CrawlPrompt .ModalButton:hover {
    fill: red!important;
}


.chat-messages-crawl {
    height: 110px;
    width: 100%;
    overflow-y: scroll;
    padding-top: 5px;
}

.MessageText {
    height: auto;
    border-radius: 3px;
    padding-left:5px;
    padding: 7px 7px;
}

.chat-messages-crawl .MessageText {
    max-width: 600px!important;
}

.OtherModels div {
    padding: 0;
    margin:0;
    height: auto;
}

.Bot-message .MessageText {
    background: #36dca4;
    width: auto;
}

.You-message {
    display: flex;
    flex-direction: row-reverse!important;
    justify-content: flex-start;
    width: 100%!important;
    
}

.You-message .MessageText {
    border: 1px solid rgba(0, 0, 0, 0.102);
}
.MessageText, .MessageText #text {
    width: auto;
    max-width: 800px;
    text-align: left!important;
}

.MessageText ul, .MessageText ol {
    margin: 0px!important;
    padding-left: 0px;
}

.MessageText li {
    margin-left: 35px;
}

.Bot-message {
    
    width: auto;
    max-width: 800px;
    margin: 3px 0;
    padding: 10px 5px 10px 5px !important;
    border-radius: 4px;
}

.You-message {
    background: white;
    width: auto;
    max-width: auto;
    margin: 3px 0;
    padding: 10px 5px 10px 5px !important;
    border-radius: 4px;
}

.Bot-title {
    width: 130px !important;
    background:white;
    height: 100%;
    padding: 7px 0px;
}

.You-title { 
    width: 120px !important;
    padding: 7px 0px;
    displaY: none;
}

.CrawlIndexAction {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.CrawlIndexAction button {
    width: 180px;
    height: 60px;
    
}

.CrawlPrompt ol li {
    padding-top: 5px;
}


.CrawlIndexAction button:hover {
    background: #36dca4;
    cursor: pointer;
}

.InfoModal {
    width: 600px;
    background: white;
    position:fixed;
    z-index:2000!important;
    top:60px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    -webkit-box-shadow: 3px 5px 15px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 5px 15px -8px rgba(0,0,0,0.75);
    box-shadow: 3px 5px 15px -8px rgba(0,0,0,0.75);  
    padding: 0px;
    margin: 0px;
    transition: width 0.2s ease-in-out ;
    overflow: hidden;
}

.InnerInfoModal {
    
    width: 96%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: calc(100vh - 80px);
    font-size: 18px;
    overflow-y: scroll;
    transition: opacity 0.8s ease-in-out
}

.InnerInfoModal h1 {
    padding: 20px;
    padding-right:20px;
    margin-top: 0px;
    margin-bottom:20px;
    font-size:26px;
    height: 80px;
    background: rgb(35,47,62);
    color: white;
}

.InnerInfoModal h2 {
    margin: 0;
    padding: 10px;
    padding-right:20px;
    padding-left: 20px;
    margin-bottom:10px;
    font-size:26px;
    height: 60px;
    background: rgb(35,47,62);
    color: white;
    margin-top: 30px;
}

.InnerInfoModal p {
    margin: 0;
    padding-left:40px;
}

.InfoModalButton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 40px;
    cursor: pointer;
    justify-self: right;
}

.llm-section {

    padding-right:20px;
}

.InfoModalButton:hover {
    background:rgba(0, 0, 0, 0.102);
}

.ModalButton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
    width: 100%;;
    cursor: pointer;
    justify-self: right;
}

.ModalButton:hover {
    background:rgba(0, 0, 0, 0.102);
}

.InfoModalButton svg {
    fill: black;
    height: 30px;
    position: relative;
    left: 0px;
}

.closeModal {
    height: 20px;
}

#imageResponse {
    height: 80%!important;
    /* width: 100%; */
}

#imageResponse img {
    height: 80%!important;
    /* width: 100%; */
}


.chat-container { 
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 80vw;
    max-width: 1100px;
    align-self: center;
    /* height: 86vh; */
    height: calc(100% - 100px);
    background: white;
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 40px;
    overflow-y: auto;
    -webkit-box-shadow: 2px 5px 15px 5px rgba(0,0,0,0.55);
    -moz-box-shadow: 2px 5px 15px 5px rgba(0,0,0,0.55);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.55);
}

.chat-container p {
    padding-top: 5px!important;
    width: 220px;
    margin: 3px 0;
    display: flex;
    flex-direction: row;
}



.user-input-crawl {
    justify-self: flex-end!important;
    display: flex;
    flex-direction: row;
    height: 120px;
    margin-top:20px;
    border: 1px solid rgba(0, 0, 0, 0.202);
    position: rleative;
    bottom: 40px;
    width: 100%;
    /* margin-left: -40px; */
    /* left: 30%; */
    border-top: 3px solid rgba(0, 0, 0, 0.202);
    overflow-y: scroll;
}

.user-input-crawl-s3 {
    justify-self: flex-start;
    display: flex;
    flex-direction: row;
    height: 60px;
    margin-top:20px;
    border: 1px solid rgba(0, 0, 0, 0.202);
    bottom: 0px;
    width: 100%;
    position: relative;
    /* margin-left: -40px; */
    /* left: 30%; */
    border-top: 3px solid rgba(0, 0, 0, 0.202);
}

.user-input-crawl-s3 button {
    height: 60px;
    width: 100px;
    cursor: pointer;
}

.user-input-crawl-s3 button:hover {
    background:#36dca4;
}

.user-input-crawl-s3 input {
    /* justify-self: flex-start;
    display: flex;
    flex-direction: row; */
    height: 60px;
    /* margin-top:20px;
    border: 1px solid rgba(0, 0, 0, 0.202); */
    bottom: 40px;
    width: 100%;
    /* margin-left: -40px; */
    /* left: 30%; */
    border-top: 3px solid rgba(0, 0, 0, 0.202);
    overflow-y: scroll;
    padding-left: 10px;
}



.user-input-crawl textarea {
    width: 70%;
    border: none;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.202);
    border-top: 1px solid rgba(0, 0, 0, 0.202);
    border-left: 1px solid rgba(0, 0, 0, 0.202); */
    /* padding-top: 0; */
    padding-left: 10px;
    padding-top: 10px;
    resize: none;
}

.user-input {
    justify-self: flex-end!important;
    display: flex;
    flex-direction: row;
    height: 100px;
    margin-top:20px;
    border: 1px solid rgba(255, 255, 255, 1);
    position: absolute;
    bottom: 40px;
    width: 80vw;
    max-width: 1100px!important;
    margin-left: -40px;
    /* left: 30%; */
    overflow-y: scroll;
    border-top: 3px solid rgba(0, 0, 0, 0.202);
}

.user-input textarea {
    width: 70%;
    border: none;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.202);
    border-top: 1px solid rgba(0, 0, 0, 0.202);
    border-left: 1px solid rgba(0, 0, 0, 0.202); */
    /* padding-top: 0; */
    padding-left: 10px;
    padding-top: 10px;
    resize: none;
    font-size:16px;
}

.airwolf-header svg {
    fill: white;
    height: 35px!important;
    margin-top: 12px;
    position: absolute;
    left: 215px;
}


.airwolf-header svg path {
    fill: white!important;
    height: 40px!important;
    margin-top: 10px;
}


.user-input button {
    width: 30%;
    border: none;
    cursor: pointer;
}

.user-input-crawl button {
    width: 30%;
    border: none;
    cursor: pointer;
}

.ClearHistory {
    width: 120px!important;
    height: auto;
    /* position: absolute; */
    bottom: -25px;
    cursor: pointer;
    /* left: 40%; */
    /* top: 80px;
    z-index:999999999999!important; */
    border-right: 4px solid rgba(0, 0, 0, 0.202)!important;
}

.CrawlReindex {
    width: 60px!important;
    height: 60px!important;
    position: fixed!important;
    bottom: -25px!important;
    cursor: pointer!important;
    /* left: 40%;  */ 
    bottom: 40px!important;
    left: calc(100% - 80px)!important;
    z-index:40!important;
    fill:#FF9900!important;
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
    background:rgb(35,47,62)!important;
    /* border-right: 4px solid rgba(0, 0, 0, 0.202)!important; */
}

.PromptEditButton {
    width: 60px!important;
    height: 60px!important;
    position: fixed!important;
    bottom: -25px!important;
    cursor: pointer!important;
    /* left: 40%;  */ 
    bottom: 120px!important;
    left: calc(100% - 80px)!important;
    z-index:40!important;
    fill:#FF9900!important;
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
    background:rgb(35,47,62)!important;
    /* border-right: 4px solid rgba(0, 0, 0, 0.202)!important; */
}

.IssueIndicator {
    width: 60px!important;
    height: 60px!important;
    position: fixed!important;
    bottom: -25px!important;
    cursor: pointer!important;
    /* left: 40%;  */ 
    bottom: 200px!important;
    left: calc(100% - 80px)!important;
    z-index:40!important;
    fill:#1c7c5c!important;
    display: flex;
    flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
    background:rgb(255, 255, 255)!important;
    /* border-right: 4px solid rgba(0, 0, 0, 0.202)!important; */
}

.IssueIndicator svg {
    height: 40px;
    fill: #a94442;
    /* background-color: #f2dede; */
    /* border: 1px solid #ebccd1; */
    /* padding: 10px; */
    /* text-align: center; */
    animation: pulse 1s infinite;
}

.PromptEditButton svg {
    height: 40px;
    /* background-color: #f2dede; */
    /* border: 1px solid #ebccd1; */
    /* padding: 10px; */
    /* text-align: center; */

}

.DeletedFilesMessage {
    height: 60px;
    border: 1px solid rgba(0, 0, 0, 0.202);
    padding-top: 7px !important;
    animation: pulse 1s infinite;
    color: green;
}

@keyframes pulse {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }

  .CrawlReindex:hover, .PromptEditButton:hover {
    fill: rgb(35,47,62)!important;
    background: white!important;
}

.CrawlReindex:hover, .PromptEditButton:hover, .IssueIndicator:hover {
    -webkit-box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.75);
  box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.75);
}

.CrawlReindex svg {
    width: 40px!important;
    height: 40px;

    /* border-right: 4px solid rgba(0, 0, 0, 0.202)!important; */
}

.user-input button:hover, .user-input-crawl button:hover {
    background: #36dca4;
}

.user-input button:disabled {
    background: rgb(239,239,239)!important;
    cursor:wait;
}

.chat-container p span {
    width: 100;
    text-align: right;
    padding-right: 10px;
}


.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.App {
  width: 100vw;
  height: 100vh;
}

#UpperNav {
  height: 60px;
  width: 100vw;
  display: flex;
  top:0;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid black;
  -webkit-box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.75);
  box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.75);
  /* background: rgba(35, 47, 62, 1); */
  color: white;
  position: fixed;
  top:0;
  /* font-size: 24px!important; */

  z-index: 3!important;
}

#UpperNav * {
  align-items: center;
  vertical-align: middle;
  display: flex;
  border: none;
}

#UpperNav span {
  padding-left: 20px;
  font-size: 20px!important;
  font-weight: 600;
  letter-spacing: 1px;
}

#UpperNav button {
    color: white;
    border-radius: none!important;
}

#UpperNav button:hover {
    color: red;
    border-radius: none!important;
}

.CardholderInfo {
    display: flex;
    flex-direction: column;
    height: 110px;
    width: 400px;
    justify-content: space-evenly;
}

.CardholderInfo span {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 40px;
}

.CardholderInfo label {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    vertical-align: middle;
    padding-top: 8px;
}

.CardholderInfo input {
    height: 40px;
    width: 700px;
    padding-left: 10px;
}

#cis1 {
    width: 150px;
    text-align: left;
}

.CustInfoSpan {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
}

#UpperNav h4, #ModalUpperNav h4 {
    padding-left: 20px;
}

.amplify-flex.amplify-tabs {
  display:none;
}

#ContentSection {
  padding: 40px;
  padding-top: 90px;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
/* px; */
  position: fixed;
  top:0;
  z-index: 10;
  background:rgba(0, 0, 0, 0.5);

}

#ContentSection h2 {
  text-align: left;
  width: 600px;
  align-self: center;
}

#ContentSection p {
  text-align: left;
  width: 800px;
  align-self: center;
  padding-top: 20px;
}

.FormSection {
  width: 600px;
  align-self: center;
  
}

.FormSection form {
  display: flex;
  flex-direction: column;
}

.FormSection form span {
  display: flex;
  flex-direction: row;
  height: 60px;

}

span#devicesContainer {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
}

div.device {
    height: 50px;
    width: 100%;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    border: solid 1px black;
    overflow: hidden;
    -webkit-box-shadow: 2px 5px 15px 5px rgba(0,0,0,0.55);
    -moz-box-shadow: 2px 5px 15px 5px rgba(0,0,0,0.55);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.45);
  
}

div.deviceNav, #DeviceNav {
    height: 50px!important;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: flex-start;
}

div.deviceLabel {
    height: 50px!important;
    width: 60%;
    text-align: left;
    padding-left: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.deviceLabel svg {
    height: 35px;
    position: relative;
}

.deviceLabel span {
    position: relative;
    height: auto!important;
}


div.deviceStatus {
    height: 100%;
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

div.deviceStatus span {
    position: relative;
    font-size: 16px;
    padding-left: 15px;
    height: auto!important;
    padding-right: 15px;
}


.deviceDetails {
    height: 250px;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 40px;
    padding-top: 20px;
    border-top: 1px solid black;
}

.deviceDetails button {
    margin-top: 15px;
    height: 50px;
    width: 150px;

}

.deviceDetail {
    text-align: left;
    height: 120;
    display: flex!important;
    flex-direction: column!important;
}

.deviceActionsContainer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    color: #912a1e
}

.DeviceExpandButton {
    height: 50px; 
    width: 50px;
    /* border: 0.1px solid rgba(0, 0, 0, 0.3); */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.DeviceExpandButton:hover {
    fill: #3f9a45;
    cursor: pointer!important;
}

.deviceStatus svg {
    height: 25px;
    position: relative;
    cursor: pointer!important;
}




.FormSection label {
  padding-top: 7.5px;
  font-weight: 700;
  width: 140px;
  height: 60px;
  text-align: left;

}

select {
    width: 400px;
    margin-left: 10px;
    padding: 3px;
    padding-left:20px;
    height: 40px;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
    cursor: pointer!important;
}

select option {
  text-transform: uppercase!important;
}

hr.amplify-divider {
  margin-top: 20px;
  border: none;
}

.LogButton {
    display: none;
}

.ModalContainer {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    flex-direction: row;
    vertical-align: middle;
    justify-content: center;
}

#Modal {
  position: fixed;
  top: 10vh;
  left: calc(50% - 400px);
  width: 800px;
  /* height: auto; */
  overflow: hidden;
  background: white;
  -webkit-box-shadow: 0px 10px 38px -8px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 38px -8px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 38px -8px rgba(0,0,0,0.75);
  display:flex;
  flex-direction: column;
  border: 1px solid black;
  transition: opacity 0.3s linear, max-height 0.2s linear;
  box-sizing: border-box;
}



h4 {
    padding-top: 0;
}

.ModalForm {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 80px 10px 60px;
}

.ModalButtons {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-right: 110px;
    justify-self: flex-end;
    align-self: flex-end;
    /* position: absolute; */
    bottom: 80px;
    left: 0px;
    margin: 30px 0px;
}

.SubmitButton {
    width: 200px!important;
    height: 50px!important;
    /* position: relative!important; */
    /* left: 180px!important; */
}

.SubmitButton:hover {
    border: 1px solid green!important;
    
}

#ModalUpperNav {
  width: 100%;
  height: 50px;
  font-size: 18px;
  background: rgba(35, 47, 62, 1);
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid black;
  -webkit-box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.75);
  box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.75);
  /* background: rgba(35, 47, 62, 1); */
  color: white;
  /* background:  */
}

#Modal p {
  padding: 40px;
  font-size: 20px!important;
  align-self: center;
}


form {
  padding-top: 30px;
}

.CardSelectionContainer {
    height: auto;
    display: flex;
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    padding-left: 60px;
    padding-right: 60px;
}

.CardGraphic {
    height: 92px;
    width: 158px;
    border-radius: 7px;
}

.CardGraphic:hover {
    -webkit-box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 15px -8px rgba(0,0,0,0.75);  
    cursor: pointer;
}

.SelectedCardContainer {
    height: 280px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.SelectedCardGraphic {
    height: 220px;
    width: 380px;
    border-radius: 7px;
    justify-self: center;
    align-self: center;
    position: relative;
    top: 40px;
}

.CardOptions {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.CardName {
    position: relative;
    top: -4px;
    left: -186px;
    /* width: 100%!important; */
    /* height: 20px!important; */
    text-align:end;
    padding: none!important;
    margin: none!important;
}

 /* HEADER */
.airwolf-header {
    margin: 0 auto;
    background-color: rgb(0, 0, 0);
    position: fixed;
    width: 100%;
    height: 60px;
    overflow: hidden;
    top: 0;
}
.airwolf-header2 {
    margin: 0 auto;
    background-color: #232f3e;
    position: fixed;
    width: 100%;
    height: 60px;
    overflow: hidden;
    /* top: 60px; */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-bottom: 1px solid rgba(0, 0, 0, 0.202);
    z-index: 15;
    cursor: pointer;
    -webkit-box-shadow: 2px 5px 15px 5px rgba(0,0,0,0.55);
    -moz-box-shadow: 2px 5px 15px 5px rgba(0,0,0,0.55);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.55);
    color: white;
}

.airwolf-header2 button { 
    color: white!important;
}

.airwolf-header2 img {
    height: 40px;
    top:5px;
    position: relative;
    padding-left: 30px;
}

.BedrockImage {
    height: 70px!important;
    position: relative;
    margin-top: -15px;
    margin-left: 30px;
}

.OtherModels {
    display: flex;
    flex-direction: row;
    width: 80vw;
    /* justify-content: space-evenly; */
    padding-top: 0px!important;
    position: relative;
    /* left: 20px; */
}

.bedrockDemo {
    height: 60px!important;
    padding-top: 0px!important;
}

.signOut {
    position: absolute!important;
    right: 0!important;
    height: 60px!important;
    border: none!important;
}

.signOut:hover {
    color: rgb(35,47,62)!important;
}

.model-option {
    font-size: 16px!important;
    padding: 10px 10px!important;
    margin: 0px 30px 0px 0px;
    border: none!important;
    margin-right: 20px!important;
}

.model-option:hover {
    cursor: pointer;
    border-bottom: 6px solid #ff990091!important; 
    color: rgb(35,47,62)!important;
}

.model-option.active {
    border-bottom: 6px solid #FF9900!important; 
}

.model-option:focus {
    background: white!important;
    color: rgb(35,47,62)!important;
}

.airwolf-header2 * {
    padding-left:60px;
    font-size: 26px;
    height: 60px;
    vertical-align:middle;
    padding-top:10px;

}
.airwolf-header::after {
    z-index: 1;
    /* box-shadow: 0 0 240px 240px rgba(0,0,0,.5); */
    content: '';
    background: red;
    width: 340px;
    height: 340px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
}
/* .airwolf-header-title {
    z-index: 2;
    font-family: "Amazon Ember", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
    position: absolute;
    color: rgb(250,250,250);
    top: 40px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    line-height: 1.4;
    font-weight: 700;
}
.airwolf-header-title::after {
    z-index: 2;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: rgb(255,153,0);
} */
.airwolf-header-subtitle {
    z-index: 2;
    font-family: "Amazon Ember", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
    position: absolute;
    color: rgb(250,250,250);
    top: 99px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
}

.airwolf-header-stripe-shine {
    position: absolute;
    content: '';
    background: white;
    width: 100%;
    height: 20px;
    transform: rotate(-70deg);

    animation-duration: 6s;
    animation-name: shine;
    animation-iteration-count: infinite;
}
.airwolf-header-stripe-shine.two {
    height: 10px;
    animation-duration: 3s;
}

.airwolf-header-stripe-fade {
    display: block;
    width: 1000px;
    height: 20px;

    background: rgb(236,114,17);

    margin-left: -20px;
    margin-top: -20px;

    transform: rotate(-20deg);
    animation-duration: 6s;
    animation-name: fadeInOut;
    animation-iteration-count: infinite;


}
/* .airwolf-header-stripe-fade.one {
    background: rgb(255,153,0);
    margin-bottom: 10px;
    animation-duration: 6s;
}
.airwolf-header-stripe-fade.two {
    background: rgb(236,114,17);
    margin-bottom: 75px;
    animation-duration: 17s;
}
.airwolf-header-stripe-fade.three {
    background: rgb(236,114,17);
    margin-bottom: 10px;
    animation-duration: 7s;
}
.airwolf-header-stripe-fade.four {
    animation-name: fadeInOutDark;
    background: rgb(35,47,62);
    margin-bottom: 30px;
    animation-duration: 9s;
}
.airwolf-header-stripe-fade.five {
    background: rgb(255,153,0);
    margin-bottom: 150px;
    animation-duration: 13s;
} */

@keyframes shine {
    0% {
        transform: rotate(-90deg);
        left: -100%;
        background: rgba(255,255,255,0);
    }

    15% {
        transform: rotate(-70deg);
    }

    25% {
        left: 50%;
        background: rgba(255,255,255,0.05);
    }

    100% {
        transform: rotate(-90deg);
        left: 150%;
        background: rgba(255,255,255,0);
    }
}

#menuview .navbar-brand {
    width: 100px;
    height: 25px;
    margin-left: 5px;
    display: block;
    background-size: 100%;
    background-image: url('data:image/png;base64,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');
}

#menuview .navbar-brand img {
    display: none;
}

.navbar li.navbar-help-menu > a.dropdown-toggle {
    color: var(--awsui-grey-900);
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeInOutDark {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 0;
    }
}

#JobModalContainer {
    z-index: 99;
    position: fixed;
    top: 0px;
    left: 0;
    height: 100vh;
    width: 100vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    overflow: hidden;
    background: rgba(114, 114, 113, 0.5);
    display:flex;
    flex-direction: column;
    box-sizing: border-box;
}

  #JobModal {
    z-index: 100;
    width: 500px;
    position: relative;
    top: -14vh;
    overflow: hidden;
    background: white;
    -webkit-box-shadow: 0px 10px 38px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 38px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 38px -8px rgba(0,0,0,0.75);
    display:flex;
    flex-direction: column;
    border: 1px solid black;
    transition: opacity 0.3s linear, max-height 0.2s linear;
    box-sizing: border-box;
}

.JobModalContent button {
    margin-bottom: 40px;
}

.JobModalNav {
    justify-content: flex-end!important;
}

#ModalUpperNav * {
    align-items: center;
    vertical-align: middle;
    display: flex;
    border: none;
  }
  
  #ModalUpperNav span {
    padding-left: 20px;
    font-size: 20px!important;
    font-weight: 600;
    letter-spacing: 1px;
  }
  
  #ModalUpperNav button {
      color: white;
      border-radius: none!important;
  }
  
  #ModalUpperNav button:hover {
      color: red;
      border-radius: none!important;
  }

  .lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin-bottom: 40px!important;
  }
  .lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: rgba(35, 47, 62, 1);
  }
  .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
  }
  @keyframes lds-spinner {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  
  .dots {
    width: 50px;
    height: 20px;
    border-radius: 10px;
    /* background-color: #CCC; */
    margin: 10px;
    transform: scale(0);
    animation: overall-scale 8s infinite;
    margin-left: 45%;
  }
  
  .dot {
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    animation-name: dot-scale;
    animation-duration: 1s;
    
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px 0px;
    border-radius: 10px;
    background-color: #444;
    transform: scale(0.65);
    
    &:first-of-type {
      margin-left: 6px
    }
    &:nth-of-type(2) {
      animation-delay: 0.15s;
    }
    &:nth-of-type(3) {
      animation-delay: 0.3s;
    }
  }
  
  @keyframes dot-scale {
    0%, 70% { transform: scale(0.65); }
    35% { transform: scale(1); }
  }
  
  @keyframes overall-scale {
    0%, 95% { transform: scale(0); }
    5%, 90% { transform: scale(1); }
  }
  
  
/* Style for the file upload label */
.file-upload-label {
    display: flex;
    align-items: center;
    position: relative;
    bottom: 20px;
  }
  
  .file-input-container {
    position: relative;
    margin-left: 20px;
  }
  
  .file-input-label {
    display: inline-block;
    cursor: pointer;
    background-color: #007bff;
    color: white;
    border-radius: 4px;
    padding: 6px 12px;
    transition: background-color 0.3s ease-in-out;
  }
  
  .file-input-label:hover {
    background-color: #0056b3;
  }
  
  .choose-file-button {
    display: inline-block;
    cursor: pointer;
  }
  
  .NoFileMessage,
  .SuccessMessage {
    margin-left: 20px;
  }
  

  
  .SelectedFilesMessage {
    margin-left: 20px;
  }

  .DeletedFilesMessage {
    height: 60px;
    border: 1px solid rgba(0, 0, 0, 0.202);
    padding-top: 7px !important;
}
  
  @keyframes blink {
    to {
      opacity: 0;
    }
  }

  .GddyContainer {
    display :flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    color: rgb(17, 17, 17);
  }

  .GddyContainer button {
    background: rgb(8, 118, 123)!important;
    color: white!important;
  }

  

  .GddyNav {
    height: 63.5px;
    width: 100vw;
    background: rgb(43, 43, 43);
    display :flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 32px;
    color: white!important;
  }

  .GddyNav .OtherModels {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-left: 40px;
  }

  .GddyNav .OtherModels .model-option:hover {
    /* width: 100%;
    display: flex;
    flex-direction: row;
    padding-left: 40px; */
    border-bottom: 4px solid #aaeafa!important;
  }

  .GddyNav .OtherModels .model-option.active {
    /* width: 100%;
    display: flex;
    flex-direction: row;
    padding-left: 40px; */
    border-bottom: 4px solid rgb(8, 118, 123)!important;
  }

  .GddyNav svg {
    height: 32px;
    fill: white;
  }

  .GddyContainerInner {
    height: calc(100vh - 160px);
    width: 100vw;
    display :flex;
    flex-direction: column;
    /* padding-top */
  }

  .GddyContainerInner .chat-container {
    margin-top: 40px;
    padding-top: 0;
    padding-left:0;
    padding-right: 0;
    -webkit-box-shadow: 0px 7px 24px -3px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 7px 24px -3px rgba(0,0,0,0.35);
    box-shadow: 0px 7px 24px -3px rgba(0,0,0,0.35);
    overflow-y:hidden!important;
    padding-bottom: 0px!important;
    
  }

  .GddyContainerInner .chat-container .chat-messages, .GddyContainerInner .chat-container #imageResponse {
    /* margin-top: 80px; */
    padding-top: 40px;
    padding-left:40px;
    padding-right: 40px;
    overflow-y: scroll;
  }

  .GddyContainerInner #imageResponse {
    width: 100%!important;
    height: 100%!important;
  }

  .GddyContainerInner .user-input {
    border-bottom: 2px solid rgba(0, 0, 0, 0.202);
    border-left: 2px solid rgba(0, 0, 0, 0.202);
  }

  .GddyContainerInner .CrawlModal button {
    background: unset!important;
    color: unset!important;
  }

  .GddyContainerInner .CrawlModal button.Active {
    background: rgb(8, 118, 123)!important;
    color: white!important;
  }

  .GddyContainerInner button:disabled {
    /* background: rgb(8, 118, 123)!important; */
    color: rgba(0, 0, 0, 0.402)!important;
    border: 1px solid rgba(0, 0, 0, 0.202);
  }

  .GddyContainerInner .CrawlModal button:disabled {
    /* background: rgb(8, 118, 123)!important; */
    color: rgba(0, 0, 0, 0.402)!important;
  }

  

  .GddyContainerInner .CrawlModal .HundoContainer {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .GddyContainerInner .CrawlModal p {
    /* height: 100%; */
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .GddyContainerInner h2 {
    /* height: 100%; */
    padding: 0!important;
    margin: 0;
    width: auto;
    height: 80px;
    padding-left: 40px!important;
    padding-top: 20px!important;
    padding-bottom: 10px!important;
    background:rgb(8, 118, 123)!important;
    color: white;
    font-size: 28px;
    letter-spacing: 2px;
    border-bottom: 3px solid black;
    /* position: relative;
    left: calc(100% - (800px *2)); */
    -webkit-box-shadow: 0px 7px 14px -3px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 7px 14px -3px rgba(0,0,0,0.35);
    box-shadow: 0px 7px 14px -3px rgba(0,0,0,0.35);
  }

  .CrawlModal p.Bot-message {
    flex-direction: row;
  }

  .chat-messages p.Bot-message {
    width: 100%;
    background: unset!important;
    border-left: 4px solid #FF9900;
    max-width: unset!important;
    font-size: 16px;
  }

   .chat-messages p.You-message {
    background: unset!important;
    border-right: 4px solid #FF9900;
    width: auto!important;
    max-width: auto!important;
    font-size: 16px;
  }
   .chat-messages p.You-message .MessageText {
    border: none!important;
    width: auto!important;
    max-width: auto!important;
  }

  .GddyContainerInner .CrawlModal p.Bot-message {
    flex-direction: row;
  }

  .GddyContainerInner .chat-messages p.Bot-message {
    width: 100%;
    background: unset!important;
    border-left: 4px solid rgb(8, 118, 123);
    max-width: unset!important;
  }

  .GddyContainerInner .chat-messages p.You-message {
    background: unset!important;
    border-right: 4px solid rgb(8, 160, 112);
    width: auto!important;
    max-width: auto!important;
  }
  .GddyContainerInner .chat-messages p.You-message .MessageText {
    border: none!important;
    width: auto!important;
    max-width: auto!important;
  }





  .chat-messages .MessageText {
    width: 100%;
    background: unset!important;
  }

  .chat-messages .MessageText {
    width: 100%;
    background: unset!important;
  }

  .GddyContainerInner .chat-messages .MessageText {
    width: 100%;
    background: unset!important;
  }

  .GddyContainerInner .chat-messages .MessageText {
    width: 100%;
    background: unset!important;
  }


  table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin: 20px 0;
    margin-left: 30px;
  }

  th, td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
  }

  th {
    background-color: #f2f2f2;
  }

  tr:nth-child(even) {
    background-color: #f2f2f2;
  }

  tr:hover {
    background-color: #ddd;
  }

  .GddyContainerInner .user-input {
    justify-self: flex-end!important;
    display: flex;
    flex-direction: row;
    height: 120px;
    margin-top:20px;
    border: 1px solid 3px solid rgba(0, 0, 0, 0.202);
    position: absolute;
    bottom: 40px;
    width: 80vw;
    max-width: 1100px!important;
    margin-left: 0px!important;
    /* left: 30%; */
    overflow-y: scroll;
    

}

.bubble {
    --r: 25px; /* the radius */
    --t: 30px; /* the size of the tail */
    
    max-width: 300px;
    padding: calc(2*var(--r)/3);
    -webkit-mask: 
      radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) 
        var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,
      conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) 
        calc(var(--r)/-2) calc(var(--r)/-2) padding-box, 
      radial-gradient(50% 50%,#000 98%,#0000 101%) 
        0 0/var(--r) var(--r) space padding-box;
    background: white border-box;
    color: white;
    text-align: left;
  }
  .left {
    --_d: 0%;
    border-left: var(--t) solid #0000;
    margin-right: var(--t);
    place-self: start;
  }
  .right {
    --_d: 100%;
    border-right: var(--t) solid #0000;
    margin-left: var(--t);
    place-self: end;
    position: absolute;
    right: 60px;
    bottom: 50px;
    width: 500px!important;
    /* -webkit-box-shadow: 0px 7px 14px -3px rgba(0,0,0,0.85)!important;
    -moz-box-shadow: 0px 7px 14px -3px rgba(0,0,0,0.85)!important;
    box-shadow: 0px 7px 14px -3px rgba(0,0,0,0.85)!important; */
    font-size: 17px;
    background: rgba(255, 0, 0, 0.598);
  }
  
  body {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-content: center;
    gap: 20px;
    font-family: system-ui, sans-serif;
    font-size: 20px;
  }


  .MessageText ul:first-child {
    margin-top: 10px!important;
  }

  .MessageText ul:last-child {
    margin-bottom: 20px!important;
  }

  .PromptModal .CrawlPrompt .user-input button {
    position: unset!important;
    height: 50px!important;
    width: 420px!important;
    padding: 30px;
    border: none!important;
    background: rgb(35,47,62)!important;
    color: white!important;
}

.PromptModal .CrawlPrompt .user-input button:hover {
    background: #FF9900!important;
    color: rgb(35,47,62)!important;
}

.user-input .CrawlModalButtons {
    border: none!important;
    padding: 0 20px;
}

.GddyContainer button:hover {
    background: rgb(8, 118, 123)!important;
    color: white!important;
  }

  .GddyContainer button:focus {
    background: rgb(8, 118, 123)!important;
    color: white!important;
  }

  .GddyContainer .GddyNav button { 
    background: rgb(43, 43, 43)!important;

  }

  .GddyContainer .CrawlReindex {
    background: rgb(8, 118, 123)!important;
    fill: white!important;
  }

  /* .NavMenu {
    width: 100px!important;
  } */

  .amplify-menu-trigger {
    width: 120px!important;
    
  }

#menuButtonMain {
    width: 300px!important;
    border: none!important;
    margin-left: 20px!important;
    text-align: left!important;
    padding-left: 5px!important;
    background: white!important;
    color: rgb(35,47,62)!important;
}

#menuButtonMain:hover {

    border: none!important;
    background: #FF9900!important;
    color: rgb(35,47,62)!important;
}

#menuButtonMain:focus {

    border: none!important;
    background: white!important;
    background: #FF9900!important;
    color: rgb(35,47,62)!important;
}

button.amplify-menu-content__item {
    margin-right: 0!important;
    border-bottom: none!important;
    color: rgb(35,47,62)!important;
    height: 70px;
    width: 300px;
}

button.amplify-menu-content__item:hover {
    margin-right: 0!important;
    border-bottom: none!important;
    color: rgb(35,47,62)!important;
    background: #FF9900!important;
}

button.amplify-menu-content__item.active {
    margin-right: 0!important;
    border-bottom: none!important;
}

.OtherModels p {
    height: 60px;
    margin: 0;
    font-size: 18px;
    padding-top: 16px!important;
}




  

