.whatsappAdmin a:visited {
    color: #333333; 
}

.bottomRightAlignment .whatsappBox{
	bottom: 85px;
	right: 22px;
}

.bottomRightAlignment .whatsappToggle,
.bottomRightAlignment .waContact { 
	display: flex; 
	bottom: 25px; 
	right: 22px; 
}

.bottomRightAlignment .waContactChatBox{
	bottom: 25px; 
	right: 22px; 
}

.bottomLeftAlignment .waContactChatBox {
	bottom: 25px; 
	left: 22px; 
}

.topRightAlignment .waContactChatBox {
	top: 25px; 
	right: 22px; 
}

.topLeftAlignment .waContactChatBox {
	top: 25px; 
	left: 22px; 
}

.centerLeftAlignment .waContactChatBox {
	bottom: 45%;
	left: 22px; 
}

.centerLeftAlignment .closeWhatsappButtonBox { 
	left: 12px; 
	bottom: 50%; 
}

.centerRightAlignment .waContactChatBox {
	bottom: 45%;
	right: 22px; 
}

.bottomRightAlignment .closeWhatsappButtonBox { 
	right: 12px; 
	bottom: 56px; 
}

.bottomRightAlignment .waContactChatBox .closeWhatsappButtonBox { 
	right: 8px;
	bottom: 83px; 
}

.bottomRightAlignment .waContact .closeWhatsappButtonBox { 
	bottom: 66px; 
}

.bottomRightAlignment .whatsappBox:after, 
.bottomRightAlignment .whatsappBox:before { 
	bottom: -7px; 
	border: 1px solid #FFF; 
	background-color: #FFF; 
	content: ''; 
	right: 22px; 
	position: absolute; 
	width: 13px; 
	height: 13px; 
	transform: rotate(45deg); 
	z-index: -1; 
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .02); 
}

.bottomLeftAlignment .whatsappBox{
	bottom: 85px;
	left: 22px;
}

.bottomLeftAlignment .whatsappBox{
	bottom: 85px;
	left: 22px;
}

.bottomLeftAlignment .whatsappToggle,
.bottomLeftAlignment .waContact { 
	display: flex; 
	bottom: 25px; 
	left: 22px; 
}

.bottomLeftAlignment .closeWhatsappButtonBox { 
	left: 12px; 
	bottom: 56px; 
}

.bottomLeftAlignment .waContactChatBox .closeWhatsappButtonBox { 
	left: 10px;
	bottom: 82px; 
}

.bottomLeftAlignment .waContact .closeWhatsappButtonBox { 
	bottom: 66px; 
}

.bottomLeftAlignment .whatsappBox:after, 
.bottomLeftAlignment .whatsappBox:before { 
	bottom: -7px; 
	border: 1px solid #FFF; 
	background-color: #FFF; 
	left: 22px; 
} 

.topRightAlignment .whatsappBox{
	top: 85px;
	right: 22px;
}

.topRightAlignment .whatsappBox{
	top: 85px;
	right: 22px;
}

.topRightAlignment .whatsappToggle,
.topRightAlignment .waContact { 
	display: flex; 
	top: 25px; 
	right: 22px; 
}

.topRightAlignment .waContactChatBox .closeWhatsappButtonBox { 
	right: 12px; 
	top: 6px; 
}

.topRightAlignment .waContact .closeWhatsappButtonBox { 
	top: 22px;
	right: 12px;
}

.topRightAlignment .closeWhatsappButtonBox {
    top: 12px;
    right: 14px;
}

.topLeftAlignment .closeWhatsappButtonBox {
    top: 12px;
    left: 14px;
} 

.topLeftAlignment .whatsappBox{
	top: 85px;
	left: 22px;
}

.topLeftAlignment .whatsappBox{
	top: 85px;
	left: 22px;
}

.topLeftAlignment .whatsappToggle,
.topLeftAlignment .waContact{ 
	display: flex; 
	top: 25px; 
	left: 22px; 
}

.topLeftAlignment .waContactChatBox .closeWhatsappButtonBox { 
	left: 10px;
	top: 16px;
}

.topLeftAlignment .waContact .closeWhatsappButtonBox { 
	top: 22px; 
	left: 12px;
}

.centerLeftAlignment .whatsappBox{
	bottom: 54%;
	left: 22px;
}

.centerLeftAlignment .whatsappToggle,
.centerLeftAlignment .waContact{ 
	display: flex; 
	bottom: 45%; 
	left: 22px; 
}

.centerLeftAlignment .waContactChatBox .closeWhatsappButtonBox { 
	left: 12px; 
	bottom: 55%; 
}

.centerLeftAlignment .waContact .closeWhatsappButtonBox {
	bottom: 52%; 
	left: 12px;
}

.centerLeftAlignment .whatsappBox:after, 
.centerLeftAlignment .whatsappBox:before { 
	bottom: -7px; 
	border: 1px solid #FFF; 
	background-color: #FFF; 
	left: 22px; 
}

.centerRightAlignment .whatsappBox{
	bottom: 54%;
	right: 22px;
}

.centerRightAlignment .whatsappToggle,
.centerRightAlignment .waContact{ 
	display: flex; 
	bottom: 45%; 
	right: 22px; 
}

.centerRightAlignment .closeWhatsappButtonBox { 
	right: 12px; 
	bottom: 50%; 
}

.centerRightAlignment .waContactChatBox .closeWhatsappButtonBox { 
	right: 12px; 
	bottom: 55%; 
}

.centerRightAlignment .waContact .closeWhatsappButtonBox {
	bottom: 52%; 
}

.centerRightAlignment .whatsappBox:after, 
.centerRightAlignment .whatsappBox:before { 
	bottom: -7px; 
	border: 1px solid #FFF; 
	background-color: #FFF; 
	right: 22px; 
}

.whatsappClose { 
	display: block; 
	width: 15px; 
	height: 15px; 
	position: absolute; 
	top: 12px;
	right: 16px;
	opacity: .5; 
	transition: opacity .3s; 
	font-size: 22px; 
}

.whatsappBox:after, 
.whatsappBox:before { 
	content: ''; 
	position: absolute; 
	width: 13px; 
	height: 13px; 
	transform: rotate(45deg); 
	z-index: -1; 
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .02); 
}

.closeWhatsappButtonBox { 
	position: fixed; 
	cursor: pointer; 
	z-index: 100000000; 
}

.whatsappBox { 
	position: fixed; 
	background: white; 
	max-width: 360px; 
	width: 100%; 
	border-radius: 6px;
	box-shadow: 0 8px 25px -5px 
	rgba(45, 62, 79, .15); 
	visibility: hidden; 
	opacity: 0; 
	transition: all .3s; z-index: 99999; 
}

.whatsappShow { 
	display: block; 
	visibility: visible; 
	opacity: 1; 
	transform: translateY(0) scale(1); 
}

.whatsappToggle { 
	background-color: #0dc152; 
	color: #ffffff; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	height: 40px; 
	white-space: nowrap; 
	line-height: 100%; 
	padding: 1px 20px; 
	border-radius: 50px; 
	position: fixed; 
	cursor: pointer; 
	box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16); 
	transition: box-shadow 80ms ease-in-out, width .4s ease .2s; 
	z-index: 9999999; 
}

.whatsappDescription { 
	background-color: #0dc152; 
	color: #FFFFFF; 
	padding: 15px 40px 15px 20px; 
	border-radius: 6px 6px 0 0; 
	box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16);
	transition: box-shadow 80ms ease-in-out, width .4s ease .2s;
}

.topLeftAlignment .whatsappAdmin,
.toprightAlignment .whatsappAdmin,
.bottomRightAlignment .whatsappAdmin,
.bottomLeftAlignment .whatsappAdmin { 
	max-height: 404px; 
	padding: 10px; 
	overflow-y: auto; 
}

.centerLeftAlignment .whatsappAdmin, 
.centerLeftAlignment .whatsappAdmin {
	max-height: 202px; 
	padding: 10px; 
	overflow-y: auto;
}

.whatsappAccount:hover { 
	background-color: #F5F6F5; 
	border-color: #F5F6F5; 
	color: #6B6B6B; 
	border-radius: 6px; 
}

.whatsappAccount { 
	padding: 10px; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	position: relative; 
	color: rgba(85, 85, 85, 1); 
}

.whatsappImage { 
	float: left; 
	width: 60px; 
	height: 60px; 
	position: relative; 
	background-size: cover; 
}

.whatsappAdminInfo { 
	float: left; 
	width: calc(100% - 40px); 
	padding-left: 10px; 
}

.whatsappAdminInfo > span { 
	width: 100%; 
	float: left; 
	font-weight: 600; 
	font-size: 12px; 
}

.whatsappClose .fa.fa-times { 
	color: #FFFFFF; 
	font-weight: 600; 
}

.closeWhatsappButtonBox .fa.fa-times { 
	font-weight: 600; 
}

.whatsappClose:hover { 
	cursor: pointer; 
	opacity: 1; 
}

.waContact { 
	border-radius: 50%; 
	display: block; 
	width: 60px; 
	height: 60px; 
	position: fixed; 
	z-index: 99999999;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16);
	transition: box-shadow 80ms ease-in-out, width .4s ease .2s;	
}

.whatsappIcon { 
	border-radius: 50%; 
	position: fixed; 
	height: 60px; 
	text-align: center; 
	width: 60px; 
	text-decoration: none; 
	box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16);
	transition: box-shadow 80ms ease-in-out, width .4s ease .2s;
}

.waIcon { 
	height: 100%; 
	display: block; 
	background-position: center center; 
	background-size: contain; 
	background-repeat: no-repeat; 
}

.waContactTitle { 
	display: none; 
	position: absolute; 
	text-align: center; 
	background-color: #F8F8F8; 
	font-family: "Open Sans", serif; 
	color: #5D4E4E; 
	padding: 2px 12px 2px 10px; 
	font-size: 12px; 
	border-radius: 3px; 
	white-space: nowrap; border: 1px solid #EBEBEB; 
}

.waContactChatBox:hover .waContactTitle { 
	display: block; 
}

.whatsappToggle .fab.fa-whatsapp { 
	border: none; 
	height: auto; 
	width: auto; 
	font-size: 25px; 
	padding: 0 6px 0 0; 
	margin: 0;
}
	
.whatsappIcon .fab.fa-whatsapp { 
	border: none; 
	padding: 0; 
	font-size: 40px; 
	margin-top: 10px; 
}

.waContactChatBox { 
	width: 70px; 
	height: 70px; 
	position: fixed; 
}

.WaMobile, .mobile { 
	display:none; 
}

.whatsappAdmin::-webkit-scrollbar {
    width: 5px;
}

.whatsappAdmin::-webkit-scrollbar-track {
    background: #25D365; 
}
 
.whatsappAdmin::-webkit-scrollbar-thumb {
    background: #25D365; 
}

.whatsappAdmin::-webkit-scrollbar-thumb:hover {
    background: #25D365; 
}


@media (max-width: 768px){
	.WaMobile, .mobile { display:block; }
	.desktop, .WaDeskTop { display:none; }
}

@media (max-width: 414px){
	.whatsappBox {
		max-width: 100%;
		right: 0px !important;
		left: 0px !important;
	}
}
