#nex-forms{
display: block !important;
} #nex-forms input[type="password"].form-control{
border-color: #ddd;
}
#nex-forms .inner-canvas-container .form-control::placeholder {
color: #aaa;
}
#nex-forms,
.nf-sticky-contact-form{
display: block !important;
}
#nex-forms .inner-canvas-container input[type="reset"] {
border: 1px solid #ddd;
width: unset !important;
padding: 0 15px;
}
#nex-forms .cancel-rating {
display:none;
}
#nex-forms:not(.nf-admin) .html_image .ui-wrapper{
width: auto !important;
}
#nex-forms .html_image .align_center{
display: flex;
justify-content: center;
}
#nex-forms:not(.nf-admin) img.html-image-obj{
width: auto;
max-width: 100%;
height: unset;
}
#nex-forms .html_image .align_right .the-image-container{
float: right;
}
#nex-forms .btn,
#nex-forms p,
#nex-forms div,
#nex-forms label{ }
#nex-forms .select-wrapper .select-wrapper,
#nex-forms .nice-select,
.ui-helper-hidden-accessible{
display: none;
}
#nex-forms .ui-nex-forms-container .hidden_by_logic{
display: none !important;
}
#nex-forms .inner-canvas-container .input-group-addon.prefix{
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
#nex-forms .inner-canvas-container .input-group-addon.postfix{
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
#nex-forms .inner-canvas-container .step.nf_multi_step_1 .nex_prev_steps .grid_input_holder:first-child .button_fields{
display: none;
}
#nex-forms .triangular.cd-breadcrumb li a{
padding: 0 10px;
border-radius: 0;
}
.ui-datepicker-div{
z-index: 10000;
}
#nex-forms #datetimepicker ul{
padding: 0;
}
#nex-forms #datetimepicker li{
padding: 0;
list-style: none !important;
}
#nex-forms #datetimepicker table{
font-size: 13px;
}
#nex-forms .multi-select select{
min-height: 126px !important;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
}
#nex-forms form,
#nex-forms{
width: 100% !important;
}
#nex-forms form{
transition: min-height 0.6s ease 0.25s !important;
position: relative;
}
.nex_forms_modal .modal-body{
overflow-y: auto !important;
}
#nex-forms select{
-moz-appearance: menulist !important;
}
#nex-forms .math_result{
word-wrap: normal;
overflow-wrap: normal;
}
#nex-forms .fa{
}
#nex-forms .select2-hidden-accessible{
position: unset !important;
overflow: visible !important;
height: auto !important;
}
.nex_forms_modal .modal-dialog{ height:100%;
}
#nex-forms grammarly-btn{
display: none;
}
.single-image-select-group .label_container,
.multi-image-select-group .label_container{
}
#nex-forms .required{
margin-left: auto;
color: unset;
background: unset;
}
#nex-forms table{
table-layout: auto !important;
}
div.bootstrap-datetimepicker-widget.dropdown-menu td,
div.bootstrap-datetimepicker-widget.dropdown-menu th,
div.bootstrap-datetimepicker-widget.dropdown-menu tr{
padding: 6px !important;
margin: 0 !important;
}
#nex-forms .select2-container{
display: none !important;
}
.nex_success_message.alert{
height: auto !important;
min-height: auto !important;
overflow: visible !important;
overflow-wrap: normal !important;
white-space: normal !important;
font-size: 100% !important;
}
#nex-forms input:focus{
transition: all 500ms ease 0s;
}
#nex-forms .field-replication-enabled .input-group{
margin-bottom: 7px;
}
#nex-forms .inner-canvas-container,
#nex-forms .nex-forms-msg-container{
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
#nex-forms .the-radios.input_container{
padding-top: 2px;
}
#nex-forms .clearfix{
visibility: visible;
*zoom: 1;
}
#nex-forms .sbHolder{
display: none !important;
}
#nex-forms .text-sm{
font-size: 12px !important;
}
#nex-forms .text-lg{
font-size: 16px !important;
}
#nex-forms .clear_digital_siganture .fa:hover{
color: #d43f3a;
}
#nex-forms .clear_digital_siganture .fa{
font-size: 14px;
cursor: pointer;
}
#nex-forms .clear_digital_siganture{
position: absolute;
left: 20px;
bottom: 5px;
}
#nex-forms .digital-signature-data{
display: none;
}
#nex-forms div.text_counter_holder .text_counter{
font-size: 11px;
}
#nex-forms div.text_counter_holder{
position: absolute;
bottom: -16px;
z-index: 1000;
width: 100%;
text-align: right !important;
left: 0;
}
#nex-forms .form_field.has_max_lenght{
}
.nex_forms_modal{
}
#nex-forms .input-group-btn .btn .fa{
}
#nex-forms .input-group-btn .btn{
height: 42px;
}
#nex-forms .select::after{
content: none !important;
}
#nex-forms .form_field.select select{
display: block !important;
}
#nex-forms .nf-input-sm{
height: 28px !important;
}
#nex-forms .input-sm {
font-size: 12px !important;
height: 30px !important;
line-height: 1.5 !important;
padding: 5px 10px !important;
}
#nex-forms .input-lg {
font-size: 18px !important;
height: 48px !important;
line-height: 1.33 !important;
min-height: 48px !important;
padding: 10px 16px !important;
}
#nex-forms .nf-input-xlg{
height: 48px !important;
}
#nex-forms .nf-input-lg{
height: 40px !important;
}
#nex-forms .input-group-addon.nf-default{
background: #fff none repeat scroll 0 0;
}
#nex-forms .input-group-addon.label-info,
#nex-forms .input-group-addon.label-warning,
#nex-forms .input-group-addon.label-primary,
#nex-forms .input-group-addon.label-danger,
#nex-forms .input-group-addon.label-success{
color: #fff;
}
#nex-forms .form_field .fileinput .form-control,
#nex-forms .form_field .selectpicker.btn,
#nex-forms .form_field input.form-control{
}
#nex-forms i.fileinput-exists.fas.fa-file{
top: -6px;
position: relative;
}  #nex-forms .form_field{
position: relative;
}
#nex-forms .inner-canvas-container .upload-single .glyphicon{
padding-top: 6px;
}
#nex-forms .req_inside::after{
color: #999;
content: "*";
font-size: 28px;
position: absolute;
right: 22px;
top: 3px;
z-index: 1001;
}
#nex-forms  .label_container label{
font-weight: normal !important;
}
#nex-forms  label.nexf_title.text-lg{
font-size: 16px !important;
margin: 0 !important;
padding: 0 !important;
}
#nex-forms  label.nexf_title.text-sm{
font-size: 12px !important;
margin: 0 !important;
padding: 0 !important;
}
#nex-forms .form_field.thumb-rating label span.fa.checked,
#nex-forms .form_field.smily-rating label span.fa.checked{
text-shadow: 5px 5px 2px #ddd;
transform: scale(1.2);
transition: all 200ms ease 0s;
}
#nex-forms .form_field.thumb-rating label,
#nex-forms .form_field.smily-rating label{
margin: 0 !important;
padding: 0 !important;
}
#nex-forms .form_field.thumb-rating label span.fa,
#nex-forms .form_field.smily-rating label span.fa{
font-size: 40px !important;
transition: all 200ms ease 0s;
}
#nex-forms .form_field.thumb-rating label input,
#nex-forms .form_field.smily-rating label input{
display: none;
}
#nex-forms .the-thumb,
#nex-forms .the-smile{
color: #aaa;
}
#nex-forms .the-thumb.fa-thumbs-o-up:hover,
#nex-forms .the-smile.fa-smile-o:hover{
color: #3c763d;
}
#nex-forms .the-thumb.fa-thumbs-o-down:hover,
#nex-forms .the-smile.fa-frown-o:hover{
color: #a94442;
}
#nex-forms .the-smile.fa-meh-o:hover{
color: #f0ad4e;
}
#nex-forms .radio-inline .tooltip{
top: -32px !important;
margin-left: -5px;
opacity: 0.7;
}
#nex-forms .star-rating span{
position: unset;
}
#nex-forms .star-rating{
letter-spacing: 0 !important;
}
#nex-forms .star-rating span:before{
content: none !important;
}
.error_msg.popover{
border-radius: 0 !important;
border-top: 2px solid #d43f3a !important;
left: auto !important;
padding: 0 !important;
right: -15px !important;
top: -21px !important;
}
.error_msg.popover .popover-content{
font-family: arial;
font-size: 12px;
padding: 4px 8px !important;
text-align: left !important;
}
.error_msg{
bottom: -15px;
color: #f44336;
font-size: 11px !important;
position: absolute;
right: 15px;
visibility: visible !important;
}
#nex-forms .inner-canvas-container .material_field.has_error .with-gap[type="radio"] + label::before,
#nex-forms .inner-canvas-container .material_field.has_error [type="checkbox"] + label::before{
border-color: #f44336 !important;
}
.material_field .error_msg{
bottom: -18px;
color: #f44336;
font-size: 11px !important;
left: auto;
position: absolute;
right: 0;
visibility: visible !important;
}
.error_msg.indent{
}
.md-select .error_msg{
margin-top: -21px;
}
#nex-forms .nf-has-error label.nf_title .the_label,
#nex-forms .nf-has-error .radio-label,
#nex-forms .nf-has-error .is_required{
}
#nex-forms .error_msg.popover.top > .popover-arrow{
left: 15px;
}
.error_msg.popover i{
color: #d43f3a;
left: -2px;
padding: 2px;
position: relative;
}
#nex-forms .input{
position: relative;
z-index: 1;
display: inline-block;
width: 100%;
vertical-align: top;
}
#nex-forms .form_field p{
color: #444;
}
#nex-forms #the-radios a{
}
#nex-forms .panel-body.the-panel-body{
background: #fff none repeat scroll 0 0;
}
#nex-forms .is_panel  .panel{
box-shadow: none !important;
}
#nex-forms .single-image-select-group .prettyradio a,
#nex-forms .multi-image-select-group .prettycheckbox a{
border: 1px solid #cccccc;
border-radius: 15px;
bottom: 10px !important;
display: block;
height: 22px !important;
line-height: 20px;
position: relative;
text-align: center;
width: 22px !important;
}
#nex-forms ul li::before{
content: none !important;
}
#nex-forms .radio-image{
border-radius: 2px;
height: 93px;
left: 0;
position: absolute;
top: 1px;
width: 100%;
object-fit: cover;
}
#nex-forms .radio-label.img-thumbnail,
.check-label.img-thumbnail{
overflow: hidden;
padding-bottom: 0;
padding-top: 0;
}
#nex-forms .single-image-select-group label.radio-inline,
#nex-forms .multi-image-select-group label.radio-inline{
height: 120px;
padding: 0;
position: relative;
width: 120px;
}
.single-image-select-group .input_container,
.multi-image-select-group .input_container{
}
#nex-forms span.img-thumbnail{
background: #f9f9f9 none repeat scroll 0 0;
display: block;
height: 100%;
padding-top: 95px !important;
text-align: center;
width: 100%;
}
#nex-forms .img-thumbnail-large img{
height: 130px;
}
#nex-forms .img-thumbnail-large span.img-thumbnail{
padding-top: 136px !important;
}
.img-thumbnail-large label{
width: 160px !important;
height: 160px !important;
}
#nex-forms .img-thumbnail-small img{
height: 64px;
}
#nex-forms .img-thumbnail-small span.img-thumbnail{
padding-top: 60px !important;
font-size: 11px;
}
.img-thumbnail-small label{
width: 80px !important;
height: 80px !important;
}
#nex-forms input[type="file"]{
display: block;
height: 39px;
}
#nex-forms .radio-inline .img-thumbnail,
#nex-forms .checkbox-inline .img-thumbnail{
background-size: cover !important;
}
#nex-forms .paddel-right .nf-sticky-paddel{
transform: rotate(270deg);
}
#nex-forms .nf-sticky-contact-form.paddel-right .nf-sticky-paddel{
left: -76px;
position: absolute;
top: 40%;
}
#nex-forms .nf-sticky-contact-form.paddel-right{
margin-right: -256px;
min-width: 252px;
position: fixed;
right: 0;
top: 20%;
width: 252px;
z-index: 1000000;
}
#nex-forms .nf-sticky-contact-form.paddel-right .nf-sticky-paddel.btn{
border-radius: 0 !important;
border-bottom-width: 1px !important;
}
#nex-forms .nf-sticky-contact-form.paddel-right .nf-sticky-container{
background: #fff;
min-height: 296px;
border-radius: 0 !important;
position: relative;
z-index: 1000;
}
#nex-forms .paddel-left .nf-sticky-paddel{
transform: rotate(270deg);
}
#nex-forms .nf-sticky-contact-form.paddel-left .nf-sticky-paddel{
right: -76px;
position: absolute;
top: 40%;
}
#nex-forms .nf-sticky-contact-form.paddel-left{
position: fixed;
width: 252px;
top: 20%;
left: 0;
margin-left: -256px;
z-index: 1000000 !important;
}
#nex-forms .nf-sticky-contact-form.paddel-left .nf-sticky-paddel.btn{
border-radius: 0 !important;
border-bottom-width: 1px !important;
}
#nex-forms .nf-sticky-contact-form.paddel-left .nf-sticky-container{
background: #fff;
min-height: 296px;
border-radius: 0 !important;
position: relative;
z-index: 1000;
}
#nex-forms .nf-sticky-contact-form.paddel-bottom .nf-sticky-paddel{
top: -39px;
position: absolute;
right: 0;
}
#nex-forms .nf-sticky-contact-form.paddel-bottom{
position: fixed;
width: 252px;
bottom: 0;
right: 40px;
margin-bottom: -304px;
z-index: 1000000 !important;
}
#nex-forms .nf-sticky-contact-form.paddel-bottom .nf-sticky-paddel.btn{
border-radius: 0 !important;
border-bottom-width: 1px !important;
width: auto !important;
}
#nex-forms .nf-sticky-contact-form.paddel-bottom .nf-sticky-container{
background: #fff;
min-height: 300px;
border-radius: 0 !important;
position: relative;
z-index: 1000;
overflow: auto;
height: 300px;
}
#nex-forms .nf-sticky-contact-form.paddel-top .nf-sticky-paddel{
bottom: -36px;
position: absolute;
right: 0;
z-index: -1 !important;
}
#nex-forms .nf-sticky-contact-form.paddel-top{
position: fixed;
width: 252px;
top: 0;
right: 40px;
margin-top: -300px;
height: 300px;
min-height: 300px;
z-index: 1000000 !important;
}
#nex-forms .nf-sticky-contact-form.paddel-top .nf-sticky-paddel.btn{
border-radius: 0 !important;
border-bottom-width: 1px !important;
width: auto !important;
line-height: 14px;
}
#nex-forms .nf-sticky-contact-form.paddel-top .nf-sticky-container{
background: #fff;
min-height: 300px;
border-radius: 0 !important;
height: 300px;
overflow: auto;
position: relative;
z-index: 1000;
}
#nex-forms .nf-sticky-contact-form .nf-sticky-container .panel{
margin-bottom: 0 !important;
}
#nex-forms .nf-sticky-paddel.btn{
overflow: hidden;
}
#nex-forms .nf-sticky-contact-form .input_container,
#nex-forms .nf-sticky-container .input_holder,
#nex-forms .nf-sticky-contact-form .label_container{
width: 100% !important;
}
#nex-forms .panel{
background: inherit;
}
#nex-forms .panel .panel-body{
padding-bottom: 0 !important;
border-radius: 0 0 3px 3px;
}
#nex-forms div.inner-canvas-container .form_field,
#nex-forms .nex-forms-msg-container .form_field{
margin-bottom: 15px;
}
.div.inner-canvas-container{
display: none;
}
#nex-forms .input-group-addon{
cursor: pointer;
}
#nex-forms .popover-content{
color: #555;
min-width: 165px;
padding: 9px 14px;
text-align: center;
}
#nex-forms .input-group-addon span.fa{
width: 19px;
}
#nex-forms .fileinput-preview{
height: 80px !important;
padding: 5px;
}
#nex-forms .color_pallet .input-group-addon span.caret{
margin: 0 6px;
}
#nex-forms .btn.fileinput-exists{
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
#nex-forms .fileinput .btn{
border-width: 1px !important;
}
#nex-forms .upload-single .fileinput .btn{
border-left: 0 none !important;
}
#nex-forms .btn.selectpicker,
.btn.ui-slider-handle{
border-bottom-width: 1px !important;
}
#nex-forms input.check,
#nex-forms input.radio{
top: 1px;
left: 5px;
}
#nex-forms label.nexf_title.align_left{
margin-bottom: 0 !important;
}
#nex-forms label.nexf_title{
font-size: 14px;
}
#nex-forms .the_label{
color: #5b5b5b;
display: block;
}
#nex-forms .ui-widget-content .the_label{
color: inherit;
}
.upload-image .thumbnail{
border: 1px solid #ddd !important;
border-radius: 4px;
cursor: pointer;
height: 150px;
width: 100%;
margin: 0 !important;
}
.upload-image .thumbnail:hover .nf_add_image .the_input_element .fa{
color: #999 !important;
}
.upload-image .fileinput img{
max-width: 100%;
height: 100%;
width: 100%;
}
#nex-forms .upload-image .fileinput.fileinput-exists{
border: medium none !important;
}
#nex-forms .upload-image .fileinput{
width: 100%;
border: medium none !important;
text-align: center;
vertical-align: center !important;
}
.upload-image .thumbnail:hover{
border-color: #ccc !important;
}
#nex-forms .upload-image .fileinput-exists{
border: 1px solid #ddd !important;
font-family: Verdana !important;
font-size: 12px !important;
font-weight: normal;
text-transform: capitalize;
height: 27px;
}
#nex-forms .upload-image .nf_add_image .the_input_element{
background: rgba(0, 0, 0, 0) none repeat scroll 0 center !important;
border: 0 none !important;
padding: 0 !important;
}
#nex-forms .upload-image .nf_add_image .the_input_element .fa{
color: #888;
font-size: 36px;
position: relative;
top: -58px;
right: 10px;
cursor: pointer;
}
#nex-forms .fileinput.fileinput-exists .nf_remove_image .fa{
font-size: 20px;
color: #666;
}
#nex-forms .fileinput.fileinput-exists .nf_remove_image:hover{
background: #fff;
opacity: 0.8;
}
#nex-forms .fileinput.fileinput-exists .nf_remove_image{
display: block;
position: absolute;
right: 26px;
top: 12px;
border: none !important;
opacity: 0.7;
height: 40px;
background: #eee;
box-shadow: 9px 9px 29px rgb(163,177,198,0.6), -9px -9px 16px rgba(255,255,255, 0.9);
text-align: center;
line-height: 39px !important;
}
#nex-forms .upload-image .nf_remove_image,
#nex-forms .upload-image .nf_change_image{
display: none;
}
#nex-forms .style_bold{
font-weight: bold !important;
}
#nex-forms .style_italic{
font-style: italic !important;
}
#nex-forms .style_underline{
text-decoration: underline !important;
}
#nex-forms .inner-canvas-container .upload-single .input-group{
width: 100%;
}
#nex-forms  div.fileinput a{
position: relative;
z-index: 100 !important;
}
#nex-forms .timepicker-picker a.btn span{
text-align: center;
width: 40px;
font-size: 26px;
color: #666;
}
#nex-forms .align_right{
text-align: right !important;
right: 0;
}
#nex-forms select.align_right{
text-align: right !important;
direction: rtl;
}
#nex-forms .bootstrap-datetimepicker-widget td span{
}
#nex-forms .align_left{
text-align: left !important;
}
#nex-forms .align_center{
text-align: center !important;
text-align-last: center !important;
text-align-first: center !important;
}
#nex-forms .align_justify{
text-align: justify !important;
}
#nex-forms div.form_field .help-block.input-lg,
#nex-forms div.form_field .help-block.input-sm{
padding: 0;
height: auto;
}
#nex-forms .submit-button small{
width: 100% !important;
display: block !important;
clear: both !important;
margin-top: 7px !important;
}
#nex-forms input[name="company_url"]{
position: absolute !important;
z-index: -1 !important;
top: -100000px !important;
width: 1px !important;
}
#nex-forms hr{
border-color: #dddddd;
margin: 0 !important;
box-shadow: none !important;
text-shadow: none;
background: none;
border-top: none;
border-left: none;
border-right: none;
border-bottom-style: solid;
}
#nex-forms p{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
#nex-forms .submit-button span.fa-spinner{
}
#nex-forms .panel-heading.btn-lg,
#nex-forms .panel-heading.btn-sm{
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
#nex-forms .inner-canvas-container{
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
}
.inner-canvas-container .trash-can{
display: none;
}
#nex-forms .submit-button button.btn.btn-lg{
padding: 15px 35px;
}
#nex-forms .submit-button  button.btn.btn-sm{
padding: 5px 15px;
}
#nex-forms .submit-button  button.btn{
padding: 10px 20px;
}
#nex-forms .submit-button button.btn.btn-lg.col-sm-12{
padding: 15px 35px !important;
width: 100% !important;
}
#nex-forms .submit-button button.btn.btn-sm.col-sm-12{
padding: 5px 15px !important;
width: 100% !important;
}
#nex-forms .submit-button  button.btn.col-sm-12{
padding: 10px 20px  !important;
width: 100% !important;
}
button.text-left{
text-align: left !important;
}
button.text-right{
text-align: right !important;
}
#nex-forms .inner-canvas-container .zero-clipboard{
display: none;
}
#nex-forms .form_field.select,
#nex-forms .form_field.multi-select{
}
#nex-forms .bootstrap-select .dropdown-menu ul li{
margin-left: 0 !important;
}
#nex-forms .bootstrap-select .dropdown-menu .popover{
display: none !important;
}
#nex-forms .form-control{
width: 100%;
max-width: 100% !important;
}
#nex-forms .square .form-control,
#nex-forms .square .input-group-addon,
#nex-forms .square .selectpicker,
#nex-forms .square .dropdown-menu,
#nex-forms .square .btn,
#nex-forms .square .ui-slider-range,
#nex-forms .square #slider,
#nex-forms .square .panel:first-child,
#nex-forms .square .panel-body:first-child,
#nex-forms .square .panel-heading:first-child{
border-radius: 0 !important;
}
#nex-forms .pill.form_field .form-control{
padding-left: 20px;
}
#nex-forms .pill .form-control,
#nex-forms .pill .selectpicker,
#nex-forms .pill .input_container .btn{
border-radius: 22px !important;
}
#nex-forms .pill.button_fields .input_container .btn{
padding: 10px 16px !important;
}
#nex-forms .pill.form_field.touch_spinner .input-group .bootstrap-touchspin-up{
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
#nex-forms .pill.form_field.touch_spinner .input-group .bootstrap-touchspin-down{
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
#nex-forms .pill.form_field.touch_spinner .form-control{
border-radius: 0 !important;
padding-left: 10px !important;
}
#nex-forms .pill .input-group .input-group-addon.postfix{
border-top-right-radius: 22px !important;
border-bottom-right-radius: 22px !important;
}
#nex-forms .pill .input-group .input-group-addon.prefix{
border-top-left-radius: 22px !important;
border-bottom-left-radius: 22px !important;
}
#nex-forms .pill.has_postfix_icon:not(.step) .form-control{
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
padding-left: 10px !important;
}
#nex-forms .pill.has_prefix_icon:not(.is_grid) .form-control{
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
padding-left: 10px !important;
}
#nex-forms div#nex-forms .color_pallet span.caret,
#nex-forms .bootstrap-select.btn-group .btn .caret{
margin-top: 0 !important;
}
#nex-forms .btn.selectpicker{
text-align: left;
}
#nex-forms small.sub-text{
font-weight: normal;
color: #999;
font-size: 11px;
}
#nex-forms .ui-slider{
margin-left: 5px;
margin-right: 5px;
position: relative;
text-align: left;
overflow: visible;
border: 1px solid #ddd;
position: relative;
border-radius: 5px;
background: #fff;
}
#nex-forms .ui-slider .ui-slider-handle::before,
#nex-forms .ui-slider .ui-slider-handle::after{
background-clip: unset !important;
border: medium none !important;
}
#nex-forms .ui-slider .ui-slider-handle{
opacity: 1 !important;
border: 1px solid #ddd;
width: auto !important;
height: 28px !important;
padding: 4px 6px;
text-decoration: none !important;
outline: medium none;
cursor: pointer !important;
top: -11px !important;
font-size: 12px !important;
position: absolute;
z-index: 2;
color: #777;
min-width: 28px;
text-align: right;
display: flex !important;
border-radius: 20px;
box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
justify-content: center !important;
align-items: center !important;
transition: none !important;
}
.ui-slider-handle{
background: #fcfcfc;
border-radius: 3px;
}
#nex-forms .md-slider .ui-slider-range{
border-radius: 4px !important;
}
#nex-forms .md-slider .ui-slider .ui-slider-handle{
cursor: pointer !important;
font-size: 12px !important;
height: 30px !important;
outline: medium none;
padding: 5px;
text-decoration: none !important;
top: -15px !important;
width: 30px !important;
border: medium none !important;
box-shadow: none !important;
}
#nex-forms .material_field .ui-slider.slider .ui-slider-range{
border-top-left-radius: 7px !important;
border-bottom-left-radius: 7px !important;
}
#nex-forms .md-slider .ui-slider{
background: #e0e0e0 none repeat scroll 0 0;
border-radius: 10px;
box-shadow: none;
height: 9px;
margin-bottom: 18px;
}
#nex-forms span.ui-spinner{
width: 100%;
}
#nex-forms span.ui-spinner input{
border: medium none;
padding: 0 0 0 10px !important;
padding-left: 10px !important;
}
#nex-forms div#star img,
span.star_holder{
position: relative;
}
#nex-forms div#star{
width: 100% !important;
}
#nex-forms span.ui-spinner.ui-widget-content{
border: 1px solid #ddd;
}
#nex-forms button.the_input_element,
#nex-forms input.the_input_element,
#nex-forms select.the_input_element,
#nex-forms textarea.the_input_element{
margin: 0 !important;
}
#nex-forms .is_required.btn-xs{
padding: 0 !important;
margin-right: 2px;
font-size: 8px;
top: -2px;
}
#nex-forms .ui-slider-range-max:first-child{
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #ddd;
}
#nex-forms .ui-slider-range-max:last-child{
background: #ffffff none repeat scroll 0 0;
border: 1px solid #ddd;
}
#nex-forms .ui-autocomplete{
z-index: 1000 !important;
background: #fff none repeat scroll 0 0 !important;
}
.ui-autocomplete li{
cursor: pointer;
list-style: outside none none;
margin-bottom: 0 !important;
padding-left: 10px;
font-family: arial;
}
.ui-autocomplete li:hover{
background: #e7e7e7 none repeat scroll 0 0;
}
#nex-forms .prefix span,
#nex-forms .postfix span{
font-size: 17px;
}
#nex-forms .display-block{
}
#nex-forms .ui-widget-content .the_label,
#nex-forms .the-radios label{
color: inherit;
}
#nex-forms .the-radios .col-sm-12{
padding-left: 0;
}
.icon-select-group .input_container.col-sm-12{
padding-left: 17px;
}
.icon-select-group .label_container.col-sm-12{
padding-bottom: 4px;
}
#nex-forms .slider.ui-slider{
margin-bottom: 9px;
margin-top: 9px;
}
#nex-forms .nex-step.align_right,
#nex-forms .prev-step.align_right,
#nex-forms .nex-submit.align_right{
float: right;
}
.success_icon .fa{
color: #fff;
font-size: 32px;
}
.success_icon{
background: #8bc34a none repeat scroll 0 0;
border-radius: 50%;
height: 70px;
line-height: 86px;
width: 70px;
box-shadow: 0px 0px 1px #aaa;
}
.success_icon.show{
}
.nex_success_message .success_header{
left: 0;
position: absolute;
text-align: center;
top: -11px;
width: 100%;
}
.nex_success_message .msg_box{
background: #fcfcfc none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 3px;
font-size: 14px;
line-height: 24px;
margin: 0 auto;
min-width: 200px;
padding: 12px 64px;
margin-left: 17px;
color: #555;
}
.nex_success_message_container{
overflow: hidden;
margin: 0 auto;
border-style: solid;
border-width: 0;
border-color: transparent;
}
.is-nf-sticky-form .inner-canvas-container{
margin: 15px;
}
.nex_success_message.oldv{
margin-top: 42px;
position: relative;
margin-bottom: 42px;
}
.msgv2.nex_success_message{
position: relative;
}
.nex_success_message.msgv2.msg_top{
margin-bottom: 15px;
}
.nex_success_message.msgv2.msg_bottom{
margin-top: 15px;
}
#nex-forms .form_field button.btn{
transition: all 0.2s;
}
#nex-forms .inner-canvas-container .btn-default {
background-color: #f2f2f2;
border-color: #ddd;
color: #5b5b5b;
opacity:0.9;
}
#nex-forms .form_field button.btn:hover{
opacity: 1;
transition: all 0.15s;
}
#nex-forms.nf_popups_holder .form_field button.btn:hover{
box-shadow: none;
}
#nex-forms .form_field button.btn:active{
box-shadow: inset 6px 6px 10px rgba(0,0,0,0.1);
transition: all 0.2s;
}
.nf-loader{
position: absolute;
top: 50px;
z-index: 1000;
text-align: center;
width: 100%;
}
.lds-ring{
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ring div{
box-sizing: border-box;
display: block;
position: absolute;
width: 40px;
height: 40px;
margin: 6px;
border: 3px solid #8bc34a;
border-radius: 50%;
animation: 1.2s cubic-bezier(0.5, 0, 0.5, 1) 0s normal none infinite running lds-ring;
border-color: #8bc34a transparent transparent;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-image: none;
border-style: solid;
border-width: 3px;
}
#nex-forms .inner-canvas-container .form_field {
border-style: solid;
border-width:0px;
border-radius:0px;
}
.lds-ring div:nth-child(1){
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2){
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3){
animation-delay: -0.15s;
}
#nex-forms .submitting .fa{
}
#nex-forms .nex-submit{
}
#nex-forms ul.selectpicker{
display: block !important;
}
#nex-forms .popover h3{
display: none;
}
#nex-forms .inner-canvas-container .paragraph .input-group,
#nex-forms .inner-canvas-container .heading .input-group{
width: 100% !important;
}
#nex-forms h1,
#nex-forms h2,
#nex-forms h3,
#nex-forms h4,
#nex-forms h5,
#nex-forms h6,
#nex-forms p{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #666;
margin: 0;
padding: 0;
}
#nex-forms .html_fields{
color: #777;
}
.bootstrap-datetimepicker-widget{
display: none;
list-style: none !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu{
box-shadow: 1px 1px 12px #ccc;
z-index: 1000000 !important;
}
#nex-forms .classic-check-group input.check,
#nex-forms .classic-radio-group input.radio{
display: block !important;
}
#nex-forms .classic-check-group label input,
#nex-forms .classic-radio-group label input{
margin-right: 5px !important;
}
#nex-forms .classic-check-group label,
#nex-forms .classic-radio-group label{
padding-left: 0 !important;
}
#datetimepicker .dropdown-menu ul li{
list-style: outside none none !important;
margin: 0 !important;
}
#datetimepicker .dropdown-menu{
min-width: 220px;
}
#nex-forms .text-primary{
color: #337ab7;
}
#nex-forms a.text-primary:focus,
a.text-primary:hover{
color: #286090;
}
#nex-forms .text-success{
color: #4caf50;
}
#nex-forms a.text-success:focus,
a.text-success:hover{
color: #2b542c;
}
#nex-forms .text-info{
color: #31708f;
}
#nex-forms a.text-info:focus,
a.text-info:hover{
color: #245269;
}
#nex-forms .text-warning{
color: #ff9800;
}
#nex-forms a.text-warning:focus,
a.text-warning:hover{
color: #66512c;
}
#nex-forms .text-danger{
color: #f44336;
}
#nex-forms a.text-danger:focus,
a.text-danger:hover{
color: #843534;
}
#nex-forms .img-thumbnail{
border: 1px solid #ddd;
border-radius: 3px;
padding: 5px;
}
#nex-forms .alert{
border-radius: 0 !important;
border-top: medium none !important;
border-bottom: medium none !important;
border-right: medium none !important;
border-left-width: 4px !important;
border-width: medium medium medium 4px !important;
}
.nf-sticky-contact-form.open .nf-sticky-container{
border: 1px solid #ddd;
} #nex-forms .text-red{
color: #f44336 !important;
}
#nex-forms .text-pink{
color: #e91e63 !important;
}
#nex-forms .text-purple{
color: #9c27b0 !important;
}
#nex-forms .text-deep-purple{
color: #673ab7 !important;
}
#nex-forms .text-indigo{
color: #3f51b5 !important;
}
#nex-forms .text-blue{
color: #2979ff !important;
}
#nex-forms .text-light-blue{
color: #40c4ff !important;
}
#nex-forms .text-cyan{
color: #00bcd4 !important;
}
#nex-forms .text-teal{
color: #009688 !important;
}
#nex-forms .text-green{
color: #4caf50 !important;
}
#nex-forms .text-light-green{
color: #8bc34a !important;
}
#nex-forms .text-lime{
color: #cddc39 !important;
}
#nex-forms .text-yellow{
color: #ffeb3b !important;
}
#nex-forms .text-amber{
color: #ffc107 !important;
}
#nex-forms .text-orange{
color: #ff9800 !important;
}
#nex-forms .text-brown{
color: #795548 !important;
}
#nex-forms .text-gray{
color: #9e9e9e !important;
}
#nex-forms .text-blue-gray{
color: #607d8b !important;
}
#nex-forms .btn-nf-fff{
background: #fff;
border: 1px solid #ddd !important;
}
#nex-forms .btn-nf-555{
background: #555 !important;
color: #eee;
}
#nex-forms .btn-nf-333{
background: #333 !important;
color: #eee;
}
#nex-forms .btn-nf-000{
background: #000 !important;
color: #eee;
}
#nex-forms .btn-nf-default{
background: #fff !important;
color: #666 !important;
border: 1px solid #ddd !important;
}
#nex-forms .btn-red{
background: #f44336 none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-pink{
background: #e91e63 none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-purple{
background: #9c27b0 none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-deep-purple{
background: #673ab7 none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-indigo{
background: #3f51b5 none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-blue{
background: #2979ff none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-light-blue{
background: #40c4ff none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-cyan{
background: #00bcd4 none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-teal{
background: #009688 none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-green{
background: #4caf50 none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-light-green{
background: #8bc34a none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-lime{
background: #cddc39 none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-yellow{
background: #ffeb3b none repeat scroll 0 0;
}
#nex-forms .btn-amber{
background: #ffc107 none repeat scroll 0 0;
}
#nex-forms .btn-orange{
background: #ff9800 none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-brown{
background: #795548 none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-gray{
background: #9e9e9e none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-blue-gray{
background: #607d8b none repeat scroll 0 0;
color: #fff;
}
#nex-forms .btn-primary{
background: #337ab7;
color: #fff !important;
}
#nex-forms .btn-success{
background: #5cb85c;
color: #fff !important;
}
#nex-forms .btn-info{
background: #5bc0de;
color: #fff !important;
}
#nex-forms .btn-warning{
background: #f0ad4e;
color: #fff !important;
}
#nex-forms .btn-danger{
background: #d9534f;
color: #fff !important;
}
#nex-forms .btn-nf-fff:hover{
background: #fff;
border: 1px solid #ddd !important;
}
#nex-forms .btn-nf-default:hover{
background: #fff !important;
color: #666 !important;
border: 1px solid #ddd !important;
}
#nex-forms .btn-nf-555:hover{
background: #555 !important;
color: #eee !important;
}
#nex-forms .btn-nf-333:hover{
background: #333 !important;
color: #eee !important;
}
#nex-forms .btn-nf-000:hover{
background: #000 !important;
color: #eee !important;
}
#nex-forms .btn-red:hover{
background: #f44336 none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-pink:hover{
background: #e91e63 none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-purple:hover{
background: #9c27b0 none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-deep-purple:hover{
background: #673ab7 none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-indigo:hover{
background: #3f51b5 none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-blue:hover{
background: #2979ff none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-light-blue:hover{
background: #40c4ff none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-cyan:hover{
background: #00bcd4 none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-teal:hover{
background: #009688 none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-green:hover{
background: #4caf50 none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-light-green:hover{
background: #8bc34a none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-lime:hover{
background: #cddc39 none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-yellow:hover{
background: #ffeb3b none repeat scroll 0 0;
}
#nex-forms .btn-amber:hover{
background: #ffc107 none repeat scroll 0 0;
}
#nex-forms .btn-orange:hover{
background: #ff9800 none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-brown:hover{
background: #795548 none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-gray:hover{
background: #9e9e9e none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-blue-gray:hover{
background: #607d8b none repeat scroll 0 0;
color: #fff !important;
}
#nex-forms .btn-primary:hover{
background: #337ab7;
color: #fff !important;
}
#nex-forms .btn-success:hover{
background: #5cb85c;
color: #fff !important;
}
#nex-forms .btn-info:hover{
background: #5bc0de;
color: #fff !important;
}
#nex-forms .btn-warning:hover{
background: #f0ad4e;
color: #fff !important;
}
#nex-forms .btn-danger:hover{
background: #d9534f;
color: #fff !important;
}
#nex-forms .btn-nf-fff:active{
background: #fff;
border: 1px solid #ddd !important;
}
#nex-forms .btn-nf-default:active{
background: #fff !important;
color: #666 !important;
border: 1px solid #ddd !important;
}
#nex-forms .btn-nf-555:active{
background: #555 !important;
color: #eee !important;
}
#nex-forms .btn-nf-333:active{
background: #333 !important;
color: #eee !important;
}
#nex-forms .btn-nf-000:active{
background: #000 !important;
color: #eee !important;
}
#nex-forms .btn-red:active{
background: #f44336;
color: #fff !important;
}
#nex-forms .btn-pink:active{
background: #e91e63;
color: #fff  !important;
}
#nex-forms .btn-purple:active{
background: #9c27b0;
color: #fff !important;
}
#nex-forms .btn-deep-purple:active{
background: #673ab7;
color: #fff !important;
}
#nex-forms .btn-indigo:active{
background: #3f51b5;
color: #fff !important;
}
#nex-forms .btn-blue:active{
background: #2979FF;
color: #fff !important;
}
#nex-forms .btn-light-blue:active{
background: #40C4FF;
color: #fff !important;
}
#nex-forms .btn-cyan:active{
background: #00bcd4;
color: #fff !important;
}
#nex-forms .btn-teal:active{
background: #009688;
color: #fff !important;
}
#nex-forms .btn-green:active{
background: #4caf50;
color: #fff !important;
}
#nex-forms .btn-light-green:active{
background: #8bc34a;
color: #fff !important;
}
#nex-forms .btn-lime:active{
background: #cddc39;
color: #fff !important;
}
#nex-forms .btn-yellow:active{
background: #ffeb3b;
}
#nex-forms .btn-amber:active{
background: #ffc107;
}
#nex-forms .btn-orange:active{
background: #ff9800;
color: #fff !important;
}
#nex-forms .btn-brown:active{
background: #795548;
color: #fff !important;
}
#nex-forms .btn-gray:active{
background: #9e9e9e;
color: #fff !important;
}
#nex-forms .btn-blue-gray:active{
background: #607d8b;
color: #fff !important;
}
#nex-forms .btn-primary:active{
background: #337ab7;
color: #fff !important;
}
#nex-forms .btn-success:active{
background: #5cb85c;
color: #fff !important;
}
#nex-forms .btn-info:active{
background: #5bc0de;
color: #fff !important;
}
#nex-forms .btn-warning:active{
background: #f0ad4e;
color: #fff !important;
}
#nex-forms .btn-danger:active{
background: #d9534f;
color: #fff !important;
}
#nex-forms .btn-nf-fff:focus{
background: #fff;
border: 1px solid #ddd !important;
}
#nex-forms .btn-nf-default:focus{
background: #fff !important;
color: #666 !important;
border: 1px solid #ddd !important;
}
#nex-forms .btn-nf-555:focus{
background: #555 !important;
color: #eee !important;
}
#nex-forms .btn-nf-333:focus{
background: #333 !important;
color: #eee !important;
}
#nex-forms .btn-nf-000:focus{
background: #000 !important;
color: #eee !important;
}
#nex-forms .btn-red:focus{
background: #f44336;
color: #fff !important;
}
#nex-forms .btn-pink:focus{
background: #e91e63;
color: #fff  !important;
}
#nex-forms .btn-purple:focus{
background: #9c27b0;
color: #fff !important;
}
#nex-forms .btn-deep-purple:focus{
background: #673ab7;
color: #fff !important;
}
#nex-forms .btn-indigo:focus{
background: #3f51b5;
color: #fff !important;
}
#nex-forms .btn-blue:focus{
background: #2979FF;
color: #fff !important;
}
#nex-forms .btn-light-blue:focus{
background: #40C4FF;
color: #fff !important;
}
#nex-forms .btn-cyan:focus{
background: #00bcd4;
color: #fff !important;
}
#nex-forms .btn-teal:focus{
background: #009688;
color: #fff !important;
}
#nex-forms .btn-green:focus{
background: #4caf50;
color: #fff !important;
}
#nex-forms .btn-light-green:focus{
background: #8bc34a;
color: #fff !important;
}
#nex-forms .btn-lime:focus{
background: #cddc39;
color: #fff !important;
}
#nex-forms .btn-yellow:focus{
background: #ffeb3b;
}
#nex-forms .btn-amber:focus{
background: #ffc107;
}
#nex-forms .btn-orange:focus{
background: #ff9800;
color: #fff !important;
}
#nex-forms .btn-brown:focus{
background: #795548;
color: #fff !important;
}
#nex-forms .btn-gray:focus{
background: #9e9e9e;
color: #fff !important;
}
#nex-forms .btn-blue-gray:focus{
background: #607d8b;
color: #fff !important;
}
#nex-forms .btn-primary:focus{
background: #337ab7;
color: #fff !important;
}
#nex-forms .btn-success:focus{
background: #5cb85c;
color: #fff !important;
}
#nex-forms .btn-info:focus{
background: #5bc0de;
color: #fff !important;
}
#nex-forms .btn-warning:focus{
background: #f0ad4e;
color: #fff !important;
}
#nex-forms .btn-danger:focus{
background: #d9534f;
color: #fff !important;
}
#nex-forms .hiddendiv{
display: none !important;
}
#nex-forms .form_field.heading,
#nex-forms .form_field.paragraph,
#nex-forms .form_field.html{
}
#nex-forms .ui-state-focus{
box-shadow: none !important;
}
#nex-forms .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
#nex-forms .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{
height: 16px !important;
width: 16px !important;
}
#nex-forms .ui-checkboxradio-icon-space{
margin-right: 5px !important;
}
.jq_radio_check{
margin-bottom: 5px;
}
#nex-forms .form_field.selection_fields select.jq_select{
display: none !important;
}
.ui-selectmenu-button{
width: 100% !important;
height: 32px;
line-height: 20px !important;
}
.the_input_element.ui-widget{
width: 100%;
box-shadow: none;
}
input.the_input_element.ui-widget{
height: 32px;
}
#nex-forms select.ui-widget option[value='0']{
background: #f6f6f6;
}
#nex-forms select.ui-widget option{
padding: 8px 15px;
}
.form_field.material_field #field_container.col-sm-12{
padding: 0 !important;
}
#nex-forms .touch_spinner.jq-spinner .input-group-addon:not(:first-child):not(:last-child),
#nex-forms .touch_spinner.jq-spinner .input-group-btn:not(:first-child):not(:last-child),
#nex-forms .touch_spinner.jq-spinner .input-group .form-control:not(:first-child):not(:last-child){
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
#nex-forms .bootstrap-touchspin button{
font-size: 21px !important;
padding: 0;
width: 43px;
}
#nex-forms .bootstrap-touchspin .input-group-btn-vertical{
position: relative !important;
white-space: nowrap !important;
width: 1% !important;
vertical-align: middle !important;
display: table-cell !important;
}
#nex-forms .bootstrap-touchspin .input-group-btn-vertical > .btn{
display: block !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
padding: 8px 10px !important;
margin-left: -1px !important;
position: relative !important;
}
#nex-forms .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{
border-radius: 0 4px 0 0 !important;
border-top-right-radius: 4px !important;
}
#nex-forms .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
margin-top: -2px !important;
border-radius: 0 0 4px !important;
border-bottom-right-radius: 4px !important;
}
#nex-forms .bootstrap-touchspin .input-group-btn-vertical i{
position: absolute !important;
top: 3px !important;
left: 5px !important;
font-size: 9px !important;
font-weight: normal !important;
}
#nex-forms #spinner,
#nex-forms .the_spinner{
min-height: 34px;
border-left: none;
border-right: none;
}
.theme_material .bootstrap-tagsinput{
border-radius: 0 !important;
border-left: 0 none !important;
border-top: 0 none !important;
border-right: 0 none !important;
box-shadow: none !important;
}
.theme_material .upload-single .uneditable-input,
.theme_material .upload-multi .uneditable-input{
border-left: 0 none;
border-radius: 0;
border-top: 0 none;
box-shadow: none;
height: 39px;
}
.btn-file.input-group-addon{
padding: 0 14px !important;
}
p.radio_check_input{
display: inline;
margin-right: 16px !important;
}
div.jq_radio_check.display-block{
padding-left: 0 !important;
}
div.jq_radio_check{
display: inline-block;
}
#nex-forms .classic-radio-group input,
.classic-check-group input{
display: block !important;
z-index: 100 !important;
opacity: 1 !important;
position: relative !important;
float: left;
}
#nex-forms .classic-check-group input{
top: 3px;
}
#nex-forms .radio-group #the-radios label.display-block,
#nex-forms .check-group #the-radios label.display-block{
}
#nex-forms div.radio-group label.display-block.radio-inline,
#nex-forms div.radio-group label.display-block.checkbox-inline,
#nex-forms div.checkbox-group label.display-block{
}
.ui-checkboxradio-checked,
.ui-checkboxradio-label:active{
color: #fff !important;
}
#nex-forms .form_field.submit-button .input_container.col-sm-12,
#nex-forms .form_field.nex-step .input_container.col-sm-12,
#nex-forms .form_field.prev-step .input_container.col-sm-12{
padding: 0 !important;
}
#nex-forms .form_field.submit-button #field_container .row,
#nex-forms .form_field.nex-step #field_container .row,
#nex-forms .form_field.prev-step #field_container .row{
margin: 0 -15px !important;
}
#nex-forms #md_label{
display: block;
width: 100%;
}
#nex-forms .browser input[type="text"],
.browser input[type="password"],
.browser select{
min-height: 35px !important;
}
#nex-forms .browser .input-group-addon{
border-radius: 0;
background: #fff none repeat scroll 0 0;
}
#nex-forms .cd-breadcrumb,
#nex-forms .cd-multi-steps{
padding: 0.5em 1em !important;
margin: 1em auto;
background-color: #f9f9f9 !important;
border-radius: 0.25em !important;
}
#nex-forms .cd-breadcrumb:after,
#nex-forms .cd-multi-steps:after{
content: "" !important;
display: table !important;
clear: both !important;
}
#nex-forms .cd-breadcrumb li,
#nex-forms .cd-multi-steps li{
display: inline-block !important;
float: left !important;
margin: 0.5em 0 !important;
}
#nex-forms .cd-breadcrumb li::after,
#nex-forms .cd-multi-steps li::after{
display: inline-block !important;
content: '\00bb' !important;
margin: 0 .6em !important;
color: #959fa5 !important;
}
#nex-forms .cd-breadcrumb li:last-of-type::after,
#nex-forms .cd-multi-steps li:last-of-type::after{
display: none !important;
}
#nex-forms .cd-breadcrumb li > *,
#nex-forms .cd-multi-steps li > *{
display: inline-block !important;
font-size: 12px !important;
color: #2c3f4c !important;
}
#nex-forms .cd-breadcrumb li.current > *,
#nex-forms .cd-multi-steps li.current > *{
}
#nex-forms .cd-breadcrumb a:hover,
#nex-forms .cd-multi-steps a:hover{
}
#nex-forms .cd-breadcrumb.custom-separator li::after,
#nex-forms .cd-multi-steps.custom-separator li::after{
content: "" !important;
height: 16px !important;
width: 16px !important;
background: rgba(0, 0, 0, 0) url(//www.record2go.de/wp-content/plugins/nex-forms-express-wp-form-builder/public/img/cd-custom-separator.svg) no-repeat scroll center center !important;
vertical-align: middle !important;
}
#nex-forms .cd-breadcrumb.custom-icons li > *::before,
#nex-forms .cd-multi-steps.custom-icons li > *::before{
content: "" !important;
display: inline-block !important;
height: 20px !important;
width: 20px !important;
margin-right: 0.4em !important;
margin-top: -2px !important;
background: rgba(0, 0, 0, 0) url(//www.record2go.de/wp-content/plugins/nex-forms-express-wp-form-builder/public/img/cd-custom-icons-01.svg) no-repeat scroll 0 0 !important;
vertical-align: middle !important;
}
#nex-forms .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before,
#nex-forms .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before{
background-position: -20px 0 !important;
}
#nex-forms .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before,
#nex-forms .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before{
background-position: -40px 0 !important;
}
#nex-forms .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before,
#nex-forms .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before{
background-position: -60px 0 !important;
}
#nex-forms .cd-breadcrumb.custom-icons li.current:first-of-type > *::before,
#nex-forms .cd-multi-steps.custom-icons li.current:first-of-type > *::before{
background-position: 0 -20px !important;
}
#nex-forms .cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before,
#nex-forms .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before{
background-position: -20px -20px !important;
}
#nex-forms .cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before,
#nex-forms .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before{
background-position: -40px -20px !important;
}
#nex-forms .cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before,
#nex-forms .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before{
background-position: -60px -20px !important;
}
#nex-forms .cd-breadcrumb{
margin-bottom: 20px !important;
}
#nex-forms .cd-breadcrumb.align_right li{
float: unset !important;
}
#nex-forms .cd-breadcrumb.align_right{
float: right;
width: 100%;
text-align: right !important;
}
#nex-forms .cd-breadcrumb.align_center li{
float: unset !important;
}
#nex-forms .sreader{
color:transparent !important;
height: 0;
}
#nex-forms #the-radios a {
color: transparent !important;
}
#nex-forms .prettyradio a.ui-state-default,
#nex-forms .prettyradio a.ui-state-active {
color: transparent !important;
}
#nex-forms .crumb_container a{
cursor:default !important;
}
#nex-forms .cd-breadcrumb.align_center{
}
#nex-forms .cd-breadcrumb.triangle{
background-color: transparent !important;
padding: 0 !important;
}
#nex-forms .cd-breadcrumb.triangle li{
position: relative !important;
padding: 0 !important;
margin: 4px 4px 4px 0 !important;
}
#nex-forms .cd-breadcrumb.triangle li:last-of-type{
margin-right: 0 !important;
}
#nex-forms .cd-breadcrumb.triangle li > *{
position: relative !important;
padding: 10px 12px 11px 30px !important;
color: #2c3f4c !important;
background-color: #edeff0 !important;
border-color: #edeff0 !important;
}
#nex-forms .cd-breadcrumb.triangle li.current > *{
color: #ffffff !important;
background-color: #607d8b !important;
border-color: #607d8b !important;
}
#nex-forms .cd-breadcrumb.triangle li:first-of-type > *{
padding-left: 1.6em !important;
border-radius: 0.25em 0 0 0.25em !important;
}
#nex-forms .cd-breadcrumb.triangle li:last-of-type > *{
padding-right: 1.6em !important;
border-radius: 0 0.25em 0.25em 0 !important;
}
#nex-forms .cd-breadcrumb.triangle a:hover{
color: #ffffff !important;
background-color: #607d8b !important;
border-color: #607d8b !important;
}
#nex-forms .cd-breadcrumb.triangle li::after,
#nex-forms .cd-breadcrumb.triangle li > *::after{
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 100% !important;
height: 0 !important;
width: 0 !important;
border: 24px solid transparent !important;
border-width: 20px 0 19px 15px !important;
-moz-border-bottom-colors: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-top-colors: none !important;
border-color: transparent !important;
border-image: none !important;
border-style: solid !important;
}
#nex-forms .cd-breadcrumb.triangle li::after{
z-index: 1 !important;
-webkit-transform: translateX(4px) !important;
-moz-transform: translateX(4px) !important;
-ms-transform: translateX(4px) !important;
-o-transform: translateX(4px) !important;
transform: translateX(4px) !important;
border-left-color: #fff !important;
margin: 0 !important;
}
#nex-forms .cd-breadcrumb.triangle li > *::after{
z-index: 2 !important;
border-left-color: inherit !important;
}
#nex-forms .cd-breadcrumb.triangle li:last-of-type::after,
#nex-forms .cd-breadcrumb.triangle li:last-of-type > *::after{
display: none !important;
}
#nex-forms .cd-breadcrumb.triangle.custom-separator li::after{
background-image: none !important;
}
#nex-forms .cd-breadcrumb.triangle.custom-icons li::after,
#nex-forms .cd-breadcrumb.triangle.custom-icons li > *::after{
border-top-width: 25px !important;
border-bottom-width: 25px !important;
}
#nex-forms .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before,
#nex-forms .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before,
#nex-forms .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before,
#nex-forms .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before{
background-position: 0 -40px !important;
}
#nex-forms .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before,
#nex-forms .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before,
#nex-forms .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before,
#nex-forms .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before{
background-position: -20px -40px !important;
}
#nex-forms .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before,
#nex-forms .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before,
#nex-forms .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before,
#nex-forms .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before{
background-position: -40px -40px !important;
}
#nex-forms .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before,
#nex-forms .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before,
#nex-forms .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before,
#nex-forms .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before{
background-position: -60px -40px !important;
}
#nex-forms .cd-multi-steps{
background-color: transparent !important;
padding: 0 !important;
}
#nex-forms .cd-multi-steps li{
position: relative !important;
float: none !important;
margin: 0.4em 40px 0.4em 0 !important;
}
#nex-forms .cd-multi-steps li:last-of-type{
margin-right: 0 !important;
}
#nex-forms .cd-multi-steps li::after{
position: absolute !important;
content: "" !important;
height: 1px !important;
background: #ddd none repeat scroll 0 0 !important;
margin: 0 !important;
}
#nex-forms .cd-multi-steps li.visited::after{
background-color: #607d8b !important;
}
#nex-forms .cd-multi-steps li > *,
#nex-forms .cd-multi-steps li.current > *{
position: relative !important;
color: #2c3f4c !important;
}
#nex-forms .cd-multi-steps.custom-separator li::after{
height: 1px !important;
background: #ddd none repeat scroll 0 0 !important;
}
#nex-forms .cd-multi-steps.text-center li::after{
width: 100% !important;
top: 50% !important;
left: 100% !important;
-webkit-transform: translateY(-50%) translateX(-1px) !important;
-moz-transform: translateY(-50%) translateX(-1px) !important;
-ms-transform: translateY(-50%) translateX(-1px) !important;
-o-transform: translateY(-50%) translateX(-1px) !important;
transform: translateY(-50%) translateX(-1px) !important;
}
#nex-forms .cd-multi-steps.text-center li > *{
z-index: 1 !important;
padding: 0.6em 1em !important;
border-radius: 0.25em !important;
background-color: #e9e9e9 !important;
}
#nex-forms .cd-multi-steps.text-center a:hover{
background-color: #d9d9d9 !important;
}
#nex-forms .cd-multi-steps.text-center li.current > *,
#nex-forms .cd-multi-steps.text-center li.visited > *{
}
#nex-forms .cd-multi-steps.text-center.custom-icons li.visited a::before{
background-position: 0 -60px !important;
}
#nex-forms .cd-multi-steps.text-top li,
#nex-forms .cd-multi-steps.text-bottom li{
min-width: 33px !important;
text-align: center !important;
}
#nex-forms .nf_step_breadcrumb .cd-multi-steps.dotted_count{
border-radius: 0 !important;
padding: 0 10px !important;
}
#nex-forms .cd-multi-steps.text-top li::after,
#nex-forms .cd-multi-steps.text-bottom li::after{
position: absolute !important;
left: 50% !important;
width: calc(100% + 40px) !important;
}
#nex-forms .cd-multi-steps.text-top li > *::before,
#nex-forms .cd-multi-steps.text-bottom li > *::before{
content: "" !important;
position: absolute !important;
z-index: 1 !important;
left: 50% !important;
right: auto !important;
-webkit-transform: translateX(-50%) !important;
-moz-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
-o-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
height: 12px !important;
width: 12px !important;
border-radius: 50% !important;
background-color: #ddd !important;
}
#nex-forms .cd-multi-steps.text-top li.visited > *::before,
#nex-forms .cd-multi-steps.text-top li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom li.current > *::before{
}
#nex-forms .cd-multi-steps.text-top a:hover,
#nex-forms .cd-multi-steps.text-bottom a:hover{
}
#nex-forms .cd-multi-steps.text-top a:hover::before,
#nex-forms .cd-multi-steps.text-bottom a:hover::before{
}
#nex-forms .cd-multi-steps.text-top li::after{
bottom: 4px !important;
}
#nex-forms .cd-multi-steps.text-top li > *{
padding-bottom: 20px !important;
}
#nex-forms .cd-multi-steps.text-top li > *::before{
bottom: 0 !important;
}
#nex-forms .cd-multi-steps.text-bottom li::after{
top: 3px !important;
}
#nex-forms .cd-multi-steps.text-bottom li > *{
padding-top: 20px !important;
}
#nex-forms .cd-multi-steps.text-bottom li > *::before{
top: 0 !important;
}
#nex-forms .cd-multi-steps.count li{
counter-increment: steps !important;
}
#nex-forms .cd-multi-steps.count li > *::before{
content: counter(steps, decimal) " - " !important;
}
#nex-forms .cd-multi-steps.text-top.count li > *::before,
#nex-forms .cd-multi-steps.text-bottom.count li > *::before{
content: counter(steps) !important;
height: 26px !important;
width: 26px !important;
line-height: 26px !important;
font-size: 12px !important;
color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.count li:not(.current) em::before,
#nex-forms .cd-multi-steps.text-bottom.count li:not(.current) em::before{
color: #2c3f4c !important;
}
#nex-forms .cd-multi-steps.text-top.count li::after{
bottom: 11px !important;
}
#nex-forms .cd-multi-steps.text-top.count li > *{
padding-bottom: 34px !important;
}
#nex-forms .cd-multi-steps.text-bottom.count li::after{
top: 11px !important;
}
#nex-forms .cd-multi-steps.text-bottom.count li > *{
padding-top: 34px !important;
}
#nex-forms .nf_step_breadcrumb li a{
font-size: 12px !important;
text-decoration: none !important;
box-shadow: none !important;
outline: medium none !important;
}
#nex-forms .required #md_label.active{
}
.nf_step_breadcrumb li a:hover{
}
#nex-forms .nf_step_breadcrumb ol.cd-breadcrumb.basix li.current a,
#nex-forms .nf_step_breadcrumb ol.cd-breadcrumb.basix li.visited a{
padding: 2px 5px;
border-radius: 2px;
}
.nf_step_breadcrumb li.visited a:hover{
cursor: pointer !important;
}
#nex-forms .nf_progressbar_percentage.md-color-red{
color: #ffffff !important;
background-color: #f44336 !important;
}
#nex-forms .cd-breadcrumb.md-color-red li.current > *,
#nex-forms .cd-multi-steps.md-color-red li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-red a:hover,
#nex-forms .cd-multi-steps.md-color-red a:hover{
}
#nex-forms .cd-breadcrumb.triangle.md-color-red li.current > *{
color: #ffffff !important;
background-color: #f44336 !important;
border-color: #f44336 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-red a:hover{
color: #ffffff !important;
background-color: #f44336 !important;
border-color: #f44336 !important;
}
#nex-forms .cd-breadcrumb.md-color-red li.current > *,
#nex-forms .cd-breadcrumb.md-color-red li.visited > *{
color: #ffffff !important;
background-color: #f44336 !important;
border-color: #f44336 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-red a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-red a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-red a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-red a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-red li.visited::after{
background-color: #f44336 !important;
}
#nex-forms .nf_progressbar_percentage.md-color-green{
color: #ffffff !important;
background-color: #4caf50 !important;
}
#nex-forms .cd-breadcrumb.md-color-green li.current > *,
#nex-forms .cd-multi-steps.md-color-green li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-green a:hover,
#nex-forms .cd-multi-steps.md-color-green a:hover{
}
#nex-forms .cd-breadcrumb.triangle.md-color-green li.current > *{
color: #ffffff !important;
background-color: #4caf50 !important;
border-color: #4caf50 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-green a:hover{
color: #ffffff !important;
background-color: #4caf50 !important;
border-color: #4caf50 !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-green li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-green li.visited > *,
#nex-forms .cd-breadcrumb.md-color-green li.current > *,
#nex-forms .cd-breadcrumb.md-color-green li.visited > *{
color: #ffffff !important;
background-color: #4caf50 !important;
border-color: #4caf50 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-green li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-green li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-green li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-green li.current > *::before{
background-color: #4caf50 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-green a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-green a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-green a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-green a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-green li.visited::after{
background-color: #4caf50 !important;
}
#nex-forms .nf_progressbar_percentage.md-color-amber{
color: #ffffff !important;
background-color: #ffc107 !important;
}
#nex-forms .cd-breadcrumb.md-color-amber li.current > *,
#nex-forms .cd-multi-steps.md-color-amber li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-amber a:hover,
#nex-forms .cd-multi-steps.md-color-amber a:hover{
}
#nex-forms .cd-breadcrumb.triangle.md-color-amber li.current > *{
color: #ffffff !important;
background-color: #ffc107 !important;
border-color: #ffc107 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-amber a:hover{
color: #ffffff !important;
background-color: #ffc107 !important;
border-color: #ffc107 !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-amber li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-amber li.visited > *,
#nex-forms .cd-breadcrumb.md-color-amber li.current > *,
#nex-forms .cd-breadcrumb.md-color-amber li.visited > *{
color: #ffffff !important;
background-color: #ffc107 !important;
border-color: #ffc107 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-amber li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-amber li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-amber li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-amber li.current > *::before{
background-color: #ffc107 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-amber a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-amber a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-amber a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-amber a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-amber li.visited::after{
background-color: #ffc107 !important;
}
#nex-forms .nf_progressbar_percentage.md-color-blue-gray{
color: #ffffff !important;
background-color: #607d8b !important;
}
#nex-forms .cd-breadcrumb.md-color-blue-gray li.current > *,
#nex-forms .cd-multi-steps.md-color-blue-gray li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-blue-gray a:hover,
#nex-forms .cd-multi-steps.md-color-blue-gray a:hover{
}
#nex-forms .cd-breadcrumb.triangle.md-color-blue-gray li.current > *{
color: #ffffff !important;
background-color: #607d8b !important;
border-color: #607d8b !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-blue-gray a:hover{
color: #ffffff !important;
background-color: #607d8b !important;
border-color: #607d8b !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-blue-gray li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-blue-gray li.visited > *,
#nex-forms .cd-breadcrumb.md-color-blue-gray li.current > *,
#nex-forms .cd-breadcrumb.md-color-blue-gray li.visited > *{
color: #ffffff !important;
background-color: #607d8b !important;
border-color: #607d8b !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-blue-gray li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-blue-gray li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-blue-gray li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-blue-gray li.current > *::before{
background-color: #607d8b !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-blue-gray a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-blue-gray a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-blue-gray a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-blue-gray a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-blue-gray li.visited::after{
background-color: #607d8b !important;
}
#nex-forms .nf_progressbar_percentage.md-color-blue{
color: #ffffff !important;
background-color: #2979FF !important;
}
#nex-forms .cd-breadcrumb.md-color-blue li.current > *,
#nex-forms .cd-multi-steps.md-color-blue li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-blue a:hover,
#nex-forms .cd-multi-steps.md-color-blue a:hover{
}
#nex-forms .cd-breadcrumb.triangle.md-color-blue li.current > *{
color: #ffffff !important;
background-color: #2979ff !important;
border-color: #2979ff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-blue a:hover{
color: #ffffff !important;
background-color: #2979ff !important;
border-color: #2979ff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-blue li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-blue li.visited > *,
#nex-forms .cd-breadcrumb.md-color-blue li.current > *,
#nex-forms .cd-breadcrumb.md-color-blue li.visited > *{
color: #ffffff !important;
background-color: #2979ff !important;
border-color: #2979ff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-blue li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-blue li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-blue li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-blue li.current > *::before{
background-color: #2979ff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-blue a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-blue a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-blue a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-blue a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-blue li.visited::after{
background-color: #2979ff !important;
}
#nex-forms .nf_progressbar_percentage.md-color-brown{
color: #ffffff !important;
background-color: #795548 !important;
}
#nex-forms .cd-breadcrumb.md-color-brown li.current > *,
#nex-forms .cd-multi-steps.md-color-brown li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-brown a:hover,
#nex-forms .cd-multi-steps.md-color-brown a:hover{
}
#nex-forms .cd-breadcrumb.triangle.md-color-brown li.current > *{
color: #ffffff !important;
background-color: #795548 !important;
border-color: #795548 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-brown a:hover{
color: #ffffff !important;
background-color: #795548 !important;
border-color: #795548 !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-brown li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-brown li.visited > *,
#nex-forms .cd-breadcrumb.md-color-brown li.current > *,
#nex-forms .cd-breadcrumb.md-color-brown li.visited > *{
color: #ffffff !important;
background-color: #795548 !important;
border-color: #795548 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-brown li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-brown li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-brown li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-brown li.current > *::before{
background-color: #795548 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-brown a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-brown a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-brown a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-brown a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-brown li.visited::after{
background-color: #795548 !important;
}
#nex-forms .nf_progressbar_percentage.md-color-cyan{
color: #ffffff !important;
background-color: #00bcd4 !important;
}
#nex-forms .cd-breadcrumb.md-color-cyan li.current > *,
#nex-forms .cd-multi-steps.md-color-cyan li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-cyan a:hover,
#nex-forms .cd-multi-steps.md-color-cyan a:hover{
}
#nex-forms .cd-breadcrumb.triangle.md-color-cyan li.current > *{
color: #ffffff !important;
background-color: #00bcd4 !important;
border-color: #00bcd4 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-cyan a:hover{
color: #ffffff !important;
background-color: #00bcd4 !important;
border-color: #00bcd4 !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-cyan li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-cyan li.visited > *,
#nex-forms .cd-breadcrumb.md-color-cyan li.current > *,
#nex-forms .cd-breadcrumb.md-color-cyan li.visited > *{
color: #ffffff !important;
background-color: #00bcd4 !important;
border-color: #00bcd4 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-cyan li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-cyan li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-cyan li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-cyan li.current > *::before{
background-color: #00bcd4 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-cyan a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-cyan a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-cyan a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-cyan a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-cyan li.visited::after{
background-color: #00bcd4 !important;
}
#nex-forms .nf_progressbar_percentage.md-color-deep-purple{
color: #ffffff !important;
background-color: #673ab7 !important;
}
#nex-forms .cd-breadcrumb.md-color-deep-purple li.current > *,
#nex-forms .cd-multi-steps.md-color-deep-purple li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-deep-purple a:hover,
#nex-forms .cd-multi-steps.md-color-deep-purple a:hover{
}
#nex-forms .cd-breadcrumb.triangle.md-color-deep-purple li.current > *{
color: #ffffff !important;
background-color: #673ab7 !important;
border-color: #673ab7 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-deep-purple a:hover{
color: #ffffff !important;
background-color: #673ab7 !important;
border-color: #673ab7 !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-deep-purple li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-deep-purple li.visited > *,
#nex-forms .cd-breadcrumb.md-color-deep-purple li.current > *,
#nex-forms .cd-breadcrumb.md-color-deep-purple li.visited > *{
color: #ffffff !important;
background-color: #673ab7 !important;
border-color: #673ab7 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-deep-purple li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-deep-purple li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-deep-purple li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-deep-purple li.current > *::before{
background-color: #673ab7 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-deep-purple a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-deep-purple a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-deep-purple a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-deep-purple a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-deep-purple li.visited::after{
background-color: #673ab7 !important;
}
#nex-forms .nf_progressbar_percentage.md-color-gray{
color: #ffffff !important;
background-color: #9e9e9e !important;
}
#nex-forms .cd-breadcrumb.md-color-gray li.current > *,
#nex-forms .cd-multi-steps.md-color-gray li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-gray a:hover,
#nex-forms .cd-multi-steps.md-color-gray a:hover{
}
#nex-forms .cd-breadcrumb.triangle.md-color-gray li.current > *{
color: #ffffff !important;
background-color: #9e9e9e !important;
border-color: #9e9e9e !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-gray a:hover{
color: #ffffff !important;
background-color: #9e9e9e !important;
border-color: #9e9e9e !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-gray li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-gray li.visited > *,
#nex-forms .cd-breadcrumb.md-color-gray li.current > *,
#nex-forms .cd-breadcrumb.md-color-gray li.visited > *{
color: #ffffff !important;
background-color: #9e9e9e !important;
border-color: #9e9e9e !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-gray li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-gray li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-gray li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-gray li.current > *::before{
background-color: #9e9e9e !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-gray a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-gray a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-gray a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-gray a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-gray li.visited::after{
background-color: #9e9e9e !important;
}
#nex-forms .nf_progressbar_percentage.md-color-indigo{
color: #ffffff !important;
background-color: #3f51b5 !important;
}
#nex-forms .cd-breadcrumb.md-color-indigo li.current > *,
#nex-forms .cd-multi-steps.md-color-indigo li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-indigo a:hover,
#nex-forms .cd-multi-steps.md-color-indigo a:hover{
}
#nex-forms .cd-breadcrumb.triangle.md-color-indigo li.current > *{
color: #ffffff !important;
background-color: #3f51b5 !important;
border-color: #3f51b5 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-indigo a:hover{
color: #ffffff !important;
background-color: #3f51b5 !important;
border-color: #3f51b5 !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-indigo li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-indigo li.visited > *,
#nex-forms .cd-breadcrumb.md-color-indigo li.current > *,
#nex-forms .cd-breadcrumb.md-color-indigo li.visited > *{
color: #ffffff !important;
background-color: #3f51b5 !important;
border-color: #3f51b5 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-indigo li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-indigo li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-indigo li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-indigo li.current > *::before{
background-color: #3f51b5 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-indigo a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-indigo a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-indigo a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-indigo a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-indigo li.visited::after{
background-color: #3f51b5 !important;
}
#nex-forms .nf_progressbar_percentage.md-color-light-blue,
#nex-forms .nf_progressbar_percentage.md-color-default{
color: #ffffff !important;
background-color: #40C4FF !important;
}
#nex-forms .cd-breadcrumb.md-color-light-blue li.current > *,
#nex-forms .cd-multi-steps.md-color-light-blue li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-light-blue a:hover,
#nex-forms .cd-multi-steps.md-color-light-blue a:hover{
}
#nex-forms .cd-breadcrumb.triangle.md-color-light-blue li.current > *{
color: #ffffff !important;
background-color: #40c4ff !important;
border-color: #40c4ff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-light-blue a:hover{
color: #ffffff !important;
background-color: #40c4ff !important;
border-color: #40c4ff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-light-blue li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-light-blue li.visited > *,
#nex-forms .cd-breadcrumb.md-color-light-blue li.current > *,
#nex-forms .cd-breadcrumb.md-color-light-blue li.visited > *{
color: #ffffff !important;
background-color: #40c4ff !important;
border-color: #40c4ff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-light-blue li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-light-blue li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-light-blue li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-light-blue li.current > *::before{
background-color: #40c4ff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-light-blue a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-light-blue a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-light-blue a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-light-blue a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-light-blue li.visited::after{
background-color: #40c4ff !important;
}
#nex-forms .nf_progressbar_percentage.md-color-light-green{
color: #ffffff !important;
background-color: #8bc34a !important;
}
#nex-forms .cd-breadcrumb.md-color-light-green li.current > *,
#nex-forms .cd-multi-steps.md-color-light-green li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-light-green a:hover,
#nex-forms .cd-multi-steps.md-color-light-green a:hover{
}
#nex-forms .cd-breadcrumb.triangle.md-color-light-green li.current > *{
color: #ffffff !important;
background-color: #8bc34a !important;
border-color: #8bc34a !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-light-green a:hover{
color: #ffffff !important;
background-color: #8bc34a !important;
border-color: #8bc34a !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-light-green li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-light-green li.visited > *,
#nex-forms .cd-breadcrumb.md-color-light-green li.current > *,
#nex-forms .cd-breadcrumb.md-color-light-green li.visited > *{
color: #ffffff !important;
background-color: #8bc34a !important;
border-color: #8bc34a !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-light-green li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-light-green li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-light-green li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-light-green li.current > *::before{
background-color: #8bc34a !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-light-green a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-light-green a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-light-green a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-light-green a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-light-green li.visited::after{
background-color: #8bc34a !important;
}
#nex-forms .cd-breadcrumb.md-color-lime li.current > *,
#nex-forms .cd-multi-steps.md-color-lime li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-lime a:hover,
#nex-forms .cd-multi-steps.md-color-lime a:hover{
}
#nex-forms .nf_progressbar_percentage.md-color-lime{
color: #ffffff !important;
background-color: #cddc39 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-lime li.current > *{
color: #ffffff !important;
background-color: #cddc39 !important;
border-color: #cddc39 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-lime a:hover{
color: #ffffff !important;
background-color: #cddc39 !important;
border-color: #cddc39 !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-lime li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-lime li.visited > *,
#nex-forms .cd-breadcrumb.md-color-lime li.current > *,
#nex-forms .cd-breadcrumb.md-color-lime li.visited > *{
color: #ffffff !important;
background-color: #cddc39 !important;
border-color: #cddc39 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-lime li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-lime li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-lime li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-lime li.current > *::before{
background-color: #cddc39 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-lime a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-lime a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-lime a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-lime a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-lime li.visited::after{
background-color: #cddc39 !important;
}
#nex-forms .cd-breadcrumb.md-color-orange li.current > *,
#nex-forms .cd-multi-steps.md-color-orange li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-orange a:hover,
#nex-forms .cd-multi-steps.md-color-orange a:hover{
}
#nex-forms .nf_progressbar_percentage.md-color-orange{
color: #ffffff !important;
background-color: #ff9800 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-orange li.current > *{
color: #ffffff !important;
background-color: #ff9800 !important;
border-color: #ff9800 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-orange a:hover{
color: #ffffff !important;
background-color: #ff9800 !important;
border-color: #ff9800 !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-orange li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-orange li.visited > *,
#nex-forms .cd-breadcrumb.md-color-orange li.current > *,
#nex-forms .cd-breadcrumb.md-color-orange li.visited > *{
color: #ffffff !important;
background-color: #ff9800 !important;
border-color: #ff9800 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-orange li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-orange li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-orange li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-orange li.current > *::before{
background-color: #ff9800 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-orange a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-orange a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-orange a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-orange a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-orange li.visited::after{
background-color: #ff9800 !important;
}
#nex-forms .cd-breadcrumb.md-color-pink li.current > *,
#nex-forms .cd-multi-steps.md-color-pink li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-pink a:hover,
#nex-forms .cd-multi-steps.md-color-pink a:hover{
}
#nex-forms .nf_progressbar_percentage.md-color-pink{
color: #ffffff !important;
background-color: #e91e63 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-pink li.current > *{
color: #ffffff !important;
background-color: #e91e63 !important;
border-color: #e91e63 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-pink a:hover{
color: #ffffff !important;
background-color: #e91e63 !important;
border-color: #e91e63 !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-pink li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-pink li.visited > *,
#nex-forms .cd-breadcrumb.md-color-pink li.current > *,
#nex-forms .cd-breadcrumb.md-color-pink li.visited > *{
color: #ffffff !important;
background-color: #e91e63 !important;
border-color: #e91e63 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-pink li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-pink li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-pink li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-pink li.current > *::before{
background-color: #e91e63 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-pink a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-pink a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-pink a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-pink a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-pink li.visited::after{
background-color: #e91e63 !important;
}
#nex-forms .cd-breadcrumb.md-color-purple li.current > *,
#nex-forms .cd-multi-steps.md-color-purple li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-purple a:hover,
#nex-forms .cd-multi-steps.md-color-purple a:hover{
}
#nex-forms .nf_progressbar_percentage.md-color-purple{
color: #ffffff !important;
background-color: #9c27b0 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-purple li.current > *{
color: #ffffff !important;
background-color: #9c27b0 !important;
border-color: #9c27b0 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-purple a:hover{
color: #ffffff !important;
background-color: #9c27b0 !important;
border-color: #9c27b0 !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-purple li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-purple li.visited > *,
#nex-forms .cd-breadcrumb.md-color-purple li.current > *,
#nex-forms .cd-breadcrumb.md-color-purple li.visited > *{
color: #ffffff !important;
background-color: #9c27b0 !important;
border-color: #9c27b0 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-purple li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-purple li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-purple li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-purple li.current > *::before{
background-color: #9c27b0 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-purple a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-purple a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-purple a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-purple a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-purple li.visited::after{
background-color: #9c27b0 !important;
}
#nex-forms .cd-breadcrumb.md-color-teal li.current > *,
#nex-forms .cd-multi-steps.md-color-teal li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-teal a:hover,
#nex-forms .cd-multi-steps.md-color-teal a:hover{
}
#nex-forms .nf_progressbar_percentage.md-color-teal{
color: #ffffff !important;
background-color: #009688 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-teal li.current > *{
color: #ffffff !important;
background-color: #009688 !important;
border-color: #009688 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-teal a:hover{
color: #ffffff !important;
background-color: #009688 !important;
border-color: #009688 !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-teal li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-teal li.visited > *,
#nex-forms .cd-breadcrumb.md-color-teal li.current > *,
#nex-forms .cd-breadcrumb.md-color-teal li.visited > *{
color: #ffffff !important;
background-color: #009688 !important;
border-color: #009688 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-teal li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-teal li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-teal li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-teal li.current > *::before{
background-color: #009688 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-teal a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-teal a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-teal a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-teal a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-teal li.visited::after{
background-color: #009688 !important;
}
#nex-forms .cd-breadcrumb.md-color-yellow li.current > *,
#nex-forms .cd-multi-steps.md-color-yellow li.current > *{
}
#nex-forms .cd-breadcrumb.md-color-yellow a:hover,
#nex-forms .cd-multi-steps.md-color-yellow a:hover{
}
#nex-forms .nf_progressbar_percentage.md-color-yellow{
color: #444 !important;
background-color: #ffeb3b !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-yellow li.current > *{
color: #444 !important;
background-color: #ffeb3b !important;
border-color: #ffeb3b !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-yellow a:hover{
color: #444 !important;
background-color: #ffeb3b !important;
border-color: #ffeb3b !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-yellow li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-yellow li.visited > *,
#nex-forms .cd-breadcrumb.md-color-yellow li.current > *,
#nex-forms .cd-breadcrumb.md-color-yellow li.visited > *{
color: #444 !important;
background-color: #ffeb3b !important;
border-color: #ffeb3b !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-yellow li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-yellow li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-yellow li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-yellow li.current > *::before{
background-color: #ffeb3b !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-yellow a:hover,
#nex-forms .cd-multi-steps.text-bottom.md-color-yellow a:hover{
}
#nex-forms .cd-multi-steps.text-top.md-color-yellow a:hover::before,
#nex-forms .cd-multi-steps.text-bottom..md-color-yellow a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .cd-multi-steps.md-color-yellow li.visited::after{
background-color: #ffeb3b !important;
}
#nex-forms .cd-multi-steps.text-center li.current > *,
#nex-forms .cd-multi-steps.text-center li.visited > *,
#nex-forms .cd-breadcrumb li.current > *,
#nex-forms .cd-breadcrumb li.visited > *{
color: #ffffff !important;
background-color: #607d8b !important;
border-color: #607d8b !important;
}
#nex-forms .cd-multi-steps.text-top li.visited > *::before,
#nex-forms .cd-multi-steps.text-top  li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom li.current > *::before{
background-color: #607d8b !important;
}
#nex-forms .cd-multi-steps.text-top a:hover::before,
#nex-forms .cd-multi-steps.text-bottom. a:hover::before{
box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3) !important;
}
#nex-forms .the-radios .clearfix{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.thumb_image{
background-repeat: no-repeat !important;
background-size: contain !important;
height: 100%;
position: absolute;
top: -2px;
width: 100%;
}
#nex-forms .multi-image-select-group label.radio-inline,
#nex-forms .single-image-select-group label.radio-inline{
margin-bottom: 15px;
}
#nex-forms .single-image-select-group #the-radios .has-pretty-child a,
#nex-forms .multi-image-select-group #the-radios .has-pretty-child a{
border: medium none !important;
left: unset;
opacity: 0.4;
position: absolute;
top: 8px !important;
z-index: 100;
box-shadow: 1px 1px 1px #555 inset !important;
right: 7px;
}
#nex-forms .single-image-select-group #the-radios .has-pretty-child a.checked,
#nex-forms .multi-image-select-group #the-radios .has-pretty-child a.checked{
left: unset;
position: absolute;
top: 8px !important;
z-index: 100000;
opacity: 1;
box-shadow: 2px 2px 4px #666 !important;
right: 7px;
color: #fff;
}
#nex-forms .single-image-select-group .radio_selected,
#nex-forms .multi-image-select-group .radio_selected{
transform: scale(1.05);
transition: all 500ms ease 0s;
}
#nex-forms .single-image-select-group .radio_selected .input-label,
#nex-forms .multi-image-select-group .radio_selected .input-label{
box-shadow: 2px 2px 7px #ccc;
}
#nex-forms .multi-image-select-group .radio-inline,
#nex-forms .checkbox-inline,
#nex-forms .single-image-select-group .radio-inline,
#nex-forms .checkbox-inline{
margin-right: 15px;
}
#nex-forms .multi-image-select-group .input_container.col-sm-12 label,
#nex-forms .single-image-select-group .input_container.col-sm-12 label{
}
.multi-image-select-group label,
.single-image-select-group label{
}
.multi-image-select-group span.input-label{
padding: 0 !important;
}
#nex-forms .timepicker-picker a{
border: medium none !important;
box-shadow: none !important;
}
.input-group.bootstrap-touchspin{
}
#nex-forms .fileinput .fileinput-exists.btn{
padding: 4px 13px;
}
#nex-forms .fileinput .form-control.btn-file,
#nex-forms .fileinput .ui-widget.btn-file,
#nex-forms .fileinput .default-browser-style.btn-file{
width: 20% !important;
float: left;
margin-right: 10px;
padding: 4px;
position: relative;
z-index: 1000;
text-align: center;
min-width: 91px;
}
#nex-forms  .uneditable-input.ui-widget,
#nex-forms  .uneditable-input.default-browser-style{
padding: 8px;
}
#nex-forms  .fileinput .the_input_element.ui-widget,
#nex-forms  .fileinput .the_input_element.default-browser-style{
border: 1px solid #ddd;
}
.dtp div.dtp-actual-year{
color: #fff !important;
}
.dtp-buttons .btn:hover{
opacity: 1;
}
.dtp-buttons .btn{
padding: 5px !important;
margin-left: 10px;
opacity: 0.7;
width: 40px;
color: #fff;
}
#nex-forms .inner-canvas-container .material_select li span{
font-size: 13px !important;
}
#nex-forms .inner-canvas-container .material_select [type="checkbox"] + label::before,
#nex-forms .inner-canvas-container .material_select [type="checkbox"]:not(.filled-in) + label::after{
margin-top: -8px;
border-color: #ccc !important;
}
#ui-timepicker-div td a{
padding: 0 22px 0 10px !important;
font-size: 12px;
padding-right: 22px !important;
}
#ui-datepicker-div,
#ui-timepicker-div{
position: relative;
z-index: 10000 !important;
}
#nex-forms ul.dropdown-content{
padding: 0 !important;
}
#nex-forms .dropdown-content li{
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
#nex-forms .ui-slider .ui-slider-range{
background-position: 0 0;
border: 0 none;
display: block;
font-size: 0.7em;
position: absolute;
z-index: 1;
background: #f2f2f2 none repeat scroll 0 0;
border-radius: 5px;
box-shadow: inset -2px -2px 5px rgba(0,0,0,0.05);
}
#nex-forms .ui-slider.ui-state-disabled .ui-slider-handle,
#nex-forms .ui-slider.ui-state-disabled .ui-slider-range{
filter: inherit;
}
#nex-forms .ui-slider-horizontal{
height: 0.8em;
}
#nex-forms .ui-slider-horizontal .ui-slider-handle{
margin-left: -0.6em;
top: -0.3em;
}
#nex-forms .ui-slider-horizontal .ui-slider-range{
height: calc(100% + 2px);
top: -1px;
left: -3px !important;
}
#nex-forms .md-slider .ui-slider-horizontal .ui-slider-range-min{
height: 9px;
left: -1px;
top: -1px;
}
#nex-forms .ui-slider-horizontal .ui-slider-range-min{
left: 0;
}
#nex-forms .ui-slider-horizontal .ui-slider-range-max{
right: 0;
}
#nex-forms .ui-slider-vertical{
height: 100px;
width: 0.8em;
}
#nex-forms .ui-slider-vertical .ui-slider-handle{
left: -0.3em;
margin-bottom: -0.6em;
margin-left: 0;
}
#nex-forms .ui-slider-vertical .ui-slider-range{
left: 0;
width: 100%;
}
#nex-forms .ui-slider-vertical .ui-slider-range-min{
bottom: 0;
}
#nex-forms .ui-slider-vertical .ui-slider-range-max{
top: 0;
}
#nex-forms .alert strong{
font-weight: bold !important;
}
#nex-forms .alert.alert-danger h1,
#nex-forms .alert.alert-danger h2,
#nex-forms .alert.alert-danger h3,
#nex-forms .alert.alert-danger h4,
#nex-forms .alert.alert-danger h5,
#nex-forms .alert.alert-danger h6{
color: #a94442;
}
#nex-forms .alert.alert-success h1,
#nex-forms .alert.alert-success h2,
#nex-forms .alert.alert-success h3,
#nex-forms .alert.alert-success h4,
#nex-forms .alert.alert-success h5,
#nex-forms .alert.alert-success h6{
color: #3c763d;
}
#nex-forms .upload-image .btn-file{
padding: 6px 20px;
border: 1px solid #ddd;
border-radius: 4px;
font-family: Verdana;
font-weight: normal;
}
#nex-forms input.ui-widget{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
#nex-forms .input-inner label.ui-button{
padding-top: 11px;
}
#nex-forms .input-inner label.ui-button.ui-checkboxradio-checked{
background: #40c4ff none repeat scroll 0 0;
border: 1px solid #40c4ff;
}
#nex-forms .form_field .row{
margin-bottom: 0;
}
#nex-forms .has_error .input-group-addon .fa,
#nex-forms .has_success .input-group-addon .fa{
}
#nex-forms .has_error .form-control,
#nex-forms .has_success .form-control{
}
#nex-forms .has_error .form-control,
#nex-forms .has_success select.form-control,
#nex-forms .has_success textarea.form-control,
#nex-forms .has_error .input-group-addon{
border-color: #f77b72 !important;
}
#nex-forms .has_success .form-control,
#nex-forms .has_success select.form-control,
#nex-forms .has_success textarea.form-control,
#nex-forms .has_success .input-group-addon{
border-color: #8bc34a !important;
}
.error_msg.modern{
position: absolute !important;
bottom: 11px;
z-index: 10000;
font-size: 13px !important;
right: 22px !important;
color: #f44336 !important;
transform: scale(1);
cursor: pointer;
opacity: 0.7;
}
#nex-form .radio-group .error_msg.modern,
#nex-form .check-group .error_msg.modern,
#nex-form .single-image-select-group .error_msg.modern,
#nex-form .multi-image-select-group .error_msg.modern{
display: none;
}
#nex-forms .has_error.star-rating #star .fa.fa-fw{
color: #f44336 !important;
}
#nex-forms .has_error.survey_fields .fa{
color: #f44336 !important;
}
#nex-forms .has_error .js-signature canvas{
border-color: #f44336 !important;
}
#nex-forms .has_error .ui-slider{
border-color: #f44336 !important;
}
#nex-forms .material_field.has_error .the_input_element{
background: transparent none repeat scroll 0 0 !important;
}
#nex-forms .material_field.has_success .the_input_element{
background: transparent none repeat scroll 0 0 !important;
}
.success_msg.modern{
position: absolute !important;
bottom: 10px;
z-index: 10000;
font-size: 15px !important;
right: -5px !important;
color: #ccc;
text-shadow: 1px 1px 1px #e7e7e7 inset;
}
#nex-forms .has_success .success_msg.modern{
color: #8bc34a;
}
.has_error .input-group-addon .fa{
margin-top: -1px !important;
}
.error_msg.modern.input_large,
.success_msg.modern.input_large{
bottom: 12px;
}
#nex-forms .selection_fields .modern{
right: 40px;
bottom: 9px;
}
#nex-forms .upload-multi .modern,
#nex-forms .upload-single .modern{
right: 125px !important;
top: 12px;
}
#nex-forms .touch_spinner .modern{
right: 70px !important;
}
.form_field.slider .modern,
.form_field.survey_fields .modern,
.form_field.digital-signature .modern{
display: none;
}
#nex-forms .modern.extra_padding{
right: 25px;
}
#nex-forms .single-image-select-group.has_error #the-radios .has-pretty-child a,
#nex-forms .multi-image-select-group.has_error #the-radios .has-pretty-child a{
border: 1px solid #f44336 !important;
}
#nex-forms .has_error .the-radios a{
border: 1px solid #f44336 !important;
}
#nex-forms .selection_fields.multi-select .modern{
right: 42px;
}
#nex-forms .inner-canvas-container input[type="text"],
#nex-forms .inner-canvas-container textarea.form-control{
border-color: #ddd;
}
#nex-forms .inner-canvas-container textarea.form-control{
min-height: 80px;
}
#nex-forms .inner-canvas-container input.form-control,
#nex-forms .inner-canvas-container select.form-control,
#nex-forms .inner-canvas-container input.select-dropdown{
height: 42px;
line-height: 33px;
color:#5b5b5b;
}
#nex-forms .inner-canvas-container input:focus,
#nex-forms .inner-canvas-container select:focus,
#nex-forms .inner-canvas-container textarea:focus,
#nex-forms .inner-canvas-container input.form-control:focus,
#nex-forms .inner-canvas-container select.form-control:focus,
#nex-forms .inner-canvas-container textarea.form-control:focus{ }
#nex-forms .inner-canvas-container .material_field input:focus,
#nex-forms .inner-canvas-container .material_field select:focus,
#nex-forms .inner-canvas-container .material_field textarea:focus,
#nex-forms .inner-canvas-container .material_field input.form-control:focus,
#nex-forms .inner-canvas-container .material_field select.form-control:focus,
#nex-forms .inner-canvas-container .material_field textarea.form-control:focus{
border-color: transparent !important;
}
#nex-forms .input-group-addon .fa{
top: 0px;
position: relative;
}
#nex-forms .form_field.multi_line .input-group-addon{
vertical-align: top !important;
padding-top: 9px;
}
#nex-forms input.input-lg,
#nex-forms .inner-canvas-container select.input-lg{
height: 46px !important;
}
#nex-forms input.form-control:-webkit-autofill,
#nex-forms input.form-control:-webkit-autofill:hover,
#nex-forms input.form-control:-webkit-autofill:focus#nex-forms textarea.form-control:-webkit-autofill,
#nex-forms textarea.form-control:-webkit-autofill:hover#nex-forms textarea.form-control:-webkit-autofill:focus,
#nex-forms select.form-control:-webkit-autofill,
#nex-forms select.form-control:-webkit-autofill:hover,
#nex-forms select.form-control:-webkit-autofill:focus{
background-color: #fff !important;
}
#nex-forms input,
#nex-forms .form-control,
#nex-forms input[type="text"],
#nex-forms input[type="email"],
#nex-forms input[type="url"],
#nex-forms input[type="password"],
#nex-forms input[type="search"],
#nex-forms input[type="number"],
#nex-forms input[type="tel"],
#nex-forms input[type="range"],
#nex-forms input[type="date"],
#nex-forms input[type="month"],
#nex-forms input[type="week"],
#nex-forms input[type="time"],
#nex-forms input[type="datetime"],
#nex-forms input[type="datetime-local"],
#nex-forms input[type="color"],
#nex-forms textarea.form-control,
#nex-forms select.form-control{
background: #fff none repeat scroll 0 0;
box-shadow: none !important;
}
#nex-forms .material_field .input_container{
padding: 0 !important;
}
#nex-forms .material_field.required .the_input_element{
padding-left: 6px !important;
}
#nex-forms .material_field.has_success .modern{
right: 0;
}
#nex-forms .nf_field_disabled .input_container{
opacity: 0.6;
transition: all 0.3s ease 0s;
}
#nex-forms input:disabled,
#nex-forms select:disabled,
#nex-forms textarea:disabled{
opacity: 0.5 !important;
background: #fcfcfc none repeat scroll 0 0 !important;
display: none;
}
#nex-forms .form_field .form-control[disabled]{
border-color: #ddd !important;
opacity: 1 !important;
background: #f2f2f2 !important;
}
#nex-forms .form_field button[disabled],
#nex-forms .form_field button:disabled{
cursor: not-allowed !important;
}
#nex-forms .display_inline_cal .bootstrap-datetimepicker-widget ul{
list-style-position: unset;
}
#nex-forms .date .bootstrap-datetimepicker-widget.dropdown-menu{
left: 8px !important;
}
#nex-forms .time .bootstrap-datetimepicker-widget.dropdown-menu{
width: 100px !important;
min-width: 130px !important;
left: 8px !important;
}
#nex-forms .time .input_container:not(.align_center) .bootstrap-datetimepicker-widget table{
margin-left: -9px !important;
}
#nex-forms .form_canvas .time .bootstrap-datetimepicker-widget table{
margin-top: -7px !important;
}
#nex-forms .time .bootstrap-datetimepicker-widget table td{
line-height: 1px !important;
height: 10px !important;
padding: 0 !important;
width: 0 !important;
margin: 0 !important;
}
#nex-forms .time .bootstrap-datetimepicker-widget.ui-widget-content{
background: none;
}
#nex-forms .material_field label.nf_title span.the_label{
margin-left: -16px !important;
}
#nex-forms .material_field label.input-label{
font-weight: normal;
}
#nex-forms .multi-select.material_field label#md_label{
top: -23px !important;
}
#nex-forms .survey_fields .tooltip.top{
top: -42px !important;
}
#nex-forms .material_field.selection_fields.form_field{
margin-bottom: 0px;
margin-top: 25px;
}
#nex-forms .input-label.ui-checkboxradio-label{
margin-bottom: 0;
margin-top: 0;
text-align: left;
line-height: 18px;
}
#nex-forms .jquery_field .input-group{
box-shadow: 0 0 4px #eee;
}
#nex-forms .jquery_field .input-group-addon.jq-add-on{
padding: 5px 10px !important;
}
#nex-forms .jquery_field input.the_input_element,
#nex-forms .jquery_field textarea.the_input_element{
border: 1px solid #ddd;
width: 100% !important;
height: 36px;
}
.input-label.ui-checkboxradio-label.ui-state-active,
.input-label.ui-checkboxradio-label.ui-state-active:hover{
background: rgba(0, 0, 0, 0) linear-gradient(#8fc627, #81bf0b) repeat scroll 0 0;
border-color: #81BF0B;
color: #fff;
border: medium none;
opacity: 1;
}
.input-label.ui-checkboxradio-label:hover{
background: rgba(0, 0, 0, 0) linear-gradient(#8fc627, #81bf0b) repeat scroll 0 0;
opacity: 1;
}
.input-label.ui-checkboxradio-label{
padding: 9px 10px;
font-size: 13px !important;
background: rgba(0, 0, 0, 0) linear-gradient(#8fc627, #81bf0b) repeat scroll 0 0;
color: #fff !important;
border: medium none;
opacity: 0.9;
}
.classic_field button{
height: 35px;
}
.input-group-bd .default-browser-style{
padding-left: 35px !important;
}
.classic_field.has_error .the_input_element{
border-color: #f44336 !important;
}
.classic_field input{
outline: medium none !important;
}
.classic_field .input-label{
display: inline !important;
margin-right: 9px;
padding-left: 2px !important;
padding-top: 10px;
position: relative;
top: 2px;
}
.input-group-addon-bd{
color: #666;
left: 24px;
position: absolute;
top: 8px;
}
#nex-forms .classic_field input[type="text"],
#nex-forms .classic_field select,
#nex-forms .classic_field input[type="password"],
#nex-forms .classic_field textarea{
border: 1px solid #bbb;
box-shadow: 1px 1px 2px #e7e7e7 inset !important;
padding: 6px 10px;
width: 100%;
}
#nex-forms .classic_field textarea{
min-height: 80px;
}
#nex-forms select option:hover{
background: #f7f7f7 none repeat scroll 0 0;
}
#nex-forms .inner-canvas-container select option{
padding: 7px;
border-bottom: 1px solid #e2e2e2;
}
#nex-forms .align_center p{
text-align: center;
}
#nex-forms .ui-checkboxradio-icon.ui-icon{
margin-top: -5px;
}
.step .form_field.heading > .row,
.step .form_field.math_logic > .row,
.step .form_field.divider > .row{
margin: 0 !important;
}
#nex-forms .inner-canvas-container .v7_container .dropdown-content.select-dropdown li > a,
#nex-forms .inner-canvas-container .v7_container .dropdown-content.select-dropdown li > span{
color: #666 !important;
}
#nex-forms .inner-canvas-container .v7_container{
border-style: solid;
border-width: 0;
border-color: rgba(255,255,255,0);
margin: 0 auto;
}
#nex-forms .character-counter{
position: absolute;
bottom: 0;
right: 15px;
}
#nex-forms div.icon-holder{
cursor: pointer;
transition: all 0.3s ease 0s;
transform: scale(1);
}
#nex-forms .icon-holder{
display: inline-block;
margin-right: 15px;
}
#nex-forms .form_field.currently_editing .icon-holder .on-icon{
}
#nex-forms .icon-holder .on-icon{
display: none;
}
#nex-forms .icon-holder span{
font-size: 24px;
color: #999;
}
#nex-forms .icon-holder .on-icon span{
color: #8bc34a;
}
#nex-forms .icon-holder .on-label{
color: #666;
display: none;
}
#nex-forms .form_field.currently_editing .icon-holder .on-label{
}
#nex-forms .icon-holder .off-label{
color: #999;
}
#nex-forms .icon-label-top .icon-holder,
#nex-forms .icon-label-bottom .icon-holder{
text-align: center;
}
#nex-forms .icon-label-tip .icon-label{
display: none;
}
#nex-forms .icon-label-top .icon-label{
padding-bottom: 7px;
}
#nex-forms .icon-label-bottom .icon-label{
padding-top: 5px;
}
.nex_forms_modal .modal-content{
background: transparent;
}
#nex-forms .modal.nex_forms_modal.no_shadow{
box-shadow: none !important;
}
#nex-forms .submit-button .btn{
}
#nex-forms .label_container label{
font-weight: normal !important;
}
#nex-forms label.nexf_title.text-lg{
font-size: 16px !important;
margin: 0 !important;
padding: 0 !important;
}
#nex-forms label.nexf_title.text-sm{
font-size: 12px !important;
margin: 0 !important;
padding: 0 !important;
}
.tooltip_bs{
position: absolute;
z-index: 1070;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
filter: alpha(opacity=0);
opacity: 0;
line-break: auto;
}
.tooltip_bs.in{
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip_bs.top{
padding: 5px 0;
margin-top: -3px;
}
.tooltip_bs.right{
padding: 0 5px;
margin-left: 3px;
}
.tooltip_bs.bottom{
padding: 5px 0;
margin-top: 3px;
}
.tooltip_bs.left{
padding: 0 5px;
margin-left: -3px;
}
.tooltip_bs-inner{
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
}
.tooltip_bs-arrow{
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip_bs.top .tooltip_bs-arrow{
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip_bs.top-left .tooltip_bs-arrow{
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip_bs.top-right .tooltip_bs-arrow{
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip_bs.right .tooltip_bs-arrow{
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip_bs.left .tooltip_bs-arrow{
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip_bs.bottom .tooltip_bs-arrow{
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip_bs.bottom-left .tooltip_bs-arrow{
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip_bs.bottom-right .tooltip_bs-arrow{
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
#nex-forms .star-rating span::before{
content: none !important;
}
#nex-forms .star-rating .input_container .fa:hover{
text-shadow: 5px 5px 30px rgba(0,0,0,0.4);
}
#nex-forms .star-rating .input_container i{
font-size: 25px;
margin: -10px 0 0 0;
padding: 0 !important;
}
.error_left .error_msg{
right: unset !important;
left: 15px;
}
.survey_fields .error_msg{
bottom: 0px !important;
}
.single-image-select-group .error_msg,
.multi-image-select-group .error_msg{
bottom: -4px !important;
}
.upload_fields .error_msg{
bottom: -10px !important;
}
.upload_fields.upload-image .error_msg{
bottom: 22px !important;
}
.radio-group .error_msg,
.check-group .error_msg{
bottom: -9px !important;
}
#nex-forms div.inner-canvas-container .form_field{
margin-bottom: 20px;
}
#nex-forms .sub-text{
color: #9e9e9e;
display: block;
}
.has_error .the_input_element.fileinput-preview.thumbnail{
border-color: #f77b72 !important;
}
#nex-forms .upload-image .fileinput-exists .the_input_element{
border: 1px solid #ddd;
text-align: center;
width: auto !important;
height: auto !important;
max-width: 100% !important;
padding: 30px;
line-height: unset !important;
background: #eee;
}
#nex-forms .upload-image .fileinput-exists .the_input_element img{
width: auto !important;
line-height: unset !important;
box-shadow: 9px 9px 29px rgb(163,177,198,0.6), -9px -9px 16px rgba(255,255,255, 0.9);
max-height: 500px;
}
#nex-forms .upload-image .fileinput.fileinput-exists .nf_add_image{
position: unset;
}
.upload-image .fileinput-new{
width: 100%;
display: block;
}
.upload-image .nf_add_image{
}
#nex-forms .upload-image .fileinput.fileinput-exists .nf_add_image .the_input_element .fa{
position: unset;
}
.fileinput-exists .btn-file{
position: unset;
}
#nex-forms div.fileinput a{
position: relative;
z-index: 100 !important;
}
#nex-forms .form_field .input_container .btn.align_right{
text-align: right;
text-align-last: right;
}
#nex-forms .form_field .input_container .btn.align_center{
text-align: center;
text-align-last: center;
}
#nex-forms .form_field .input_container .btn.align_left{
text-align: left;
text-align-last: left;
}
#nex-forms .submit-button button.btn.btn-sm{
padding: 5px 15px;
}
#nex-forms .submit-button button.btn{
padding: 10px 20px;
position: relative;
}
#nex-forms button.btn{
position: relative;
}
#nex-forms .submit-button button.btn.col-sm-12{
padding: 10px 20px !important;
width: 100% !important;
}
#nex-forms .pill.has_postfix_icon:not(.is_grid) .form-control{
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
padding-left: 10px !important;
}
#nex-forms .ui-slider .ui-slider-handle,
#nex-forms .ui-slider .ui-slider-handle:not(.noUi-handle):focus{
border: 1px solid #ddd;
cursor: pointer !important;
height: 28px !important;
opacity: 1 !important;
outline: medium none !important;
padding: 3px 6px !important;
text-decoration: none !important;
top: -11px !important;
width: auto !important;
min-width: 28px !important;
color: #777;
text-align: right;
border-radius: 20px;
box-shadow: 3px 3px 10px rgba(0,0,0,0.2) !important;
}
#nex-forms .ui-slider .ui-slider-handle:not(.noUi-handle):hover{
box-shadow: 5px 5px 13px rgba(0,0,0,0.2)!!important;
}
#nex-forms .ui-slider .ui-slider-handle:not(.noUi-handle):active{
box-shadow: inset 3px 3px 7px rgba(0,0,0,0.12) !important;
}
#nex-forms .fadeout .form_field.sending{
}
#nex-forms .fadeout .form_field{
opacity: 0.3;
transition: all 1s ease 0s;
}
#nex-forms select.ui-widget option[value="0"]{
background: #f6f6f6 none repeat scroll 0 0;
}
#nex-forms .cd-breadcrumb::after,
#nex-forms .cd-multi-steps::after{
clear: both !important;
content: "" !important;
display: table !important;
}
#nex-forms .cd-breadcrumb.basix li::after,
#nex-forms .cd-multi-steps.basix li::after{
color: #959fa5 !important;
content: "-" !important;
display: inline-block !important;
margin: 0 0.6em !important;
}
#nex-forms .cd-breadcrumb.custom-icons li:nth-of-type(2):not(.current) > *::before,
#nex-forms .cd-multi-steps.custom-icons li:nth-of-type(2):not(.current) > *::before{
background-position: -20px 0 !important;
}
#nex-forms .cd-breadcrumb.custom-icons li:nth-of-type(3):not(.current) > *::before,
#nex-forms .cd-multi-steps.custom-icons li:nth-of-type(3):not(.current) > *::before{
background-position: -40px 0 !important;
}
#nex-forms .cd-breadcrumb.custom-icons li:nth-of-type(4):not(.current) > *::before,
#nex-forms .cd-multi-steps.custom-icons li:nth-of-type(4):not(.current) > *::before{
background-position: -60px 0 !important;
}
#nex-forms .cd-multi-steps.text-top li.visited > *::before,
#nex-forms .cd-multi-steps.text-top li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom li.current > *::before{
background-color: #607d8b !important;
}
#nex-forms .cd-multi-steps.text-top.count li > *::before,
#nex-forms .cd-multi-steps.text-bottom.count li > *::before{
color: #ffffff !important;
content: counter(steps, decimal) !important;
font-size: 12px !important;
height: 26px !important;
line-height: 26px !important;
width: 26px !important;
}
#nex-forms .cd-multi-steps.text-top.count li:not(.current) em::before,
#nex-forms .cd-multi-steps.text-bottom.count li:not(.current) em::before{
color: #2c3f4c !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-red li.current > *,
#nex-forms .cd-multi-steps.text-center.md-color-red li.visited > *,
#nex-forms .cd-breadcrumb.md-color-red li.current > *,
#nex-forms .cd-breadcrumb.md-color-red li.visited > *{
background-color: #f44336 !important;
border-color: #f44336 !important;
color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-red li.visited > *::before,
#nex-forms .cd-multi-steps.text-top.md-color-red li.current > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-red li.visited > *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-red li.current > *::before{
background-color: #f44336 !important;
}
#nex-forms .form_field.multi-image-select-group .the-radios{
margin-top: 3px !important;
}
#nex-forms .single-image-select-group span.check-icon.checked,
#nex-forms .multi-image-select-group span.check-icon.checked{
align-items: center;
display: flex;
justify-content: center;
left: unset !important;
position: absolute;
right: 8px !important;
top: 9px !important;
}
#nex-forms .multi-image-select-group #the-radios .has-pretty-child a.checked,
#nex-forms .multi-image-select-group #the-radios .has-pretty-child a{
}
#nex-forms .uneditable-input.ui-widget,
#nex-forms .uneditable-input.default-browser-style{
padding: 8px;
}
#nex-forms .fileinput .the_input_element.ui-widget,
#nex-forms .fileinput .the_input_element.default-browser-style{
border: 1px solid #ddd;
}
#nex-forms span.count-text{
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
}
#nex-forms .error_left .error_msg.modern,
#nex-forms .has_postfix_icon .error_msg.modern{
right: unset !important;
left: -6px;
}
.has_postfix_icon .error_msg.modern{
right: 60px !important;
}
.select .error_msg.modern{
right: 25px !important;
}
#nex-forms .upload-multi span.fileinput-filename{
position: relative;
top: -6px;
left: 5px;
}
.upload-image.required .modern{
top: 10px;
}
#nex-forms .time .bootstrap-datetimepicker-widget table{
width: 20px !important;
}
#nex-forms .multi-select select[multiple] option:checked{
background: linear-gradient( #f1f1f1, #e7e7e7);
}
#nex-forms .multi-select select[multiple]:focus option:checked{
background: linear-gradient( #80BFFF, #80BFFF);
}
#nex-forms .multi-select select[multiple]:focus option{
color: #666 !important;
}
#nex-forms .multi-select select[multiple]:active option{
color: #666 !important;
}
#nex-forms .inner-canvas-container select option:last-child{
border-bottom: none;
}
#nex-forms .inner-canvas-container .has_prefix_icon select option{
border-left: 1px solid #ddd;
}
#nex-forms .inner-canvas-container .has_postfix_icon select option{
border-right: 1px solid #ddd;
}
#nex-forms .inner-canvas-container .has_prefix_icon select[multiple]:focus option:checked{
border-left: 1px solid #80BFFF;
}
#nex-forms .inner-canvas-container .has_postfix_icon select[multiple]:focus option:checked{
border-right: 1px solid #80BFFF;
}
#nex-forms .inner-canvas-container select[multiple] option:before{
font-family: "Font Awesome 5 Free";
content: "\f0c8";
display: inline-block;
padding-right: 9px;
vertical-align: middle;
font-weight: normal;
color: #ddd;
font-size: 15px;
}
#nex-forms .inner-canvas-container  select[multiple] option:checked:before{
font-family: "Font Awesome 5 Free";
content: "\f00c";
display: inline-block;
padding-right: 9px;
vertical-align: middle;
font-weight: 900;
color: #8bc34a;
font-size: 15px;
}
#nex-forms .inner-canvas-container select[multiple]:focus option:checked:before{
font-family: "Font Awesome 5 Free";
content: "\f00c";
display: inline-block;
padding-right: 9px;
vertical-align: middle;
font-weight: 900;
color: #fff;
font-size: 15px;
}
#nex-forms .inner-canvas-container select[multiple] option:first-child:before{
content: "" !important;
}
#nex-forms .inner-canvas-container select[multiple] option[value="0"]{
background: linear-gradient( #fff, #fff);
}
#nex-forms .v7_container ::-webkit-scrollbar{
width: 8px;
}
#nex-forms .v7_container ::-webkit-scrollbar-track{
background: #f1f1f1;
}
#nex-forms .v7_container ::-webkit-scrollbar-thumb{
background: #ddd;
}
#nex-forms .v7_container ::-webkit-scrollbar-thumb:hover{
background: #888;
}
#nex-forms .icon-label div{
line-height: 24px;
font-size: 13px;
}
#nex-forms .material_field .icon-label div{
font-size: 14px;
}
#nex-forms .icon-label-top .icon-holder,
#nex-forms .icon-label-bottom .icon-holder,
#nex-forms .icon-label-hidden .icon-holder{
text-align: center;
}
#nex-forms .icon-label-tip .icon-label,
#nex-forms .icon-label-hidden .icon-label{
display: none;
}
#nex-forms .icon-select{
}
#nex-forms .icon-holder:hover .icon-select{
opacity: 0.8;
transition: 0.2s;
}
#nex-forms .icon-label-right .icon-select{
float: left;
margin-right: 10px;
}
#nex-forms .icon-label-right .icon-label{
float: left;
}
#nex-forms .icon-label-left .icon-select{
float: left;
}
#nex-forms .icon-label-left .icon-label{
float: left;
margin-right: 10px;
}
#nex-forms .icon-holder.col-sm-2,
#nex-forms .icon-holder.col-sm-3,
#nex-forms .icon-holder.col-sm-4,
#nex-forms .icon-holder.col-sm-6{
margin: 0px 0px 10px 0px;
padding: 0;
}
#nex-forms .icon-holder.col-list{
}
#nex-forms .form_field.currently_editing .icon-container,
#nex-forms .form_field.currently_editing .icon-spinner .icon-container{
display: block !important;
}
.icon-dropdown .selected-icon-holder{
display: block !important;
}
#nex-forms .icon-dropdown div.icon-holder{
width: 100%;
}
.input_container:not(.icon-dropdown) .icon-container.col-sm-12{
padding: 0 !important;
}
.icon-dropdown .the-icon-field-container{
background: #fff none repeat scroll 0 0;
padding: 10px 13px 0px 13px;
border: 1px solid #ddd;
border-radius: 3px;
}
.material_field .icon-dropdown .the-icon-field-container{
padding: 8px 0 1px 0;
background: none !important;
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0;
}
.icon-dropdown .icon-container{
display: none;
position: absolute !important;
z-index: 100000 !important;
background: #fff none repeat scroll 0 0;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
padding: 0 !important;
}
.is_grid .material_field .icon-select-group.form_field #field_container{
margin-top: -17px;
}
.input_container.icon-dropdown{
position: relative;
}
.selected-icon-holder{
position: relative;
}
.input_container.icon-dropdown:hover .selected-icon-holder span.fa.fa-caret-down{
display: block;
}
.selected-icon-holder span.fa.fa-caret-down{
color: #aaa;
position: absolute;
right: 0;
top: -1px;
line-height: 24px;
display: none;
}
.the-icon-option-container.col-sm-12{
margin-left: -15px;
}
.icon-dropdown .icon-container .icon-holder:hover{
background: rgba(0,0,0,0.05);
}
.icon-dropdown .icon-container .icon-holder .icon-label{
float: none !important;
text-align: left;
margin-left: 40px !important;
}
.icon-dropdown .icon-container .icon-holder{
display: block !important;
clear: both;
width: 100%;
padding: 4px 10px;
}
.icon-spinner .icon-container .icon-holder.icon-checked{
display: block !important;
}
.icon-spinner .icon-container .icon-holder{
display: none !important;
margin-right: 0px !important;
}
.icon-spinner .icon-container.col-sm-12{
width: auto !important;
}
.icon-spinner .icon-spin-prev{
float: left;
padding-right: 15px;
}
.icon-spinner .icon-spin-next{
float: left;
padding-left: 15px;
}
.icon-spinner .icon-spin-next:hover,
.icon-spinner .icon-spin-prev:hover{
opacity: 1;
}
.icon-spinner .icon-spin-next,
.icon-spinner .icon-spin-prev{
display: block !important;
line-height: 26px;
color: #aaa;
cursor: pointer;
opacity: 0.80;
font-size: 14px;
}
.icon-spinner.input_container{
margin-top: 6px;
}
.appendix_field{
margin-bottom: unset !important;
}
.material_field .appendix_field .input_container{
bottom: -9px;
position: absolute;
}
.appendix_field .label_container{
display: none !important;
margin-right: 0 !important;
padding: 0 !important;
position: absolute;
text-align: right !important;
top: -27px;
white-space: nowrap;
width: 10px !important;
}
.material_field .appendix_field .input_container.col-sm-12{
padding: 0 !important;
text-align: right !important;
}
.material_field .appendix_field .fa.fa-caret-down{
display: block !important;
}
.appendix_field .fa.fa-caret-down{
display: block !important;
font-size: 12px !important;
line-height: 27px !important;
opacity: 0.5;
position: absolute !important;
right: -20px !important;
}
.appendix_field .the_input_element.the-icon-field-container{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: medium none !important;
}
.material_field .appendix_field .icon-spinner{
min-width: 62px;
}
.material_field .appendix_field{
float: left;
margin-left: 15px;
}
.material_field .appendix-group{
left: unset !important;
position: absolute !important;
right: 0;
text-align: right !important;
top: 0;
}
.appendix_field:not(.material_field) .icon-dropdown .the-icon-field-container{
padding: 0 11px !important;
}
#nex-forms .appendix_field:not(.material_field) .icon-dropdown .selected-icon-holder .icon-select{
margin-top: 1px !important;
margin-bottom: -2px;
}
#nex-forms .appendix_field:not(.material_field) .icon-dropdown .selected-icon-holder .icon-label{
margin-top: 2px;
margin-bottom: -2px;
}
#nex-forms .appendix_field:not(.material_field) .icon-spinner .icon-holder .icon-select span{
line-height: 22px;
}
.appendix_field:not(.material_field) .icon-spinner .icon-spin-next,
.appendix_field:not(.material_field) .icon-spinner .icon-spin-prev{
line-height: 29px !important;
padding: 0px 3px !important;
}
.appendix_field:not(.material_field) .icon-spinner{
margin-top: 2px !important;
padding: 0px 0px !important;
margin-bottom: -4px;
}
.appendix_field .icon-dropdown.input_container .icon-container .icon-holder{
text-align: left !important;
float: left !important;
margin: 0 !important;
}
.appendix_field .icon-dropdown.input_container .icon-container{
margin-top: 7px;
margin-left: 3px;
}
.appendix_field .icon-dropdown .icon-container .icon-holder:last-child{
padding-bottom: 10px !important;
}
.appendix_field .icon-dropdown .icon-container .icon-holder:first-child{
padding-top: 10px !important;
}
#nex-forms .icon-dropdown .icon-container{
border-style: solid;
border-color: #ddd;
border-width: 1px;
}
#nex-forms .appendix_field:not(.material_field) .icon-dropdown .the-icon-field-container .icon-holder{
margin-right: 0 !important;
}
#nex-forms .appendix_field:not(.material_field) .icon-dropdown .the-icon-field-container{
padding: 0 !important;
}
.appendix_field .appendix_field:not(.material_field) .icon-dropdown.input_container.col-sm-12{
margin-left: -15px;
margin-right: 10px;
}
#nex-forms .appendix_field:not(.material_field) .icon-holder{
margin-right: 0px;
margin-left: 5px;
}
#nex-forms .appendix_field:not(.material_field) .icon-holder:first-child{
margin-left: 0;
}
#nex-forms .appendix_field:not(.material_field) .icon-spinner .icon-holder{
margin-left: 20px !important;
}
#nex-forms .appendix_field:not(.material_field) .icon-spinner .icon-spin-prev{
position: absolute;
left: 0;
z-index: 10;
}
#nex-forms .appendix_field:not(.material_field) .icon-spinner .icon-spin-next{
position: absolute;
right: 0;
z-index: 10;
}
#nex-forms .appendix_field .icon-spinner{
line-height: 26px;
}
#nex-forms .appendix_field.material_field  .input_container:not(.icon-spinner) .the-icon-option-container.col-sm-12,
#nex-forms .appendix_field.material_field .input_container:not(.icon-dropdown) .the-icon-option-container.col-sm-12{
padding: 0 !important;
}
.appendix_field.material_field .icon-spinner{
margin-top: 9px;
}
.appendix_field.material_field .selected-icon-holder span.fa.fa-caret-down{
right: 0px !important;
}
.appendix_field.material_field .icon-dropdown .icon-container{
margin-top: 2px !important;
}
.appendix_field .icon-dropdown .icon-holder.has_no_icon .icon-label{
margin-left: 0 !important;
}
.icon-label-bottom .off-label,
.icon-label-bottom .on-label,
.icon-label-top .off-label,
.icon-label-top .on-label{
line-height: normal !important;
}
.icon-select-group:not(.material_field) .icon-spinner .the-icon-option-container.col-sm-12{
width: auto !important;
padding: 0px 0px 0px 10px !important;
}
.icon-select-group.appendix_field:not(.material_field) .icon-spinner .the-icon-option-container.col-sm-12{
width: auto !important;
padding: 0px 5px 0px 15px !important;
}
#nex-forms div[data-layout="1c"] .icon-holder{
width: 100%;
}
.icon-select-group.appendix_field:not(.material_field) .icon-dropdown .fa-caret-down{
padding-right: 22px !important;
}
.icon-select-group.appendix_field:not(.material_field) .icon-spinner.icon-label-tip .the-icon-option-container.col-sm-12{
display: flex;
justify-content: center !important;
align-content: center !important;
padding-left: 23px !important;
}
.js-signature.sig-center {
text-align: center;
}
.js-signature.sig-center .clear_digital_siganture {
left: calc(50% - 7px) !important;
}
.js-signature.sig-right {
text-align: right;
}
.js-signature.sig-right .clear_digital_siganture {
left: unset !important;
right: 20px;
}
#nex-forms .js-signature,
#nex-forms .js-signature canvas{ -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none; }
#nex-forms .js-signature {
width: 100% !important;
}
#nex-forms .nf_progressbar_wrapper{
clear: both;
margin: 0 0 16px;
padding: 0 0 16px;
width: 100%;
}
#nex-forms .nf_progressbar_wrapper h3.nf_progressbar_title{
clear: both;
font-size: 0.813em;
line-height: 1 !important;
margin: 0 0 8px 12px !important;
opacity: 0.6;
padding: 0 !important;
}
#nex-forms .nf_progressbar{
background-color: rgba(0, 0, 0, 0.02);
border-radius: 25px;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05) inset;
position: relative;
width: 100%;
margin-bottom: 20px;
}
#nex-forms .nf_progressbar_percentage{
border-radius: 20px 4px 4px 20px;
font-family: helvetica,arial,sans-serif;
font-size: 0.813em !important;
height: 14px;
text-align: right;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
vertical-align: middle;
z-index: 999;
}
#nex-forms .nf_progressbar::after{
background-color: rgba(0, 0, 0, 0.1);
border-radius: 20px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05) inset;
display: block;
height: 24px;
margin-top: -24px;
width: 100%;
z-index: 990;
}
#nex-forms .nf_progressbar_percentage.percentbar_100{
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
}
#nex-forms .nf_progressbar_percentage span{
display: none;
float: right;
line-height: 24px;
margin-left: 5px;
margin-right: 6px;
width: auto;
}
#nex-forms .nf_progressbar_percentage.percentbar_0 span{
color: #959595;
float: none !important;
margin-left: 12px;
overflow-wrap: normal;
text-shadow: none;
}
#nex-forms .step.auto-step .nex-step.btn{
display: none;
}
#nex-forms .nf_progressbar_percentage.total_percent{
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
#nex-forms .digital-signature textarea{
display: none !important;
}
.form_field.animated.test{
visibility: visible !important;
}
.icon-holder  input{
}
.nf_loading{
width: 100%;
text-align: center;
position: absolute;
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
height: 60%;
opacity: 0.5;
}
.lds-ellipsis{
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ellipsis div{
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #bbb;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1){
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2){
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3){
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4){
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
#nex-forms .nex_forms_modal .modal-content{
border: medium none !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow-y: auto;
overflow-x: hidden;
}
#nex-forms .nex_forms_modal .modal-header{
background: #40c4ff none repeat scroll 0 0 !important;
display: none;
}
#nex-forms .nex_forms_modal h4{
color: #fff !important;
text-align: left;
}
#nex-forms .nex_forms_modal .modal .modal-close{
color: #666 !important;
}
#nex-forms .nex_forms_modal .modal .modal-header{
background: #f2f2f2 none repeat scroll 0 0;
border-bottom: 1px solid #ddd;
padding: 14px 11px 4px 20px;
display: none !important;
}
#nex-forms .nex_forms_modal .modal.nex_forms_modal{
}
#nex-forms .nex_forms_modal .modal.nex_forms_modal .modal-close{
right: 10px !important;
top: 10px !important;
position: absolute;
z-index: 100;
}
#nex-forms .grid_row{
position: relative;
}
.grid_replicate{
position: absolute;
right: -7px;
top: 13px;
z-index: 2000;
}
.grid_replicate div:hover{
cursor: pointer;
transform: scale(1.1);
transition: all 0.1s ease 0s;
}
.grid_replicate div{
font-size: 10px;
background: #fff;
width: 18px;
text-align: center;
color: #888;
height: 18px;
line-height: 18px;
border-radius: 12px;
margin-bottom: 3px;
border: 1px solid #ddd;
}
.grid-replication-container.limited .recreate-grid{
display: none;
}
.cf_dummy_field{
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
}
.form_type_conversational .form_field{
opacity: 0.4;
}
.form_type_conversational .form_field.active{
opacity: 1;
}
.bootstrap .form_type_conversational .form_field.active{
opacity: 1;
transform: scale(1.03);
transition: all 0.3s ease 0.1s;
}
.bootstrap .form_type_conversational .form_field.radio-group.active,
.bootstrap .form_type_conversational .form_field.check-group.active,
.bootstrap .form_type_conversational .form_field.icon-select-group.active{
transform: scale(1);
}
.bootstrap .form_type_conversational .form_field.check-group.active .radio-group label,
.bootstrap .form_type_conversational .form_field.icon-select-group.active .icon-container .icon-holder{
opacity: 0.4;
}
.bootstrap .form_type_conversational .form_field.check-group.active .radio-group label.check_on_focus,
.bootstrap .form_type_conversational .form_field.icon-select-group.active .icon-container .icon-holder.check_on_focus{
opacity: 1;
transform: scale(1.1) !important;
transition: all 0.3s ease 0.1s !important;
}
.bootstrap .form_type_conversational .form_field.check-group.active label a{
box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
}
.bootstrap .form_type_conversational .form_field.check-group.active label.check_on_focus a{
transform: scale(1.2) !important;
box-shadow: 8px 9px 15px rgba(0,0,0,0.1) !important;
transition: all 0.3s ease 0.1s !important;
}
#nex-forms .bootstrap .form_type_conversational .form_field input.form-control,
#nex-forms .bootstrap .form_type_conversational .form_field select.form-control,
#nex-forms .bootstrap .form_type_conversational .form_field textarea.form-control,
#nex-forms .bootstrap .form_type_conversational .form_field button{
box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
}
#nex-forms .bootstrap .form_type_conversational .form_field.active input.form-control,
#nex-forms .bootstrap .form_type_conversational .form_field.active select.form-control,
#nex-forms .bootstrap .form_type_conversational .form_field.active textarea.form-control,
#nex-forms .bootstrap .form_type_conversational .form_field button{
box-shadow: 8px 9px 15px rgba(0,0,0,0.1) !important;
transition: all 0.5s ease 0s !important;
}
.m_design input:-webkit-autofill{
-webkit-animation-name: autofill-md;
-webkit-animation-fill-mode: both;
}
.bootstrap input:-webkit-autofill{
-webkit-animation-name: autofill-bs;
-webkit-animation-fill-mode: both;
}
.m_design input:focus,
.m_design textarea:focus,
.m_design select:focus,
.m_design input,
.m_design textarea,
.m_design select{
background: transparent !important;
}
#nex-forms .radio-group .check-icon.fa.fa-circle {
font-size: 9px;
height: 21px;
top: 6px;
} #nex-forms .check-icon.checked .fa,
#nex-forms .check-icon.checked .fas,
#nex-forms .check-icon.checked .far,
#nex-forms .check-icon.checked .fab{
}
#nex-forms .form_field.classic_field .input-label{
margin-left: 10px;
position: relative;
top: 0px;
}
#nex-forms .form_field.classic_field input[type="radio"],
#nex-forms .form_field.classic_field input[type="check"]{
opacity: 1 !important;
margin-right: ;
}
#nex-forms .inner-canvas-container.m_design .form_field:not(.material_field) .input-group-addon.prefix,
#nex-forms .inner-canvas-container.m_design .form_field:not(.material_field) .input-group-addon.postfix{
background: none !important;
border-right: none !important;
border-top: none !important;
border-left: none !important;
border-radius: 0 !important;
padding-left: 3px;
padding-right: 3px;
transition: all 0.2s ease 0s;
}
#nex-forms .inner-canvas-container.m_design .form_field:not(.material_field) .form-control{
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
}
#nex-forms .m_design .form_field:not(.material_field).name .label_container.col-sm-12 span.the_label,
#nex-forms .m_design .form_field:not(.material_field).surname .label_container.col-sm-12 span.the_label,
#nex-forms .m_design .form_field:not(.material_field).email .label_container.col-sm-12 span.the_label,
#nex-forms .m_design .form_field:not(.material_field).phone_number .label_container.col-sm-12 span.the_label,
#nex-forms .m_design .form_field:not(.material_field).url .label_container.col-sm-12 span.the_label,
#nex-forms .m_design .form_field:not(.material_field).text .label_container.col-sm-12 span.the_label,
#nex-forms .m_design .form_field:not(.material_field).textarea .label_container.col-sm-12 span.the_label,
#nex-forms .m_design .form_field:not(.material_field).Query .label_container.col-sm-12 span.the_label{
position: relative;
top: 32px;
transition: all 0.2s ease 0s;
}
#nex-forms .m_design .form_field:not(.material_field).has_prefix_icon .label_container.col-sm-12 span.the_label{
left: 32px;
}
#nex-forms .m_design .form_field:not(.material_field).has_postfix_icon .label_container.col-sm-12 span.the_label.align_right{
left: unset;
right: 32px;
}
#nex-forms .m_design .form_field:not(.material_field).is_focused .label_container.col-sm-12 span.the_label.align_right{
top: 5px;
right: 0;
transition: all 0.2s ease 0s;
}
#nex-forms .m_design .form_field:not(.material_field).is_focused .label_container.col-sm-12 span.the_label{
top: 5px;
left: 0;
transition: all 0.2s ease 0s;
}
#nex-forms .inner-canvas-container.m_design .form_field:not(.material_field) .form-control{
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
padding: 0;
}
#nex-forms .inner-canvas-container .form_field.touch_spinner  .form-control{
border-radius: 0 !important;
}
#nex-forms .inner-canvas-container.neumorphism button.btn.bootstrap-touchspin-down{
border-radius: 0px !important;
border-top-left-radius: 7px !important;
border-bottom-left-radius: 7px !important;
border-right: none !important;
background: rgba(255,255,255,0.5) !important;
}
#nex-forms .inner-canvas-container.neumorphism button.btn.bootstrap-touchspin-up{
border-radius: 0px !important;
border-top-right-radius: 7px !important;
border-bottom-right-radius: 7px !important;
border-left: none !important;
background: rgba(255,255,255,0.5) !important;
}
#nex-forms .inner-canvas-container button.btn.bootstrap-touchspin-down,
#nex-forms .inner-canvas-container button.btn.bootstrap-touchspin-up{
display: flex;
justify-content: center;
align-items: center;
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important;
font-size: 12px !important;
border-color: #ddd;
color: #777;
background: #fff;
}
#nex-forms .inner-canvas-container.m_design a.checked{
border-width: 2px !important;
border-style: solid !important;
background: transparent !important;
}
#nex-forms .inner-canvas-container.m_design .form_field:not(.material_field) textarea.form-control{
padding: 9px;
}
#nex-forms .inner-canvas-container.m_design .form_field:not(.material_field).has_prefix_icon .form-control,
#nex-forms .inner-canvas-container.m_design .form_field:not(.material_field).has_postfix_icon .form-control{
padding-left: 10px;
padding-right: 10px;
}
#nex-forms .inner-canvas-container.browser input[type="radio"],
#nex-forms .inner-canvas-container.browser input[type="checkbox"]{
width: 18px !important;
height: 18px !important;
left: 0px;
top: -1px;
}
#nex-forms .inner-canvas-container.neumorphism .form_field .form-control{
border: none !important;
box-shadow: inset 3px 3px 5px 0 rgb(0 0 0 / 20%), inset -6px -6px 10px rgb(255 255 255 / 50%), inset -1px -1px 1px rgb(0 0 0 / 6%) !important;
background: transparent !important;
border-radius: 5px;
}
#nex-forms .inner-canvas-container.neumorphism .input-group:not(.bootstrap-touchspin){
display: block;
}
#nex-forms .inner-canvas-container.neumorphism .form_field.has_prefix_icon .form-control{
border-radius: 5px;
border-right: none !important;
}
#nex-forms .inner-canvas-container.neumorphism .form_field.has_postfix_icon .form-control{
border-radius: 5px;
border-left: none !important;
}
#nex-forms .inner-canvas-container.neumorphism .form_field.has_prefix_icon.has_postfix_icon .form-control{
border-left: none !important;
border-right: none !important;
}
#nex-forms .inner-canvas-container.neumorphism .has_prefix_icon input,
#nex-forms .inner-canvas-container.neumorphism .has_prefix_icon textarea,
#nex-forms .inner-canvas-container.neumorphism .has_prefix_icon select{
padding-left: 40px !important;
}
#nex-forms .inner-canvas-container.neumorphism .has_prefix_icon textarea{
padding-top: 10px !important;
}
#nex-forms .inner-canvas-container.neumorphism .prefix.active span{
opacity: 1 !important;
}
#nex-forms .inner-canvas-container.neumorphism .form_field .input-group-addon.prefix,
#nex-forms .inner-canvas-container.neumorphism button.btn.bootstrap-touchspin-down,
#nex-forms .inner-canvas-container.neumorphism button.btn.bootstrap-touchspin-up{
border: none;
border-right: none !important;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background: none !important;
}
#nex-forms .inner-canvas-container.neumorphism .form_field .input-group-addon.postfix{
border: none;
border-left: none !important;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#nex-forms .inner-canvas-container.neumorphism .input-group-addon.prefix{
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
position: absolute;
bottom: -35px;
left: 0px;
width: 0;
box-shadow: none !important;
border: none !important;
background: transparent !important;
}
#nex-forms .inner-canvas-container.neumorphism .input-group-addon.postfix{
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
position: absolute;
bottom: -35px;
right: 16px;
width: 0;
box-shadow: none !important;
left: unset;
border: none !important;
background: transparent !important;
}
#nex-forms .inner-canvas-container.neumorphism .slider.ui-slider{
margin-bottom: 9px;
margin-top: 9px;
box-shadow: inset 5px 6px 4px rgb(255 255 255 / 6%), inset 1px 4px 4px rgb(0 0 0 / 9%), inset -4px -1px 4px rgb(0 0 0 / 6%) !important;
border: none;
padding: 6px;
background: none;
}
#nex-forms .inner-canvas-container.neumorphism .ui-slider .ui-slider-handle{
border: none !important;
box-shadow: 7px 7px 15px rgba(55, 84, 170, .15), 0px 0px 15px rgba(55, 84, 170, .3) !important;
border-radius: 20px !important;
min-width: 29px !important;
text-align: center !important;
top: -8px !important;
background: transparent;
}
#nex-forms .inner-canvas-container.neumorphism .ui-slider .ui-slider-handle.ui-state-active{
box-shadow: 7px 7px 15px rgba(55, 84, 170, .15),
-7px -7px 20px rgba(255, 255, 255, 0.1),
inset 0px 0px 4px rgba(255, 255, 255, 0),
inset 7px 7px 15px rgba(55, 84, 170, .15),
inset -7px -7px 20px rgba(255, 255, 255, 1),
0px 0px 4px rgba(255, 255, 255, .2) !important;
}
#nex-forms .inner-canvas-container.neumorphism .prettyradio a,
#nex-forms .inner-canvas-container.neumorphism .prettycheckbox a{
background: none !important;
border: none !important;
height: 30px !important;
width: 30px !important;
color: #fff;
box-shadow: 6px 6px 12px 0 rgb(0 0 0 / 20%), -6px -6px 12px 0 rgb(255 255 255 / 50%);
transition: all 0s ease 0s !important;
cursor: pointer !important;
}
#nex-forms .inner-canvas-container.neumorphism .checkbox-inline,
#nex-forms .inner-canvas-container.neumorphism .radio-inline{
margin-bottom: 5px;
}
#nex-forms .inner-canvas-container.neumorphism .prettyradio>a.checked,
#nex-forms .inner-canvas-container.neumorphism .prettycheckbox>a.checked,
#nex-forms .inner-canvas-container.neumorphism label.radio-inline:hover a.checked,
#nex-forms .inner-canvas-container.neumorphism .prettyradio>a.checked:hover,
#nex-forms .inner-canvas-container.neumorphism .prettycheckbox>a.checked:hover,
#nex-forms .inner-canvas-container.neumorphism label.radio-inline:hover a.checked:hover{
box-shadow: inset 6px 6px 10px 0 rgba(0, 0, 0, 0.2), inset -6px -6px 10px 0 rgba(255, 255, 255, 0.5) !important;
border: none !important;
background-color: #fff !important;
transition: all 0s ease 0s !important;
cursor: pointer !important;
}
#nex-forms .inner-canvas-container.neumorphism .input-label:not(.image-choices-choice-text){
color: #999;
display: block;
margin-top: -13px;
padding-left: 40px !important;
cursor: pointer !important;
}
#nex-forms .inner-canvas-container.neumorphism .check-icon {
height: 30px !important;
width: 30px;
color: #999 !important;
cursor: pointer !important;
font-size: 14px;
}
#nex-forms .inner-canvas-container.neumorphism .radio-group .check-icon.fa-circle{
font-size: 12px;
}
#nex-forms .inner-canvas-container.neumorphism button.btn{
border: 1px solid rgba(0,0,0,0.03);
border-radius: 7px;
color: #6D7587;
background-color: transparent;
box-shadow: 6px 6px 12px rgba(0,0,0,0.2),
-6px -6px 12px rgba(255,255,255,0.9);
transition: box-shadow .25s ease !important;
}
#nex-forms .inner-canvas-container.neumorphism button.btn:active{
box-shadow: inset 4px 4px 12px rgba(0,0,0,0.3),
inset -4px -4px 12px rgba(255,255,255,0.3);
transition: box-shadow .25s ease !important;
}
#nex-forms .inner-canvas-container.jquery_ui div.radio-group label.radio-inline,
#nex-forms .inner-canvas-container.jquery_ui div.radio-group label.checkbox-inline,
#nex-forms .inner-canvas-container.jquery_ui div.checkbox-group label{
line-height: 18px;
padding-bottom: 10px;
padding-left: 18px;
padding-right: 5px;
position: relative;
cursor: default !important;
border: 1px solid #ddd;
border-radius: 3px;
padding: 6px 12px 8px 19px;
margin-top: -3px;
}
#nex-forms .inner-canvas-container.jquery_ui div.radio-group label a,
#nex-forms .inner-canvas-container.jquery_ui div.checkbox-group label a{
position: absolute;
top: 7px;
left: 6px;
text-decoration: none;
background: #fff !important;
box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2) !important;
}
#nex-forms .inner-canvas-container.jquery_ui .prettyradio a,
#nex-forms .inner-canvas-container.jquery_ui .prettycheckbox a{
height: 17px !important;
line-height: 17px;
width: 17px !important;
font-size: 12px;
}
#nex-forms .inner-canvas-container.jquery_ui .check-icon.fa {
height: 17px !important;
left: 6px !important;
top: 11px !important;
width: 17px !important;
color: #333 !important;
}
#nex-forms .inner-canvas-container.jquery_ui .prettyradio>a.checked,
#nex-forms .inner-canvas-container.jquery_ui .prettycheckbox>a.checked,
#nex-forms .inner-canvas-container.jquery_ui label.radio-inline:hover a.checked,
#nex-forms .inner-canvas-container.jquery_ui .prettyradio>a.checked:hover,
#nex-forms .inner-canvas-container.jquery_ui .prettycheckbox>a.checked:hover,
#nex-forms .inner-canvas-container.jquery_ui label.radio-inline:hover a.checked:hover{
box-shadow: inset 2px 2px 5px rgba(0,0,0,0.1) !important;
}
#nex-forms .nex_forms_modal.modal.v_center{
}
#nex-forms .nex_forms_modal.modal.h_center{
margin-left: auto !important;
margin-right: auto !important;
}
#nex-forms .modal.nex_forms_modal.v_bottom{
top: unset !important;
bottom: 0px !important;
}
#nex-forms .modal.nex_forms_modal.v_top{
top: 0px !important;
bottom: unset;
}
.nex_forms_modal.h_left{
right: unset !important;
left: 0px !important;
}
.nex_forms_modal.h_right{
left: unset !important;
right: 0px !important;
}
.nex_forms_modal .set_form_theme,
.nex_forms_modal #nex-forms,
.nex_forms_modal .modal-content,
.nex_forms_modal .inner-canvas-container,
.nex_forms_modal .v7_container{
overflow: auto;
height: 100%;
}
.nex_forms_modal #nex-forms .inner-canvas-container .v7_container{
border-style: solid;
border-width: 0;
border-color: rgba(255,255,255,0);
overflow-x: hidden;
}
#nex-forms .nex_forms_modal.modal{
border-style: solid;
border-width: 0;
}
.out_of_focus{
display: none !important;
}
.form_type_chat .paragraph div#field_container,
.form_type_chat .headings div#field_container{
display: inline !important;
width: auto !important;
float: left;
}
#nex-forms div.inner-canvas-container .v7_container.form_type_chat{
padding-bottom: 200px !important;
}
#nex-forms div.inner-canvas-container .form_type_chat .form_field.chat_question{
position: absolute;
bottom: -190px;
}
.chat_answered #field_container{
display: none;
}
.user_answer{
background: #4c4e4f;
display: inline;
float: right;
padding: 15px 35px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
margin-bottom: 15px;
color: #fff;
}
#nex-forms .inner-canvas-container .prefix,
#nex-forms .inner-canvas-container .postfix{
opacity: 1 !important;
}
.noUi-target,
.noUi-target *{
-moz-user-select: none;
box-sizing: border-box;
}
.noUi-target{
direction: ltr;
position: relative;
background: #cdcdcd none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
}
.noUi-base{
height: 100%;
position: relative;
width: 100%;
z-index: 1;
}
.noUi-connect{
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background: #26a69a none repeat scroll 0 0;
transition: background 450ms ease 0s;
}
.noUi-origin{
height: 0;
position: absolute;
width: 0;
}
.noUi-handle{
position: relative;
z-index: 1;
background: #fff none repeat scroll 0 0;
border: 1px solid #d9d9d9;
border-radius: 3px;
box-shadow: 0 0 1px #fff inset, 0 1px 7px #ebebeb inset, 0 3px 6px -3px #bbb;
cursor: default;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin{
transition: top 0.25s ease 0s, right 0.25s ease 0s, bottom 0.25s ease 0s, left 0.25s ease 0s;
}
.noUi-state-drag *{
cursor: inherit !important;
}
.noUi-handle-touch-area{
height: 44px;
left: -15px;
position: relative;
top: -15px;
width: 44px;
}
.noUi-base,
.noUi-handle{
transform: translate3d(0px, 0px, 0px);
}
.noUi-horizontal{
height: 3px;
}
.noUi-horizontal .noUi-handle{
height: 28px;
left: -17px;
top: -6px;
width: 34px;
}
.noUi-vertical{
width: 3px;
height: 100%;
}
.noUi-vertical .noUi-handle{
height: 34px;
left: -6px;
top: -17px;
width: 28px;
}
.noUi-draggable{
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable{
cursor: ns-resize;
}
.noUi-handle.ui-state-focus,
.noUi-handle.ui-state-active,
.noUi-handle.ui-state-hover{
box-shadow: 0 0 1px #fff inset, 0 1px 7px #ddd inset, 0 3px 6px -3px #bbb;
}
.noUi-handle::before,
.noUi-handle::after{
background: #e8e7e6 none repeat scroll 0 0;
content: "";
display: block;
height: 14px;
left: 14px;
position: absolute;
top: 6px;
width: 1px;
}
.noUi-handle::after{
left: 17px;
content: none;
}
.noUi-vertical .noUi-handle::before,
.noUi-vertical .noUi-handle::after{
height: 1px;
left: 6px;
top: 14px;
width: 14px;
}
.noUi-vertical .noUi-handle::after{
top: 17px;
}
[disabled] .noUi-connect{
background: #b8b8b8 none repeat scroll 0 0;
}
.noUi-target[disabled],
.noUi-handle[disabled],
[disabled] .noUi-handle{
cursor: not-allowed;
}
.noUi-pips,
.noUi-pips *{
box-sizing: border-box;
}
.noUi-pips{
color: #999;
position: absolute;
}
.noUi-value{
position: absolute;
text-align: center;
}
.noUi-value-sub{
color: #ccc;
font-size: 10px;
}
.noUi-marker{
background: #ccc none repeat scroll 0 0;
position: absolute;
}
.noUi-marker-sub{
background: #aaa none repeat scroll 0 0;
}
.noUi-marker-large{
background: #aaa none repeat scroll 0 0;
}
.noUi-pips-horizontal{
height: 80px;
left: 0;
padding: 10px 0;
top: 100%;
width: 100%;
}
.noUi-value-horizontal{
transform: translate3d(-50%, 50%, 0px);
}
.noUi-marker-horizontal.noUi-marker{
height: 5px;
margin-left: -1px;
width: 2px;
}
.noUi-marker-horizontal.noUi-marker-sub{
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large{
height: 15px;
}
.noUi-pips-vertical{
height: 100%;
left: 100%;
padding: 0 10px;
top: 0;
}
.noUi-value-vertical{
padding-left: 25px;
transform: translate3d(0px, 50%, 0px);
}
.noUi-marker-vertical.noUi-marker{
height: 2px;
margin-top: -1px;
width: 5px;
}
.noUi-marker-vertical.noUi-marker-sub{
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large{
width: 15px;
}
.noUi-tooltip{
background: #fff none repeat scroll 0 0;
border: 1px solid transparent;
border-radius: 3px;
color: #000;
display: block;
padding: 5px;
position: absolute;
text-align: center;
}
.noUi-horizontal .noUi-tooltip{
bottom: 120%;
left: 50%;
transform: translate(-50%, 0px);
}
.noUi-vertical .noUi-tooltip{
right: 120%;
top: 50%;
transform: translate(0px, -50%);
}
.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle{
background-color: transparent;
border: medium none;
border-radius: 50%;
box-shadow: none;
height: 15px;
left: -5px;
top: -6px;
width: 15px;
}
.noUi-handle::before{
content: none;
}
.noUi-target .noUi-handle.ui-state-focus,
.noUi-target .noUi-handle.ui-state-active,
.noUi-target .noUi-handle.ui-state-hover{
height: 3px;
left: 0;
top: 0;
width: 3px;
}
.noUi-target.noUi-horizontal .noUi-tooltip{
border-radius: 50%;
height: 33px;
left: -3px;
position: absolute;
top: -9px;
transform: scale(0.5) rotate(-45deg);
transform-origin: 50% 100% 0;
transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
width: 33px;
}
.noUi-target.noUi-horizontal .noUi-handle.ui-state-focus .noUi-tooltip,
.noUi-target.noUi-horizontal .noUi-handle.ui-state-active .noUi-tooltip,
.noUi-target.noUi-horizontal .noUi-handle.ui-state-hover .noUi-tooltip{
border-radius: 22px 25px 22px 0;
transform: rotate(-45deg) translate(29px, -32px);
height: 40px;
width: 40px;
text-align: center !important;
top: -90px !important;
}
.noUi-tooltip span{
color: #fff;
font-size: 12px;
left: -1px;
opacity: 0;
position: absolute;
text-align: center;
top: 11px;
transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
width: 100%;
display: block;
margin: 0 auto;
font-weight: bold;
}
.noUi-horizontal .noUi-tooltip span{
transform: rotate(45deg);
}
.noUi-vertical .noUi-tooltip span{
transform: rotate(135deg);
color: #fff;
font-size: 12px;
left: -1px;
opacity: 0;
position: absolute;
text-align: center;
top: 7px;
transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
width: 100%;
}
.noUi-target.noUi-vertical .noUi-tooltip{
background-color: #26a69a;
border-radius: 50%;
height: 30px;
left: -2px;
position: absolute;
top: -17px;
transform: scale(0.5) rotate(-45deg);
transform-origin: 50% 100% 0;
transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
width: 30px;
}
.noUi-target.noUi-vertical .noUi-active .noUi-tooltip{
border-radius: 15px 15px 15px 0;
transform: rotate(-135deg) translate(35px, -10px);
}
.noUi-horizontal .noUi-handle.ui-state-focus .noUi-tooltip span,
.noUi-horizontal .noUi-handle.ui-state-active .noUi-tooltip span,
.noUi-horizontal .noUi-handle.ui-state-hover .noUi-tooltip span{
opacity: 1;
}
.noUi-target.noUi-horizontal .noUi-handle.ui-state-hover .noUi-tooltip,
.noUi-target.noUi-horizontal .noUi-handle.ui-state-active .noUi-tooltip,
.noUi-target.noUi-horizontal .noUi-handle.ui-state-focus .noUi-tooltip{
left: 2px !important;
top: 0px !important;
}
.extended-fields.date{
z-index: 1000 !important;
}
#nex-forms .is_typing #datetimepicker input,
#nex-forms .is_typing #datetimepicker .input-group-addon{
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
#nex-forms  #datetimepicker.no-icon{
position: relative;
}
#nex-forms .inner-canvas-container .time .bootstrap-datetimepicker-widget.dropdown-menu{
max-width: 100% !important;
min-width: 100% !important;
text-align: center !important;
display: flex;
justify-content: center;
}
#nex-forms .inner-canvas-container .bootstrap-datetimepicker-widget.dropdown-menu{
left: 1px !important;
border-radius: 0 0px 3px 3px !important;
border-color: #ddd !important;
box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.15) !important;
margin-top: -1px;
background: #fff;
}
#nex-forms .inner-canvas-container .bootstrap-datetimepicker-widget.dropdown-menu.top{
left: 1px !important;
border-radius: 3px 3px 0px 0px !important;
border-color: #ddd !important;
box-shadow: 2px -2px 18px 0px rgba(0,0,0,0.15) !important;
margin-top: unset;
margin-bottom: -3px;
background: #fff;
}
#nex-forms .time.display_inline_cal .input_container.align_right div{
float: right;
}
#nex-forms .time.display_inline_cal .input_container.align_center{
display: flex;
justify-content: center;
}
#nex-forms .time.display_inline_cal .bootstrap-datetimepicker-widget{
box-shadow: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
}
#nex-forms .time .bootstrap-datetimepicker-widget .timepicker-hours table,
#nex-forms .time .bootstrap-datetimepicker-widget .timepicker-minutes table{
width: 100% !important;
}
#nex-forms .time .bootstrap-datetimepicker-widget .timepicker-hours table td:hover,
#nex-forms .time .bootstrap-datetimepicker-widget .timepicker-minutes table td:hover{
background: #42c4f6 !important;
color: #fff;
}
#nex-forms .time .bootstrap-datetimepicker-widget .timepicker-hours table td,
#nex-forms .time .bootstrap-datetimepicker-widget .timepicker-minutes table td{
background: #f5f5f5 none repeat scroll 0 0 !important;
height: auto !important;
margin: 0 !important;
padding: 11px !important;
width: auto !important;
border: 3px solid #fff;
}
#nex-forms .timepicker-hours,
#nex-forms .timepicker-minutes{
padding: 15px 0px;
}
#nex-forms .timepicker-picker a.btn span:hover{
opacity: 0.8;
}
#nex-forms .inner-canvas-container .display_inline_cal .input-group-addon,
#nex-forms .inner-canvas-container .display_inline_cal input{
display: none !important;
}
#nex-forms .bootstrap-datetimepicker-widget td,
#nex-forms .bootstrap-datetimepicker-widget th{
padding: 7px;
display: table-cell;
text-align: left;
vertical-align: middle;
position: relative;
}
#nex-forms .bootstrap-datetimepicker-widget ul{
padding: 0;
}
#nex-forms .bootstrap-datetimepicker-widget li{
list-style: none !important;
}
#nex-forms .bootstrap-datetimepicker-widget td{
border-radius: 0 !important;
}
#nex-forms .display_inline_cal .bootstrap-datetimepicker-widget{
list-style: none !important;
width: 100%;
box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.15);
overflow: hidden;
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after{
content: '' !important;
display: inline-block !important;
position: absolute !important;
}
.bootstrap-datetimepicker-widget .list-unstyled{
margin: 0 !important;
}
.bootstrap-datetimepicker-widget a[data-action]{
padding: 0 0 !important;
}
.bootstrap-datetimepicker-widget a[data-action]:active{
box-shadow: none !important;
}
.timepicker-hour.animating{
color: rgba(0,0,0,0) !important;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second{
font-size: 33px !important;
margin: 0px 10px !important; padding: 12px !important;
display: flex !important;
align-items: center;
justify-content: center; }
#nex-forms .date .bootstrap-datetimepicker-widget.ui-widget-content{
background: #fff;
}
.bootstrap-datetimepicker-widget td.separator{
font-size: 30px;
}
.bootstrap-datetimepicker-widget button[data-action]{
padding: 6px !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
content: "Increment Hours" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
content: "Increment Minutes" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
content: "Decrement Hours" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
content: "Decrement Minutes" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
content: "Show Hours" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
content: "Show Minutes" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
content: "Toggle AM/PM" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
content: "Clear the picker" !important;
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
content: "Set the date to today" !important;
}
.bootstrap-datetimepicker-widget .picker-switch{
text-align: center !important;
}
.bootstrap-datetimepicker-widget .picker-switch::after{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
content: "Toggle Date and Time Screens" !important;
}
.bootstrap-datetimepicker-widget .picker-switch td{
padding: 0 !important;
margin: 0 !important;
height: auto !important;
width: auto !important;
line-height: inherit !important;
}
.bootstrap-datetimepicker-widget .picker-switch td span{
line-height: 2.5 !important;
height: 2.5em !important;
width: 100% !important;
}
.bootstrap-datetimepicker-widget table{
width: 100% !important;
margin: 0 !important;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th{
text-align: center !important;
border-radius: 4px !important;
}
.bootstrap-datetimepicker-widget table th{
height: 20px !important;
line-height: 20px !important;
}
.bootstrap-datetimepicker-widget table th.picker-switch{
width: 145px !important;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover{
background: none !important;
color: #ddd !important;
cursor: not-allowed !important;
}
.bootstrap-datetimepicker-widget table th.prev::after{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
content: "Previous Month" !important;
}
.bootstrap-datetimepicker-widget table th.next::after{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
content: "Next Month" !important;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th{
cursor: pointer !important;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{
}
.bootstrap-datetimepicker-widget table td{
height: 54px !important;
line-height: 54px !important;
transition: all 500ms ease 0s;
}
.bootstrap-datetimepicker-widget table td.cw{
font-size: .8em !important;
height: 20px !important;
line-height: 20px !important;
color: #777777 !important;
}
.bootstrap-datetimepicker-widget table td.day{
height: 20px !important;
line-height: 20px !important;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover{
cursor: pointer !important;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new{
color: #aaa !important;
}
.bootstrap-datetimepicker-widget table td.today{
position: relative !important;
color: #8bc34a;
font-weight: bold;
}
#nex-forms .bootstrap-datetimepicker-widget .ui-state-active,
#nex-forms .bootstrap-datetimepicker-widget .ui-widget-content .ui-state-active,
#nex-forms .bootstrap-datetimepicker-widget .ui-widget-header .ui-state-active{
border: none !important;
}
.bootstrap-datetimepicker-widget table td.day:hover  .selection-placer .the-selection{
background-color: rgba(0,0,0,0.05);
transition: all 200ms ease 0s;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover{
color: #ffffff;
}
.day .selection-placer{
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.day .selection-placer .the-selection{
width: 30px;
height: 30px;
border-radius: 50%;
}
.day.active .selection-placer .the-selection,
.bootstrap-datetimepicker-widget table td.day.active:hover .selection-placer .the-selection{
background: #42c4f6;
}
#nex-forms .bootstrap-datetimepicker-widget .the-day{
position: relative;
z-index: 10;
}
.bootstrap-datetimepicker-widget table td.active.today:before{
border-bottom-color: #fff !important;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover{
background: none !important;
color: #ddd !important;
cursor: not-allowed !important;
}
.date .bootstrap-datetimepicker-widget table td span{
display: inline-block !important;
width: 54px !important;
height: 54px !important;
line-height: 54px !important;
margin: 2px 1.5px !important;
cursor: pointer !important;
border-radius: 3px !important;
}
.bootstrap-datetimepicker-widget table td span{
width: 54px !important;
}
.bootstrap-datetimepicker-widget table td span.decade{
width: 100% !important;
}
.bootstrap-datetimepicker-widget table td span:hover{
background: #f5f5f5 !important;
}
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td span.active:hover{
background-color: #3dc5ff !important;
color: #ffffff !important;
}
.bootstrap-datetimepicker-widget table td span.old{
color: #aaa !important;
}
#nex-forms .bootstrap-datetimepicker-widget td span.is-current{
color: #8bc34a;
font-weight: bold;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover{
background: none !important;
color: #ddd !important;
cursor: not-allowed !important;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour{
height: 27px !important;
line-height: 27px !important;
}
.input-group.date .input-group-addon{
cursor: pointer !important;
}
.sr-only{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
}
#nex-forms .bootstrap-datetimepicker-widget.dropdown-menu table th{
margin: 0 !important;
border-radius: 0 !important;
}
#nex-forms .bootstrap-datetimepicker-widget.dropdown-menu td{
border-radius: 0 !important;
}
#nex-forms .bootstrap-datetimepicker-widget.dropdown-menu ul{
padding: 0 !important;
}
#nex-forms .bootstrap-tagsinput{
background-color: #fff;
border: 1px solid #ddd !important;
border-radius: 3px;
box-shadow: none;
color: #666;
display: inline-block;
line-height: 32px;
max-width: 100%;
padding: 5px 10px;
vertical-align: middle;
height: auto;
min-height: 43px;
cursor: text;
}
span#tag-icon{
display: none;
}
#nex-forms .bootstrap-tagsinput input{
border: none !important;
box-shadow: none !important;
outline: none !important;
background-color: transparent !important;
padding: 0 !important;
margin: 0 !important;
width: auto !important;
max-width: inherit !important;
}
#nex-forms .bootstrap-tagsinput input:focus{
border: none;
box-shadow: none;
}
#nex-forms .bootstrap-tagsinput .tag{
margin-right: 2px;
color: #ffffff;
font-size: 12px;
padding: 6px 10px;
font-weight: normal;
}
.do_nf_popup,
#nex-forms .do_nf_sticky{
display: none !important;
}
#nex-forms .bootstrap-tagsinput .tag [data-role="remove"]{
margin-left: 8px;
cursor: pointer;
}
#nex-forms .bootstrap-tagsinput .tag [data-role="remove"]:after{
content: "x";
padding: 0px 4px;
position: relative;
right: -9px;
}
#nex-forms .bootstrap-tagsinput .tag [data-role="remove"]:hover{
transform: scale(1.02);
}
#nex-forms .bootstrap-tagsinput .tag [data-role="remove"]:hover:active{
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.bootstrap-select.btn-group,
.bootstrap-select.btn-group[class*="span"]{
float: none;
display: inline-block;
margin-left: 0;
}
.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group{
margin-bottom: 0;
}
.bootstrap-select.form-control{
margin-bottom: 0;
padding: 0;
border: none;
}
.bootstrap-select.btn-group.pull-right,
.bootstrap-select.btn-group[class*="span"].pull-right,
.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right{
float: right;
}
.input-append .bootstrap-select.btn-group{
margin-left: -1px;
}
.input-prepend .bootstrap-select.btn-group{
margin-right: -1px;
}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]){
width: 220px;
}
.bootstrap-select{
width: 220px\0;
}
.bootstrap-select.form-control:not([class*="span"]){
width: 100%;
}
.bootstrap-select > .btn{
width: 100%;
position: relative;
}
.error .bootstrap-select .btn{
border: 1px solid #b94a48;
} .bootstrap-select.show-menu-arrow.open > .btn{
z-index: 2051;
}
.bootstrap-select .btn:focus{
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px;
}
.bootstrap-select.btn-group .btn .filter-option{
overflow: hidden;
position: absolute;
left: 12px;
right: 25px;
}
.bootstrap-select.btn-group .btn .caret{
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
vertical-align: middle;
}
.bootstrap-select.btn-group > .disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled > a{
cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus{
outline: none !important;
}
.bootstrap-select.btn-group[class*="span"] .btn{
width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu{
min-width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner{
position: static;
border: 0;
padding: 0;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu dt{
display: block;
padding: 3px 20px;
cursor: default;
}
.bootstrap-select.btn-group .div-contain{
overflow: hidden;
}
.bootstrap-select.btn-group .dropdown-menu li{
position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li > a.opt{
position: relative;
padding-left: 35px;
}
.bootstrap-select.btn-group .dropdown-menu li > a{
cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li > dt small{
font-weight: normal;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark{
display: inline-block;
position: absolute;
right: 15px;
margin-top: 2.5px;
}
.bootstrap-select.btn-group .dropdown-menu li a i.check-mark{
display: none;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{
margin-right: 34px;
}
.bootstrap-select.btn-group .dropdown-menu li small{
padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small{
color: rgba(255,255,255,0.4);
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before{
content: '';
display: none;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #CCC;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: -4px;
left: 9px;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after{
content: '';
display: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
bottom: -4px;
left: 10px;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{
bottom: auto;
top: -3px;
border-top: 7px solid #ccc;
border-bottom: 0;
border-top-color: rgba(0, 0, 0, 0.2);
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{
bottom: auto;
top: -3px;
border-top: 6px solid #ffffff;
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{
right: 12px;
left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{
right: 13px;
left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after{
display: block;
}
.bootstrap-select.btn-group .no-results{
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
}
.mobile-device{
position: absolute;
top: 0;
left: 0;
display: block !important;
width: 100%;
height: 100% !important;
opacity: 0;
}
.bootstrap-select.fit-width{
width: auto !important;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option{
position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret{
position: static;
top: auto;
margin-top: -1px;
}
.control-group.error .bootstrap-select .dropdown-toggle{
border-color: #b94a48;
}
.bootstrap-select-searchbox{
padding: 4px 8px;
}
.bootstrap-select-searchbox input{
margin-bottom: 0;
}
.bootstrap-colorpalette{
padding-left: 4px;
padding-right: 4px;
white-space: normal;
line-height: 1;
}
.bootstrap-colorpalette div{
line-height: 0;
}
.bootstrap-colorpalette .btn-color{
width: 17px;
height: 17px;
border: 1px solid #fff;
margin: 0;
padding: 0;
}
.bootstrap-colorpalette .btn-color:hover{
border: 1px solid #000;
}
.btn-file{
overflow: hidden;
position: relative;
vertical-align: middle;
}
.btn-file > input{
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
font-size: 23px;
direction: ltr;
cursor: pointer;
}
.fileinput{
display: inline-block;
width: 100%;
}
.fileinput .uneditable-input{
display: inline-block;
margin-bottom: 0px;
vertical-align: middle;
cursor: text;
width: 100% !important;
white-space: normal;
}
.fileinput .thumbnail{
overflow: hidden;
margin-bottom: 5px;
vertical-align: middle;
text-align: center;
}
.fileinput .thumbnail > img{
max-height: 100%;
}
.fileinput .btn{
vertical-align: middle;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists{
display: none;
}
.fileinput-inline .fileinput-controls{
display: inline;
}
.fileinput-new .input-group .btn-file{
border-radius: 0 2px 2px 0;
}
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-sm{
border-radius: 0 2px 2px 0;
}
.fileinput-new .input-group .btn-file.btn-lg{
border-radius: 0 2px 2px 0;
}
#nex-forms .fileinput .the_input_element span.fileinput-filename {
position: relative;
top: -42px;
color: #777 !important;
height: 31px;
font-size: 12px;
overflow: hidden !important;
display: block;
left: 31px;
max-width: 150px !important;
text-overflow: ellipsis;
}
.fileinput .form-control{
border: 1px solid #ddd;
height: 42px;
line-height: 41px;
padding-left: 10px;
border-radius: 3px;
}
ul.file_list{
border: 1px solid #ddd;
border-radius: 0 0 3px 3px;
margin: -9px 0 0;
overflow: hidden;
padding: 0;
width: calc(100% - 2px);
position: relative;
z-index: 1000;
}
ul.file_list li:nth-child(even){
background: #f9f9f9;
}
ul.file_list li:nth-child(odd){
background: #f2f2f2;
}
ul.file_list li{
list-style: none;
margin: 0;
background: #fff;
padding: 5px 12px;
color: #777;
}
ul.file_list li i{
font-size: 13px;
color: #999;
margin-right: 10px;
}
.form-group.has-warning .fileinput .uneditable-input{
color: #c09853;
border-color: #faebcc;
}
.form-group.has-warning .fileinput .fileinput-preview{
color: #c09853;
}
.form-group.has-warning .fileinput .thumbnail{
border-color: #faebcc;
}
.form-group.has-error .fileinput .uneditable-input{
color: #b94a48;
border-color: #ebccd1;
}
.form-group.has-error .fileinput .fileinput-preview{
color: #b94a48;
}
.form-group.has-error .fileinput .thumbnail{
border-color: #ebccd1;
}
.form-group.has-success .fileinput .uneditable-input{
color: #468847;
border-color: #d6e9c6;
}
.form-group.has-success .fileinput .fileinput-preview{
color: #468847;
}
.form-group.has-success .fileinput .thumbnail{
border-color: #d6e9c6;
}
.input-group-addon:not(:first-child){
border-left: 0;
}
#nex-forms .clearfix:before,
.clearfix:after{
content: "";
display: table;
}
#nex-forms .clearfix:after{
clear: both;
}
#nex-forms .prettycheckbox,
.prettyradio{
display: inline-block;
padding: 0;
margin: 0;
}
#nex-forms .prettycheckbox>a,
.prettyradio>a{
height: 30px;
width: 30px;
display: block;
float: left;
cursor: pointer;
margin: 0;
}
#nex-forms .prettycheckbox>a:focus,
.prettyradio>a:focus{
outline: 0 none;
}
#nex-forms .prettycheckbox>a{ }
#nex-forms .prettycheckbox>a:focus{
border-color: #66afe9 !important;
outline: 0 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
#nex-forms .prettycheckbox>a.checked:focus{
border-color: #66afe9 !important;
outline: 0 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
#nex-forms .prettycheckbox>a.checked.disabled{
}
#nex-forms .prettycheckbox>a.disabled{
}
#nex-forms .prettyradio>a:focus{
border-color: #66afe9 !important;
outline: 0 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
#nex-forms div.radio-group label a,
#nex-forms div.checkbox-group label a{
position: absolute;
top: 0;
left: 0;
text-decoration: none;
color: transparent;
}
#nex-forms .radio-sm .prettyradio a, #nex-forms .radio-sm .prettycheckbox a {
width: 17px !important;
height: 17px !important;
margin-top: 1px;
}
#nex-forms .radio-group .radio-sm .check-icon.fa.fa-circle {
font-size: 7px;
height: 21px;
width: 17px;
top: 6px;
}
#nex-forms .radio-sm .check-icon.fa {
font-size: 69%;
height: 21px;
left: 0px;
top: 6px;
width: 17px;
display: block;
}
#nex-forms .radio-sm .input-label:not(.image-choices-choice-text) {
margin-left: -24px;
margin-top: -17px;
}
#nex-forms div.radio-group .radio-sm label.radio-inline, 
#nex-forms div.radio-group .radio-sm label.checkbox-inline, 
#nex-forms div.checkbox-group .radio-sm label{
padding-bottom:5px;
}
#nex-forms .radio-lg .prettyradio a, #nex-forms .radio-lg .prettycheckbox a {
width: 24px !important;
height: 24px !important;
margin-top: 2px;
}
#nex-forms .radio-group .radio-lg .check-icon.fa.fa-circle {
font-size: 11px;
height: 26px;
width: 24px;
top: 8px;
}
#nex-forms .radio-lg .check-icon.fa {
font-size: 16px;
height: 27px;
left: 0px;
top: 6px;
width: 24px;
display: block;
}
#nex-forms .radio-lg .input-label:not(.image-choices-choice-text) {
margin-top: -13px;
margin-left: -15px;
}   div#the-radios.align_right {
}
#nex-forms div.radio-group  .align_right label a, 
#nex-forms div.checkbox-group  .align_right label a {
position: absolute;
top: 0;
left: unset;
text-decoration: none;
color: transparent;
right: 0;
}
#nex-forms .align_right .check-icon.fa {
left:unset;
right: 0;
}
#nex-forms .align_right .input-label:not(.image-choices-choice-text) {
padding-right: 30px;
cursor: pointer !important;
margin-right: -5px;
}
#nex-forms .ss-label {
display: none;
}
#nex-forms div.radio-group label.radio-inline,
#nex-forms div.radio-group label.checkbox-inline,
#nex-forms div.checkbox-group label{
line-height: 18px;
padding-bottom: 10px;
padding-left: 18px;
padding-right: 5px;
position: relative;
cursor: default !important;
margin-top: 3px;
}
#nex-forms label.radio-inline:hover a{
background: #f5f5f5;
}
#nex-forms .input-label:not(.image-choices-choice-text){
color: #999;
display: block;
margin-top: -16px;
padding-left: 30px;
cursor: pointer !important;
margin-left: -19px;
position: relative;
}
#nex-forms .inner-canvas-container:not(.neumorphism) label.radio-inline:hover a,
#nex-forms .inner-canvas-container:not(.neumorphism) .prettycheckbox a:hover{ }
#nex-forms .prettyradio a,
#nex-forms .prettycheckbox a{
background: rgba(255,255,255,0.2) none repeat scroll 0 0;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 15px;
cursor: pointer !important;
display: block;
height: 21px !important;
line-height: 20px;
text-align: center;
transform: scale(1); width: 21px !important;
color: #fff;
font-size: 12px;
}
#nex-forms .prettyradio>a.checked,
#nex-forms .prettycheckbox>a.checked,
#nex-forms label.radio-inline:hover a.checked,
#nex-forms .prettyradio>a.checked:hover,
#nex-forms .prettycheckbox>a.checked:hover,
#nex-forms label.radio-inline:hover a.checked:hover{
background: #8bc34a none repeat scroll 0 0;
border: medium none;
box-shadow: 1px 1px 4px rgba(0,0,0,0.1) inset !important;
color: transparent;
font-size: 12px;
padding-top: 0;
text-decoration: none !important;
}
#nex-forms .m_design .prettyradio>a.checked,
#nex-forms .m_design .prettycheckbox>a.checked,
#nex-forms .m_design label.radio-inline:hover a.checked,
#nex-forms .m_design .prettyradio>a.checked:hover,
#nex-forms .m_design .prettycheckbox>a.checked:hover,
#nex-forms .m_design label.radio-inline:hover a.checked:hover{
box-shadow: none !important;
}
#nex-forms .prettyradio>a.checked:focus{
border-color: #66afe9 !important;
outline: 0 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
#nex-forms .prettyradio>a.checked.disabled{
}
#nex-forms .prettyradio>a.disabled{
}
#nex-forms .prettycheckbox a{
border-radius: 3px !important;
}
#nex-forms .square .prettycheckbox a{
border-radius: 0px !important;
}
#nex-forms .prettycheckbox a:hover,
#nex-forms .prettyradio a:hover{
}
#nex-forms .the-radios a{
}
#nex-forms .the-radios a:hover{
}
#nex-forms .the-radios label{
color: inherit;
}
#nex-forms .radio-inline,
#nex-forms .checkbox-inline{
margin-left: 0 !important;
margin-right: 10px;
}
#nex-forms .radio-inline.col-sm-6,
#nex-forms .checkbox-inline.col-sm-6{
margin-right: 0px;
}
#nex-forms .radio-inline.col-sm-4,
#nex-forms .checkbox-inline.col-sm-4{
margin-right: 0px;
}
#nex-forms .radio-inline.col-sm-3,
#nex-forms .checkbox-inline.col-sm-3{
margin-right: 0px;
}
#nex-forms .the-radios .alert-success,
#nex-forms #slider .alert-success{
background-color: #DFF0D8 !important;
border-color: #D6E9C6 !important;
color: #3C763D !important;
}
#nex-forms .the-radios a.alert-success,
#nex-forms #slider a.alert-success{
color: #3C763D !important;
}
#nex-forms .the-radios .alert-info,
#nex-forms #slider .alert-info{
background-color: #D9EDF7 !important;
border-color: #BCE8F1 !important;
color: #31708F !important;
}
#nex-forms .the-radios a.alert-info,
#nex-forms #slider  a.alert-info{
color: #31708F !important;
}
#nex-forms .the-radios .alert-warning,
#nex-forms #slider .alert-warning{
background-color: #FCF8E3 !important;
border-color: #FAEBCC !important;
color: #8A6D3B !important;
}
#nex-forms .the-radios a.alert-warning,
#nex-forms #slider a.alert-warning{
color: #8A6D3B !important;
}
#nex-forms .the-radios .alert-danger,
#nex-forms #slider .alert-danger{
background-color: #F2DEDE !important;
border-color: #EBCCD1 !important;
color: #A94442 !important;
}
#nex-forms .the-radios a.alert-danger,
#nex-forms #slider a.alert-danger{
color: #A94442 !important;
}
#nex-forms .check-icon.fa {  font-size: 88%;
height: 23px; left: 0;
position: absolute;
text-align: center;
top: 5px;
width: 21px;
}
#nex-forms .neumorphism .check-icon.fa {
align-items: center !important;
display: flex !important;
font-size: 88%;
height: 30px !important;
justify-content: center !important;
left: 0 !important;
position: absolute;
text-align: center !important;
top: 0 !important;
width: 30px;
}
#nex-forms .prettycheckbox .check-icon.fa{
}
#nex-forms .single-image-select-group .the-radios .check-icon,
#nex-forms .multi-image-select-group .the-radios .check-icon{
left: 11px !important;
z-index: 100000 !important;
top: 17px !important;
}
#nex-forms .the-radios label:last-child{
margin-right: 0;
}
.bootstrap-datetimepicker-widget .timepicker-picker td.hour:hover,
.bootstrap-datetimepicker-widget .timepicker-picker td.minute:hover,
.bootstrap-datetimepicker-widget .timepicker-picker td.second:hover{
cursor: pointer;
background: #fff !important;
}
.colorpicker-saturation{
width: 100px !important;
height: 100px !important;
background-image: url(//www.record2go.de/wp-content/plugins/nex-forms-express-wp-form-builder/public/images/saturation.png) !important;
cursor: crosshair !important;
float: left !important;
}
.colorpicker-saturation i{
display: block !important;
height: 5px !important;
width: 5px !important;
border: 1px solid #000 !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
margin: -4px 0 0 -4px !important;
}
.colorpicker-saturation i b{
display: block !important;
height: 5px !important;
width: 5px !important;
border: 1px solid #fff !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
.colorpicker-alpha,
.colorpicker-hue{
width: 15px !important;
height: 100px !important;
float: left !important;
cursor: row-resize !important;
margin-left: 4px !important;
margin-bottom: 4px !important;
}
.colorpicker-alpha i,
.colorpicker-hue i{
display: block !important;
height: 1px !important;
background: #000 !important;
border-top: 1px solid #fff !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
margin-top: -1px !important;
}
.colorpicker-hue{
background-image: url(//www.record2go.de/wp-content/plugins/nex-forms-express-wp-form-builder/public/images/hue.png) !important;
}
.colorpicker-alpha{
background-image: url(//www.record2go.de/wp-content/plugins/nex-forms-express-wp-form-builder/public/images/alpha.png) !important;
display: none !important;
}
.colorpicker-alpha,
.colorpicker-hue,
.colorpicker-saturation{
background-size: contain !important;
}
.colorpicker{
padding: 4px !important;
min-width: 130px !important;
margin-top: 1px !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
z-index: 2500 !important;
}
.colorpicker:after,
.colorpicker:before{
display: table !important;
content: "" !important;
line-height: 0 !important;
}
.colorpicker:after{
clear: both !important;
content: '' !important;
display: inline-block !important;
border-left: 6px solid transparent !important;
border-right: 6px solid transparent !important;
border-bottom: 6px solid #fff !important;
position: absolute !important;
top: -6px !important;
left: 7px !important;
}
.colorpicker:before{
content: '' !important;
display: inline-block !important;
border-left: 7px solid transparent !important;
border-right: 7px solid transparent !important;
border-bottom: 7px solid #ccc !important;
border-bottom-color: rgba(0,0,0,.2) !important;
position: absolute !important;
top: -7px !important;
left: 6px !important;
}
.colorpicker div{
position: relative !important;
}
.colorpicker.colorpicker-with-alpha{
min-width: 140px !important;
}
.colorpicker.colorpicker-with-alpha .colorpicker-alpha{
display: block !important;
}
.colorpicker-color{
height: 10px !important;
margin-top: 5px !important;
clear: both !important;
background-image: url(//www.record2go.de/wp-content/plugins/nex-forms-express-wp-form-builder/public/images/alpha.png) !important;
background-position: 0 100% !important;
}
.colorpicker-color div{
height: 10px !important;
}
.colorpicker-selectors{
display: none !important;
height: 10px !important;
margin-top: 5px !important;
clear: both !important;
}
.colorpicker-selectors i{
cursor: pointer !important;
float: left !important;
height: 10px !important;
width: 10px !important;
}
.colorpicker-selectors i+i{
margin-left: 3px !important;
}
.colorpicker-element .add-on i,
.colorpicker-element .input-group-addon i{
display: inline-block !important;
cursor: pointer !important;
height: 16px !important;
vertical-align: text-top !important;
width: 16px !important;
}
.colorpicker.colorpicker-inline{
position: relative !important;
display: inline-block !important;
float: none !important;
z-index: auto !important;
}
.colorpicker.colorpicker-horizontal{
width: 110px !important;
min-width: 110px !important;
height: auto !important;
}
.colorpicker.colorpicker-horizontal .colorpicker-saturation{
margin-bottom: 4px !important;
}
.colorpicker.colorpicker-horizontal .colorpicker-color{
width: 100px !important;
}
.colorpicker.colorpicker-horizontal .colorpicker-alpha,
.colorpicker.colorpicker-horizontal .colorpicker-hue{
width: 100px !important;
height: 15px !important;
float: left !important;
cursor: col-resize !important;
margin-left: 0 !important;
margin-bottom: 4px !important;
}
.colorpicker.colorpicker-horizontal .colorpicker-alpha i,
.colorpicker.colorpicker-horizontal .colorpicker-hue i{
display: block !important;
height: 15px !important;
background: #fff !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 1px !important;
border: none !important;
margin-top: 0 !important;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue{
background-image: url(//www.record2go.de/wp-content/plugins/nex-forms-express-wp-form-builder/public/images/hue-horizontal.png) !important;
}
.colorpicker.colorpicker-horizontal .colorpicker-alpha{
background-image: url(//www.record2go.de/wp-content/plugins/nex-forms-express-wp-form-builder/public/images/alpha-horizontal.png) !important;
}
.colorpicker.colorpicker-hidden{
display: none !important;
}
.colorpicker.colorpicker-visible{
display: block !important;
}
.colorpicker-inline.colorpicker-visible{
display: inline-block !important;
}
.colorpicker-right:before{
left: auto !important;
right: 6px !important;
}
.colorpicker-right:after{
left: auto !important;
right: 7px !important;
}
.colorpicker-no-arrow:before{
border-right: 0 !important;
border-left: 0 !important;
}
.colorpicker-no-arrow:after{
border-right: 0 !important;
border-left: 0 !important;
}
#nex-forms .inner-canvas-container input[type="radio"]:after,
#nex-forms .inner-canvas-container input[type="checkbox"]:after,
#nex-forms .inner-canvas-container input[type="radio"]:before,
#nex-forms .inner-canvas-container input[type="checkbox"]:before{
content: none !important;
}
#nex-forms .inner-canvas-container input[type="radio"],
#nex-forms .inner-canvas-container input[type="checkbox"]{
height: 0 !important;
width: 0 !important;
outline: none !important;
border: none !important;
position: absolute;
background: 0 0 !important;
color: transparent !important;
box-shadow: none !important;
opacity: 0;
}
#nex-forms .inner-canvas-container input[type="checkbox"]:after,
#nex-forms .inner-canvas-container input[type="radio"]:after,
#nex-forms .inner-canvas-container input[type="checkbox"]:before,
#nex-forms .inner-canvas-container input[type="radio"]:before{
content: none;
}
#nex-forms .image-choices-field .radio-inline{
padding-left: 0px;
border-style: solid;
border-width: 0px;
line-height: 0 !important;
}
.image-choices-field label.radio-inline{
position: relative;
transition: all 0.3s;
}
.image-choices-field label.radio-inline:hover .thumb-image-outer-wrap{
box-shadow: 20px 20px 30px rgba(0,0,0,.2);
transition: all 0.3s;
}
.inner-canvas-container .image-choices-field label.radio-inline.radio_selected .thumb-image-outer-wrap{
box-shadow: 20px 20px 50px rgba(0,0,0,.3);
transition: all 0.3s;
}
.image-choices-choice.images-inline{
float: left;
padding-left: 15px;
padding-right: 15px;
}
.image-choices-field .prettyradio{
display: none;
}
#nex-forms .the-radios .image-choices-choice.col-sm-12.display-block{
padding-left: 15px;
}
#nex-forms .align_right .image-choices-choice{
float: right;
}
#nex-forms .input_container.align_center .image-choices-inner.row,
#nex-forms .input_container.align_center .input-inner{
display: flex;
justify-content: center;
}
.inner-canvas-container .image-choices-field .thumb-icon-holder{
position: absolute;
top: 0;
left: 0;
padding: 0;
margin: 0;
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
overflow: hidden;
}
.inner-canvas-container .image-choices-field span.thumb-icon{
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
position: relative;
z-index: 200;
font-size: 18px;
box-shadow: 10px 10px 40px rgba(0,0,0,.3);
}
.inner-canvas-container .image-choices-field .checked_squared span.thumb-icon{
border-radius: 0 !important;
}
.inner-canvas-container .image-choices-field .checked_top .thumb-icon-holder{
align-items: flex-start;
}
.inner-canvas-container .image-choices-field .checked_top .thumb-icon-holder span{
margin-top: 0px;
}
.inner-canvas-container .image-choices-field .checked_bottom .thumb-icon-holder{
align-items: flex-end;
}
.inner-canvas-container .image-choices-field .checked_bottom .thumb-icon-holder span{
margin-bottom: 0px;
box-shadow: none;
}
.inner-canvas-container .image-choices-field .checked_right .thumb-icon-holder{
justify-content: flex-end;
}
.inner-canvas-container .image-choices-field .checked_right .thumb-icon-holder span{
margin-right: 0px;
}
.inner-canvas-container .image-choices-field .checked_left .thumb-icon-holder{
justify-content: flex-start;
}
.inner-canvas-container .image-choices-field .checked_left .thumb-icon-holder span{
margin-left: 0px;
}
#nex-forms .cropped .input_container.thumbs-center{
display: flex;
justify-content: center;
}
#nex-forms .cropped .input_container.thumbs-right{
display: flex;
justify-content: flex-end;
}
.inner-canvas-container .image-choices-field .image-choices-choice{
border-style: solid;
border-width: 0;
border-color: #ddd;
transition: all 0.3s;
border-radius: 3px;
margin-bottom: 30px;
}
.inner-canvas-container .image-choices-field .image-choices-choice:last-child{
margin-right: 0;
}
.inner-canvas-container .image-choices-field input[type="radio"],
.inner-canvas-container .image-choices-field input[type="checkbox"]{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#nex-forms span.image-choices-choice-text.input-label{
margin-top: auto;
border-width: 0px;
border-style: solid;
background: none;
position: relative;
z-index: 100;
}
.inner-canvas-container .image-choices-field .thumb-placeholder{
background: #f2f2f2;
min-height: 137px;
color: rgba(0,0,0,0) !important;
}
.inner-canvas-container .image-choices-field .the-thumb-image{
width: 100%;
}
.inner-canvas-container .image-choices-choice label.radio-inline{
padding: 0;
display: block;
}
.inner-canvas-container .image-choices-field .image-choices-choice label.radio-inline{
cursor: pointer;
display: inline-block;
text-align: center;
width: 100%;
}
.inner-canvas-container .image-choices-field .image-choices-choice-image-wrap{
background-size: cover;
width: 100%;
height: auto;
display: inline-block;
line-height: 0;
text-align: center;
transition: all 0.3s;
border-width: 0px;
border-style: solid;
overflow: hidden;
}
.thumb-image-outer-wrap{
position: relative;
}
.inner-canvas-container .image-choices-field .image-choices-choice-text,
.inner-canvas-container .image-choices-field .image-choices-choice-price{
font-size: 13px;
font-weight: normal;
line-height: 1.4;
padding: 15px;
transition: all 0.3s;
display: block;
}
.inner-canvas-container .image-choices-field .image-choices-choice-image-wrap:hover .change_thumb,
.inner-canvas-container .image-choices-field .thumb-icon-holder:hover .change_thumb{
opacity: 1;
}
.change_thumb:hover{
background: #333;
color: #40c4ff;
transition: all 0.3s ease 0s;
}
.change_thumb{
position: absolute;
left: 0px;
top: 0px;
background: #555;
font-size: 18px;
padding: 3px 10px;
z-index: 10000;
color: #fff;
transition: all 0.3s ease 0s;
opacity: 0;
}
.inner-canvas-container .image-choices-field img{
width: auto;
height: auto;
}
.inner-canvas-container .image-choices-field img,
.inner-canvas-container .image-choices-field img[height],
.inner-canvas-container .image-choices-field img[width]{
max-width: 100%;
}
.nf_ms_breadcrumb{
position: relative;
z-index: 100;
border-style: solid;
border-radius: 3px;
border-width: 0px;
border-color: #ddd;
}
.form_canvas .nf_ms_breadcrumb.both:eq(0){
margin-bottom: 15px;
}
.form_canvas .nf_ms_breadcrumb.both:eq(1){
margin-top: 15px;
}
.crumb_container{
width: 100%;
min-height: 35px;
display: flex;
overflow: hidden;
}
.nf_ms_breadcrumb.bc-unfolded .crumb_container{
width: calc(100% + 15px);
}
.nf_ms_breadcrumb.no-front-end{
display: none !important;
}
#nex-forms .no-front-end{
display: none !important;
}
.nf_ms_breadcrumb ul{
display: flex;
align-items: center;
margin-bottom: 15px;
padding: 0;
margin: 0 !important;
}
.nf_ms_breadcrumb ul.align_center{
justify-content: center;
}
.nf_ms_breadcrumb ul.align_right{
float: right;
}
.nf_ms_breadcrumb > ul > li{
position: relative;
float: left;
background-color: #fff;
box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.3);
z-index: 1;
transition: all 0.3s;
max-height: 57px;
min-width: 40px;
padding-left: 5px;
margin-bottom: 0;
list-style: none !important;
padding: none !important;
font-size: 13px;
cursor: default;
}
.nf-admin .nf_ms_breadcrumb > ul > li{
cursor: pointer !important;
}
.nf_ms_breadcrumb > ul > li.no-title,
.nf_ms_breadcrumb > ul > li.no-title:hover,
.nf_ms_breadcrumb > ul > li.no-title.current{
padding-right: 0 !important;
width: 36px !important;
}
.nf_ms_breadcrumb > ul > li.no-title a,
.nf_ms_breadcrumb > ul > li.no-title:hover a,
.nf_ms_breadcrumb > ul > li.no-title.current a{
diplay: none !important;
}
.nf_ms_breadcrumb li.no-title span.the_step_num,
.nf_ms_breadcrumb li.no-title.current span.the_step_num,
.nf_ms_breadcrumb li.no-title:hover span.the_step_num{
box-shadow: none !important;
}
.nf_ms_breadcrumb.bc-unfolded > ul > li{
padding-right: 25px;
}
.nf_ms_breadcrumb.bc-unfolded > ul > li:hover,
.nf_ms_breadcrumb.bc-unfolded > ul > li.current{
padding-right: 45px;
}
.nf_ms_breadcrumb.bc-unfolded > ul > li:hover .crumb_container,
.nf_ms_breadcrumb.bc-unfolded > ul > li.current .crumb_container{
width: calc(100% + 35px);
}
.nf_ms_breadcrumb.folded > ul > li{
}
.nf_ms_breadcrumb.bc-gutter--1 ul li{
margin-left: -1px;
}
.nf_ms_breadcrumb.bc-gutter--2 ul li{
margin-left: -2px;
}
.nf_ms_breadcrumb.bc-gutter--3 ul li{
margin-left: -3px;
}
.nf_ms_breadcrumb.bc-gutter--4 ul li{
margin-left: -4px;
}
.nf_ms_breadcrumb.bc-gutter--5 ul li{
margin-left: -5px;
}
.nf_ms_breadcrumb.bc-gutter--6 ul li{
margin-left: -6px;
}
.nf_ms_breadcrumb.bc-gutter--7 ul li{
margin-left: -7px;
}
.nf_ms_breadcrumb.bc-gutter--8 ul li{
margin-left: -8px;
}
.nf_ms_breadcrumb.bc-gutter--9 ul li{
margin-left: -9px;
}
.nf_ms_breadcrumb.bc-gutter--10 ul li{
margin-left: -10px;
}
.nf_ms_breadcrumb.bc-gutter--11 ul li{
margin-left: -11px;
}
.nf_ms_breadcrumb.bc-gutter--12 ul li{
margin-left: -12px;
}
.nf_ms_breadcrumb.bc-gutter--13 ul li{
margin-left: -13px;
}
.nf_ms_breadcrumb.bc-gutter--14 ul li{
margin-left: -14px;
}
.nf_ms_breadcrumb.bc-gutter--15 ul li{
margin-left: -15px;
}
.nf_ms_breadcrumb.bc-gutter--16 ul li{
margin-left: -16px;
}
.nf_ms_breadcrumb.bc-gutter--17 ul li{
margin-left: -17px;
}
.nf_ms_breadcrumb.bc-gutter--18 ul li{
margin-left: -18px;
}
.nf_ms_breadcrumb.bc-gutter--19 ul li{
margin-left: -19px;
}
.nf_ms_breadcrumb.bc-gutter--20 ul li{
margin-left: -20px;
}
.nf_ms_breadcrumb.bc-gutter--21 ul li{
margin-left: -21px;
}
.nf_ms_breadcrumb.bc-gutter--22 ul li{
margin-left: -22px;
}
.nf_ms_breadcrumb.bc-gutter--23 ul li{
margin-left: -23px;
}
.nf_ms_breadcrumb.bc-gutter--24 ul li{
margin-left: -24px;
}
.nf_ms_breadcrumb.bc-gutter--25 ul li{
margin-left: -25px;
}
.nf_ms_breadcrumb.bc-gutter--26 ul li{
margin-left: -26px;
}
.nf_ms_breadcrumb.bc-gutter--27 ul li{
margin-left: -27px;
}
.nf_ms_breadcrumb.bc-gutter--28 ul li{
margin-left: -28px;
}
.nf_ms_breadcrumb.bc-gutter--29 ul li{
margin-left: -29px;
}
.nf_ms_breadcrumb.bc-gutter--30 ul li{
margin-left: -30px;
}
.nf_ms_breadcrumb.bc-gutter--1 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--2 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--3 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--4 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--5 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--6 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--7 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--8 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--9 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--10 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--11 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--12 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--13 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--14 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--15 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--16 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--17 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--18 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--19 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--20 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--21 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--22 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--23 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--24 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--25 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--26 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--27 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--28 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--29 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter--30 ul li .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-gutter-1 ul li{
margin-left: 1px;
}
.nf_ms_breadcrumb.bc-gutter-2 ul li{
margin-left: 2px;
}
.nf_ms_breadcrumb.bc-gutter-3 ul li{
margin-left: 3px;
}
.nf_ms_breadcrumb.bc-gutter-4 ul li{
margin-left: 4px;
}
.nf_ms_breadcrumb.bc-gutter-5 ul li{
margin-left: 5px;
}
.nf_ms_breadcrumb.bc-gutter-6 ul li{
margin-left: 6px;
}
.nf_ms_breadcrumb.bc-gutter-7 ul li{
margin-left: 7px;
}
.nf_ms_breadcrumb.bc-gutter-8 ul li{
margin-left: 8px;
}
.nf_ms_breadcrumb.bc-gutter-9 ul li{
margin-left: 9px;
}
.nf_ms_breadcrumb.bc-gutter-10 ul li{
margin-left: 10px;
}
.nf_ms_breadcrumb.bc-gutter-11 ul li{
margin-left: 11px;
}
.nf_ms_breadcrumb.bc-gutter-12 ul li{
margin-left: 12px;
}
.nf_ms_breadcrumb.bc-gutter-13 ul li{
margin-left: 13px;
}
.nf_ms_breadcrumb.bc-gutter-14 ul li{
margin-left: 14px;
}
.nf_ms_breadcrumb.bc-gutter-15 ul li{
margin-left: 15px;
}
.nf_ms_breadcrumb.bc-gutter-16 ul li{
margin-left: 16px;
}
.nf_ms_breadcrumb.bc-gutter-17 ul li{
margin-left: 17px;
}
.nf_ms_breadcrumb.bc-gutter-18 ul li{
margin-left: 18px;
}
.nf_ms_breadcrumb.bc-gutter-19 ul li{
margin-left: 19px;
}
.nf_ms_breadcrumb.bc-gutter-20 ul li{
margin-left: 20px;
}
.nf_ms_breadcrumb.bc-gutter-21 ul li{
margin-left: 21px;
}
.nf_ms_breadcrumb.bc-gutter-22 ul li{
margin-left: 22px;
}
.nf_ms_breadcrumb.bc-gutter-23 ul li{
margin-left: 23px;
}
.nf_ms_breadcrumb.bc-gutter-24 ul li{
margin-left: 24px;
}
.nf_ms_breadcrumb.bc-gutter-25 ul li{
margin-left: 25px;
}
.nf_ms_breadcrumb.bc-gutter-26 ul li{
margin-left: 26px;
}
.nf_ms_breadcrumb.bc-gutter-27 ul li{
margin-left: 27px;
}
.nf_ms_breadcrumb.bc-gutter-28 ul li{
margin-left: 28px;
}
.nf_ms_breadcrumb.bc-gutter-29 ul li{
margin-left: 29px;
}
.nf_ms_breadcrumb.bc-gutter-30 ul li{
margin-left: 30px;
}
.nf_ms_breadcrumb.bc-gutter--1 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--1 > ul > li.over-current-next{
margin-left: -1px;
}
.nf_ms_breadcrumb.bc-gutter--2 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--2 > ul > li.over-current-next{
margin-left: -2px;
}
.nf_ms_breadcrumb.bc-gutter--3 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--3 > ul > li.over-current-next{
margin-left: -3px;
}
.nf_ms_breadcrumb.bc-gutter--4 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--4 > ul > li.over-current-next{
margin-left: -4px;
}
.nf_ms_breadcrumb.bc-gutter--5 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--5 > ul > li.over-current-next{
margin-left: -5px;
}
.nf_ms_breadcrumb.bc-gutter--6 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--6 > ul > li.over-current-next{
margin-left: -6px;
}
.nf_ms_breadcrumb.bc-gutter--7 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--7 > ul > li.over-current-next{
margin-left: -7px;
}
.nf_ms_breadcrumb.bc-gutter--8 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--8 > ul > li.over-current-next{
margin-left: -8px;
}
.nf_ms_breadcrumb.bc-gutter--9 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--9 > ul > li.over-current-next{
margin-left: -9px;
}
.nf_ms_breadcrumb.bc-gutter--10 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--10 > ul > li.over-current-next{
margin-left: -10px;
}
.nf_ms_breadcrumb.bc-gutter--11 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--11 > ul > li.over-current-next{
margin-left: -11px;
}
.nf_ms_breadcrumb.bc-gutter--12 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--12 > ul > li.over-current-next{
margin-left: -12px;
}
.nf_ms_breadcrumb.bc-gutter--13 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--13 > ul > li.over-current-next{
margin-left: -13px;
}
.nf_ms_breadcrumb.bc-gutter--14 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--14 > ul > li.over-current-next{
margin-left: -14px;
}
.nf_ms_breadcrumb.bc-gutter--15 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--15 > ul > li.over-current-next{
margin-left: -15px;
}
.nf_ms_breadcrumb.bc-gutter--16 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--16 > ul > li.over-current-next{
margin-left: -16px;
}
.nf_ms_breadcrumb.bc-gutter--17 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--17 > ul > li.over-current-next{
margin-left: -17px;
}
.nf_ms_breadcrumb.bc-gutter--18 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--18 > ul > li.over-current-next{
margin-left: -18px;
}
.nf_ms_breadcrumb.bc-gutter--19 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--19 > ul > li.over-current-next{
margin-left: -19px;
}
.nf_ms_breadcrumb.bc-gutter--20 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--20 > ul > li.over-current-next{
margin-left: -20px;
}
.nf_ms_breadcrumb.bc-gutter--21 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--21 > ul > li.over-current-next{
margin-left: -21px;
}
.nf_ms_breadcrumb.bc-gutter--22 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--22 > ul > li.over-current-next{
margin-left: -22px;
}
.nf_ms_breadcrumb.bc-gutter--23 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--23 > ul > li.over-current-next{
margin-left: -23px;
}
.nf_ms_breadcrumb.bc-gutter--24 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--24 > ul > li.over-current-next{
margin-left: -24px;
}
.nf_ms_breadcrumb.bc-gutter--25 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--25 > ul > li.over-current-next{
margin-left: -25px;
}
.nf_ms_breadcrumb.bc-gutter--26 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--26 > ul > li.over-current-next{
margin-left: -26px;
}
.nf_ms_breadcrumb.bc-gutter--27 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--27 > ul > li.over-current-next{
margin-left: -27px;
}
.nf_ms_breadcrumb.bc-gutter--28 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--28 > ul > li.over-current-next{
margin-left: -28px;
}
.nf_ms_breadcrumb.bc-gutter--29 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--29 > ul > li.over-current-next{
margin-left: -29px;
}
.nf_ms_breadcrumb.bc-gutter--30 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter--30 > ul > li.over-current-next{
margin-left: -30px;
}
.nf_ms_breadcrumb.bc-gutter-1 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-1 > ul > li.over-current-next{
margin-left: 1px;
}
.nf_ms_breadcrumb.bc-gutter-2 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-2 > ul > li.over-current-next{
margin-left: 2px;
}
.nf_ms_breadcrumb.bc-gutter-3 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-3 > ul > li.over-current-next{
margin-left: 3px;
}
.nf_ms_breadcrumb.bc-gutter-4 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-4 > ul > li.over-current-next{
margin-left: 4px;
}
.nf_ms_breadcrumb.bc-gutter-5 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-5 > ul > li.over-current-next{
margin-left: 5px;
}
.nf_ms_breadcrumb.bc-gutter-6 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-6 > ul > li.over-current-next{
margin-left: 6px;
}
.nf_ms_breadcrumb.bc-gutter-7 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-7 > ul > li.over-current-next{
margin-left: 7px;
}
.nf_ms_breadcrumb.bc-gutter-8 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-8 > ul > li.over-current-next{
margin-left: 8px;
}
.nf_ms_breadcrumb.bc-gutter-9 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-9 > ul > li.over-current-next{
margin-left: 9px;
}
.nf_ms_breadcrumb.bc-gutter-10 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-10 > ul > li.over-current-next{
margin-left: 10px;
}
.nf_ms_breadcrumb.bc-gutter-11 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-11 > ul > li.over-current-next{
margin-left: 11px;
}
.nf_ms_breadcrumb.bc-gutter-12 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-12 > ul > li.over-current-next{
margin-left: 12px;
}
.nf_ms_breadcrumb.bc-gutter-13 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-13 > ul > li.over-current-next{
margin-left: 13px;
}
.nf_ms_breadcrumb.bc-gutter-14 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-14 > ul > li.over-current-next{
margin-left: 14px;
}
.nf_ms_breadcrumb.bc-gutter-15 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-15 > ul > li.over-current-next{
margin-left: 15px;
}
.nf_ms_breadcrumb.bc-gutter-16 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-16 > ul > li.over-current-next{
margin-left: 16px;
}
.nf_ms_breadcrumb.bc-gutter-17 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-17 > ul > li.over-current-next{
margin-left: 17px;
}
.nf_ms_breadcrumb.bc-gutter-18 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-18 > ul > li.over-current-next{
margin-left: 18px;
}
.nf_ms_breadcrumb.bc-gutter-19 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-19 > ul > li.over-current-next{
margin-left: 19px;
}
.nf_ms_breadcrumb.bc-gutter-20 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-20 > ul > li.over-current-next{
margin-left: 20px;
}
.nf_ms_breadcrumb.bc-gutter-21 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-21 > ul > li.over-current-next{
margin-left: 21px;
}
.nf_ms_breadcrumb.bc-gutter-22 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-22 > ul > li.over-current-next{
margin-left: 22px;
}
.nf_ms_breadcrumb.bc-gutter-23 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-23 > ul > li.over-current-next{
margin-left: 23px;
}
.nf_ms_breadcrumb.bc-gutter-24 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-24 > ul > li.over-current-next{
margin-left: 24px;
}
.nf_ms_breadcrumb.bc-gutter-25 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-25 > ul > li.over-current-next{
margin-left: 25px;
}
.nf_ms_breadcrumb.bc-gutter-26 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-26 > ul > li.over-current-next{
margin-left: 26px;
}
.nf_ms_breadcrumb.bc-gutter-27 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-27 > ul > li.over-current-next{
margin-left: 27px;
}
.nf_ms_breadcrumb.bc-gutter-28 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-28 > ul > li.over-current-next{
margin-left: 28px;
}
.nf_ms_breadcrumb.bc-gutter-29 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-29 > ul > li.over-current-next{
margin-left: 29px;
}
.nf_ms_breadcrumb.bc-gutter-30 > ul > li.current-next,
.nf_ms_breadcrumb.bc-gutter-30 > ul > li.over-current-next{
margin-left: 30px;
}
.nf_ms_breadcrumb > ul > li > a{
display: block;
padding: 10px;
font-size: 13px;
text-decoration: none;
color: #888;
float: left;
}
.nf_ms_breadcrumb > ul > li:first-child{
margin-left: 0px;
}
.nf_ms_breadcrumb.bc-folded > ul > li:hover a,
.nf_ms_breadcrumb.bc-folded > ul > li.current a{
width: unset !important;
transition: width 0.3s;
display: flex;
}
.nf_ms_breadcrumb.bc-folded > ul > li a{
width: 0px !important;
display: none;
}
.nf_ms_breadcrumb > ul > li a{
overflow: hidden;
white-space: nowrap;
margin: 0;
transition: width 0.3s;
color: #888;
font-size: 13px;
text-decoration: none !important;
display: flex;
align-items: center;
margin-left: 10px;
padding-right: 7px;
}
.nf_ms_breadcrumb > ul > li:hover,
.nf_ms_breadcrumb > ul > li.current{
transition: all 0.3s ease 0s;
padding-right: 10px;
}
.nf_ms_breadcrumb > ul > li:hover .crumb_container,
.nf_ms_breadcrumb > ul > li.current .crumb_container{
width: calc(100% + 15px);
transition: all 0.3s ease 0s;
}
.nf_ms_breadcrumb > ul > li.current{
overflow: visible;
max-height: none;
}
.nf_ms_breadcrumb.bc-solid > ul > li.current .the_step_num,
.nf_ms_breadcrumb.bc-solid > ul > li.visited .the_step_num{
color: #fff;
}
.nf_ms_breadcrumb.bc-unfolded .step_number_container{
position: absolute;
}
.nf_ms_breadcrumb.bc-unfolded > ul > li a{
position: relative;
left: 20px;
}
.nf_ms_breadcrumb.bc-unfolded.triangular > ul > li a{
position: relative;
left: 25px;
}
.nf_ms_breadcrumb.bc-unfolded li{
width: inherit;
}
.nf_ms_breadcrumb .step_number_container{
color: #888;
float: left;
position: relative;
z-index: 100;
border-radius: 23px;
display: flex;
height: 35px;
justify-content: center;
align-items: center;
}
.nf_ms_breadcrumb span.the_step_num{
width: 22px;
height: 22px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 12px;
margin-left: 2px;
}
.nf_ms_breadcrumb > ul > li.current-next,
.nf_ms_breadcrumb > ul > li.over-current-next{
margin-left: 0px;
}
.nf_ms_breadcrumb > ul:hover > li{
}
.nf_ms_breadcrumb.bc-connected > ul > li:last-child .step_connecter{
display: none !important;
}
.nf_ms_breadcrumb.bc-connected .step_connecter{
display: block !important;
width: 40px;
position: absolute;
right: -42px;
top: calc(50% - 1px);
border-bottom: 2px solid #e5e5e5;
}
.nf_ms_breadcrumb.bc-connected.bc-bordered .step_connecter{
right: -42px;
}
.nf_ms_breadcrumb.bc-bordered >ul > li{
min-width: 43px;
}
.nf_ms_breadcrumb.rounded li{
border-radius: 5px;
}
.nf_ms_breadcrumb.pilled li{
border-radius: 100px;
min-width: 40px;
}
.nf_ms_breadcrumb.pilled.bc-bordered >ul > li{
min-width: 40px;
}
.nf_ms_breadcrumb.pilled span.the_step_num{
margin-left: 2px;
}
.nf_ms_breadcrumb.triangular span.the_step_num{
margin-left: 5px;
}
.nf_ms_breadcrumb.skewed-f > ul > li{
transform: skewX(-15deg);
}
.nf_ms_breadcrumb.skewed-f > ul > li a{
transform: skewX(15deg);
}
.nf_ms_breadcrumb.skewed-f > ul > li .step_number_container{
transform: skewX(15deg);
}
.nf_ms_breadcrumb.skewed-b > ul > li{
transform: skewX(25deg);
}
.nf_ms_breadcrumb.skewed-b > ul > li a{
transform: skewX(-25deg);
}
.nf_ms_breadcrumb.skewed-b > ul > li .step_number_container{
transform: skewX(-25deg);
}
.nf_ms_breadcrumb.triangular.bc-unfolded span.the_step_num,
.nf_ms_breadcrumb.bc-unfolded span.the_step_num,
.nf_ms_breadcrumb li:hover span.the_step_num,
.nf_ms_breadcrumb.bc-unfolded li.visited span.the_step_num,
.nf_ms_breadcrumb li.current span.the_step_num{
box-shadow: inset 1px 1px 5px rgba(0,0,0,0.15);
transition: box-shadow 0.4s ease 0.1s;
}
.nf_ms_breadcrumb > ul li{
border: 2px solid #ffffff;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.the_br li::before{
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-left: 2px solid #ffffff;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.the_br li::after{
border-bottom: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-left: 2px solid #ffffff;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.the_br li.current:first-child,
#nex-forms .nf_ms_breadcrumb.triangular > ul.the_br li.visited:first-child{
border-left: 2px solid #ffffff;
}
.nf_ms_breadcrumb.bc-solid ul > li.current *{
color: #fff !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-red > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-red li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-red li.current::after,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-red li.current:first-child{
background: #f44336 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-pink > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-pink li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-pink li.current::after,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-pink li.current:first-child{
background: #e91e63 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-purple > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-purple li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-purple li.current::after,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-purple li.current:first-child{
background: #9c27b0 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-deep-purple > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-deep-purple li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-deep-purple li.current::after,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-deep-purple li.current:first-child{
background: #673ab7!important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-indigo > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-indigo li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-indigo li.current::after,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-indigo li.current:first-child{
background: #3f51b5 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-blue > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-blue li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-blue li.current::after,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-blue li.current:first-child{
background: #2979FF !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-light-blue > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-light-blue li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-light-blue li.current::after,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-light-blue li.current:first-child{
background: #40C4FF !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-cyan > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-cyan li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-cyan li.current::after,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-cyan li.current:first-child{
background: #00bcd4 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-teal > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-teal li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-teal li.current::after,
#nex-forms  .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-teal li.current:first-child{
background: #009688 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-green > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-green li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-green li.current::after,
#nex-forms  .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-green li.current:first-child{
background: #4caf50 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-light-green > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-light-green li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-light-green li.current::after,
#nex-forms  .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-light-green li.current:first-child{
background: #8bc34a !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-lime > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-lime li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-lime li.current::after,
#nex-forms  .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-lime li.current:first-child{
background: #cddc39 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-yellow > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-yellow li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-yellow li.current::after,
#nex-forms  .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-yellow li.current:first-child{
background: #ffeb3b !important;
color: #333;
}
.nf_ms_breadcrumb > ul.md-color-yellow li.current a{
color: #333;
}
.nf_ms_breadcrumb > ul.md-color-yellow li.current .the_step_num{
color: #333;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-amber > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-amber li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-amber li.current::after,
#nex-forms  .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-amber li.current:first-child{
background: #ffc107 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-orange > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-orange li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-orange li.current::after,
#nex-forms  .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-orange li.current:first-child{
background: #ff9800 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-brown > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-brown li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-brown li.current::after,
#nex-forms  .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-brown li.current:first-child{
background: #795548 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-gray > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-gray li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-gray li.current::after,
#nex-forms  .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-gray li.current:first-child{
background: #9e9e9e !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-blue-gray > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-blue-gray li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-blue-gray li.current::after,
#nex-forms  .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-blue-gray li.current:first-child{
background: #607d8b !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-default > li.current,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-default li.current::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-solid ul.md-color-default li.current::after,
#nex-forms  .nf_ms_breadcrumb.triangular.bc-solid > ul.md-color-default li.current:first-child{
background: #8bc34a !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul li{
border: none !important;
height: 40px;
padding-top: 2px;
}
#nex-forms .nf_ms_breadcrumb.triangular.bc-bordered  ul.the_br li.current:first-child::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-bordered  ul.the_br li.current:first-child::after,
#nex-forms .nf_ms_breadcrumb.triangular.bc-bordered  ul.the_br li.visited:first-child::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-bordered  ul.the_br li.visited:first-child::after{
border-left: none !important;
left: 4px;
}
.nf_ms_breadcrumb > ul.md-color-red li.current{
border: 2px solid #f44336 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-red li.current::before{
border-top: 2px solid #f44336 !important;
border-right: 2px solid #f44336 !important;
border-left: 2px solid #f44336 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-red li.current::after{
border-bottom: 2px solid #f44336 !important;
border-right: 2px solid #f44336 !important;
border-left: 2px solid #f44336 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-red li.current:first-child{
border-left: 2px solid #f44336 !important;
}
.nf_ms_breadcrumb > ul.md-color-pink li.current{
border: 2px solid #e91e63 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-pink li.current::before{
border-top: 2px solid #e91e63 !important;
border-right: 2px solid #e91e63 !important;
border-left: 2px solid #e91e63 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-pink li.current::after{
border-bottom: 2px solid #e91e63 !important;
border-right: 2px solid #e91e63 !important;
border-left: 2px solid #e91e63 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-pink li.current:first-child{
border-left: 2px solid #e91e63 !important;
}
.nf_ms_breadcrumb > ul.md-color-purple li.current{
border: 2px solid #9c27b0 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-purple li.current::before{
border-top: 2px solid #9c27b0 !important;
border-right: 2px solid #9c27b0 !important;
border-left: 2px solid #9c27b0 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-purple li.current::after{
border-bottom: 2px solid #9c27b0 !important;
border-right: 2px solid #9c27b0 !important;
border-left: 2px solid #9c27b0 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-purple li.current:first-child{
border-left: 2px solid #9c27b0 !important;
}
.nf_ms_breadcrumb > ul.md-color-deep-purple li.current{
border: 2px solid #673ab7 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-deep-purple li.current::before{
border-top: 2px solid #673ab7 !important;
border-right: 2px solid #673ab7 !important;
border-left: 2px solid #673ab7 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-deep-purple li.current::after{
border-bottom: 2px solid #673ab7 !important;
border-right: 2px solid #673ab7 !important;
border-left: 2px solid #673ab7 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-deep-purple li.current:first-child{
border-left: 2px solid #673ab7 !important;
}
.nf_ms_breadcrumb > ul.md-color-indigo li.current{
border: 2px solid #3f51b5 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-indigo li.current::before{
border-top: 2px solid #3f51b5 !important;
border-right: 2px solid #3f51b5 !important;
border-left: 2px solid #3f51b5 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-indigo li.current::after{
border-bottom: 2px solid #3f51b5 !important;
border-right: 2px solid #3f51b5 !important;
border-left: 2px solid #3f51b5 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-indigo li.current:first-child{
border-left: 2px solid #3f51b5 !important;
}
.nf_ms_breadcrumb > ul.md-color-blue li.current{
border: 2px solid #2979FF !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-blue li.current::before{
border-top: 2px solid #2979FF !important;
border-right: 2px solid #2979FF !important;
border-left: 2px solid #2979FF !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-blue li.current::after{
border-bottom: 2px solid #2979FF !important;
border-right: 2px solid #2979FF !important;
border-left: 2px solid #2979FF !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-blue li.current:first-child{
border-left: 2px solid #2979FF !important;
}
.nf_ms_breadcrumb > ul.md-color-light-blue li.current{
border: 2px solid #40C4FF !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-light-blue li.current::before{
border-top: 2px solid #40C4FF !important;
border-right: 2px solid #40C4FF !important;
border-left: 2px solid #40C4FF !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-light-blue li.current::after{
border-bottom: 2px solid #40C4FF !important;
border-right: 2px solid #40C4FF !important;
border-left: 2px solid #40C4FF !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-light-blue li.current:first-child{
border-left: 2px solid #40C4FF !important;
}
.nf_ms_breadcrumb > ul.md-color-cyan li.current{
border: 2px solid #00bcd4 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-cyan li.current::before{
border-top: 2px solid #00bcd4 !important;
border-right: 2px solid #00bcd4 !important;
border-left: 2px solid #00bcd4 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-cyan li.current::after{
border-bottom: 2px solid #00bcd4 !important;
border-right: 2px solid #00bcd4 !important;
border-left: 2px solid #00bcd4 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-cyan li.current:first-child{
border-left: 2px solid #00bcd4 !important;
}
.nf_ms_breadcrumb > ul.md-color-teal li.current{
border: 2px solid #009688 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-teal li.current::before{
border-top: 2px solid #009688 !important;
border-right: 2px solid #009688 !important;
border-left: 2px solid #009688 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-teal li.current::after{
border-bottom: 2px solid #009688 !important;
border-right: 2px solid #009688 !important;
border-left: 2px solid #009688 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-teal li.current:first-child{
border-left: 2px solid #009688 !important;
}
.nf_ms_breadcrumb > ul.md-color-green li.current{
border: 2px solid #4caf50 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-green li.current::before{
border-top: 2px solid #4caf50 !important;
border-right: 2px solid #4caf50 !important;
border-left: 2px solid #4caf50 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-green li.current::after{
border-bottom: 2px solid #4caf50 !important;
border-right: 2px solid #4caf50 !important;
border-left: 2px solid #4caf50 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-green li.current:first-child{
border-left: 2px solid #4caf50 !important;
}
.nf_ms_breadcrumb > ul.md-color-light-green li.current{
border: 2px solid #8bc34a !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-light-green li.current::before{
border-top: 2px solid #8bc34a !important;
border-right: 2px solid #8bc34a !important;
border-left: 2px solid #8bc34a !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-light-green li.current::after{
border-bottom: 2px solid #8bc34a !important;
border-right: 2px solid #8bc34a !important;
border-left: 2px solid #8bc34a !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-light-green li.current:first-child{
border-left: 2px solid #8bc34a !important;
}
.nf_ms_breadcrumb > ul.md-color-lime li.current{
border: 2px solid #cddc39 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-lime li.current::before{
border-top: 2px solid #cddc39 !important;
border-right: 2px solid #cddc39 !important;
border-left: 2px solid #cddc39 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-lime li.current::after{
border-bottom: 2px solid #cddc39 !important;
border-right: 2px solid #cddc39 !important;
border-left: 2px solid #cddc39 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-lime li.current:first-child{
border-left: 2px solid #cddc39 !important;
}
.nf_ms_breadcrumb > ul.md-color-yellow li.current{
border: 2px solid #ffeb3b !important;
color: #333;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-yellow li.current::before{
border-top: 2px solid #ffeb3b !important;
border-right: 2px solid #ffeb3b !important;
border-left: 2px solid #ffeb3b !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-yellow li.current::after{
border-bottom: 2px solid #ffeb3b !important;
border-right: 2px solid #ffeb3b !important;
border-left: 2px solid #ffeb3b !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-yellow li.current:first-child{
border-left: 2px solid #ffeb3b !important;
}
.nf_ms_breadcrumb > ul.md-color-amber li.current{
border: 2px solid #ffc107 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-amber li.current::before{
border-top: 2px solid #ffc107 !important;
border-right: 2px solid #ffc107 !important;
border-left: 2px solid #ffc107 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-amber li.current::after{
border-bottom: 2px solid #ffc107 !important;
border-right: 2px solid #ffc107 !important;
border-left: 2px solid #ffc107 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-amber li.current:first-child{
border-left: 2px solid #ffc107 !important;
}
.nf_ms_breadcrumb > ul.md-color-orange li.current{
border: 2px solid #ff9800 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-orange li.current::before{
border-top: 2px solid #ff9800 !important;
border-right: 2px solid #ff9800 !important;
border-left: 2px solid #ff9800 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-orange li.current::after{
border-bottom: 2px solid #ff9800 !important;
border-right: 2px solid #ff9800 !important;
border-left: 2px solid #ff9800 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-orange li.current:first-child{
border-left: 2px solid #ff9800 !important;
}
.nf_ms_breadcrumb > ul.md-color-brown li.current{
border: 2px solid #795548 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-brown li.current::before{
border-top: 2px solid #795548 !important;
border-right: 2px solid #795548 !important;
border-left: 2px solid #795548 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-brown li.current::after{
border-bottom: 2px solid #795548 !important;
border-right: 2px solid #795548 !important;
border-left: 2px solid #795548 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-brown li.current:first-child{
border-left: 2px solid #795548 !important;
}
.nf_ms_breadcrumb > ul.md-color-gray li.current{
border: 2px solid #9e9e9e !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-gray li.current::before{
border-top: 2px solid #9e9e9e !important;
border-right: 2px solid #9e9e9e !important;
border-left: 2px solid #9e9e9e !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-gray li.current::after{
border-bottom: 2px solid #9e9e9e !important;
border-right: 2px solid #9e9e9e !important;
border-left: 2px solid #9e9e9e !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-gray li.current:first-child{
border-left: 2px solid #9e9e9e !important;
}
.nf_ms_breadcrumb > ul.md-color-blue-gray li.current{
border: 2px solid #607d8b !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-blue-gray li.current::before{
border-top: 2px solid #607d8b !important;
border-right: 2px solid #607d8b !important;
border-left: 2px solid #607d8b !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-blue-gray li.current::after{
border-bottom: 2px solid #607d8b !important;
border-right: 2px solid #607d8b !important;
border-left: 2px solid #607d8b !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-blue-gray li.current:first-child{
border-left: 2px solid #607d8b !important;
}
.nf_ms_breadcrumb > ul.md-color-default li.current{
border: 2px solid #8bc34a !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-default li.current::before{
border-top: 2px solid #8bc34a !important;
border-right: 2px solid #8bc34a !important;
border-left: 2px solid #8bc34a !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-default li.current::after{
border-bottom: 2px solid #8bc34a !important;
border-right: 2px solid #8bc34a !important;
border-left: 2px solid #8bc34a !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-default li.current:first-child{
border-left: 2px solid #8bc34a !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-red li.current *{
color: #f44336 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-pink li.current *{
color: #e91e63 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-purple li.current *{
color: #9c27b0 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-deep-purple li.current *{
color: #673ab7 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-indigo li.current *{
color: #3f51b5 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-blue li.current *{
color: #2979FF !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-light-blue li.current *{
color: #40C4FF !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-cyan li.current *{
color: #00bcd4 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-teal li.current *{
color: #009688 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-green li.current *{
color: #4caf50 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-light-green li.current *{
color: #8bc34a !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-lime li.current *{
color: #cddc39 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-yellow li.current *{
color: #333;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-amber li.current *{
color: #ffc107 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-orange li.current *{
color: #ff9800 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-brown li.current *{
color: #795548 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-gray li.current *{
color: #9e9e9e !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-blue-gray li.current *{
color: #607d8b !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-default li.current *{
color: #8bc34a !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul li{
background: transparent !important;
}
.nf_ms_breadcrumb ul > li.visited{
cursor: pointer;
}
.nf_ms_breadcrumb.bc-solid ul > li.visited *{
color: #fff !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-red > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-red li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-red li.visited::after{
background: #F9A19A !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-red li:first-child{
background: #F9A19A !important;
}
.nf_ms_breadcrumb > ul.md-color-red li.visited .step_connecter{
border-bottom-color: #F9A19A !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-pink > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-pink li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-pink li.visited::after{
background: #F48EB1 !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-pink li.visited:first-child{
background: #F48EB1 !important;
}
.nf_ms_breadcrumb > ul.md-color-pink li.visited .step_connecter{
border-bottom-color: #F48EB1 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-purple > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-purple li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-purple li.visited::after{
background: #CD93D7 !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-purple li.visited:first-child{
background: #CD93D7 !important;
}
.nf_ms_breadcrumb > ul.md-color-purple li.visited .step_connecter{
border-bottom-color: #CD93D7 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-deep-purple > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-deep-purple li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-deep-purple li.visited::after{
background: #B39CDB !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-deep-purple li.visited:first-child{
background: #B39CDB !important;
}
.nf_ms_breadcrumb > ul.md-color-deep-purple li.visited .step_connecter{
border-bottom-color: #B39CDB !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-indigo > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-indigo li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-indigo li.visited::after{
background: #9FA8DA !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-indigo li.visited:first-child{
background: #9FA8DA !important;
}
.nf_ms_breadcrumb >  ul.md-color-indigo li.visited .step_connecter{
border-bottom-color: #9FA8DA !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-blue > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-blue li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-blue li.visited::after{
background: #94BCFF !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-blue li.visited:first-child{
background: #94BCFF !important;
}
.nf_ms_breadcrumb > ul.md-color-blue li.visited .step_connecter{
border-bottom-color: #94BCFF !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-light-blue > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-light-blue li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-light-blue li.visited::after{
background: #9FE1FF !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-light-blue li.visited:first-child{
background: #9FE1FF !important;
}
.nf_ms_breadcrumb > ul.md-color-light-blue li.visited .step_connecter{
border-bottom-color: #9FE1FF !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-cyan > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-cyan li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-cyan li.visited::after{
background: #7FDDE9 !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-cyan li.visited:first-child{
background: #7FDDE9 !important;
}
.nf_ms_breadcrumb > ul.md-color-cyan li.visited .step_connecter{
border-bottom-color: #7FDDE9 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-teal > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-teal li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-teal li.visited::after{
background: #7FCAC3 !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-teal li.visited:first-child{
background: #7FCAC3 !important;
}
.nf_ms_breadcrumb > ul.md-color-teal li.visited .step_connecter{
border-bottom-color: #7FCAC3 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-green > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-green li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-green li.visited::after{
background: #A5D7A7 !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-green li.visited:first-child{
background: #A5D7A7 !important;
}
.nf_ms_breadcrumb > ul.md-color-green li.visited .step_connecter{
border-bottom-color: #A5D7A7 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-light-green > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-light-green li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-light-green li.visited::after{
background: #C5E1A4 !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-light-green li.visited:first-child{
background: #C5E1A4 !important;
}
.nf_ms_breadcrumb > ul.md-color-light-green li.visited .step_connecter{
border-bottom-color: #C5E1A4 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-lime > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-lime li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-lime li.visited::after{
background: #E6ED9C !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-lime li.visited:first-child{
background: #E6ED9C !important;
}
.nf_ms_breadcrumb > ul.md-color-lime li.visited .step_connecter{
border-bottom-color: #E6ED9C !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-yellow > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-yellow li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-yellow li.visited::after{
background: #FFF59D;
color: #333 !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-yellow li.visited:first-child{
background: #FFF59D !important;
color: #333;
}
.nf_ms_breadcrumb > ul.md-color-yellow li.visited .step_connecter{
border-bottom-color: #FFF59D !important;
}
.nf_ms_breadcrumb > ul.md-color-yellow li.visited a{
color: #333;
}
.nf_ms_breadcrumb > ul.md-color-yellow li.visited .the_step_num{
color: #333;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-amber > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-amber li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-amber li.visited::after{
background: #FFE083 !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-amber li.visited:first-child{
background: #FFE083 !important;
}
.nf_ms_breadcrumb > ul.md-color-amber li.visited .step_connecter{
border-bottom-color: #FFE083 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-orange > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-orange li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-orange li.visited::after{
background: #FFCB7F !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-orange li.visited:first-child{
background: #FFCB7F !important;
}
.nf_ms_breadcrumb > ul.md-color-orange li.visited .step_connecter{
border-bottom-color: #FFCB7F !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-brown > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-brown li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-brown li.visited::after{
background: #BCAAA3 !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-brown li.visited:first-child{
background: #BCAAA3 !important;
}
.nf_ms_breadcrumb > ul.md-color-brown li.visited .step_connecter{
border-bottom-color: #BCAAA3 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-gray > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-gray li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-gray li.visited::after{
background: #CECECE !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-gray li.visited:first-child{
background: #CECECE !important;
}
.nf_ms_breadcrumb > ul.md-color-gray li.visited .step_connecter{
border-bottom-color: #CECECE !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-blue-gray > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-blue-gray li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-blue-gray li.visited::after{
background: #AFBEC5 !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-blue-gray li.visited:first-child{
background: #AFBEC5 !important;
}
.nf_ms_breadcrumb > ul.md-color-blue-gray li.visited .step_connecter{
border-bottom-color: #AFBEC5 !important;
}
.nf_ms_breadcrumb.bc-solid ul.md-color-default > li.visited,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-default li.visited::before,
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular ul.md-color-default li.visited::after{
background: #C5E1A4 !important;
}
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular > ul.md-color-default li.visited:first-child{
background: #C5E1A4 !important;
}
.nf_ms_breadcrumb > ul.md-color-default li.visited .step_connecter{
border-bottom-color: #C5E1A4 !important;
}
.nf_ms_breadcrumb > ul.md-color-red li.visited{
border: 2px solid #F9A19A !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-red li.visited::before{
border-top: 2px solid #F9A19A !important;
border-right: 2px solid #F9A19A !important;
border-left: 2px solid #F9A19A !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-red li.visited::after{
border-bottom: 2px solid #F9A19A !important;
border-right: 2px solid #F9A19A !important;
border-left: 2px solid #F9A19A !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-red li.visited:first-child{
border-left: 2px solid #F9A19A !important;
}
.nf_ms_breadcrumb > ul.md-color-pink li.visited{
border: 2px solid #F48EB1 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-pink li.visited::before{
border-top: 2px solid #F48EB1 !important;
border-right: 2px solid #F48EB1 !important;
border-left: 2px solid #F48EB1 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-pink li.visited::after{
border-bottom: 2px solid #F48EB1 !important;
border-right: 2px solid #F48EB1 !important;
border-left: 2px solid #F48EB1 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-pink li.visited:first-child{
border-left: 2px solid #F48EB1 !important;
}
.nf_ms_breadcrumb > ul.md-color-purple li.visited{
border: 2px solid #CD93D7 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-purple li.visited::before{
border-top: 2px solid #CD93D7 !important;
border-right: 2px solid #CD93D7 !important;
border-left: 2px solid #CD93D7 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-purple li.visited::after{
border-bottom: 2px solid #CD93D7 !important;
border-right: 2px solid #CD93D7 !important;
border-left: 2px solid #CD93D7 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-purple li.visited:first-child{
border-left: 2px solid #CD93D7 !important;
}
.nf_ms_breadcrumb > ul.md-color-deep-purple li.visited{
border: 2px solid #B39CDB !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-deep-purple li.visited::before{
border-top: 2px solid #B39CDB !important;
border-right: 2px solid #B39CDB !important;
border-left: 2px solid #B39CDB !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-deep-purple li.visited::after{
border-bottom: 2px solid #B39CDB !important;
border-right: 2px solid #B39CDB !important;
border-left: 2px solid #B39CDB !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-deep-purple li.visited:first-child{
border-left: 2px solid #B39CDB !important;
}
.nf_ms_breadcrumb > ul.md-color-indigo li.visited{
border: 2px solid #9FA8DA !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-indigo li.visited::before{
border-top: 2px solid #9FA8DA !important;
border-right: 2px solid #9FA8DA !important;
border-left: 2px solid #9FA8DA !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-indigo li.visited::after{
border-bottom: 2px solid #9FA8DA !important;
border-right: 2px solid #9FA8DA !important;
border-left: 2px solid #9FA8DA !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-indigo li.visited:first-child{
border-left: 2px solid #9FA8DA !important;
}
.nf_ms_breadcrumb > ul.md-color-blue li.visited{
border: 2px solid #94BCFF !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-blue li.visited::before{
border-top: 2px solid #94BCFF !important;
border-right: 2px solid #94BCFF !important;
border-left: 2px solid #94BCFF !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-blue li.visited::after{
border-bottom: 2px solid #94BCFF !important;
border-right: 2px solid #94BCFF !important;
border-left: 2px solid #94BCFF !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-blue li.visited:first-child{
border-left: 2px solid #94BCFF !important;
}
.nf_ms_breadcrumb > ul.md-color-light-blue li.visited{
border: 2px solid #9FE1FF !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-light-blue li.visited::before{
border-top: 2px solid #9FE1FF !important;
border-right: 2px solid #9FE1FF !important;
border-left: 2px solid #9FE1FF !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-light-blue li.visited::after{
border-bottom: 2px solid #9FE1FF !important;
border-right: 2px solid #9FE1FF !important;
border-left: 2px solid #9FE1FF !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-light-blue li.visited:first-child{
border-left: 2px solid #9FE1FF !important;
}
.nf_ms_breadcrumb > ul.md-color-cyan li.visited{
border: 2px solid #7FDDE9 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-cyan li.visited::before{
border-top: 2px solid #7FDDE9 !important;
border-right: 2px solid #7FDDE9 !important;
border-left: 2px solid #7FDDE9 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-cyan li.visited::after{
border-bottom: 2px solid #7FDDE9 !important;
border-right: 2px solid #7FDDE9 !important;
border-left: 2px solid #7FDDE9 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-cyan li.visited:first-child{
border-left: 2px solid #7FDDE9 !important;
}
.nf_ms_breadcrumb > ul.md-color-teal li.visited{
border: 2px solid #7FCAC3 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-teal li.visited::before{
border-top: 2px solid #7FCAC3 !important;
border-right: 2px solid #7FCAC3 !important;
border-left: 2px solid #7FCAC3 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-teal li.visited::after{
border-bottom: 2px solid #7FCAC3 !important;
border-right: 2px solid #7FCAC3 !important;
border-left: 2px solid #7FCAC3 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-teal li.visited:first-child{
border-left: 2px solid #7FCAC3 !important;
}
.nf_ms_breadcrumb > ul.md-color-green li.visited{
border: 2px solid #A5D7A7 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-green li.visited::before{
border-top: 2px solid #A5D7A7 !important;
border-right: 2px solid #A5D7A7 !important;
border-left: 2px solid #A5D7A7 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-green li.visited::after{
border-bottom: 2px solid #A5D7A7 !important;
border-right: 2px solid #A5D7A7 !important;
border-left: 2px solid #A5D7A7 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-green li.visited:first-child{
border-left: 2px solid #A5D7A7 !important;
}
.nf_ms_breadcrumb > ul.md-color-light-green li.visited{
border: 2px solid #C5E1A4 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-light-green li.visited::before{
border-top: 2px solid #C5E1A4 !important;
border-right: 2px solid #C5E1A4 !important;
border-left: 2px solid #C5E1A4 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-light-green li.visited::after{
border-bottom: 2px solid #C5E1A4 !important;
border-right: 2px solid #C5E1A4 !important;
border-left: 2px solid #C5E1A4 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-light-green li.visited:first-child{
border-left: 2px solid #C5E1A4 !important;
}
.nf_ms_breadcrumb > ul.md-color-lime li.visited{
border: 2px solid #E6ED9C !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-lime li.visited::before{
border-top: 2px solid #E6ED9C !important;
border-right: 2px solid #E6ED9C !important;
border-left: 2px solid #E6ED9C !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-lime li.visited::after{
border-bottom: 2px solid #E6ED9C !important;
border-right: 2px solid #E6ED9C !important;
border-left: 2px solid #E6ED9C !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-lime li.visited:first-child{
border-left: 2px solid #E6ED9C !important;
}
.nf_ms_breadcrumb > ul.md-color-yellow li.visited{
border: 2px solid #FFF59D !important;
color: #333;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-yellow li.visited::before{
border-top: 2px solid #FFF59D !important;
border-right: 2px solid #FFF59D !important;
border-left: 2px solid #FFF59D !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-yellow li.visited::after{
border-bottom: 2px solid #FFF59D !important;
border-right: 2px solid #FFF59D !important;
border-left: 2px solid #FFF59D !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-yellow li.visited:first-child{
border-left: 2px solid #FFF59D !important;
}
.nf_ms_breadcrumb > ul.md-color-amber li.visited{
border: 2px solid #FFE083 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-amber li.visited::before{
border-top: 2px solid #FFE083 !important;
border-right: 2px solid #FFE083 !important;
border-left: 2px solid #FFE083 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-amber li.visited::after{
border-bottom: 2px solid #FFE083 !important;
border-right: 2px solid #FFE083 !important;
border-left: 2px solid #FFE083 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-amber li.visited:first-child{
border-left: 2px solid #FFE083 !important;
}
.nf_ms_breadcrumb > ul.md-color-orange li.visited{
border: 2px solid #FFCB7F !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-orange li.visited::before{
border-top: 2px solid #FFCB7F !important;
border-right: 2px solid #FFCB7F !important;
border-left: 2px solid #FFCB7F !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-orange li.visited::after{
border-bottom: 2px solid #FFCB7F !important;
border-right: 2px solid #FFCB7F !important;
border-left: 2px solid #FFCB7F !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-orange li.visited:first-child{
border-left: 2px solid #FFCB7F !important;
}
.nf_ms_breadcrumb > ul.md-color-brown li.visited{
border: 2px solid #BCAAA3 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-brown li.visited::before{
border-top: 2px solid #BCAAA3 !important;
border-right: 2px solid #BCAAA3 !important;
border-left: 2px solid #BCAAA3 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-brown li.visited::after{
border-bottom: 2px solid #BCAAA3 !important;
border-right: 2px solid #BCAAA3 !important;
border-left: 2px solid #BCAAA3 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-brown li.visited:first-child{
border-left: 2px solid #BCAAA3 !important;
}
.nf_ms_breadcrumb > ul.md-color-gray li.visited{
border: 2px solid #CECECE !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-gray li.visited::before{
border-top: 2px solid #CECECE !important;
border-right: 2px solid #CECECE !important;
border-left: 2px solid #CECECE !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-gray li.visited::after{
border-bottom: 2px solid #CECECE !important;
border-right: 2px solid #CECECE !important;
border-left: 2px solid #CECECE !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-gray li.visited:first-child{
border-left: 2px solid #CECECE !important;
}
.nf_ms_breadcrumb > ul.md-color-blue-gray li.visited{
border: 2px solid #AFBEC5 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-blue-gray li.visited::before{
border-top: 2px solid #AFBEC5 !important;
border-right: 2px solid #AFBEC5 !important;
border-left: 2px solid #AFBEC5 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-blue-gray li.visited::after{
border-bottom: 2px solid #AFBEC5 !important;
border-right: 2px solid #AFBEC5 !important;
border-left: 2px solid #AFBEC5 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-blue-gray li.visited:first-child{
border-left: 2px solid #AFBEC5 !important;
}
.nf_ms_breadcrumb > ul.md-color-default li.visited{
border: 2px solid #C5E1A4 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-default li.visited::before{
border-top: 2px solid #C5E1A4 !important;
border-right: 2px solid #C5E1A4 !important;
border-left: 2px solid #C5E1A4 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.md-color-default li.visited::after{
border-bottom: 2px solid #C5E1A4 !important;
border-right: 2px solid #C5E1A4 !important;
border-left: 2px solid #C5E1A4 !important;
}
#nex-forms .nf_ms_breadcrumb.triangular > ul.md-color-default li.visited:first-child{
border-left: 2px solid #C5E1A4 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-red li.visited *{
color: #F9A19A !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-pink li.visited *{
color: #F48EB1 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-purple li.visited *{
color: #CD93D7 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-deep-purple li.visited *{
color: #B39CDB !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-indigo li.visited *{
color: #9FA8DA !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-blue li.visited *{
color: #94BCFF !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-light-blue li.visited *{
color: #9FE1FF !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-cyan li.visited *{
color: #7FDDE9 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-teal li.visited *{
color: #7FCAC3 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-green li.visited *{
color: #A5D7A7 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-light-green li.visited *{
color: #C5E1A4 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-lime li.visited *{
color: #E6ED9C !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-yellow li.visited *{
color: #555 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-amber li.visited *{
color: #FFE083 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-orange li.visited *{
color: #FFCB7F !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-brown li.visited *{
color: #BCAAA3 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-gray li.visited *{
color: #CECECE !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-blue-gray li.visited *{
color: #AFBEC5 !important;
}
.nf_ms_breadcrumb.bc-bordered > ul.md-color-default li.visited *{
color: #C5E1A4 !important;
}
.nf_ms_breadcrumb.triangular > ul > li.current{
background: none !important;
transition: all 0.3s ease 0s;
padding-right: 35px;
}
.nf_ms_breadcrumb.triangular > ul > li{
position: relative;
float: left;
z-index: 1;
transition: margin-left 0.4s, min-width 0.4s;
overflow: visible;
background: none !important;
max-height: 57px;
box-shadow: none;
padding-left: 10px;
}
.nf_ms_breadcrumb.triangular > ul:hover > li::after{
box-shadow: 19px -8px 20px rgba(0,0,0,0.05), -20px -6px 33px rgba(0,0,0,0);
}
.nf_ms_breadcrumb.triangular.bc-solid > ul > li:hover,
.nf_ms_breadcrumb.triangular.bc-solid > ul > li.current{
background-color: transparent !important;
transition: all 0.3s ease 0s;
padding-right: 35px;
}
.nf_ms_breadcrumb.triangular ul > li a{
position: relative;
z-index: 100;
padding-right: 10px;
}
#nex-forms .nf_ms_breadcrumb.triangular{
margin-left: 5px;
}
#nex-forms .nf_ms_breadcrumb.triangular li::before,
#nex-forms .nf_ms_breadcrumb.triangular li::after{
content: '' !important;
position: absolute;
left: 6px;
height: 50%;
width: 100%;
background: #fff;
}
#nex-forms .nf_ms_breadcrumb.triangular li::before{
top: 0px;
transform: skew(30deg);
z-index: 1;
}
#nex-forms .nf_ms_breadcrumb.triangular li::after{
bottom: 0px;
transform: skew(-30deg);
z-index: 0;
box-shadow: 19px -8px 20px rgba(0,0,0,0.1), -20px -6px 33px rgba(0,0,0,0.25);
}
.nf_ms_breadcrumb.triangular > ul li:first-child::before,
.nf_ms_breadcrumb.triangular > ul li:first-child::after{
box-shadow: none !important;
left: 5px;
}
.nf_ms_breadcrumb.triangular > ul > li:first-child{
margin-left: -4px;
padding-left: 5px !important;
}
.nf_ms_breadcrumb.bc-unfolded > ul.has-descriptions > li a,
.nf_ms_breadcrumb > ul.has-descriptions > li:hover a,
.nf_ms_breadcrumb > ul.has-descriptions > li.current a{
display: block;
padding-top: 7px;
height: 52px !important;
margin-left: 12px;
margin-right: 11px;
}
.nf_ms_breadcrumb.bc-unfolded > ul.has-descriptions > li.no-description a,
.nf_ms_breadcrumb > ul.has-descriptions > li.no-description:hover a,
.nf_ms_breadcrumb > ul.has-descriptions > li.no-description.current a{
padding-top: 14px;
}
.nf_ms_breadcrumb ul.has-descriptions > li:first-child .step_number_container{
margin-left: 0;
}
.nf_ms_breadcrumb > ul.has-descriptions > li{
height: 52px !important;
}
.step_description{
font-size: 11px;
opacity: 0.6;
font-weight: normal;
}
#nex-forms .nf_ms_breadcrumb.triangular ul.has-descriptions li::before,
#nex-forms .nf_ms_breadcrumb.triangular ul.has-descriptions li::after{
left: 8px;
}
.nf_ms_breadcrumb  ul.has-descriptions .step_number_container{
height: 48px;
}
.nf_ms_breadcrumb.triangular  ul.has-descriptions .step_number_container{
margin-left: 5px;
}
.nf-admin .nf_ms_breadcrumb.bc-unfolded > ul.has-descriptions > li a,
.nf-admin .nf_ms_breadcrumb > ul.has-descriptions > li:hover a,
.nf-admin .nf_ms_breadcrumb > ul.has-descriptions > li.current a{
padding-top: 9px;
}
.nf-admin .nf_ms_breadcrumb.bc-unfolded > ul.has-descriptions > li.no-description a,
.nf-admin .nf_ms_breadcrumb > ul.has-descriptions > li.no-description:hover a,
.nf-admin .nf_ms_breadcrumb > ul.has-descriptions > li.no-description.current a{
padding-top: 16px;
}
.nf-admin .step_description{
margin-top: 4px;
}
#nex-forms .nf_ms_breadcrumb.triangular.bc-bordered ul.the_br.has-descriptions li.current:first-child::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-bordered ul.the_br.has-descriptions li.current:first-child::after,
#nex-forms .nf_ms_breadcrumb.triangular.bc-bordered ul.the_br.has-descriptions li.visited:first-child::before,
#nex-forms .nf_ms_breadcrumb.triangular.bc-bordered ul.the_br.has-descriptions li.visited:first-child::after{
left: 6px;
}
.nf_ms_breadcrumb > ul > li.has-icon .the_step_num{
display: none;
}
.nf_ms_breadcrumb > ul > li.has-icon span.the_step_icon{
display: flex;
}
.nf_ms_breadcrumb > ul > li span.the_step_icon{
font-size: 17px;
margin-left: 1px;
color: #bbb;
width: 26px;
display: none;
justify-content: center;
margin-right: -5px;
}
nf-admin .nf_ms_breadcrumb > ul > li span.the_step_icon{
margin-left: 0px;
}
.nf_ms_breadcrumb.triangular > ul > li span.the_step_icon{
margin-left: 4px;
}
.nf_ms_breadcrumb.bc-solid > ul > li.current .the_step_icon,
.nf_ms_breadcrumb.bc-solid > ul > li.visited .the_step_icon{
color: #fff;
}
.ms_disable_back .prev-step{
display: none !important;
visibility: hidden !important;
}
.ms_disable_back.nf_ms_breadcrumb ul > li.visited,
.ms_disable_back.nf_ms_breadcrumb ul > li.visited a{
cursor: not-allowed !important;
}
.nf-timer.extra-small.total_units_4{
width: 120px;
}
.nf-timer.extra-small.total_units_3{
width: 80px;
}
.nf-timer.extra-small.total_units_2{
width: 40px;
}
.nf-timer.small.total_units_4{
width: 150px;
}
.nf-timer.small.total_units_3{
width: 100px;
}
.nf-timer.small.total_units_2{
width: 50px;
}
.nf-timer.normal.total_units_4{
width: 240px;
}
.nf-timer.normal.total_units_3{
width: 160px;
}
.nf-timer.normal.total_units_2{
width: 80px;
}
.nf-timer.large.total_units_4{
width: 300px;
}
.nf-timer.large.total_units_3{
width: 200px;
}
.nf-timer.large.total_units_2{
width: 100px;
}
.nf-timer.extra-large.total_units_4{
width: 450px;
}
.nf-timer.extra-large.total_units_3{
width: 300px;
}
.nf-timer.extra-large.total_units_2{
width: 150px;
}
.nf-timer.super-size.total_units_4{
width: 600px;
}
.nf-timer.super-size.total_units_3{
width: 400px;
}
.nf-timer.super-size.total_units_2{
width: 200px;
}
.time_circles{
position: relative;
width: 100%;
height: 100%;
margin-top: 5px;
}
.time_circles canvas{
position: relative;
z-index: 100;
}
.time_circles > div{
position: absolute;
text-align: center;
top: 0 !important;
height: calc(100% - 6px);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: 50%;
}
.time_circles > div > h4{
margin: 2px 0px -4px 0px;
padding: 0px;
text-align: center;
}
.time_circles > div > span{
display: block;
width: 100%;
text-align: center;
font-size: 300%;
}
.nf-admin .time_circles > div > span{
margin-top: 3px;
}
.bc-outer-container{
position: relative;
z-index: 1000;
flex: 10;
}
.timer-outer-container{
position: relative;
flex: 1;
margin: 0;
z-index: 1000;
}
.timer-inner-container{
border-style: solid;
border-width: 0;
border-radius: 3px;
}
.nex-forms-header-footer{
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 15px;
}
.nex-forms-header-footer.timer_inline{
align-items: center;
}
.nex-forms-header-footer.timer_right .timer-outer-container{
display: flex;
justify-content: flex-end;
}
.nex-forms-header-footer.timer_left .timer-outer-container{
display: flex;
justify-content: flex-start;
}
.nex-forms-header-footer.timer_center .timer-outer-container{
display: flex;
justify-content: center;
}
.nex-forms-header-footer.timer_left{
flex-direction: row-reverse;
}
.nex-forms-header-footer.timer_top{
flex-direction: column-reverse;
}
.nex-forms-header-footer.timer_bottom{
flex-direction: column;
}
.nf-admin .nex-forms-header-footer{
margin: 0 -31px 0 -21px;
}
.nex-forms-header-footer.nex-forms-header{
margin-bottom: 15px;
}
.nex-forms-header-footer.nex-forms-footer {
margin-top: 15px !important;
}
.modal-content .nex-forms-header-footer.nex-forms-header,
.nex-forms-header-footer.nex-forms-footer{
margin: 0px;
}
.nf-loader-lds-circle{
display: inline-block;
transform: translateZ(1px);
}
.nf-loader-lds-circle > div{
display: inline-block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
background: #ccc;
animation: nf-loader-lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.nf-loader-lds-dual-ring{
display: inline-block;
width: 80px;
height: 80px;
}
.nf-loader-lds-dual-ring:after{
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
border: 6px solid #ccc;
border-color: #ccc transparent #ccc transparent;
animation: nf-loader-lds-dual-ring 1.2s linear infinite;
}
.nf-loader-lds-facebook{
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.nf-loader-lds-facebook div{
display: inline-block;
position: absolute;
left: 8px;
width: 16px;
background: #ccc;
animation: nf-loader-lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.nf-loader-lds-facebook div:nth-child(1){
left: 8px;
animation-delay: -0.24s;
}
.nf-loader-lds-facebook div:nth-child(2){
left: 32px;
animation-delay: -0.12s;
}
.nf-loader-lds-facebook div:nth-child(3){
left: 56px;
animation-delay: 0;
}
.nf-loader-lds-heart{
display: inline-block;
position: relative;
width: 80px;
height: 80px;
transform: rotate(45deg);
transform-origin: 40px 40px;
}
.nf-loader-lds-heart div{
top: 32px;
left: 32px;
position: absolute;
width: 32px;
height: 32px;
background: #ccc;
animation: nf-loader-lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nf-loader-lds-heart div:after,
.nf-loader-lds-heart div:before{
content: " ";
position: absolute;
display: block;
width: 32px;
height: 32px;
background: #ccc;
}
.nf-loader-lds-heart div:before{
left: -24px;
border-radius: 50% 0 0 50%;
}
.nf-loader-lds-heart div:after{
top: -24px;
border-radius: 50% 50% 0 0;
}
.nf-loader-lds-ring{
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.nf-loader-lds-ring div{
box-sizing: border-box;
display: block;
position: absolute;
width: 64px;
height: 64px;
margin: 8px;
border: 8px solid #ccc;
border-radius: 50%;
animation: nf-loader-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #ccc transparent transparent transparent;
}
.nf-loader-lds-ring div:nth-child(1){
animation-delay: -0.45s;
}
.nf-loader-lds-ring div:nth-child(2){
animation-delay: -0.3s;
}
.nf-loader-lds-ring div:nth-child(3){
animation-delay: -0.15s;
}
.nf-loader-lds-roller{
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.nf-loader-lds-roller div{
animation: nf-loader-lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.nf-loader-lds-roller div:after{
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: #ccc;
margin: -4px 0 0 -4px;
}
.nf-loader-lds-roller div:nth-child(1){
animation-delay: -0.036s;
}
.nf-loader-lds-roller div:nth-child(1):after{
top: 63px;
left: 63px;
}
.nf-loader-lds-roller div:nth-child(2){
animation-delay: -0.072s;
}
.nf-loader-lds-roller div:nth-child(2):after{
top: 68px;
left: 56px;
}
.nf-loader-lds-roller div:nth-child(3){
animation-delay: -0.108s;
}
.nf-loader-lds-roller div:nth-child(3):after{
top: 71px;
left: 48px;
}
.nf-loader-lds-roller div:nth-child(4){
animation-delay: -0.144s;
}
.nf-loader-lds-roller div:nth-child(4):after{
top: 72px;
left: 40px;
}
.nf-loader-lds-roller div:nth-child(5){
animation-delay: -0.18s;
}
.nf-loader-lds-roller div:nth-child(5):after{
top: 71px;
left: 32px;
}
.nf-loader-lds-roller div:nth-child(6){
animation-delay: -0.216s;
}
.nf-loader-lds-roller div:nth-child(6):after{
top: 68px;
left: 24px;
}
.nf-loader-lds-roller div:nth-child(7){
animation-delay: -0.252s;
}
.nf-loader-lds-roller div:nth-child(7):after{
top: 63px;
left: 17px;
}
.nf-loader-lds-roller div:nth-child(8){
animation-delay: -0.288s;
}
.nf-loader-lds-roller div:nth-child(8):after{
top: 56px;
left: 12px;
}
.nf-loader-lds-default{
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.nf-loader-lds-default div{
position: absolute;
width: 6px;
height: 6px;
background: #ccc;
border-radius: 50%;
animation: nf-loader-lds-default 1.2s linear infinite;
}
.nf-loader-lds-default div:nth-child(1){
animation-delay: 0s;
top: 37px;
left: 66px;
}
.nf-loader-lds-default div:nth-child(2){
animation-delay: -0.1s;
top: 22px;
left: 62px;
}
.nf-loader-lds-default div:nth-child(3){
animation-delay: -0.2s;
top: 11px;
left: 52px;
}
.nf-loader-lds-default div:nth-child(4){
animation-delay: -0.3s;
top: 7px;
left: 37px;
}
.nf-loader-lds-default div:nth-child(5){
animation-delay: -0.4s;
top: 11px;
left: 22px;
}
.nf-loader-lds-default div:nth-child(6){
animation-delay: -0.5s;
top: 22px;
left: 11px;
}
.nf-loader-lds-default div:nth-child(7){
animation-delay: -0.6s;
top: 37px;
left: 7px;
}
.nf-loader-lds-default div:nth-child(8){
animation-delay: -0.7s;
top: 52px;
left: 11px;
}
.nf-loader-lds-default div:nth-child(9){
animation-delay: -0.8s;
top: 62px;
left: 22px;
}
.nf-loader-lds-default div:nth-child(10){
animation-delay: -0.9s;
top: 66px;
left: 37px;
}
.nf-loader-lds-default div:nth-child(11){
animation-delay: -1s;
top: 62px;
left: 52px;
}
.nf-loader-lds-default div:nth-child(12){
animation-delay: -1.1s;
top: 52px;
left: 62px;
}
.nf-loader-lds-ellipsis{
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.nf-loader-lds-ellipsis div{
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #ccc;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.nf-loader-lds-ellipsis div:nth-child(1){
left: 8px;
animation: nf-loader-lds-ellipsis1 0.6s infinite;
}
.nf-loader-lds-ellipsis div:nth-child(2){
left: 8px;
animation: nf-loader-lds-ellipsis2 0.6s infinite;
}
.nf-loader-lds-ellipsis div:nth-child(3){
left: 32px;
animation: nf-loader-lds-ellipsis2 0.6s infinite;
}
.nf-loader-lds-ellipsis div:nth-child(4){
left: 56px;
animation: nf-loader-lds-ellipsis3 0.6s infinite;
}
.nf-loader-lds-grid{
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.nf-loader-lds-grid div{
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
background: #ccc;
animation: nf-loader-lds-grid 1.2s linear infinite;
}
.nf-loader-lds-grid div:nth-child(1){
top: 8px;
left: 8px;
animation-delay: 0s;
}
.nf-loader-lds-grid div:nth-child(2){
top: 8px;
left: 32px;
animation-delay: -0.4s;
}
.nf-loader-lds-grid div:nth-child(3){
top: 8px;
left: 56px;
animation-delay: -0.8s;
}
.nf-loader-lds-grid div:nth-child(4){
top: 32px;
left: 8px;
animation-delay: -0.4s;
}
.nf-loader-lds-grid div:nth-child(5){
top: 32px;
left: 32px;
animation-delay: -0.8s;
}
.nf-loader-lds-grid div:nth-child(6){
top: 32px;
left: 56px;
animation-delay: -1.2s;
}
.nf-loader-lds-grid div:nth-child(7){
top: 56px;
left: 8px;
animation-delay: -0.8s;
}
.nf-loader-lds-grid div:nth-child(8){
top: 56px;
left: 32px;
animation-delay: -1.2s;
}
.nf-loader-lds-grid div:nth-child(9){
top: 56px;
left: 56px;
animation-delay: -1.6s;
}
.nf-loader-lds-hourglass{
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.nf-loader-lds-hourglass:after{
content: " ";
display: block;
border-radius: 50%;
width: 0;
height: 0;
margin: 8px;
box-sizing: border-box;
border: 32px solid #ccc;
border-color: #ccc transparent #ccc transparent;
animation: nf-loader-lds-hourglass 1.2s infinite;
}
.nf-loader-lds-ripple{
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.nf-loader-lds-ripple div{
position: absolute;
border: 4px solid #ccc;
opacity: 1;
border-radius: 50%;
animation: nf-loader-lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.nf-loader-lds-ripple div:nth-child(2){
animation-delay: -0.5s;
}
.nf-loader-lds-spinner{
color: official;
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.nf-loader-lds-spinner div{
transform-origin: 40px 40px;
animation: nf-loader-lds-spinner 1.2s linear infinite;
}
.nf-loader-lds-spinner div:after{
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
background: #ccc;
}
.nf-loader-lds-spinner div:nth-child(1){
transform: rotate(0deg);
animation-delay: -1.1s;
}
.nf-loader-lds-spinner div:nth-child(2){
transform: rotate(30deg);
animation-delay: -1s;
}
.nf-loader-lds-spinner div:nth-child(3){
transform: rotate(60deg);
animation-delay: -0.9s;
}
.nf-loader-lds-spinner div:nth-child(4){
transform: rotate(90deg);
animation-delay: -0.8s;
}
.nf-loader-lds-spinner div:nth-child(5){
transform: rotate(120deg);
animation-delay: -0.7s;
}
.nf-loader-lds-spinner div:nth-child(6){
transform: rotate(150deg);
animation-delay: -0.6s;
}
.nf-loader-lds-spinner div:nth-child(7){
transform: rotate(180deg);
animation-delay: -0.5s;
}
.nf-loader-lds-spinner div:nth-child(8){
transform: rotate(210deg);
animation-delay: -0.4s;
}
.nf-loader-lds-spinner div:nth-child(9){
transform: rotate(240deg);
animation-delay: -0.3s;
}
.nf-loader-lds-spinner div:nth-child(10){
transform: rotate(270deg);
animation-delay: -0.2s;
}
.nf-loader-lds-spinner div:nth-child(11){
transform: rotate(300deg);
animation-delay: -0.1s;
}
.nf-loader-lds-spinner div:nth-child(12){
transform: rotate(330deg);
animation-delay: 0s;
}
#nex-forms label.check_disabled{
opacity: 0.5;
transition: all 0.3 ease 0s;
}
#nex-forms option.option_disabled{
opacity: 0.5;
transition: all 0.3 ease 0s;
}
#nex-forms .icon_disabled{
opacity: 0.5;
transition: all 0.3 ease 0s;
}
div#field_container{
border-style: solid;
border-width: 0;
border-color: #ddd;
}
div#field_container.icon_container{
padding: 2px;
border-style: solid;
border-width: 0px;
border-color: #ddd;
}
#nex-forms .icon_element{
font-size: 34px;
}
.icon_container_wrapper{
display: flex;
}
.icon_container_wrapper.icon_left{
justify-content: flex-start;
}
.icon_container_wrapper.icon_right{
justify-content: flex-end;
}
.icon_container_wrapper.icon_center{
justify-content: center;
}
#nex-forms .animated{
opacity: 1;
}
#nex-forms .field_spacer .field_spacer{
height: 10px;
}
.nex_success_message.show_success .form_field{
visibility: unset !important;
}
.math_logic_slider .math-slider-wrapper{
width: calc(100% - 60px);
margin: 0 auto;
margin-top: 30px;
margin-bottom: 30px;
position: relative;
}
.math_logic_slider .math-slider-wrapper .math-slider-progress{
background-color: #efefef;
height: 20px;
}
.math_logic_slider .math-slider-progress{
background: #ebedef;
border-radius: 32px;
height: 1rem;
-webkit-box-shadow: none;
box-shadow: none;
display: flex;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
width: 100%;
}
.math_logic_slider .math-slider-progress,
.math_logic_slider .math-slider-progress-bar{
overflow: unset!important;
height: 20px;
}
.math_logic_slider .math-slider-wrapper .math-slider-progress .math-slider-progress-bar-total,
.math_logic_slider .math-slider-progress-bar{
background-color: #40c4ff;
color: #ffffff;
}
.math_logic_slider .math-slider-wrapper .math-slider-progress-bar{
position: absolute;
border-radius: 40px;
}
.math_logic_slider .math-slider-progress-bar{
background: #40c4ff;
line-height: 12px;
-webkit-box-shadow: none;
box-shadow: none;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #40c4ff;
transition: width 0.6s ease 0s;
}
.math_logic_slider .math-slider-wrapper .math-slider-progress .math-slider-progress-bar-total{
left: auto !important;
right: -60px;
font-size: 18px;
display: flex;
width: 75px;
position: absolute;
border-radius: 100px;
height: 75px;
color: #fff;
background-color: #40c4ff;
z-index: 1;
box-shadow: inset 1px -2px 0 rgba(0,0,0,0.10);
transition: all .3s ease 0s;
justify-content: center;
align-items: center;
}
.math_logic_slider .math-slider-wrapper.nf-sm .math-slider-progress{
height: 10px;
}
.math_logic_slider .math-slider-progress .math-slider-wrapper.nf-sm,
.math_logic_slider .math-slider-wrapper.nf-sm .math-slider-progress-bar{
overflow: unset!important;
height: 10px;
}
.math_logic_slider .math-slider-wrapper.nf-sm .math-slider-progress .math-slider-progress-bar-total{
width: 45px;
font-size: 15px;
height: 45px;
right: -35px;
}
.math_logic_slider .math-slider-wrapper.nf-lg .math-slider-progress{
height: 30px;
}
.math_logic_slider .math-slider-progress .math-slider-wrapper.nf-lg,
.math_logic_slider .math-slider-wrapper.nf-lg .math-slider-progress-bar{
overflow: unset!important;
height: 30px;
}
.math_logic_slider .math-slider-wrapper.nf-lg .math-slider-progress .math-slider-progress-bar-total{
width: 100px;
font-size: 22px;
height: 100px;
right: -80px;
}
.math_logic_slider.square .math-slider-wrapper .math-slider-progress .math-slider-progress-bar-total,
.math_logic_slider.square .math-slider-wrapper .math-slider-progress-bar,
.math_logic_slider.square .math-slider-progress{
border-radius: 0;
}
.math_logic_slider.pill .math-slider-wrapper .math-slider-progress .math-slider-progress-bar-total,
.math_logic_slider.pill .math-slider-wrapper .math-slider-progress-bar,
.math_logic_slider.pill .math-slider-progress{
border-radius: 10px;
}
.math_logic_slider .math-slider-wrapper.nf-sm{
margin-top: 15px;
margin-bottom: 15px;
}
.v7_container .math_logic_slider.square .math-slider-wrapper .math-slider-progress .math-slider-progress-bar-total,
.v7_container .math_logic_slider.pill .math-slider-wrapper .math-slider-progress .math-slider-progress-bar-total{
width: unset !important;
height: unset !important;
padding: 23px 32px;
right: -86px;
}
.v7_container .math_logic_slider.square #math-slider-wrapper.math-slider-wrapper.nf-sm .math-slider-progress .math-slider-progress-bar-total,
.v7_container .math_logic_slider.pill #math-slider-wrapper.math-slider-wrapper.nf-sm .math-slider-progress .math-slider-progress-bar-total{
width: unset !important;
height: unset !important;
padding: 15px 21px;
right: -65px;
}
.v7_container .math_logic_slider.square #math-slider-wrapper.math-slider-wrapper.nf-lg .math-slider-progress .math-slider-progress-bar-total,
.v7_container .math_logic_slider.pill #math-slider-wrapper.math-slider-wrapper.nf-lg .math-slider-progress .math-slider-progress-bar-total{
width: unset !important;
height: unset !important;
padding: 30px 35px;
}
.shine{
position: absolute;
top: 0;
left: -90px;
height: 100%;
width: 45px;
background: rgba(255, 255, 255, 0.2);
transform: skewX(-20deg) translateX(0);
filter: blur(2px);
}
button.do_shine .shine {
transform: skewX(-20deg) translateX(500px);
transition: all .4s linear;
opacity:0.8;
}
#nex-forms .form_field button.btn {
overflow: hidden;
}
#nex-forms .radio-inline a::before{
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: inherit;
border-radius: inherit;
transform: scale(1);
opacity: 0.25;
transition: transform 0.2s ease 0s;
}
#nex-forms .radio-inline:hover a{ }
#nex-forms .radio-inline a.pulse2::before{
transform: scale(1.35);
transition: transform 0.3s ease 0.1s;
}
#nex-forms .bootstrap .form-control {
transition: none;
}
@keyframes pulse2{
from{
transform: scale(0.2); }
50%{
transform: scale(1.15); }
to{
transform: scale(1); }
}
.pulse2{
animation-name:pulse2; 
animation-duration:300ms !important;
}
#nex-forms .ui-slider-handle:not(.noUi-handle)::before{ }
#nex-forms .ui-slider-handle:not(.noUi-handle):active::before{ }
@-moz-document url-prefix(""){
#nex-forms .cd-breadcrumb.triangle li::after,#nex-forms .cd-breadcrumb.triangle li > *::after{
border-left-style: dashed !important;
}
}
@-moz-document url-prefix(){
#nex-forms .cd-breadcrumb.triangle li::after,   #nex-forms .cd-breadcrumb.triangle li > *::after{
border-left-style: dashed !important;
}
}
@-webkit-keyframes autofill-bs{
to{
color: #666;
background: #fff;
}
}
@-webkit-keyframes autofill-md{
to{
color: #666;
background: transparent;
}
}
@keyframes lds-ellipsis1{
0%{
transform: scale(0);
}
100%{
transform: scale(1);
}
}
@keyframes lds-ellipsis2{
0%{
transform: translate(0, 0);
}
100%{
transform: translate(24px, 0);
}
}
@keyframes lds-ellipsis3{
0%{
transform: scale(1);
}
100%{
transform: scale(0);
}
}
@keyframes lds-ring{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
@keyframes nf-loader-lds-circle{
0%,100%{
animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
}
0%{
transform: rotateY(0deg);
}
50%{
transform: rotateY(1800deg);
animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
}
100%{
transform: rotateY(3600deg);
}
}
@keyframes nf-loader-lds-default{
0%,20%,80%,100%{
transform: scale(1);
}
50%{
transform: scale(1.5);
}
}
@keyframes nf-loader-lds-dual-ring{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
@keyframes nf-loader-lds-ellipsis1{
0%{
transform: scale(0);
}
100%{
transform: scale(1);
}
}
@keyframes nf-loader-lds-ellipsis2{
0%{
transform: translate(0, 0);
}
100%{
transform: translate(24px, 0);
}
}
@keyframes nf-loader-lds-ellipsis3{
0%{
transform: scale(1);
}
100%{
transform: scale(0);
}
}
@keyframes nf-loader-lds-facebook{
0%{
top: 8px;
height: 64px;
}
50%,100%{
top: 24px;
height: 32px;
}
}
@keyframes nf-loader-lds-grid{
0%,100%{
opacity: 1;
}
50%{
opacity: 0.5;
}
}
@keyframes nf-loader-lds-heart{
0%{
transform: scale(0.95);
}
5%{
transform: scale(1.1);
}
39%{
transform: scale(0.85);
}
45%{
transform: scale(1);
}
60%{
transform: scale(0.95);
}
100%{
transform: scale(0.9);
}
}
@keyframes nf-loader-lds-hourglass{
0%{
transform: rotate(0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
50%{
transform: rotate(900deg);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
100%{
transform: rotate(1800deg);
}
}
@keyframes nf-loader-lds-ring{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
@keyframes nf-loader-lds-ripple{
0%{
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 1;
}
100%{
top: 0px;
left: 0px;
width: 72px;
height: 72px;
opacity: 0;
}
}
@keyframes nf-loader-lds-roller{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
@keyframes nf-loader-lds-spinner{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@media only screen and (max-width: 400px){
#nex-forms .cd-breadcrumb{
}
}
@media only screen and (max-width: 800px){
#nex-forms .nf_ms_breadcrumb .nf_progressbar{
display: block !important;
visibility: visible !important;
}
#nex-forms .nf_ms_breadcrumb ul{
display: none;
}
#nex-forms .icon-holder.col-sm-2,#nex-forms .icon-holder.col-sm-3,#nex-forms .icon-holder.col-sm-4,#nex-forms .icon-holder.col-sm-6{
width: 100%;
}
#nex-forms div.checkbox-group label,#nex-forms div.radio-group label.checkbox-inline,#nex-forms div.radio-group label.radio-inline{
width: 100%;
}
#nex-forms .modal.nex_forms_modal{
max-width: 100%;
top: 0 !important;
min-height: 100%;
left: 0 !important;
margin: 0 !important;
padding: 35px 10px !important;
position: fixed !important;
width: 100% !important;
}
#nex-forms div.inner-canvas-container .form_field{
margin: 15px 0 !important;
}
#nex-forms div.inner-canvas-container .form_field.html_fields{ }
}
@media only screen and (min-width: 768px){
#nex-forms .cd-breadcrumb,#nex-forms .cd-multi-steps{
padding: 0 1.2em !important;
}
#nex-forms .cd-breadcrumb li,#nex-forms .cd-multi-steps li{
margin: 1.2em 0 !important;
}
#nex-forms .cd-breadcrumb li::after,#nex-forms .cd-multi-steps li::after{
margin: 0 1em !important;
}
#nex-forms .cd-breadcrumb li > *,#nex-forms .cd-multi-steps li > *{
font-size: 12px !important;
}
}
.fu-text{ color:#666;
}
.ui-menu.ui-autocomplete {
z-index: 2000;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#nex-forms .form_field.material_field .row, .submit-button .row {
margin-left: 0!important;
margin-right: 0!important;
}
#nex-forms i {
line-height: inherit
}
#nex-forms .survey_fields .input_container {
margin-top: 8px;
margin-bottom: 15px
}
#nex-forms .modal{
background-color: #fafafa;
display: none;
left: 0;
margin: auto;
overflow-x: hidden;
padding: 0;
position: fixed;
right: 0;
overflow-y: auto;
opacity: 1!important;
}
nex-forms .modal h1,
#nex-forms .modal h4,
.modal h2,
.modal h3{
margin-top: 0;
}
#nex-forms .modal .modal-header{
background: #f2f2f2 none repeat scroll 0 0;
border-bottom: 1px solid #ddd;
padding: 14px 11px 4px 20px;
}
#nex-forms .modal .modal-header h4{
color: #666;
float: left;
font-size: 20px;
font-weight: 500!important;
height: 30px;
line-height: 21px!important;
text-overflow: ellipsis;
white-space: nowrap;
width: 87%;
}
#nex-forms .nex_forms_modal.modal .modal-close{
border-radius: 50%;
color: rgba(158,158,158,.5);
display: flex;
float: right;
font-size: 12px;
height: 25px;
margin-left: 0;
transition: all .4s ease-in-out 0s;
width: 25px;
right: 10px;
position: absolute;
top: 10px;
z-index: 1000;
justify-content: center;
align-items: center;
background: rgba(158,158,158,.1);
border: 1px solid rgba(158,158,158,.2);
cursor: pointer;
}
#nex-forms .modal .modal-header span .material-icons{
font-size: 20px;
}
#nex-forms .nex_forms_modal .modal-close .fa{
font-size: 12px!important;
position: relative;
}
#nex-forms .nex_forms_modal.modal .modal-close:hover {
transform: rotate(180deg);
transition: all .3s ease-in-out 0s;
cursor: pointer;
opacity: 1;
color: #aaa !important;
border-color: #ccc;
}
#nex-forms .nex_forms_modal.modal .modal-footer{
border-radius: 0 0 2px 2px;
background-color: #fafafa;
padding: 4px 6px;
height: 56px;
width: 100%;
}
#nex-forms .nex_forms_modal.modal .modal-footer .mb-btn,
#nex-forms .nex_forms_modal.modal .modal-footer .mb-btn-flat,
#nex-forms .nex_forms_modal.modal .modal-footer .mb-btn-large{
float: right;
margin: 6px 0;
}
#nex-forms .nex_forms_modal.modal{
z-index: 999999999!important;
}
.modal-overlay{
position: fixed;
z-index: 1000000!important;
top: -25%;
left: 0;
bottom: 0;
right: 0;
height: 125%;
width: 100%;
background: #000;
display: none;
will-change: opacity;
}
.modal.modal-fixed-footer{
padding: 0;
height: 70%;
}
.modal.modal-fixed-footer .modal-content{
position: absolute;
height: calc(100% - 56px);
max-height: 100%;
width: 100%;
overflow-y: auto;
}
.modal.modal-fixed-footer .modal-footer{
border-top: 1px solid rgba(0,0,0,.1);
position: absolute;
bottom: 0;
}
.modal.bottom-sheet{
top: auto;
bottom: -100%;
margin: 0;
width: 100%;
max-height: 45%;
border-radius: 0;
will-change: bottom,opacity;
}
.timer_progress {
width: 100%;
display: flex;
height: 5px;
position: relative;
}
.timer_fill {
width: 100%;
position: absolute;
background: #53caff;
height: 5px; }
@media screen and (max-width: 600px) {
.ui-nex-forms-container-fe .nf-no-mobile {
visibility: hidden;
display: none; }
}
@media (min-width: 601px) and (max-width: 992px){
.ui-nex-forms-container-fe .nf-no-tablet {
visibility: hidden;
display: none; }
}
@media (min-width: 993px) and (max-width: 1280px){
.ui-nex-forms-container-fe .nf-no-laptop {
visibility: hidden;
display: none; }
}
@media screen and (min-width: 1281px){
.ui-nex-forms-container-fe .nf-no-pc {
visibility: hidden;
display: none; }
}