.CF-container .noPadding{padding:0;}

.CF-container .error-hints{padding: 5px 0 0 0;color:red;line-height:150%;}

.CF-container .g-recaptcha{margin-bottom:20px;}
.CF-container .error-hints[for="recaptcha"]{margin-bottom:10px;}

.CF-container .dropdown-menu > li[option]{
	padding:6px 35px 6px 25px;cursor:pointer;
}
.CF-container .dropdown-menu > li[option]:hover{
	text-decoration:underline;;
}

.CF-container .dropdown button{min-width:135px;max-width:100%;overflow:hidden;}

.CF-container .hints-mandatory{
	color:black;float:right;margin-bottom:15px;
}
.CF-container .hints-mandatory > b{
	color: orangered;
}

.CF-container [CF-mandatory="true"]::after {
    content: "*";
    color: orangered;
    margin-left: 5px;
    font-size: 1.3em;
    position: relative;
	top:4px;
}

.CF-container .custom-control-label.option{margin:0 8px;line-height:180%;}

.CF-container .custom-control-label:not(.option){margin-right:30px;}

@media screen and (min-width: 767px){
	.CF-container INPUT[type="text"][maxWidth="50%"],
	.CF-container INPUT[type="password"][maxWidth="50%"]{width:30%;}
	.CF-container INPUT[type="text"]{width:60%;}
}

/* a.btn => can be removed to apply client's RWD-ENG.css */

.CF-container a.btn {
	display: inline-block;
	line-height:30px;
	background: #4321b3;
	color: #fff;
	border: 1px solid #4321b3;
	padding: 5px 30px;
	position: absolute;
	right:30px;bottom:5px;
	z-index: 1;
	overflow: hidden;
}
.CF-container a.btn:hover {
	color: #4321b3;
}
.CF-container a.btn::after {
	content: "";
	background: #e1dff5;
	position: absolute;
	z-index: -1;
	padding: 5px 30px;
	display: block;
}
.CF-container a.btn::after {
	transition: all 0.3s ease;
}
.CF-container a.btn:hover::after {
	transition: all 0.3s ease-out;
}
.CF-container a.btn::after {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transform: scale(0, 0);
}
.CF-container a.btn:hover::after {
	transform: scale(1, 1);
}

/* Preserve these for .CF-container */

.CF-container .form-group.section-submit{padding-bottom:150px;}

.CF-container a.btn > i{font-size:1.8em;}

.CF-container a.btn.btn-submit{
	background: #30acdb;
	border: 1px solid #30acdb;
	right: auto !important;
    bottom: auto !important;
    padding: 10px 60px;
	font-size: 20px;
    line-height: 180%;
}

.CF-container a.btn.btn-submit:hover{
	color: #000000;
	border:none;
}

.CF-container .alert-success {
    background-color: #fff;
    border-color: #bbb;
    color: #333;
}

.CF-container .form-wrapper.disabled *,
.CF-container .form-wrapper.disabled .hints-mandatory,
.CF-container .form-wrapper.disabled .hints-mandatory > b,
.CF-container .form-wrapper.disabled [CF-mandatory="true"]::after{color:#ddd;}
.CF-container .form-wrapper.disabled ::placeholder{
	color: #ddd;opacity: 1; /* Firefox */
}
.CF-container .form-wrapper.disabled ::-ms-input-placeholder{ /* Edge 12 -18 */
	color: #ddd;
}
.CF-container a.btn.btn-submit.disabled{color:white;background:#ddd;border-color:#ddd;}

.CF-container .row.form-wrapper > h2{margin-left:15px;}

@media screen and (max-width:991px){
	.CF-container .row.form-wrapper{margin:30px 15px;}
}
@media screen and (max-width:767px){
	.CF-container .row.form-wrapper{padding:30px 0;}
}
@media screen and (max-width:480px){
	.CF-container .hints-mandatory{float:left;margin-top:20px;}
}

.CF-container h3{
    margin: 30px 0 5px 0;
    text-decoration: underline;
}

.CF-containe hr{
    margin:20px;
    border-top:1px dashed #ccc;
}

/* inline : align checkbox + label */

.CF-container TABLE.inline-grp{width:100%;margin:0;padding:0;}

.CF-container TABLE.inline-grp tr td{
	vertical-align:top;
}
.CF-container TABLE.inline-grp tr td:first-child{
	width:20px;padding-top:2px;
}
.CF-container TABLE.inline-grp tr td > a{display:contents;}

.CF-container TABLE.inline-grp tr td > *{margin-left:8px;}
.CF-container TABLE.inline-grp tr td > INPUT{margin-left:0;}