/*GatorBot launch button*/
.oda-chat-button {
	background-color: transparent !important;
	width: 100px !important;
	height: auto !important;
	touch-action: pinch-zoom !important;
}
/*GatorBot launch button continued*/
.oda-chat-button-icon {
	filter: drop-shadow(0 0 0.05rem #83a846);	
}

/*Main chat window */
.oda-chat-widget {
    width: 400px !important;
}
/*Main chat window background color*/
.oda-chat-wrapper .oda-chat-conversation {
	background-color: #F7F7F7 !important;
}
/*Main chat window drop shadow*/
.oda-chat-widget {
	filter: drop-shadow(0 0 0.15rem black);
}

/*GatorBot header title area*/
.oda-chat-header {
	background-color: #004b87f0 !important;
	color: #fbf9f8 !important;
}
/*Chat online header text*/
.oda-chat-title {
	font-size: 100% !important;
}
/*Chat Online header notification wrapper*/
.oda-chat-header-info-wrapper {
	width: 100% !important;
}

/*Header action buttons (minimize, close)*/
.oda-chat-wrapper .oda-chat-header-button svg>path {
	fill: #fbf9f8 !important;
}

/*GatorBot icon inside chat window*/
.oda-chat-message-icon {
	z-index: 0 !important;
}

/*Message bubbles*/
.oda-chat-wrapper .oda-chat-message-bubble {
	padding: 10px 24px !important;
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.24), 0px 0px 0px 0px rgba(0,0,0,0.19) !important;
}
/*Message bubbles continued*/
.oda-chat-wrapper .oda-chat-messages-wrapper .oda-chat-message-list .oda-chat-message .oda-chat-message-wrapper {
	padding: 5px !important;
}
/*GatorBot message bubble*/
.oda-chat-wrapper .oda-chat-messages-wrapper .oda-chat-message-list .oda-chat-message:last-child .oda-chat-message-bubble:last-child {
    border-radius: 2px 10px 10px 2px !important;
}
/*User message bubble*/
.oda-chat-wrapper .oda-chat-message-block.oda-chat-right .oda-chat-messages-wrapper .oda-chat-message:last-child .oda-chat-message-bubble:last-child {
    border-radius: 10px 2px 2px 10px !important;
}
/*GatorBot card response message bubble*/
.oda-chat-wrapper .oda-chat-card {
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.24), 0px 0px 0px 0px rgba(0,0,0,0.19) !important;
}

/*Menu button alignment inside GatorBot responses*/
.oda-chat-message-actions .oda-chat-action-postback {
	width: 100%;
	justify-content: center;
}
/*Menu buttons inside GatorBot responses*/
.oda-chat-message-actions .oda-chat-action-postback {
    background-color: #f7f7f7 !important;
    border-color: #0c387059 !important;
	color: #272b34 !important;
    border-style: solid;
    border-width: 1px;
	border-radius: 7px !important; 
	min-height: 40px !important;
}
/*Menu buttons inside GatorBot responses continued*/
.oda-chat-wrapper .oda-chat-action-postback:not(:disabled):hover {
	background-color: #51C794 !important;
	color: white !important;
}


/*Card response*/
.oda-chat-wrapper .oda-chat-card {
	z-index: 1 !important;
}
/*Card response side fades*/
.oda-chat-prev-wrapper {
	z-index: 2 !important;
}
.oda-chat-next-wrapper {
	z-index: 2 !important;
}
/*Card response action buttons*/
.oda-chat-wrapper .oda-chat-action-postback {
	background-color: #f1f1f1 !important;
}
/*Card response action buttons continued*/
.oda-chat-wrapper .oda-chat-action-postback:not(:disabled):hover  {
	background-color: #51C794 !important;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.24), 0px 2px 2px 0px rgba(0,0,0,0.19) !important;
}
/*Card response next and previous buttons*/
.oda-chat-wrapper .oda-chat-messages-wrapper .oda-chat-message-list .oda-chat-message.oda-chat-card-message-horizontal .oda-chat-next, .oda-chat-wrapper .oda-chat-messages-wrapper .oda-chat-message-list .oda-chat-message.oda-chat-card-message-horizontal .oda-chat-previous {
    background-color: #f8f8f8 !important;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.24), 0px 2px 2px 0px rgba(0,0,0,0.19) !important;
}
/*Card response next and previous buttons continued*/
.oda-chat-wrapper .oda-chat-messages-wrapper .oda-chat-message-list .oda-chat-message.oda-chat-card-message-horizontal .oda-chat-next:hover, .oda-chat-wrapper .oda-chat-messages-wrapper .oda-chat-message-list .oda-chat-message.oda-chat-card-message-horizontal .oda-chat-previous:hover {
	background-color: #51C794 !important;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.24), 0px 2px 2px 0px rgba(0,0,0,0.19) !important;
	fill: white !important;
}

/*Post-response buttons that display under GatorBot replies (feedback options, previous, next ect.) */
.oda-chat-wrapper .oda-chat-message-global-actions {
	display: block !important;
}
/*Post-response buttons continued*/
.oda-chat-wrapper .oda-chat-message-global-actions button[title="yes"] {
	/*License: CC Attribution. Made by Amit Jakhu: https://github.com/amitjakhu/dripicons*/
    background-image: url(../images/thumbsupgrey.svg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
    font-size: 0 !important;
	width: 10px !important;

}
/*Post-response buttons continued*/
.oda-chat-wrapper .oda-chat-message-global-actions button[title="yes"]:hover {
	background-image: url(../images/thumbsupwhite.svg) !important;
}
/*Post-response buttons continued*/
.oda-chat-wrapper .oda-chat-message-global-actions button[title="no"] {
	/*License: CC Attribution. Made by Amit Jakhu: https://github.com/amitjakhu/dripicons*/
    background-image: url(../images/thumbsdowngrey.svg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
    font-size: 0 !important;
}
/*Post-response buttons continued*/
.oda-chat-wrapper .oda-chat-message-global-actions button[title="no"]:hover {
	background-image: url(../images/thumbsdownwhite.svg) !important;
}
/*Post-response buttons continued*/
.oda-chat-message-global-actions .oda-chat-action-postback {
	display: inline;
	margin-inline-end: 3px;
	margin-top: -4px;
	margin-left: 10px;
	margin-bottom: 20px;
	color: #6a707e !important;
	background-color: #f8f8f8 !important;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.24), 0px 1px 1px 0px rgba(0,0,0,0.19) !important;
	font-size: 12px;
}
/*Post-response buttons continued*/
.oda-chat-wrapper .oda-chat-message-global-actions {
	margin-bottom: -18px;
}
/*Post-response buttons continued*/
.oda-chat-wrapper .oda-chat-message-global-actions button:not(:disabled):hover {
	background-color: #51C794 !important;
	color: white !important;
}
/*Feedback thumbs down*/
.oda-chat-message-global-actions .oda-chat-action-postback[title="🖓"]{
	font-size: 30px !important;
}
/*Feedback thumbs up*/
.oda-chat-message-global-actions .oda-chat-action-postback[title="🖒"]{
	font-size: 30px !important;
}

/*Send button inside user text box*/
.oda-chat-wrapper .oda-chat-footer-button.oda-chat-button-send {
	background-color: #1065a7 !important;
}