@charset "utf-8";

div.chat-fc-form-outer { position: fixed; z-index: 2147483647; bottom: 20px; right: 20px; width: 90%; max-width: 300px; border-radius: 5px; color: white; font-family: sans-serif; background-color: white; margin: 0px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 25px; }

@media screen and (max-width: 640px) {
  div.chat-fc-form-outer { position: fixed; bottom: 0px; right: 0px; left: 0px; width: 100%; max-width: 640px; font-size: 16px; height: 100%; }
}

.chat-fc-form-outer p.fc-header { border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: rgb(10, 164, 219); display: block; padding: 12px 15px; font-size: 14px; font-weight: bold; margin: 0px; }

.chat-fc-form-outer p.fc-header .fc-minimize { display: block; float: right; margin-right: 3px; cursor: pointer; }

.chat-fc-form-outer div.fc-form { background-color: white; color: rgb(51, 51, 51); padding: 0px 20px 20px; overflow: auto; }

.chat-fc-form-outer div.fc-form p { line-height: 1.2; margin-bottom: 30px; font-weight: lighter; }

.chat-fc-form-outer div.fc-form ul { margin: 0px; padding: 0px; }

.chat-fc-form-outer div.fc-form ul li { list-style: none; position: relative; margin-bottom: 20px; }

.chat-fc-form-outer div.fc-form ul li input { padding: 8px 0px; width: 100%; border: 1px solid rgb(221, 221, 221); border-radius: 3px; }

.chat-fc-form-outer div.fc-form form.submitted ul li input:invalid { border-color: red; }

.chat-fc-form-outer div.fc-form ul li input:focus { box-shadow: rgb(221, 221, 221) 0px 2px 4px -1px inset; outline: none; }

.chat-fc-form-outer div.fc-form ul li label { position: absolute; top: -10px; font-weight: lighter; margin-left: 8px; margin-right: 8px; padding: 0px 3px; background-color: white; border-radius: 3px; }

.chat-fc-form-outer div.fc-form ul li label span { color: red; }

.chat-fc-form-outer div.fc-form a.fc-button { display: block; width: 100%; background-color: rgb(10, 164, 219); color: white; border-radius: 3px; text-align: center; padding: 8px 0px; }

.chat-fc-form-outer div.fc-form a.fc-button.submitted { animation-duration: 1s; animation-name: pulse; animation-iteration-count: infinite; animation-direction: alternate; }

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

.pre-fc-error { text-align: center; font-size: 13px; color: red; }

.fc-hide { display: none; }

.h-open-notify { visibility: visible; }

li.pre-fc-field select { width: 100%; height: 46px; }

.fc-chat-ltr { right: 20px !important; }

.fc-chat-rtl { left: 20px !important; }