/* Evaluation Form */
.form-holder,
.form-section-title {
	margin-bottom: 20px;
	max-width: 100%;
	flex: 0 0 100%;
	padding: 0 15px;
	flex-flow: row wrap;
	font-family: Aktiv Grotesk Trial Medium;
	font-weight: 400;
	color: #3e3e3e;
}

.form-extra {
	display: flex;
	flex-flow: row wrap;
	max-width: 100%;
	flex: 100%;
}

.form-group {
	padding:0 15px;
	margin-bottom:20px;
	max-width:100%;
	flex:0 0 100%;
	padding-left:0;
}

.form-half {
	max-width:50%;
	flex:0 0 50%;
}

.form-third {
	max-width:33.33%;
	flex:0 0 33.33%;
}

.form-section {
	display: flex;
	flex-flow: row wrap;
	margin-bottom:20px;
}

.form-label {
	color: #5c5c5c;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 0;
}

.form-guide,
.form-input,
.form-label {
	max-width:100%;
	flex:0 0 100%;
}

.readonly {
	background:#f7f7f7 !important;
}

.form-label label {
	font-family: 'Aktiv Grotesk Trial Medium';
	color: #333;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
	display: block;
}

.form-input select {
	font-size: 14px;
}

.form-input input {
	font-size:14px;
}

.input-radio-label {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-right: 15px;
}

.input-checkbox-label {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-right: 15px;
}

/* Form Conditional */
.form-conditional {
	display:none;
}

.form-conditional.active {
	display:flex;
}

.evaluation-table {
	margin-bottom:40px;
}

/* Form Step */
.form-steps {
	display: flex;
	justify-content: center;
	margin-bottom: 60px;
}

.form-step {
	position: relative;
	padding-right: 100px;
	padding-left: 25px;
}

.form-step::after {
	content:"";
	width:76px;
	height:1px;
	background:#bebebe;
	display:block;
	position:absolute;
	right:0;
	top:50%;
}

.form-step:last-of-type::after {
	display:none;
}

.form-step-inner {
	display: flex;
	align-items: center;
}

.form-step-num {
	width: 34px;
	height: 34px;
	background: #ddd;
	border-radius: 50px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-family: "Aktiv Grotesk Trial Medium", sans-serif;
}

.form-step-title {
	font-size: 18px;
	color: #a4a4a4;
	font-family: "Aktiv Grotesk Trial Medium", sans-serif;
	padding-left: 10px;
}

.form-step.active .form-step-title {
	color:#3e3e3e;
}

.form-step.active .form-step-num {
	background:#6dabe0;
	color:#fff;
}

.custom-evaluation-form .form-error {
	font-size:14px;
	line-height:1.2;
}

.form-input-time {
	display:flex;
}

.form-input-time .form-input-col {
	margin-right:15px;
}

.form-guide {
	font-family: 'Aktiv Grotesk Trial Medium';
	color: #333;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 5px;
	display: block;
	margin-top: 5px;
}

/* Datatables */
table.dataTable thead th, table.dataTable thead td {
	font-size:16px !important;
	font-family:'Aktiv Grotesk Trial Medium', sans-serif;
	font-weight:400;
}

#evo-form-entries_length label {
	font-size:14px;
	font-weight:400;
	color:#555555;
}

.dataTables_wrapper .dataTables_length select {
	font-size:14px !important;
	height:36px !important;
}

#evo-form-entries_filter label {
	font-size:14px;
}

html body .dataTables_wrapper .dataTables_filter input {
	border-radius: 0 !important;
	font-size: 14px !important;
	padding-left: 15px !important;
	color: #444 !important;
}

html body table.dataTable tbody th, 
html body table.dataTable tbody td {
	font-size:16px;
}

html body table.dataTable tfoot th, 
html body table.dataTable tfoot td {
	font-size:16px;
}

#evo-form-entries_info {
	font-size:14px;
}

html body table.dataTable thead th, 
html body table.dataTable thead td {
	border-bottom: 1px solid #e3e3e3;
}

html body table.dataTable tfoot th, 
html body table.dataTable tfoot td {
	border-top: 1px solid #e3e3e3;
}

#evo-form-entries a {
	font-size: 15px !important;
	color: #6eabe0 !important;
	font-weight: 400 !important;
	font-family: Aktiv Grotesk Trial Medium;
	text-decoration: none;
}

#evo-form-entries a.delete-evo-record {
	color:#943c3c !important;
}

#evo-form-entries label {
	font-size:15px;
}

.dataTables_paginate a {
	font-size:14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: #6eabe0 !important;
	border: 0 !important;
	color: #fff !important;
	border-radius:0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border:0 !important;
	background: #71b3ec !important;
	border-radius:0 !important;
}

.guide {
	margin-top:20px;
}

.guide p {
	font-size:16px;
}

.guide ul {
	margin-left:20px;
	font-size:16px;
	margin-bottom:0;
}

.form-text p {
	color: #333;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 5px;
	display: block;
	margin-top: 5px;
}

.form-extra-title {
	font-family: 'Aktiv Grotesk Trial Medium';
	color: #333;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
	display: block;
}

.form-extra {
	padding:0 15px;
}

.form-submit button {
	margin-bottom:15px;
	margin:0 5px 15px 5px;
}

.reset-btn {
	width: 100%;
	font-size: 15px;
	color: #fff;
	font-family: 'AzoSans Medium';
	background: #b7402e;
	text-transform: uppercase;
	letter-spacing: 1px;
	height: 53px;
	display: block;
	border-radius: 0;
	text-align: center;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0 5px 15px 5px;
}

.custom-evaluation-form .form-submit {
	display:flex;
	flex-flow:row;
}

@media screen and (max-width:480px) {
	.form-half, .form-third {
		max-width: 100%;
		flex: 0 0 100%;
	}
	
	.form-steps, .custom-evaluation-form .form-submit {
		flex-direction: column;
	}
	
	.form-step::after {
		display:none;
	}
	
	.form-step-inner {
		margin-bottom: 10px;
	}
	
	.form-extra, .form-group, .form-holder, .form-section-title {
		padding: 0!important;
	}
	
	.form-submit button, .reset-btn {
		margin: 0 0 15px;
	}
}