/**
 *
 * - PopojiCMS Style
 *
 * - File : patternlock.css
 * - Version : 0.4.0
 * - Author : Sudhanshu Yadav
 * - License : MIT License
 *
 *
 * Ini adalah file style PopojiCMS yang memuat style patternlock.
 * This is a file style from PopojiCMS which contains patternlock style.
 *
 * Demo and documentaion on: ignitersworld.com/lab/patternLock.html
 *
*/

.patt-holder {
	background: transparent; 
	-ms-touch-action: none;
}

.patt-wrap {
	position: relative;
	cursor: pointer;
}

.patt-wrap ul, .patt-wrap li {
	list-style: none;
	margin:0;
	padding: 0;
}

.patt-circ {
	position: relative;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
 
.patt-circ.hovered {
	border: 3px solid #34495e;
} 

.patt-error .patt-circ.hovered {
	border: 3px solid #e74c3c;
}

.patt-hidden .patt-circ.hovered {
	border:0;
}

.patt-dots {
	background: #2c3e50;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left:50%;
	margin-top: -5px;
	margin-left: -5px;
}

.patt-lines {
	border-radius: 5px;
	height: 10px;
	background: rgba(39, 174, 96,.7);
	position: absolute;
	transform-origin: 5px 5px;
	-ms-transform-origin: 5px 5px; /* IE 9 */
	-webkit-transform-origin: 5px 5px;
}

.patt-hidden .patt-lines {
	display: none;
}