.tab-title{
    background: #DEE1D9;
    display: inline-block;
    color: #848484;
    padding: 12px 0;
    width: 160px;
    text-align: center;
}
.tab-title.active{
    background: #BE522C;
    color: #fff;
}
.tab-title.active{
    background: #BE522C;
    color: #fff;
}
.quiz-form .quiz-navigation a.btn-default{
	display: none;
}
.el-modquizzesdisplay .quiz-block > .g-content {
    background-color: #6ea58b !important;
	border-radius: 1.5rem !important;
    padding: 2.5rem !important;
}
.el-modquizzesdisplay .quiz-block.box1 > .g-content {
	background-color: #43745c !important;
}
.el-modquizzesdisplay .quiz-block.box2 > .g-content {
	background-color: #334b3f !important;
}
body .quiz-block .quiz-navigation button.btn-create{
	background: transparent !important;
	padding: 0.5rem 3.5rem;
	border-radius: 0;
	box-shadow: none;
	border: 2px solid #fff;
	text-transform: uppercase;
	text-shadow: none;
}
body .quiz-block .quiz-navigation{
	background: transparent;
	border: 0;
	box-shadow: none;
	min-height: initial;
	padding: 0;
	margin: 0;
}
body .quiz-block .quiz-navigation .btn-next i,
body .quiz-block .quiz-navigation .btn-previous i,
body .quiz-block .quiz-navigation .btn-finish i{
	color: #fff;
}
body .quiz-block .quiz-navigation .btn-previous{
	background-color: #848484;
	background-image: none;
    box-shadow: none;
	color: #fff;
	text-decoration: none;
	border: none;
	text-shadow: none;
	border-radius: 1px;
	width: 200px;
	padding: 14px 0;
	height: initial;
	overflow: visible;
	font-size: 18px;
	text-transform: uppercase;
}
body .quiz-block .quiz-navigation .btn-next,
body .quiz-block .quiz-navigation .btn-finish{
	background-color: #be522c;
    background-image: none;
    color: #fff;
    text-decoration: none;
    border: none;
    text-shadow: none;
    border-radius: 1px;
    width: 200px;
    padding: 14px 0;
    height: initial;
    overflow: visible;
    font-size: 18px;
    text-transform: uppercase;
}
body .quiz-block h3.englischtest-header:after {
    content: ' ';
    display: block;
    border: 2px solid #252e29;
    width: 5rem;
    position: relative;
    left: initial;
    margin: 15px auto 0;
}
body .quiz-block .englischtest-description {
    color: #fff;
}
.quiz-block{
	text-align: center;
}
.el-modquizzesdisplay .quiz-form .card {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	display: flex;
	flex-direction: row;
}
.el-modquizzesdisplay .quiz-form .card-header {
	background: transparent;
	box-shadow: none;
	border: 0;visibility: header;z-index: -1;
	position: absolute;
}
.el-modquizzesdisplay .quiz-form .card-body {
	width: 40%;
}
.el-modquizzesdisplay .quiz-form .list-group{
	width: 60%;
}
.el-modquizzesdisplay .quiz-form .qtext_container {
    background: transparent;
}
.el-modquizzesdisplay .quiz-form .qtext_container h2{
    color: #fff;
}
.el-modquizzesdisplay .quiz-form .list-group .list-group-item{
	background: #fff;
	border: 0;
	box-shadow: none;
	text-align: left;
	padding: 12px 15px;
}
.el-modquizzesdisplay .quiz-form .list-group .list-group-item input[type="radio"]{
	width: 30px;
	height: 30px;margin-top: 0;
}
.el-modquizzesdisplay .quiz-form .list-group .list-group-item input[type="radio"] + label{
	margin: 0 0 0 25px;
}
.el-modquizzesdisplay .page-header{
	display: none;
}
.el-modquizzesdisplay .quiz-form #inputEmail,
.el-modquizzesdisplay .quiz-form #inputUsername{
	width: 100%;
    display: inline-block;
    height: 40px;
    box-sizing: border-box;
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    box-shadow: none;
    padding-left: 0!important;
    font-style: normal!important;
    color: #fff !important;
}

.el-modquizzesdisplay .quiz-form ::-webkit-input-placeholder {
    color:#fff;
}

.el-modquizzesdisplay .quiz-form ::-moz-placeholder {
    color:#fff;
}

.el-modquizzesdisplay .quiz-form ::-ms-placeholder {
    color:#fff;
}

.el-modquizzesdisplay .quiz-form ::placeholder {
    color:#fff;
}

.el-modquizzesdisplay .quiz-form .card.email-results-form .card-header{
	    background: transparent;
    box-shadow: none;
    border: 0;
    visibility: visible;
    z-index: 1;
    position: relative;
}
.el-modquizzesdisplay .quiz-form .card.email-results-form {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
}
.el-modquizzesdisplay .quiz-form .card.email-results-form .card-body {
    width: 100%;
}
.el-modquizzesdisplay .quiz-form .card.email-results-form .card-body .form-group .col-form-label{
    color: #fff;
    text-transform: uppercase;
    font-size: xx-small;
    letter-spacing: 2px;
    display: inline-block!important;width: 100%;
    text-align: left;
}
.el-modquizzesdisplay .quiz-form .card.email-results-form .card-body .form-group .col-sm-9 {
    width: 100%;
    text-align: left;
}
.el-modquizzesdisplay .quiz-form .card.email-results-form .card-body .form-group {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.el-modquizzesdisplay .quiz-form .card.email-results-form .card-body .form-group .col-sm-offset-2.col-sm-10{
	width: 100%;
	text-align: center;
}
.el-modquizzesdisplay .quiz-form .card.email-results-form .card-header .card-title{
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: capitalize;
	margin-bottom: 0;
}
.el-modquizzesdisplay .quiz-form .card.email-results-form .btn.btn-default {
	text-transform: uppercase;
	font-size: x-small;
	border-radius: 0;
	width: initial;
	background: #b04f2f;
	letter-spacing: 2px;
	float: none;
	transition: .2s all;
	box-shadow: none;
	text-shadow: none;
	border: 0;
	color: #ffff;
	padding: 8px;
	width: 180px;
	font-size: 12px;
	margin-top: 15px;
}
.el-modquizzesdisplay .quiz-form .questions .card.quiz-navigation .btn.btn-primary {
	text-transform: uppercase;
	font-size: x-small;
	border-radius: 0;
	width: initial;
	background: #b04f2f;
	letter-spacing: 2px;
	float: none;
	transition: .2s all;
	box-shadow: none;
	text-shadow: none;
	border: 0;
	color: #ffff;
	padding: 8px;
	width: 180px;
	font-size: 12px;
	margin-top: 15px;
}
.el-modquizzesdisplay .quiz-form .questions{
	color: #fff;
}
.el-modquizzesdisplay .quiz-form .questions .card .table{
	margin-top: 20px;
}
.el-modquizzesdisplay .quiz-form .questions .card .table tr,
.el-modquizzesdisplay .quiz-form .questions .card .table th,
.el-modquizzesdisplay .quiz-form .questions .card .table td{
	background: transparent;border: 0;color: #fff;
}
.el-modquizzesdisplay .quiz-form .questions .card .table tr:hover,
.el-modquizzesdisplay .quiz-form .questions .card .table th:hover,
.el-modquizzesdisplay .quiz-form .questions .card .table td:hover{
	background: transparent;
}
.el-modquizzesdisplay .quiz-form .progress-bar {
    background-color: #43745c;
}

@media (max-width: 768px) {
	.el-modquizzesdisplay .quiz-form .card {
		background-color: transparent;
		border: 0;
		border-radius: 0;
		display: flex;
		flex-direction: column;
	}
	.el-modquizzesdisplay .quiz-form .card-body {
		width: 100%;
	}
	.el-modquizzesdisplay .quiz-form .list-group {
		width: 100%;
		margin-left: 0;
	}
	.englischtest-content.el-modquizzesdisplay > .g-grid{
		display: flex;
		flex-direction: column;
	}
	body .englischtest-content.el-modquizzesdisplay .quiz-block .quiz-navigation .btn-previous {
		margin-bottom: 15px;
	}
}