.ZoomButton {
	height: 26px;
    /* border: 2px solid rgb(72, 192, 238);
    background-color: white; */
	line-height: 0px;
	cursor: pointer;
}

.innerZoomButton {
	border: 1px var(--primary-color-500) solid;
	background-color: #fff;
	padding: 1px;
}

.zoomQuery .innerZoomButton {
	border-color: #60c5bb;
}

.zoomButtonChoose_rtl {
	border-radius: 3px 0 0 3px;
	border-right-width: 0;
}
.zoomButtonChoose_ltr {
	border-radius: 0 3px 3px 0;
	border-left-width: 0;
}
.zoomButtonZoom_rtl {
	border-right-width: 0;
}
.zoomButtonZoom_ltr {
	border-left-width: 0;
}
.zoomHidden {
	display: none;
}
.zoomaddnew #zoomaddnew{
	display:inline;
}
.zoomaddnew:hover #zoomaddnew path{
	stroke: var(--primary-color-500);
}
.zoomedit #zoomedit{
	display:inline;
}
.zoomedit:hover #zoomedit path{
	stroke: var(--primary-color-500);
}
.zoomzoom #zoomzoom{
	display:inline;
}
.zoomzoom:hover #zoomzoom {
	stroke: var(--primary-color-500);
}
.defaultzoomstyle {
	display:none;
}
.showAttachZoom #attach{
	display:inline;
}
.showAttachZoom:hover #attach path{
	stroke: var(--primary-color-500);
}
.showZoomZoom #zoom{
	display:inline;
}
.showZoomZoom:hover #zoom{
	stroke: var(--primary-color-500);
}
.showEmailZoom #email{
	display:inline;
}
.showEmailZoom:hover #email path{
	stroke: var(--primary-color-500);
}
.showDateZoom #date{
	display:inline;
}
.showDateZoom:hover #date{
	stroke: var(--primary-color-500);
}
.showDateZoom:hover #date path{
	stroke: var(--primary-color-500);
}
.showChooseZoom #choose{
	display:inline;
}
.showChooseZoom:hover #choose path:first-child{
	fill: var(--primary-color-500);
}
.showChooseZoom:hover #choose path:last-child{
	stroke: var(--primary-color-500);
}
.showLinkZoom #link{
	display:inline;
}
.showLinkZoom:hover #link{
	stroke: var(--primary-color-500);
}
.showQEditZoom #qedit{
	display:inline;
}
.showQEditZoom:hover #qedit path:first-child{
	fill: var(--primary-color-500);
}
.showQEditZoom:hover #qedit path:last-child{
	stroke: var(--primary-color-500);
}
.showSearchZoom #search{
	display:inline;
}
.showSearchZoom:hover #search path{
	fill: var(--primary-color-500);
}
.showUrlZoom #url{
	display:inline;
}
.showUrlZoom:hover #url{
	stroke: var(--primary-color-500);
}

.mirror
{
	transform: scaleX(-1);
}
