/*fancyform*/
.fancyFormForm{
    position: relative; float: left; width: 100%;
}
.fancyForm_nextitem.btn-prev-step{
    color: #191919;
	background:#F8EEEA!important;
	border:0px solid #05A7D9!important;
}
.fancyForm_nextitem.btn-prev-step{
	border:2px solid #94D1C4!important;
}
.fancyForm_nextitem.btn-prev-step span{
	color:#191919!important;
}
.fancyForm_nextitem.btn-prev-step:hover{
	 border:2px solid #94D1C4!important;
	background:#191919!important;
}
.fancyForm_nextitem.btn-prev-step:hover span{
    color: #F8EEEA!important;
}
.fancyForm_nextitem.btn-prev-step,
.fancyForm_nextitem.btn-next-step,
.fancyForm_nextitem.btn-final-step{
    width: 100%; float: left;
}

.fancyFormFieldGroup{
    display: none;
}
.fancyFormFieldGroup.active{
    display: block; padding: 15px; background: #FaFaFa; border-radius: 15px; margin-top: 15px;
}
.page-block.fancyform{
    float: left; width: 100%;
    border-radius: 0px; margin: 0px 0px;
}
.page-block.fancyform .page-block-caption{
	background: none;
}
.page-block.fancyform .page-block-caption .page-block-ttl h2,
.page-block.fancyform .page-block-caption .page-block-txt p,
.page-block.fancyform .page-block-caption .page-block-link{
    text-align: center;
}
.page-block.fancyform .page-block-caption .page-block-ttl h2{
}
.page-block.fancyform .page-block-caption .page-block-txt p{
}
.page-block.fancyform .btn-primary{
}

.page-block-module.page-block-fancyform{
    padding: 0px 30px 30px 30px;
}
.page-block-module.page-block-fancyform .fancyformcarousel{
    width: 100%; max-width: 500px; margin: 0 auto;
}
.fancyformItem{
    min-height: 400px; padding-top: 45px;
}
.fancyformNr{
    position: absolute;
    background: #542D00; color: #F8EEEA; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; float: left; margin: 15px 10px 10px 0px; 
    
}
.form-group .fancyformNr{
    display: none;
}
.fancyformLabel{
    font-size: 14px!important; margin: 0px 0px 0px 0px; float: left; color: #F8EEEA;
	/*font-weight: 400;*/ margin-bottom: 0px!important;
}
.labelinfo-switch{
	font-size: 13px; float: left; width: 100%; padding-bottom: 5px;
}
.btn-group .btn{
	height:36px!important; border-radius: 15px;  min-height: 30px!important; padding: 8px 20px; line-height: 16px!important;
	margin-bottom: 0px!important;
	background: #F8EEEA!important; color: #A7A7A7!important;
	filter: drop-shadow(0px 0px 0px #A7A7A7);
	border:1px solid #E0E0E0!important; font-size: 13px!important;
	width: 70px!important
}
.btn-group .btn-primary::before{
	display: none;
}
.btn-group .btn.active{
	background: #54C0D3!important; color: #F8EEEA!important;
}


.fancySelectBtn{
    position: absolute; top: 40px; left: auto; right: 13px; z-index: 102;
}
.fancySelectBtn img{
    width: 22px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
.fancySelectBtn:hover img{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fancyValueFinder{
    position: relative;
    z-index: 101;
}
.fancy_containerlist{
    position: absolute; 
    z-index: 100;
    top: 34px; left: 5px; 
	border-radius: 17px; border:1px solid #191919; width: calc(100% - 10px);
    padding: 40px 0px 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
    height: auto; max-height: 0px;
    overflow: hidden;
    opacity: 0; pointer-events: none;
}
.carousel-inner .fancy_containerlist{
    position: relative;
    top: 0px; left: 0px;  width: 100%; margin-top: -40px;
}
.fancyValueSelected{
    position: relative; float: left; width: 100%; margin: 5px 0px;
}
.fancyValueSelected .selected-fancyvalue{
    position: relative; float: left; width: auto; margin: 0px 3px 3px 3px; background: #919191; height: 20px; border-radius: 10px; line-height: 20px; padding: 0px 10px; color: #191919;
}
.fancyValueSelected .selected-fancyvalue a{
    text-decoration: none; padding: 0px 3px; color: #191919; /*font-weight: 400;*/
}
.fancyValueSelected .selected-fancyvalue a:hover{
    color: #941010;
}





.fancy_containerlist.activeList{
	border-radius: 17px; border:1px solid #F8EEEA;
    padding: 40px 0px 15px;
    max-height: 400px;
    background: #000000;
    opacity: 1; pointer-events: all;
}

.fancySelectOption{
    display: none; padding: 4px 15px;
}
.fancySelectOption:hover{
    background:rgba(72,72,72,0.5);;
}
.fancySelectOption.activeFancyOption{
    display: block;
}
.fancySelectOption.activeFancyOption a:hover,
.fancySelectOption.activeFancyOption:hover a:hover,
.fancySelectOption.activeFancyOption:hover a{
    color: #94D1C4;
}


.fancyFormFieldGroup .fancyFormField{
	margin: 5px 0px;
}
.form-group .labelinfo p{
	color: #94D1C4; font-size: 13px;
}

.mini-fancyformLabel{
    font-size: 14px; margin: 5px 10px 0px 0px; float: left;
}
.fancyFormField{
    margin: 0px 0px 0px 0px; float: left; width: 100%;
}
.fancyFormField h3{
    margin: 0px 0px 10px 0px; padding: 0px; font-size: 12px; color: #F83470;
}
.fancyFormField .btn-primary.active{
}
.fancyFormOption{
    margin: 0px 0px 0px 0px; float: left; width: 100%; height: 24px;
}
.fancyFormOption input{ 
    margin: 10px 0px 0px 6px; float: left;
}
.fancyFormOption span{ 
    font-size: 12px;
    color: #ABABAB;
    margin: 5px 0px 0px 10px; float: left;
}
.fancyFormBottom{
    margin: 5px 0px 10px 0px; float: left; width: 100%;
}
.fancyformLabel .glyphicon-info-sign{
    font-size: 14px; margin: 5px 10px 10px 10px; color: #F83470;
}
.fancyformItem label.error{
    width: 100%; padding: 15px 5px 0px 5px; color: #54C0D3; font-size: 18px!important; position: relative; float: left; top: 0px; left: 0px;
	display: none;
}
.fancyformItem .btn-group .btn-primary{
}

.fancy-optin{
	margin-top: 15px;
}
.fancy-optin .fancyFormField{
	margin-top: -5px;
}

.carousel-item .fancyformLabel{
   /* font-size: 24px!important; padding-left: 50px; text-transform: uppercase; display: block;*/
}
.carousel-item .fancyFormOption input{
    position: absolute; left: 0px;
}
.carousel-item .fancyFormField{
}
.carousel-item .fancyFormOption span{ 
    font-size: 12px; cursor: pointer;
    color: #F8EEEA;
    margin: 0px 0px 0px 4px; float: left;padding-left: 30px;
    line-height: 25px;
}
.fancyformItem .btn-group label.error{
    display: none!important;
}
.fancyformItem .btn-group.has-error::after{
    display: block; position: relative; float: left; width: 100%; content: 'Please make a choice';
    padding: 5px; background: #F7F7F7; color: #F83470; font-size: 12px;
}

.checklist.has-error label.error.hidden{
    display: block!important; visibility: visible!important; opacity: 1;
}


.fancyFormField .btn-upload{
    background: #005FDD;
}
.fancyFormField .btn-upload:active,
.fancyFormField .btn-upload:hover{
    background: #F83470;
}
.fancyFormField .form-uploadfield{
    opacity: 0; height: 0px!important; padding: 0px!important; margin: 0px!important;
}
.fancyFormField .uploadpreview{
    width: 200px;
}

.toolbar a{
    background: #767676; color: #F8EEEA; text-transform: uppercase; padding: 3px 7px; float: left; text-decoration: none; margin-right: 5px; margin-bottom: 5px; 
}
.toolbar a:hover{
    background: #005FDD;
}

.fancyForm_nextitem{
    margin-top: 15px;
}

#fancyformProgressSteps{
    padding-right: 3px;
    position: absolute; top: 0px; left: 0px; float: right; width: 80px; height: 10px; text-transform: uppercase;
}
.fancyformProgressStepper{
    position: relative; float: left;  padding-right: 3px;
}
.fancyformProgressPercentage{
    position: absolute; top: 0px; left: auto; right:0px; float: right; width: 100%; height: 10px; text-align: right;
}
.fancyformProgressHolder{
    position: absolute; top: 30px; left: 0px; float: right; width: 100%; height: 10px;;
}
.fancyformProgressBar{
    position: relative; float: leftt; width: 0px; height: 8px; background: #54C0D3;
		-webkit-transition: all 1.4s ease;
		-moz-transition: all 1.4s ease;
		-o-transition: all 1.4s ease;
		transition: all 1.4s ease;
}


.fancyformItem .btn-default{
    color: #542D00!important;
}
.alert-success{
    text-align: center; padding: 30px; background:#BEEBE1; float: left;
} 
.alert-success .header{
    color: #191919;
} 
.tab-pane .alert-success{
    margin-left: 30px;
} 

.alert-warning{
    background:#c08a8a;
}     
.alert-success .page-block-caption{
    padding: 0px!important;
} 
.alert-success h2{
    color: #191919!important; line-height: 1.0;
} 
.alert-success p{
    color: #191919!important; font-size: 12px!important;
}  
.alert-success p a{
    color: #191919!important; font-size: 12px!important; text-decoration: underline;
} 

#flowfancyClose{
    position: absolute; top: 40px; left: 45px;
}
#flowfancy{
    position: fixed; width: 100%; max-width: 500px; height: 100vh; background: #54C0D3; top: 0px; left: auto; right: -500px; overflow: scroll; z-index: 2000; padding: 60px 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
} 
#flowfancy.active{
    right: 0px;
}
#flowfancy .page-block{
    background: none;
}
.fancyformStepCarousel{
    padding: 0px 30px;
}
.fancyformStepCarousel .fancyformNr{
    display: none;
}
#fancyStepContainer{
    position: relative; float: left; width: 100%; display: flex;
    justify-content: center;
}
.fancyStep{
    background: rgba(148,209,196,0); border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0px 15px;
    opacity: 0.4; border: 2px solid #94D1C4;
    font-family: new-hero,sans-serif;
    font-style: normal; position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
.fancyStepLabel{
    position: absolute; width: 100px; font-size: 10px; left: 50%; margin-left: -50px; text-align: center;
    color: #F8EEEA!important; /*font-weight: 400;*/
}
.fancyStepLabel a{
    color: #F8EEEA!important;
}
.fancyStep::before{
    background: #94D1C4; content:''; display: none; position: relative; left: -25px; top: 20px; height: 1px; width: 20px;
}
.fancyStep::after{
    background: #94D1C4; content:''; display: none; position: relative; left: 45px; top: -21px; height: 1px; width: 20px;
}
.fancyStep:nth-of-type(1)::before{
    display: none!important;
}
.fancyStep:nth-of-type(3)::after{
    display: none!important;
}
.fancyStep.active{
    opacity: 1;
}
.fancyStep.donedeal{
    opacity: 1;
    background: rgba(148,209,196,1); 
}
.fancyStep a{
    color: #94D1C4; text-decoration: none;
}
.fancy-step-info{
    position: relative; width: 100%; margin: 15px 0px;
}
.fancy-step-info h2{
    font-size: 18px; color: #F8EEEA; font-family: new-hero,sans-serif; text-transform: uppercase;
}
.fancy-step-info p{
    font-size: 12px; color: #919191;
}

.fancyStep.donedeal {
    opacity: 1;
    background: rgba(148,209,196,1); 
}
.fancyStep.donedeal a {
    color: #191919;
}
.fancyStep.donedeal::after{
    display: block;
}
.fancyStep.donedeal.active {
    opacity: 1;
    background: rgba(148,209,196,0); 
}
.fancyStep.donedeal.active a {
    color: #94D1C4;
}
.fancyStep.donedeal.active::after{
    display: none;
}


#fancyStepSummary{
    position: absolute; top: 90px;
}
.fancyStepSummary{
	display: none;
}
.fancyStepSummary.active{
	display: block;
}
.fancyStepSummaryLabel{
    color: #919191; font-size: 10px;
}
.fancyStepSummaryValue{
    
}
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.fancyformStepCarousel .carousel-item .fancyformLabel{
}
.fancy-column{
    padding: 0px 30px;
}
.fancy-column input.form-control,
.fancy-column select.form-control,
.fancy-column textarea.form-control{
	border:0px solid #585858!important; font-size: 14px!important; color: #F8EEEA!important; background: none!important;
    border-bottom: 1px solid #ABABAB!important; padding: 5px 0px;
}

.fancy-column .has-error.form-control, .fancy-column .has-error .form-control{
    border-bottom: 3px solid #F8EEEA!important;
}
.form-group.row.has-error label{
    /*font-weight: 400;*/ color: #282D33!important;
}
.fancy-column textarea.form-control{
	border: 1px solid #ABABAB!important; padding: 5px 5px;
}
.msgBox-upload{
    position: relative;
    border: 1px solid #F8EEEA; width: 100%; height: 450px; max-width: 320px; padding: 10px; text-align: center;
	overflow: hidden;
}
.msgBox-upload a{
    color: #F8EEEA; text-decoration: underline;
}
.uploadpreviewContainer{
    position: absolute; top: 0px; left: 0px; width: 100%!important; height:100%; background-repeat: no-repeat; background-position: center center; background-size: cover;
}

.fancy-form-item{
    width: 100%; position: relative;
    border-bottom: 1px solid #990000;
    padding: 20px 0px 20px 0px;
}
.fancy-form-item.fancy-btn p{
    font-size: 11px; color: #919191; margin-top: 15px;
}


.checklist{
	position: relative; width: 100%;
}
@media(min-width:600px) {
    .page-block-module.page-block-fancyform .theformfields{
		width: 100%; max-width: none; display: flex; flex-direction: row; flex-wrap: wrap;
        align-items: flex-start;
    }
    .fancy-column{
        width: 50%;
    }
    .checklist{
        display: flex; flex-direction: row; flex-wrap: wrap;
    }
    .checklist .fancyFormOption{
         width: 100%;
    }
    .carousel-item .checklist .fancyFormOption{
         width: 100%; margin: 0px 0px 0px 0px;
    }
    .msgBox-upload {
        height: 250px;
    }
}
@media(min-width:700px) {
    .page-block-module.page-block-fancyform{ 
    }
}

@media(min-width:768px) {
    .page-block-module.page-block-fancyform{
        width: 100%; margin: 0px; float: left; margin:0px;
	}
    .detail-block .page-block-module.page-block-fancyform{
        width: 100%; margin-left: 0px;
	}
    .fancy-column{
        padding: 0px 45px;
	}
    .page-block.fancyform .page-block-caption{
    }
}
@media(min-width:900px) {
    .theformfields{
        padding: 0px 0px;
    }
	.fancy-column{
		width: 33%; padding: 0px 15px;
	}
}
@media(min-width:991px) {
    .page-block.fancyform{
    }
}
@media(min-width:1280px) {

    .page-block.fancyform{
    }
    .detail-block .page-block.fancyform{
	}
    
    .page-block-module.page-block-fancyform .theformfields{
		display: block;
    }
	.fancy-column{
		width: 25%; float: left;
	}
    .msgBox-upload {
        height: 350px;
    }
    
}
@media(min-width:1440px) {
    
    .theformfields{
/*        padding-left: calc(50% - 660px);
        padding-right: calc(50% - 660px);*/
    }
	
}

#form_training_container .no-login .fancy-mode #mode .fancyFormOption:nth-of-type(3){
    display: none;
}
#form_training_container .no-login .fancy-buddies{
    display: none;
}



.label-chooser{
    display: none;
}
#form_password .fancy-form-item.fancy-trainer,
#form_password .fancy-form-item.fancy-user{
    display: none;
}

.pswd_info ul, .pswd_info li {
    margin:0;
    padding:0;
    list-style-type:none;
}
.pswd_info ul li {
    margin:0px 20px 0px 0px; display: block!important; padding-left: 30px;

}
.pswd_info ul li:last-child {
}
.pswd_info {
    position:absolute;
    /*bottom:-75px;
    bottom: -115px\9; /* IE Specific */
    top: auto;
    bottom: 55px;
    left:50%;
    margin-left: -125px;
    width:250px;
    padding:15px;
    background:#BEEBE1;
    font-size:12px;
    border-radius:5px;
    color: #191919;
}
.pswd_info h4 {
    margin:0 0 10px 0; font-size: 14px;
    padding:0; /*font-weight: 400;*/
}
.pswd_info::before {
    content: "\25BC";
    position:absolute;
    top:auto;
    bottom:-10px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#F8EEEA;
    text-shadow:none;
    display:block;
}
.invalid {
    background:url("../img/frame/error.svg") no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#941010;
}
.valid {
    background:url("../img/frame/valid.svg") no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#191919;
}




.roundCheckbox.fancyFormOption {
  position: relative; background: #F8EEEA; border-radius: 15px; height: 30px;
}
.roundCheckbox.fancyFormOption label.circle_text{
	line-height: 34px; padding-left: 0px; color: #484848; font-size: 12px!important;
	text-transform: capitalize;
}
.roundCheckbox.fancyFormOption label.circle_check {
	background-color: #F2E8DF;
	border: 1px solid #F2E8DF;
	border-radius: 0%;
	cursor: pointer;
	height: 16px;
	left: auto;
	right: 7px;
	position: absolute;
	top: 7px;
	width: 16px;
	pointer-events: none;
}

.roundCheckbox.fancyFormOption label.circle_check:after {
  border: 2px solid #F8EEEA;
  border-top: none;
  border-right: none;
  content: "";
  height: 4px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 5px;
  transform: rotate(-45deg);
  width: 8px;
}

.roundCheckbox.fancyFormOption input[type="checkbox"] {
  visibility: hidden; position: absolute;
}

.roundCheckbox.fancyFormOption input[type="checkbox"]:checked + label.circle_check {
  background-color: #C2AB92;
  border-color: #C2AB92;
}
.roundCheckbox.fancyFormOption input[type="checkbox"]:checked + label.circle_text {
  color: #000000;
}

.roundCheckbox.fancyFormOption input[type="checkbox"]:checked + label.circle_check:after {
  opacity: 1;
}



.roundRadioBtn.fancyFormOption {
  position: relative; background: none; border-radius: 15px; cursor: pointer;
}
.roundRadioBtn.fancyFormOption label.circle_text{
	line-height: 34px; padding-left: 20px; color: #990000; font-size: 14px!important;
	text-transform: capitalize;
    font-family: NeueHaasUnicaBold; margin: 0px; cursor: pointer;
}
.roundRadioBtn.fancyFormOption label.circle_check {
	background-color: #E00000;
	border: 1px solid #990000;
	cursor: pointer;
	height: 13px;
	left: 0px;
	position: absolute;
	top: 11px;
	width: 13px;
	pointer-events: none; border-radius: 3px;
}

.roundRadioBtn.fancyFormOption label.circle_check:after {
  border: 0px solid #F8EEEA;
background: #F8EEEA;
  border-top: none; border-radius: 2px;
  border-right: none;
  content: "";
  height: 8px;
  left: 2px;
  opacity: 0;
  position: absolute;
  top: 2px;
  width: 8px;
}

.roundRadioBtn.fancyFormOption input[type="radio"] {
  visibility: hidden; position: absolute;
}

.roundRadioBtn.fancyFormOption input[type="radio"]:checked + label.circle_check {
  background-color: #E00000;
  border-color: #F8EEEA;
}
.roundRadioBtn.fancyFormOption input[type="radio"]:checked  + label.circle_check + label.circle_text {
  color: #F8EEEA!important;
}

.roundRadioBtn.fancyFormOption input[type="radio"]:checked + label.circle_check:after {
  opacity: 1;
}

#pageBlockPage .slide-min,
#pageBlockPage .slide-max{
	color: #F8EEEA; font-family: new-hero,sans-serif; text-transform: none; padding: 1px 0px 1px 0px; margin: 0px;
	font-size: 11px; line-height: 18px; width: 50%; position: absolute; top: 40px; left: 0px; text-align: left; font-size: 11px; 
    
    display: none;
}
#pageBlockPage .slide-max{
	left: auto; right: 14px; text-align: right; 
	padding: 1px 0px 1px 5px;
}

.slider-disabled{
    opacity: 0.4;
}

#pageBlockPage .slider-handle {
	background: #F8EEEA;
}
#pageBlockPage .slider_output {
	width: 100%; text-align: center; font-size: 12px; color: #F8EEEA; line-height: 18px; position: relative; margin-top: 5px;
    font-family: NeueHaasUnicaBold;
}
#pageBlockPage .slider_output {
    display: flex; flex-wrap: nowrap;
}
#pageBlockPage .slider_output span{
    width: 100%; position: relative; display: block; float: left; padding: 0px; margin: 0px; text-align: left;
}
#pageBlockPage .slider_output span.nr_2{
    text-align: right;
}
#pageBlockPage .slider.slider-horizontal .slider-track{
	height: 2px; margin: 0px;
}
#pageBlockPage .slider.slider-horizontal{
	width: 220px; width: calc(100% - 16px); margin-top: 15px; margin-left: 8px;
}
#pageBlockPage .tooltip-inner{
	background: #F8EEEA;
	color: #202E39; font-family: new-hero,sans-serif; font-size: 11px;
}

#pageBlockPage .bs-tooltip-top .arrow::before{
	border-top-color: #F8EEEA;
}

#activeSort{
	border: 0px!important; background: #F8EEEA!important; border-radius: .25rem;
	font-size: 14px!important; line-height: 34px!important; color:#000000!important;
    
    background: #BC0000!important; font-size: 14px;    
    color: #F8EEEA!important; border: 0px solid #BC0000!important;
    padding: 5px 10px;
    
}

/*.fancyFormField select.form-control{
	position: relative; background: #F8EEEA!important; border-radius: 15px; height: 30px;
	line-height: 34px; padding-left: 10px; color: #484848; font-size: 12px!important;
}

.fancyFormField select.form-control:after, .fancyFormField select.form-control:before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
.fancyFormField select.form-control:before {
  border-bottom-style: solid;
  border-top: none;
}
.fancyFormField select.form-control:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}*/

.value-dependent-row,
.hide-field{
	display: none;
}
.value-dependent-row.show-field{
	display: block!important;
}