@import url("saBaseIcons.css");

/* overlay icons */

.sa-icon-stack-remove:after {
    content: "\f00d";	/* fa-icon-times */
    top: 0.3em;
    left: 0.3em;
    position: absolute;
    text-align: center;
    width: 100%;
    color: #F55;
    opacity: 0.7;
}

.z-toolbarbutton[disabled] .sa-icon-stack-remove:after {
	color: #FFF;
	opacity: 0.5;
}

.sa-tbb[disabled], .sa-tbb[disabled]:hover {
	decoration: none;
    color: #E3E3E3;
}

.sa-tbb[disabled] .z-icon-overlay-dr, .sa-tbb[disabled]:hover .z-icon-overlay-dr {
    color: #E3E3E3 !important;
}

.sa-tbb, .sa-tbb:hover {
	decoration: none;
	color: #333;
}

/* own overwrites for font-awsome */

a .z-icon-overlay {
    display: inline-block;
    text-decoration: none;
}

.z-icon-overlay {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    position: relative;
    vertical-align: -25%;
    width: 1em;
}
.z-icon-overlay [class^="z-icon-"], .z-icon-overlay [class*=" z-icon-"] {
    display: block;
    font-size: 1em;
    height: 100%;
    line-height: inherit;
    position: absolute;
    text-align: center;
    width: 100%;
}

.z-icon-overlay .z-icon-overlay-dr {
    color: #FF0000;
	font-size: 50%;
	position: absolute;
	top: 10%;
	left: 20%;	
}

.z-icon-fixedWidth18px:before {
	text-align: center;
	width: 18px;
}
.z-icon-fixMenu:before {
	text-align: center;
	width: 18px;
	margin-right: 5px;
}

/* standard font-awesome extensions transferred to ZK */

.z-icon-muted {
    color: #EEEEEE;
}
.z-icon-light {
    color: #FFFFFF;
}
.z-icon-dark {
    color: #333333;
}
.z-icon-border {
    border: 1px solid #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    padding: 0.2em 0.25em 0.15em;
}
.z-icon-2x {
    font-size: 2em;
}
.z-icon-2x.icon-border {
    border-radius: 4px 4px 4px 4px;
    border-width: 2px;
}
.z-icon-3x {
    font-size: 3em;
}
.z-icon-3x.icon-border {
    border-radius: 5px 5px 5px 5px;
    border-width: 3px;
}
.z-icon-4x {
    font-size: 4em;
}
.z-icon-4x.icon-border {
    border-radius: 6px 6px 6px 6px;
    border-width: 4px;
}
.z-icon-5x {
    font-size: 5em;
}
.z-icon-5x.icon-border {
    border-radius: 7px 7px 7px 7px;
    border-width: 5px;
}

.z-icon-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: -35%;
    width: 2em;
}
.z-icon-stack [class^="z-icon-"], .z-icon-stack [class*=" z-icon-"] {
    display: block;
    font-size: 1em;
    height: 100%;
    line-height: inherit;
    position: absolute;
    text-align: center;
    width: 100%;
}
.z-icon-stack .z-icon-stack-base {
    font-size: 2em;
}
.z-icon-spin {
    animation: 2s linear 0s normal none infinite spin;
    display: inline-block;
}
a .z-icon-stack, a .z-icon-spin {
    display: inline-block;
    text-decoration: none;
}
@-moz-keyframes z-spin {
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(359deg);
	}
}
@-moz-keyframes z-spin {
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(359deg);
	}
}
.z-icon-rotate-90:before {
    transform: rotate(90deg);
}
.z-icon-rotate-180:before {
    transform: rotate(180deg);
}
.z-icon-rotate-270:before {
    transform: rotate(270deg);
}
.z-icon-flip-horizontal:before {
    transform: scale(-1, 1);
}
.z-icon-flip-vertical:before {
    transform: scale(1, -1);
}
a .z-icon-rotate-90:before, a .z-icon-rotate-180:before, a .z-icon-rotate-270:before, a .z-icon-flip-horizontal:before, a .z-icon-flip-vertical:before {
    display: inline-block;
}

/* missing icons */

.z-icon-stack-overflow:before {
  content: "\f16c";
}

.z-icon-history:before {
  content: "\f1da";
}

.z-icon-recycle:before {
  content: "\f1b8";
}

.z-icon-send:before {
  content: "\f1d8";
}

.z-icon-send-o:before {
  content: "\f1d9";
}

.z-icon-users:before {
  content: "\f0c0";
}

.z-icon-file-pdf-o:before {
  content: "\f1c1";
}