/**
 * CSS File for ezMark jQuery Plugin
 *
 **/
.ez-hide { opacity: 0; filter:alpha(opacity=0); }
.ez-checkbox {
	background: transparent;
	display:inline-block;
	border: 1px solid #333132;
	width: 16px;
	height: 16px;
	margin: 0px 10px 15px 0px;
	border-radius: 0px;
	position: relative;
	top: 3px;
	transition-duration: 0.3s;
	overflow: hidden;
	float: left;
}
.ez-checkbox:after {
	content: "";
    /*opacity: 0;*/
    width: 10px;
    height: 6px;
    transform-origin: left top;
    border-right: 2px solid #005467;
    border-top: 2px solid #005467;
    content: '';
    left: 16px;
    top: 6px;
    position: absolute;
	transform: rotate(135deg);
	transition-duration: 0.3s;
}
.ez-checkbox:before {
	width: 14px;
	height: 14px;
	content: " ";
    opacity: 1;
    background: #fff;
    z-index: 99;
	transition-duration: 0.3s;
	position: absolute;
	left: 3px;
	top: 0px;
}



.ez-radio {
	background: transparent;
	display:inline-block;
	border:1px solid #ffce26;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	position: relative;
	vertical-align: top;
}
.radio-inline {margin: 0 15px;}
.radio-inline span {font-family: 'montserratregular'; font-size: 15px; line-height: inherit; display: inline-block; padding:1px 0 0 10px;}
.ez-radio.ez-selected:after {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 9px; height: 9px; background-color: #ffce26; border-radius: 50%; content: '';}


.ez-checkbox.ez-checked:after { opacity: 1; }
.ez-checkbox.ez-checked:before { left: 20px; }
.ez-checkbox.ez-checked { border-color: #005467;  }
.ez-selected {

}

.ez-checkbox-green {
	background: transparent;
	display:inline-block;
	*display: inline;
}
.ez-checked-green { background-position: 0 -18px; }
.ez-checkbox, .ez-radio { zoom: 1; *display:inline; _height:30px; }
