/** Live Chat Style */
.embeddedServiceSidebarForm .backgroundImg, .embeddedServiceSidebarForm .backgroundImgColorMask {
  height: 20% !important;
}

[c-liveChatPreChat_liveChatPreChat-host] {
  height: 100%;
  width: 100%;
}

[lightning-input_input] input[type="text"], input[type="email"], input[type="tel"] {
  margin-bottom: 0.5rem !important;
}

[lightning-textarea_textarea], textarea {
  margin-bottom: 0.5rem !important;
}

@media only screen and (max-device-width: 640px) {
  input[name="FirstName"] {
    width: 80%;
  }
  input[name="LastName"] {
    width: 80%;
  }
  input[name="Account_Number__c"] {
    width: 80%;
  }
  input[name="Licence_Plate_Number__c"] {
    width: 80%;
  }
  input[name="Postal_Code__c"] {
    width: 80%;
  }
  input[name="Email"] {
    width: 90%;
  }
  input[name="Phone"] {
    width: 90%;
  }
  textarea[name="Please_Briefly_Describe_your_Inquiry__c"] {
    width: 92%;
  }
}

@media only screen and (max-device-width: 768px) {
  input[name="FirstName"] {
    width: 80%;
  }
  input[name="LastName"] {
    width: 80%;
  }
  input[name="Account_Number__c"] {
    width: 80%;
  }
  input[name="Licence_Plate_Number__c"] {
    width: 80%;
  }
  input[name="Postal_Code__c"] {
    width: 80%;
  }
  input[name="Email"] {
    width: 90%;
  }
  input[name="Phone"] {
    width: 90%;
  }
  textarea[name="Please_Briefly_Describe_your_Inquiry__c"] {
    width: 92%;
  }
}

[lightning-input_input].slds-form-element__label {
  font-weight: 600 !important;
  font-size: 0.8em !important;
}

[lightning-textarea_textarea].slds-form-element__label {
  font-weight: 600 !important;
  font-size: 0.8em !important;
}

.slds-form-element__control.slds-grow {
  width: 100%;
}

.embeddedServiceSidebarMinimizedDefaultUI {
  background-color: #ffd520 !important;
}

.embeddedServiceIcon svg {
  fill: #333333 !important;
}

.embeddedServiceHelpButton .helpButton .uiButton {
  background-color: #ffd520 !important;
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #333333 !important;
}

.embeddedServiceHelpButton .helpButton .uiButton:focus {
  outline: 1px solid #ffd520;
}

.embeddedServiceSidebarForm .fieldList .uiInputPhone:last-child input {
  margin-bottom: 0;
}

.embeddedServiceSidebarForm .fieldList .uiInputEmail:last-child input {
  margin-bottom: 0;
}

.embeddedServiceHelpButton .helpButton a {
  color: #333333;
}

.embeddedServiceLiveAgentStateWaitingHeader .waitingImage {
  width: 320px !important;
  height: 55px !important;
}

.embeddedServiceSidebarHeader .headerItem {
  margin: 0 0 0;
}

.small.embeddedServiceIcon {
  font-size: 16px !important;
}

.embeddedServiceSidebarExtendedHeader .content {
  background-color: #006BB6 !important;
  margin: 0 !important;
}

.embeddedServiceSidebarMinimizedDefaultUI .content {
  background-color: #ffd520 !important;
  font-family: "Arial", sans-serif;
  margin: 0 !important;
  font-weight: 400;
  font-size: 16px;
  color: #333333 !important;
}

.embeddedServiceSidebarMinimizedDefaultUI .minimizedText {
  font-weight: normal !important;
}

.embeddedServiceSidebarHeader .headerButton {
  padding: 20px 50px !important;
}

/* hide start new button */
button.dialogButton.dialog-button-0.uiButton.embeddedServiceSidebarButton:focus {
  text-decoration: none !important;
}

button[embeddedService-chatHeader_chatHeader] {
  padding: 1px 6px;
  padding-top: 1px;
  padding-right: 6px;
  padding-bottom: 1px;
  padding-left: 6px;
  margin: 0 0 0 0;
  position: static;
}

button.minimizeButton {
  padding: 1px 6px;
  padding-top: 1px;
  padding-right: 6px;
  padding-bottom: 1px;
  padding-left: 6px;
  margin: 0 0 0 0;
  position: static;
}

button.closeButton {
  padding: 1px 6px;
  padding-top: 1px;
  padding-right: 6px;
  padding-bottom: 1px;
  padding-left: 6px;
  margin: 0 0 0 0;
  position: static;
}

h2[lwc-56vbshdpqil] {
  color: white;
}

h2[embeddedService-chatHeader_chatHeader] {
  color: white;
}

.embeddedServiceSidebarFormField .uiInput .uiLabel-left {
  position: relative;
  font-size: .75em;
  line-height: 1.5;
  margin-right: .75em;
  margin-left: .5em;
  margin-bottom: 2px;
  color: #333333;
}

.embeddedServiceSidebarFormField .uiInputSelect > select.select {
  margin-bottom: 0em;
}

.uiInputDefaultError .form-element__help {
  margin-top: -1em !important;
}

.embeddedServiceLiveAgentStateWaiting .waitingImage {
  height: 55px !important;
  width: 320px !important;
  margin: 8px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.embeddedServiceLiveAgentQueuePosition .embeddedServiceLoadingBalls .loadingBall {
  background-color: white !important;
}

.uiButton.helpButtonDisabled {
  display: none !important;
}