/*
body, label, input{
	cursor:none !important;
}
.btn{
	cursor:none !important;
}
*/
/* header styles */
.main-header{
	max-height:277px;
	z-index:1060; /* to be visibile with modal overlay */
}
#header-logos{
	height:217px;
	background-color:#fff;
	background-image:url("../images/header_bg.jpg");
}
#header-gutter{
	height:60px;
	line-height:60px;
	padding-left:120px;
	padding-right:120px;
	/* width:1680px; */
	background-color:#d1ecb5;
	/* background-image:linear-gradient(#93c669, #b6e46a); */
	color:#1f5e03;
	font-size:35px;
}
#header-gutter i{
	color:white;
	background-color:#1f5e03;
	padding:5px 10px;
}
/* body styles */
.row-break{
	margin-top:10px;
}
.content{
	margin-left:125px;
	margin-right:125px;
}
.question-content{
	margin-left:95px;
	margin-right:95px;
}
.content-wrapper {
	/* min-height:752px; */
	min-height: 641px;
	background-color: #fff;
}
.group-data{
	height:120px;
	border-radius:23px;
	background-color:#66cc00;
	z-index:15;
	font-size:28px;
}
.diff-label{
	background-image:url("../images/tezavnost_kviza_txt.png");
	background-repeat: no-repeat;
	background-size: contain;
    /* background-position-x: right; */
    background-position-x: center;
    background-position-y: center;
	/* padding-bottom:15px; */
	padding-bottom: 25px;
	height:100%;
}
#quiz-desc{
	height:360px;
	border-radius:23px;
	background-color:#c3eb79;
	margin-top:-30px;
	padding-top:70px;
	padding-left:135px;  
	padding-right:80px;
	font-size: 27px;
	float:right;
	z-index:10;
}
.question-row{
	margin-right: 0px;
	padding-top:70px;
}
.question-col{
	background-image:url("../images/question_bg.png");
	background-repeat: no-repeat;
    background-position: center;
	background-color:unset;
	height:182px;
	margin:0px;
	text-align:center;
	padding:0px;
	vertical-align:middle;
	display:table;
	white-space:normal;
	word-wrap: break-word;
	font-size: 40px;
}
.question-col p{
	display:table-cell;
	vertical-align:middle;
	max-height:182px;
	padding:20px 114px;
}
.answers-row{
	margin:auto;
	margin-top:40px;
}

.score-content{
	padding-top:20px;
	padding-left:105px;
	padding-right:120px;
}
.score-header{
	margin:0 2px;
	background-color:#d1ecb5;
	color:#4c7f30;
}
.score-col-2,.score-col-3,.score-col-4{
	/* border-left:2px solid #377d03; */
	/* border-margin:5px; */
	box-shadow: -12px 1px 0px -10px #377d03;
}
.score-table-row{
	padding-top:10px;
}
.your-rank{
	background-color:#ffcc66;
}
.score-table table{
	border: 2px solid #528139;
	padding-top:15px;
	width:100%;
	height:100%;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#002f00;
}
.score-button-row{
	margin-top:10px;
	margin-right:80px;
}


/* modal */
.modal-answer{
	background:unset;
	width:1710px;
	height:290px;
	margin-top:550px;
}
.modal-answer .modal-content{
	background:unset;
	background-image:url("../images/confirm_bg.png");
	background-repeat:no-repeat;
	height:100%;
	padding:50px 265px;
	text-align:center;
}
.modal-answer .modal-content .modal-footer{
	border-top:unset;
}
.modal-warning{
	padding-top:500px;
	font-size:30px;
}

/* elements */
.form-group{
	margin-top:20px;
}
.form-horizontal .control-label{
	padding-top:20px;
}
#inputGroupName{
	font-size:28px;
	height:80px;
	border-radius:10px;
}
.btn-confirmAnswer{
	height:110px;
	width:410px;
	background-color:#859e29;
	color:#41680f;
	border-radius:40px;
	font-size:40px;
	font-weight:bold;
}
.btn-confirmAnswer:hover, .btn-confirmAnswer:active{
	background-color:#327f00;
	color:#013300;
}
.btn-green {
    background-color: #66cc00;
    color: #002f00;
	border-color:#66cc00;
	border-radius:23px;
	font-size:27px;
	height:105px;
	font-weight:bold;
}
.btn-score{
	background-color: #c1eb99;
    color: #74a15c;
	border-color:#c1eb99;
	border-radius:23px;
	font-size:27px;
	height:80px;
	font-weight:bold;
	padding:0 80px;
}
.btn-score:hover,.btn-score:active{
	background-color:#327f00
}

.btn-pagination{
	background-color: #c1eb99;
    color: #74a15c;
	/* border-color:#c1eb99; */
	border: 2px solid #103b0d;
	/* border-radius:23px; */
	font-size:27px;
	height:62px;
	font-weight:bold;
	padding:0 20px;
	margin: 0 5px;
}
.btn-pagination:hover,.btn-pagination:active{
	background-color:#327f00
}
.radio{
	border-left:2px solid;
	height:80px;
	padding-left:15px;
	/* width:680px; */
}
.radio-btn{
	height:55px;
	width:55px;
	color:#fff;
}
.radio label label{
	margin-left:35px;
	margin-top:10px;
}
.btn-answer{
	background-image:url("../images/answer_btn.png");
	background-repeat: no-repeat;
    background-position: center;
	background-color:unset;
	/* width:100%; */
	width:812px;
	height:165px;
	margin:0px;
	text-align:center;
	padding:0px;
}
.btn-answer:active,.btn-answer:hover {
	background-image:url("../images/active_btn.png");
	background-repeat: no-repeat;
    background-position: center;
    box-shadow: none;
}
.btn:focus{
	outline: none !important;
}
.btn-answer[disabled]{
	opacity: unset;
}
.btn-answer.correct{
	background-image:url("../images/correct_btn.png");
	background-repeat: no-repeat;
    background-position: center;
}
.btn-answer.incorrect{
	background-image:url("../images/incorrect_btn.png");
	background-repeat: no-repeat;
    background-position: center;
}
.answer-line{
	background-image:url("../images/btn_line.png");
	background-repeat: no-repeat;
    background-position: center;
	height:165px;
	width:85px;
	margin:0px -1px;
	padding:0px;
}
.button-letter{
	
	display: grid;
    align-items: center;
    height: 100%;
	margin-left:60px;
	width:74px;
	font-size:50px;
	color:#FF6600;
	font-weight:bold;
	
}
.button-text{
	margin-left:22px;
	max-width:600px;
	display: flex;
    align-items: center;
	text-align: left;
    height: 100%;
	font-size:35px;
	white-space:normal;
	word-wrap: break-word;
}
.answer-text{
	vertical-align:middle;
	white-space:normal;
	display: flex;
    align-items: center;
    height: 100%;
	word-wrap: break-word;
	max-width:100%;
	
}
#progressBar {
  width: 100%;
  /* margin: 10px auto; */
  height: 20px;
  /* background-color: #ff6600; */
}

#progressBar div {
  height: 100%;
  text-align: right;
  /* padding: 0px 10px; */
  line-height: 22px; /* same as #progressBar height if we want text middle aligned */
  width: 0;
  background-color: #ff6600;
  color:#fff;
  box-sizing: border-box;
  /* border-radius:20px; */
}

/* general styles */
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.right-gutter{
	margin-right:50px;
	padding-left:0px;
	padding-right:0px;
}
.bold{
	font-weight:bold;
}