

	input[type='text'], input[type='password'] {
	    font-family: 'Work Sans', sans-serif;
	    font-size: 16px;
	    width: 100%;
	    max-width:220px;
	    padding: 6px;
	    border-radius: 3px;
	    border: solid 1px #d0d0d0;
	    background-color: #ffffff;
	    
	}

	.button
	{
		
		background-color:#6f6f6f;
		color:#ffffff;
		padding:8px 15px;
		border: solid 1px #6f6f6f;
		border-radius: 4px;

	}

	.logoHolder
	{
		padding:10px;
	}

	.logo
	{
		max-width:200px;
	}

	.headBg
	{
		background-color:#efefef;
	}

	.leave
	{
		float:right;
		font-size:26px;
		cursor:pointer;
	}


	.questSetInp
	{
		width:100% !IMPORTANT;
		max-width:100% !IMPORTANT;		
	}

	.addQuizBlock
	{
		background-color: #efefef;
		padding:5px;
		padding-bottom:15px;
		margin-bottom:10px;
		border-radius:4px;
		position:relative;
	}

	.removeNewQuest
	{
		float:right;display:inline;
		cursor:pointer;
		position:absolute;
		top:5px;
		right:15px;
	} 

	h1
	{
		font-weight:200 !IMPORTANT;
	}
	.infoTable
	{
		width:100%;
	}
	.infoTable th
	{
		background-color:#efefef;
		padding:10px;
		color:#2d2d2d;
		font-weight:500;
	}
	.infoTable td
	{
		padding:10px;
	}
	.gearIco, .trashIcon, .crossIcon, .runIco, .refIcon, .failRunIco
	{
		cursor:pointer;
		padding:5px;
	}

	.crossIcon
	{
		font-size:30px;
		line-height: 10px;
		float:right;
	}


	.trashIcon
	{
		color:red;
		font-size:22px;
		line-height: 10px;
		float:right;
	}
	.gearIco, .refIcon
	{
		color:orange;
		font-size:22px;
		line-height: 10px;
		float:right;
	}
	.runIco, .failRunIco
	{
		color:green;
		font-size:22px;
		line-height: 10px;
		float:right;
	}

	.inac
	{
		color:#e1e1e1 !IMPORTANT;
		cursor:initial !IMPORTANT;
	}

	.warnField
	{
		border-color:red !IMPORTANT;
	}

	input[type='checkbox'] {
	    -webkit-appearance:none;
	    width:30px;
	    height:30px;
	    background:white;
	    border-radius:3px;
	    border: solid 1px #d0d0d0;
	}
	input[type='checkbox']:checked {
	    background: #f6f6f6;
	    background-image: url("/IMAGES/check.png");
	    background-size:     cover;                      /* <------ */
    	background-repeat:   no-repeat;
 	   	background-position: center center;
	}

	.runButton
	{
		display:none;
		background-color:#59a442 !IMPORTANT;
		border-color:#59a442 !IMPORTANT;
	}

	.dot, .resDot
	{
		display:inline-block;
		padding:4px;
		font-size:12px;
		color:gray;
		cursor:pointer;
	}

.questHolder
{
	height:400px;
	background-color:#efefef;
	border-radius:3px;
	position:relative;
	width:100%;
	padding:20px;
	text-align:center;
	display:block;
}

.questHolder span, .answHolder span
{
	font-size:22px;
}

.answHolder
{
	height:400px;
	background-color:#c7c7c7;
	border-radius:3px;
	position:relative;
	width:100%;
	padding:20px;
	text-align:center;
	font-style: italic;
	display:none;
}

.checkLinkHolder
{
	position:absolute;
	bottom:0px;
	text-align:center;
	width:100%;
	left:0px;
}
.checkLink
{
	
	display:inline-block;
	padding:30px;
	font-size:20px;
	cursor:pointer;
}

.checkRight
{
	float:right;
	display:inline-block;
	position:absolute;
	bottom:0px;
	right:0px;
	padding:30px;
	font-size:20px;
	cursor:pointer;
	color:green;	
}


.checkWrong
{
	float:right;
	display:inline-block;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:30px;
	font-size:20px;
	cursor:pointer;
	color:red;	
}

.checkRight i, .checkWrong i
{
	font-size:50px;
}

.resTable 
{
	font-size:24px;
}

.resTable th
{
	font-weight:300;
	padding-right:20px;
}
.showQuest
{
	width:90%;
	border-radius:5px;
	background-color:#FFFFFF;
	padding:10px;
	color:#3d3d3d;
	display:inline-block;
	margin-bottom:20px;
}
.showAnsw
{
	width:90%;
	border-radius:5px;
	background-color:#FFFFFF;
	padding:10px;
	font-style: italic;
	color:#3d3d3d;
	display:inline-block;

}

.closeView
{
	padding:10px;
	float:right;
	width:120px;
	font-size:16px;
	cursor:pointer;

}

.resDots
{
	position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    left: 0px;	
}

.bigger
{
	font-size:20px !IMPORTANT;
}

.endScreenButton
{
	padding:10px 20px;
	text-align:center;
	cursor:pointer;
}
.endScreenIcon
{
	font-size:20px;
	text-align:center;
}
