<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#nex-forms{display:block !important;}
#nex-forms input[name="_name"],
#nex-forms input[name="surname"],
span[data-field-name="_name"],
span[data-field-name="surname"]{
	text-transform:capitalize !important;
}
#nex-forms input[type="password"].form-control {
    border-color: #ddd;
}
#nex-forms, .nf-sticky-contact-form{
	display:block !important;
}
#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{
    font-family: sans-serif;
}
#nex-forms .select-wrapper .select-wrapper,
#nex-forms .nice-select {
    display: none;
}
#nex-forms .hidden_by_logic {
    display: none !important;
}
#nex-forms .inner-canvas-container .input-group-addon.prefix{
	border-top-right-radius:0px !important;
	border-bottom-right-radius:0px !important;
}
#nex-forms .inner-canvas-container .input-group-addon.postfix{
	border-top-left-radius:0px !important;
	border-bottom-left-radius:0px !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: 0px;
}
.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: 77px;
}
#nex-forms form, #nex-forms {
    width: 100% !important;
}
#nex-forms form{
	transition:min-height 0.6s ease 0.25s !important;
}
.nex_forms_modal .modal-body {
    overflow-y: auto !important;
}
#nex-forms select {
    -moz-appearance: menulist !important;
}

#nex-forms .math_result {
    word-wrap: normal;
}

#nex-forms .fa {
    /*font-family: "Fontawesome" !important;*/
}
#nex-forms .select2-hidden-accessible {
    position: unset !important;
    overflow: visible !important;
    height: auto !important;
}

.nex_forms_modal .modal-dialog {
    margin: 30px auto !important;
}
#nex-forms grammarly-btn {
    display: none;
}
.single-image-select-group .label_container, .multi-image-select-group .label_container {
    /*margin-bottom: -20px;*/
}
#nex-forms .required {
    margin-left: auto;
}
#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: 0px !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 {
    /*border-bottom-width: 2px;*/
    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: proxima_novalight, Arial, Helvetica, sans-serif;
}
#nex-forms .the-radios.input_container {
    padding-top: 2px;
}
#nex-forms .clearfix {
    visibility: visible;
}
#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 {
    /*margin-bottom: 25px !important;*/
}

.nex_forms_modal {
   /* z-index: 100000 !important;*/
   /* position: relative;*/
}

#nex-forms .input-group-btn .btn .fa {
   /* color: #555;
    font-size: 15px ;*/
}
#nex-forms .input-group-btn .btn {
    /*height: 34px;*/
	height:42px;
    /*color: #444 !important;*/
}
#nex-forms .select::after {
    content: none !important;
}
#nex-forms .form_field.selection_fields select {
   display:block !important;
}
#nex-forms .nf-input-sm {
    height: 28px !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;
}
#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{
    /*height: 42px;*/
}
#nex-forms i.fileinput-exists.fas.fa-file {
    top: -6px;
    position: relative;
}
#nex-forms .form-control:focus {
    box-shadow: none !important;
    transition: none !important;
}


#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;
}
#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;
	/*opacity:0.7*/
}
#nex-forms .the-thumb.fa-thumbs-o-down:hover,
#nex-forms .the-smile.fa-frown-o:hover {
    color: #a94442;
	/*opacity:0.7*/
}
#nex-forms .the-smile.fa-meh-o:hover{
	color: #f0ad4e;
	/*opacity:0.7*/
}
#nex-forms .radio-inline .tooltip {
    top: -32px !important;
    margin-left: -5px;
	opacity:0.7;
}

#nex-forms .star-rating span {
   /* font-size: 12px !important;*/
    position: unset;
}
#nex-forms .star-rating {
    letter-spacing: 0 !important;
}
#nex-forms .star-rating span:before {
    content: none !important;
}
/*#nex-forms .star-rating .input_container  .fa:hover {
    color: #ec971f !important;
    transition: all 250ms  !important;
}
#nex-forms .star-rating .input_container  .fa {
    font-size: 26px  !important;
    padding: 0 !important;
    margin-left: -7px  !important;
    color: #bbb  !important;
    transition: all 100ms  !important;
}*/
/*#nex-forms .star-rating .input_container .fa-star {
   color: #ffc107 !important;
    text-shadow: 5px 5px 1px #e5e5e5;
    transform: scale(1.17) !important;
}
#nex-forms .star-rating .input_container  .fa-star-half-o, #nex-forms .star-rating .input_container  .fa-star-half {
    color: #f0ad4e  !important;
    transform: scale(1.07)  !important;
}*/
/*#nex-forms .error_msg {
    color: #a94442;
    padding-top: 5px;
    font-size: 11px;
	transition:all 300ms;
	position:relative;
	top:-20px;
	text-align:right;
	height:0px !important;
	/*transform: scale(0)*//*
}
#nex-forms .error_msg.animate_right{
	transition: all 300ms;
	top:0;
	height:20px !important;
	/*transform: scale(1);*//*
}

*/
#nex-forms .form_field {
    position: relative;
}
.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: -18px;
    color: #f44336;
    font-size: 11px !important;
    position: absolute;
    right: 0px;
    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;
    position: absolute;
    left: 47px;
    visibility: visible !important;
	right:auto;*/
	bottom: -18px;
    color: #f44336;
    font-size: 11px !important;
    left: auto;
    position: absolute;
    right: 0;
    visibility: visible !important;
}

.error_msg.indent {
   /* margin-left: 45px;*/
}

.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 {
   /* color: #d43f3a !important;*/
}
#nex-forms .error_msg.popover.top &gt; .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 {
   /* background: #fff;*/
}

#nex-forms .panel-body.the-panel-body{
    background: #fff;
}

#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%;
}
#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 {
   /* margin-top: 20px;*/
}

#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;
}
/*span.img-thumbnail-large.img-thumbnail {
    height: 160px !important;
    width: 160px !important;
}
span.img-thumbnail-small.img-thumbnail {
    height: 80px !important;
    width: 80px !important;
}*/
/*#nex-forms .thumb-sm span.img-thumbnail {
    height: 80px;
    width: 80px;
}
#nex-forms .thumb-lg span.img-thumbnail {
    height: 160px;
    width: 160px;
}
#nex-forms .thumb-xlg span.img-thumbnail {
    height: 200px;
    width: 200px;
}*/

#nex-forms .radio-inline .img-thumbnail,
#nex-forms .checkbox-inline .img-thumbnail {
    background-size: cover !important;
}

/* STICKY RIGHT */
#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;
}


/* STICKY LEFT */
#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;
}



/* STICKY BOTTOM */
#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;
}
#nex-forms .nf-sticky-contact-form.paddel-bottom .nf-sticky-container {
    background: #fff;
	min-height: 296px;
	border-radius:0 !important;
	position: relative;
    z-index: 1000;
	overflow:auto;
	height:300px;
	min-height:300px;
}
#nex-forms .nf-sticky-contact-form.paddel-bottom .nf-sticky-paddel.btn {
    width: auto !important;
}


/* STICKY TOP */
#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;
}
#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.paddel-top .nf-sticky-paddel.btn {
    width: auto !important;
	line-height: 14px;
}






#nex-forms .nf-sticky-contact-form .nf-sticky-container .panel{
	margin-bottom:0 !important;
}

#nex-forms .nf-sticky-paddel.btn {
    overflow: hidden;
   /* width: 135px;*/
}

#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;
}

#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;
}

#nex-forms .input-group-addon span.fa {
    width: 19px;
}


#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 !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;
   /*opacity:1 !important;
   z-index:1000000000 !important;*/
}
/*#nex-forms .full_width {width: 100% !important;}*/

#nex-forms label.nexf_title.align_left {
	margin-bottom:0 !important;
}
#nex-forms label.nexf_title{
	font-size:14px;
	/*padding-bottom: 8px;*/
}
#nex-forms .the_label {
    color: #9e9e9e;
}
#nex-forms .ui-widget-content .the_label {
    color: inherit;
}




/* NEW IMAGE UPLOADER */
.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: auto !important;
}
#nex-forms .upload-image .fileinput.fileinput-exists {
    border: none !important;
}
#nex-forms .upload-image .fileinput {
    width: 50%;
    border: none !important;
    text-align: center;
    vertical-align: center !important;
}
.upload-image .thumbnail:hover {
    border-color: #ccc !important;
}
#nex-forms .upload-image .fileinput-exists {
    border: medium none !important;
}


#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: #ccc;
    font-size: 33px;
}
#nex-forms .fileinput.fileinput-exists .nf_remove_image .fa {
    font-size: 12px;
    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;}
#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: none !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{}
.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 .popover-content {
    min-width: 165px;
    padding: 9px 14px;
    text-align: center;
}

#nex-forms .form_field.select,
#nex-forms .form_field.multi-select {
   /* position: relative;*/
}

#nex-forms .bootstrap-select .dropdown-menu ul li {
    margin-left: 0 !important;
}
#nex-forms .bootstrap-select .dropdown-menu .popover {
    display: none !important;
}


/**********************************/
/************* FIELDS *************/
/**********************************/
#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: 0px !important;
    border-bottom-left-radius: 0px !important;
}
#nex-forms .pill.form_field.touch_spinner .input-group .bootstrap-touchspin-down {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !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: 0px !important;
    border-bottom-left-radius: 0px !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;}
#nex-forms .ui-slider {margin-left: 5px;margin-right: 5px;*/position: relative;text-align: left; overflow:visible}
#nex-forms .ui-slider .ui-slider-handle::before,
#nex-forms .ui-slider .ui-slider-handle::after{ background-clip: unset !important;
    background-color: transparent !important;
    border: medium none !important;}
#nex-forms .ui-slider .ui-slider-handle{opacity: 1 !important; border:1px solid #ddd; width:auto !important;height:auto !important;padding:5px;text-decoration:none !important;outline:none;cursor:pointer !important;top:-10px !important;font-size:12px !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: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:none;padding:0 !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: none repeat scroll 0 0 #F2F2F2;border:1px solid #ddd;}
#nex-forms .ui-slider-range-max:last-child {background: none repeat scroll 0 0 #FFFFFF;border:1px solid #ddd;}
#nex-forms .ui-slider{border:1px solid #ddd;}
/*#nex-forms .autocomplete, .autocomplete div.input-inner {z-index: 1001 !important;}*/
#nex-forms .ui-autocomplete {z-index: 1000 !important;background: #FFF !important;}

/*.ui-autocomplete {
    background: #fff none repeat scroll 0 0 !important;
    max-height: 50vh;
    overflow-y: scroll;
}*/
.ui-autocomplete li {
    cursor: pointer;
    list-style: outside none none;
    margin-bottom: 0 !important;
    padding-left: 10px;
}
.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{/*display: block !important;
    float: none;
    margin-right: 0 !important;*/}


#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;
}



#nex-forms form {
    position: relative;
}


.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;
    /* margin: 0 auto; */
    /* transform: scale(0); */
    width: 70px;
    /* border: 5px solid #fff !important; */
    box-shadow: 0px 0px 1px #aaa;
}
.success_icon.show {
   /* transform: scale(1);
    transition: all 500ms ease 0s;*/
}
.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;
    /* text-align: center; */
    /* width: 100%; */
    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 {
    box-shadow: 4px 4px 20px rgba(0,0,0,0.06);
	transition:all 0.2s;
}
#nex-forms .form_field button.btn:hover {
    box-shadow: 10px 10px 30px rgba(0,0,0,0.2);
    transition: all 0.2s;
}
#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;
  /*top:50px;*/
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 70px;
  height: 70px;
  margin: 6px;
  border: 3px solid #8bc34a;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #8bc34a transparent transparent transparent;
}
.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;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*#nex-forms .sending {
    position: absolute !important;
    top: 20px !important;
    z-index: 1000000 !important;
    text-align: center !important;
    width: 100%;
	transition:all 2s;
}*/
#nex-forms .submitting .fa {
  /*  font-size: 26px;
	transition:all 500ms;
}
#nex-forms .submitting {
   /* background: #8bc34a !important;*/
    /*border: none !important;*/
   /* color: #fff !important;*/
   /* padding: 7px 10px !important;
    /*border-radius: 24px !important;*/
	/*transition:all 200ms;*/
}

#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.the_input_element,
#nex-forms h2.the_input_element,
#nex-forms h3.the_input_element,
#nex-forms h4.the_input_element,
#nex-forms h5.the_input_element,
#nex-forms h6.the_input_element{color:#000;margin:0;font-weight:normal; }*/

#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; }
.bootstrap-datetimepicker-widget.dropdown-menu {
    box-shadow: 2px 2px 18px 0px rgba(0,0,0,0.15);
	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: none !important;
    margin: 0 !important;
}
#datetimepicker .dropdown-menu {
    min-width: 220px;
	/*max-width: 500px;*/
}

#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: none !important;
    border-bottom: none !important;
    border-right: none !important;
    border-left-width: 4px !important;
}

.nf-sticky-contact-form.open .nf-sticky-container {
    border: 1px solid #ddd;
}

.text-red { color: #f44336 !important; }
.text-pink { color: #e91e63 !important; }
.text-purple { color: #9c27b0 !important; }
.text-deep-purple { color: #673ab7 !important; }
.text-indigo { color: #3f51b5 !important; }
.text-blue { color: #2979FF !important; }
.text-light-blue { color: #40C4FF !important;}
.text-cyan { color: #00bcd4 !important; }
.text-teal { color: #009688 !important; }
.text-green { color: #4caf50 !important;  }
.text-light-green { color: #8bc34a !important; }
.text-lime { color: #cddc39 !important;  }
.text-yellow { color: #ffeb3b !important; }
.text-amber { color: #ffc107 !important; }
.text-orange { color: #ff9800 !important; }
.text-brown { color: #795548 !important; }
.text-gray { color: #9e9e9e !important; }
.text-blue-gray { color: #607d8b !important;}

.btn-nf-fff { background: #fff; border:1px solid #ddd !important; }
.btn-nf-555 { background: #555 !important; color:#eee}
.btn-nf-333 { background: #333 !important; color:#eee}
.btn-nf-000 { background: #000 !important; color:#eee}

.btn-nf-default { background: #fff !important; color:#666 !important; border:1px solid #ddd !important;}
.btn-red { background: #f44336; color:#fff !important; }
.btn-pink { background: #e91e63; color:#fff !important; }
.btn-purple { background: #9c27b0; color:#fff !important; }
.btn-deep-purple { background: #673ab7; color:#fff !important; }
.btn-indigo { background: #3f51b5; color:#fff !important; }
.btn-blue { background: #2979FF; color:#fff !important; }
.btn-light-blue { background: #40C4FF; color:#fff !important; }
.btn-cyan { background: #00bcd4; color:#fff !important; }
.btn-teal { background: #009688; color:#fff !important; }
.btn-green { background: #4caf50; color:#fff !important; }
.btn-light-green { background: #8bc34a; color:#fff !important; }
.btn-lime { background: #cddc39; color:#fff !important; }
.btn-yellow { background: #ffeb3b; }
.btn-amber { background: #ffc107; }
.btn-orange { background: #ff9800; color:#fff !important;}
.btn-brown { background: #795548; color:#fff !important;}
.btn-gray { background: #9e9e9e; color:#fff !important;}
.btn-blue-gray { background: #607d8b; color:#fff !important;}
.btn-primary { background: #337ab7; color:#fff !important; }
.btn-success { background: #5cb85c; color:#fff !important; }
.btn-info { background: #5bc0de; color:#fff !important; }
.btn-warning { background: #f0ad4e; color:#fff !important; }
.btn-danger { background: #d9534f; color:#fff !important; }

.btn-nf-fff:hover { background: #fff; border:1px solid #ddd !important; }
.btn-nf-default:hover { background: #fff !important; color:#666 !important; border:1px solid #ddd !important;}
.btn-nf-555:hover { background: #555 !important; color:#eee !important;}
.btn-nf-333:hover { background: #333 !important; color:#eee !important;}
.btn-nf-000:hover { background: #000 !important; color:#eee !important;}
.btn-red:hover { background: #f44336; color:#fff !important; }
.btn-pink:hover { background: #e91e63; color:#fff  !important; }
.btn-purple:hover { background: #9c27b0; color:#fff !important; }
.btn-deep-purple:hover { background: #673ab7; color:#fff !important; }
.btn-indigo:hover { background: #3f51b5; color:#fff !important; }
.btn-blue:hover { background: #2979FF; color:#fff !important; }
.btn-light-blue:hover { background: #40C4FF; color:#fff !important; }
.btn-cyan:hover { background: #00bcd4; color:#fff !important; }
.btn-teal:hover { background: #009688; color:#fff !important; }
.btn-green:hover { background: #4caf50; color:#fff !important; }
.btn-light-green:hover { background: #8bc34a; color:#fff !important; }
.btn-lime:hover { background: #cddc39; color:#fff !important; }
.btn-yellow:hover { background: #ffeb3b; }
.btn-amber:hover { background: #ffc107; }
.btn-orange:hover { background: #ff9800; color:#fff !important;}
.btn-brown:hover { background: #795548; color:#fff !important;}
.btn-gray:hover { background: #9e9e9e; color:#fff !important;}
.btn-blue-gray:hover { background: #607d8b; color:#fff !important;}
.btn-primary:hover { background: #337ab7; color:#fff !important; }
.btn-success:hover { background: #5cb85c; color:#fff !important; }
.btn-info:hover { background: #5bc0de; color:#fff !important; }
.btn-warning:hover { background: #f0ad4e; color:#fff !important; }
.btn-danger:hover { background: #d9534f; color:#fff !important; }

.btn-nf-fff:active { background: #fff; border:1px solid #ddd !important; }
.btn-nf-default:active { background: #fff !important; color:#666 !important; border:1px solid #ddd !important;}
.btn-nf-555:active { background: #555 !important; color:#eee !important;}
.btn-nf-333:active { background: #333 !important; color:#eee !important;}
.btn-nf-000:active { background: #000 !important; color:#eee !important;}
.btn-red:active { background: #f44336; color:#fff !important; }
.btn-pink:active { background: #e91e63; color:#fff  !important; }
.btn-purple:active { background: #9c27b0; color:#fff !important; }
.btn-deep-purple:active { background: #673ab7; color:#fff !important; }
.btn-indigo:active { background: #3f51b5; color:#fff !important; }
.btn-blue:active { background: #2979FF; color:#fff !important; }
.btn-light-blue:active { background: #40C4FF; color:#fff !important; }
.btn-cyan:active { background: #00bcd4; color:#fff !important; }
.btn-teal:active { background: #009688; color:#fff !important; }
.btn-green:active { background: #4caf50; color:#fff !important; }
.btn-light-green:active { background: #8bc34a; color:#fff !important; }
.btn-lime:active { background: #cddc39; color:#fff !important; }
.btn-yellow:active { background: #ffeb3b; }
.btn-amber:active { background: #ffc107; }
.btn-orange:active { background: #ff9800; color:#fff !important;}
.btn-brown:active { background: #795548; color:#fff !important;}
.btn-gray:active { background: #9e9e9e; color:#fff !important;}
.btn-blue-gray:active { background: #607d8b; color:#fff !important;}
.btn-primary:active { background: #337ab7; color:#fff !important; }
.btn-success:active { background: #5cb85c; color:#fff !important;}
.btn-info:active { background: #5bc0de; color:#fff !important; }
.btn-warning:active { background: #f0ad4e; color:#fff !important; }
.btn-danger:active { background: #d9534f; color:#fff !important; }

.btn-nf-fff:focus { background: #fff; border:1px solid #ddd !important; }
.btn-nf-default:focus { background: #fff !important; color:#666 !important; border:1px solid #ddd !important; }
.btn-nf-555:focus { background: #555 !important; color:#eee !important;}
.btn-nf-333:focus { background: #333 !important; color:#eee !important;}
.btn-nf-000:focus { background: #000 !important; color:#eee !important;}
.btn-red:focus { background: #f44336; color:#fff !important; }
.btn-pink:focus { background: #e91e63; color:#fff  !important; }
.btn-purple:focus { background: #9c27b0; color:#fff !important; } 
.btn-deep-purple:focus { background: #673ab7; color:#fff !important; } 
.btn-indigo:focus { background: #3f51b5; color:#fff !important; }
.btn-blue:focus { background: #2979FF; color:#fff !important; }
.btn-light-blue:focus { background: #40C4FF; color:#fff !important; }
.btn-cyan:focus { background: #00bcd4; color:#fff !important; }
.btn-teal:focus { background: #009688; color:#fff !important; }
.btn-green:focus { background: #4caf50; color:#fff !important; }
.btn-light-green:focus { background: #8bc34a; color:#fff !important; }
.btn-lime:focus { background: #cddc39; color:#fff !important; }
.btn-yellow:focus { background: #ffeb3b; }
.btn-amber:focus { background: #ffc107; }
.btn-orange:focus { background: #ff9800; color:#fff !important;}
.btn-brown:focus { background: #795548; color:#fff !important;}
.btn-gray:focus { background: #9e9e9e; color:#fff !important;}
.btn-blue-gray:focus { background: #607d8b; color:#fff !important;}
.btn-primary:focus { background: #337ab7; color:#fff !important; }
.btn-success:focus { background: #5cb85c; color:#fff !important; }
.btn-info:focus { background: #5bc0de; color:#fff !important; }
.btn-warning:focus { background: #f0ad4e; color:#fff !important; }
.btn-danger:focus { background: #d9534f; color:#fff !important; }

.hiddendiv{
	display:none !important;
}


#nex-forms .form_field.heading,
#nex-forms .form_field.paragraph,
#nex-forms .form_field.html   {
   /* margin-left: 14px !important;*/
}

/* JQUERY UI FIXES */
#nex-forms .ui-state-focus {
    box-shadow: none !important;
}
/*.ui-checkboxradio-radio-label .ui-icon-background{
	height: 16px !important;
    width: 16px !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 &gt; .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 !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 !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 {
    min-height: 34px;
}

.theme_material .bootstrap-tagsinput {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-right: 0 !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: 0px 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;
   /* margin-right: 4px !important;*/
}

#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, {
   /* margin-bottom: -5px !important;*/
}
#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{
	/*height:30px !important;*/
}


.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;
}


/* -------------------------------- 

Basic Style

-------------------------------- */
#nex-forms .cd-breadcrumb, #nex-forms .cd-multi-steps {
  /*width: 100% !important;
  max-width: 768px !important;*/
  padding: 0.5em 1em !important;
  margin: 1em auto;
  background-color: #f9f9f9 !important;
  border-radius: .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 {
  /* this is the separator between items */
  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 {
  /* hide separator after the last item */
  display: none !important;
}
#nex-forms .cd-breadcrumb li &gt; *, #nex-forms .cd-multi-steps li &gt; * {
  /* single step */
  display: inline-block !important;
  font-size: 12px !important;
  color: #2c3f4c !important;
}
#nex-forms .cd-breadcrumb li.current &gt; *, #nex-forms .cd-multi-steps li.current &gt; * {
  /* selected step */
  /*color: #96c03d !important;*/
}
#nex-forms .cd-breadcrumb a:hover, #nex-forms .cd-multi-steps a:hover {
  /* steps already visited */
  /*color: #96c03d !important;*/
}
#nex-forms .cd-breadcrumb.custom-separator li::after, #nex-forms .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '' !important;
  height: 16px !important;
  width: 16px !important;
  background: url(../img/cd-custom-separator.svg) no-repeat center center !important;
  vertical-align: middle !important;
}
#nex-forms .cd-breadcrumb.custom-icons li &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li &gt; *::before {
  /* add a custom icon before each item */
  content: '' !important;
  display: inline-block !important;
  height: 20px !important;
  width: 20px !important;
  margin-right: .4em !important;
  margin-top: -2px !important;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0 !important;
  vertical-align: middle !important;
}
#nex-forms .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) &gt; *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0 !important;
}
#nex-forms .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) &gt; *::before {
  background-position: -40px 0 !important;
}
#nex-forms .cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) &gt; *::before {
  background-position: -60px 0 !important;
}
#nex-forms .cd-breadcrumb.custom-icons li.current:first-of-type &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li.current:first-of-type &gt; *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px !important;
}
#nex-forms .cd-breadcrumb.custom-icons li.current:nth-of-type(2) &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li.current:nth-of-type(2) &gt; *::before {
  background-position: -20px -20px !important;
}
#nex-forms .cd-breadcrumb.custom-icons li.current:nth-of-type(3) &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li.current:nth-of-type(3) &gt; *::before {
  background-position: -40px -20px !important;
}
#nex-forms .cd-breadcrumb.custom-icons li.current:nth-of-type(4) &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li.current:nth-of-type(4) &gt; *::before {
  background-position: -60px -20px !important;
}
@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 &gt; *, #nex-forms .cd-multi-steps li &gt; * {
    font-size: 12px !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 .cd-breadcrumb.align_center {
}


@media only screen and (max-width: 400px) {
	#nex-forms .cd-breadcrumb{
		/*display:none !important;*/	
	}
}
  	
	
	

	
	
/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */	
 
  #nex-forms .cd-breadcrumb.triangle {
    /* reset basic style */
    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 &gt; * {
    position: relative !important;
    padding: 10px 12px 11px 30px !important;
    color: #2c3f4c !important;
    background-color: #edeff0 !important;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0 !important;
  }
  #nex-forms .cd-breadcrumb.triangle li.current &gt; * {
    /* selected step */
   /* color: #ffffff !important;
    background-color: #96c03d !important;
    border-color: #96c03d !important;*/
  }
  #nex-forms .cd-breadcrumb.triangle li:first-of-type &gt; * {
    padding-left: 1.6em !important;
    border-radius: .25em 0 0 .25em !important;
  }
  #nex-forms .cd-breadcrumb.triangle li:last-of-type &gt; * {
    padding-right: 1.6em !important;
    border-radius: 0 .25em .25em 0 !important;
  }
  #nex-forms .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    /*color: #ffffff !important;
    background-color: #2c3f4c !important;
    border-color: #2c3f4c !important;*/
  }
  #nex-forms .cd-breadcrumb.triangle li::after, #nex-forms .cd-breadcrumb.triangle li &gt; *::after {
    /* 
    	li &gt; *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    content: '' !important;
    height: 0 !important;
    width: 0 !important;
    /* 48px is the height of the &lt;a&gt; element */
    border: 24px solid transparent !important;
    /*border-width: 17px 0 24px 20px !important;*/
	border-width: 20px 0 19px 15px !important;
	
  }
  #nex-forms .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    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;
    /* reset style */
    margin: 0 !important;
  }
  #nex-forms .cd-breadcrumb.triangle li &gt; *::after {
    /* this is the colored triangle after each element */
    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 &gt; *::after {
    /* hide the triangle after the last step */
    display: none !important;
  }
  #nex-forms .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none !important;
  }
  #nex-forms .cd-breadcrumb.triangle.custom-icons li::after, #nex-forms .cd-breadcrumb.triangle.custom-icons li &gt; *::after {
    /* 50px is the height of the &lt;a&gt; element */
    border-top-width: 25px !important;
    border-bottom-width: 25px !important;
  }

  @-moz-document url-prefix() {
    #nex-forms .cd-breadcrumb.triangle li::after,
    #nex-forms .cd-breadcrumb.triangle li &gt; *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed !important;
    }
  }
/*}*/
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
/*@media only screen and (min-width: 768px) {*/
  #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 {
    /* change custom icon using image sprites - hover effect or current item */
    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;
  }
/*}*/
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
/*@media only screen and (min-width: 768px) {*/
  #nex-forms .cd-multi-steps {
    /* reset style */
    background-color: transparent !important;
    padding: 0 !important;
    /*text-align: center !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 {
    /* this is the line connecting 2 adjacent items */
    position: absolute !important;
    content: '' !important;
    height: 1px !important;
    background: #ddd !important;
    /* reset style */
    margin: 0 !important;
  }
  #nex-forms .cd-multi-steps li.visited::after {
    /*background-color: #96c03d !important;*/
  }
  #nex-forms .cd-multi-steps li &gt; *, #nex-forms .cd-multi-steps li.current &gt; * {
    position: relative !important;
    color: #2c3f4c !important;
  }

  #nex-forms .cd-multi-steps.custom-separator li::after {
    /* reset style */
    height: 1px !important;
    background: #ddd !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 &gt; * {
    z-index: 1 !important;
    padding: .6em 1em !important;
    border-radius: .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 &gt; *, #nex-forms .cd-multi-steps.text-center li.visited &gt; * {
   /* color: #ffffff !important;
    background-color: #96c03d !important;*/
  }
  #nex-forms .cd-multi-steps.text-center.custom-icons li.visited a::before {
    /* change the custom icon for the visited item - check icon */
    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;
    /*margin-bottom: 0 !important;*/
    padding: 0 10px !important;
	}
  #nex-forms .cd-multi-steps.text-top li::after, #nex-forms .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute !important;
    left: 50% !important;
    /* 40px is the &lt;li&gt; right margin value */
    width: calc(100% + 40px) !important;

  }
  #nex-forms .cd-multi-steps.text-top li &gt; *::before, #nex-forms .cd-multi-steps.text-bottom li &gt; *::before {
    /* this is the spot indicator */
    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 &gt; *::before,
  #nex-forms .cd-multi-steps.text-top li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom li.visited &gt; *::before,
  #nex-forms .cd-multi-steps.text-bottom li.current &gt; *::before {
    /*background-color: #96c03d !important;*/
  }
  #nex-forms .cd-multi-steps.text-top a:hover, #nex-forms .cd-multi-steps.text-bottom a:hover {
    /*color: #96c03d !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 .cd-multi-steps.text-top li::after {
    /* this is the line connecting 2 adjacent items */
    bottom: 4px !important;
  }
  #nex-forms .cd-multi-steps.text-top li &gt; * {
    padding-bottom: 20px !important;
  }
  #nex-forms .cd-multi-steps.text-top li &gt; *::before {
    /* this is the spot indicator */
    bottom: 0 !important;
  }

  #nex-forms .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    top: 3px !important;
  }
  #nex-forms .cd-multi-steps.text-bottom li &gt; * {
    padding-top: 20px !important;
  }
  #nex-forms .cd-multi-steps.text-bottom li &gt; *::before {
    /* this is the spot indicator */
    top: 0 !important;
  }
/*}*/
/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
#nex-forms .cd-multi-steps.count li {
  counter-increment: steps !important;
}

#nex-forms .cd-multi-steps.count li &gt; *::before {
  content: counter(steps) " - " !important;
}

/*@media only screen and (min-width: 768px) {*/
  #nex-forms .cd-multi-steps.text-top.count li &gt; *::before,
  #nex-forms .cd-multi-steps.text-bottom.count li &gt; *::before {
    /* this is the spot indicator */
    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 {
    /* steps not visited yet - counter color */
    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 &gt; * {
    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 &gt; * {
    padding-top: 34px !important;
  }
/*}*/



#nex-forms .nf_step_breadcrumb li a {
    font-size: 12px !important;
    text-decoration: none !important;
	box-shadow:none !important;
	outline:none !important;
}


#nex-forms .required #md_label.active {
    /*margin-left: 39px !important;*/
}
.nf_step_breadcrumb li a:hover {
    /*cursor: pointer;*/
}


#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;
}




/*#####################################################################################################################################################################################################################################################################
##############################################################################################################################################################################
##############################################################################################################################################################################*/
/* COLOR RED */
#nex-forms .nf_progressbar_percentage.md-color-red{
	color: #ffffff !important;
    background-color: #f44336 !important;
}
#nex-forms .cd-breadcrumb.md-color-red li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-red li.current &gt; * {
	/*color: #f44336 !important;*/
}
#nex-forms .cd-breadcrumb.md-color-red a:hover, 
#nex-forms .cd-multi-steps.md-color-red a:hover{
	/*color: #f44336 !important;*/
}

#nex-forms .cd-breadcrumb.triangle.md-color-red li.current &gt; *{
	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 &gt; *, 
#nex-forms .cd-breadcrumb.md-color-red li.visited &gt; * {
	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 {
	/*color: #f44336 !important;*/
}
#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;
}

/* COLOR GREEN */
#nex-forms .nf_progressbar_percentage.md-color-green{
	color: #ffffff !important;
    background-color: #4caf50 !important;
}
#nex-forms .cd-breadcrumb.md-color-green li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-green li.current &gt; * {
	/*color: #4caf50 !important;*/
}
#nex-forms .cd-breadcrumb.md-color-green a:hover, 
#nex-forms .cd-multi-steps.md-color-green a:hover{
	/*color: #4caf50 !important;*/
}

#nex-forms .cd-breadcrumb.triangle.md-color-green li.current &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-green li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-green li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-green li.visited &gt; * {
	color: #ffffff !important;
	background-color: #4caf50 !important;
	border-color: #4caf50 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-green li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-green li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-green li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-green li.current &gt; *::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 {
	/*color: #4caf50 !important;*/
}
#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;
}

/* COLOR AMBER */
#nex-forms .nf_progressbar_percentage.md-color-amber{
	color: #ffffff !important;
    background-color: #ffc107 !important;
}
#nex-forms .cd-breadcrumb.md-color-amber li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-amber li.current &gt; * {
	/*color: #ffc107 !important;*/
}
#nex-forms .cd-breadcrumb.md-color-amber a:hover, 
#nex-forms .cd-multi-steps.md-color-amber a:hover{
	/*color: #ffc107 !important;*/
}

#nex-forms .cd-breadcrumb.triangle.md-color-amber li.current &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-amber li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-amber li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-amber li.visited &gt; * {
	color: #ffffff !important;
	background-color: #ffc107 !important;
	border-color: #ffc107 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-amber li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-amber li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-amber li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-amber li.current &gt; *::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 {
	/*color: #ffc107 !important;*/
}
#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;
}

/* COLOR BLUE GRAY */
#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 &gt; *,
#nex-forms .cd-multi-steps.md-color-blue-gray li.current &gt; * {
	/*color: #607d8b !important;*/
}
#nex-forms .cd-breadcrumb.md-color-blue-gray a:hover, 
#nex-forms .cd-multi-steps.md-color-blue-gray a:hover{
	/*color: #607d8b !important;*/
}

#nex-forms .cd-breadcrumb.triangle.md-color-blue-gray li.current &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-blue-gray li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-blue-gray li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-blue-gray li.visited &gt; * {
	color: #ffffff !important;
	background-color: #607d8b !important;
	border-color: #607d8b !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-blue-gray li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-blue-gray li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-blue-gray li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-blue-gray li.current &gt; *::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 {
	/*color: #607d8b !important;*/
}
#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;
}

/* COLOR BLUE */
#nex-forms .nf_progressbar_percentage.md-color-blue{
	color: #ffffff !important;
    background-color: #2979FF !important;
}
#nex-forms .cd-breadcrumb.md-color-blue li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-blue li.current &gt; * {
	/*color: #2979FF !important;*/
}
#nex-forms .cd-breadcrumb.md-color-blue a:hover, 
#nex-forms .cd-multi-steps.md-color-blue a:hover{
	/*color: #2979FF !important;*/
}

#nex-forms .cd-breadcrumb.triangle.md-color-blue li.current &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-blue li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-blue li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-blue li.visited &gt; * {
	color: #ffffff !important;
	background-color: #2979FF !important;
	border-color: #2979FF !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-blue li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-blue li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-blue li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-blue li.current &gt; *::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 {
	/*color: #2979FF !important;*/
}
#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;
}

/* COLOR BROWN */
#nex-forms .nf_progressbar_percentage.md-color-brown{
	color: #ffffff !important;
    background-color: #795548 !important;
}
#nex-forms .cd-breadcrumb.md-color-brown li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-brown li.current &gt; * {
	/*color: #795548 !important;*/
}
#nex-forms .cd-breadcrumb.md-color-brown a:hover, 
#nex-forms .cd-multi-steps.md-color-brown a:hover{
	/*color: #795548 !important;*/
}

#nex-forms .cd-breadcrumb.triangle.md-color-brown li.current &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-brown li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-brown li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-brown li.visited &gt; * {
	color: #ffffff !important;
	background-color: #795548 !important;
	border-color: #795548 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-brown li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-brown li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-brown li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-brown li.current &gt; *::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 {
	/*color: #795548 !important;*/
}
#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;
}

/* COLOR CYAN */
#nex-forms .nf_progressbar_percentage.md-color-cyan{
	color: #ffffff !important;
    background-color: #00bcd4 !important;
}
#nex-forms .cd-breadcrumb.md-color-cyan li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-cyan li.current &gt; * {
	/*color: #00bcd4 !important;*/
}
#nex-forms .cd-breadcrumb.md-color-cyan a:hover, 
#nex-forms .cd-multi-steps.md-color-cyan a:hover{
	/*color: #00bcd4 !important;*/
}

#nex-forms .cd-breadcrumb.triangle.md-color-cyan li.current &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-cyan li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-cyan li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-cyan li.visited &gt; * {
	color: #ffffff !important;
	background-color: #00bcd4 !important;
	border-color: #00bcd4 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-cyan li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-cyan li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-cyan li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-cyan li.current &gt; *::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 {
	/*color: #00bcd4 !important;*/
}
#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;
}

/* COLOR DEEP PURPLE */
#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 &gt; *,
#nex-forms .cd-multi-steps.md-color-deep-purple li.current &gt; * {
	/*color: #673ab7 !important;*/
}
#nex-forms .cd-breadcrumb.md-color-deep-purple a:hover, 
#nex-forms .cd-multi-steps.md-color-deep-purple a:hover{
	/*color: #673ab7 !important;*/
}

#nex-forms .cd-breadcrumb.triangle.md-color-deep-purple li.current &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-deep-purple li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-deep-purple li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-deep-purple li.visited &gt; * {
	color: #ffffff !important;
	background-color: #673ab7 !important;
	border-color: #673ab7 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-deep-purple li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-deep-purple li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-deep-purple li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-deep-purple li.current &gt; *::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 {
	/*color: #673ab7 !important;*/
}
#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;
}

/* COLOR GRAY */
#nex-forms .nf_progressbar_percentage.md-color-gray{
	color: #ffffff !important;
    background-color: #9e9e9e !important;
}
#nex-forms .cd-breadcrumb.md-color-gray li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-gray li.current &gt; * {
	/*color: #9e9e9e !important;*/
}
#nex-forms .cd-breadcrumb.md-color-gray a:hover, 
#nex-forms .cd-multi-steps.md-color-gray a:hover{
	/*color: #9e9e9e !important;*/
}

#nex-forms .cd-breadcrumb.triangle.md-color-gray li.current &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-gray li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-gray li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-gray li.visited &gt; * {
	color: #ffffff !important;
	background-color: #9e9e9e !important;
	border-color: #9e9e9e !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-gray li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-gray li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-gray li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-gray li.current &gt; *::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 {
	/*color: #9e9e9e !important;*/
}
#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;
}

/* COLOR INDIGO */
#nex-forms .nf_progressbar_percentage.md-color-indigo{
	color: #ffffff !important;
    background-color: #3f51b5 !important;
}
#nex-forms .cd-breadcrumb.md-color-indigo li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-indigo li.current &gt; * {
	/*color: #3f51b5 !important;*/
}
#nex-forms .cd-breadcrumb.md-color-indigo a:hover, 
#nex-forms .cd-multi-steps.md-color-indigo a:hover{
	/*color: #3f51b5 !important;*/
}

#nex-forms .cd-breadcrumb.triangle.md-color-indigo li.current &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-indigo li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-indigo li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-indigo li.visited &gt; * {
	color: #ffffff !important;
	background-color: #3f51b5 !important;
	border-color: #3f51b5 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-indigo li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-indigo li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-indigo li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-indigo li.current &gt; *::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 {
	/*color: #3f51b5 !important;*/
}
#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;
}

/* COLOR LIGHT BLUE */
#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 &gt; *,
#nex-forms .cd-multi-steps.md-color-light-blue li.current &gt; * {
	/*color: #40C4FF !important;*/
}
#nex-forms .cd-breadcrumb.md-color-light-blue a:hover, 
#nex-forms .cd-multi-steps.md-color-light-blue a:hover{
	/*color: #40C4FF !important;*/
}

#nex-forms .cd-breadcrumb.triangle.md-color-light-blue li.current &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-light-blue li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-light-blue li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-light-blue li.visited &gt; * {
	color: #ffffff !important;
	background-color: #40C4FF !important;
	border-color: #40C4FF !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-light-blue li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-light-blue li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-light-blue li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-light-blue li.current &gt; *::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 {
	/*color: #40C4FF !important;*/
}
#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;
}

/* COLOR LIGHT GREEN */

#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 &gt; *,
#nex-forms .cd-multi-steps.md-color-light-green li.current &gt; * {
	/*color: #8bc34a !important;*/
}
#nex-forms .cd-breadcrumb.md-color-light-green a:hover, 
#nex-forms .cd-multi-steps.md-color-light-green a:hover{
	/*color: #8bc34a !important;*/
}

#nex-forms .cd-breadcrumb.triangle.md-color-light-green li.current &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-light-green li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-light-green li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-light-green li.visited &gt; * {
	color: #ffffff !important;
	background-color: #8bc34a !important;
	border-color: #8bc34a !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-light-green li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-light-green li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-light-green li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-light-green li.current &gt; *::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 {
	/*color: #8bc34a !important;*/
}
#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;
}

/* COLOR LIME */
#nex-forms .cd-breadcrumb.md-color-lime li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-lime li.current &gt; * {
	/*color: #cddc39 !important;*/
}
#nex-forms .cd-breadcrumb.md-color-lime a:hover, 
#nex-forms .cd-multi-steps.md-color-lime a:hover{
	/*color: #cddc39 !important;*/
}

#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 &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-lime li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-lime li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-lime li.visited &gt; * {
	color: #ffffff !important;
	background-color: #cddc39 !important;
	border-color: #cddc39 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-lime li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-lime li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-lime li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-lime li.current &gt; *::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 {
	/*color: #cddc39 !important;*/
}
#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;
}

/* COLOR ORANGE */
#nex-forms .cd-breadcrumb.md-color-orange li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-orange li.current &gt; * {
	/*color: #ff9800 !important;*/
}
#nex-forms .cd-breadcrumb.md-color-orange a:hover, 
#nex-forms .cd-multi-steps.md-color-orange a:hover{
	/*color: #ff9800 !important;*/
}

#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 &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-orange li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-orange li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-orange li.visited &gt; * {
	color: #ffffff !important;
	background-color: #ff9800 !important;
	border-color: #ff9800 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-orange li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-orange li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-orange li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-orange li.current &gt; *::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 {
	/*color: #ff9800 !important;*/
}
#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;
}

/* COLOR PINK */
#nex-forms .cd-breadcrumb.md-color-pink li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-pink li.current &gt; * {
	/*color: #e91e63 !important;*/
}
#nex-forms .cd-breadcrumb.md-color-pink a:hover, 
#nex-forms .cd-multi-steps.md-color-pink a:hover{
	/*color: #e91e63 !important;*/
}

#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 &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-pink li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-pink li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-pink li.visited &gt; * {
	color: #ffffff !important;
	background-color: #e91e63 !important;
	border-color: #e91e63 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-pink li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-pink li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-pink li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-pink li.current &gt; *::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 {
	/*color: #e91e63 !important;*/
}
#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;
}

/* COLOR PURPLE */
#nex-forms .cd-breadcrumb.md-color-purple li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-purple li.current &gt; * {
	/*color: #9c27b0 !important;*/
}
#nex-forms .cd-breadcrumb.md-color-purple a:hover, 
#nex-forms .cd-multi-steps.md-color-purple a:hover{
	/*color: #9c27b0 !important;*/
}

#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 &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-purple li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-purple li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-purple li.visited &gt; * {
	color: #ffffff !important;
	background-color: #9c27b0 !important;
	border-color: #9c27b0 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-purple li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-purple li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-purple li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-purple li.current &gt; *::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 {
	/*color: #9c27b0 !important;*/
}
#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;
}

/* COLOR TEAL */
#nex-forms .cd-breadcrumb.md-color-teal li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-teal li.current &gt; * {
	/*color: #009688 !important;*/
}
#nex-forms .cd-breadcrumb.md-color-teal a:hover, 
#nex-forms .cd-multi-steps.md-color-teal a:hover{
	/*color: #009688 !important;*/
}

#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 &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-teal li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-teal li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-teal li.visited &gt; * {
	color: #ffffff !important;
	background-color: #009688 !important;
	border-color: #009688 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-teal li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-teal li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-teal li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-teal li.current &gt; *::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 {
	/*color: #009688 !important;*/
}
#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;
}

/* COLOR YELLOW */
#nex-forms .cd-breadcrumb.md-color-yellow li.current &gt; *,
#nex-forms .cd-multi-steps.md-color-yellow li.current &gt; * {
	/*color: #ffeb3b !important;*/
}
#nex-forms .cd-breadcrumb.md-color-yellow a:hover, 
#nex-forms .cd-multi-steps.md-color-yellow a:hover{
	/*color: #ffeb3b !important;*/
}

#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 &gt; *{
	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 &gt; *, 
#nex-forms .cd-multi-steps.text-center.md-color-yellow li.visited &gt; *,
#nex-forms .cd-breadcrumb.md-color-yellow li.current &gt; *, 
#nex-forms .cd-breadcrumb.md-color-yellow li.visited &gt; * {
	color: #444 !important;
	background-color: #ffeb3b !important;
	border-color: #ffeb3b !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-yellow li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top.md-color-yellow li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom.md-color-yellow li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom.md-color-yellow li.current &gt; *::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 {
	/*color: #ffeb3b !important;*/
}
#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;
}

/* COLOR DEFAULT */
#nex-forms .cd-breadcrumb li.current &gt; *,
#nex-forms .cd-multi-steps li.current &gt; * {
	/*color: #607d8b !important;*/
}
#nex-forms .cd-breadcrumb a:hover, 
#nex-forms .cd-multi-steps a:hover{
	/*color: #607d8b !important;*/
}



#nex-forms .cd-breadcrumb.triangle li.current &gt; *{
	color: #ffffff !important;
    background-color: #607d8b !important;
    border-color: #607d8b !important;
}
#nex-forms .cd-breadcrumb.triangle a:hover {
	color: #ffffff !important;

	background-color: #607d8b !important;
	border-color: #607d8b !important;
}
#nex-forms .cd-multi-steps.text-center li.current &gt; *, 
#nex-forms .cd-multi-steps.text-center li.visited &gt; *,
#nex-forms .cd-breadcrumb li.current &gt; *, 
#nex-forms .cd-breadcrumb li.visited &gt; * {
	color: #ffffff !important;
	background-color: #607d8b !important;
	border-color: #607d8b !important;
}
#nex-forms .cd-multi-steps.text-top li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-top  li.current &gt; *::before, 
#nex-forms .cd-multi-steps.text-bottom li.visited &gt; *::before,
#nex-forms .cd-multi-steps.text-bottom li.current &gt; *::before {
	background-color: #607d8b !important;
}
#nex-forms .cd-multi-steps.text-top a:hover, 
#nex-forms .cd-multi-steps.text-bottom a:hover {
	/*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 .cd-multi-steps li.visited::after {
	background-color: #607d8b !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: 7px;
    opacity: 0.8;
    position: absolute;
    top: 11px !important;
    z-index: 100;
	box-shadow:2px 1px 1px #777 inset !important;
}

#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: 7px;
    position: absolute;
    top: 11px !important;
    z-index: 100000;
	opacity: 1;
	box-shadow:2px 2px 4px #666 !important;
	/*
	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 .single-image-select-group .radio_selected,
#nex-forms .multi-image-select-group .radio_selected {
    transform: scale(1.05);
	transition: all 500ms;
}

#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 {
   /* margin-top: -2px !important;*/
}
.multi-image-select-group label,
.single-image-select-group label {
   /* margin-top: -18px !important;*/
}
.multi-image-select-group span.input-label {
    padding: 0 !important;
}

#nex-forms .timepicker-picker a {
    border: none !important;
    box-shadow: none !important;
}
.input-group.bootstrap-touchspin {
    /*padding-right: 15px !important;
    padding-left: 15px !important;*/
}


/*#nex-forms .input-group-addon.btn, #nex-forms a {
    box-shadow: none !important;
}*/

#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: 8px !important;
    margin-left: 10px;
    opacity: 0.7;
}


#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: 0px 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;
}





/* SLIDER */
#nex-forms .ui-slider {
    position: relative;
    text-align: left;
    border-radius: 5px;
}
#nex-forms .ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}
#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;
    border-radius: 5px;
}
#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: 100%;
    top: 0;
}
#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: 0px;
}
#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;
}

/*.nf-has-error {
    transform: scaleX(1.02);
    padding: 3px 10px 20px;
    background: #f9f9f9;
    margin-bottom: 9px !important;
    transition: transform 0.1s;
}*/


#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 .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{
	/*color:#777 !important;*/
}

#nex-forms .has_error .form-control,
#nex-forms .has_success .form-control{
	/*color:#666 !important;*/
}

	
#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 {
   /* background: #FFFCFB !important;*/
    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 {
  /*  background: #FCFDFB !important;*/
    border-color: #8bc34a !important;
}

.error_msg.modern {
    position: absolute !important;
    bottom: 10px;
    z-index: 10000;
    font-size: 13px !important;
    right: 25px;
    color: #f44336 !important;
	transform: scale(1);
	/*display:none;*/
	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 !important;
}
#nex-forms .material_field.has_success .the_input_element {
    background: transparent !important;
}
/*.error_msg.modern .fa,
.success_msg.modern .fa{
	transition: all 400ms ease 50ms;
}

.pulsate{
	transform: scale(1.3);
	transition: all 400ms ease 50ms;
}*/
.success_msg.modern {
    position: absolute !important;
    bottom: 10px;
    z-index: 10000;
    font-size: 15px !important;
    right: 25px;
    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;
}


#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;
   /* background: #fffcfb;*/
}
#nex-forms .has_error .the-radios a {
    border: 1px solid #f44336 !important;
  /*  background: #fffcfb;*/
}

#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;
}

#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{
	border-color:inherit;
}

#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: -1px;
    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 .required {
    color: unset;
    background: unset;
}



#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 {
  /*border: 1px solid #8ec73b;*/
  background-color: #fff !important;
 /* transition: background-color 5000s ease-in-out 0s;*/
}

#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;
    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.9 !important;
    background: #fcfcfc !important;
}
#nex-forms .form_field .form-control[disabled] {
    border-color: #ddd !important;
    opacity: 1 !important;
	background: #f8f8f8 !important;
}

#nex-forms .form_field button[disabled],
#nex-forms .form_field button:disabled {
    border-color: #ddd !important;
    opacity: 1 !important;
	background: #f8f8f8 !important;
	cursor:not-allowed !important;
	color:#ccc !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: 0px !important;
    margin: 0 !important;
    padding: 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 {
   /* display: inline;*/
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
	line-height:18px;
}
#nex-forms .jquery_field .input-group{
	box-shadow:0px 0px 4px #eee;	
}
#nex-forms .jquery_field .input-group-addon.jq-add-on {
    padding: 5px 10px !important;
    /*right: 0 !important;*/
    /*background: #f6f6f6;*/

}
#nex-forms .jquery_field input.the_input_element, #nex-forms .jquery_field textarea.the_input_element {
    border: 1px solid #ddd;
    width: 100% !important;
   /* box-shadow: inset -1px 0px 3px #eee !important;*/
   /* padding-left: 10px;*/
	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);
    border-color: #81BF0B;
    color: #fff;
    border: none;
    opacity: 1;
}
.input-label.ui-checkboxradio-label:hover {
    background: rgba(0, 0, 0, 0) linear-gradient( #8FC627,#81BF0B);
    opacity: 1;
}
.input-label.ui-checkboxradio-label {
    padding: 9px 10px;
    font-size: 13px !important;
    background: rgba(0, 0, 0, 0) linear-gradient( #8FC627,#81BF0B);
    color: #fff !important;
    border: 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;
}
#nex-forms .multi-select select {
    min-height: 110px !important;
}
#nex-forms .inner-canvas-container select option {
    padding: 5px;
    border-bottom: 1px solid #f5f5f5;
}

#nex-forms .align_center p {
    text-align: center;
}


#nex-forms .ui-checkboxradio-icon.ui-icon {
    margin-top: -5px;
}


.step .form_field.heading &gt; .row, .step .form_field.math_logic &gt; .row, .step .form_field.divider &gt; .row {
    margin: 0 !important;
}



#nex-forms .inner-canvas-container .v7_container .dropdown-content.select-dropdown li &gt; a, #nex-forms .inner-canvas-container .v7_container .dropdown-content.select-dropdown li &gt; 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: 0;
}


/*#nex-forms .icon-holder.icon-checked{
	transition:all 0.3s ease 0s;
	transform:scale(1.2);
}

#nex-forms div.icon-holder {
	transition:all 0.3s ease 0s;
	transform:scale(1);
}

#nex-forms div.icon-holder.icon-checked .tooltip{
	transform:scale(0.8) !important;
}

#nex-forms div.icon-holder .tooltip{
	transform:scale(1) !important;
}*/
#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 {
   /* display: inline-block;
    margin-top: 10px;*/
}
#nex-forms .icon-holder .on-icon {
    display: none;
	
}
#nex-forms .icon-holder span {
    font-size: 30px;
    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 {
    /*display: inline-block;
    margin-top: 10px;*/
}


#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 .inner-canvas-container .input-group-addon.prefix {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
#nex-forms .inner-canvas-container .input-group-addon.postfix {
    border-bottom-left-radius: 0 !important;
    border-top-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 {
    border-radius: 0;
    padding: 0 10px;
}
.ui-datepicker-div {
    z-index: 10000;
}
#nex-forms .multi-select select {
    min-height: 77px;
}
#nex-forms form, #nex-forms {
    width: 100% !important;
}
.nex_forms_modal .modal-body {
    overflow-y: auto !important;
}
.nex_forms_modal .modal-content{
	background:transparent;
}
#nex-forms select {
    -moz-appearance: menulist !important;
}
#nex-forms .math_result {
    overflow-wrap: normal;
}
#nex-forms .modal.nex_forms_modal.no_shadow {
    box-shadow: none !important;
}
#nex-forms .fa {
}
#nex-forms .select2-hidden-accessible {
    height: auto !important;
    overflow: visible !important;
    position: unset !important;
}
.nex_forms_modal .modal-dialog {
    margin: 30px auto !important;
}
#nex-forms grammarly-btn {
    display: none;
}
.single-image-select-group .label_container, .multi-image-select-group .label_container {
}
#nex-forms .required {
    margin-left: auto;
}
div.bootstrap-datetimepicker-widget.dropdown-menu td, div.bootstrap-datetimepicker-widget.dropdown-menu th, div.bootstrap-datetimepicker-widget.dropdown-menu tr {
    margin: 0 !important;
    padding: 6px !important;
}
#nex-forms .select2-container {
    display: none !important;
}
.nex_success_message.alert {
    font-size: 100% !important;
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    white-space: normal !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 {
    font-family: proxima_novalight,Arial,Helvetica,sans-serif;
    font-size: 14px;
}
#nex-forms .the-radios.input_container {
    padding-top: 2px;
}
#nex-forms .clearfix {
    visibility: visible;
}
#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 {
    cursor: pointer;
    font-size: 14px;
}
#nex-forms .clear_digital_siganture {
    bottom: 5px;
    left: 20px;
    position: absolute;
}
#nex-forms .digital-signature-data {
    display: none;
}


.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.selection_fields select {
    display: block !important;
}
#nex-forms .nf-input-sm {
    height: 28px !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 .form-control:focus {
    box-shadow: none !important;
    transition: none 0s ease 0s !important;
}
#nex-forms .submit-button .btn {
}
#nex-forms .form_field {
}
#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 {
    margin-left: -5px;
    opacity: 0.7;
    top: -32px !important;
}
.tooltip_bs{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;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 {
    position: unset;
}
#nex-forms .star-rating {
    letter-spacing: 0 !important;
}
#nex-forms .star-rating span::before {
    content: none !important;
}
#nex-forms .star-rating .input_container .fa:hover {
   	/*color: #ffc107 !important;*/
    text-shadow: 5px 5px 30px rgba(0,0,0,0.4);
    /*transform: scale(1.05) !important;*/
}
#nex-forms .star-rating .input_container i {
    /* color: #bbb !important; */
    font-size: 25px;
    margin: -10px 0 0 0;
    padding: 0 !important;
    /*transition: all 100ms ease 0s !important;*/
}
/*#nex-forms .star-rating .input_container i {
    color: #ffc107 !important;
    text-shadow: 5px 5px 1px rgba(0,0,0,0.2);
    transform: scale(1.05) !important;
}*/
/*#nex-forms .star-rating .input_container i, #nex-forms .star-rating .input_container i {
    color: #f0ad4e !important;
    transform: scale(1.07) !important;
}*/
#nex-forms .form_field {
    position: relative;
}
.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;
}
.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 .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 &gt; .popover-arrow {
    left: 15px;
}
.error_msg.popover i {
    color: #d43f3a;
    left: -2px;
    padding: 2px;
    position: relative;
}
#nex-forms .input {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
    z-index: 1;
}
#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 .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 {
    height: 160px !important;
    width: 160px !important;
}
#nex-forms .img-thumbnail-small img {
    height: 64px;
}
#nex-forms .img-thumbnail-small span.img-thumbnail {
    font-size: 11px;
    padding-top: 60px !important;
}
.img-thumbnail-small label {
    height: 80px !important;
    width: 80px !important;
}
#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 .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 {
    margin-bottom: 20px;
}
.div.inner-canvas-container {
    display: none;
}
#nex-forms .input-group-addon {
    cursor: pointer;
}
#nex-forms .popover-content {
    color: #555;
}
#nex-forms .input-group-addon span.fa {
    width: 19px;
}
#nex-forms .input-group-addon span.fa {
    width: 19px;
}

#nex-forms .color_pallet .input-group-addon span.caret {
    margin: 0 6px;
}
#nex-forms .btn.fileinput-exists {
    border-bottom-right-radius: 4px !important;
    border-top-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 label.nexf_title.align_left {
    margin-bottom: 0 !important;
}
#nex-forms label.nexf_title {
    font-size: 14px;
}
#nex-forms .the_label {
    color: #9e9e9e;
	display:block;
}
#nex-forms .sub-text {
    color: #9e9e9e;
	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;
    margin: 0 !important;
    width: 100%;
}
.upload-image .thumbnail:hover .nf_add_image .the_input_element .fa {
    color: #999 !important;
}
.upload-image .fileinput img {
    height: 100%;
    width: 100%;
}
#nex-forms .upload-image .fileinput.fileinput-exists {
    border: medium none !important;
}
#nex-forms .upload-image .fileinput {
    border: medium none !important;
    text-align: center;
    width: 100%;
}
.upload-image .thumbnail:hover {
    border-color: #ccc !important;
}
.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 {
    /* position: relative; */
    width: 100%;
    display: block;
   /* text-align: right;*/
}
.upload-image .nf_add_image {

}
#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: #ccc;
    font-size: 33px;
    position: relative;
    top: -58px;
    font-size: 36px;
    right: 10px;
    color: #888;
    cursor: pointer;
}
#nex-forms .fileinput.fileinput-exists .nf_remove_image .fa {
    color: #666;
	font-size: 20px;
}
#nex-forms .upload-image .fileinput.fileinput-exists .nf_add_image .the_input_element .fa {
    position: unset;
}
.fileinput-exists .btn-file {
    position: unset;
}

#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;
}

#nex-forms .align_right {
    right: 0;
    text-align: right !important;
}
#nex-forms .align_left {
    text-align: left !important;
}
#nex-forms .align_center {
    text-align: center !important;
    text-align-last: center !important;
}
#nex-forms .align_justify {
    text-align: justify !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 div.form_field .help-block.input-lg, #nex-forms div.form_field .help-block.input-sm {
    height: auto;
    padding: 0;
}
#nex-forms .submit-button small {
    clear: both !important;
    display: block !important;
    margin-top: 7px !important;
    width: 100% !important;
}
#nex-forms input[name="company_url"] {
    position: absolute !important;
    top: -100000px !important;
    width: 1px !important;
    z-index: -1 !important;
}
#nex-forms hr {
    border-color: #dddddd;
    margin: 0 !important;
}
#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 {
}
.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 .popover-content {
    min-width: 165px;
    padding: 9px 14px;
    text-align: center;
}
#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 {
    max-width: 100% !important;
    width: 100%;
}
#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-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
#nex-forms .pill.form_field.touch_spinner .input-group .bootstrap-touchspin-down {
    border-bottom-right-radius: 0 !important;
    border-top-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-bottom-right-radius: 22px !important;
    border-top-right-radius: 22px !important;
}
#nex-forms .pill .input-group .input-group-addon.prefix {
    border-bottom-left-radius: 22px !important;
    border-top-left-radius: 22px !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 .pill.has_prefix_icon:not(.is_grid) .form-control {
    border-bottom-left-radius: 0 !important;
    border-top-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 {
    color: #999;
    font-weight: normal;
}
#nex-forms .ui-slider {
    margin-left: 5px;
    margin-right: 5px;
    overflow: visible;
    text-align: left;
	background:#fff;
}
#nex-forms .ui-slider .ui-slider-handle::before, #nex-forms .ui-slider .ui-slider-handle::after {
    background-clip: unset !important;
    background-color: transparent !important;
    border: medium none !important;
}
#nex-forms .ui-slider .ui-slider-handle,
#nex-forms .ui-slider .ui-slider-handle:focus {
    border: 1px solid #ddd;
    cursor: pointer !important;
    height: auto !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;
	height: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:hover{
    box-shadow: 5px 5px 13px rgba(0,0,0,0.2)!!important;
}
#nex-forms .ui-slider .ui-slider-handle:active {
    box-shadow: inset 3px 3px 7px rgba(0,0,0,0.12) !important;
}

#nex-forms .md-slider .ui-slider-range {
    border-radius: 4px !important;
}
#nex-forms .md-slider .ui-slider .ui-slider-handle {
    border: medium none !important;
    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;
    box-shadow: none !important;
}
#nex-forms .material_field .ui-slider.slider .ui-slider-range {
    border-bottom-left-radius: 7px !important;
    border-top-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;
}
#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 {
    font-size: 8px;
    margin-right: 2px;
    padding: 0 !important;
    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-slider {
    border: 1px solid #ddd;
}
#nex-forms .ui-autocomplete {
    background: #fff none repeat scroll 0 0 !important;
    z-index: 1000 !important;
}
.ui-autocomplete li {
    cursor: pointer;
    list-style: outside none none;
    margin-bottom: 0 !important;
    padding-left: 10px;
}
.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 {
   /* display: block !important;
    float: none;
    margin-right: 0 !important;*/
}
#nex-forms .ui-widget-content .the_label, #nex-forms .the-radios label {
    color: inherit;
}
#nex-forms .the-radios .col-sm-12 {
    padding-left: 0;
}
#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;
}
#nex-forms .fadeout .form_field.sending {
}
#nex-forms .fadeout .form_field {
    opacity: 0.3;
	transition:all 1s ease 0s;
}
#nex-forms form {
    position: relative;
}

.lds-ring {
    display: inline-block;
    height: 64px;
    position: relative;
    width: 64px;
}
.lds-ring div {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1.2s cubic-bezier(0.5, 0, 0.5, 1) 0s normal none infinite running lds-ring;
    border-color: #8bc34a transparent transparent;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    box-sizing: border-box;
    display: block;
    height: 40px;
    margin: 6px;
    position: absolute;
    width: 40px;
}
.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;
}
@keyframes lds-ring {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
#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;
   /* line-height: 18px;*/
}


.bootstrap-datetimepicker-widget {
    display: none;
}
.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: 320px !important;*/
}
#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-bottom: medium none !important;
    border-radius: 0 !important;
    border-right: medium none !important;
    border-top: medium none !important;
    border-width: medium medium medium 4px !important;
}

.text-red {
    color: #f44336 !important;
}
.text-pink {
    color: #e91e63 !important;
}
.text-purple {
    color: #9c27b0 !important;
}
.text-deep-purple {
    color: #673ab7 !important;
}
.text-indigo {
    color: #3f51b5 !important;
}
.text-blue {
    color: #2979ff !important;
}
.text-light-blue {
    color: #40c4ff !important;
}
.text-cyan {
    color: #00bcd4 !important;
}
.text-teal {
    color: #009688 !important;
}
.text-green {
    color: #4caf50 !important;
}
.text-light-green {
    color: #8bc34a !important;
}
.text-lime {
    color: #cddc39 !important;
}
.text-yellow {
    color: #ffeb3b !important;
}
.text-amber {
    color: #ffc107 !important;
}
.text-orange {
    color: #ff9800 !important;
}
.text-brown {
    color: #795548 !important;
}
.text-gray {
    color: #9e9e9e !important;
}
.text-blue-gray {
    color: #607d8b !important;
}
.btn-red {
    background: #f44336 none repeat scroll 0 0;
    color: #fff;
}
.btn-pink {
    background: #e91e63 none repeat scroll 0 0;
    color: #fff;
}
.btn-purple {
    background: #9c27b0 none repeat scroll 0 0;
    color: #fff;
}
.btn-deep-purple {
    background: #673ab7 none repeat scroll 0 0;
    color: #fff;
}
.btn-indigo {
    background: #3f51b5 none repeat scroll 0 0;
    color: #fff;
}
.btn-blue {
    background: #2979ff none repeat scroll 0 0;
    color: #fff;
}
.btn-light-blue {
    background: #40c4ff none repeat scroll 0 0;
    color: #fff;
}
.btn-cyan {
    background: #00bcd4 none repeat scroll 0 0;
    color: #fff;
}
.btn-teal {
    background: #009688 none repeat scroll 0 0;
    color: #fff;
}
.btn-green {
    background: #4caf50 none repeat scroll 0 0;
    color: #fff;
}
.btn-light-green {
    background: #8bc34a none repeat scroll 0 0;
    color: #fff;
}
.btn-lime {
    background: #cddc39 none repeat scroll 0 0;
    color: #fff;
}
.btn-yellow {
    background: #ffeb3b none repeat scroll 0 0;
}
.btn-amber {
    background: #ffc107 none repeat scroll 0 0;
}
.btn-orange {
    background: #ff9800 none repeat scroll 0 0;
    color: #fff;
}
.btn-brown {
    background: #795548 none repeat scroll 0 0;
    color: #fff;
}
.btn-gray {
    background: #9e9e9e none repeat scroll 0 0;
    color: #fff;
}
.btn-blue-gray {
    background: #607d8b none repeat scroll 0 0;
    color: #fff;
}
.btn-red:hover {
    background: #f44336 none repeat scroll 0 0;
    color: #fff !important;
}
.btn-pink:hover {
    background: #e91e63 none repeat scroll 0 0;
    color: #fff !important;
}
.btn-purple:hover {
    background: #9c27b0 none repeat scroll 0 0;
    color: #fff !important;
}
.btn-deep-purple:hover {
    background: #673ab7 none repeat scroll 0 0;
    color: #fff !important;
}
.btn-indigo:hover {
    background: #3f51b5 none repeat scroll 0 0;
    color: #fff !important;
}
.btn-blue:hover {
    background: #2979ff none repeat scroll 0 0;
    color: #fff !important;
}
.btn-light-blue:hover {
    background: #40c4ff none repeat scroll 0 0;
    color: #fff !important;
}
.btn-cyan:hover {
    background: #00bcd4 none repeat scroll 0 0;
    color: #fff !important;
}
.btn-teal:hover {
    background: #009688 none repeat scroll 0 0;
    color: #fff !important;
}
.btn-green:hover {
    background: #4caf50 none repeat scroll 0 0;
    color: #fff !important;
}
.btn-light-green:hover {
    background: #8bc34a none repeat scroll 0 0;
    color: #fff !important;
}
.btn-lime:hover {
    background: #cddc39 none repeat scroll 0 0;
    color: #fff !important;
}
.btn-yellow:hover {
    background: #ffeb3b none repeat scroll 0 0;
}
.btn-amber:hover {
    background: #ffc107 none repeat scroll 0 0;
}
.btn-orange:hover {
    background: #ff9800 none repeat scroll 0 0;
    color: #fff !important;
}
.btn-brown:hover {
    background: #795548 none repeat scroll 0 0;
    color: #fff !important;
}
.btn-gray:hover {
    background: #9e9e9e none repeat scroll 0 0;
    color: #fff !important;
}
.btn-blue-gray:hover {
    background: #607d8b none repeat scroll 0 0;
    color: #fff !important;
}
.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 {
    height: 32px;
    line-height: 20px !important;
    width: 100% !important;
}
.the_input_element.ui-widget {
    box-shadow: none;
    width: 100%;
}
input.the_input_element.ui-widget {
    height: 32px;
}
#nex-forms select.ui-widget option[value="0"] {
    background: #f6f6f6 none repeat scroll 0 0;
}
#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-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
#nex-forms .bootstrap-touchspin button {
    font-size: 21px !important;
    padding: 0;
    width: 43px;
}
#nex-forms .bootstrap-touchspin .input-group-btn-vertical {
    display: table-cell !important;
    position: relative !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    width: 1% !important;
}
#nex-forms .bootstrap-touchspin .input-group-btn-vertical &gt; .btn {
    display: block !important;
    float: none !important;
    margin-left: -1px !important;
    max-width: 100% !important;
    padding: 8px 10px !important;
    position: relative !important;
    width: 100% !important;
}
#nex-forms .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0 4px 0 0 !important;
}
#nex-forms .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0 0 4px !important;
    margin-top: -2px !important;
}
#nex-forms .bootstrap-touchspin .input-group-btn-vertical i {
    font-size: 9px !important;
    font-weight: normal !important;
    left: 5px !important;
    position: absolute !important;
    top: 3px !important;
}
#nex-forms #spinner {
    min-height: 34px;
    border-left: none;
    border-right: none;
}
.theme_material .bootstrap-tagsinput {
    border-left: 0 none !important;
    border-radius: 0 !important;
    border-right: 0 none !important;
    border-top: 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;
    float: left;
    opacity: 1 !important;
    position: relative !important;
    z-index: 100 !important;
}
#nex-forms .classic-check-group input {
    top: 3px;
}
#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 #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 {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
}
#nex-forms .cd-breadcrumb, #nex-forms .cd-multi-steps {
    background-color: #f9f9f9 !important;
    border-radius: 0.25em !important;
    margin: 1em auto;
    padding: 0.5em 1em !important;
}
#nex-forms .cd-breadcrumb::after, #nex-forms .cd-multi-steps::after {
    clear: both !important;
    content: "" !important;
    display: table !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.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 li:last-of-type::after, #nex-forms .cd-multi-steps li:last-of-type::after {
    display: none !important;
}
#nex-forms .cd-breadcrumb li &gt; *, #nex-forms .cd-multi-steps li &gt; * {
    color: #2c3f4c !important;
    display: inline-block !important;
    font-size: 12px !important;
}
#nex-forms .cd-breadcrumb li.current &gt; *, #nex-forms .cd-multi-steps li.current &gt; * {
}
#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 {
    background: rgba(0, 0, 0, 0) url("../img/cd-custom-separator.svg") no-repeat scroll center center !important;
    content: "" !important;
    height: 16px !important;
    vertical-align: middle !important;
    width: 16px !important;
}
#nex-forms .cd-breadcrumb.custom-icons li &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li &gt; *::before {
    background: rgba(0, 0, 0, 0) url("../img/cd-custom-icons-01.svg") no-repeat scroll 0 0 !important;
    content: "" !important;
    display: inline-block !important;
    height: 20px !important;
    margin-right: 0.4em !important;
    margin-top: -2px !important;
    vertical-align: middle !important;
    width: 20px !important;
}
#nex-forms .cd-breadcrumb.custom-icons li:nth-of-type(2):not(.current) &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li:nth-of-type(2):not(.current) &gt; *::before {
    background-position: -20px 0 !important;
}
#nex-forms .cd-breadcrumb.custom-icons li:nth-of-type(3):not(.current) &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li:nth-of-type(3):not(.current) &gt; *::before {
    background-position: -40px 0 !important;
}
#nex-forms .cd-breadcrumb.custom-icons li:nth-of-type(4):not(.current) &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li:nth-of-type(4):not(.current) &gt; *::before {
    background-position: -60px 0 !important;
}
#nex-forms .cd-breadcrumb.custom-icons li.current:first-of-type &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li.current:first-of-type &gt; *::before {
    background-position: 0 -20px !important;
}
#nex-forms .cd-breadcrumb.custom-icons li.current:nth-of-type(2) &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li.current:nth-of-type(2) &gt; *::before {
    background-position: -20px -20px !important;
}
#nex-forms .cd-breadcrumb.custom-icons li.current:nth-of-type(3) &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li.current:nth-of-type(3) &gt; *::before {
    background-position: -40px -20px !important;
}
#nex-forms .cd-breadcrumb.custom-icons li.current:nth-of-type(4) &gt; *::before, #nex-forms .cd-multi-steps.custom-icons li.current:nth-of-type(4) &gt; *::before {
    background-position: -60px -20px !important;
}
@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 &gt; *, #nex-forms .cd-multi-steps li &gt; * {
    font-size: 12px !important;
}
}
#nex-forms .cd-breadcrumb.triangle {
    background-color: transparent !important;
    padding: 0 !important;
}
#nex-forms .cd-breadcrumb.triangle li {
    margin: 4px 4px 4px 0 !important;
    padding: 0 !important;
    position: relative !important;
}
#nex-forms .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0 !important;
}
#nex-forms .cd-breadcrumb.triangle li &gt; * {
    background-color: #edeff0 !important;
    border-color: #edeff0 !important;
    color: #2c3f4c !important;
    padding: 10px 12px 11px 30px !important;
    position: relative !important;
}
#nex-forms .cd-breadcrumb.triangle li.current &gt; * {
}
#nex-forms .cd-breadcrumb.triangle li:first-of-type &gt; * {
    border-radius: 0.25em 0 0 0.25em !important;
    padding-left: 1.6em !important;
}
#nex-forms .cd-breadcrumb.triangle li:last-of-type &gt; * {
    border-radius: 0 0.25em 0.25em 0 !important;
    padding-right: 1.6em !important;
}
#nex-forms .cd-breadcrumb.triangle a:hover {
}
#nex-forms .cd-breadcrumb.triangle li::after, #nex-forms .cd-breadcrumb.triangle li &gt; *::after {
    -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;
    border-width: 20px 0 19px 15px !important;
    content: "" !important;
    height: 0 !important;
    left: 100% !important;
    position: absolute !important;
    top: 0 !important;
    width: 0 !important;
}
#nex-forms .cd-breadcrumb.triangle li::after {
    border-left-color: #fff !important;
    margin: 0 !important;
    transform: translateX(4px) !important;
    z-index: 1 !important;
}
#nex-forms .cd-breadcrumb.triangle li &gt; *::after {
    border-left-color: inherit !important;
    z-index: 2 !important;
}
#nex-forms .cd-breadcrumb.triangle li:last-of-type::after, #nex-forms .cd-breadcrumb.triangle li:last-of-type &gt; *::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 &gt; *::after {
    border-bottom-width: 25px !important;
    border-top-width: 25px !important;
}
@-moz-document url-prefix("") {
#nex-forms .cd-breadcrumb.triangle li::after, #nex-forms .cd-breadcrumb.triangle li &gt; *::after {
    border-left-style: dashed !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 {
    float: none !important;
    margin: 0.4em 40px 0.4em 0 !important;
    position: relative !important;
}
#nex-forms .cd-multi-steps li:last-of-type {
    margin-right: 0 !important;
}
#nex-forms .cd-multi-steps li::after {
    background: #ddd none repeat scroll 0 0 !important;
    content: "" !important;
    height: 1px !important;
    margin: 0 !important;
    position: absolute !important;
}
#nex-forms .cd-multi-steps li.visited::after {
}
#nex-forms .cd-multi-steps li &gt; *, #nex-forms .cd-multi-steps li.current &gt; * {
    color: #2c3f4c !important;
    position: relative !important;
}
#nex-forms .cd-multi-steps.custom-separator li::after {
    background: #ddd none repeat scroll 0 0 !important;
    height: 1px !important;
}
#nex-forms .cd-multi-steps.text-center li::after {
    left: 100% !important;
    top: 50% !important;
    transform: translateY(-50%) translateX(-1px) !important;
    width: 100% !important;
}
#nex-forms .cd-multi-steps.text-center li &gt; * {
    background-color: #e9e9e9 !important;
    border-radius: 0.25em !important;
    padding: 0.6em 1em !important;
    z-index: 1 !important;
}
#nex-forms .cd-multi-steps.text-center a:hover {
    background-color: #d9d9d9 !important;
}
#nex-forms .cd-multi-steps.text-center li.current &gt; *, #nex-forms .cd-multi-steps.text-center li.visited &gt; * {
}
#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;
   /* margin-bottom: 0 !important;*/
    padding: 0 10px !important;
}
#nex-forms .cd-multi-steps.text-top li::after, #nex-forms .cd-multi-steps.text-bottom li::after {
    left: 50% !important;
    position: absolute !important;
    width: calc(100% + 40px) !important;
}
#nex-forms .cd-multi-steps.text-top li &gt; *::before, #nex-forms .cd-multi-steps.text-bottom li &gt; *::before {
    background-color: #ddd !important;
    border-radius: 50% !important;
    content: "" !important;
    height: 12px !important;
    left: 50% !important;
    position: absolute !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 12px !important;
    z-index: 1 !important;
}
#nex-forms .cd-multi-steps.text-top li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom li.current &gt; *::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 &gt; * {
    padding-bottom: 20px !important;
}
#nex-forms .cd-multi-steps.text-top li &gt; *::before {
    bottom: 0 !important;
}
#nex-forms .cd-multi-steps.text-bottom li::after {
    top: 3px !important;
}
#nex-forms .cd-multi-steps.text-bottom li &gt; * {
    padding-top: 20px !important;
}
#nex-forms .cd-multi-steps.text-bottom li &gt; *::before {
    top: 0 !important;
}
#nex-forms .cd-multi-steps.count li {
    counter-increment: steps !important;
}
#nex-forms .cd-multi-steps.count li &gt; *::before {
    content: counter(steps, decimal) " - " !important;
}
#nex-forms .cd-multi-steps.text-top.count li &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.count li &gt; *::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-top.count li::after {
    bottom: 11px !important;
}
#nex-forms .cd-multi-steps.text-top.count li &gt; * {
    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 &gt; * {
    padding-top: 34px !important;
}
#nex-forms .nf_step_breadcrumb li a {
    box-shadow: none !important;
    font-size: 12px !important;
    outline: medium none !important;
    text-decoration: 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 {
    border-radius: 2px;
    padding: 2px 5px;
}
.nf_step_breadcrumb li.visited a:hover {
    cursor: pointer !important;
}
#nex-forms .cd-breadcrumb.md-color-red li.current &gt; *, #nex-forms .cd-multi-steps.md-color-red li.current &gt; * {
}
#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 &gt; * {
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-red a:hover {
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-red li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-red li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-red li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-red li.visited &gt; * {
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-red li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-red li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-red li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-red li.current &gt; *::before {
    background-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.md-color-red li.visited::after {
    background-color: #f44336 !important;
}
#nex-forms .cd-breadcrumb.md-color-green li.current &gt; *, #nex-forms .cd-multi-steps.md-color-green li.current &gt; * {
}
#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 &gt; * {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-green a:hover {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-green li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-green li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-green li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-green li.visited &gt; * {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-green li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-green li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-green li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-green li.current &gt; *::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.md-color-green li.visited::after {
    background-color: #4caf50 !important;
}
#nex-forms .cd-breadcrumb.md-color-amber li.current &gt; *, #nex-forms .cd-multi-steps.md-color-amber li.current &gt; * {
}
#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 &gt; * {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-amber a:hover {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-amber li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-amber li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-amber li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-amber li.visited &gt; * {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-amber li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-amber li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-amber li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-amber li.current &gt; *::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.md-color-amber li.visited::after {
    background-color: #ffc107 !important;
}
#nex-forms .cd-breadcrumb.md-color-blue-gray li.current &gt; *, #nex-forms .cd-multi-steps.md-color-blue-gray li.current &gt; * {
}
#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 &gt; * {
    background-color: #607d8b !important;
    border-color: #607d8b !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-blue-gray a:hover {
    background-color: #607d8b !important;
    border-color: #607d8b !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-blue-gray li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-blue-gray li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-blue-gray li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-blue-gray li.visited &gt; * {
    background-color: #607d8b !important;
    border-color: #607d8b !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-blue-gray li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-blue-gray li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-blue-gray li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-blue-gray li.current &gt; *::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.md-color-blue-gray li.visited::after {
    background-color: #607d8b !important;
}
#nex-forms .cd-breadcrumb.md-color-blue li.current &gt; *, #nex-forms .cd-multi-steps.md-color-blue li.current &gt; * {
}
#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 &gt; * {
    background-color: #2979ff !important;
    border-color: #2979ff !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-blue a:hover {
    background-color: #2979ff !important;
    border-color: #2979ff !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-blue li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-blue li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-blue li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-blue li.visited &gt; * {
    background-color: #2979ff !important;
    border-color: #2979ff !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-blue li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-blue li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-blue li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-blue li.current &gt; *::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.md-color-blue li.visited::after {
    background-color: #2979ff !important;
}
#nex-forms .cd-breadcrumb.md-color-brown li.current &gt; *, #nex-forms .cd-multi-steps.md-color-brown li.current &gt; * {
}
#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 &gt; * {
    background-color: #795548 !important;
    border-color: #795548 !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-brown a:hover {
    background-color: #795548 !important;
    border-color: #795548 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-brown li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-brown li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-brown li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-brown li.visited &gt; * {
    background-color: #795548 !important;
    border-color: #795548 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-brown li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-brown li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-brown li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-brown li.current &gt; *::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.md-color-brown li.visited::after {
    background-color: #795548 !important;
}
#nex-forms .cd-breadcrumb.md-color-cyan li.current &gt; *, #nex-forms .cd-multi-steps.md-color-cyan li.current &gt; * {
}
#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 &gt; * {
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-cyan a:hover {
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-cyan li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-cyan li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-cyan li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-cyan li.visited &gt; * {
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-cyan li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-cyan li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-cyan li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-cyan li.current &gt; *::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.md-color-cyan li.visited::after {
    background-color: #00bcd4 !important;
}
#nex-forms .cd-breadcrumb.md-color-deep-purple li.current &gt; *, #nex-forms .cd-multi-steps.md-color-deep-purple li.current &gt; * {
}
#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 &gt; * {
    background-color: #673ab7 !important;
    border-color: #673ab7 !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-deep-purple a:hover {
    background-color: #673ab7 !important;
    border-color: #673ab7 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-deep-purple li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-deep-purple li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-deep-purple li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-deep-purple li.visited &gt; * {
    background-color: #673ab7 !important;
    border-color: #673ab7 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-deep-purple li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-deep-purple li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-deep-purple li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-deep-purple li.current &gt; *::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.md-color-deep-purple li.visited::after {
    background-color: #673ab7 !important;
}
#nex-forms .cd-breadcrumb.md-color-gray li.current &gt; *, #nex-forms .cd-multi-steps.md-color-gray li.current &gt; * {
}
#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 &gt; * {
    background-color: #9e9e9e !important;
    border-color: #9e9e9e !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-gray a:hover {
    background-color: #9e9e9e !important;
    border-color: #9e9e9e !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-gray li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-gray li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-gray li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-gray li.visited &gt; * {
    background-color: #9e9e9e !important;
    border-color: #9e9e9e !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-gray li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-gray li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-gray li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-gray li.current &gt; *::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.md-color-gray li.visited::after {
    background-color: #9e9e9e !important;
}
#nex-forms .cd-breadcrumb.md-color-indigo li.current &gt; *, #nex-forms .cd-multi-steps.md-color-indigo li.current &gt; * {
}
#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 &gt; * {
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-indigo a:hover {
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-indigo li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-indigo li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-indigo li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-indigo li.visited &gt; * {
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-indigo li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-indigo li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-indigo li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-indigo li.current &gt; *::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.md-color-indigo li.visited::after {
    background-color: #3f51b5 !important;
}
#nex-forms .cd-breadcrumb.md-color-light-blue li.current &gt; *, #nex-forms .cd-multi-steps.md-color-light-blue li.current &gt; * {
}
#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 &gt; * {
    background-color: #40c4ff !important;
    border-color: #40c4ff !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-light-blue a:hover {
    background-color: #40c4ff !important;
    border-color: #40c4ff !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-light-blue li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-light-blue li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-light-blue li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-light-blue li.visited &gt; * {
    background-color: #40c4ff !important;
    border-color: #40c4ff !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-light-blue li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-light-blue li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-light-blue li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-light-blue li.current &gt; *::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.md-color-light-blue li.visited::after {
    background-color: #40c4ff !important;
}
#nex-forms .cd-breadcrumb.md-color-light-green li.current &gt; *, #nex-forms .cd-multi-steps.md-color-light-green li.current &gt; * {
}
#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 &gt; * {
    background-color: #8bc34a !important;
    border-color: #8bc34a !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-light-green a:hover {
    background-color: #8bc34a !important;
    border-color: #8bc34a !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-light-green li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-light-green li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-light-green li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-light-green li.visited &gt; * {
    background-color: #8bc34a !important;
    border-color: #8bc34a !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-light-green li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-light-green li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-light-green li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-light-green li.current &gt; *::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.md-color-light-green li.visited::after {
    background-color: #8bc34a !important;
}
#nex-forms .cd-breadcrumb.md-color-lime li.current &gt; *, #nex-forms .cd-multi-steps.md-color-lime li.current &gt; * {
}
#nex-forms .cd-breadcrumb.md-color-lime a:hover, #nex-forms .cd-multi-steps.md-color-lime a:hover {
}
#nex-forms .cd-breadcrumb.triangle.md-color-lime li.current &gt; * {
    background-color: #cddc39 !important;
    border-color: #cddc39 !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-lime a:hover {
    background-color: #cddc39 !important;
    border-color: #cddc39 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-lime li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-lime li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-lime li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-lime li.visited &gt; * {
    background-color: #cddc39 !important;
    border-color: #cddc39 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-lime li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-lime li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-lime li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-lime li.current &gt; *::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.md-color-lime li.visited::after {
    background-color: #cddc39 !important;
}
#nex-forms .cd-breadcrumb.md-color-orange li.current &gt; *, #nex-forms .cd-multi-steps.md-color-orange li.current &gt; * {
}
#nex-forms .cd-breadcrumb.md-color-orange a:hover, #nex-forms .cd-multi-steps.md-color-orange a:hover {
}
#nex-forms .cd-breadcrumb.triangle.md-color-orange li.current &gt; * {
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-orange a:hover {
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-orange li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-orange li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-orange li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-orange li.visited &gt; * {
    background-color: #ff9800 !important;
    border-color: #ff9800 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-orange li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-orange li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-orange li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-orange li.current &gt; *::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.md-color-orange li.visited::after {
    background-color: #ff9800 !important;
}
#nex-forms .cd-breadcrumb.md-color-pink li.current &gt; *, #nex-forms .cd-multi-steps.md-color-pink li.current &gt; * {
}
#nex-forms .cd-breadcrumb.md-color-pink a:hover, #nex-forms .cd-multi-steps.md-color-pink a:hover {
}
#nex-forms .cd-breadcrumb.triangle.md-color-pink li.current &gt; * {
    background-color: #e91e63 !important;
    border-color: #e91e63 !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-pink a:hover {
    background-color: #e91e63 !important;
    border-color: #e91e63 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-pink li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-pink li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-pink li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-pink li.visited &gt; * {
    background-color: #e91e63 !important;
    border-color: #e91e63 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-pink li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-pink li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-pink li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-pink li.current &gt; *::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.md-color-pink li.visited::after {
    background-color: #e91e63 !important;
}
#nex-forms .cd-breadcrumb.md-color-purple li.current &gt; *, #nex-forms .cd-multi-steps.md-color-purple li.current &gt; * {
}
#nex-forms .cd-breadcrumb.md-color-purple a:hover, #nex-forms .cd-multi-steps.md-color-purple a:hover {
}
#nex-forms .cd-breadcrumb.triangle.md-color-purple li.current &gt; * {
    background-color: #9c27b0 !important;
    border-color: #9c27b0 !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-purple a:hover {
    background-color: #9c27b0 !important;
    border-color: #9c27b0 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-purple li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-purple li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-purple li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-purple li.visited &gt; * {
    background-color: #9c27b0 !important;
    border-color: #9c27b0 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-purple li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-purple li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-purple li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-purple li.current &gt; *::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.md-color-purple li.visited::after {
    background-color: #9c27b0 !important;
}
#nex-forms .cd-breadcrumb.md-color-teal li.current &gt; *, #nex-forms .cd-multi-steps.md-color-teal li.current &gt; * {
}
#nex-forms .cd-breadcrumb.md-color-teal a:hover, #nex-forms .cd-multi-steps.md-color-teal a:hover {
}
#nex-forms .cd-breadcrumb.triangle.md-color-teal li.current &gt; * {
    background-color: #009688 !important;
    border-color: #009688 !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-teal a:hover {
    background-color: #009688 !important;
    border-color: #009688 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-teal li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-teal li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-teal li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-teal li.visited &gt; * {
    background-color: #009688 !important;
    border-color: #009688 !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-teal li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-teal li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-teal li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-teal li.current &gt; *::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.md-color-teal li.visited::after {
    background-color: #009688 !important;
}
#nex-forms .cd-breadcrumb.md-color-yellow li.current &gt; *, #nex-forms .cd-multi-steps.md-color-yellow li.current &gt; * {
}
#nex-forms .cd-breadcrumb.md-color-yellow a:hover, #nex-forms .cd-multi-steps.md-color-yellow a:hover {
}
#nex-forms .cd-breadcrumb.triangle.md-color-yellow li.current &gt; * {
    background-color: #ffeb3b !important;
    border-color: #ffeb3b !important;
    color: #444 !important;
}
#nex-forms .cd-breadcrumb.triangle.md-color-yellow a:hover {
    background-color: #ffeb3b !important;
    border-color: #ffeb3b !important;
    color: #444 !important;
}
#nex-forms .cd-multi-steps.text-center.md-color-yellow li.current &gt; *, #nex-forms .cd-multi-steps.text-center.md-color-yellow li.visited &gt; *, #nex-forms .cd-breadcrumb.md-color-yellow li.current &gt; *, #nex-forms .cd-breadcrumb.md-color-yellow li.visited &gt; * {
    background-color: #ffeb3b !important;
    border-color: #ffeb3b !important;
    color: #444 !important;
}
#nex-forms .cd-multi-steps.text-top.md-color-yellow li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top.md-color-yellow li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-yellow li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom.md-color-yellow li.current &gt; *::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.md-color-yellow li.visited::after {
    background-color: #ffeb3b !important;
}
#nex-forms .cd-breadcrumb li.current &gt; *, #nex-forms .cd-multi-steps li.current &gt; * {
}
#nex-forms .cd-breadcrumb a:hover, #nex-forms .cd-multi-steps a:hover {
}
#nex-forms .cd-breadcrumb.triangle li.current &gt; * {
    background-color: #607d8b !important;
    border-color: #607d8b !important;
    color: #ffffff !important;
}
#nex-forms .cd-breadcrumb.triangle a:hover {
    background-color: #607d8b !important;
    border-color: #607d8b !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-center li.current &gt; *, #nex-forms .cd-multi-steps.text-center li.visited &gt; *, #nex-forms .cd-breadcrumb li.current &gt; *, #nex-forms .cd-breadcrumb li.visited &gt; * {
    background-color: #607d8b !important;
    border-color: #607d8b !important;
    color: #ffffff !important;
}
#nex-forms .cd-multi-steps.text-top li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-top li.current &gt; *::before, #nex-forms .cd-multi-steps.text-bottom li.visited &gt; *::before, #nex-forms .cd-multi-steps.text-bottom li.current &gt; *::before {
    background-color: #607d8b !important;
}
#nex-forms .cd-multi-steps.text-top a:hover, #nex-forms .cd-multi-steps.text-bottom a:hover {
}
#nex-forms .cd-multi-steps li.visited::after {
    background-color: #607d8b !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;
    box-shadow: 1px 1px 1px #555 inset !important;
    left: unset;
    opacity: 0.4;
    position: absolute;
    right: 7px;
    top: 8px !important;
    z-index: 100;
}
#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 {
    box-shadow: 2px 2px 4px #666 !important;
    right: 7px;
    opacity: 1;
    position: absolute;
    top: 8px !important;
    z-index: 100000;
	left:unset;
	color:#fff;
}
	
#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{
	/* top: 6px !important;*/
}


#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 {
    float: left;
    margin-right: 10px;
    min-width: 91px;
    padding: 4px;
    position: relative;
    text-align: center;
    width: 20% !important;
    z-index: 1000;
}
#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 {
    margin-left: 10px;
    opacity: 0.7;
    padding: 5px !important;
    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 {
    border-color: #ccc !important;
    margin-top: -8px;
}
#ui-timepicker-div td a {
    font-size: 12px;
    padding: 0 22px 0 10px !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 {
    border-radius: 5px;
    position: relative;
    text-align: left;
}
#nex-forms .ui-slider .ui-slider-handle {
    border: 1px solid #ddd;
    cursor: pointer !important;
    font-size: 12px !important;
    /* height: auto !important; */
    opacity: 1 !important;
    outline: medium none;
    padding: 4px 6px;
    text-decoration: none !important;
    top: -11px !important;
    width: auto !important;
    color: #777;
    min-width: 28px;
    height: 28px !important;
    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;
}
#nex-forms span.count-text {
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}
#nex-forms .ui-slider .ui-slider-range {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
    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 .fileinput-exists {
    border: 1px solid #ddd !important;
    font-family: Verdana !important;
    font-size: 12px !important;
    font-weight: normal;
    height: 27px;
    text-transform: capitalize;
}
#nex-forms .upload-image .btn-file {
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: Verdana;
    font-weight: normal;
    padding: 6px 20px;
}
#nex-forms input.ui-widget {
    border-bottom-left-radius: 0;
    border-top-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 {
    bottom: 10px;
    color: #f44336 !important;
    cursor: pointer;
    font-size: 13px !important;
    opacity: 0.7;
    position: absolute !important;
    right: 22px !important;
    transform: scale(1);
    z-index: 10000;
    bottom: 11px;
}

#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 .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 {
    bottom: 10px;
    color: #ccc;
    font-size: 15px !important;
    position: absolute !important;
    right: -5px !important;
    z-index: 10000;
}
#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 {
    bottom: 9px;
    right: 40px;
}*/
#nex-forms .upload-multi .modern, #nex-forms .upload-single .modern {
    right: 125px !important;
    top: 12px;
}
#nex-forms .upload-multi span.fileinput-filename {
    position: relative;
    top: -6px;
    left: 5px;
}
#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;
}
#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 {
    border-color: inherit;
}
#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 {
    position: relative;
    top: 0px;
}
#nex-forms .form_field.multi_line .input-group-addon {
    padding-top: 9px;
    vertical-align: top !important;
}
#nex-forms input.input-lg, #nex-forms .inner-canvas-container select.input-lg {
    height: 46px !important;
}
#nex-forms .required {
    background: unset;
    color: unset;
}
#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;
}
.upload-image.required .modern {
    top: 10px;
}
#nex-forms .material_field.has_success .modern {
    right: 0;
}
#nex-forms input:disabled, #nex-forms select:disabled, #nex-forms textarea:disabled {
    background: #fcfcfc none repeat scroll 0 0 !important;
    display: none;
    opacity: 0.5 !important;
}

#nex-forms .date .bootstrap-datetimepicker-widget.dropdown-menu {
    left: 8px !important;
}
#nex-forms .time .bootstrap-datetimepicker-widget.dropdown-menu {
    left: 8px !important;
    min-width: 130px !important;
    width: 100px !important;
}
#nex-forms .time .bootstrap-datetimepicker-widget table {
    width: 20px !important;
}
#nex-forms .time .bootstrap-datetimepicker-widget table td {
    height: 10px !important;
    line-height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
}

#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 .input-label.ui-checkboxradio-label {
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
}
#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;
    height: 36px;
    width: 100% !important;
}
.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: medium none;
    color: #fff;
    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 {
    background: rgba(0, 0, 0, 0) linear-gradient(#8fc627, #81bf0b) repeat scroll 0 0;
    border: medium none;
    color: #fff !important;
    font-size: 13px !important;
    opacity: 0.9;
    padding: 9px 10px;
}
.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 .multi-select select {
    min-height: 126px !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
}


#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 {
    border-bottom: 1px solid #e2e2e2;
    padding: 7px;
}
#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);
}



/* width */
#nex-forms ::-webkit-scrollbar {
  width: 8px;
}

/* Track */
#nex-forms ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
#nex-forms ::-webkit-scrollbar-thumb {
  background: #ddd;
  /*border-radius:5px;*/
}

/* Handle on hover */
#nex-forms ::-webkit-scrollbar-thumb:hover {
  background: #888;
}







#nex-forms .align_center p {
    text-align: center;
}
#nex-forms .ui-checkboxradio-icon.ui-icon {
    margin-top: -5px;
}
.step .form_field.heading &gt; .row, .step .form_field.math_logic &gt; .row, .step .form_field.divider &gt; .row {
    margin: 0 !important;
}
#nex-forms .inner-canvas-container .v7_container .dropdown-content.select-dropdown li &gt; a, #nex-forms .inner-canvas-container .v7_container .dropdown-content.select-dropdown li &gt; span {
    color: #666 !important;
}
#nex-forms .character-counter {
    bottom: 0;
    position: absolute;
    right: 15px;
}
#nex-forms div.icon-holder {
    cursor: pointer;
    transform: scale(1);
    transition: all 0.3s ease 0s;
}
#nex-forms .icon-holder {
    display: inline-block;
   margin-right: 15px;
}
#nex-forms .form_field.currently_editing .icon-holder .on-icon {
   /* display: inline-block;
    margin-top: 10px;*/
}
#nex-forms .icon-holder .on-icon {
    display: none;
}
#nex-forms .icon-holder span {
    color: #999;
    font-size: 24px;
}
#nex-forms .icon-label div {
    line-height: 24px;
	font-size:13px;
}

#nex-forms .material_field .icon-label div {
	font-size:14px;
}



#nex-forms .icon-holder .on-icon span {
    color: #8bc34a;
}
#nex-forms .icon-holder .on-label {
    color: #666;
    display: none;
}

#nex-forms .icon-holder .off-label {
    color: #999;
}
#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-label-top .icon-label {
    padding-bottom: 7px;
}
#nex-forms .icon-label-bottom .icon-label {
    padding-top: 5px;
}


#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;
}
@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 .icon-holder.col-list {
   /* width: 100%;*/
}






#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{
	/*width:100%;	*/
}

.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;
}
.icon-dropdown .icon-container {
    display: none;
    position: absolute !important;
    z-index: 100000 !;
	background: #fff none repeat scroll 0 0;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    z-index: 100000 !important;
	padding:0 !important;
}

.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;
}

/*SPINNER*/

.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 */

.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;
}
#nex-forms .js-signature, #nex-forms .js-signature canvas {
    max-width: 100%;
}
#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 .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;
   /* padding: 10px;*/
    position: relative;
    width: 100%;
	margin-bottom:20px;
}
#nex-forms .nf_progressbar_percentage {
    /*background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0.05) 10px, rgba(0, 0, 0, 0.05) 20px) repeat scroll 0 0%, rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)) repeat scroll 0 0;*/
    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 {
    /*top:1px;
	left:1px;
	z-index:100000 !important;
	position:absolute !important;
	opacity:1 !important;;
	    display: block !important;*/
}







.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;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

#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 {

    /*height: 510px !important;*/
}


#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;
}



/* CONVERSATIONAL FORMS */
.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 {
   /* border-bottom: 1px dashed rgba(0,0,0,0.3);*/
   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;
	/*transition:all 0.5s ease 0.1s;*/
}
#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;
}
/*#nex-forms .form_type_conversational .form_field .modern i {
	text-shadow:0px 0px 0px rgba(0,0,0,0) !important;
}
#nex-forms .form_type_conversational .form_field.active .modern i {
	text-shadow:8px 9px 15px rgba(0,0,0,0.1) !important;
	transition:all 0.5s ease 0s !important;
}*/

 @-webkit-keyframes autofill-md {
      to {
        color: #666;

        background:transparent;
      }
    }
    
.m_design input:-webkit-autofill {
  -webkit-animation-name: autofill-md;
  -webkit-animation-fill-mode: both;
}

@-webkit-keyframes autofill-bs {
      to {
        color: #666;
        background:#fff;
      }
    }
    
.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;
   /* text-shadow: 2px 2px 4px rgba(0,0,0,0.2);*/
}
#nex-forms .check-icon.checked .fa, 
#nex-forms .check-icon.checked .fas, 
#nex-forms .check-icon.checked .far, 
#nex-forms .check-icon.checked .fab{
   /* text-shadow: 2px 2px 4px rgba(0,0,0,0.2);*/
}
#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: 20;
    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;
    /*top: 35px;*/
}
#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;
}
/* CLASSIC / BROWSER */

#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;
}

/* NEUMORPHISM */
#nex-forms .inner-canvas-container.neumorphism .form_field .form-control {

}
#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&gt;a.checked, 
#nex-forms .inner-canvas-container.neumorphism .prettycheckbox&gt;a.checked, 
#nex-forms .inner-canvas-container.neumorphism label.radio-inline:hover a.checked, 
#nex-forms .inner-canvas-container.neumorphism .prettyradio&gt;a.checked:hover, 
#nex-forms .inner-canvas-container.neumorphism .prettycheckbox&gt;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: 21px;
    cursor: pointer !important;
    padding-left: 40px !important;
}
#nex-forms .inner-canvas-container.neumorphism .check-icon{
    height: 30px;
    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: none;
  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;
  border: 1px solid rgba(0,0,0,0.03);
}
#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;
}

/*JQUERY UI*/
#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;
    /* opacity: 0.7; */
    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: 7px !important;
    width: 17px !important;
	color:#333 !important;
}
#nex-forms .inner-canvas-container.jquery_ui .prettyradio&gt;a.checked,
#nex-forms .inner-canvas-container.jquery_ui .prettycheckbox&gt;a.checked, 
#nex-forms .inner-canvas-container.jquery_ui label.radio-inline:hover a.checked, 
#nex-forms .inner-canvas-container.jquery_ui .prettyradio&gt;a.checked:hover, 
#nex-forms .inner-canvas-container.jquery_ui .prettycheckbox&gt;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 {
    /* margin-top: 15%;
     margin-bottom: 15%;*/
}
#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;
}

@media only screen and (max-width: 800px){
#nex-forms .modal.nex_forms_modal {
        max-width: 100% !important;
    top: 0% !important;
    min-height: 100%;
    left: 0 !important;
    margin: 0 !important;
    max-width: 100%;
    padding: 35px 10px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !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 {
    margin: 5px 15px !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;
}
.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 {
    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);
    /* width: 94% !important; */
    /* height: 94% !important; */
    /* margin-left: 2%; */
    /* margin-top: 2%; */
    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;
}
.noUi-base {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
}
.noUi-connect {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.noUi-origin {
    height: 0;
    position: absolute;
    width: 0;
}
.noUi-handle {
    position: relative;
    z-index: 1;
}
.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: 18px;
}
.noUi-horizontal .noUi-handle {
    height: 28px;
    left: -17px;
    top: -6px;
    width: 34px;
}
.noUi-vertical {
    width: 18px;
}
.noUi-vertical .noUi-handle {
    height: 34px;
    left: -6px;
    top: -17px;
    width: 28px;
}
.noUi-target {
    background: #cdcdcd none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 4px;
}
.noUi-connect {
    background: #26a69a none repeat scroll 0 0;
    transition: background 450ms ease 0s;
}
.noUi-draggable {
    cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}
.noUi-handle {
    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-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;
}
.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-target {
    border: 0 none;
    border-radius: 0;
}
.noUi-horizontal {
    height: 3px;
}
.noUi-vertical {
    height: 100%;
    width: 3px;
}
.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-handle::after {
    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;
    text-align: center;
    font-weight: bold;
    /*letter-spacing: -1px;*/
}
.noUi-horizontal .noUi-tooltip span {
    transform: rotate(45deg);
}
.noUi-vertical .noUi-tooltip span {
    transform: rotate(135deg);
}
.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-vertical .noUi-tooltip span {
    color: #fff;
    font-size: 12px;
    left: -1px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 7px;
    transform: rotate(135deg);
    transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 100%;
}
.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;
 }
.bootstrap-datetimepicker-widget {
  list-style: none !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 {
  /*margin: 2px 0 !important;*/
 
 /* width: 19em !important;*/
 left:1px !important;
 /*top:37px !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 {
  /*margin: 2px 0 !important;*/
 
 /* width: 19em !important;*/
 left:1px !important;
 /*top:37px !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 {
    text-align: center;
    width: 40px;
    font-size: 26px;
    color: #3cc2ff;
}
#nex-forms .timepicker-picker a.btn span:hover{
	opacity:0.8;
}
/*@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em !important;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em !important;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em !important;
  }
}
*/
#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.dropdown-menu.bottom:before {
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-bottom: 7px solid #cccccc !important;
  border-bottom-color: rgba(0, 0, 0, 0.2) !important;
  top: -7px !important;
  left: 7px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 6px solid white !important;
  top: -6px !important;
  left: 8px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-top: 7px solid #cccccc !important;
  border-top-color: rgba(0, 0, 0, 0.2) !important;
  bottom: -7px !important;
  left: 6px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 6px solid white !important;
  bottom: -6px !important;
  left: 7px !important;
}*/
/*.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto !important;
  right: 6px !important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto !important;
  right: 7px !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 {
    /* width: 54px !important; */
    font-size: 33px !important;
    margin: 0 !important;
    background: rgba(255,255,255,0.1);
    padding: 23px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0px 10px !important;
    /* border: 1px solid #e1e1e1; */
    box-shadow: inset 4px 4px 19px rgba(0,0,0,0.07);
}
#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;
  /*width: 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 {
  /*background: #eeeeee !important;*/
}
.bootstrap-datetimepicker-widget table td {
  height: 54px !important;
  line-height: 54px !important;
  /*width: 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;
  /*width: 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 {
  /*background: #eeeeee !important;*/
  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;
  /*background:#8bc34a;*/
  color: #8bc34a;
  font-weight:bold;
}
/*.bootstrap-datetimepicker-widget table td.today:before {
  content: '' !important;
  display: inline-block !important;
  border: 0 0 7px 7px solid transparent !important;
  border-bottom-color: #337ab7 !important;
  border-top-color: rgba(0, 0, 0, 0.2) !important;
  position: absolute !important;
  bottom: 4px !important;
  right: 4px !important;
}*/
/*.bootstrap-datetimepicker-widget table td.today:after {
    content: '';
    background: transparent;
    display: flex;
    position: absolute;
    width: 80%;
    height: 78%;
    top: 12%;
    left: 10%;
    justify-content: center;
    align-items: center;
    border: 1px solid #8bc34b;
    border-radius: 50%;
}*/
#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 {
  /*background-color: #3dc5ff;*/
  color: #ffffff;
  /*transition: all 500ms ease 0s;
  border:none;*/
}

.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: #eeeeee !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:hover {
    background: #f5f5f5 !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: 0 0 0 10px;
    vertical-align: middle;
    height: auto;
    min-height: 43px;
    padding: 5px 10px;
    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 v1.4.3* http://silviomoreto.github.io/bootstrap-select/** Copyright 2013 bootstrap-select* Licensed under the MIT license*/
.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\9;IE8 and below*/width: 220px\0;/*IE9 and below*/}
.bootstrap-select.form-control:not([class*="span"]) {width: 100%;}
.bootstrap-select &gt; .btn {width: 100%;position:relative;}
.error .bootstrap-select .btn {border: 1px solid #b94a48;}
.dropdown-menu {z-index: 2000;}
.bootstrap-select.show-menu-arrow.open &gt; .btn {z-index: 2051;}
.bootstrap-select .btn:focus {outline: thin dotted #333333 !important;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 &gt; .disabled,.bootstrap-select.btn-group .dropdown-menu li.disabled &gt; a {cursor: not-allowed;}
.bootstrap-select.btn-group &gt; .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 &gt; a.opt {position: relative;padding-left: 35px;}
.bootstrap-select.btn-group .dropdown-menu li &gt; a {cursor: pointer;}
.bootstrap-select.btn-group .dropdown-menu li &gt; 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) &gt; a:hover small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) &gt; a:focus small,.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) &gt; a small {color: #64b1d8;color: rgba(255,255,255,0.4);}
.bootstrap-select.btn-group .dropdown-menu li &gt; dt small {font-weight: normal;}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {content: '';display: inline-block;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;display: none;}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {content: '';display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid white;position: absolute;bottom: -4px;left: 10px;display: none;}
.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 &gt; .dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open &gt; .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 &gt; 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;}
.fileinput .thumbnail {overflow: hidden;margin-bottom: 5px;vertical-align: middle;text-align: center;}
.fileinput .thumbnail &gt; 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 .uneditable-input {white-space: normal;}
.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: -46px;
    color: #777 !important;
    height: 31px;
    font-size: 12px;
    overflow: hidden !important;
    display: block;
    left: 20px;
    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 .clearfix{*zoom:1}
#nex-forms .prettycheckbox,.prettyradio{display:inline-block;padding:0;margin:0}
#nex-forms .prettycheckbox&gt;a,.prettyradio&gt;a{height:30px;width:30px;display:block;float:left;cursor:pointer;margin:0;}
#nex-forms .prettycheckbox&gt;a:focus,.prettyradio&gt;a:focus{outline:0 none}
#nex-forms .prettycheckbox&gt;a{ transition:all 100ms;}
#nex-forms .prettycheckbox&gt;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&gt;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&gt;a.checked.disabled{}
#nex-forms .prettycheckbox&gt;a.disabled{}
#nex-forms .prettyradio&gt;a{  transition:all 100ms;}
#nex-forms .prettyradio&gt;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;
	}
#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;
	/*opacity:0.7;*/
}

#nex-forms label.radio-inline:hover a{
	background:#f5f5f5;
}

/*#nex-forms label.radio-inline:hover, 
#nex-forms label.radio-inline.radio_selected{
	opacity:1 !important;
}
*/
#nex-forms .input-label:not(.image-choices-choice-text) {
    color: #999;
    display: block;
    margin-top: -17px;
    padding-left: 30px;
    cursor: pointer !important;
    margin-left: -20px;
    position: relative;
}
#nex-forms .inner-canvas-container:not(.neumorphism) label.radio-inline:hover a, #nex-forms .inner-canvas-container:not(.neumorphism) .prettycheckbox a:hover {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.1) inset !important;
}
#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);
    transition: all 200ms ease 50ms;
    width: 21px !important;
	color:#fff;
    font-size: 12px;
	
}



/*#nex-forms .m_design .prettyradio a,
#nex-forms .m_design .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: 18px !important;
    line-height: 17px;
    text-align: center;
    transform: scale(1);
    transition: all 200ms ease 50ms;
    width: 18px !important;
	color:#fff;
    font-size: 12px;
    margin-top: 1px;
}*/

#nex-forms .prettyradio&gt;a.checked,
#nex-forms .prettycheckbox&gt;a.checked,
#nex-forms label.radio-inline:hover a.checked,
#nex-forms .prettyradio&gt;a.checked:hover,
#nex-forms .prettycheckbox&gt;a.checked:hover,
#nex-forms label.radio-inline:hover a.checked:hover{  
	background: #8bc34a none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: transparent;
    font-size: 12px;
    padding-top: 0;
    text-decoration: none !important;
    /*transform: scale(1.1) !important;
    transition: all 400ms ease 500ms;*/
	box-shadow: 1px 1px 4px rgba(0,0,0,0.1) inset !important;
	}
	

#nex-forms .m_design .prettyradio&gt;a.checked,
#nex-forms .m_design .prettycheckbox&gt;a.checked,
#nex-forms .m_design label.radio-inline:hover a.checked,
#nex-forms .m_design .prettyradio&gt;a.checked:hover,
#nex-forms .m_design .prettycheckbox&gt;a.checked:hover,
#nex-forms .m_design label.radio-inline:hover a.checked:hover{  
	box-shadow: none !important;
}
	
	
#nex-forms .prettyradio&gt;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&gt;a.checked.disabled{}
#nex-forms .prettyradio&gt;a.disabled{}
/*#nex-forms .prettyradio a,#nex-forms .prettycheckbox a {border: 1px solid #cccccc;
    border-radius: 15px;
    display: block;
    height: 22px !important;
    line-height: 20px;
    text-align: center;
    width: 22px !important;}*/

#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 {
    align-items: center;
    display: flex;
    font-size: 12px;
    height: 21px;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 21px;
}
/*#nex-forms .m_design .check-icon.fa {
    align-items: center;
    display: flex;
    font-size: 12px;
    height: 17px;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 1px ;
    width: 17px;
    font-size: 10px;
}*/
#nex-forms .prettycheckbox .check-icon.fa {
    /*left: 6px;*/
}

#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(../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(../images/hue.png) !important;}
.colorpicker-alpha{background-image:url(../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;}
.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:after{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 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(../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(../images/hue-horizontal.png) !important;}
.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(../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;
    /* width: 170px; */
    /* float: left; */
    /* margin-right: 30px; */
    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 {
   /* height: 120px;
    object-fit: cover;*/
    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;
}
.inner-canvas-container .image-choices-field .image-choices-choice-image-wrap {
    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%;
}

/* BREADCRUMBS 2.0 */



.nf_ms_breadcrumb {
    position: relative;
    z-index: 100;
    border-style: solid;
    border-radius: 3px;
	border-width: 0px;
	border-color: #ddd;
}
/*.nf_ms_breadcrumb.bc-top {
    margin-bottom: 15px;
}
.nf_ms_breadcrumb.bc-bottom {
    margin-top: 15px;
}*/


.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 &gt; ul &gt; li {
    position: relative;
    float: left;
   
    background-color: #fff;
    box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.3);
    z-index: 1;
    /*margin-left: -110px;*/
    transition: all 0.3s;
    max-height: 57px;
	min-width:150px;
	padding-left: 5px;
	margin-bottom:0;
}
.nf-admin .nf_ms_breadcrumb &gt; ul &gt; li {
	cursor:pointer !important;
}

.nf_ms_breadcrumb &gt; ul &gt; li.no-title,
.nf_ms_breadcrumb &gt; ul &gt; li.no-title:hover, 
.nf_ms_breadcrumb &gt; ul &gt; li.no-title.current {
    padding-right: 0 !important;
	width: 36px !important;
}
.nf_ms_breadcrumb &gt; ul &gt; li.no-title a,
.nf_ms_breadcrumb &gt; ul &gt; li.no-title:hover a, 
.nf_ms_breadcrumb &gt; ul &gt; 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 &gt; ul &gt; li{
	padding-right: 25px;
}
.nf_ms_breadcrumb.bc-unfolded &gt; ul &gt; li:hover,
.nf_ms_breadcrumb.bc-unfolded &gt; ul &gt; li.current{
	padding-right: 45px;
}
.nf_ms_breadcrumb.bc-unfolded &gt; ul &gt; li:hover .crumb_container,
.nf_ms_breadcrumb.bc-unfolded &gt; ul &gt; li.current .crumb_container{
	width: calc(100% + 35px);
}
.nf_ms_breadcrumb.folded &gt; ul &gt; 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 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--1 &gt; ul &gt; li.over-current-next {margin-left: -1px }
.nf_ms_breadcrumb.bc-gutter--2 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--2 &gt; ul &gt; li.over-current-next {margin-left: -2px }
.nf_ms_breadcrumb.bc-gutter--3 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--3 &gt; ul &gt; li.over-current-next {margin-left: -3px }
.nf_ms_breadcrumb.bc-gutter--4 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--4 &gt; ul &gt; li.over-current-next {margin-left: -4px }
.nf_ms_breadcrumb.bc-gutter--5 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--5 &gt; ul &gt; li.over-current-next {margin-left: -5px }
.nf_ms_breadcrumb.bc-gutter--6 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--6 &gt; ul &gt; li.over-current-next {margin-left: -6px }
.nf_ms_breadcrumb.bc-gutter--7 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--7 &gt; ul &gt; li.over-current-next {margin-left: -7px }
.nf_ms_breadcrumb.bc-gutter--8 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--8 &gt; ul &gt; li.over-current-next {margin-left: -8px }
.nf_ms_breadcrumb.bc-gutter--9 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--9 &gt; ul &gt; li.over-current-next {margin-left: -9px }
.nf_ms_breadcrumb.bc-gutter--10 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--10 &gt; ul &gt; li.over-current-next {margin-left: -10px }
.nf_ms_breadcrumb.bc-gutter--11 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--11 &gt; ul &gt; li.over-current-next {margin-left: -11px }
.nf_ms_breadcrumb.bc-gutter--12 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--12 &gt; ul &gt; li.over-current-next {margin-left: -12px }
.nf_ms_breadcrumb.bc-gutter--13 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--13 &gt; ul &gt; li.over-current-next {margin-left: -13px }
.nf_ms_breadcrumb.bc-gutter--14 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--14 &gt; ul &gt; li.over-current-next {margin-left: -14px }
.nf_ms_breadcrumb.bc-gutter--15 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--15 &gt; ul &gt; li.over-current-next {margin-left: -15px }
.nf_ms_breadcrumb.bc-gutter--16 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--16 &gt; ul &gt; li.over-current-next {margin-left: -16px }
.nf_ms_breadcrumb.bc-gutter--17 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--17 &gt; ul &gt; li.over-current-next {margin-left: -17px }
.nf_ms_breadcrumb.bc-gutter--18 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--18 &gt; ul &gt; li.over-current-next {margin-left: -18px }
.nf_ms_breadcrumb.bc-gutter--19 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--19 &gt; ul &gt; li.over-current-next {margin-left: -19px }
.nf_ms_breadcrumb.bc-gutter--20 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--20 &gt; ul &gt; li.over-current-next {margin-left: -20px }
.nf_ms_breadcrumb.bc-gutter--21 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--21 &gt; ul &gt; li.over-current-next {margin-left: -21px }
.nf_ms_breadcrumb.bc-gutter--22 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--22 &gt; ul &gt; li.over-current-next {margin-left: -22px }
.nf_ms_breadcrumb.bc-gutter--23 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--23 &gt; ul &gt; li.over-current-next {margin-left: -23px }
.nf_ms_breadcrumb.bc-gutter--24 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--24 &gt; ul &gt; li.over-current-next {margin-left: -24px }
.nf_ms_breadcrumb.bc-gutter--25 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--25 &gt; ul &gt; li.over-current-next {margin-left: -25px }
.nf_ms_breadcrumb.bc-gutter--26 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--26 &gt; ul &gt; li.over-current-next {margin-left: -26px }
.nf_ms_breadcrumb.bc-gutter--27 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--27 &gt; ul &gt; li.over-current-next {margin-left: -27px }
.nf_ms_breadcrumb.bc-gutter--28 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--28 &gt; ul &gt; li.over-current-next {margin-left: -28px }
.nf_ms_breadcrumb.bc-gutter--29 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--29 &gt; ul &gt; li.over-current-next {margin-left: -29px }
.nf_ms_breadcrumb.bc-gutter--30 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter--30 &gt; ul &gt; li.over-current-next {margin-left: -30px }

.nf_ms_breadcrumb.bc-gutter-1 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-1 &gt; ul &gt; li.over-current-next {margin-left: 1px }
.nf_ms_breadcrumb.bc-gutter-2 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-2 &gt; ul &gt; li.over-current-next {margin-left: 2px }
.nf_ms_breadcrumb.bc-gutter-3 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-3 &gt; ul &gt; li.over-current-next {margin-left: 3px }
.nf_ms_breadcrumb.bc-gutter-4 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-4 &gt; ul &gt; li.over-current-next {margin-left: 4px }
.nf_ms_breadcrumb.bc-gutter-5 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-5 &gt; ul &gt; li.over-current-next {margin-left: 5px }
.nf_ms_breadcrumb.bc-gutter-6 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-6 &gt; ul &gt; li.over-current-next {margin-left: 6px }
.nf_ms_breadcrumb.bc-gutter-7 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-7 &gt; ul &gt; li.over-current-next {margin-left: 7px }
.nf_ms_breadcrumb.bc-gutter-8 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-8 &gt; ul &gt; li.over-current-next {margin-left: 8px }
.nf_ms_breadcrumb.bc-gutter-9 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-9 &gt; ul &gt; li.over-current-next {margin-left: 9px }
.nf_ms_breadcrumb.bc-gutter-10 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-10 &gt; ul &gt; li.over-current-next {margin-left: 10px }
.nf_ms_breadcrumb.bc-gutter-11 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-11 &gt; ul &gt; li.over-current-next {margin-left: 11px }
.nf_ms_breadcrumb.bc-gutter-12 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-12 &gt; ul &gt; li.over-current-next {margin-left: 12px }
.nf_ms_breadcrumb.bc-gutter-13 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-13 &gt; ul &gt; li.over-current-next {margin-left: 13px }
.nf_ms_breadcrumb.bc-gutter-14 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-14 &gt; ul &gt; li.over-current-next {margin-left: 14px }
.nf_ms_breadcrumb.bc-gutter-15 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-15 &gt; ul &gt; li.over-current-next {margin-left: 15px }
.nf_ms_breadcrumb.bc-gutter-16 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-16 &gt; ul &gt; li.over-current-next {margin-left: 16px }
.nf_ms_breadcrumb.bc-gutter-17 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-17 &gt; ul &gt; li.over-current-next {margin-left: 17px }
.nf_ms_breadcrumb.bc-gutter-18 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-18 &gt; ul &gt; li.over-current-next {margin-left: 18px }
.nf_ms_breadcrumb.bc-gutter-19 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-19 &gt; ul &gt; li.over-current-next {margin-left: 19px }
.nf_ms_breadcrumb.bc-gutter-20 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-20 &gt; ul &gt; li.over-current-next {margin-left: 20px }
.nf_ms_breadcrumb.bc-gutter-21 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-21 &gt; ul &gt; li.over-current-next {margin-left: 21px }
.nf_ms_breadcrumb.bc-gutter-22 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-22 &gt; ul &gt; li.over-current-next {margin-left: 22px }
.nf_ms_breadcrumb.bc-gutter-23 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-23 &gt; ul &gt; li.over-current-next {margin-left: 23px }
.nf_ms_breadcrumb.bc-gutter-24 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-24 &gt; ul &gt; li.over-current-next {margin-left: 24px }
.nf_ms_breadcrumb.bc-gutter-25 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-25 &gt; ul &gt; li.over-current-next {margin-left: 25px }
.nf_ms_breadcrumb.bc-gutter-26 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-26 &gt; ul &gt; li.over-current-next {margin-left: 26px }
.nf_ms_breadcrumb.bc-gutter-27 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-27 &gt; ul &gt; li.over-current-next {margin-left: 27px }
.nf_ms_breadcrumb.bc-gutter-28 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-28 &gt; ul &gt; li.over-current-next {margin-left: 28px }
.nf_ms_breadcrumb.bc-gutter-29 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-29 &gt; ul &gt; li.over-current-next {margin-left: 29px }
.nf_ms_breadcrumb.bc-gutter-30 &gt; ul &gt; li.current-next, .nf_ms_breadcrumb.bc-gutter-30 &gt; ul &gt; li.over-current-next {margin-left: 30px }



.nf_ms_breadcrumb &gt; ul &gt; li &gt; a {
    display: block;
    padding: 10px;
    font-size: 13px;
    /*transform: skewX(15deg);*/
    text-decoration: none;
	color:#888;
	float:left;
}
.nf_ms_breadcrumb &gt; ul &gt; li:first-child {
 margin-left: 0px;
}

.nf_ms_breadcrumb.bc-folded &gt; ul &gt; li:hover a,
.nf_ms_breadcrumb.bc-folded &gt; ul &gt; li.current a {
    /* min-width: auto; */
    width: unset !important;
	/*padding: 10px 0px;*/
	transition: width 0.3s;
	display: flex;
}


.nf_ms_breadcrumb.bc-folded &gt; ul &gt; li a {
    width: 0px !important;
	/*padding: 10px 0px;*/
	display: none;
}
.nf_ms_breadcrumb &gt; ul &gt; li a {
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    /* padding: 8px 10px; */
    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 &gt; ul &gt; li {
    min-width: 40px;
	transition: all 0.3s;
	list-style:none !important;
	padding:none !important;
	font-size:13px;
	cursor: default;
}
.nf_ms_breadcrumb &gt; ul &gt; li:hover,
.nf_ms_breadcrumb &gt; ul &gt; li.current{
    /*min-width: 130px;*/
	transition: all 0.3s ease 0s;
	padding-right: 10px;
}

.nf_ms_breadcrumb &gt; ul &gt; li:hover .crumb_container, 
.nf_ms_breadcrumb &gt; ul &gt; li.current .crumb_container {
    width: calc(100% + 15px);
	transition: all 0.3s ease 0s;
}
.nf_ms_breadcrumb &gt; ul &gt; li.current {
	overflow:visible;
 	max-height:none;
	/*min-width:130px;*/
}
.nf_ms_breadcrumb.bc-solid &gt; ul &gt; li.current .the_step_num,
.nf_ms_breadcrumb.bc-solid &gt; ul &gt; li.visited .the_step_num  {
    color: #fff;
}

.nf_ms_breadcrumb.bc-unfolded .step_number_container{
	position:absolute;
}
.nf_ms_breadcrumb.bc-unfolded &gt; ul &gt; li a {
    position: relative;
    left: 20px;
}
.nf_ms_breadcrumb.bc-unfolded.triangular &gt; ul &gt; 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;
    /* width: 20px; */
    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 &gt; ul &gt; li.current-next,
.nf_ms_breadcrumb &gt; ul &gt; li.over-current-next {
	margin-left: 0px;
}

.nf_ms_breadcrumb &gt; ul:hover &gt; li {
  /*margin-left: 0px;*/
  /*box-shadow: -2px 0px 20px -6px rgba(0,0,0,0.2);*/
}

.nf_ms_breadcrumb.bc-connected &gt; ul &gt; 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 &gt;ul &gt; li {
    min-width: 43px;
}
/* ROUNDED */
.nf_ms_breadcrumb.rounded li{
	border-radius:5px;
}

/* PILLED */
.nf_ms_breadcrumb.pilled li{
	border-radius:100px;
	min-width: 40px;
}

.nf_ms_breadcrumb.pilled.bc-bordered &gt;ul &gt; li {
    min-width: 40px;
}
.nf_ms_breadcrumb.pilled span.the_step_num{
	margin-left: 2px;
}

/* TRIANGULAR */
.nf_ms_breadcrumb.triangular span.the_step_num{
	margin-left: -3px;
}

/* SKEWED */
.nf_ms_breadcrumb.skewed-f &gt; ul &gt; li {
	 transform: skewX(-15deg);
}
.nf_ms_breadcrumb.skewed-f &gt; ul &gt; li a {
	 transform: skewX(15deg);
}


.nf_ms_breadcrumb.skewed-f &gt; ul &gt; li .step_number_container {
	 transform: skewX(15deg);
}

.nf_ms_breadcrumb.skewed-b &gt; ul &gt; li {
	 transform: skewX(25deg);
}
.nf_ms_breadcrumb.skewed-b &gt; ul &gt; li a {
	 transform: skewX(-25deg);
}


.nf_ms_breadcrumb.skewed-b &gt; ul &gt; 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 &gt; 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 &gt; ul.the_br li.current:first-child,
#nex-forms .nf_ms_breadcrumb.triangular &gt; ul.the_br li.visited:first-child{ border-left: 2px solid #ffffff; }	


.nf_ms_breadcrumb.bc-solid ul &gt; li.current *{ color:#fff !important; }

.nf_ms_breadcrumb.bc-solid ul.md-color-red &gt; 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 &gt; ul.md-color-red li.current:first-child{ background: #f44336 !important;  }


.nf_ms_breadcrumb.bc-solid ul.md-color-pink &gt; 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 &gt; ul.md-color-pink li.current:first-child{ background: #e91e63 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-purple &gt; 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 &gt; ul.md-color-purple li.current:first-child{ background: #9c27b0 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-deep-purple &gt; 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 &gt; ul.md-color-deep-purple li.current:first-child{ background: #673ab7!important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-indigo &gt; 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 &gt; ul.md-color-indigo li.current:first-child{ background: #3f51b5 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-blue &gt; 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 &gt; ul.md-color-blue li.current:first-child{ background: #2979FF !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-light-blue &gt; 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 &gt; ul.md-color-light-blue li.current:first-child{ background: #40C4FF !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-cyan &gt; 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 &gt; ul.md-color-cyan li.current:first-child{ background: #00bcd4 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-teal &gt; 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 &gt; ul.md-color-teal li.current:first-child{ background: #009688 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-green &gt; 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 &gt; ul.md-color-green li.current:first-child{ background: #4caf50 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-light-green &gt; 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 &gt; ul.md-color-light-green li.current:first-child{ background: #8bc34a !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-lime &gt; 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 &gt; ul.md-color-lime li.current:first-child{ background: #cddc39 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-yellow &gt; 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 &gt; ul.md-color-yellow li.current:first-child{ background: #ffeb3b !important;  color: #333;}
.nf_ms_breadcrumb &gt; ul.md-color-yellow li.current a{ color: #333;  }
.nf_ms_breadcrumb &gt; ul.md-color-yellow li.current .the_step_num{ color: #333;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-amber &gt; 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 &gt; ul.md-color-amber li.current:first-child{ background: #ffc107 !important; }

.nf_ms_breadcrumb.bc-solid ul.md-color-orange &gt; 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 &gt; ul.md-color-orange li.current:first-child{ background: #ff9800 !important; }

.nf_ms_breadcrumb.bc-solid ul.md-color-brown &gt; 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 &gt; ul.md-color-brown li.current:first-child{ background: #795548 !important; }

.nf_ms_breadcrumb.bc-solid ul.md-color-gray &gt; 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 &gt; ul.md-color-gray li.current:first-child{ background: #9e9e9e !important; }

.nf_ms_breadcrumb.bc-solid ul.md-color-blue-gray &gt; 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 &gt; ul.md-color-blue-gray li.current:first-child{ background: #607d8b !important;}

.nf_ms_breadcrumb.bc-solid ul.md-color-default &gt; 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 &gt; ul.md-color-default li.current:first-child{ background: #8bc34a !important;  }


/* BORDERED */

#nex-forms .nf_ms_breadcrumb.triangular &gt; 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 &gt; 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 &gt; ul.md-color-red li.current:first-child{ border-left: 2px solid #f44336 !important;  }


.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-pink li.current:first-child{ border-left: 2px solid #e91e63 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-purple li.current:first-child{ border-left: 2px solid #9c27b0 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-deep-purple li.current:first-child{ border-left: 2px solid #673ab7 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-indigo li.current:first-child{ border-left: 2px solid #3f51b5 !important;  }


.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-blue li.current:first-child{ border-left: 2px solid #2979FF !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-light-blue li.current:first-child{ border-left: 2px solid #40C4FF !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-cyan li.current:first-child{ border-left: 2px solid #00bcd4 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-teal li.current:first-child{ border-left: 2px solid #009688 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-green li.current:first-child{ border-left: 2px solid #4caf50 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-light-green li.current:first-child{ border-left: 2px solid #8bc34a !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-lime li.current:first-child{ border-left: 2px solid #cddc39 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-yellow li.current:first-child{ border-left: 2px solid #ffeb3b !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-amber li.current:first-child{ border-left: 2px solid #ffc107 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-orange li.current:first-child{ border-left: 2px solid #ff9800 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-brown li.current:first-child{ border-left: 2px solid #795548 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-gray li.current:first-child{ border-left: 2px solid #9e9e9e !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-blue-gray li.current:first-child{ border-left: 2px solid #607d8b !important;  }



.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-default li.current:first-child{ border-left: 2px solid #8bc34a !important;  }
/* BORDERED TEXT CURRENT */
.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-red li.current *{ color: #f44336 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-pink li.current *{ color: #e91e63 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-purple li.current *{ color: #9c27b0 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-deep-purple li.current *{ color: #673ab7 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-indigo li.current *{ color: #3f51b5 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-blue li.current *{ color: #2979FF !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-light-blue li.current *{ color: #40C4FF !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-cyan li.current *{ color: #00bcd4 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-teal li.current *{ color: #009688 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-green li.current *{ color: #4caf50 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-light-green li.current *{ color: #8bc34a !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-lime li.current *{ color: #cddc39 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-yellow li.current *{ color: #ffeb3b !important;  color: #333;}

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-amber li.current *{ color: #ffc107 !important; }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-orange li.current *{ color: #ff9800 !important; }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-brown li.current *{ color: #795548 !important; }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-gray li.current *{ color: #9e9e9e !important; }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-blue-gray li.current *{ color: #607d8b !important;}

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-default li.current *{ color: #8bc34a !important;  }



/*******************************************************************************************************************************************/
/*************************************************************** VISITED *******************************************************************/
/*******************************************************************************************************************************************/
#nex-forms .nf_ms_breadcrumb.bc-solid.triangular &gt; ul li{ background: transparent !important;  }

.nf_ms_breadcrumb ul &gt; li.visited{ cursor:pointer; }
.nf_ms_breadcrumb.bc-solid ul &gt; li.visited *{ color:#fff !important; }

.nf_ms_breadcrumb.bc-solid ul.md-color-red &gt; 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 &gt; ul.md-color-red li:first-child{ background: #F9A19A !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-red li.visited .step_connecter{ border-bottom-color: #F9A19A !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-pink &gt; 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 &gt; ul.md-color-pink li.visited:first-child{ background: #F48EB1 !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-pink li.visited .step_connecter{ border-bottom-color: #F48EB1 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-purple &gt; 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 &gt; ul.md-color-purple li.visited:first-child{ background: #CD93D7 !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-purple li.visited .step_connecter{ border-bottom-color: #CD93D7 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-deep-purple &gt; 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 &gt; ul.md-color-deep-purple li.visited:first-child{ background: #B39CDB !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-deep-purple li.visited .step_connecter{ border-bottom-color: #B39CDB !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-indigo &gt; 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 &gt; ul.md-color-indigo li.visited:first-child{ background: #9FA8DA !important;  }
.nf_ms_breadcrumb &gt;  ul.md-color-indigo li.visited .step_connecter{ border-bottom-color: #9FA8DA !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-blue &gt; 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 &gt; ul.md-color-blue li.visited:first-child{ background: #94BCFF !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-blue li.visited .step_connecter{ border-bottom-color: #94BCFF !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-light-blue &gt; 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 &gt; ul.md-color-light-blue li.visited:first-child{ background: #9FE1FF !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-light-blue li.visited .step_connecter{ border-bottom-color: #9FE1FF !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-cyan &gt; 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 &gt; ul.md-color-cyan li.visited:first-child{ background: #7FDDE9 !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-cyan li.visited .step_connecter{ border-bottom-color: #7FDDE9 !important;;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-teal &gt; 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 &gt; ul.md-color-teal li.visited:first-child{ background: #7FCAC3 !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-teal li.visited .step_connecter{ border-bottom-color: #7FCAC3 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-green &gt; 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 &gt; ul.md-color-green li.visited:first-child{ background: #A5D7A7 !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-green li.visited .step_connecter{ border-bottom-color: #A5D7A7 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-light-green &gt; 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 &gt; ul.md-color-light-green li.visited:first-child{ background: #C5E1A4 !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-light-green li.visited .step_connecter{ border-bottom-color: #C5E1A4 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-lime &gt; 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 &gt; ul.md-color-lime li.visited:first-child{ background: #E6ED9C !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-lime li.visited .step_connecter{ border-bottom-color: #E6ED9C !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-yellow &gt; 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 &gt; ul.md-color-yellow li.visited:first-child{ background: #FFF59D !important; color: #333; }
.nf_ms_breadcrumb &gt; ul.md-color-yellow li.visited .step_connecter{ border-bottom-color: #FFF59D !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-yellow li.visited a{ color: #333;  }
.nf_ms_breadcrumb &gt; ul.md-color-yellow li.visited .the_step_num{ color: #333;  }


.nf_ms_breadcrumb.bc-solid ul.md-color-amber &gt; 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 &gt; ul.md-color-amber li.visited:first-child{ background: #FFE083 !important; }
.nf_ms_breadcrumb &gt; ul.md-color-amber li.visited .step_connecter{ border-bottom-color: #FFE083 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-orange &gt; 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 &gt; ul.md-color-orange li.visited:first-child{ background: #FFCB7F !important; }
.nf_ms_breadcrumb &gt; ul.md-color-orange li.visited .step_connecter{ border-bottom-color: #FFCB7F !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-brown &gt; 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 &gt; ul.md-color-brown li.visited:first-child{ background: #BCAAA3 !important; }
.nf_ms_breadcrumb &gt; ul.md-color-brown li.visited .step_connecter{ border-bottom-color: #BCAAA3 !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-gray &gt; 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 &gt; ul.md-color-gray li.visited:first-child{ background: #CECECE !important; }
.nf_ms_breadcrumb &gt; ul.md-color-gray li.visited .step_connecter{ border-bottom-color: #CECECE !important;  }

.nf_ms_breadcrumb.bc-solid ul.md-color-blue-gray &gt; 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 &gt; ul.md-color-blue-gray li.visited:first-child{ background: #AFBEC5 !important;}
.nf_ms_breadcrumb &gt; ul.md-color-blue-gray li.visited .step_connecter{ border-bottom-color: #AFBEC5 !important;  }


.nf_ms_breadcrumb.bc-solid ul.md-color-default &gt; 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 &gt; ul.md-color-default li.visited:first-child{ background: #C5E1A4 !important;  }
.nf_ms_breadcrumb &gt; ul.md-color-default li.visited .step_connecter{ border-bottom-color: #C5E1A4 !important;  }


/* BORDERED */

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-red li.visited:first-child{ border-left: 2px solid #F9A19A !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-pink li.visited:first-child{ border-left: 2px solid #F48EB1 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-purple li.visited:first-child{ border-left: 2px solid #CD93D7 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-deep-purple li.visited:first-child{ border-left: 2px solid #B39CDB !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-indigo li.visited:first-child{ border-left: 2px solid #9FA8DA !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-blue li.visited:first-child{ border-left: 2px solid #94BCFF !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-light-blue li.visited:first-child{ border-left: 2px solid #9FE1FF !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-cyan li.visited:first-child{ border-left: 2px solid #7FDDE9 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-teal li.visited:first-child{ border-left: 2px solid #7FCAC3 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-green li.visited:first-child{ border-left: 2px solid #A5D7A7 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-light-green li.visited:first-child{ border-left: 2px solid #C5E1A4 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-lime li.visited:first-child{ border-left: 2px solid #E6ED9C !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-yellow li.visited:first-child{ border-left: 2px solid #FFF59D !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-amber li.visited:first-child{ border-left: 2px solid #FFE083 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-orange li.visited:first-child{ border-left: 2px solid #FFCB7F !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-brown li.visited:first-child{ border-left: 2px solid #BCAAA3 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-gray li.visited:first-child{ border-left: 2px solid #CECECE !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-blue-gray li.visited:first-child{ border-left: 2px solid #AFBEC5 !important;  }

.nf_ms_breadcrumb &gt; 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 &gt; ul.md-color-default li.visited:first-child{ border-left: 2px solid #C5E1A4 !important;  }

/* BOREDER VISITED TEXT */
.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-red li.visited *{ color:#F9A19A !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-pink li.visited *{ color: #F48EB1 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-purple li.visited *{ color: #CD93D7 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-deep-purple li.visited *{ color: #B39CDB !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-indigo li.visited *{ color: #9FA8DA !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-blue li.visited *{ color: #94BCFF !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-light-blue li.visited *{ color: #9FE1FF !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-cyan li.visited *{ color: #7FDDE9 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-teal li.visited *{ color: #7FCAC3 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-green li.visited *{ color: #A5D7A7 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-light-green li.visited *{ color: #C5E1A4 !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-lime li.visited *{ color: #E6ED9C !important;  }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-yellow li.visited *{ color: #555 !important;}

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-amber li.visited *{ color: #FFE083 !important; }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-orange li.visited *{ color: #FFCB7F !important; }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-brown li.visited *{ color: #BCAAA3 !important; }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-gray li.visited *{ color: #CECECE !important; }

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-blue-gray li.visited *{ color: #AFBEC5 !important;}

.nf_ms_breadcrumb.bc-bordered &gt; ul.md-color-default li.visited *{ color: #C5E1A4 !important;  }







.nf_ms_breadcrumb.triangular &gt; ul &gt; li.current{
	background:none !important;
	transition: all 0.3s ease 0s;
	padding-right: 35px;
}
.nf_ms_breadcrumb.triangular &gt; ul &gt; 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 span.the_step_num {
    margin-left: 5px;
}
/* with description */
/*.nf_ms_breadcrumb.triangular span.the_step_num {
    margin-left: 11px;
    margin-right: -6px;
}*/

.nf_ms_breadcrumb.triangular &gt; ul:hover &gt; 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 &gt; ul &gt; li:hover,
.nf_ms_breadcrumb.triangular.bc-solid &gt; ul &gt; li.current {
    background-color: transparent !important;
    transition: all 0.3s ease 0s;
    padding-right: 35px;
}
.nf_ms_breadcrumb.triangular ul &gt; li a {
    position: relative;
	z-index: 100;
	padding-right: 10px;
}


/* with description */
/*#nex-forms .nf_ms_breadcrumb.triangular li::before, 
#nex-forms .nf_ms_breadcrumb.triangular li::after {
    left: 7px;
}*/
#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 &gt; ul li:first-child::before, 
.nf_ms_breadcrumb.triangular &gt; ul li:first-child::after {
    box-shadow: none !important;
	left: 5px;
}
.nf_ms_breadcrumb.triangular &gt; ul &gt; li:first-child {
    margin-left: -4px;
    padding-left: 5px !important;
    /*min-width: 140px;*/
}

/* CRUMB DESCRIPTIONS */

.nf_ms_breadcrumb.bc-unfolded &gt; ul.has-descriptions &gt; li a, 
.nf_ms_breadcrumb &gt; ul.has-descriptions &gt; li:hover a, 
.nf_ms_breadcrumb &gt; ul.has-descriptions &gt; li.current a {
    display: block;
    padding-top: 7px;
    height: 52px !important;
    margin-left: 12px;
    margin-right: 11px;
}

.nf_ms_breadcrumb.bc-unfolded &gt; ul.has-descriptions &gt; li.no-description a, 
.nf_ms_breadcrumb &gt; ul.has-descriptions &gt; li.no-description:hover a, 
.nf_ms_breadcrumb &gt; ul.has-descriptions &gt; li.no-description.current a {
    padding-top: 14px;
}
.nf_ms_breadcrumb ul.has-descriptions &gt; li:first-child .step_number_container{
	margin-left:0;
}

.nf_ms_breadcrumb &gt; ul.has-descriptions &gt; 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 &gt; ul.has-descriptions &gt; li a, 
.nf-admin .nf_ms_breadcrumb &gt; ul.has-descriptions &gt; li:hover a, 
.nf-admin .nf_ms_breadcrumb &gt; ul.has-descriptions &gt; li.current a {
    padding-top: 9px;
}

.nf-admin .nf_ms_breadcrumb.bc-unfolded &gt; ul.has-descriptions &gt; li.no-description a, 
.nf-admin .nf_ms_breadcrumb &gt; ul.has-descriptions &gt; li.no-description:hover a, 
.nf-admin .nf_ms_breadcrumb &gt; ul.has-descriptions &gt; 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;
}

/* CRUMB ICONS */
.nf_ms_breadcrumb &gt; ul &gt; li.has-icon .the_step_num {
    display: none;
}
.nf_ms_breadcrumb &gt; ul &gt; li.has-icon span.the_step_icon {
    display: flex;
}
.nf_ms_breadcrumb &gt; ul &gt; 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 &gt; ul &gt; li span.the_step_icon {
	 margin-left: 0px;
}
.nf_ms_breadcrumb.triangular &gt; ul &gt; li span.the_step_icon{
	margin-left: 4px;
}
.nf_ms_breadcrumb.bc-solid &gt; ul &gt; li.current .the_step_icon,
.nf_ms_breadcrumb.bc-solid &gt; ul &gt; 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 &gt; li.visited,
.ms_disable_back.nf_ms_breadcrumb ul &gt; 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;
}

/**
 *	This element is created inside your target element
 *	It is used so that your own element will not need to be altered
 **/
.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
	margin-top: 5px;
}

.time_circles canvas{
    position: relative;
    z-index: 100;
}
/**
 *	This is all the elements used to house all text used
 * in time circles
 **/
.time_circles &gt; 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%;
}

/**
 *	Titles (Days, Hours, etc)
 **/
.time_circles &gt; div &gt; h4 {
    margin: 2px 0px -4px 0px;
    padding: 0px;
    text-align: center;
}

/**
 *	Time numbers, ie: 12
 **/
.time_circles &gt; div &gt; span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 300%;
}

.nf-admin .time_circles &gt; div &gt; 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;
}
.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 &gt; 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;
}
@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);
  }
}


.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;
}
@keyframes nf-loader-lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.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;
}
@keyframes nf-loader-lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}

.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;
}
@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);
  }
}

.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;
}
@keyframes nf-loader-lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.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;
}
@keyframes nf-loader-lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.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;
}
@keyframes nf-loader-lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
.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;
}
@keyframes nf-loader-lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes nf-loader-lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes nf-loader-lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.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;
}
@keyframes nf-loader-lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.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;
}
@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);
  }
}
.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;
}
@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;
  }
}
.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;
}
@keyframes nf-loader-lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#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;
	/*margin:0 15px;*/
	
}

.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;
}</pre></body></html>