*{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}

body {
  min-width: 0;
}

#chatWidget{
  display:block;
  width:97%;
  height:97%;
  min-height:380px;
  margin:10px auto 60px;
  padding:20px 0 50px 0;
  font-family: Verlag, Helvetica, Arial, sans;
  text-align:left;
  color:#000
}
.chat-flow-banner{
  position:relative;
  overflow:visible;
  display:inline-block
}
.ios-app .chat-flow-banner{
  display:none
}
.chat-flow-initial .chat-flow-main{
  padding:20px
}
.chat-flow-loading,.chat-flow-byline,.chat-flow-field-blocks,.chat-flow-button-row,.chat-flow-connecting-message,.chat-flow-default-modal{
  padding:0 20px 10px;
  margin-top:10px;
  line-height:1.5em
}
.chat-flow-start,.chat-flow-email-button,.chat-send-button .enabled,.chat-send-button .disabled,.chat-flow-modal-buttons a,.chat-flow-thank-you-close-button{
  zoom:1;
  overflow:visible;
  display:block;
  width:96%;
  margin:10px auto;
  padding:10px 0;
  border:none;
  font-size:12px;
  border-radius:6px;
  -webkit-border-radius:6px;
  -ms-border-radius:6px;
  -moz-border-radius:6px;
  -o-border-radius:6px;
  cursor:pointer;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  color:#fff;
  font-family: Verlag, Helvetica, Arial, sans;
}
.chat-flow-start:link,.chat-flow-start:visited,.chat-flow-email-button:link,.chat-flow-email-button:visited,.chat-send-button .enabled:link,.chat-send-button .enabled:visited,.chat-send-button .disabled:link,.chat-send-button .disabled:visited,.chat-flow-modal-buttons a:link,.chat-flow-modal-buttons a:visited,.chat-flow-thank-you-close-button:link,.chat-flow-thank-you-close-button:visited{
  color:#fff
}
.chat-send-button .disabled{
  background:#ccc;
  color:#999;
  cursor:default
}
h3{
  display:none
}
p{
  margin:10px 0;
  font-size:11px;
  font-style:normal;
  text-align:center
}
a{
  line-height:1.25em;
  text-decoration: underline;
}
input,textarea{
  display:block;
  width:99%;
  margin:3px 0;
  padding:7px 3px;
  border-radius:3px;
  -webkit-border-radius:3px;
  -ms-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  text-indent:4px;
  font-size:13px;
  color:#000
}
textarea{
  overflow:auto;
  height:100px;
  line-height:1.5em
}
.chat-flow-required-fields-note{
  position:fixed;
  bottom:25px;
  left:10px;
  z-index:1000
}
.ios-app .chat-flow-required-fields-note{
  position:relative;
  margin-left:20px;
  bottom:0;
  left:0
}
.chat-field-block{
  margin:15px 0
}
.chat-label-column{
  display:block;
  margin-bottom:5px
}
.chat-flow-closer{
  display:block;
  float:right;
  padding:0 20px
}
.ios-app .chat-flow-closer{
  display:none
}
.chat-flow-cancel,.chat-time{
  display:none
}
.chat-flow-no-button{
  width:99%;
  display:block;
  text-align:center
}
.chat-flow-connection-status{
  float:right;
  text-align:right
}
.ie7 .chat-flow-connection-status{
  margin-right:25px
}
.chat-flow-default-modal{
  height:98%
}
.ie7 .chat-flow-default-modal{
  height:400px;
  margin-top:-200px;
  position:relative
}
.chat-flow-default-modal{
  z-index:1;
  background:#fff;
  width:100%;
  border:1px solid #888;
  text-align:center;
  margin:0 auto;
  padding:25px
}
.has-modal .chat-flow-default-modal{
  z-index:100;
  width:250px;
  height:inherit;
  margin-left:-125px;
  position:fixed !important;
  top:50% !important;
  left:50% !important;
  -moz-box-shadow:1px 1px 5px #ccc;
  -webkit-box-shadow:1px 1px 5px #ccc;
  box-shadow:1px 1px 5px #ccc
}
.chat-flow-default-modal a{
  display:inline;
  margin-top:10px;
  padding:10px
}
.chat-flow-modal-buttons{
  margin-top:20px
}
.chat-flow-thank-you-message,.chat-flow-oops-header,.chat-flow-oops-number{
  padding:75px 0 15px;
  font-size:24px;
  line-height:1.5em;
  text-align:center;
  color:#404040
}
.chat-flow-oops-header{
  padding-top:15px
}
#curtain{
  z-index:0;
  content:".";
  display:block;
  background:#fff;
  background:rgba(255,255,255,0.7);
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0
}
.chat-roller{
  position:relative;
  padding:10px 10px 5px;
  width:97%;
  margin:0 auto;
  border:1px solid #bfbfbf;
  background:#fff;
  color:#000
}
.ie7 .chat-roller{
  width:90%
}
.chat-field-in-error{
  padding:5px;
  color:#f25b00
}
.chat-system-message-info{
  font-weight:bold
}
.chat-display-name{
  padding-right:5px;
  font-weight:bold
}
.chat-flow-agent-status .chat-display-name{
  padding-right:0px
}
.chat-participant-style-1 .chat-display-name{
  color:#404040
}
.chat-flow-footer{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  padding:10px 10px 25px;
  background:#fff
}
.ios-app .chat-flow-footer{
  position:relative;
  background:none;
  border:none
}
.chat-line{
  margin:5px 0
}
.chat-input-row table{
  width:98%;
  margin:0 auto
}
.ie7 .chat-input-row table{
  display:block;
  width:90%
}
.ie7 .chat-input-row table .chat-input-cell{
  width:70%
}
.chat-system-message-typing{
  width:100%;
  margin:0 -5px;
  padding:5px;
  background:#fff;
  border-top:1px solid #bfbfbf;
  font-style:italic
}
.sorry-unavailable{
  padding:40px 15px 0px;
  line-height:1.25em;
  font-size:24px
}
.c2c-hours-row,.chat-flow-out-of-hours-alternatives{
  text-align:center;
  padding:5px
}
.chat-flow-hours,.chat-flow-out-of-hours-alternatives{
  display:none
}
.chat-flow-out-of-hours-email-button{
  display:none !important
}
#chatWidget{
  background:#fff;
  border:1px solid #bfbfbf;
  border-radius:7px;
  -webkit-border-radius:7px;
  -ms-border-radius:7px;
  -moz-border-radius:7px;
  -o-border-radius:7px
}
.chat-flow-main{
  zoom:1;
  clear:both
}
.chat-flow-banner{
  float:left;
  background: transparent;
  padding:0 28px 0 20px;
  margin:0 0 20px;
  font-weight:normal;
  font-size:18px;
  font-family: Verlag, Helvetica, Arial, sans;
  line-height:39px;
  color: #000
}
.chat-flow-banner:after{
  position:absolute;
  top:0;
  right:0;
  display:block;
  width:14px;
  height:40px;
  background-position:right -1107px;
  background-repeat:no-repeat;
  overflow:hidden;
  content:"";
  text-indent:-9999px
}
.chat-flow-start,.chat-flow-email-button,.chat-send-button .enabled,.chat-flow-modal-buttons a,.chat-flow-out-of-hours-email-button,.chat-flow-thank-you-close-button{
  background-color: #ae4343;
}
.chat-flow-start:hover,.chat-flow-email-button:hover,.chat-send-button .enabled:hover,.chat-flow-modal-buttons a:hover,.chat-flow-out-of-hours-email-button:hover,.chat-flow-thank-you-close-button:hover{
  background-position:0 -327px
}
input,
textarea {
  border:1px solid #bfbfbf;
  font-style:normal;
  font-family: Verlag, Helvetica, Arial, sans;
  resize:vertical
}
.chat-flow-thank-you-message,.chat-flow-oops-header{
  font-family: Verlag, Helvetica, Arial, sans;
  font-style:normal;
}
.chat-field-in-error{
  border:1px solid #f25b00;
  color:#000
}
.chat-field-error{
  color:#f25b00
}
.chat-participant-style-1 .chat-display-name{
  color:#404040
}
.chat-flow-footer{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  padding:10px 10px 25px;
  background:#fff;
  color:#404040;
  border-top:1px solid #bfbfbf
}
.chat-system-message-typing{
  color:#404040
}
.error,.sorry-unavailable{
  text-align:center;
  font-style:italic;
  font-family: Verlag, Helvetica, Arial, sans;
  color:#404040
}
.reload{
  margin-top:20px;
  text-align:center
}

.chat-label-column,
.chat-flow-byline,
.chat-flow-connecting-message,
.chat-flow-closer,
.chat-display-name,
.chat-message,
.chat-flow-agent-status,
.chat-participant-style-1,
.chat-flow-connection-status {
  font-size: 14px;
}

.chat-send-button {
  text-decoration: none;
}

.chat-send-cell {
  vertical-align: middle;
}

.chat-input-row {
  padding: 5px;
}