/*  1) "#tcChat_" is prepended for Client Body skin,
    2) "#" is prepended for Persistent skin
    ---------------------------------------------------------*/

/* START GLOBAL STYLING
------------------------*/
#tcChat_FailedSend {
		display: none !important;
}


#nonInqChatDiv{
	background: rgb(255,255,255)!important;
}


body {
  margin: 0;
}

:focus {
	outline: -webkit-focus-ring-color auto 0px;
}

#tcChat_Skin.tcChat,
iframe#inqChatStage  {
  border-radius: 0 0 4px 4px;
  border: 1px solid #bfb8af !important;
  box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

#tcChat_background,
#background {
  background-color: rgba(255,255,255,1.0);
}

#tcChat_chatWindow,
#chatWindow {
  background-color: transparent !important;
  border-bottom: 1px solid #bfb8af !important;
}

.tcChat *,
#tcChat * {
  box-sizing: initial;
  -webkit-box-sizing: initial;
  border: 0px solid transparent !important;
}
/* END GLOBAL STYLING
------------------------*/

/* START TITLE BAR STYLING
---------------------------*/
#tcChat_titleBar,
#titleBar {
  background-color: #00857D;
}

#tcChat_titleHeader1,
#titleHeader1 {
    font-family: BerlingskeSans, Tahoma, helvetica, arial, sans-serif;
    font-size: 18px;
    color: #FFF;
}

#tcChat_titleHeader2,
#titleHeader1 {
    font-family: BerlingskeSans, Tahoma, helvetica, arial, sans-serif;
    font-size: 15px;
    color: #FFF;
}

#tcChat_btnMinimize,
#btnMinimize,
#tcChat_btnCloseChat,
#btnCloseChat {
  /* transition: background-color ease .3s; */
}

#tcChat_btnMinimize:hover,
#btnMinimize:hover,
#tcChat_btnCloseChat:hover,
#btnCloseChat:hover {
  /* background-color: #E0DCD7; */
}

#tcChat_btnMinimize:active,
#btnMinimize:active,
#tcChat_btnCloseChat:active,
#btnCloseChat:active {
  /* background-color: #E0DCD7; */
	border: 1px solid #FFF;
}

#tcChat_btnMinimize_img:focus,
#tcChat_btnCloseChat_img:focus {
  border: 1px solid #FFF;
}

#tcChat_btnRestore_img:focus,
#tcChat_btnSend_img:focus,
#tcChat_btnEmail_img:focus,
#tcChat_btnCloseEmail_img:focus,
#tcChat_btnSendEmail_img:focus,
#tcChat_btnFontSize_img:focus,
#tcChat_btnPrint_img:focus {
 outline: 1px solid #595555 !important;
 -webkit-outline: 1px solid #595555 !important;
 outline-offset: 0px !important;
}
/*v1.8*/
#tcChat_emailInput:focus,
#tcChat_emailInput_input:focus,
#tcChat_emailInput:focus{
 outline: 1px solid #ffb500  !important;
 -webkit-outline: 1px dotted #595555 !important;
 outline-offset: -2px !important;
 /* height: 18px !important; */
}
/*v1.8*/
#tcChat_txtInput_input:focus{
 outline: 1px dotted #595555  !important;
 -webkit-outline: 1px dotted #595555 !important;
 outline-offset: -2px !important;
}
/* END TITLE BAR STYLING
---------------------------*/

/* START CHAT WINDOW STYLING
---------------------------*/
#tcChat_chatWindow {
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}

#tc_chat_boxchatWindow {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-bottom: 25px;  /* Gives room for systemMsg span */
}

.tcChat .agentId,
span.agentId {
  color:    transparent;
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  font-size: 0;
  font-weight: bold;
  line-height: 1.34em;
  position: absolute;
}

.tcChat .agentId:before,
span.agentId:before {
  position: absolute;
  top: -10px;
  left: -48px;
  background: url(chatbot.svg) no-repeat;
  background-size: contain;
  content: "";
  display: block;
  width: 25px;
  height: 30px;
}

.tcChat .agentMsg,
span.agentMsg {
  color:    #FFF;
  font-family: BerlingskeSans, Tahoma, helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  word-wrap: break-word;
  line-height: 1.34em;
}

.agentMsg li {
		font-size: 16px !important;
		margin-left: 20px;
		list-style-type: disc;
}

.tcChat .customerId,
span.customerId {
  color:    transparent;
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  font-size: 0;
  font-weight: bold;
  line-height: 1.34em;
  position: absolute;
}

.tcChat .customerMsg,
span.customerMsg {
  color:    #404040;
  font-family: BerlingskeSans, Tahoma, helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  word-wrap: break-word;
  line-height: 1.34em;
}

.tcChat .systemMsg,
span.systemMsg {
  color:    #8c8585;
  font-family: BerlingskeSans, Tahoma, helvetica, arial, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  text-align: left;
  display: block;
  padding: 6pt 10pt 4pt 10pt;
  line-height: 1.34em;
}

.tcChat .systemStatMsg,
span.systemStatMsg {
  color:    #404040;
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  text-align: left;
  background: none repeat scroll 0 0 #e8e5e2;
  padding: 10pt;
  position: relative;
  top: 0px;
  left: 5px;
  display: block;
  border: none;
  border-radius: 0px;
  margin-right: 45px !important;
  margin-left: 0px !important;
  word-break: break-word;
  line-height: 1.34em;
}

#tcChat_chatWindow_span tr:last-child, #chatWindow_span tr:last-child {
    margin-bottom: 15px !important;
}

/*#tcChat_chatWindow_span td,
#chatWindow_span td {
  margin-top: 4px !important;
  margin-bottom: 6px !important;
  text-align: left;
}*/

#tcChat_chatWindow_span td, #chatWindow_span td {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    text-align: left;
}

table.tcChat td, table.tcChat th {
  padding: 0px;
  min-width: 0px;
}

#tcChat_chatWindow_span tr,
#chatWindow_span tr {
  display: flex !important;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: white;
  -moz-display: flex !important;
  -moz-flex-flow: column wrap;
  -moz-justify-content: flex-start;
  -moz-align-items: flex-start;
}

/*#tcChat_chatWindow_span table,
#chatWindow_span
{
  width: 95%;
  margin: 6px auto 0 auto;
  padding-bottom: 20px;
}*/
#tcChat_chatWindow_span table, #chatWindow_span table {
    width: 100%;
    margin: 15px auto 0 auto;
}
/* Variant : Agent Chat Bubble
------------------------------------------ */
/* creates the chat bubble */
td.tcChat_agentLine {
  background: none repeat scroll 0 0 #757575;
  padding: 10pt;
  position: relative;
  left: 0px;
  display: block;
  border: none;
  text-align:left;
  margin-right: 45px !important;
  margin-left: 45px !important;
  word-break: break-word;
  border-radius: 10px;
}

/* Variant : Customer Chat Bubble
------------------------------------------ */
/* creates the chat bubble */
td.tcChat_customerLine {
  background: none repeat scroll 0 0 #FAFAFA;
  padding: 10pt;
  position: relative;
  right: 0px;
  display: block;
  border: 1px solid #B1B1B1 !important;
  text-align:left;
  margin-left: 70px !important;
  margin-right: 15px !important;
  align-self: flex-end;
  box-sizing: border-box;
  word-break: break-word;
  border-radius: 10px;
}

/* Variant : VA Chat Form Styling
------------------------------------------ */

/* Zero out VA unordered lists */
td.tcChat_agentLine ul {
  list-style: none;
  padding: 0;
  margin: 10px 10px 0 0;
}

/* VA buttons */
td.tcChat_agentLine a:only-child {
/*  cursor: pointer;
  display: block;
  background: #008369;
  border-radius: 25px;
  padding: 10px 30px 10px;
  margin: 6px auto;
  text-align: center;
  width: 75%;
  text-decoration: none;
  color: #ffffff;
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  font-size: small;
  font-weight: 400;
  transition: all ease .2s;*/
}

td.tcChat_agentLine a:hover:only-child {
  /* text-decoration: none; */
  /* background: #006a55; */
  /* color: #ffffff; */
}

td.tcChat_agentLine a:active:only-child {
}

td.tcChat_agentLine a:focus:only-child {
 outline: 1px solid #595555 !important;
 -webkit-outline: 1px solid #595555 !important;
}

/* VA links */
td.tcChat_agentLine a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  color: #ffffff;
}

td.tcChat_agentLine a:hover {
  text-decoration: underline;
}

/* The below targets the IE media query only
----------------------------------------------- */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tcChat *,
  #tcChat * {
    box-sizing: content-box;
  }

  #tcChat_chatWindow_span table,
  #chatWindow_span table {
      display: flex;
  }
  #tcChat_chatWindow_span table tbody,
  #chatWindow_span table tbody {
      display: flex;
      width: 100%;
      flex-direction: column;
  }
  td.tcChat_customerLine {
    max-width: calc(100% - 80px);
  }

  td.tcChat_agentLine {
    max-width: calc(100% - 110px);
  }

  #tcChat_txtInput span {
    padding: 4px 5px;
    font-size: small !important;
  }
}

@media (min-device-width: 768px) and (max-device-width: 1280px) {
	#inqDivResizeCorner{
		height: 16px !important;
		width: 16px !important;
		margin-top: 16px;
		margin-left: 16px;
	}
}



#tcChat_ClickPersistent table,
#ClickPersistent table {
  background-color: #008369 !important;
  cursor: pointer;
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-align: center !important;
}
/* END CHAT WINDOW STYLING
---------------------------*/


/* START CHATFOOTER STYLING
---------------------------*/
#tcChat_chatFooter,
#chatFooter {
  background-color: #ffffff;
  border: 1px solid #FCAE00 !important;
  border-radius: 10px;
}

#tcChat_txtInput_bg,
#txtInput_bg {
  background-color: transparent;
}

#tcChat_txtInput_input,
#txtInput_input {
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 border: none;
 overflow: hidden;
 resize: none;
 background-color: transparent;
 font-family: BerlingskeSans, Tahoma, helvetica, arial, sans-serif;
 font-size: small;
 color: #242424;
 padding: 5px;
 width: calc(100% - 10px) !important;
}

#tcChat_txtInput_input:focus,
#txtInput_input:focus/*,
#tcChat_emailInput_bg:focus,
#tcChat_emailInput_input:focus,
#tcChat_emailInput:focus*/{
	/* v1.8
 outline: 1px solid #595555 !important;
 -webkit-outline: 1px solid #595555 !important;*/
}

#tcChat_btnSend_img,
#btnSend_img {
  background: url(submit.png) no-repeat top left;
  background-size: contain;
  width: 35px;
  height: 35px;
  padding: 0;
}

#tcChat_btnSend_img:hover,
#btnSend_img:hover {
  background: url(submit-hover.png) no-repeat top left;
}

#tcChat_btnSend:active,
#btnSend:active {
 outline: 1px solid #595555 !important;
 -webkit-outline: 1px solid #595555 !important;
 outline-offset: 0px !important;
}

#tcChat_btnSend:focus,
#btnSend:focus {
 outline: 1px solid #ffb500 !important;
 -webkit-outline: 1px solid #ffb500 !important;
 outline-offset: 0px !important;
}



/*------toolBar Styling------*/
#tcChat_toolBar,
#toolBar  {
  /* border-top: 1px solid #bfb8af !important;
  background: #efedeb; */
}

#tcChat_btnEmail,
#tcChat_btnSendEmail,
#tcChat_btnCloseEmail,
#tcChat_btnFontSize,
#tcChat_btnPrint,
#tcChat_btnChime,
#btnEmail,
#btnSendEmail,
#btnCloseEmail,
#btnFontSize,
#btnPrint,
#btnChime {
  transition: background-color ease .3s;
}

#tcChat_btnEmail:hover,
#tcChat_btnFontSize:hover,
#tcChat_btnPrint:hover,
#tcChat_btnChime:hover,
#btnEmail:hover,
#btnFontSize:hover,
#btnPrint:hover,
#btnChime:hover {
  background-color: #E0DCD7;
}

#tcChat_btnEmail:active,
#tcChat_btnSendEmail:active,
#tcChat_btnCloseEmail:active,
#tcChat_emailInput:active,
#tcChat_btnFontSize:active,
#tcChat_btnPrint:active,
#tcChat_btnChime:active,
#btnSendEmail:active,
#btnCloseEmail:active,
#btnEmail:active,
#btnFontSize:active,
#btnPrint:active,
#btnChime:active {
  background-color: #E0DCD7;
 outline: 1px solid #595555 !important;
 -webkit-outline: 1px solid #595555 !important;
 outline-offset: 0px !important;
}

#tcChat_btnEmail:focus,
#tcChat_btnSendEmail:focus,
#tcChat_btnCloseEmail:focus,
#tcChat_btnFontSize:focus,
#tcChat_btnPrint:focus,
#tcChat_btnChime:focus,
#btnSendEmail:focus,
#btnCloseEmail:focus,
#btnEmail:focus,
#btnFontSize:focus,
#btnPrint:focus,
#btnChime:focus {
  background-color: #E0DCD7;
 outline: 1px solid #595555 !important;
 -webkit-outline: 1px solid #595555 !important;
 outline-offset: 0px !important;
}
/* toolBar Styling END */

#inqDivResizeCorner,
.inqDivResizeCorner {
  outline: none !important;
}
/* END CHATFOOTER STYLING
---------------------------*/

/* START EMAIL PANE STYLING
---------------------------*/
#tcChat_email,
#email {
  background-color: rgba(255,255,255,1.0);
  margin-top:50px;
}

#tcChat_enterEmail,
#enterEmail {
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #242424;
}

#tcChat_emailLabel,
#emailLabel,
#tcChat_EmailTitle,
#EmailTitle,
#tcChat_EmailDescription,
#EmailDescription {
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #242424;
}

#tcChat_emailInput,
#emailInput
{
  border: 1px solid #6E6E6E !important;
  background-color: #ffffff;
  font-family: BerlingskeSans, Tahoma, helvetica, arial, sans-serif;
  padding: 4px;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
  resize: none;
  outline: none;
}

#tcChat_emailInput input:invalid,
#emailInput input:invalid
{
  border: 1px solid #C91A13;
}

#tcChat_emailInput_input,
#emailInput_input
{
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #242424;
  box-sizing: border-box;
  margin: 0px 0px 0px 0px;
  border: none;
  overflow: hidden;
  resize: none;
  outline: none;
  line-height: 21px;
}
/*v1.8
#tcChat_emailInput_input:focus,
#emailInput_input:focus {
 outline: 0px solid #595555 !important;
 -webkit-outline: 0px solid #595555 !important;
}*/

#tcChat_btnSendEmail,
#btnSendEmail {
  background-color: #008369;
  border-radius: 35px;
}

#tcChat_btnSendEmail:hover,
#btnSendEmail:hover {
  background-color: rgba(0, 106, 85,1);
}

#tcChat_btnSendEmail:focus,
#btnSendEmail:focus {
 outline: 0px solid #595555 !important;
 -webkit-outline: 0px solid #595555 !important;
 outline-offset: 0px !important;
}

#tcChat_btnCloseEmail,
#btnCloseEmail {
  background-color: #6E6E6E;
  border-radius: 35px;
}

#tcChat_btnCloseEmail:focus,
#btnCloseEmail:focus {
 outline: 0px solid #595555 !important;
 -webkit-outline: 0px solid #595555 !important;
 outline-offset: 0px !important;
}

#tcChat_btnCloseEmail_span,
#btnCloseEmail_span,
#tcChat_btnSendEmail_span,
#btnSendEmail_span {
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  /* font-weight: bold; */
  font-size: 14px;
  text-align: center;
  /*text-transform: uppercase;*/
  letter-spacing: .03em;
  color: #ffffff;
  display: block;
  margin-top: 9px;
}

#tcChat_btnCloseEmail_img,
#btnCloseEmail_img,
#tcChat_btnSendEmail_img,
#btnSendEmail_img {
  padding: 0;
}

#tcChat_SuccessSend,
#SuccessSend {
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #242424;
}

#tcChat_emailInvalidText1,
#emailInvalidText1 {
  font-family: BerlingskeSans, Tahoma, helvetica, arial, sans-serif;
  font-size: 14px;
  font-style: italic;
  color: #C91A13;
}

#tcChat_emailInvalidText2:before,
#emailInvalidText2:before {
  position: absolute;
  background: url(page-level-error.png) no-repeat top left;
  background-size: contain;
  content: "";
  width: 15px;
  height: 15px;
}

#tcChat_emailInvalidText2 span,
#emailInvalidText2 span{
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #C91A13;
  position: relative;
  top: -1px;
  left: 23px;
}

#tcChat_emailInvalidText3,
#emailInvalidText3 {
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #C91A13;
}

#tcChat_emailInlineErrorBorder,
#emailInlineErrorBorder {
  border: 1px solid #C91A13 !important;
}

#tcChat_emailInvalid_span,
#emailInvalid_span {
  font-family: BerlingskeSans, Tahoma, helvetica, arial, sans-serif;
  font-size: 14px;
  color: #C91A13;
}
/* END EMAIL PANE STYLING
---------------------------*/

/* START MINIMIZED STATE STYLING
---------------------------------*/
#tcChat_Minimized {
  transition: all ease .3s;
  background-color: rgba(0, 131, 105,.9);
  box-shadow: -1px -1px 6px rgba(0,0,0,.2);
  padding: 0;
  width: 152px;
  height: 35px;
}

#tcChat_Minimized:hover {
    background-color: rgba(0, 106, 85,1);
}

#tcChat_Minimized:focus {
	outline: 1px solid #595555 !important;
	-webkit-outline: 1px solid #595555 !important;
}

#tcChat_agentMsgCounter {
  font-family: "BerlingskeSans Bd",Tahoma,helvetica,arial,sans-serif;
  font-weight: bold;
  font-size: 9pt;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  pointer-events: none;
  background: #F10016;
  border-radius: 50%;
  padding: 4px 1px 1px 0px;
  width: 20px;
  height: 20px;
}

#tcChat_btnRestore_img,
#btnRestore_img {
  border: none !important;
}
/* END MINIMIZE STATE STYLING
-------------------------------*/

/* START THANK YOU MESSAGE STYLING
-----------------------------------*/
#tcChat_thankYou,
#thankYou {
  background-color: transparent !important;
}

#tcChat_btnThankYou_span,
#btnThankYou_span {
  font-family: BerlingskeSans, Tahoma, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #242424;
}
/* END THANK YOU MESSAGE STYLING
---------------------------------*/

table {
	background-color: transparent !important;
}

button.blank {
	background: none !important;
	border: none !important;
}