.nopadding{ padding: 0}
.nomargin{ margin: 0}
.wrapper-behavior-profiling .section{
	margin-top: 150px;	
	float: left;
	width: 100%;
	padding: 60px 0
}
.wrapper-behavior-profiling .hero-banner {
	position: relative;
	width: 100%;
	float: left;
	height: 310px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 150px;
}
.wrapper-behavior-profiling .hero-banner .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.4);
	float: left;
	text-align: center;
}
.wrapper-behavior-profiling .border{
	float: left;
	width: 100%;
	border: 1px solid rgb(0,105,179);
}
.wrapper-behavior-profiling .border .title{
	background: rgb(0,105,179);
	padding: 0px;
	color: white;
	height: 60px;
}
.wrapper-behavior-profiling .border .left,
.wrapper-behavior-profiling .border .right{ padding: 40px 15px;}

.wrapper-behavior-profiling .border .right h4{
	width: 100%;
	color: #1b9792;
	font-size: 24px;
	margin-bottom: 15px;
}
.wrapper-behavior-profiling .border .right ol{ list-style-position: inside; float: left; }
.wrapper-behavior-profiling .border .right ol li{ color: black; padding: 0 0 10px; }
.wrapper-behavior-profiling .border .right ol li span{ color: black;padding-left: 10px; }

.wrapper-behavior-profiling table{ width: 100%;}
.wrapper-behavior-profiling td,
.wrapper-behavior-profiling th{ padding: 10px;}
.wrapper-behavior-profiling tr td:last-child{ padding-left: 20px;}
.wrapper-behavior-profiling th{ font-size: 25px;font-size: 16px;font-weight: 700; color: rgb(0,105,179);}


.wrapper-behavior-profiling .test-choosing{ margin-top: 40px;}
.wrapper-behavior-profiling .test-choosing .border .title h2{ float: left;padding: 0 25px 0 0;}
.wrapper-behavior-profiling .test-choosing .border  tr td{ border-right: 1px solid #bfdef0}
.wrapper-behavior-profiling .test-choosing .border  tr:nth-child(4n+1) td{ padding-top: 20px;}
.wrapper-behavior-profiling .test-choosing .border td,
.wrapper-behavior-profiling .test-choosing .border th{ padding: 0 5px 15px;}
.wrapper-behavior-profiling .test-choosing .border th{
	background: rgb(0,105,179);
	color: white;
	padding: 20px 10px;
}
.wrapper-behavior-profiling .test-choosing .border table tr:nth-child(4n-4){ border-bottom: 1px solid #bfdef0;}
.wrapper-behavior-profiling .test-choosing .border table tr td:last-child{ padding-left: 20px}

.wrapper-behavior-profiling .control-group {
	display: inline-flex;
	margin: 40px 0px 40px 25px ;
	text-align: left;
	vertical-align: top;
	background: #fff;
	color: rgba(0,169,155,1);
	text-align: center;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
}
.wrapper-behavior-profiling .control {
	font-size: 18px;
	display: block;
	cursor: pointer;
}
.wrapper-behavior-profiling .form .group-answer {
	border-right: 1px solid #bfdef0;
	border-bottom: 1px solid #bfdef0;
	min-height: 150px;
	padding-top: 15px;
	padding-right: 25px;
}
.wrapper-behavior-profiling .form .one-answer {
	height: 40px;
}
.wrapper-behavior-profiling .form .one-answer .control {
	font-size: 18px;
	display: block;
	cursor: pointer;
}
.wrapper-behavior-profiling .form .one-answer span {
	padding-right: 20px;
}
.wrapper-behavior-profiling .control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin-left: 17px;
	margin-top: 2px;
}

.wrapper-behavior-profiling .control__indicator {
	top: 2px;
	left: 0;
	width: 15px;
	height: 15px;
	background: #ffffff;
}

.wrapper-behavior-profiling .control--radio .control__indicator {
	border-radius: 50%;
	border: 1px solid rgba(0,169,155,1);
	/* margin-top: 5px; */
	margin: 0 auto;
}
.wrapper-behavior-profiling .test-choosing .border .control--radio .control__indicator {
	float: left;
	margin: 0px 15px 5px 15px;
}

/* Hover and focus states */
.wrapper-behavior-profiling .control:hover input ~ .control__indicator,
.wrapper-behavior-profiling .control input:focus ~ .control__indicator {
	background: rgba(0,169,155,1);
}

/* Checked state */
.wrapper-behavior-profiling .control input:checked ~ .control__indicator {
	background: rgba(0,169,155,1);
}

/* Hover state whilst checked */
.wrapper-behavior-profiling .control:hover input:not([disabled]):checked ~ .control__indicator,
.wrapper-behavior-profiling .control input:checked:focus ~ .control__indicator {
	background: rgba(0,169,155,1);
}

/* Disabled state */
.wrapper-behavior-profiling .control input:disabled ~ .control__indicator {
	pointer-events: none;
	opacity: .6;
	background: #e6e6e6;
}

/* Check mark */
.wrapper-behavior-profiling .control__indicator:after {
	position: absolute;
	display: none;
	content: '';
}

/* Show check mark */
.wrapper-behavior-profiling .control input:checked ~ .control__indicator:after {
	display: block;
}

/* Checkbox tick */
.wrapper-behavior-profiling .control--checkbox .control__indicator:after {
	top: 4px;
	left: 8px;
	width: 3px;
	height: 8px;
	transform: rotate(45deg);
	border: solid #fff;
	border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.wrapper-behavior-profiling .control--checkbox input:disabled ~ .control__indicator:after {
	border-color: #7b7b7b;
}

/* Radio button inner circle */
.wrapper-behavior-profiling .control--radio .control__indicator:after {
	top: 7px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: transparent;
}

/* Disabled circle colour */
.wrapper-behavior-profiling .control--radio input:disabled ~ .control__indicator:after {
	background: #7b7b7b;
}

.wrapper-behavior-profiling .btn-submit {margin-top: -20px; margin-bottom: 20px;}
.wrapper-behavior-profiling .btn-submit .btn.btn-lg.btn-primary{
	border-radius: 0;
	text-transform: uppercase;
	background: rgb(0,123,193);
	border: 1px solid transparent;
	padding: 10px 50px;
}
.progress{
	height: 10px;
}
.progress-bar-success{
	background-color:rgb(0,105,179);

}

.list-page{
	color: grey;
	padding: 10px;
}
/* 	==========================================================================
	==========================================================================
   							 		TABLATE
	==========================================================================
   	========================================================================== */
@media only screen 	and (min-width : 720px) and (max-width : 1280px){
	.wrapper-behavior-profiling .hero-banner{ margin-top: 100px}
}
@media only screen 	and (min-device-width : 768px) and (max-device-width : 992px){
	.wrapper-behavior-profiling .border .title{ padding: 13px 7px;height: 45px;}
	.wrapper-behavior-profiling .test-choosing .border .title h2{ padding: 0 16px 0 0; font-size: 18px;}
	.wrapper-behavior-profiling .top.border .title{ padding: 6px;}
	.wrapper-behavior-profiling th h2{ font-size: 18px}
	/* .wrapper-behavior-profiling td, .wrapper-behavior-profiling th{ padding: 0 5px 15px;} */
}


@media only screen 	and (min-device-width : 992px) and (max-device-width : 1024px){

	.wrapper-behavior-profiling .border .title{ padding: 13px 8px;}
	.wrapper-behavior-profiling .test-choosing .border .title h2{ padding: 0 20px 0 0; font-size: 25px;}
}