@charset "utf-8";
/* CSS Document */
/* #maincontainer { 
	position: fixed; 
	z-index: 300; 
	bottom: 100px; 
    right: 10px;
    top: 10px;
	box-shadow: 0px 0px 2px;
}  */
#buttonpanel { position: absolute; right: 10px; top: 20%; }
#webchat { right: 0; height: 700px; width: 100%; border: 1px solid rgb(230, 230, 230); }
#webchat > *, .ac-textBlock { font-size: 15px!important; }
/*#webchat p { margin-bottom: 5px!important; }*/
#webchat hr { margin-top: 10px!important; margin-bottom: 10px!important; }
#togglebutton{ 
	text-align: right;
	position: fixed;
    bottom: 10px;
    right: 0px;
    z-index: 200;
	background-color: #336699;
    padding: 10px;
    border-radius: 10px 0px 0px 10px;
	border: 1px #ccc solid;
}
#togglebuttonx{ 
	float: right;
}
#beginwebchat { 
	z-index: 100; 
	display:inline-block; 
	cursor:pointer; 
	color:#ffffff; 
	font-family:Arial; 
	font-size:13px; 
	padding:0px; 
	text-shadow:0px 1px 0px #154682;
	background-color: transparent;
	border: 0;
	
}
#beginwebchat img { 
	max-width: 50px;
}
#endwebchat { 
	z-index: 100; 
	padding:0px; 
	background-color: transparent;
	border: 0;
	margin: 0;
    cursor: pointer;
}
/*#beginwebchat:hover { background-color:#0061a7; }*/
#headingpanel { border: 1px solid #333; border-bottom: none; background-color: #003366; text-align: center; padding: 10px;}
#headingpanel .name { font-size: 30px; color: #fff; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}
#headingpanel .title { font-size: 15px; color: #fff;  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}
.css-mfy564 .css-mfy564 {
	background-image: url(/img/cachebot.png);
	background-repeat: no-repeat;
	background-position: top center;
    background-size: 400px;
    max-height: 400px;
}
/* updated 3-2025 */
#webchat .webchat__stacked-layout .webchat__stacked-layout__attachment {
	max-width: none !important;
}
button.ac-pushButton.style-default.ac-selectable {
	align-items: center;
	background:white;
	border-color:rgb(0, 99, 177);
	border-style: solid;
	border-width:2px;
	color: rgb(0, 99, 177);
	font-family: Calibri, Helvetica Neue, Arial, sans-serif;
	height: 35px;
	justify-content: center;
	max-width: 100%;
	outline: 0px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	width: 100%;
 }
 button.ac-pushButton.style-default.ac-selectable:hover {
	background: rgb(243, 242, 241);
 }
.webchat__bubble.webchat__bubble--from-user .webchat__bubble__content {
		background-color: rgb(0, 99, 177, .1)!important;
}


@media (max-width: 767px) {
	#webchat { right: 0; height: 500px; width: 100%; border: 1px solid rgb(230, 230, 230); }
}

@media (max-width: 525px) {

	#webchat { right: 0; height: 400px; width: 100%; border: 1px solid rgb(230, 230, 230); }
	#maincontainer {
		right: 0px;
    }
	#webchat {
		width: 100%;
    }
    #webchat > *, .ac-textBlock {
        font-size: 13px!important;
    }

    .css-sc8dy9, [data-css-sc8dy9] {
        padding-top: 0!important;
    }

    .css-sc8dy9 > button, [data-css-sc8dy9] > button {
        height: 25px!important;
    }

    .css-sc8dy9 > button:not(:disabled), [data-css-sc8dy9] > button:not(:disabled) {
        border-width: 1px!important;
    }

}
@media (max-width: 410px) {
	#webchat { right: 0; height: 450px; width: 100%; border: 1px solid rgb(230, 230, 230); }
	#headingpanel1 {
		width: 100%;
	}
	div.webchat__stackedLayout__avatar {
		display: none;
	}

}