/*Default Css for chatbot button and main container*/


#webchatContainer {
	position: absolute;
	top: 10%;
	height: 100%;
	right: 0;
	max-width: 400px;
}
#webchatButtonContainer {
	position: relative;
	z-index: 9999;
	height: 50px;
	width: 120px;
	top:30%;
	transform: rotate(-90deg);
	float: right;
	transform-origin: bottom right;
	background-color: #649F36 !important;
	border-radius: 10px 10px 0px 0px;
	color: white;
}

#webchatButtonContainer[aria-pressed="true"] {
	background-color: #467026 !important;
}

#webchatButton:hover {
	background-color: #467026 !important;
}

/*Default Css for link and "new window" link colors*/
#webchatContainer a {
	color: #4da3ff;
}

img.webchat__markdown__external-link-icon {
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjMgMyAxOCAxOCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTcuMjUwMSA0LjUwMDE3SDEwLjc0OTVDMTEuMTYzNyA0LjUwMDE3IDExLjQ5OTUgNC44MzU5NiAxMS40OTk1IDUuMjUwMTdDMTEuNDk5NSA1LjYyOTg2IDExLjIxNzMgNS45NDM2NiAxMC44NTEzIDUuOTkzMzJMMTAuNzQ5NSA2LjAwMDE3SDcuMjQ5NzRDNi4wNzA3OSA1Ljk5OTYxIDUuMTAzNDkgNi45MDY1NiA1LjAwNzg2IDguMDYxMTJMNS4wMDAyOCA4LjIyMDAzTDUuMDAzMTIgMTYuNzUwN0M1LjAwMzQzIDE3Ljk0MTUgNS45Mjg4NSAxOC45MTYxIDcuMDk5NjYgMTguOTk0OUw3LjI1MzcxIDE5LjAwMDFMMTUuNzUxOCAxOC45ODg0QzE2Ljk0MTUgMTguOTg2OCAxNy45MTQ1IDE4LjA2MiAxNy45OTM1IDE2Ljg5MjNMMTcuOTk4NyAxNi43Mzg0VjEzLjIzMjFDMTcuOTk4NyAxMi44MTc5IDE4LjMzNDUgMTIuNDgyMSAxOC43NDg3IDEyLjQ4MjFDMTkuMTI4NCAxMi40ODIxIDE5LjQ0MjIgMTIuNzY0MyAxOS40OTE4IDEzLjEzMDNMMTkuNDk4NyAxMy4yMzIxVjE2LjczODRDMTkuNDk4NyAxOC43NDA3IDE3LjkyOTMgMjAuMzc2OSAxNS45NTI4IDIwLjQ4MjlMMTUuNzUzOCAyMC40ODg0TDcuMjU4MjcgMjAuNTAwMUw3LjA1NDk1IDIwLjQ5NDlDNS4xNDIzOSAyMC4zOTU0IDMuNjA4OTUgMTguODYyNyAzLjUwODM3IDE2Ljk1MDJMMy41MDMxMiAxNi43NTExTDMuNTAwODkgOC4yNTI3TDMuNTA1MjkgOC4wNTAyQzMuNjA1MzkgNi4xMzc0OSA1LjEzODY3IDQuNjA0NDkgNy4wNTA5NiA0LjUwNTI3TDcuMjUwMSA0LjUwMDE3SDEwLjc0OTVINy4yNTAxWk0xMy43NDgxIDMuMDAxNDZMMjAuMzAxOCAzLjAwMTk3TDIwLjQwMTQgMy4wMTU3NUwyMC41MDIyIDMuMDQzOTNMMjAuNTU5IDMuMDY4MDNDMjAuNjEyMiAzLjA5MTIyIDIwLjY2MzQgMy4xMjE2MyAyMC43MTExIDMuMTU4ODVMMjAuNzgwNCAzLjIyMTU2TDIwLjg2NDEgMy4zMjAxNEwyMC45MTgzIDMuNDEwMjVMMjAuOTU3IDMuNTAwNTdMMjAuOTc2MiAzLjU2NDc2TDIwLjk4OTggMy42Mjg2MkwyMC45OTkyIDMuNzIyODJMMjAuOTk5NyAxMC4yNTU0QzIwLjk5OTcgMTAuNjY5NiAyMC42NjM5IDExLjAwNTQgMjAuMjQ5NyAxMS4wMDU0QzE5Ljg3IDExLjAwNTQgMTkuNTU2MiAxMC43MjMyIDE5LjUwNjUgMTAuMzU3MUwxOS40OTk3IDEwLjI1NTRMMTkuNDk4OSA1LjU2MTQ3TDEyLjI3OTcgMTIuNzg0N0MxMi4wMTM0IDEzLjA1MSAxMS41OTY4IDEzLjA3NTMgMTEuMzAzMSAxMi44NTc1TDExLjIxOSAxMi43ODQ5QzEwLjk1MjcgMTIuNTE4NyAxMC45Mjg0IDEyLjEwMjEgMTEuMTQ2MiAxMS44MDg0TDExLjIxODggMTEuNzI0M0wxOC40MzY5IDQuNTAxNDZIMTMuNzQ4MUMxMy4zNjg0IDQuNTAxNDYgMTMuMDU0NiA0LjIxOTMxIDEzLjAwNSAzLjg1MzI0TDEyLjk5ODEgMy43NTE0NkMxMi45OTgxIDMuMzcxNzcgMTMuMjgwMyAzLjA1Nzk3IDEzLjY0NjQgMy4wMDgzMUwxMy43NDgxIDMuMDAxNDZaIiBmaWxsPSIjNGRhM2ZmIi8+PC9zdmc+") !important
}


/*-----------------------------------*/
/*Default Css for chatbot title and webchat*/
#webchatBorderContainer {
	display: none;
	z-index: 9999;
	top: 0;
	position: relative;
	max-height: 720px;
	background-color:white;
	box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.25);
	border-radius: 10px 10px 10px 10px !important;
	border-width: 1px 1px 1px 1px !important;
	/*border-style: solid !important;*/
	border-color: rgba(0,0,0,0.8);
	right:55px;
}
#webchatTitle {
	background-color: #F0F2F3 !important;
	color: #4D648D !important;
	z-index: 9998;
	position: inherit;
	max-height: 50px;
	height: 10%;
	padding: 10px 0;
	text-align: center !important;
	font-family: ProximaNova-Bold !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	letter-spacing: 0.005em !important;
	border-radius: 10px 10px 0px 0px !important;
	border-bottom: 1px solid rgba(77, 100, 141, 0.5) !important;
	display: table;
}
#webchat {
	z-index: 9999;
	position: inherit;
	height: 630px;
	max-height: 720px;
	overflow: hidden;
	border-radius: 0px 0px 10px 10px !important;
	font-family: ProximaNova-Regular !important;
	font-size: 14px !important;
	font-style: bold !important;
	font-weight: 500 !important;
	text-align: left !important;
	letter-spacing: 0.005em !important;
}
/*-----------------------------------------*/	
/*Full Desktop*/
@media (min-width:900px) { /*Any width larger than 900*/
	@media (max-height:800px) { /*Any height lesser than 800*/
		#webchatButtonContainer {
			top: 50%;
			position: fixed;
		}
		#webchatbordercontainer {
			width: 400px;
		}
		#webchatTitle {
			width: 400px;
		}
		#webchat {
			width: 400px;
			height: 430px;
		}
	}
	#webchatContainer {
		/*top: 10%;
		height: 100%;*/
		max-height: calc(100% - 200px);
		width: 400px;
	}
	#webchatButtonContainer {
		/*top:40%;
		height: 50px;*/
		width: 120px;
		padding-bottom: 0px;
		right: 0px;
	}
	#webchatBorderContainer {
		width: 400px;
		right: 55px;
		height: auto;
	}
	#webchatTitle {
		/*top: 10%;*/
		width: 400px;
	}
	#webchat {
		width: 400px;
	}
	#webchatButton {
		right: 0px;
	}
	#webchatButtonIcon {
		margin-right: 4px;
		margin-bottom: 4px;
	}
}

/*Mobile or Minimized Desktop Width*/
@media (max-width:768px) and (max-height: 950px) {
	@media (min-height:721px) {
		#webchat {
			/*height:630px !important;*/
		}
		#webchatBorderContainer {
			height: 630px !important;
		}
	}
	#webchatContainer {
		height: 100%;
		max-width: 400px;
		width: 95%;
	}
	#webchat {
		height: calc(80% + 50px);
		max-width: 400px;
	}
	#webchatBorderContainer {
		height: calc(80% - 50px);
		max-width: 400px;
		width: 95%;
		right: 0px;
	}
	#webchatTitle {
		max-width: 400px;
	}
	#webchatButtonContainer {
		position: fixed;
		right: 0px;
		float: right;
		width: 120px;
		height: 50px;
		margin: 0px;
	}
	#webchatButton {
		right: 0px;
		top: 50px;
	}
	#webchatButtonIcon {
		right: 0px;
	}
}

/*@media (max-width:768px) and (orientation: landscape) {*/
@media (max-width:1279px) and (orientation: landscape) {
	#webchatButtonContainer {
		top: 20%;
		height: 50px;
	}
	#webchatBorderContainer {
		top: 15px;
		height: 85%;
		width: 430px;
		position: fixed;
		right:55px;
	}
	#webchatTitle {
		position: static;
		width: 100%;
		height: 15%;
	}
	#webchat {
		height: 91%;
		position: static;
		width: 100%;
	}
}

#webchatButton {
	float: left;
	z-index: 9999;
	width: 100%;
	height: 50px;
	border: 1px;
	background-color: #649F36;
	border-radius: 10px 10px 0px 0px;
	color: white;
	font-weight: 500;
}

	#webchatButton[aria-pressed="true"] {
		background-color: #467026 !important;
	}

#webchatButtonIcon {
	z-index: 9999;
	width: 25%;
	right: 0px;
	height: 100%;
	color: white;
}
#webchatTitleLabel {
	width: 100%;
	position: relative;
	top: 15%;
	display: table-cell;
	vertical-align: middle;
    text-align: left;
    padding-left: 25px;
}
#webchatTitleCancel {
	height: 35px;
	width: 35px;
	background: transparent;
	color: #4D648D;
	border: none;
	position: relative;
	top: 15%;
	right: 20px;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
}

.webchat__bubble__content {
	border-width: 0 !important;
}
.webchat__bubble__content .ac-container {
	font-family: ProximaNova-Regular !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	border-width: 0px !important;
	border-color: transparent !important;
	background-color: #F0F2F3 !important;
	background: #F0F2F3 !important;
	}
	
.webchat__bubble__content .ac-textBlock {
	border-width: 0px;
	border-radius: 0px;
	background-color: #F0F2F3 !important;
	
	font-family: ProximaNova-Regular !important;
	<!--font-size: 14px !important;-->
	font-style: normal !important;
	font-weight: 500 !important;
	text-align: left !important;
	letter-spacing: 0.005em !important;
}
	
.ac-pushButton {
	border: 0px;
	border-radius: 20px !important;
	border-color: transparent !important;
	background-color: #649F36 !important;
	color: white !important;
		
	font-family: ProximaNova-Regular!important;
	font-size: 14px!important;
	font-style: normal!important;
	font-weight: 400!important;
	letter-spacing: 0.005em!important;
	text-align: left!important;
}
.ac-pushButton div {
	white-space: normal !important; 
	width: 300px !important;
}


.ac-pushButton:active {
	background-color: #283655 !important;
	color: #ffffff !important;
	border-color: transparent !important;
}

.ac-pushButton:hover {
	background-color: #467026 !important;
	color: #ffffff !important;
	border-color: transparent !important;
}
	
.ac-pushButton[aria-pressed="true"]{
	border: 0px;
	border-radius: 0px;
	border-color: transparent !important;
	background-color: #467026 !important;
	color: #ffffff !important;
}
.ac-pushButton[aria-expanded="true"]{
	border: 0px;
	border-radius: 0px;
	border-color: transparent !important;
	background-color: #467026 !important;
	color: #ffffff !important;
}

.ac-textRun {
	font-family: ProximaNova-Regular!important;
	font-size: 14px!important;
	font-style: normal!important;
	font-weight: 400!important;
}
	
	
#ratingCard button {
	align-self: center ;
	border: 0px;
	border-radius: 8px ;
	border-color: transparent ;
	background-color: #649F36 !important;
	color: white !important;
	text-align: center;
	width: 140px ;
}
	
#ratingCard button:hover {
	align-self: center ;
	border: 0px;
	border-radius: 8px ;
	border-color: transparent ;
	background-color: #467026 !important;
	color: white !important;
	text-align: center;
	width: 140px ;
}
	
#ratingCard > div:nth-child(9) > div:nth-child(1) > div > button[aria-pressed="true"] {
	align-self: center ;
	border: 0px;
	border-radius: 8px ;
	border-color: transparent ;
	background-color: #467026 !important;
	color: white !important;
	text-align: center;
	width: 140px ;
}
	
#ratingCard button > div {
	align-self: center ;
	text-align: center;
}
	
.webchat__suggested-actions__item-box button:hover {
	background-color: #7abd42 !important;
}
	
#contactCard > div:nth-child(11) > div:nth-child(1) > div > button {
	align-self: center ;
	border: 0px;
	border-radius: 8px;
	border-color: transparent;
	background-color: #649F36 !important;
	color: white !important;
	text-align: center;
	width: 120px ;
}
	
#contactCard > div:nth-child(11) > div:nth-child(1) > div > button:hover {
	background-color: #467026 !important;
	color: white !important;
}
	
#contactCard > div:nth-child(11) > div:nth-child(1) > div > button[aria-pressed="true"] {
	background-color: #467026 !important;
	color: white !important;
}
#contactCard > div:nth-child(11) > div:nth-child(1) > div > button > div {
	align-self: center;
	text-align: center;
}

#contactCard .ac-input {
    border: 1px solid #959595;
	border-radius: 4px;
}
	

img.webchat__markdown__external-link-icon {
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjMgMyAxOCAxOCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTcuMjUwMSA0LjUwMDE3SDEwLjc0OTVDMTEuMTYzNyA0LjUwMDE3IDExLjQ5OTUgNC44MzU5NiAxMS40OTk1IDUuMjUwMTdDMTEuNDk5NSA1LjYyOTg2IDExLjIxNzMgNS45NDM2NiAxMC44NTEzIDUuOTkzMzJMMTAuNzQ5NSA2LjAwMDE3SDcuMjQ5NzRDNi4wNzA3OSA1Ljk5OTYxIDUuMTAzNDkgNi45MDY1NiA1LjAwNzg2IDguMDYxMTJMNS4wMDAyOCA4LjIyMDAzTDUuMDAzMTIgMTYuNzUwN0M1LjAwMzQzIDE3Ljk0MTUgNS45Mjg4NSAxOC45MTYxIDcuMDk5NjYgMTguOTk0OUw3LjI1MzcxIDE5LjAwMDFMMTUuNzUxOCAxOC45ODg0QzE2Ljk0MTUgMTguOTg2OCAxNy45MTQ1IDE4LjA2MiAxNy45OTM1IDE2Ljg5MjNMMTcuOTk4NyAxNi43Mzg0VjEzLjIzMjFDMTcuOTk4NyAxMi44MTc5IDE4LjMzNDUgMTIuNDgyMSAxOC43NDg3IDEyLjQ4MjFDMTkuMTI4NCAxMi40ODIxIDE5LjQ0MjIgMTIuNzY0MyAxOS40OTE4IDEzLjEzMDNMMTkuNDk4NyAxMy4yMzIxVjE2LjczODRDMTkuNDk4NyAxOC43NDA3IDE3LjkyOTMgMjAuMzc2OSAxNS45NTI4IDIwLjQ4MjlMMTUuNzUzOCAyMC40ODg0TDcuMjU4MjcgMjAuNTAwMUw3LjA1NDk1IDIwLjQ5NDlDNS4xNDIzOSAyMC4zOTU0IDMuNjA4OTUgMTguODYyNyAzLjUwODM3IDE2Ljk1MDJMMy41MDMxMiAxNi43NTExTDMuNTAwODkgOC4yNTI3TDMuNTA1MjkgOC4wNTAyQzMuNjA1MzkgNi4xMzc0OSA1LjEzODY3IDQuNjA0NDkgNy4wNTA5NiA0LjUwNTI3TDcuMjUwMSA0LjUwMDE3SDEwLjc0OTVINy4yNTAxWk0xMy43NDgxIDMuMDAxNDZMMjAuMzAxOCAzLjAwMTk3TDIwLjQwMTQgMy4wMTU3NUwyMC41MDIyIDMuMDQzOTNMMjAuNTU5IDMuMDY4MDNDMjAuNjEyMiAzLjA5MTIyIDIwLjY2MzQgMy4xMjE2MyAyMC43MTExIDMuMTU4ODVMMjAuNzgwNCAzLjIyMTU2TDIwLjg2NDEgMy4zMjAxNEwyMC45MTgzIDMuNDEwMjVMMjAuOTU3IDMuNTAwNTdMMjAuOTc2MiAzLjU2NDc2TDIwLjk4OTggMy42Mjg2MkwyMC45OTkyIDMuNzIyODJMMjAuOTk5NyAxMC4yNTU0QzIwLjk5OTcgMTAuNjY5NiAyMC42NjM5IDExLjAwNTQgMjAuMjQ5NyAxMS4wMDU0QzE5Ljg3IDExLjAwNTQgMTkuNTU2MiAxMC43MjMyIDE5LjUwNjUgMTAuMzU3MUwxOS40OTk3IDEwLjI1NTRMMTkuNDk4OSA1LjU2MTQ3TDEyLjI3OTcgMTIuNzg0N0MxMi4wMTM0IDEzLjA1MSAxMS41OTY4IDEzLjA3NTMgMTEuMzAzMSAxMi44NTc1TDExLjIxOSAxMi43ODQ5QzEwLjk1MjcgMTIuNTE4NyAxMC45Mjg0IDEyLjEwMjEgMTEuMTQ2MiAxMS44MDg0TDExLjIxODggMTEuNzI0M0wxOC40MzY5IDQuNTAxNDZIMTMuNzQ4MUMxMy4zNjg0IDQuNTAxNDYgMTMuMDU0NiA0LjIxOTMxIDEzLjAwNSAzLjg1MzI0TDEyLjk5ODEgMy43NTE0NkMxMi45OTgxIDMuMzcxNzcgMTMuMjgwMyAzLjA1Nzk3IDEzLjY0NjQgMy4wMDgzMUwxMy43NDgxIDMuMDAxNDZaIiBmaWxsPSIjNGRhM2ZmIi8+PC9zdmc+") !important
}

.webchat__send-icon {
	fill: #649F36 !important;
	stroke: #649F36 !important;
}


.webchat__icon-button svg {
	width: 122px !important;
	left: 12px !important;
	top: 5px !important;
}

.webchat__icon-button svg path {
	d: path('M0 0.81708V9.5L16.3125 11.5L0 14V23.1502C0 23.5315 0.409556 23.7725 0.742822 23.5873L21.6802 11.9555C22.0299 11.7612 22.0211 11.2552 21.6649 11.0732L0.727556 0.371862C0.394865 0.20182 0 0.443453 0 0.81708Z') !important
}


.webchat__suggested-actions--carousel-layout {
	background-color: #F0F2F3 !important;
	text-align: center !important;
}
.webchat__send-box {
	border-top: 2px solid rgb(230, 230, 230);
}
.webchat__suggested-actions {
	border-bottom: 2px solid rgb(230, 230, 230);

}
	
.webchat__send-box__main {
	margin: 10px !important;
	border: 0px !important;
	border-top: 0px !important;
}
.webchat__send-box-text-box {
	border: 0px !important;
	border-top: 0px !important;
}
.webchat__suggested-actions__button-text {
	color: black;
}
	
.webchat__suggested-actions__item-box button:hover {
	background-color: #7abd42 !important;
}