#box-survey{
	position: fixed;
	bottom: 0;
	left: 0;
	background: #f6f6f6;
	border-top-right-radius: 10px;
	z-index: 100;
}
#box-survey .box-survey{
	position: relative;
}
.box-survey .tt-label{
	background: #f6f6f6;
	padding: 12px 30px 12px 12px;
	color: #000000;
	font-size: 15px;
	line-height: 15px;
	opacity: .9;
	position: relative;
	border-top-right-radius: 10px;
	border-bottom: 1px solid #f6f6f6;
}
.box-survey .tt-label::after{
	content: "\f106";
    font-family: fontAwesome;
	position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);	
}
.box-survey .tt-label.active::after{
	content: "\f107";
}
.box-survey .tt-label:hover{
	cursor: pointer;
}
.box-survey .content-survey{
	display: none;
	background: #f6f6f6;
	padding: 25px 20px;
}
.content-survey .form-group{
	position: relative;
}
.content-survey .tt-ques{
	color: #333;
	font-size: 14px;
	opacity: .9;
}
.content-survey .form-check{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    margin: 0 auto;
    padding: 5px 0px;
    color: #333;
    opacity: .9;
}
.content-survey .form-check label:hover{
	cursor: pointer;
}
.content-survey label.lbques{
	font-size: 14px;
	color: #333;
	opacity: .9;
	line-height: 25px;
}
.content-survey textarea{
	border: 1px solid #ccc;
    border-radius: 0px;
    background: transparent;
    color: #333;
    opacity: .9;
    display: block;
    padding: 6px 12px;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.content-survey textarea:focus{
	border: 1px solid #333;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.content-survey .form-group{
	margin-bottom: 15px;
}
.content-survey .btn-chkSend{
	text-align: center;
	margin-bottom: 0px;
}
.content-survey label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
.content-survey .chkSend{
	border: 1px solid #e21e70;
    background: #e21e70;
    color: #ffffff;
    padding: 10px 20px;
    height: auto;
    font-size: 14px;
    font-weight: normal;
}
.content-survey .chkSend:hover{
	border: 1px solid #e21e70;
    background: #ffffff;
    color: #e21e70;
}
.mess-err-ttques{
	display: none;
}

/* https://stephanwagner.me/only-css-loading-spinner */
@keyframes spinner {
	to {transform: rotate(360deg);}
}
#box-survey .box-survey.active::before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	border: 5px solid #f6f;
	border-top-color: #0e0;
	border-right-color: #0dd;
	border-bottom-color: #f90;
	animation: spinner .6s linear infinite;
}
#box-survey .box-survey.active::after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: rgba(0, 0, 0, 0.6);
}

/*==========================================================================*/
/*============================RESPONSIVE====================================*/
/*==========================================================================*/
@media screen and (max-width: 768px) {
	.box-survey .content-survey{
		padding-bottom: 70px;
	}
	/* #box-survey{
		z-index: 9999999999;
	}
	.blocker{
		z-index: 9999999999;
	} */
}