/* Stylesheet clean up generated by prettify CSS */
#nex-forms .sreader {
    display: none !important;
}
div#query-monitor-main {
    display: none;
}
#nex-forms .aa_menu *,
#nex-forms .aa_menu *,
#nex-forms .form-canvas-area *{
	/*cursor: default !important;*/
}
#nex-forms .wp-person a:focus .gravatar, 
#nex-forms a:focus, 
#nex-forms a:focus .media-icon img, 
#nex-forms a:focus .plugin-icon{
	box-shadow:none !important;
}
div.fs-notice.fs-slug-nex-forms{
	display:none !important;
}
.nex_forms_admin_page_wrapper {
    font-family: sans-serif;
}
.form_canvas .inner-canvas-container ::-webkit-scrollbar-thumb{
	background: #ddd !important;
}

.form_canvas .inner-canvas-container ::-webkit-scrollbar-thumb:hover{
	background: #888 !important;
}

.tool-spacer .slider{
	width: unset !important;
}

body #nex-forms{
	line-height: normal !important;
	margin-left: -20px;
}

#nex-forms input.form-control:focus{
	border-color: #ddd !important;
}

.icon-menu li.back-to-dashboard .btn-dashboard {
    background: url(images/menu_icon.png);
    background-repeat: no-repeat;
    background-position: 35px 10px;
    width: 70px !important;
    border-right: 1px solid #ddd;
    /* text-align: right; */
}

.style-bold{
	font-weight: bold;
}

.style-italic{
	font-style: italic;
}

#nex-forms .form_field.select select{
	border-color: #ddd;
	color: #9e9e9e;
}

.popover.tour{
	z-index: 100000 !important;
	padding: 0 !important;
	border-radius: 3px !important;
	border: none !important;
	min-width: 250px;
}

.popover.tour .popover-content{
	font-size: 12px;
	padding: 15px;
	color: #666 !important;
}

.popover-navigation{
	background: #f5f5f5;
	border-top: 1px solid #eee;
}

.popover.tour h3.popover-title{
	border-radius: 3px 3px 0 0 !important;
	color: #fff !important;
	background: #40C4FF;
	font-size: 13px;
}

.popover.tour.whats-new h3.popover-title{
	background: #3f51b5 none repeat scroll 0 0 !important;
	border-color: #3f51b5 !important;
}

.popover.tour.whats-new.bottom>.popover-arrow:after{
	border-bottom-color: #3f51b5;
}

.popover.tour .popover-navigation .btn-group{
	margin-top: -4px !important;
	border: none !important;
}

.popover.tour .popover-navigation .btn.disabled,
.popover.tour .popover-navigation .btn.disabled:hover{
	background: transparent !important;
	border: none !important;
	color: transparent;
}

.popover.tour .popover-navigation .btn:hover{
	background: #40C4FF !important;
	border: 1px solid #40C4FF !important;
	color: #fff !important;
}

.popover.tour .popover-navigation .btn-group .btn,
.popover.tour .popover-navigation .btn{
	background: #f2f2f2 !important;
	border: 1px solid #ddd !important;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 5px;
	margin-left: 0 !important;
	border-radius: 2px !important;
}

.popover.tour .popover-navigation .btn.btn-sm{
	margin-left: 10px !important;
}

.popover.tour .end-tour:hover{
	transition: all 0.2s;
	transform: rotate(180deg);
	opacity: 1;
}

.popover.tour .end-tour .fa{
	font-size: 11px;
	color: #fff;
}

.popover.tour .end-tour{
	position: absolute;
	top: 9px;
	right: 7px;
	border: none;
	border-radius: 22px;
	font-weight: normal;
	padding: 0px;
	width: 17px;
	height: 17px;
	transition: all 0.2s;
	background: rgba(255,255,255,0.5);
	opacity: 0.7;
	display: flex;
	justify-content: center;
	align-items: center;
}

.popover.tour .end-tour:hover .fa{
	color: #fff;
}

.popover.tutorial-step-1.first-run.tour .start-border,
.popover.tutorial-step-1.first-run.tour .start-border-2{
	margin-top: 24px;
}

.popover.tutorial-step-1.first-run.tour .more_tuts{
	margin-top: 1px;
}

.popover.tutorial-step-1.first-run.tour{
	top: 70px !important;
}

.popover.tour.tutorial-step-1 .popover-title,
.popover.tour.tutorial-last-step .popover-title{
	padding: 23px;
	font-size: 17px;
	text-align: center;
	font-weight: normal;
}

.popover.tour.tutorial-step-1 .popover-arrow,
.popover.tour.tutorial-last-step .popover-arrow{
	display: none;
}

.popover.tour.tutorial-step-1 .end-tour .fa,
.popover.tour.tutorial-last-step .end-tour .fa{
	top: -10px;
	left: -3px;
}

.popover.tour.tutorial-step-1 .end-tour:hover,
.popover.tour.tutorial-last-step .end-tour:hover{
	transform: none;
	opacity: 1;
}

.popover.tour.tutorial-step-1 .end-tour,
.popover.tour.tutorial-last-step .end-tour{
	top: 0px !important;
	right: 0px;
	border-radius: 0;
	opacity: 0.7;
	padding: 15px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 2px;
}

.popover.tour.tutorial-step-1 .popover-content,
.popover.tour.tutorial-last-step .popover-content{
	font-size: 16px;
	text-align: center;
	padding: 10px 57px;
	line-height: 28px;
}

.popover.tour.tutorial-step-1,
.popover.tour.tutorial-last-step{
	width: 350px !important;
	max-width: 350px !important;
	top: 130px !important;
}

.tutorial-last-step .fa.fa-check{
	color: #cddc39;
	display: block;
	font-size: 40px;
	left: 10px;
	padding: 11px;
	position: absolute;
	text-shadow: 1px 1px 1px #888;
	top: 3px;
}

.tutorial-last-step .start-border,
.tutorial-last-step .start-border-2{
	height: 80px !important;
	width: 80px !important;
	font-size: 12px !important;
	line-height: 80px !important;
	font-weight: bold !important;
	margin-left: 24px;
	margin-top: 13px;
}

.more_tuts a{
	display: block;
	text-align: left;
	padding-left: 20px;
	font-size: 12px;
	outline: none !important;
	box-shadow: none !important;
}

.more_tuts h5{
	margin: 0 !important;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	text-align: left;
	padding-left: 20px;
	background: #fefefe;
}

.more_tuts{
	background: #fcfcfc;
	margin-left: -57px;
	margin-right: -57px;
	margin-bottom: -28px;
	margin-top: -50px;
	border-bottom-left-radius: 4px;
	border: 1px solid #f2f2f2;
	padding-bottom: 10px;
}

.tour-step-back{
	padding: 4px 10px;
}

.tour-step-next{
	float: right;
	margin-top: 0px;
	padding: 4px 10px;
	margin-right: 0 !important;
}

.tut_clear_form .btn.create_new_form{
	float: right;
}

.tut_clear_form .btn:hover{
	background: #40C4FF;
	border-color: #40C4FF;
	color: #fff;
}

.tut_clear_form .btn{
	padding: 8px 10px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	float: left;
	border-radius: 2px;
	color: #666;
}

.tut_clear_form .fa.fa-warning{
	font-size: 54px;
	float: unset;
	margin-right: 20px;
	display: block;
	text-align: center;
	margin: 16px;
	color: #f44336;
}

.new_tut{
	padding-top: 26px;
}

.popover.tour .popover-navigation .btn.start-tut .fa{
	display: none;
}

.popover.tour .popover-navigation .btn.start-tut{
	float: none;
	width: 100px;
	height: 100px;
	border-radius: 50% !important;
	font-size: 16px;
	font-weight: bold;
	font-family: arial !important;
	line-height: 87px !important;
	margin-left: 7px !important;
	border: 4px solid #ddd !important;
}

.tour-tut-1-element,
.tour-tut-2-element,
.tour-tut-3-element,
.tour-tut-4-element,
.tour-tut-5-element,
.tour-tut-6-element,
.tour-tut-7-element,
.tour-tut-8-element,
.tour-tut-9-element,
.tour-tut-10-element{
	background: url(images/click_here.gif) !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
}

.tour-step-element-reflex.save_nex_form.prime_save{
	background: url(images/click_here_save_2.gif) #B0BD40 !important;
	background-position: 17px center !important;
	background-repeat: no-repeat !important;
}

#step-6.tour-tut-2.left{
	right: 545px !important;
	left: auto !important;
	top: 217px !important;
}

#step-9.tour-tut-2 .popover-arrow{
}

#step-10.tour-tut-2{
	left: auto !important;
	right: 130px !important;
}

#step-12.tour-tut-2{
	top: 170px !important;
}

#step-19.tour-tut-2{
	top: 210px !important;
}

#step-5.tour-tut-3.left,
#step-9.tour-tut-3{
	right: 544px !important;
	left: auto !important;
	top: 217px !important;
}

.row.row_zero_margin{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.zero_padding{
	padding: 0 !important;
}

.toast-success{
	background: #8bc34a !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 13px !important;
}

.material_box_content{
	padding: 15px;
}

.material_box_head{
	background: #f9f9f9 none repeat scroll 0 0;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	color: #fff;
	font-size: 13px;
	padding: 12px 14px;
}

.integration .form-setup-column .material_box_head{
	display: none;

}

.material_box{
	box-shadow: 6px 6px 20px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	background: #fff;
	margin-bottom: 15px;
}

.material_box.center_box{
	margin: 0 auto;
	width: 60%;
	margin-bottom: 15px;
}

.material_box h5{
	margin-bottom: 21px !important;
}

.material_box label{
	font-size: 13px !important;
	padding-left: 30px !important;
	line-height: 22px !important;
	padding-right: 30px;
}

.material_box select{
	padding: 6px !important;
}

.material_box .row{
	margin-bottom: 10px !important;
}

.nav-extended.builder_nav {
    border-bottom: 1px solid #ddd;
}

nav.builder_nav{
	line-height: 19px !important;
	margin-left: -34px;
	margin-top: 0;
	z-index: 9999;
}

nav.builder_nav .nav-content{
}

nav a,
nav a:active,
nav li,
nav li:active,
.navigation a,
.navigation a:active,
.navigation li,
.navigation li:active,
#wpwrap,
#wpcontent{
	outline: none !important;
	border: none !important;
	box-shadow: none  !important;
}

.wp-switch-editor{
	background: #f3f3f3 none repeat scroll 0 0 !important;
	height: 32px !important;
	padding: 0 25px !important;
}

.html-active .wp-switch-editor.switch-html{
	background: #fcfcfc  !important;
	border-bottom-color: #fcfcfc;
}

.tmce-active .wp-switch-editor.switch-tmce{
	background: #fff !important;
	border-bottom-color: #fff;
}

.mce-container-body{
	background: #fff none repeat scroll 0 0 !important;
}

.quicktags-toolbar{
	background: #fcfcfc  !important;
}

.wp-editor-area{
	min-height: 326px;
}

.wp-media-buttons button{
	background: #66d0ff !important;
	border-color: #ddd !important;
	border-radius: 30px !important;
	box-shadow: none !important;
	height: 32px !important;
	padding: 0 59px !important;
	color: #fff !important;
	border: 1px solid #66d0ff !important;
	margin-top: -5px !important;
	transition: all 0.2s ease 0s;
}

.wp-media-buttons button:active,
.wp-media-buttons button:focus{
	transition: all 0.2s ease 0s;
}

.mce-tinymce.mce-container.mce-panel.mce-fullscreen{
	position: relative;
	z-index: 100000000 !important;
}

.mce-top-part::before{
	box-shadow: 0px 5px 6px #f1f1f1 !important;
}

#adminmenuback{
}

#wpadminbar{
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

nav.builder_nav .brand-logo{
	padding-left: 23px;
}

nav .tabs_nf .tab a,
.navigation .tabs_nf .tab a{
}

nav .tabs_nf .indicator,
.navigation .tabs_nf .indicator{
	background: #2979FF;
}

#nex-forms nav,
#nex-forms nav .nav-wrapper i,
#nex-forms nav a.button-collapse,
#nex-forms nav a.button-collapse i{
	height: 49px !important;
}

nav ul.tabs_nf.sec-menu{
	top: -15px;
}

li.indicator{
	margin-bottom: 0 !important;
}

#nex-forms nav .tabs_nf.sec-menu .tab a{
	text-transform: none;
}

#nex-forms nav .tabs_nf.sec-menu li.indicator{
	display: none;
}

#nex-forms nav .tabs_nf.sec-menu li a:hover{
}

#nex-forms nav .tabs_nf.sec-menu li a.active{
}

.builder_nav .nav-wrapper{
	min-height: 1px !important;
}

.open-form-container{
	float: left;
	margin-left: 4px;
}

ul.top-menu-dropdown-content.dropdown-content{
	min-width: 350px !important;
}

#nex-forms #forms_dropdown.dropdown-content{
	left: 0px !important;
	min-height: 90vh;
	top: 36px !important;
}

ul.top-menu-dropdown-content.dropdown-content li:hover a,
ul.top-menu-dropdown-content.dropdown-content li:hover{
}

ul.top-menu-dropdown-content.dropdown-content li a{
	font-size: 12px !important;
	padding: 0 !important;
}

ul.top-menu-dropdown-content.dropdown-content li.dropdown-header a:hover{
	color: #d1d1d1 !important;
}

ul.top-menu-dropdown-content.dropdown-content li.dropdown-header a{
}

ul.top-menu-dropdown-content.dropdown-content li a span{
	opacity: 0.5;
	display: block;
	float: left;
	padding-right: 10px;
	min-width: 49px;
}

ul.top-menu-dropdown-content.dropdown-content li{
	margin-bottom: 0;
}

ul.top-menu-dropdown-content.dropdown-content li small{
	display: block;
	padding-top: 0 !important;
	margin-top: -5px;
	font-style: italic;
	color: #d1d1d1 !important;
}


ul.top-menu-dropdown-content.dropdown-content li:hover small{
	color: #00b9eb  !important;
}

ul.top-menu-dropdown-content{
	margin-top: 3px !important;
}

span.dropdown-icon{
	background: #f1f1f1  none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff !important;
	float: left;
	font-size: 14px !important;
	height: 25px;
	line-height: 26px !important;
	margin: 7px 9px;
	padding: 0 !important;
	text-align: center;
	width: 25px;
}

.form-title{
	float: left;
	margin-left: 6px;
	margin-right: 16px;
	width: 220px;
}

.form-title .input-field.material_design_field input{
	background: #fff none repeat scroll 0 0 !important;
	color: #444 !important;
	font-size: 15px !important;
	height: 21px !important;
	margin-bottom: 0 !important;
	margin-top: 4px !important;
	padding-bottom: 7px !important;
	padding-left: 10px !important;
}

.form-title .material-icons{
	color: #777;
}

.builder-content-section {
    display: flex;
}

.field-selection-wrapper{
	position: fixed;
	margin-top: 5px;
	margin-left: 5px;
	width: 250px;
}

.field-selection-wrapper .collapsible-body{
	max-height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0 !important;
}

.field-selection-wrapper .draggable_object:hover{
	background: #2979FF;
	color: #fff;
}

.field-selection-wrapper .draggable_object{
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	cursor: pointer;
}

.field-selection-wrapper .draggable_object i.fa{
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px !important;
	background: #40C4FF;
	border-radius: 50%;
	margin-right: 10px;
	color: #fff;
}

#nex-forms #fields_dropdown .form_field.field{
	margin-bottom: 0 !important;
}

.collapsible li{
	margin-bottom: 0 !important;
}

.collapsible-header{
	line-height: 30px !important;
}

#nex-forms .waves-light-nf{
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	transition: none !important;
}

button.btn.btn-default.waves-effect.text-btn,
button.btn.btn-default.waves-effect-nf.text-btn{
	width: auto !important;
	padding: 3px 10px !important;
	border-radius: 4px !important;
	font-size: 11px;
}

.col-badge{
	border: 1px solid #ddd;
	border-radius: 0;
	color: #666;
	cursor: pointer;
	display: inline-block;
	height: 19px;
	line-height: 22px;
	margin-bottom: 0px;
	margin-left: 7px;
	margin-top: 7px;
	text-align: center;
	width: 21px;
	font-size: 12px;
}

.col-badge:hover{
	border: 1px solid #40c4ff !important;
}

.form-canvas-area.dark,
.form-canvas-area.dark .form-canvas-area-mask{
    background: #343434;
    background-image: linear-gradient(to right, #303030 1px, transparent 1px), linear-gradient(to bottom, #303030 1px, transparent 1px);
	background-size: 14px 14px;
}

.form-canvas-area-mask, .form-canvas-area {
    background: #f0f1f1;
    background-image: linear-gradient(to right, #eaebeb 1px, transparent 1px), linear-gradient(to bottom, #eaebeb 1px, transparent 1px);
    background-size: 14px 14px;
}

.form-canvas-area-mask{
	height: 85px;
	position: absolute;
	top: 91px;
	width: 99%;
	z-index: 1001;
	left: 0px;
}

.form-canvas-area {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    height: calc(100% - 97px);
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    min-width: 680px;
    overflow: hidden;
    position: fixed;
    top: 72px;
    width: calc(100% - 228px);
    background-position: 0px -9px;
}
/*.form-canvas-area-mask {
    height: 120px;
    position: absolute;
    top: 90px;
    width: 99%;
    z-index: 1001;
    left: 0px;
    background: url(images/canvas_bg.png) #FFF;
}*/
/*.form-canvas-area {
    background: url(images/canvas_bg.png) #FFF !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    height: calc(100% - 97px);
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    min-width: 680px;
    overflow: hidden;
    position: fixed;
    top: 71px;
    width: calc(100% - 228px);
}*/

.folded .form-canvas-area{
	width: calc(100% - 104px);
}

.form-canvas-area .form_canvas {
    height: calc(100% - 92px);
    transition: width 0.2s, padding-left 0.2s, padding-right 0.2s;
    overflow-x: hidden;
    width: 100%;
    float: left;
    padding-left: 23%;
    padding-right: 27%;
    overflow-y: auto;
    padding-top: 115px;
    padding-bottom: 110px;
}

.form-canvas-area .form_canvas.fields_opened{
	transition: all 0.2s;
}

.form-canvas-area .form_canvas.settings-opened, .form-canvas-area .form_canvas.overall-opened {
    padding-right: 41% !important;
    padding-left: 9% !important;
}

.form-canvas-area.split_view .form_canvas.settings-opened,
.form-canvas-area.split_view .form_canvas.overall-opened{
	padding-right: 5% !important;
	padding-left: 5% !important;
}
.btn.workspace.split {
    float: right;
}
.conditional-logic-ui .history-tools{
	display: none;
}

.conditional-logic-opened .bc-outer-container{
	display: none !important;
}

.conditional-logic-opened .row.step-settings{
	display: none;
}

.form-canvas-area .form_canvas.conditional-logic-opened{
	padding-left: 8%;
	padding-right: 6%;
	width: 61%;
	padding-top: 50px;
}

.folded .form-canvas-area .form_canvas.conditional-logic-opened{
	padding-left: 7%;
	padding-right: 6%;
	width: 64%;
}

.fullscreen .form-canvas-area .form_canvas.conditional-logic-opened{
	width: 64%;
}

.inner-canvas-container{
	border-style: solid;
	border-width: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	position: relative;
	z-index: 999;
}

.inner-canvas-container.panel-body{
	padding: 0;
}

.inner-canvas-container input,
.inner-canvas-container textarea{
	font-size: 15px;
}

.form-canvas-area .inner-canvas-container > .form_field:last-child{
	margin-bottom: 150px;
}

.settings-column-style .inner .btn.not-rounded{
	border-radius: 0 !important;
	width: auto !important;
	margin-right: 0 !important;
}

.settings-column-style small{
	font-size: 11px !important;
	margin-bottom: 1px;
	margin-top: 17px !important;
	color: #666 !important;
}
.settings-column-style small.first-setting {
    margin-top: 9px !important;
}
select.form-control[name="math_fields"] {
    border-bottom: none !important;
    border-bottom-left-radius: 0  !important;
    border-bottom-right-radius: 0  !important;
    background: #f9f9f9 !important;
}
textarea#set_math_logic_equation {
    border-top-left-radius: 0  !important;
    border-top-right-radius: 0  !important;
}
.field_settings .btn{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	color: #fff !important;
	cursor: pointer;
	height: 25px;
	line-height: 27px !important;
	margin-left: 10px;
	opacity: 1 !important;
	padding: 0 !important;
	text-align: center;
	width: 20px !important;
	font-size: 13px !important;
	float: left;
}

.form_field.moving:hover .field_settings,
.form_field.moving .field_settings,
.form_field.place-holder .field_settings,
.form_field.batch_edit .field_settings{
	display: none !important;
}

.inner-canvas-container .form_field.place-holder{
	border: 1px dashed #B7D2E6 !important;
	background: #DBE9F2 !important;
	padding: 10px !important;
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.form_field.place-holder .tooltip_bs,
.inner-canvas-container .form_field.sortable-chosen .draggable_object{
	display: none !important;
}

.form_field.ui-draggable-dragging.moving .tooltip_bs{
	display: none !important;
}

.form_field.ui-draggable-dragging.moving .draggable_object i{
	float: left;
	margin-right: 15px !important;
	font-size: 20px !important;
	padding: 0px 10px;
	background: #40C4FF;
	color: #fff;
	height: 46px !important;
	line-height: 46px !important;
}

.form_field.ui-draggable-dragging.moving .draggable_object .object_title{
	display: block !important;
	float: left;
	color: #fff;
	font-size: 12px !important;
}

.form_field.ui-draggable-dragging.moving{
	outline: none !important;
	z-index: 1000000 !important;
	width: 150px !important;
}

#nex-forms .inner-canvas-container .form_field.moving{
	width: 200px !important;
	margin-left: -100px !important;
	outline: none !important;
}

#nex-forms .inner-canvas-container .form_field.moving .form_object{
	border: 1px dashed #40C4FF;
	height: 80px !important;
	background: #fff;
	margin-top: -40px !important;
	opacity: 0.7;
}

#nex-forms .form_field.moving .form_object *{
	display: none !important;
}

.form_field.ui-draggable-dragging.moving .draggable_object{
	width: 150px !important;
	height: 46px !important;
	line-height: 46px !important;
	background: #333;
}

#nex-forms .inner-canvas-container.placing-field .form_field{
}

#nex-forms .inner-canvas-container.placing-field .form_field:hover{
	outline: none !important;
}

#nex-forms .inner-canvas-container.placing-field .form_field:hover .field_settings{
	display: none !important;
}

.inner-canvas-container .form_field{
	margin-bottom: 15px;
	background: none;
	padding: 29px 10px 10px;
}

.inner-canvas-container .label_container label{
	padding-bottom: 5px !important;
	display: block;
}

.inner-canvas-container .place-holder{
	border: 1px dashed #B7D2E6;
	margin-bottom: 15px;
	margin-top: 15px;
	background: #DBE9F2;
	min-height: 50px !important;
}

.inner-canvas-container .moving{
}

.moving{
	z-index: 10000000 !important;
}

.builder-footer{
	background: #f1f1f1 none repeat scroll 0 0;
	bottom: 0;
	box-shadow: 0 0 2px #ccc inset;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	height: 26px;
	left: 0;
	margin-left: 160px;
	padding: 6px 14px;
	position: fixed;
	text-align: right;
	width: calc(100% - 160px);
	z-index: 10 !important;
}

.folded .builder-footer{
	margin-left: 36px;
	width: calc(100% - 36px);
	z-index: 10 !important;
}

#sidenav-overlay{
	opacity: 0 !important;
	z-index: -1 !important;
}

.nav-extended.settings_tabs_nf{
	background: #f9f9f9 none repeat scroll 0 0 !important;
}

.field-settings-sidebar.side-nav{
	transition: all 0.2s ease 0s;
}

.field-settings-sidebar.side-nav.open_sidenav{
	height: 74vh !important;
	left: auto !important;
	overflow: hidden;
	right: 0 !important;
	transition: all 0.2s ease 0s;
	width: 422px !important;
	z-index: 10000000 !important;
}

#nex-forms nav.settings_tabs_nf,
#nex-forms nav.settings_tabs_nf.nav-wrapper i,
#nex-forms nav.settings_tabs_nf a.button-collapse,
#nex-forms nav.settings_tabs_nf a.button-collapse i{
	height: 48px !important;
}

.field-settings-sidebar{
	padding: 0px;
	margin-right: 10px !important;
	margin-top: 148px !important;
}

.settings-column-style .btn-toolbar.col-2 select[name="math_fields"]{
	width: 261px !important;
}

select[name="math_fields"]{
	text-transform: capitalize;
}

.settings-column-style .animation-settings .btn-toolbar.col-2 select{
	width: 226px !important;
}

.settings-column-style .animation-settings .btn-toolbar.col-2 input{
	width: 231px !important;
}

.settings-column-style .btn-group button,
.third_panel .btn-group button{
	padding: 5px 12px !important;
}

.settings-column-style .field-setting-categories-style,
.con-logic-column .field-setting-categories-style,
.third_panel .field-setting-categories-style{
	width: 100%;
	padding-left: 0px;
	position: relative;
	z-index: 1000;
}

.customizing_admin_layout .settings-column-style .field-setting-categories-style,
.customizing_admin_layout .con-logic-column .field-setting-categories-style,
.customizing_admin_layout .third_panel .field-setting-categories-style{
	padding-left: 19px;
}

.third_panel .inner{
	margin-top: 55px;
}

.settings-column-style .inner{
	height: calc(100% - 181px) !important;
	overflow-x: hidden !important;
}

.settings-column-style .material_box_head span{
	margin-right: 11px;
	font-size: 22px;
	position: relative;
	top: 3px;
}

.settings-column-style .inner,
.con-logic-column .inner,
.third_panel .inner{
	overflow-x: auto;
	padding: 10px 15px 30px 19px;
}

.settings-column-style .inner small em,
.third_panel .inner small em{
	font-weight: normal;
	margin-top: 5px;
	display: block;
	margin-bottom: 5px;
}

.settings-column-style .inner small,
.third_panel .inner small{
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}

textarea#set_disabled_dates{
	height: 35px;
	padding: 10px 6px !important;
}

#nex-forms .settings-column-style .inner .form-control,
#nex-forms .third_panel .inner .form-control{
	box-shadow: none !important;
	border-color: #ddd !important;
	height: 35px;
	font-size: 11px !important;
	padding: 5px 6px !important;
	min-height: 35px;
}

#nex-forms .settings-column-style .inner input[type="number"].form-control {
   /* border-left: none !important;*/
}

/* NEUMORPHISM */
/*#nex-forms .settings-column-style .inner .form-control:focus {
    background: #fff !important;
    box-shadow: none !important;
    border: 1px solid #ddd !important;
}
#nex-forms .settings-column-style .inner .form-control, #nex-forms .third_panel .inner .form-control {
    box-shadow: inset 2px 3px 5px 0 rgb(0 0 0 / 10%), inset -6px -6px 10px rgb(255 255 255 / 70%), inset -1px -1px 1px rgb(0 0 0 / 6%) !important;
    border-color: #ddd !important;
    height: 35px;
    font-size: 11px !important;
    padding: 5px 6px !important;
    min-height: 35px;
    background: transparent !important;
    border: 1px solid transparent !important;
}*/
#nex-forms .settings-column-style .inner textarea.form-control,
#nex-forms .third_panel .inner textarea.form-control{
	min-height: 35px !important;
	height: 120px;
}

#nex-forms .settings-column-style .inner select.form-control{
	height: 35px !important;
}

#nex-forms .settings-column-style .inner .input-group select.form-control{
}

#nex-forms .settings-column-style .inner .form-control#operator,
#nex-forms .third_panel .inner .form-control#operator{
	padding: 0px 5px !important;
	height: 20px !important;
	min-height: 21px;
	line-height: 20px;
	width: 37px !important;
	text-transform: uppercase;
	text-align: center !important;
}

.settings-column-style .inner .form-control:focus,
.third_panel .inner .form-control:focus{
	border-color: #40C4FF !important;
	transition: all 0.2s;
}

.settings-column-style input,
.third_panel input{
	font-size: 12px;
	transition: all 0.2s;
}

.right_hand_col .inner input.form-control:focus,
.right_hand_col .inner select.form-control:focus,
.right_hand_col .inner textarea.form-control:focus{
	transition: all 0.5s !important;
}

.form-name input.form-control:focus,
.admin-modal input.form-control:focus,
.admin-modal select:focus,
.admin-modal textarea.form-control:focus,
.modal-footer.test_mail input.form-control:focus{
	transition: all 0.5s !important;
}

.settings-column-style .inner .input-group-addon{
	background: #f2f2f2;
	border-radius: 0;
	transition: all 0.1s ease-in-out 0s;
	outline: none !important;
	padding: 0 4px;
}

.settings-column-style .inner .btn:not(.md-btn){
	
	border-radius: 0;
	transition: all 0.1s ease-in-out 0s;
	outline: none !important;
	padding: 0 4px;
}

.settings-column-style .inner .btn.md-btn.active:after{
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: #fff;
	margin: 0 auto;
	border-radius: 22px;
	/*box-shadow: 2px 2px 4px rgba(0,0,0,0.2);*/
}

.settings-column-style .inner .btn.md-btn{
	border: none !important;
}

.settings-column-style .inner .btn:hover {
    transition: all 0.2s ease-in-out 0s !important;
    background: #fff;
}

.settings-column-style .inner .input-group-addon:hover{
	cursor: default !important;
}

.settings-column-style .inner .input-group-addon.action-btn:hover{
	cursor: pointer !important;
	background: #ffffff !important;
	border-color: #bed7e2 !important;
}
span.input-group-addon.action-btn.label-bold,
span.input-group-addon.action-btn.sub-label-bold {
    border-right: 1px solid #ddd;
	border-top-left-radius:0px !important;
}
.settings-column-style input#set_subtext,
.settings-column-style input#set_label {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.field-setting.col-xs-12.s-odd_setting {
    margin-top: -8px;
}
.settings-column-style .inner .input-group-addon.action-btn.active:hover{
	background: #40C4FF !important;
}

.settings-column-style span.active:not(.md-btn), 
.settings-column-style button.active:not(.md-btn), 
.settings-column-style button:not(.md-btn):active{
	background: #40C4FF !important;
	color: #fff !important;
	border: 1px solid #40C4FF !important;
}

.settings-column-style button.active i, .settings-column-style button:not(.md-btn):active i{
	/*background: #40C4FF !important;*/
	color: #fff !important;
}
#nex-forms button:focus {
    background: transparent;
}
.field-setting .tooltip_bs{
}

.settings-column-style .input-group-addon i{
	padding: 3px 10px;
}

.validation-settings .btn-default.no span{
	display: block;
	position: relative;
	top: -14px;
	font-size: 14px;
}

.settings-column-style .inner .btn-group small,
.third_panel .inner .btn-group small{
	margin-top: 0 !important;
}

.btn-group:last-child{
	border-right: none;
}

.btn-group:first-child{
	padding-left: 0 !important;
}

.btn-group{
	margin-top: 16px;
	padding-left: 5px;
	padding-right: 5px;
}

.input-size .small i,
.label-size .small i{
	position: relative;
	top: 0px;
}

.input-size .normal i,
.label-size .normal i{
	position: relative;
	top: 0px;
}

.input-size .large i,
.label-size .large i{
	position: relative;
	top: 0px;
}

.input-disabled span.fa.fa-remove{
	position: relative;
	left: -1px;
	top: 1px;
}

#nex-forms button[disabled],
#nex-forms input[disabled],
#nex-forms select[disabled],
#nex-forms textarea[disabled]{
	display: block !important;
}

#nex-forms .width_slider .ui-slider-handle{
	background: #40c4ff none repeat scroll 0 0 !important;
	border: 1px solid #2979ff !important;
}
#nex-forms .field-setting .ui-slider .ui-slider-handle, #nex-forms .field-setting .ui-slider .ui-slider-handle:focus {
    padding: 0 !important;
    width: 10px !important;
    min-width: 10px !important;
}
#nex-forms .width_slider .ui-slider{
	border: 1px solid #ccc;
	margin-top: 9px;
	margin-left: 0px;
	width: 98%;
}

#nex-forms .width_slider .ui-slider .ui-slider-range-min{
	background: #e9e9e9 none repeat scroll 0 0 !important;
}
/* NEU */
.settings-column-style .inner .btn {
    border: none !important;
    border-radius: 3px !important;
    box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 20%), -3px -3px 6px 0 rgb(255 255 255 / 59%);
    font-size: 12px;
    height: 30px !important;
    margin-right: 7px;
    padding: 0px !important;
    text-align: center !important;
    width: 30px !important;
    overflow: visible !important;
    z-index: 100000000 !important;
}


/* NEU */
.field-setting .btn i {
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
}


.field-setting .btn i.btn-tx{
	font-size: 9px;
	font-style: normal;
}

/* NEU */
.settings-column-style .inner .btn.active:not(.md-btn), 
.settings-column-style .inner .btn.active:not(.md-btn):hover, 
.settings-column-style .inner .btn:not(.md-btn):active {
    border: none !important;
    color: #666 !important;
    box-shadow: inset 3px 3px 5px 0 rgb(0 0 0 / 12%), inset -3px -3px 5px 0 rgb(255 255 255 / 12%) !important;/*, inset -1px -1px 1px 0 rgb(0 0 0 / 10%)*/
    width: 30px !important;
    height: 31px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.settings-column-style .inner .btn.active:not(.md-btn).text-btn, 
.settings-column-style .inner .btn.active:not(.md-btn).text-btn:hover, 
.settings-column-style .inner .btn:not(.md-btn).text-btn:active {
    width: unset !important;
    color: #fff !important;
}

.field-setting .btn-group .btn {
    margin-top: 5px !important;
    transition: all 0.1s ease-in-out 0s !important;
}

.settings-column-style .inner .input-group-addon.color,
.settings-column-style .inner .input-group-addon.color:hover,
.settings-column-style .inner .input-group-addon.color:active{
	background: #f4f4f4 !important;
	color: inherit !important;
}

.settings-column-style .inner .btn:hover,
.settings-column-style .inner .btn:active,
.settings-column-style .inner .btn.active,
.settings-column-style .inner .input-group-addon:hover,
.settings-column-style .inner .input-group-addon:active,
.settings-column-style .inner .input-group-addon.active{
	transition: all 0.1s ease-in-out 0s;
}

.settings-column-style .field-setting-categories-style .tab,
.con-logic-column .field-setting-categories-style .tab,
.third_panel .field-setting-categories-style .tab{
	display: inline-block;
	font-size: 13px;
	margin-top: 0;
	padding: 2px 10px;
	height: 37px;
	line-height: 32px;
	cursor: pointer;
}

.settings-column-style .field-setting-categories-style .tab:hover,
.con-logic-column  .field-setting-categories-style .tab:hover,
.third_panel .field-setting-categories-style .tab:hover{
}

.settings-column-style .field-setting-categories-style .tab.active,
.con-logic-column .field-setting-categories-style .tab.active,
.third_panel .field-setting-categories-style .tab.active,
.settings-column-style .field-setting-categories-style .tab.active:hover,
.con-logic-column .field-setting-categories-style .tab.active:hover,
.third_panel .field-setting-categories-style .tab.active:hover{
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
	font-weight: bold !important;
	box-shadow: none !important;
	outline: none !important;
}

.settings-column-style #bs-color{
	transition: all 0.1s ease-in-out 0s;
}

.settings-column-style .ui-slider-handle{
}

.settings-column-style #slider{
	width: 100%;
}

.settings-column-style select#label_width{
	display: none;
}

.settings-column-style .width_indicator{
	padding-top: 4px;
}

.settings-column-style .width_indicator input{
	float: left;
	font-size: 11px;
	height: 25px;
	margin-top: -2px;
	padding: 4px !important;
	text-align: center;
	width: 28px !important;
}

.settings-column-style small.width_indicator.right{
	text-align: right;
}

.settings-column-style small.width_indicator.right input{
	float: left;
	margin-right: 0px;
	width: 26px !important;
	margin-top: -8px;
}

.settings-column-style small.width_indicator.left input{
	float: right;
	margin-left: 0px;
	width: 26px !important;
	margin-top: -8px;
}

.width_slider .ui-slider-range{
	background: #eee !important;
}

.settings-column-style .input-group-addon.color-picker{
	padding: 2px !important;
}

.field-setting .input-group span.input-group-addon:last-child{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	padding: 2px 2px 2px 2px !important;
}

.field-setting .input-group span.input-group-addon:first-child{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#nex-forms .settings-column-style .color-picker input.form-control,
#nex-forms .width_bar .color-picker input.form-control{
	padding: 0px !important;
	border: none !important;
	height: 15px !important;
	min-height: 25px;
	min-width: 25px;
	cursor: pointer;
	width: 100% !important;
	transition: all 0.2s ease 0s !important;
	border-radius: 22px;
	text-align: center;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15) !important;
	outline: none !important;
}

#nex-forms .settings-column-style .color-picker input.form-control:hover,
#nex-forms .width_bar .color-picker input.form-control:hover{
	border: 1px solid #40c4ff !important;
}

.settings-column-style .sp-colorize.form-control,
.width_bar .sp-colorize.form-control{
	height: 22px !important;
	font-size: 11px !important;
	width: 22px !important;
	transition: all 0.2s ease 0s !important;
	color: transparent !important;
}

.settings-column-style .sp-colorize.form-control:focus,
.width_bar .sp-colorize.form-control:focus{
	transition: all 0.2s ease 0s !important;
	width: 72px !important;
	min-width: 72px !important;
	color: #000 !important;
	padding-left: 10px !important;
}

.settings-column-style .group-addon-label{
	background: #f2f2f2 !important;
	color: #666 !important;
	font-size: 11px !important;
}

.settings-column-style textarea{
	font-size: 12px;
}

#set_options,
#set_radios,
#set_selections,
#set_html,
#set_extensions,
#set_math_logic_equation{
	min-height: 90px;
	overflow-x: auto;
}

span.btn-tx{
	font-size: 11px;
}
.settings-column-style .inner .btn.active span.btn-tx,
.settings-column-style .inner .btn:active span.btn-tx {
    color: #fff !important;
}
.show_field_type .draggable_object{
	box-shadow: 0px 0px 1px #999;
}

#date-picker-lang-selector{
	width: 168px !important;
}

#select_date_format{
}

#set_date_format{
}

#close-settings,
#close-logic,
#close-extra-styling,
#close-paypal{
	float: right;
}

.fa-icons-list i:hover{
	background: #fff !important;
	cursor: pointer;
	box-shadow: 20px 20px 50px rgba(0,0,0,.3);
	transition: 0.2s ease 0s;
}

.fa-icons-list i{
	font-size: 24px !important;
	height: 56px;
	line-height: 54px !important;
	margin: 3px;
	text-align: center;
	width: 56px;
	margin-bottom: 9px;
}

.fa-icons-list i.no-icon{
	background: #f5f5f5 none repeat scroll 0 0;
	font-size: 11px !important;
	font-style: normal;
	padding: 4px 0 0 0 !important;
	height: 53px !important;
	display: inline-block;
	position: relative;
	top: -3px;
	margin-bottom: -5px;
	line-height: 45px !important;
}

.fa-icons-list{
	border: none;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 7px 16px 0px;
	display: none;
	position: fixed;
	right: 0px;
	top: 163px;
	width: 536px;
	z-index: 100000000 !important;
	height: calc(100% - 193px);
}

.fa-icons-list .inner{
	overflow-x: auto;
	padding: 10px;
	height: calc(100% - 60px);
	background: #f5f5f5 none repeat scroll 0 0;
}

.fa-icons-list i.active{
	background: #ffffff;
	color: #444;
	x-shadow: 20px 20px 50px rgba(0,0,0,.35);
}

.fa-icons-list .input-group{
	margin: 12px;
}

.fa-icons-list .close_icons{
	background: rgba(255,255,255,0.15) none repeat scroll 0 0 !important;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font-size: 14px !important;
	height: 30px;
	right: 30px;
	line-height: 24px;
	position: absolute;
	text-align: center;
	top: 18px;
	transition: all 0.2s ease-in-out 0s;
	width: 30px;
	z-index: 10000;
	padding-top: 2px !important;
}

.fa-icons-list .close_icons:hover{
	color: #40C4FF !important;
	transform: rotate(180deg);
	transition: all 0.2s ease-in-out 0s;
}

input#icon_search,
input#icon_search:focus{
	padding: 20px;
	border: 1px solid rgba(255,255,255,0.1) !important;
	border-radius: 3px 0px 0px 3px !important;
	background: rgba(255,255,255,0.1) !important;
	color: #fff;
}

.search_add_on{
	border: 1px solid rgba(255,255,255,0.1) !important;
	background: rgba(255,255,255,0.1) !important;
	color: #ddd !important;
}

.search_add_on:hover{
	border: 1px solid #40C4FF !important;
	background: #40C4FF !important;
	color: #fff !important;
}

.fa-icons-list .input-group-addon{
	background: #fff;
	border-radius: 0;
	transition: all 0.2s ease-in-out 0s;
	outline: none !important;
}

.fa-icons-list .form-control{
	box-shadow: none !important;
	border-radius: 0 !important;
}

.fa-icons-list .close_icons:hover,
.fa-icons-list .input-group-addon:hover{
	background: #f2f2f2;
	transition: all 0.2s ease-in-out 0s;
	color: #666;
}

.settings-column-style div.upload-image-controls .input-group-addon{
	padding: 2px !important;
	border: 1px solid #ccc;
	position: relative;
}

.settings-column-style div.upload-image-controls{
	margin-top: -26px;
	width: 85px;
}

.settings-column-style .fileinput-preview.thumbnail{
	border-radius: 0 !important;
	height: 80px !important;
	width: 85px !important;
}

span.icon-text{
	font-size: 11px;
}

.bg-settings{
	margin-bottom: 10px;
	margin-top: 2px;
}

.btn-default.auto span.icon-text{
	font-size: 9px;
	display: block;
	right: 2px !important;
	position: relative;
	font-weight: bold;
}

.settings-column-style .inner .settings-grid-system.col-sm-12{
	padding: 0 !important;
}

.settings-column-style .inner .settings-grid-system .btn{
	height: 29px !important;
	width: 29px !important;
	line-height: 16px !important;
	margin-right: 5px !important;
	margin-top: 4px;
	margin-bottom: 20px;
}

.settings_tabs_nf ul li a{
	font-size: 13px !important;
}

.settings_tabs_nf ul .indicator{
	background: #40C4FF !important;
}

.settings_tabs_nf ul li a.active{
}

.animation_preview{
	font-size: 22px;
	text-align: center;
}

.animation_preview_container{
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	padding: 52px 0;
	position: relative;
	z-index: 10000;
	border-radius: 3px;
}

.form_preview_loader{
	position: absolute;
	right: 62px;
	top: 19px;
	z-index: 100;
	padding-right: 2px;
}

#nex-forms .animation-settings .col-2 .input-group.input-group-sm{
	width: 190px !important;
	display: block;
	margin-right: 10px;
}

#nex-forms .page_load h4{
	float: left;
	font-size: 12px !important;
	margin-right: 14px;
	margin-top: 3px;
}

.preloader-wrapper{
	margin-top: 8px;
	margin: 0 auto;
	width: 100%;
}

.page_load{
	margin-left: 15px;
}
a.upgrade_pro {
    font-size: 11px !important;
}
span.close-preview{
	position: absolute;
	right: 15px;
	display: flex;
	height: 30px;
	width: 30px;
	border: 1px solid rgba(255,255,255,0.2);
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	background: rgba(255,255,255,0.15);
	transition: all 0.2s ease-in-out 0s;
}

#close-settings{
	background: rgba(255,255,255,0.15) none repeat scroll 0 0 !important;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font-size: 14px !important;
	height: 30px;
	right: 13px;
	line-height: 24px;
	position: absolute;
	text-align: center;
	top: 14px;
	transition: all 0.2s ease-in-out 0s;
	width: 30px;
	z-index: 10000;
	padding-top: 2px !important;
}

#close-settings:hover,
span.close-preview:hover{
	color: #40C4FF;
	transform: rotate(180deg);
	transition: all 0.2s ease-in-out 0s;
}

.form_attr_setup{
	margin-top: 20px;
}

iframe#pdf_html_ifr,
iframe#on_screen_message_ifr,
iframe#admin_email_body_content_ifr,
iframe#user_email_body_content_ifr,
iframe#ftp_content_ifr{
	min-height: 350px;
}

.tab_section_wrapper{
	padding: 20px 10px;
}

#admin_email_body_content_ifr,
#user_email_body_content_ifr{
	height: 36vh !important;
}

.navigation .nav-content .tri-menu{
	background: #f9f9f9 none repeat scroll 0 0 !important;
}

.navigation .nav-content .tri-menu a{
	color: #666 !important;
	font-size: 13px !important;
	text-transform: none;
}

.navigation .nav-content .tri-menu .indicator{
	background: #40C4FF !important;
}

.navigation .nav-content{
	padding-top: 10px !important;
}

.mce-fullscreen #user_email_body_content_ifr,
.mce-fullscreen #admin_email_body_content_ifr{
	height: 92vh !important;
}

.hidden_field{
	margin-bottom: 6px;
}

.hidden_field .input-group-sm > .input-group-addon{
	height: 5px !important;
	line-height: 5px !important;
	max-height: 2px !important;
	padding: 0 10px !important;
	border-radius: 0 !important;
}

#nex-forms .hidden_field .input-group-sm input.form-control.field_name{
	border-left-color: #ddebf2;
}

.hidden_field .input-group-sm > .input-group-addon:first-child{
	background: #ddebf2 !important;
	border-color: #ddebf2;
	color: #555;
}

.hidden_field .input-group-sm > .input-group-addon:last-child{
}

.hidden_field input.form-control{
	height: 37px !important;
	border: 1px solid #ddd;
}

div#saved_hidden_fields{
	/*margin-top: 10px;*/
}

button.add_hidden_field:hover{
	background: #40C4FF !important;
	border-color: #40C4FF !important;
	color: #fff !important;
	transition: all 0.2s ease 0s;
	opacity:1;
}

button.add_hidden_field:hover:after{
	/*content: "";
	position: absolute;
	width: 100px;
	height: 2px;
	background: #40c4ff;
	right: -100px;
	transition: all 0.3s ease 0s;
	opacity: 1;*/
}

button.add_hidden_field:after{
	/*content: "";
	position: absolute;
	width: 100px;
	height: 2px;
	background: #40c4ff;
	right: 0px;
	opacity: 0;
	transition: all 0.3s ease 0s;*/
}

button.add_hidden_field {
    background: #ffffff !important;
    color: #40c4ff !important;
    border: 2px solid #40C4FF !important;
    margin-top: -1px !important;
    opacity: 1;
    border-radius: 50px !important;
    padding: 1px 15px !important;
}

.input-group-addon.remove_hidden_field:hover{
	background: #f44336;
	color: #fff;
	border-color: #f44336;
	transition: all 0.2s ease 0s;
}

#saved_hidden_fields button.add_hidden_field .fa{
}

#saved_hidden_fields .paypal-items-column{
	margin-top: -21px !important;
}

#saved_hidden_fields span.btn-tx{
	font-size: 11px;
	display: block;
	width: 100%;
}

.hidden_fields_setup{
}

#saved_hidden_fields .material_box_content{
	background: #f7fafe none repeat scroll 0 0;
	max-height: 85vh;
	min-height: 85vh;
	overflow-x: auto;
}

#saved_hidden_fields .material_box_head {
    background: #f8f9fa;
    padding: 32px 17px !important;
    height: 77px !important;
}

#saved_hidden_fields select{
	height: 35px !important;
	border: none;
	background: #fbfbfb;
	box-shadow: none;
}

#saved_hidden_fields .the_hidden_field_value{
	padding: 0 !important;
}

#saved_hidden_fields .name_label{
	background: #fbfbfb;
}

#builder_view.styling_view .field-selection-wrapper{
	display: none;
}

#builder_view.styling_view .inner-canvas-container{
	height: 64vh;
	left: 122px;
	margin-top: 2px;
	max-width: 44%;
	min-width: 44%;
	top: 101px;
}

#builder_view.styling_view .step_controls{
	display: none;
}

.conditional_logic_wrapper{
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	box-shadow: none;
	display: block !important;
	height: 100% !important;
	position: absolute;
	right: -3950px;
	top: -1px !important;
	transition: all 0.3s ease 0s;
	width: 700px;
	z-index: 10000  !important;
}

.conditional_logic_wrapper.opened{
	right: -1px;
	transition: all 0.2s ease 0s;
}

#builder_view.styling_view .conditional_logic_wrapper{
	display: block;
}

.con-logic-column{
	display: block !important;
}

.con-logic-column .panel-heading{
	background: #f9f9f9 none repeat scroll 0 0 !important;
	border-radius: 0 !important;
	color: #f2f2f2;
	font-weight: bold;
	height: 27px;
	padding: 4px 0 4px 7px !important;
	border-bottom: 1px solid #ddd !important;
	display: none;
}

.con-logic-column .panel-body{
	padding-bottom: 10px !important;
	padding-left: 0;
	padding-right: 0;
	padding-top: 10px;
	background: #fff;
}

.con-logic-column .delete_rule{
	background: #fff none repeat scroll 0 0 !important;
	border: 1px solid #ddd;
	border-radius: 50% !important;
	color: #777 !important;
	font-size: 12px;
	height: 23px;
	margin-top: -4px;
	opacity: 1 !important;
	position: relative;
	text-shadow: none;
	top: 1px;
	transition: all 0.2s ease-in-out 0s;
	width: 23px;
}

.con-logic-column .delete_rule:hover{
	transform: rotate(180deg);
	transition: all 0.2s ease-in-out 0s;
}

.con-logic-column .panel{
	border-radius: 0 !important;
	padding: 0 !important;
	margin-bottom: 0;
}

.advanced_view .con-logic-column{
	margin-top: 3px;
}

.advanced_view .the_rule_conditions{
	margin-top: 2px;
	width: calc(100% - 40px);
	position: relative;
}

.advanced_view .get_rule_conditions{
	margin-top: 4px;
}

.advanced_view .get_rule_actions{
	margin-top: -1px !important;
}

.advanced_view .the_rule_actions{
	margin-top: 2px;
	width: 100%;
	position: relative;
}

.advanced_view .the_rule_conditions .rule_number{
	display: none !important;
}

button.button.delete_condition.advanced_options{
	position: absolute;
	right: -27px;
	width: 20px !important;
	height: 20px !important;
	border-radius: 20px !important;
	line-height: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: none;
	top: 6px;
	color: #555;
	background: none;
	font-size: 10px;
	visibility: hidden;
	z-index: 10000;
}

.advanced_view button.button.delete_condition.advanced_options{
	visibility: visible;
}

button.button.delete_condition.advanced_options:hover{
	transition: all 0.2s ease-in-out 0s;
	background: #ca4a1f !important;
	color: #fff !important;
}

button.button.delete_action.advanced_options{
	position: absolute;
	right: -25px;
	width: 20px !important;
	height: 20px !important;
	border-radius: 20px !important;
	line-height: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: none;
	top: 6px;
	color: #555;
	background: none;
	font-size: 10px;
	visibility: hidden;
}

.advanced_view button.button.delete_action.advanced_options{
	visibility: visible;
}

button.button.delete_action.advanced_options:hover{
	transition: all 0.2s ease-in-out 0s;
	background: #ca4a1f !important;
	color: #fff !important;
}

.con-logic-column select{
	text-transform: capitalize;
}

.conditional_logic.advanced_view .col-xs-5{
	margin-left: -24px;
}

button.add_action.advanced_options:focus,
button.add_condition.advanced_options:focus{
	box-shadow: none !important;
}

button.add_action.advanced_options:hover,
button.add_condition.advanced_options:hover{
	background: #40C4FF !important;
	color: #fff !important;
}

button.add_action.advanced_options:before,
button.add_condition.advanced_options:before{
}

button.add_action.advanced_options,
button.add_condition.advanced_options{
	border: medium none !important;
	font-size: 11px !important;
	text-align: left;
	width: 308px !important;
	float: left;
	background: none !important;
	margin-top: 4px !important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
	color: #555;
	padding: 7px 5px;
}

button.add_action.advanced_options{
	width: 252px !important;
}

.con-logic-column .panel-heading.advanced_options{
	background: #f4f4f4 !important;
	margin-top: -5px !important;
	display: none;
}

button.delete_action,
button.delete_condition{
	background: #fff none repeat scroll 0 0 !important;
	box-shadow: none !important;
	height: 31px !important;
	width: 30px !important;
}

button.delete_action,
button.delete_condition:hover{
}

.set_rules{
	position: relative;
}

.set_rules .panel-body{
	border: medium none !important;
	padding: 0 0 20px !important;
	padding-left: 8px !important;
	position: relative;
	transition: all 0.2s ease 0s;
	width: 94% !important;
}

.set_rules button.close{
}

.set_rules .panel.new_rule{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	padding-bottom: 5px;
	padding-top: 5px;
}

.con-logic-column select,
.con-logic-column input{
	font-size: 11px;
	float: left;
	margin-right: 3px;
	border-radius: 0px !important;
	margin: 0 !important;
}

.con-logic-column input{
	height: 31px;
	min-width: 100px !important;
}

.con-logic-column input[type="radio"]{
	float: none;
	padding: 0 !important;
	margin: 0 !important;
	height: 14px;
}

.con_col{
	padding-right: 0 !important;
}

.con-logic-column button{
	border-radius: 0 !important;
	padding: 2px;
	margin-bottom: 7px;
	background: #ddd none repeat scroll 0 0;
}

.con-logic-column select[name="selector"]{
	width: 50px !important;
	margin: 0 5px;
}

#operator{
	height: 22px !important;
	margin-top: -1px !important;
	padding: 0 !important;
	width: 50px !important;
}

.con-logic-column h3{
	font-size: 11px;
	margin-bottom: 4px !important;
}

.con-logic-column button.add_condition,
.con-logic-column button.add_action,
.add_hidden_field{
	border-radius: 0 !important;
	clear: both;
	display: block;
	margin-bottom: 20px;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: -1px;
}

.con-logic-column button.add_condition:hover,
.con-logic-column button.add_action:hover,
.add_hidden_field:hover{
}

.con_col select[name="selector"]{
	margin-top: -3px !important;
}

.con_col.col-xs-4 h3,
.con_col.col-xs-5 h3{
	font-weight: bold !important;
	height: 25px;
	left: 0;
	padding-left: 7px !important;
	padding-top: 7px !important;
	position: absolute;
	top: -45px;
}

.con_col.col-xs-7 h3{
	color: #fff;
	left: 15px;
	position: absolute;
	top: -31px;
}

.con_col h3 strong{
	font-weight: bold !important;
	font-size: 10px;
	margin-right: 3px;
}

.con_col.col-xs-7 h3 strong{
	font-weight: bold !important;
	font-size: 10px;
	margin-right: 3px;
}

.con-logic-column .inner{
	padding: 20px 0 !important;
	height: 419px;
}

.con-logic-column .inner .panel-body{
}

.simple_view button.add_condition.advanced_options,
.simple_view button.add_action.advanced_options,
.simple_view .advanced_options{
	display: none;
}

.simple_view .new_rule.advanced_view button.add_condition.advanced_options,
.simple_view .new_rule.advanced_view button.add_action.advanced_options,
.simple_view .new_rule.advanced_view .advanced_options{
	display: block !important;
}

.con-logic-column .delete_condition:hover,
.con-logic-column .delete_action:hover,
.delete_simple_rule:hover{
}

.con-logic-column .delete_condition,
.con-logic-column .delete_action,
.delete_simple_rule{
}

.advanced_view .delete_simple_rule,
.advanced_view .statment_head{
	display: none;
}

.btn.cl-tool-btn:active{
	box-shadow: inset 3px 3px 9px rgba(0,0,0,0.3) !important;
	transition: all 0.2s ease 0s;
}

.btn.cl-tool-btn{
	width: 50%;
	border-radius: 3px;
	background: #40c4ff !important;
	min-width: 126px;
	color: #fff !important;
}

.statment_head{
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
	margin-left: 4px;
	margin-right: 5px;
	margin-top: 6px;
	color: #666;
}

.simple_view .panel-body{
}

.simple_view select[name="reverse_actions"]{
	margin-bottom: 10px !important;
	width: 56% !important;
}

.simple_view .col-xs-4.con_col{
	padding: 0 !important;
	margin-left: -9px;
}

.wp-core-ui .button,
.wp-core-ui .button-primary,
.wp-core-ui .button-secondary{
	min-height: 16px !important;
}

button.delete_simple_rule{
	background: none !important;
	border: none !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	color: #999 !important;
	font-size: 14px !important;
	height: 20px !important;
	padding: 0 !important;
	position: absolute;
	right: -43px !important;
	top: 8px !important;
	width: 20px !important;
	transition: all 0.2s ease-in-out 0s;
	outline: none !important;
	display: flex !important;
	justify-content: center;
	line-height: normal !important;
	align-items: center;
}

button.delete_simple_rule:hover{
	transition: all 0.2s ease-in-out 0s;
	background: #ca4a1f !important;
	color: #fff !important;
}

button.duplicate_simple_rule{
	background: none !important;
	border: none !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	color: #999 !important;
	font-size: 14px !important;
	height: 24px !important;
	padding: 0 !important;
	position: absolute;
	right: -19px !important;
	top: 6px !important;
	width: 24px !important;
	transition: all 0.2s ease-in-out 0s;
	outline: none !important;
	display: flex !important;
	justify-content: center;
	line-height: normal !important;
	align-items: center;
}

button.duplicate_simple_rule:hover{
	transition: all 0.2s ease-in-out 0s;
	background: #8bc34a !important;
	color: #fff !important;
}

.simple_view .advanced_view .col-xs-4.con_col{
	padding-left: 15px !important;
}

.simple_view .advanced_view select[name="reverse_actions"]{
	width: 80% !important;
}

.con-logic-column.simple_view select{
	width: 32% !important;
}

.con-logic-column.simple_view select[name="selector"]{
	width: 50px !important;
}

.simple_view .col-xs-5{
	margin-left: -8px;
	padding-left: 0;
	padding-right: 0;
}

.simple_view .con_col.col-xs-2{
	padding: 0px 3px !important;
}

.con-logic-column .panel .panel-body{
	background: none !important;
}

.inner .set_rules .panel{
	position: relative;
	box-shadow: none;
	margin-bottom: -1px !important;
}

.simple_view .new_rule.advanced_view .panel-heading{
	margin-top: 11px;
}

.simple_view .new_rule.advanced_view .panel-body{
}

#nex-forms .panel.advanced_view .col-xs-5.con_col{
	padding-left: 17px;
	padding-right: 0 !important;
}

h3.advanced_options .badge.rule_number{
	background: #0073aa none repeat scroll 0 0;
	border: none;
	color: #fff;
	font-size: 11px;
	height: 20px;
	left: -13px;
	position: absolute;
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.con_col h3.advanced_options.do_actions_head{
	margin-top: 10px !important;
	margin-bottom: 12px !important;
	margin-left: 0px !important;
}

.con_col h3.advanced_options.do_conditions_head{
	margin-left: 4px !important;
}

.product_number.badge{
	background: #5bc0de none repeat scroll 0 0;
	font-size: 13px;
	left: -23px;
	position: absolute;
	top: 4px;
}

.col-xs-7 .statment_head{
	margin-left: 16px;
	margin-top: 9px;
}

.the_rule_actions .statment_head{
	margin-top: 9px;
	margin-right: 10px;
}

.statment_head .badge{
	background: #f2f2f2 none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 50%;
	color: #666;
	font-size: 11px;
	height: 19px;
	left: 5px;
	line-height: 13px;
	padding-left: 4px;
	padding-top: 2px !important;
	position: absolute;
	top: 6px;
	width: 19px;
}

.con-logic-column .panel_head{
	height: 37px;
	padding-left: 9px;
}

.advanced_cl_options label{
	font-size: 11px;
	font-weight: normal;
}

.advanced_cl_options{
	border-right: 1px solid #ddd;
	height: 32px;
	line-height: 30px;
	padding: 3px 4px 0 14px;
	top: 0;
	width: 155px;
	float: left;
}

.panel.new_rule.row{
	padding: 2px 0px 2px 18px !important;
}

.panel.new_rule.row.advanced_view{
	background: #f2f2f2 !important;
	margin-bottom: 8px !important;
	margin-top: 8px !important;
	transition: all 0.2s ease 0s;
}

.panel.new_rule.row:hover,
.panel.new_rule.row.show-active-rule,
.panel.new_rule.row.advanced_view:hover,
.panel.new_rule.row.advanced_view.over-connector{
	background: #d9edf6 !important;
	transition: all 0.3s ease 0s;
}

.conditional_logic_wrapper .material_box_content{
	padding: 0 !important;
}

.setting_help_text{
	font-size: 11px;
	color: #777;
	padding-left: 9px;
	display: block;
	padding-top: 5px;
	line-height: 15px;
}

.conditional_logic_wrapper.settings-column-style .inner{
	height: calc(100% - 105px) !important;
	overflow-x: auto;
	padding: 10px 18px 200px 15px;
	background: #f9f9f9 none repeat scroll 0 0;
}

.material_box .advanced_cl_options label{
	padding-right: 10px;
	font-size: 12px !important;
	padding-left: 25px !important;
	padding-top: 0px !important;
}

.advanced_cl_options .the_label{
	padding-top: 3px !important;
	display: block;
	padding-left: 20px !important;
}

.advanced_cl_options input{
	outline: none !important;
}

.set_rules .panel-body:hover{
	width: 94% !important;
	transition: all 0.3s ease 0s;
}

.con-logic-column .set_rules .panel{
}

.cl-tools-container{
	background: #f9f9f9 none repeat scroll 0 0;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	padding: 1px 1px 3px 1px;
	position: relative;
	z-index: 10;
}

.cl-tools-container button.cl-tool-btn .btn-tx{
	font-size: 12px;
}

.cl-tools-container button.cl-tool-btn{
	border: medium none !important;
	box-shadow: none !important;
	height: 29px;
	margin-left: 8px;
	width: 79px;
	margin-top: 2px;
}

.cl-tools-container button.cl-tool-btn:hover{
	background: #31b2eb none repeat scroll 0 0 !important;
	color: #fff !important;
}

.cl-tools-container button.cl-tool-btn.refresh_cl_fields{
	width: 110px;
	float: right;
	margin-right: 5px;
}

.con_col h3.advanced_options{
	color: #555 !important;
	margin: 7px !important;
}

.con_col.col-xs-5 h3.advanced_options{
	font-size: 10px !important;
	margin-top: 16px !important;
}

.styling-bar small{
	display: block;
}

.styling-bar button,
.styling-bar button:active{
	padding: 1px 3px  !important;
	border-radius: 0  !important;
	margin-right: 2px  !important;
	border: none  !important;
}

.styling-bar button.active{
}

.styling-bar{
	background: #f9f9f9 none repeat scroll 0 0;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	left: 170px;
	padding: 0;
	position: absolute;
	top: 100px;
	width: 100%;
}

#nex-forms  .styling-bar .divider{
	background-color: #e0e0e0;
	clear: both;
	height: 1px;
	margin-bottom: 10px;
	overflow: hidden;
}

#builder_view.styling_view .inner-canvas-container .field_settings{
	display: none !important;
}

#builder_view.styling_view .styling-bar{
	display: block;
}

.styling-bar h3{
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 3px;
	padding-bottom: 5px;
	text-align: center;
}

.styling-bar .panel{
	border-radius: 0 !important;
}

.styling-bar .panel-heading{
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.styling-bar .panel-heading a,
.styling-bar .panel-heading a:active,
.styling-bar .panel-heading a:focus .media-icon img{
	display: block;
	font-size: 13px;
	outline: 0 none !important;
	padding: 5px 10px;
	width: 100%;
	box-shadow: none !important;
}

.styling-bar .btn{
	margin-bottom: 8px;
}

.styling-bar .input-group,
.styling-bar .btn-group{
	float: left !important;
	margin-bottom: 3px;
	margin-left: -7px;
}

.styling-bar .input-group input{
	border: 1px solid #ddd;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 16px;
	border-top-right-radius: 0 !important;
	box-shadow: none !important;
	position: relative;
	right: -7px;
}

.styling-bar .input-group-addon.styling-tool-item{
	border-radius: 50% !important;
	height: 36px !important;
	left: -6px;
	position: relative !important;
	top: -2px;
	width: 36px !important;
	z-index: 10;
}

.styling-bar .input-group-addon.active{
	background: #8bc34a none repeat scroll 0 0 !important;
	border: 2px solid #fff !important;
	color: #fff !important;
}

.styling-bar .input-group-addon:hover,
.styling-bar .input-group-addon:active{
	background: #607d8b !important;
	border: 1px solid #607d8b !important;
	color: #fff !important;
	border-radius: 50% !important;
}

.styling-bar .input-group-addon,
.styling-bar .btn,
.styling-bar .input-group-addon:active,
.styling-bar .btn:active{
	padding: 3px !important;
	width: 28px;
}

.styling-bar .input-group-addon.active,
.styling-bar .btn.active,
.styling-bar .input-group-addon:active,
.styling-bar .btn:active{
}

button.set_layout.set_layout_top{
	background: #fff url("images/layout_top.png") no-repeat scroll center center !important;
}

button.set_layout.set_layout_hide{
	background: #fff url("images/layout_hide.png") no-repeat scroll center center !important;
}

button.set_layout.set_layout_left{
	background: #fff url("images/layout_left.png") no-repeat scroll center center !important;
}

button.set_layout.set_layout_right{
	background: #fff url("images/layout_right.png") no-repeat scroll center center !important;
}

button.set_layout.set_layout_top:hover{
	background: #f2f2f2 url("images/layout_top.png") no-repeat scroll center center !important;
	border: 1px solid #40c4ff !important;
	color: #fff !important;
}

button.set_layout.set_layout_hide:hover{
	background: #f2f2f2 url("images/layout_hide.png") no-repeat scroll center center !important;
	border: 1px solid #40c4ff !important;
	color: #fff !important;
}

button.set_layout.set_layout_left:hover{
	background: #f2f2f2 url("images/layout_left.png") no-repeat scroll center center !important;
	border: 1px solid #40c4ff !important;
	color: #fff !important;
}

button.set_layout.set_layout_right:hover{
	background: #f2f2f2 url("images/layout_right.png") no-repeat scroll center center !important;
	border: 1px solid #40c4ff !important;
	color: #fff !important;
}

button.set_layout.set_layout_top.active{
	background: #40c4ff url("images/layout_top.png") no-repeat scroll center center !important;
	border: 1px solid #40c4ff !important;
	color: #fff !important;
}

button.set_layout.set_layout_hide.active{
	background: #40c4ff url("images/layout_hide.png") no-repeat scroll center center !important;
	border: 1px solid #40c4ff !important;
	color: #fff !important;
}

button.set_layout.set_layout_left.active{
	background: #40c4ff url("images/layout_left.png") no-repeat scroll center center !important;
	border: 1px solid #40c4ff !important;
	color: #fff !important;
}

button.set_layout.set_layout_right.active{
	background: #40c4ff url("images/layout_right.png") no-repeat scroll center center !important;
	border: 1px solid #40c4ff !important;
	color: #fff !important;
}

button.set_layout,
button.set_layout:hover,
button.set_layout:active,
button.set_layout:focus,
button.set_layout.blur{
	border: 1px solid #ddd;
	border-radius: 3px !important;
	height: 35px !important;
	margin-right: 3px !important;
	width: 46px !important;
}

.divider.style-layout-1{
	margin-top: 25px !important;
}

.overall-settings-column .input-group select{
	height: 30px !important;
}

button.styling-tool-item.btn.active{
	background: #8bc34a !important;
	border: 1px solid #8bc34a !important;
	color: #fff !important;
}

button.styling-tool-item.btn:hover,
button.styling-tool-item.btn:active{
	background: #607d8b !important;
	border: 1px solid #607d8b !important;
	color: #fff !important;
	border-radius: 50% !important;
}

button.styling-tool-item.btn{
	background: #f9f9f9 none repeat scroll 0 0 !important;
	border: 1px solid #ddd !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	height: 32px !important;
	margin-right: 5px !important;
	width: 32px !important;
}

button.styling-tool-item.btn.set-font-family{
	height: 36px !important;
	position: absolute;
	right: -16px;
	top: -13px;
	width: 36px !important;
	z-index: 10;
}

.row.gr-form-field .col-sm-4,
.row.mc-form-field .col-sm-4{
	padding-top: 7px;
}

.row.gr-form-field:hover,
.row.mc-form-field:hover{
	background: #f9f9f9 !important;
}

.no_menu{
	margin-top: 70px;
}

.paypal-column{
	display: block !important;
}

.form_attr_setup select{
	border-radius: 0 !important;
}

.remove_paypal_product{
	border-bottom: none !important;
	border-radius: 0 !important;
	height: 30px !important;
	line-height: 30px !important;
	position: absolute;
	right: 1px;
	z-index: 100;
	border: 1px solid #ddd !important;
}

.remove_paypal_product:hover{
	color: #fff !important;
	background: #f44336 !important;
	border-color: #f44336 !important;
}

.paypal_product .input-group-addon.active{
	background: #40C4FF !important;
	color: #fff;
	border-color: #40c4ff !important;
}

.paypal_product .pp_product_amount .is_label,
.paypal_product .pp_product_amount .field_value,
.paypal_product .pp_product_amount .static_value{
	border-bottom: medium none !important;
}

.paypal_product .pp_product_quantity .is_label,
.paypal_product .pp_product_quantity .field_value,
.paypal_product .pp_product_quantity .static_value{
	border-bottom: 1px solid #ddd !important;
	border-top: 1px solid #ddd !important;
}

.paypal_product .pp_product_quantity .field_value.active,
.paypal_product .pp_product_quantity .static_value.active{
	border-bottom: 1px solid #40C4FF !important;
}

.paypal_product select{
	color: #666 !important;
}

.paypal_product .is_label{
	width: 99px !important;
	background: #fff;
}

.paypal_product input:focus{
	border-color: #ddd !important;
}

.paypal_product input{
	border-bottom: medium none #ddd;
	border-color: #ddd;
	border-radius: 0;
	padding-left: 21px;
	border-left: none !important;
}

.paypal_product input[name="item_quantity"]{
	border-bottom: 1px solid #ddd !important;
	height: 31px !important;
}

.paypal_product select[name="map_item_amount"]:focus,
.paypal_product select[name="map_item_quantity"]:focus{
	border-color: #ddd !important;
}

.paypal_product select[name="map_item_amount"]{
	border-bottom: none;
	border-left: none;
	border-color: #ddd !important;
	text-transform: capitalize;
	border-radius: 0;
}

.paypal_product select[name="map_item_quantity"]{
	border-left: none;
	border-color: #ddd !important;
	text-transform: capitalize;
	height: 31px !important;
}

.paypal_product .input-group.item_name .input-group-addon{
	border-radius: 0;
	border-bottom: none;
	border-right: 1px solid #ddd;
	background: #f5f5f5;
	font-weight: bold;
}

.paypal_product .input-group .input-group-addon.is_label{
	font-size: 11px;
	text-transform: uppercase;
	width: 17% !important;
	text-align: left;
	padding-left: 26px;
	min-width: 102px;
}

.paypal_product .pp_product_quantity .input-group-addon.is_label{
}

.paypal_product .input-group.item_name{
	width: 100%;
}

.paypal_product input[name="item_name"]{
}

.paypal_product{
	margin-bottom: 20px;
	position: relative;
}

#add_paypal_product .fa{
	font-size: 18px;
	position: relative;
	top: 5px;
	display: block;
	float: left;
	margin-right: 12px;
}

#add_paypal_product:hover,
#add_paypal_product:active, 
#add_paypal_product:focus {
    background: #40C4FF !important;
    border-color: #40C4FF !important;
    color: #fff;
}

#add_paypal_product,
#add_paypal_product:focus{
	border-radius: 0;
	box-shadow: none;
	position: relative;
	top: -5px;
	margin-left: 20px;
	margin-bottom: 0 !important;
	padding: 0px 15px 3px 15px !important;
	height: 32px;
	border-color: #ddd;
	left: -161px;
}

#nex-forms span.product_number.badge{
	border-radius: 0px !important;
	color: #fff !important;
	display: flex !important;
	font-size: 12px !important;
	left: -18px !important;
	min-width: auto !important;
	padding: 0 !important;
	position: absolute;
	top: -3px !important;
	width: 25px !important;
	z-index: 1000;
	height: 25px;
	justify-content: center;
	align-items: center;
}

.step_controls.material_box .form_field:hover{
	opacity: 1;
	cursor: pointer;
}

.step_label{
	margin-right: -10px !important;
	position: relative;
	right: -13px;
	top: 3px;
	font-size: 12px;
}

.step_controls.material_box select{
	height: 28px !important;
}

.step_controls.material_box .form_field{
	float: left;
	padding: 5px 10px;
	background: #40C4FF;
	opacity: 0.7;
	font-size: 12px;
	color: #fff;
	margin-right: 10px;
}

.step_controls.material_box .material_box_content{
	padding: 11px !important;
}

.step_controls.material_box{
	position: absolute;
	top: 101px;
	left: 242px;
	width: 24%;
	height: 51px;
}

.inner-canvas-container .grid.step .panel{
}

.form_canvas .form_field.grid.step{
	padding-top: 5px;
}

.inner-canvas-container .nex_prev_steps.grid-system .panel-body{
	min-height: 71px !important;
	padding-bottom: 0 !important;
}

#nex-forms .inner-canvas-container.view_all_steps .step .tab-pane .zero-clipboard{
	border-bottom: 1px solid #ddd !important;
	cursor: move !important;
	margin-top: -1px !important;
	margin-bottom: 0 !important;
	background: #f2f2f2 !important;
	border-top: 1px solid #ddd;
	height: 64px !important;
	border-right: 1px solid #ddd;
}

.inner-canvas-container .form_field.step .form_field{
	z-index: 1000;
}

#embed_options .row{
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

#embed_options strong{
	font-weight: bold !important;
}

#embed_options .material_box_content{
	max-height: 70vh;
	overflow-x: auto;
}

.btn-red{
	background: #f44336 !important;
}

.btn-pink{
	background: #e91e63 !important;
}

.btn-purple{
	background: #9c27b0 !important;
}

.btn-deep-purple{
	background: #673ab7 !important;
}

.btn-indigo{
	background: #3f51b5 !important;
}

.btn-blue{
	background: #2979FF !important;
}

.btn-light-blue{
	background: #40C4FF !important;
}

.btn-cyan{
	background: #00bcd4 !important;
}

.btn-teal{
	background: #009688 !important;
}

.btn-green{
	background: #4caf50 !important;
}

.btn-light-green{
	background: #8bc34a !important;
}

.btn-lime{
	background: #cddc39 !important;
}

.btn-yellow{
	background: #ffeb3b !important;
}

.btn-amber{
	background: #ffc107 !important;
}

.btn-orange{
	background: #ff9800 !important;
}

.btn-brown{
	background: #795548 !important;
}

.btn-gray{
	background: #9e9e9e !important;
}

.btn-blue-gray{
	background: #607d8b !important;
}

.btn-primary{
	background: #337ab7 !important;
}

.btn-info{
	background: #5bc0de !important;
}

.btn-warning{
	background: #f0ad4e !important;
}

.btn-success{
	background: #5cb85c !important;
}

.btn-danger{
	background: #d9534f !important;
}

#nex-forms .form_field.grid:not(.is_panel) .grid_input_holder .panel-body:not(.the-panel-body){
	background: none !important;
}

.inner-canvas-container .grid-system .row .grid_input_holder.col-sm-1,
.inner-canvas-container .grid-system .row .grid_input_holder.col-sm-2,
.inner-canvas-container .grid-system .row .grid_input_holder.col-sm-3,
.inner-canvas-container .grid-system .row .grid_input_holder.col-sm-4,
.inner-canvas-container .grid-system .row .grid_input_holder.col-sm-5,
.inner-canvas-container .grid-system .row .grid_input_holder.col-sm-6,
.inner-canvas-container .grid-system .row .grid_input_holder.col-sm-7,
.inner-canvas-container .grid-system .row .grid_input_holder.col-sm-8,
.inner-canvas-container .grid-system .row .grid_input_holder.col-sm-9,
.inner-canvas-container .grid-system .row .grid_input_holder.col-sm-10,
.inner-canvas-container .grid-system .row .grid_input_holder.col-sm-11,
.inner-canvas-container .grid-system .row .grid_input_holder.col-sm-12{
	padding: 0 !important;
}

.inner-canvas-container .grid-system .row .grid_input_holder.col-xs-1,
.inner-canvas-container .grid-system .row .grid_input_holder.col-xs-2,
.inner-canvas-container .grid-system .row .grid_input_holder.col-xs-3,
.inner-canvas-container .grid-system .row .grid_input_holder.col-xs-4,
.inner-canvas-container .grid-system .row .grid_input_holder.col-xs-5,
.inner-canvas-container .grid-system .row .grid_input_holder.col-xs-6,
.inner-canvas-container .grid-system .row .grid_input_holder.col-xs-7,
.inner-canvas-container .grid-system .row .grid_input_holder.col-xs-8,
.inner-canvas-container .grid-system .row .grid_input_holder.col-xs-9,
.inner-canvas-container .grid-system .row .grid_input_holder.col-xs-10,
.inner-canvas-container .grid-system .row .grid_input_holder.col-xs-11,
.inner-canvas-container .grid-system .row .grid_input_holder.col-xs-12{
	padding: 0 !important;
}

.inner-canvas-container .grid-system .row .grid_input_holder.col-md-1,
.inner-canvas-container .grid-system .row .grid_input_holder.col-md-2,
.inner-canvas-container .grid-system .row .grid_input_holder.col-md-3,
.inner-canvas-container .grid-system .row .grid_input_holder.col-md-4,
.inner-canvas-container .grid-system .row .grid_input_holder.col-md-5,
.inner-canvas-container .grid-system .row .grid_input_holder.col-md-6,
.inner-canvas-container .grid-system .row .grid_input_holder.col-md-7,
.inner-canvas-container .grid-system .row .grid_input_holder.col-md-8,
.inner-canvas-container .grid-system .row .grid_input_holder.col-md-9,
.inner-canvas-container .grid-system .row .grid_input_holder.col-md-10,
.inner-canvas-container .grid-system .row .grid_input_holder.col-md-11,
.inner-canvas-container .grid-system .row .grid_input_holder.col-md-12{
	padding: 0 !important;
}

.inner-canvas-container .grid-system .row .grid_input_holder.col-lg-1,
.inner-canvas-container .grid-system .row .grid_input_holder.col-lg-2,
.inner-canvas-container .grid-system .row .grid_input_holder.col-lg-3,
.inner-canvas-container .grid-system .row .grid_input_holder.col-lg-4,
.inner-canvas-container .grid-system .row .grid_input_holder.col-lg-5,
.inner-canvas-container .grid-system .row .grid_input_holder.col-lg-6,
.inner-canvas-container .grid-system .row .grid_input_holder.col-lg-7,
.inner-canvas-container .grid-system .row .grid_input_holder.col-lg-8,
.inner-canvas-container .grid-system .row .grid_input_holder.col-lg-9,
.inner-canvas-container .grid-system .row .grid_input_holder.col-lg-10,
.inner-canvas-container .grid-system .row .grid_input_holder.col-lg-11,
.inner-canvas-container .grid-system .row .grid_input_holder.col-lg-12{
	padding: 0 !important;
}

.inner-canvas-container .grid-system .grid_row.row{
	margin: 0 !important;
	padding: 0 !important;
}

.inner-canvas-container .grid-system .panel-body{
	min-height: 120px;
}

div.inner-canvas-container .grid-system .panel.grid-system{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px dashed #0d93d4 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	margin-right: 4px !important;
}

div.inner-canvas-container .grid-system .grid_input_holder:last-child .panel.grid-system{
	margin-right: 0px !important;
}

div.inner-canvas-container .grid-system .grid_input_holder:last-child .panel.grid-system .panel.grid-system{
	margin-right: 4px !important;
}

.grid.is_panel .the-panel-body.panel-body{
	min-height: 90px;
}
.form-canvas-area.dark .show_form_preview{
	 background: #222 !important;
}
.show_form_preview {
    border: 10px solid #000;
    height: calc(100% - 85px) !important;
    width: 97%;
    margin: 60px 0px 0px 0px;
    border-radius: 10px;
    background: #f1f1f1;
    border-top-width: 25px;
    border-bottom-width: 25px;
    padding: 0 20%;
}
.split_view .show_form_preview{
	padding: 0;
}

.preview_mobile .show_form_preview,
{
	height: calc(100% - 76px) !important;
	
}
.preview_mobile iframe.show_form_preview {
    padding: 0;
}
#preview_popup.modal{
	overflow: hidden !important;
	height: 86vh !important;
	min-height: 86vh !important;
}

#preview_popup .modal-content{
	overflow: hidden;
	padding: 0 !important;
}

#preview_popup .progress.preview_loader{
	height: 14px;
	margin: 20% auto 0;
	width: 30%;
}

input.tag_val{
	border-radius: 0;
}

.tags_placeholders{
	overflow-x: auto;
	max-height: 50vh;
}

.tiny_button_tags_placeholders li a:hover{
	background: #eee;
}

.tiny_button_tags_placeholders li a,
.tiny_button_tags_placeholders li a:active{
	padding: 5px 10px !important;
	margin: 0 !important;
	width: 100% !important;
	display: block;
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
	font-size: 12px;
	text-transform: capitalize;
}

.tiny_button_tags_placeholders li.tiny_menu_head{
	padding-left: 10px;
	background: #f1f1f1;
	padding: 10px;
}

.tiny_button_tags_placeholders li{
	margin: 0 !important;
}

.tiny_button_tags_placeholders{
	background: #f7fafe;
	min-width: 250px;
	width: 250px;
	height: calc(100% - 57px);
	overflow-x: auto;
	border-bottom: 1px solid #e5e5e5;
	left: 1px !important;
	display: none;
	top: 25px !important;
}

.tmce-active.tags_opened .tiny_button_tags_placeholders{
	display: block !important;
}

.mce-stack-layout{
	transition: all 0.3s ease 0s;
}

.tags_opened .mce-stack-layout{
	margin-left: 250px !important;
	transition: all 0.3s ease 0s;
}

.tags_opened .mce-stack-layout .mce-stack-layout{
	margin-left: 0 !important;
}

.html-active .tiny_button_tags_placeholders{
	display: none !important;
}

.mce-flight_shortcodes .mce-txt{
	color: #fff !important;
	font-size: 12px !important;
	padding-top: 10px !important;
}

.mce-flight_shortcodes.is_opened{
	opacity: 1;
	box-shadow: inset 3px 3px 5px rgba(0,0,0,0.2) !important;
}

.mce-flight_shortcodes{
	background: #40c4ff none repeat scroll 0 0 !important;
	color: #fff !important;
	font-size: 12px !important;
	border: none !important;
	position: relative;
	top: 0px;
	height: 26px !important;
	padding: 4px 11px !important;
	opacity: 0.8;
	border-radius: 12px !important;
	z-index: 100000 !important;
	margin-left: 11px !important;
}

.mce-flight_shortcodes:hover{
	border: medium none !important;
	opacity: 1;
}

.submit_new_form:hover{
	box-shadow: none !important;
	opacity: 1;
}

.submit_new_form{
	color: #fff !important;
	height: 46px !important;
	opacity: 0.8;
	border: none !important;
}

.current_step_container .current_step:hover{
	opacity: 1;
}

.current_step_container .current_step{
	background: #e9e9e9 none repeat scroll 0 0;
	border-radius: 3px;
	color: #999;
	cursor: pointer;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	line-height: 19px;
	margin-right: 30px;
	opacity: 1;
	position: relative;
	text-align: center;
	width: 20px;
	z-index: 30;
	border: 1px solid #ddd;
}

.current_step_container .current_step.active_step{
	background: #40C4FF;
	border: 1px solid #40C4FF;
	color: #fff;
}

.step_line_2{
	width: 31px;
}

.current_step_container .step_line{
	background: #ddd none repeat scroll 0 0;
	height: 2px;
	left: 40px;
	position: absolute;
	top: 19px;
}

.current_step_container{
	background: #f6f6f6 none repeat scroll 0 0;
	border-bottom: 1px solid #ddd;
	left: 0;
	padding: 10px 20px;
	position: absolute;
	top: 42px;
	width: 100%;
}

.canvas-tools select.form-control{
	width: auto !important;
	display: inline;
	font-size: 12px;
	padding: 5px;
}

.canvas-tools .btn .fa{
	font-size: 9px;
	margin: 0 !important;
	top: -2px !important;
	position: relative;
}

.canvas-tools .btn{
	font-weight: normal;
	color: #666;
	float: left;
	margin-right: 4px;
	padding: 5px;
}

.canvas-tools select{
	padding: 0px;
	border-radius: 0 !important;
}

.canvas-tools{
	background: #f1f1f1 none repeat scroll 0 0;
	border-bottom: 1px solid #ddd;
	height: 39px;
	padding-top: 4px;
	position: relative;
}

.canvas-tools.multi-step-tools {
    background: #f8f9fa;
    display: flex;
    /* box-shadow: 0px 4px 29px 1px rgba(0, 0, 0, 0.1); */
    position: relative;
    z-index: 100000000;
}

.canvas-tools.field-selection-tools {
    background: #f8f9fa none repeat scroll 0 0;
    /* border-bottom: 1px solid #ddd; */
    height: 55px;
    padding-top: 0px;
    box-shadow: 1px 1px 12px #dadce0;
    z-index: 10000000;
}
.dark .canvas-tools.field-selection-tools {
    box-shadow: 1px 1px 12px #343434;
}
.tooltip_bs .tooltip_bs-arrow{
	left: 9px !important;
}

.tooltip_bs{
	left: 7px !important;
	border-radius: 0 !important;
	z-index: 10000 !important;
}

.tooltip_bs .tooltip_bs-inner{
	white-space: nowrap;
	border-radius: 0px;
	padding: 9px !important;
}

.tool-spacer.grid-selection{
	padding-right: 6px;
	border-left: none;
	margin-left: 0px;
	padding-left: 2px;
}

.tool-spacer.form-editor.survey-fields{
	display: none !important;
}

.tool-section.select-other-fields .form_field,
.tool-section.select-grid-fields .form_field{
	float: left;
}

.select-other-fields .object_title{
	display: none;
}

.tool-section.select-other-fields i:hover,
.tool-section.select-other-fields .col-badge:hover,
.tool-section.select-grid-fields i:hover,
.tool-section.select-grid-fields .col-badge:hover{
	cursor: pointer;
	opacity: 1;
	background: #40c4ff;
	color: #fff !important;
	border-radius: 2px;
}

.tool-section.select-other-fields i{
	color: #666;
	font-size: 17px;
	width: 29px;
	height: 26px;
	display: flex;
	justify-content: center;
	margin-top: 3px;
	align-items: center;
}

.tool-spacer {
    border-left: 1px solid #ddd;
    float: left;
    margin-left: 5px;
    padding-left: 5px;
    padding-top: 18px;
    position: relative;
    height: 54px;
}

div#toolbar-fields .tool-spacer:last-child{
	border-right: 1px solid #ddd;
	padding-right: 5px;
	margin-left: 10px;
}

.tool-spacer:hover .tool-section-title{
	color: #40c4ff;
}

.tool-section-title{
	color: #999;
	font-family: Arial;
	font-size: 10px;
	left: 9px;
	position: absolute;
	top: 6px;
	width: 99%;
}

.draggable_object .fa-reply,
.draggable_object .fa-reply-all{
	transform: rotate(90deg);
}

#fields_dropdown div.form_field .draggable_object i{
	color: #999;
	font-size: 15px;
	margin-right: 10px;
	text-align: center;
	width: 18px;
}

#fields_dropdown div.form_field:hover i{
	color: #333 !important;
}

#fields_dropdown div.form_field:hover{
	background: #f2f2f2;
	cursor: pointer;
	color: #222;
}

#fields_dropdown div.form_field{
	padding: 6px 8px;
	border-bottom: 1px solid #e2e2e2;
	font-size: 12px;
}

#fields_dropdown{
	background: #f9f9f9 none repeat scroll 0 0 !important;
	height: calc(100% - 80px);
	margin-left: -10px !important;
	margin-top: 75px !important;
	overflow-x: auto;
	position: absolute;
	top: 5px;
	width: 170px !important;
	z-index: 100;
}

.tool-section{
	display: inline-block;
	float: left;
	height: 42px;
}

.tool-label{
	color: #666;
	float: left;
	font-size: 11px;
	margin-left: 0;
	margin-right: -6px;
	padding-top: 8px;
}

.canvas-tools.field-selection-tools .tool-label .fa-caret-right,
.canvas-tools.multi-step-tools .tool-label .fa-caret-right{
	float: right;
	padding-top: 1px;
}

.multi-step-tools .add-step-btn .fa-file-medical{
	font-size: 25px;
	position: relative;
	top: -6px;
	padding: 0px 4px;
}

.multi-step-tools .tool-section{
	border: none !important;
	padding: 0;
}

.multi-step-stepping{
	float: left;
	margin-top: 5px;
}

.multi-step-stepping li{
	display: inline-block;
	position: relative;
}

.multi-step-stepping li a:hover,
.multi-step-stepping li.current a{
	background: #40C4FF;
	color: #fff;
	cursor: pointer;
}

.multi-step-stepping li.current a{
	box-shadow: inset 2px 2px 8px rgba(0,0,0,0.15);
	transition: all 0.15s ease 0s;
}

.multi-step-stepping li a{
	padding: 12px 8px;
	background: #eee;
	color: #666;
	font-size: 12px;
	border-right: 1px solid #ddd;
	line-height: 20px;
}

.multi-step-stepping li:last-child a{
	border-right: none;
}

.inner-canvas-container .btn:active,
.inner-canvas-container .btn.active{
	box-shadow: none !important;
}

.canvas-tools.field-selection-tools .tool-label,
.canvas-tools.multi-step-tools .tool-label{
	padding: 14px 6px;
	border-radius: 2px;
	margin-right: 4px;
	color: #999;
	margin-top: 2px;
	margin-left: -4px;
	width: 49px;
}

.canvas-tools.multi-step-tools .tool-label{
	margin-left: 5px !important;
	margin-right: 10px;
	padding: 8px 5px !important;
}

.tool-label.top-tools{
	margin-right: 6px;
}

.canvas-tools input{
	border-radius: 0;
	color: #444 !important;
	height: 29px !important;
	margin-right: 0;
	padding: 7px !important;
	border: 1px solid #ddd;
	width: 226px;
	font-size: 12px;
}

.field_settings,
.grid-system .form_field .field_settings,
.form-canvas-area .step .form_field .form_field .form_field .field_settings{
	z-index: 10000000 !important;
}

.canvas-tools a:focus{
	box-shadow: none !important;
}

#nex-forms nav{
	height: 56px;
	line-height: 56px;
	min-width: 680px !important;
	width: 97% !important;
	margin-top: 10px !important;
}

#nex-forms nav.builder_nav {
    border-top: 0 none !important;
    height: 41px !important;
    margin-left: -17px;
    margin-right: auto !important;
    margin-top: 0 !important;
    min-width: 680px !important;
    position: fixed;
    top: 31px !important;
    width: 100% !important;
    z-index: 100;
    /*box-shadow: 5px -6px 35px rgb(0 0 0 / 30%);*/
	box-shadow:none;
}

.field-settings-column.group-edit #set_label,
.field-settings-column.group-edit #set_subtext,
.field-settings-column.group-edit .no-batch-edit{
	display: none !important;
}
.group-edit .odd_setting_input_val {
    margin-top: 15px !important;
}
.field-settings-column.group-edit .normal-edit{
	display: none;
}

.field-settings-column.group-edit .batch-group-edit{
	display: block;
}

.field-settings-column .batch-group-edit{
	display: none;
}

.field-settings-column,
.overall-settings-column{
	background: #f8f9fa none repeat scroll 0 0;
	border-left: 3px solid #bed7e2;
	height: 100%;
	min-width: 432px;
	position: absolute;
	right: -800px;
	top: 91px !important;
	transition: all 0.1s ease 0s;
	width: 539px;
	z-index: 1999;
}

.field-settings-column.settings-column-style.right_hand_col.group-edit{
	border-left: 3px solid #ff9800;
}

.field-settings-column.open_sidenav,
.overall-settings-column.open_sidenav{
	right: 0px;
	transition: all 0.15s ease 0s;
}

#nex-forms .settings-column-style nav .nav-content li a{
	height: 30px !important;
	line-height: 33px !important;
	font-weight: normal;
	font-size: 11px !important;
}

#nex-forms .settings-column-style nav .nav-content,
#nex-forms .settings-column-style nav .nav-content ul{
	height: 30px !important;
}

#nex-forms .settings-column-style nav{
	background: #f5f5f5 none repeat scroll 0 0 !important;
	height: 30px !important;
	margin-top: 0 !important;
	width: 80% !important;
}

#nex-forms .field-settings-column nav ul li.active,
#nex-forms .field-settings-column .tabs_nf li:active{
}

#nex-forms .field-settings-column .tabs_nf .tab.active a,
#nex-forms .field-settings-column .tabs_nf .tab:active  a{
	color: #fff;
}

#nex-forms .settings-column-style .tabs_nf .tab a{
	color: #82bed8;
	padding: 0px 15px;
	border-right: 1px solid rgba(0,0,0,0.4) !important;
}

#nex-forms .field-settings-column .tabs_nf .tab:hover a{
	color: #4e89a2;
}

input#set_label_font_size,
input#set_sub_label_font_size,
input#set_label_margin_bottom,
input#set_sub_label_margin_bottom{
	width: 59px !important;
	margin-right: -25px;
	border-left: none !important;
}

.Query .input-group-addon,
.textarea .input-group-addon{
	vertical-align: top;
	padding-top: 10px !important;
}

.form-canvas-area .inner-canvas-container .form_field{
}

div.edit_mask{
	background: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

.form_field.currently_editing .edit_mask{
	display: none;
}

.multi-image-select-group  .edit_mask,
.single-image-select-group  .edit_mask,
.form_field.grid>.edit_mask{
	height: 25px !important;
}

.form_field.grid.is_panel>.edit_mask{
	height: 50px !important;
}

.form_field.html_image .edit_mask,
.form_field.star-rating .edit_mask{
	height: 40px !important;
}

.form_field.html_fields:not(.math_logic) .edit_mask{
	display: none;
}

#nex-forms #editing_text,
#nex-forms #editing_text:focus{
	border: 1px dotted rgba(0,0,0,0.15) !important;
	outline: none !important;
	box-shadow: none !important;
	padding: 10px;
	background: rgba(255,255,255,0.4);
	font-size: 13px !important;
	color: #666 !important;
	line-height: 18px !important;
}

.edit_mask:hover{
	cursor: pointer;
}

.Query div.edit_mask,
.textarea div.edit_mask{
	height: 50px;
}

.radio-group .edit_mask,
.check-group .edit_mask{
	height: 25px;
}

.is_panel .edit_mask,
.single-image-select-group .edit_mask,
.image-choices-field .edit_mask{
	height: 20px !important;
}

.form-canvas-area .inner-canvas-container.settings-opened .form_field.currently_editing,
.form-canvas-area .inner-canvas-container.settings-opened .form_field:hover{
	opacity: 1;
}

.form-canvas-area .inner-canvas-container.settings-opened .form_field{
}

.settings-column-style .input-group{
}

.col-3 .input-group{
	width: 32% !important;
}

.cp-popover-container{
	position: relative;
	z-index: 100000000 !important;
}

.fullscreen, .full_preview{
	height: calc(100%);
	left: 0;
	position: fixed;
	top: 0;
	width: 100% !important;
	z-index: 100000;
}

.fullscreen .help_menu{
	top: -13px;
}
.save_nex_form span.fa.fa-spin.fa-refresh {
    position: relative;
    top: 2px;
    font-size: 18px;
}
.save_nex_form:hover{
	background: #cddc39 !important;
	max-height: 39px;
}
.save_nex_form.prime_save:hover, 
.prime-preview.preview:hover{
	opacity:1;
}
.btn.workspace.preview {
    display: none;
}
.save_nex_form.prime_save, 
.prime-preview.preview {
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 67px;
	opacity:0.8;
}
li.tab.save-menu-item {
    background: #cddc39;
    color: #fff;
    height: 40px !important;
    max-height: 40px !important;
    box-shadow: none;
    /* min-width: 70px; */
    cursor: pointer;
    font-weight: bold;
    display: flex;
    align-items: center;
    font-size: 20px;
}


li.tab.preview-menu-item {
    background: #f1f1f1;
    color: #666;
    height: 40px !important;
    max-height: 40px !important;
    box-shadow: none;
    /* min-width: 70px; */
    cursor: pointer;
    font-weight: bold;
    display: flex;
    align-items: center;
    font-size: 20px;
}


ul.new_tabs_nf {
    margin-left: 70px !important;
}
.nex_forms_admin_page_wrapper .prime-menu .tabs_nf .tab.save-menu-item:hover{
	width: 128px !important;
}

span.ns{
	position: absolute;
	left: 46px;
	top: 3px;
}

#nex-forms .tabs_nf .tab a.embed_options span.top-icon{
	margin-left: -5px;
}

.nex_forms_admin_page_wrapper .prime-menu .tabs_nf .tab:hover,
.nex_forms_admin_page_wrapper .prime-menu .tabs_nf .tab.current{
	width: 166px;
	transition: none  !important;
}

.nex_forms_admin_page_wrapper .prime-menu .tabs_nf .tab{
	width: 47px;
	text-align: left !important;
	transition: all 0.3s ease 0s !important;
}

#nex-forms .nex_forms_admin_page_wrapper .tabs_nf .tab:hover div .menu-text,
#nex-forms .nex_forms_admin_page_wrapper .tabs_nf .tab.current div .menu-text{
	display: inline-block;
	width: 86px;
	transition: all 0.3s ease 0s !important;
}

#nex-forms .nex_forms_admin_page_wrapper .tabs_nf .tab div .menu-text{
	display: none;
	width: 0px;
	transition: all 0.3s ease 0s !important;
}

.nex_forms_admin_page_wrapper  .prime-menu .tabs_nf .tab.save-menu-item:hover,
.nex_forms_admin_page_wrapper .prime-menu .tabs_nf .tab.save-menu-item.current,
.nex_forms_admin_page_wrapper  .prime-menu .tabs_nf .tab.demo-menu-item:hover,
.nex_forms_admin_page_wrapper .prime-menu .tabs_nf .tab.demo-menu-item.current{
	transition: all 0.3s ease 0s !important;
}

.nex_forms_admin_page_wrapper .prime-menu .tabs_nf .tab.save-menu-item,
.nex_forms_admin_page_wrapper .prime-menu .tabs_nf .tab.demo-menu-item{
	transition: all 0.3s ease 0s !important;
}

#nex-forms .nex_forms_admin_page_wrapper .tabs_nf .tab.save-menu-item:hover a .menu-text,
#nex-forms .nex_forms_admin_page_wrapper .tabs_nf .tab.save-menu-item.current a .menu-text,
#nex-forms .nex_forms_admin_page_wrapper .tabs_nf .tab.demo-menu-item:hover a .menu-text,
#nex-forms .nex_forms_admin_page_wrapper .tabs_nf .tab.demo-menu-item.current a .menu-text{
	transition: all 0.3s ease 0s !important;
}

#nex-forms .tabs_nf .tab.demo-menu-item a span{
	color: #3fc2fd !important;
}

#nex-forms .tabs_nf .tab.demo-menu-item a span.top-icon{
	color: #fff !important;
}

#nex-forms .tabs_nf .tab.demo-menu-item{
	background: #3fc2fd !important;
	margin-left: 2px;
}

.nex_forms_admin_page_wrapper  .prime-menu .tabs_nf .tab:hover,
.nex_forms_admin_page_wrapper .prime-menu .tabs_nf .tab.current{
	width: 153px;
	transition: all 0.2s ease 0s !important;
}

#nex-forms .nex_forms_admin_page_wrapper .tabs_nf .tab:hover a .menu-text,
#nex-forms .nex_forms_admin_page_wrapper .tabs_nf .tab.current a .menu-text{
	display: inline-block;
	width: 86px;
	transition: all 0.3s ease 0.5s !important;
}

#nex-forms .nex_forms_admin_page_wrapper .tabs_nf .tab a .menu-text{
	display: none;
	width: 0px;
	transition: all 0.3s ease 0s !important;
}

#nex-forms .nex_forms_admin_page_wrapper .tabs_nf .tab:hover a .menu-text{
	display: inline-block;
}

#nex-forms .nex_forms_admin_page_wrapper .prime-menu .tabs_nf .tab a,
#nex-forms .nex_forms_admin_page_wrapper .prime-menu .tabs_nf .tab div{
	padding: 0 15px;
	text-overflow: initial;
}

#nex-forms .tabs_nf .tab span.top-icon{
	margin-right: 11px;
	font-size: 20px;
	position: relative;
	top: 3px;
}

#nex-forms .tabs_nf .tab:not(.save-menu-item) span.top-icon{
	width: 25px;
}

.prime-menu ul.tabs_nf {
    margin-left: 68px !important;
    width: auto !important;
}

.prime-menu{
	position: relative;
}

#form_name.form-control{
	width: 259px !important;
}

#nex-forms .builder_nav input[name="form_name"].form-control {
    border: medium none;
    border-radius: 0 !important;
    height: 40px;
    position: relative;
    top: 0px;
    z-index: 1000;
    font-size: 12px;
    /* box-shadow: inset -3px -3px 16px rgba(0, 0, 0, 0.1) !important; */
    padding-top: 3px !important;
    padding-left: 15px;
    background: #fff !important;
    cursor: text !important;
    width: 294px !important;
}

.form-preview{
	border: medium none !important;
	border-radius: 1px;
	box-shadow: 2px 3px 3px #000;
	left: 833px;
	opacity: 0.8 !important;
	padding: 6px 10px 7px !important;
	position: absolute !important;
	top: 2px;
	z-index: 100 !important;
}

.form-preview:hover{
	opacity: 1 !important;
}

.form-preview .fa{
	transition: all 0.1s ease-in-out 0s;
	font-size: 16px;
}

.form-preview:hover .fa{
	transition: all 0.1s ease-in-out 0s;
}

.prime_save.saving{
}

.prime_save.flip_btn{
	transform: rotatey(360deg);
	transition: all 0.2s ease-in-out 0s;
}

.save_nex_form.is_template{
	left: 800px !important;
	display: none !important;
}

a.full-screen-btn:hover{
	opacity: 1;
	cursor: pointer;
}

a.full-screen-btn{
	position: absolute;
	right: 0;
	top: 0px;
	opacity: 0.8;
}

a.template_box .icon .material-icons{
	color: #ccc;
}

#nex-forms [type="checkbox"] + label::before,
#nex-forms .inner-canvas-container  [type="checkbox"]:not(.filled-in) + label::after{
	border: 2px solid #9e9e9e !important;
}

#nex-forms [type="checkbox"]:checked + label::before{
	border-color: transparent #40C4FF #40C4FF transparent !important;
}

#nex-forms .jq-spinner #spinner{
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

#nex-forms .jq-spinner .bootstrap-touchspin .btn{
	min-height: 12px !important;
}

#nex-forms .classic-radio-group input,
.classic-check-group input{
	top: 2px !important;
}

#nex-forms .classic-check-group input{
	top: 0px;
}

.inner-canvas-container .form_field.divider{
	padding-top: 10px !important;
}

#nex-forms select:not(.the_input_element){
	font-size: 12px !important;
}

.nex_forms_admin_page_wrapper{
	width: 100%;
}

.menu_wrapper{
	height: 20px;
}

.inner-canvas-container input[type="text"],
.inner-canvas-container input[type="password"],
.inner-canvas-container select,
.inner-canvas-container textarea{
	width: 100%;
}

.settings-column-style .material_box_head{
	padding: 16px 15px !important;
	background: #82bed8;
}

.choose_form_theme{
	text-transform: capitalize;
}

.form_heading{
	background: #f9f9f9;
	margin: 50px 50px 0px 50px;
	position: relative;
	z-index: 1;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 10px 30px;
}

.inner-canvas-container.form_wrapped{
	background: #fff;
	padding: 30px 30px 15px 30px;
	margin: 50px 50px;
	border: 1px solid #ddd;
}

.form_canvas .inner-canvas-container .form_field{
	border: none;
	padding: 0;
}

.form_canvas .inner-canvas-container .grid-system .panel-body{
}

.form_canvas.overall-opened .inner-canvas-container .grid-system .panel.grid-system{
	padding: 0 !important;
}

.form_field .field_settings{
}

.settings-html span.ui-spinner{
	height: 90px !important;
}

.form_canvas.overall-opened .field_settings{
}

.inner-canvas-container .form_field.grid{
}

.form_canvas.overall-opened .form_field{
	border: none !important;
	padding: 0 !important;
}

#nex-forms .form_canvas.overall-opened .form_field.html_fields{
	padding: 0 !important;
}

#nex-forms .form_canvas.overall-opened .grid-system .panel.grid-system{
	min-height: 0px !important;
}

.form-canvas-area  .inner-canvas-container .form_field.set-over-field:not(.currently_editing){
	outline: 1px solid #bed7e2;
	outline-offset: 10px;
}

.form-canvas-area .inner-canvas-container .form_field.set-over-field.over-delete{
	outline: 1px solid #f44336;
}

.form-canvas-area .inner-canvas-container .form_field.set-parent-over-field:not(.currently_editing){
	outline: none;
}

.field_settings .btn.duplicate_field{
}

.field_settings .btn.move_field{
	display: none !important;
}

.field_settings .btn.delete{
}

.field_settings .btn.edit{
}

.field_settings .btn:hover,
.grid-system .form_field .field_settings .btn:hover,
.form-canvas-area .step .form_field .field_settings .btn:hover{
	opacity: 1 !important;
}

.field_settings .btn:hover{
	color: #40c4ff !important;
	cursor: pointer !important;
	font-size: 16px !important;
	transition: all 0.2s !important;
}

.field_settings.over-mask .btn.edit{
	color: #40c4ff !important;
}

.field_settings .btn.delete:hover{
	color: #f44336 !important;
}

.field_settings:hover{
	cursor: move;
}

.form_field .field_settings,
.form_field .field_settings.grid{
	padding-right: 4px !important;
	position: absolute;
	right: 0px;
	top: 0px !important;
	vertical-align: middle !important;
	width: 0px !important;
	text-align: right !important;
	border-radius: 22px;
	background: #555 !important;
	height: 0px;
	transition: all 0s;
	overflow: hidden;
}

.form_field .field_settings.grid{
	margin-top: -23px !important;
}

.form_field.grid-system-3 .field_settings.grid{
	margin-top: 0px !important;
}

.form_field .field_settings.over-field.parent-over-field{
	width: 0px !important;
	height: 0px !important;
}

.form_field .field_settings.over-field{
	width: 95px !important;
	transition: width 0.08s ease 0s;
	height: 27px;
}

.form_canvas .form_field.grid.moving{
	padding-top: 0px;
}

.form_canvas .form_field.grid{
	padding-top: 25px;
}

.field_settings.grid.over-field{
	top: -6px !important;
}

.form_field.grid-system-3 .row>.field_settings.grid.over-field{
	top: -31px !important;
}

.inner-canvas-container .form_field.grid-system{
}

.form_canvas.settings-opened .form_field{
}

.form_canvas.settings-opened .form_field:hover{
}

.form_canvas.settings-opened.currently_editing .form_field:hover{
}

.currently_editing_settings{
	position: absolute;
	right: -2px;
	bottom: -2px;
	background: #bed7e2;
	width: 20px;
	height: 18px;
	font-size: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 14px;
	z-index: 10000;
	color: #fff;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 4px;
}

.currently_editing_settings:hover{
	background: #8bc34a;
	cursor: pointer;
}

.form_field.moving .currently_editing_settings{
	display: none;
}

.form_field .extra-settings .field_settings.currently_editing_field{
	width: 95px !important;
	height: 27px !important;
	background: #bed7e2 !important;
	border-radius: 0px !important;
	border-bottom-left-radius: 12px !important;
	border-top-right-radius: 0px !important;
	top: -20px !important;
	right: -20px;
}

.form_field .field_settings.currently_editing_field{
	width: 95px !important;
	height: 27px !important;
	background: #bed7e2 !important;
	border-radius: 0px !important;
	border-bottom-left-radius: 12px !important;
	border-top-right-radius: 12px !important;
	display: none;
}

.extra-settings .form_field .field_settings.currently_editing_field{
	width: 95px !important;
	height: 27px !important;
	background: #bed7e2 !important;
	border-radius: 0px !important;
	border-bottom-left-radius: 12px !important;
	border-top-right-radius: 0px !important;
	top: -35px !important;
	right: -35px;
}

#nex-forms div.inner-canvas-container .form_field.currently_editing{
	z-index: 10000;
}

.form_field .field_settings.grid.currently_editing_field{
	top: 22px !important;
	right: 0px;
}

.form_field .field_settings.currently_editing_field .btn.edit{
	display: none !important;
}

#nex-forms .inner-canvas-container:not(.extra-settings) .form_field.currently_editing:not(.moving)>.form_object{
	transition: outline-offset 0.3s ease 0s;
	opacity: 1 !important;
	outline: 2px solid #bed7e2 !important;
	outline-offset: 10px;
	z-index: 100000;
}

#nex-forms .inner-canvas-container:not(.extra-settings) .form_field.currently_editing.batch_edit_sim:not(.moving)>.form_object{
	border: none !important;
	background: rgb(64 196 255 / 3%) !important;
	padding: 12px 17px;
	margin: -14px;
	border-radius: 0 !important;
}

#nex-forms .extra-settings .form_field{
	outline-offset: 10px;
	outline-color: #bed7e2 !important;
}

#nex-forms form_canvas:not(.conditional-logic-opened) .extra-settings .form_field.currently_editing:not(.moving){
	transition: outline-offset 0.3s ease 0s;
	opacity: 1 !important;
	outline: 2px solid #bed7e2 !important;
	outline-offset: 35px;
	z-index: 100000;
}

#nex-forms .extra-settings .form-canvas-area .select.form_field.currently_editing:not(.moving)>.form_object:after,
.extra-settings .form_field.currently_editing:not(.moving)>.form_object:after{
	content: "" !important;
	display: block;
	width: 0px;
	height: 2px;
	background: #bed7e2;
	position: absolute;
	right: -1235px;
	top: 49%;
	opacity: 0;
}

#nex-forms .extra-settings .form-canvas-area .select.form_field.currently_editing.batch_edit_sim:not(.moving)>.form_object:after,
.extra-settings .form_field.currently_editing.batch_edit_sim:not(.moving)>.form_object:after,
#nex-forms .form-canvas-area .inner-canvas-container:not(.extra-settings) .select.form_field.currently_editing.batch_edit_sim:not(.moving)>.form_object:after,
.inner-canvas-container:not(.extra-settings) .form_field.currently_editing.batch_edit_sim:not(.moving)>.form_object:after{
	background: #ff9800 !important;
	height: 1px !important;
}

#nex-forms .form-canvas-area .inner-canvas-container:not(.extra-settings) .select.form_field.currently_editing:not(.moving)>.form_object:after,
.inner-canvas-container:not(.extra-settings) .form_field.currently_editing:not(.moving)>.form_object:after{
	content: "" !important;
	display: block;
	width: 1200px;
	height: 2px;
	background: #bed7e2;
	position: absolute;
	right: -1210px;
	top: 49%;
	opacity: 1;
	transition: all 0.2 ease 0s;
}

.form_object{
	position: relative;
}

.form-canvas-area div.inner-canvas-container .grid-system .panel.grid-system{
	min-height: 84px !important;
	border: 1px dashed #2979FF;
}

textarea#custom_css{
	min-height: 40vh;
}

.setting-buffer{
	height: 90px;
}

ul.multi-step-stepping li a:last-child{
	border-right: 1px solid #ddd !important;
}

ul.show_all_steps{
	float: left;
	margin: 5px 0 0;
}

ul.show_all_steps li a{
	background: #eee none repeat scroll 0 0;
	border-right: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	padding: 12px 8px;
	line-height: 20px;
}

ul.show_all_steps li.current a,
ul.show_all_steps li:hover a{
	background: #40C4FF none repeat scroll 0 0;
	color: #fff;
	cursor: pointer;
}

ul.show_all_steps li.current a{
	box-shadow: inset 2px 2px 8px rgba(0,0,0,0.15);
	transition: all 0.15s ease 0s;
}

.show_all_steps li{
	margin: 0;
	position: relative;
}

#nex-forms .inner-canvas-container.dragging .step .tab-pane{
	margin: 40px -41px;
}

#nex-forms .inner-canvas-container .step .tab-pane{
	border: 1px dotted #aaa !important;
	margin: 0px -41px 0 -36px;
	padding: 0 40px;
	border-radius: 15px;
}

#nex-forms .step .new_item{
	z-index: 1000000 !important;
}

#nex-forms .inner-canvas-container .step .row.grid_row{
}

#nex-forms .inner-canvas-container .zero-clipboard{
	background: #f1f1f1;
	border-image: none !important;
	display: block !important;
	height: 60px;
	position: sticky;
	z-index: 10000000000;
	margin: -1px -41px 0px -41px;
	border: 1px solid #ccc;
	top: -40px;
	right: -1px;
	border-radius: 10px 5px 0px 0px;
	border-bottom-color: #aaa;
	border-bottom-style: dotted;
	box-shadow: 2px 12px 15px rgba(0,0,0,0.1);
}

.set_step_icon{
	border-right: none !important;
	border-radius: 3px 0px 0px 3px !important;
}

.set_step_icon i{
	min-width: 12px;
	display: block;
}

.step-description-container .set_time_limit{
	flex: 2;
	display: none;
}

.step-description-container .description{
	flex: 6;
}

.step-description-container{
	display: flex;
	gap: 30px;
}

.timer_per_step .step-description-container .set_time_limit{
	display: block;
}

#nex-forms .form_field.step .tab-pane.panel>.panel-body{
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 30px !important;
	padding-bottom: 40px !important;
}

.form-canvas-area .inner-canvas-container .form_field.step,
.form-canvas-area .inner-canvas-container .form_field.step:hover{
	outline: medium none !important;
}

.step .tab-pane.panel{
	box-shadow: none !important;
}

.multi-step-fields .step .draggable_object .col-badge:hover{
	background: #40C4FF;
	color: #fff;
}

.multi-step-fields .step .draggable_object .col-badge{
	width: 110px;
	position: relative;
	margin-right: 10px;
}

#nex-forms .form-canvas-area .cd-breadcrumb,
#nex-forms .form-canvas-area .cd-multi-steps{
	margin: 0 -36px -35px -27px !important;
}

#google_fonts_input.form-control{
	border-bottom: none;
}

.settings-column-style select.form-control,
.settings-column-style .input-group-addon{
	border: 1px solid #ddd;
}

select#google_fonts_overall{
	height: 28px !important;
}

#nex-forms  .ui-spinner.ui-corner-all{
	border-radius: 0 !important;
}

#nex-forms .ui-spinner{
	border: none !important;
	border-radius: 0 !important;
	display: inline !important;
	float: left !important;
	height: 35px !important;
	padding: 0 !important;
	line-height: 23px;
	position: relative;
}

#nex-forms .input-group .ui-spinner input.ui-spinner-input.form-control{
	border-radius: 0 !important;
	font-size: 12px !important;
	margin-top: -2px !important;
	padding: 0 0 0 7px !important;
	margin-left: 0 !important;
	border: 1px solid #ddd;
	height: 35px !important;
	color: #333 !important;
	font-family: "Roboto", sans-serif !important;
	min-height: 35px;
}

#nex-forms .input-group input.set_form_width {
    border-radius: 3px !important;
    font-size: 12px !important;
    padding: 0 0 0 7px !important;
    margin-left: 0 !important;
    border-color: #ddd !important;
    height: 35px !important;
}

#nex-forms span.ui-spinner a.ui-spinner-down{
	border-top: 1px solid #ddd;
	position: absolute!important;
	top: 18px!important;
	height: 17px !important;
}

#nex-forms .form-canvas-area .ui-state-default .ui-icon{
	background-image: none !important;
}

#nex-forms .ui-spinner input{
	background: #fff none repeat scroll 0 0 !important;
	height: 28px !important;
	padding: 0 !important;
	position: relative;
	top: 2px;
}

#nex-forms span.ui-spinner .ui-button span{
	position: relative;
	top: -1px;
}

#nex-forms span.ui-spinner .ui-button{
	position: absolute;
	right: 1px;
	top: 1px;
	height: 17px!important;
	padding: 0!important;
	text-align: center;
	color: #444 !important;
	font-size: 8px !important;
	display: flex;
	justify-content: center;
	background: #f2f2f2 !important;
	border: none !important;
	border-left: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
}

#nex-forms span.ui-spinner .ui-button:hover{
	background: #e9e9e9 !important;
}

#nex-forms .ui-spinner a{
	background: #f9f9f9 none repeat scroll 0 0 !important;
	border-left: 1px solid #ddd;
	border-radius: 0 !important;
	display: block !important;
	width: 20px;
	z-index: 10000 !important;
}

#nex-forms .ui-spinner a:hover{
	background: #f2f2f2 none repeat scroll 0 0 !important;
	cursor: pointer;
}

.ui-spinner-button .fa{
	font-size: 12px;
	position: relative;
	top: 1px;
	color: #444 !important;
	border-radius: 0 !important;
}

.input-group-addon.spacer{
	padding: 0 !important;
	width: 0px;
	border: none !important;
}

.field-margins{
	width: 181px;
}

.btn-group.form-padding{
	width: 216px;
}

#nex-forms select.md_theme_selection.form-control,
#nex-forms select.choose_form_theme.form-control{
	width: 204px;
	height: 28px !important;
}

#nex-forms select.set_form_theme.form-control{
	height: 28px !important;
	width: 184px !important;
}

#form-settings-panel .btn-group{
	padding: 0 3px 0px 0px;
	margin-right: 3px;
}

.btn-group.form-bc-type{
	width: 210px;
}

.btn-group.bc_show_inside{
	width: 211px;
}

.btn-group.bc_show_front_end{
	width: 196px;
}

.settings-column-style .input-group-addon.action-btn{
	background: #f3f3f3 !important;
	font-weight: normal !important;
	height: 35px !important;
}

.input-group-addon span.icon-text{
	font-size: 11px;
}

.input-group-addon{
	background: #f2f2f2;
}

span.shadow-dark span.shadow-dark,
span.shadow-light span.shadow-light{
	display: block;
	width: 18px;
	background: #666;
	box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.2);
	padding: 8px;
	margin: 0 auto;
}

span.shadow-light span.shadow-light{
	background: #f6f6f6;
	box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.2);
}

input#bs-color{
	font-size: 11px !important;
	padding: 0px 10px !important;
}

.add-step-btn:hover .fa{
	color: #fff;
}

.add-step-btn .fa{
	color: #999;
	display: block;
	float: left;
	font-size: 18px;
	margin-left: 0;
	margin-right: 8px;
	margin-top: -2px;
}

.add-step-btn:hover{
	background: #40C4FF;
	color: #fff;
	cursor: pointer;
	border-left: 1px solid #40C4FF;
	border-right: 1px solid #40C4FF;
}

.add-step-btn{
	color: #777;
	display: block;
	font-size: 11px;
	height: 39px !important;
	line-height: 50px !important;
	margin-top: -5px !important;
	padding: 5px 10px 3px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #f1f1f1;
	border-top: 1px solid #ddd;
}

.multi-step-settings-btn:hover,
.multi-step-settings-btn.active{
	background: #40C4FF;
	color: #fff;
	cursor: pointer;
	border-left: 1px solid #40C4FF;
}

.multi-step-settings-btn.active{
	box-shadow: inset 2px 2px 8px rgba(0,0,0,0.15);
	transition: all 0.15s ease 0s;
}

.multi-step-settings-btn{
	color: #777;
	display: flex;
	font-size: 19px;
	height: 39px !important;
	line-height: 50px !important;
	margin-top: -5px !important;
	border-left: 1px solid #ddd;
	background: #f1f1f1;
	border-top: 1px solid #ddd;
	align-items: center;
	justify-content: center;
	width: 47px;
	position: relative;
	cursor: pointer;
}

.inner-canvas-container.view_all_steps .step .tab-pane .panel-body{
	display: none;
}

#nex-forms .inner-canvas-container.view_all_steps .step .tab-pane{
	border: none !important;
	outline: none !important;
	margin: 0px 0px !important;
	height: 0px !important;
}

.inner-canvas-container.view_all_steps .ms-step-expand-wrapper{
	display: flex;
}

.inner-canvas-container.view_all_steps .step.is_expanded .tab-pane .panel-body{
	display: block !important;
}

#nex-forms .inner-canvas-container.view_all_steps .step.is_expanded .tab-pane{
	height: auto !important;
	border-bottom: 1px dotted #aaa !important;
	border-right: 1px dotted #aaa !important;
	border-left: 1px dotted #aaa !important;
}

#nex-forms .inner-canvas-container.placing-field.view_all_steps .step .tab-pane{
}

.settings-column-style .image-preview{
	padding-right: 18px !important;
	margin-right: 9px;
}

#nex-forms div.inner-canvas-container.view_all_steps .form_field.step{
	margin-bottom: 40px !important;
}

.settings-column-style .btn-group.form-bg-repeat{
	border-right: navy;
	margin-left: 6px !important;
}

input#set_font_size{
	width: 53px !important;
	margin-right: -1px;
	border-left: none !important;
}

i.no-icon{
	padding: 15px !important;
}

input#set_icon_before,
input#set_icon_after{
	width: 192px !important;
}

input#set_icon_font_size_before,
input#set_icon_font_size_after{
	border-left: none !important;
}

.settings-column-style .bg-settings .btn-group{
	margin-top: 6px;
}

span.px_text{
	position: absolute;
	top: 5px;
	right: 24px;
	z-index: 10;
	font-size: 10px;
	color: #ccc;
	display: none;
}

small.width_indicator{
	margin-top: 4px !important;
}

.col-xs-10.width_slider{
	margin-top: -11px;
	margin-right: 0px;
	padding-right: 18px !important;
	padding-left: 21px !important;
}

.canvas_background_tools .shade div.light_canvas{
	background: #fff;
}

.canvas_background_tools .shade div.active{
	border: 1px solid #40C4FF !important;
}

.canvas_background_tools .shade div.dark_canvas{
	background: #444;
}

.canvas_background_tools .shade div:hover{
	cursor: pointer;
	opacity: 1;
}

.canvas_background_tools .shade div{
	border: 1px solid #666;
	float: left;
	height: 14px;
	margin: 2px;
	opacity: 0.5;
	padding: 1px 6px;
}

.canvas_background_tools{
	position: absolute;
	margin-left: 50%;
}

#nex-forms .tabs_nf.tri-menu{
	box-shadow: 0 0 10px #ddd;
	height: 33px !important;
	margin-left: 0;
	overflow-x: hidden !important;
	position: fixed;
	top: 73px !important;
	width: 100%;
}

#nex-forms .tabs_nf.tri-menu .tab{
	line-height: 32px !important;
	height: 32px !important;
}

#nex-forms .tabs_nf.tri-menu .tab a{
	font-size: 12px !important;
}

.form_canvas.show_breadcrumb .nf_step_breadcrumb{
	display: block !important;
}

.form_canvas.show_breadcrumb .inner-canvas-container{
	display: none;
}

.nf_step_breadcrumb li a:hover{
	cursor: pointer !important;
}

ol.triangle{
	height: 58px;
	position: relative;
	top: 2px;
}

ol.rectangular{
	position: relative;
	top: 5px !important;
}

ol.dotted{
	position: relative;
	top: 5px;
}

ol.dotted_count{
	height: 80px;
	position: relative;
	top: 7px;
}

#nex-forms .form_canvas.conditional-logic-opened .nf_step_breadcrumb{
	display: none !important;
}

.no-front-end{
	display: none !important;
}

.nf_step_breadcrumb{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	margin: 0px 8px 58px 6px;
	position: relative;
}

#nex-forms .cd-breadcrumb,
#nex-forms .cd-multi-steps{
	background: none !important;
}

.modal-header .resposive_tests i:hover,
.modal-header .resposive_tests i.active{
	background: #40C4FF;
	color: #fff;
	cursor: pointer;
}

.modal-header .resposive_tests i{
	font-size: 21px;
	width: 31px;
	text-align: center;
	color: #777;
	padding: 4px 0;
}

.modal-header .resposive_tests{
	position: absolute;
	left: 123px !important;
	top: 10px;
}

.tool-section .multi-image-select-group,
.tool-section .single-image-select-group{
	display: none;
}

.convert_image_field_button:hover{
	box-shadow: 7px 7px 20px rgba(0,0,0,0.15);
}

.convert_image_field_button{
	background: #40c4ff;
	padding: 10px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
}

#nex-forms .inner-canvas-container .single-image-select-group .the-radios .has-pretty-child a,
#nex-forms .inner-canvas-container .multi-image-select-group .the-radios .has-pretty-child a{
	bottom: 15px !important;
}

.multi-image-select-group label img,
.single-image-select-group label img{
	margin-top: -6px !important;
}

h3.advanced_options{
	font-size: 12px !important;
}

#nex-forms .inner-canvas-container{
	font-size: 13px;
	min-height: 30vh;
}

.top-menu-btn.upgrade_pro{
	border-radius: 3px;
	left: 812px;
	padding: 9px !important;
	position: absolute;
	top: -45px;
	z-index: 1000000000 !important;
}

.upgrade_pro{
	background: #8bc34a none repeat scroll 0 0 !important;
	color: #fff !important;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -5px;
	padding: 19px 18px 14px !important;
}

.aa_menu a.upgrade_pro {
    background: #e7f0f3 none repeat scroll 0 0 !important;
    border: 1px solid #0074a6 !important;
    color: #000 !important;
}

.aa_menu a.upgrade_pro, .aa_menu a.upgrade_pro:hover {
    color: #0074a6 !important;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 6px;
    padding: 8px 18px 8px !important;
    border-radius: 20px;
}

/*.aa_menu a.upgrade_pro:hover{
	cursor: pointer !important;
	background: #cddc39 none repeat scroll 0 0 !important;
}*/

.top-menu-btn.view_test_page:hover{
	opacity: 1 !important;
}

.top-menu-btn.view_test_page{
	border-radius: 1px;
	cursor: pointer !important;
	height: 30px;
	left: 995px;
	padding: 7px 6px 6px 6px !important;
	position: absolute !important;
	top: 1px;
	z-index: 10 !important;
	opacity: 0.8 !important;
}

.view_test_page{
}

.popover.tour.tour-kbsc{
	min-width: 400px !important;
	margin-top: -220px;
}

.ks-code{
	width: 35%;
	vertical-align: top;
	font-weight: bold;
	font-size: 11px;
	color: #000;
}

.ks-des{
	width: 64%;
	margin-bottom: 10px;
}

a.btn.tutorial-menu {
    padding: 11px 13px 13px 13px !important;
    margin-right: -3px;
}

a.btn.tours-menu{
	padding: 11px 13px 13px 13px !important;
}

li.kbsc-tut a{
	padding: 12px 13px 13px 13px !important;
	cursor: pointer;
	margin-right: -3px;
	margin-top:1px;
}
a.kbsc-tut span {
    top: 3px;
    position: relative;
    height: 16px;
}
li.kbsc-tut a span{
	position: relative;
	top: 2px;
}
.help_menu li > a {
    
}
.dropdown_menu li.top-right-item > a {
    width: 55px;
    display: block;
    float: left;
    height: 40px;
	cursor:pointer;
	border-left: 1px solid #ddd;
    text-align: center;
}

li.kbsc-tut .tooltip_bs{
	top: 27px !important;
}

.ks-head{
	font-size: 13px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	font-weight: bold;
	color: #40C4FF;
}

.ks-code,
.ks-des{
	display: inline-block;
}

.popover.tour.tour-kbsc h3.popover-title{
	background: #40C4FF none repeat scroll 0 0 !important;
	border-color: #40C4FF !important;
	padding: 17px;
}

.popover.tour .btn.btn-default.dismiss_tour.end-tour:hover .fa{
	color: #fff;
}

.popover.tour .btn.btn-default.dismiss_tour.end-tour .fa{
	font-size: 18px;
	position: absolute;
	top: 7px;
	left: 10px;
	transform: none !important;
}

.popover.tour .btn.btn-default.dismiss_tour.end-tour{
	position: relative;
	width: 130px;
	padding: 10px 10px 10px 31px !important;
	height: 34px !important;
	margin-right: 56px;
	top: -15px;
	transform: none !important;
}

#nex-forms .ui-button-icon-only{
	text-indent: unset;
}

.full-screen-btn .fa{
	font-size: 20px !important;
	padding-right: 5px;
	padding-top: 6px;
}

#nex-forms .material_field #the-radios{
	margin-top: 10px;
}

#nex-forms .tabs_nf{
	height: 40px !important;
}

#nex-forms .tabs_nf .tab{
	line-height: 43px !important;
}

#nex-forms .tabs_nf.sec-menu .tab{
	height: 40px !important;
}

nav ul.tabs_nf.sec-menu a{
	font-size: 11px !important;
	font-weight: bold;
	text-transform: uppercase !important;
}

.icon-menu{
	position: fixed !important;
	top: 33px;
	z-index: 101;
	height: 41px;
	left: 160px;
}

.folded .icon-menu{
	left: 36px;
}

.fullscreen .icon-menu{
	top: 0px;
	left: 0px;
}

.icon-menu ul {
    margin: 0;
    width: 66px;
}

.icon-menu ul li{
	position: relative;
}

.icon-menu ul li a{
	padding: 7px 13px !important;
}

.icon-menu ul li a.btn{
	height: 38px !important;
	padding: 12px 12px !important;
	font-size: 18px;
	margin-left: -4px !important;
}
.fullscreen .icon-menu ul li a.btn{
	height: 40px !important;
}

li.back-to-dashboard span{
	font-size: 16px !important;
	top: -1px !important;
	position: relative;
	left: 2px;
}

.dropdown_menu.icon-menu ul > li:eq(1) span{
	margin-left: 2px !important;
}

.dropdown_menu ul li.open-form-item a{
	border-right: 1px solid rgba(0,0,0,0.2);
	margin-left: 0px !important;
	border-left: 1px solid rgba(0,0,0,0.2);
}

.dropdown_menu ul li a.create_new_form{
	border-right: 1px solid rgba(0,0,0,0.1);
}

.icon-menu ul li a.btn.btn-wordpress{
	padding-top: 10px !important;
}

.icon-menu ul li:hover ul{
	left: -38px !important;
	right: auto !important;
	top: 28px !important;
}

.icon-menu ul li ul li a{
	text-align: left !important;
}

.icon-menu span.form_id{
	border-right: 1px solid rgba(0,0,0,0.1);
	color: #d1d1d1 !important;
	display: block !important;
	float: left;
	font-size: 12px !important;
	margin-right: 9px;
	min-width: 44px;
	padding: 7px !important;
	position: relative;
	z-index: 1;
	text-align: center;
}

.icon-menu.dropdown_menu ul.aa_menu_2{
	display: block;
	max-height: calc(100vh - 98px);
	overflow-x: auto;
}

.icon-menu .btn{
	font-size: 19px;
	padding: 7px 12px;
	margin: 0 !important;
}

.icon-menu .btn:hover,
.icon-menu .btn.active{
}

.icon-menu a:active,
.icon-menu a:focus{
	outline: none !important;
	border: none !important;
	box-shadow: none  !important;
}

.help_menu{
	float: right;
	position: fixed;
	right: 0px;
	top: 18px;
	z-index: 10000;
}

.help_menu ul li .fa{
}

.help_menu li.heading{
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-align: right;
	padding: 18px 10px 10px 10px;
}

.dropdown_menu ul li{
	list-style: outside none none;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
}

.dropdown_menu ul li:hover{
}

.dropdown_menu ul li .fa{
	font-size: 14px;
	position: relative;
	top: 2px;
}

.dropdown_menu ul li:hover .fa{
}

.dropdown_menu ul > li{
	display: inline;
}

.dropdown_menu ul > li:first-child{
	margin-left: 0;
}

.dropdown_menu ul > li a{
	display: inline-block;
	font-size: 12px;
	outline: medium none !important;
	padding: 11px;
	position: relative;
	text-decoration: none !important;
}

.dropdown_menu ul > li:hover a{
}

.dropdown_menu ul li ul{
	box-shadow: 3px 2px 5px rgba(0,0,0,0.4);
	padding: 0;
	position: absolute;
	top: -1000px;
	width: 328px;
	z-index: 1000;
}

.dropdown_menu.help_menu ul li ul {
    width: 260px;
    padding: 0px 9px 15px 9px;
	box-shadow: -4px 7px 15px rgba(0,0,0,0.1);
}

.dropdown_menu ul li ul.open{
	top: 30px !important;
	left: -204px;
}

.dropdown_menu ul li ul.open-2{
	top: 30px !important;
	left: -233px;
}

.dropdown_menu ul > li:hover ul {
    right: 1px;
    top: 40px;
}

.dropdown_menu ul > li:hover ul a{
}

.dropdown_menu ul li ul li{
	display: block;
	margin-left: 0;
}

.dropdown_menu ul li ul li a{
	display: block;
	font-size: 12px;
	padding: 6px 10px;
	text-align: right;
}

.dropdown_menu ul li ul li a:hover{
	cursor: pointer;
}

#nex-forms .top-menu-dropdown .tabs_nf{
	overflow: unset !important;
}

.top-menu-dropdown ul li{
	position: relative;
}

.top-menu-dropdown ul li ul{
	box-shadow: 4px 7px 5px #ccc;
	padding: 0;
	position: absolute;
	top: -1000px;
	width: 240px;
	z-index: 1000;
}

.top-menu-dropdown ul > li:hover ul{
	right: 4px;
	top: 29px;
}

.top-menu-dropdown ul > li:hover ul a{
}

.top-menu-dropdown ul li ul li{
	display: block;
	margin-left: 0;
}

.top-menu-dropdown ul li ul li a{
	display: block;
	font-size: 12px;
	padding: 6px 10px;
	text-align: right;
}

.top-menu-dropdown ul li ul li a:hover{
	cursor: pointer;
}

.extra_form_attr {
    position: fixed;
    height: 100vh;
    width: calc(100% - 46px);
    top: 50px;
}

.folded .extra_form_attr {
    width: calc(100% - 38px);
}

.extra_form_attr .row{
	display: flex;
	margin: 0;
}

.form_attr_wrapper {
    display: flex;
    flex-direction: row;
    margin-top: 22px;
    background: #f8f9fa;
}
#nex-forms .CodeMirror-scroll{
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}
.fullscreen .form_attr_wrapper,
.full_preview .form_attr_wrapper{
	margin-top: -10px;
}

.form_attr_left_menu {
    display: flex;
    flex: 1 55px;
    position: sticky;
    height: 100vh;
    z-index: 100;

    box-shadow: 1px 1px 12px #dadce0;
    border-right: 1px solid #d3d3d3;
    padding-left: 15px;
    padding-top: 13px;
}

.form_attr_settings_wrapper{
	display: flex;
	flex: 10;
	width: 100%;
	overflow-x: auto;
	height: 100vh;
}

.form_attr_settings_wrapper .col-md-5{
	padding: 0;
}

.form_attr_settings_wrapper>div{
	width: calc(100% - 183px);
	height: 100%;
}

.folded .form_attr_settings_wrapper>div{
	width: calc(100% - 67px);
}

.fullscreen .form_attr_settings_wrapper>div,
.folded .fullscreen .form_attr_settings_wrapper>div{
	width: calc(100% - 20px);
	height: 140%;
}

#nex-forms .integration .material_box:not(.conditional_logic_wrapper) .material_box_content{
}

#nex-forms .integration .material_box:not(.conditional_logic_wrapper){
	border-radius: 20px;
	border-color: #e5e5e5;
	box-shadow: none !important;
}

#nex-forms .integration .material_box:not(.conditional_logic_wrapper) .material_box_head{
}

p.zapier_help{
	padding: 17px !important;
	display: block;
}

span.sidemenu_text{
	font-size: 12px;
	padding-top: 0px;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-left: 7px;
}

.form_attr_left_menu .tooltip_bs.right:before{
	content: '';
	position: absolute;
	width: 14px !important;
	height: 14px !important;
	left: 1px !important;
	background: #000c11;
	top: 9px;
	transform: rotate(45deg);
	z-index: -1;
}

.form_attr_left_menu .tooltip_bs.right{
	left: 45px !important;
}

.form_attr_left_menu ul{
	margin: 0;
	width: 100%;
}

.form_attr_left_menu ul li{
	margin: 0;
}

.form_attr_left_menu ul li a {
    display: block;
    width: 100%;
    padding: 10px 15px 10px 13px;
    color: #d1d1d1;
    border-bottom: none !important;
    border-radius: 50px 0 0 50px;
    display: flex;
    align-items: center;
}

.form_attr_left_menu ul li a:hover{
	cursor: pointer;
}

.form_attr_left_menu ul li.active a{
}

.form_attr_left_menu ul li a .fa {
    font-size: 20px;
    color: #d1d1d1;
    margin-right: 10px;
    width: 23px;
    top: 1px;
    position: relative;
    text-align: center;
}

.form_attr_left_menu ul li a:hover .fa{
}

.form_attr_left_menu ul li.active a .fa,
.form_attr_left_menu ul li.active a:hover .fa{
}

.email_setup_wrapper{
}

.integration_form_field input[type="text"],
.integration_form_field select{
	border-radius: 0;
	border-color: #ddd;
	border: none;
}

.integration_form_field select{
	padding: 4px 12px !important;
	border-bottom: none;
	border-color: #ddd !important;
	min-height: 35px !important;
	color: #777;
}

.integration_form_field input[type="text"]::placeholder{
	color: #ccc;
}

.integration_form_field input[type="text"]:focus,
.integration_form_field select:focus,
.integration_form_field textarea:focus{
	background: #fcfcfc none repeat scroll 0 0 !important;
	border-color: #ddd;
}

.integration_form_field input[type="text"]:hover,
.integration_form_field input[type="number"]:hover, 
.integration_form_field select:hover, 
.integration_form_field textarea:hover, 
.integration_form_field.no_input:hover {
    background: #e8f0fe none repeat scroll 0 0 !important;
    border-color: #ddd;
}

.integration_form_field{
	flex: 5;
	flex-direction: row;
	position: relative;
	border-bottom: 1px solid #ddd;
	z-index: 1000;
}

.integration_form_field:hover{
	border-bottom: 1px solid #ddd;
}

#nex-forms .integration_form_label{
	border-bottom: 1px solid #ddd !important;
	padding: 10px 19px;
	background: #f0f0f1;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	display: flex;
	flex: 1 140px;
	flex-direction: column;
	position: relative;
	box-shadow: inset 0px 0px 18px 9px rgb(0 0 0 / 3%);
	justify-content:center;
}

.row:hover .integration_form_label:after{
}

.row:hover .integration_form_label{
	transition: all 0.3s ease 0s;
}

#nex-forms .CodeMirror pre{
	padding: 0 20px;
}

pre.CodeMirror-placeholder{
	color: #ccc;
}

#nex-forms .integration_form_field .CodeMirror{
}

.row:hover .integration_form_field{
}

.integration_form_label em{
	font-size: 12px !important;
	font-weight: normal !important;
}

.integration_form_label{
	border-bottom: none !important;
}
.integration_form_field input {
    border-bottom: none !important;
    outline: none !important;
    border: none !important;
    font-size: 13px;
    padding: 11px;
	color:#666;
}
.row.last .integration_form_label{
}

.row.last .integration_form_field input[type="text"],
.row.last .integration_form_field.no_input{
}

.integration_form_field.no_input{
	background: #fff none repeat scroll 0 0;
	border: none;
	border-bottom: 1px solid #ddd;
	align-items: center;
}

#nex-forms .extra_form_attr [type=checkbox]:checked+label,
#nex-forms .extra_form_attr [type=checkbox]:not(:checked)+label{
	margin-left: 10px;
	margin-top: 8px;
	color: #777;
	font-size: 12px;
}

#nex-forms .extra_form_attr [type=radio]:checked+label,
#nex-forms .extra_form_attr [type=radio]:not(:checked)+label{
	margin-left: 7px;
	margin-top: 8px;
	color: #777;
	font-size: 12px;
}

#nex-forms .extra_form_attr [type=radio]+label:after,
#nex-forms [type=radio]+label:before,
#nex-forms .extra_form_attr [type=checkbox]+label:after,
#nex-forms [type=checkbox]+label:before{
	top: -1px !important;
}

.integration_form_field label{
	padding: 0px 15px 0px 26px!important;
}

.integration_form_field textarea{
	border-radius: 0;
	min-height: 120px;
	font-size: 13px;
	color: #666;
	border: none;
	border-bottom: 1px solid #eaeaeb;
}

.integration_form_field input[type="text"]{
	font-size: 12px;
	color: #666;
	padding-left: 12px;
	height: 100%;
}

.integration_form_label.label_textarea{
}

#nex-forms .extra_form_attr .alert{
	border-radius: 20px !important;
	border-left: 0;
	margin-top: 10px;
	margin: 20px;
}

.editor_wrapper{
	width: 100%;
	padding: 15px 22px 20px 15px;
	border-radius: 20px;
}

.row[data-field-tag="post_content"]{
	display: none;
}

.editor_wrapper:hover{
}

.form-setup-column{
	padding: 0;
	padding-bottom: 100px;
}

.form_embed_settings_wrapper{
	position: fixed;
	top: 72px;
	width: calc(100% - 612px) !important;
	height: calc(100vh - 98px) !important;
	overflow-x: auto;
	padding-left: 2%;
}

.fullscreen .form_embed_settings_wrapper{
	top: 40px;
	width: calc(100% - 699px) !important;
	height: calc(100vh - 65px) !important;
	overflow-x: auto;
	padding-left: 6%;
	background: #f1f1f1;
}

.fullscreen .embed-settings-column.open_sidenav{
	top: 41px !important;
	height: calc(100% - 67px) !important;
}

.embed-settings-column.settings-column-style .inner .btn {
    margin-right: 11px;
}

.embed-settings-column.settings-column-style .inner .btn i {
    font-size: 14px;
}

.embed-settings-column.settings-column-style small{
	margin-bottom: 7px !important;
	display: block;
}

#nex-forms .settings-column-style.embed-settings-column .inner .form-control{
}

.form_embed_shortcode_display {
    position: relative;
    padding: 63px 50px 50px 50px;
    background: #fff;
    width: 85%;
    margin-top: 75px;
}

.form_embed_shortcode_display .embed_code{
	font-size: 18px;
	text-align: center;
	line-height: 31px;
}

.form_embed_tri_menu{
	height: 100vh;
	position: fixed;
	top: 72px;
	left: 402px;
	width: 180px;
	z-index: 90;
}

.form_embed_tri_menu li{
	list-style: none;
	margin: 0;
}

.form_embed_tri_menu li a{
	padding: 13px 25px;
	display: block;
	cursor: pointer;
}

#nex-forms .embed_tools .btn.active {
    background: #fff;
    color: #666;
	border:none !important;
}

.embed_tools .btn{
	float: left;
	padding: 10px 20px;
	cursor: pointer;
	background: #ddebf2;
	text-align: center;
}

.embed_tools .btn.show_shortcode{
}

.embed_tools .btn.show_php{
	font-size: 28px;
	padding: 2px 16px;
}

.shortcode_php {
    position: absolute;
    justify-content: center;
    z-index: 1000;
    top: -34px;
    right: 0;
}

.set_form_type {
    position: absolute;
    top: -34px;
    left: 0;
    z-index: 2000;
}

.set_form_type .btn:first-child{
}

.set_form_type .btn:last-child{
}

.embed-settings-column.open_sidenav{
	right: 0;
}

.embed-settings-column{
	position: fixed;
	right: -600px;
	top: 72px !important;
	background: #f7f7f7 none repeat scroll 0 0;
	border-left: 3px solid #bed7e2;
	height: calc(100vh - 98px);
}

.embed-settings-column .action-btn{
	padding: 8px 8px 7px 8px !important;
}

.popup-previews{
	text-align: left;
	width: 85%;
}

.popup-previews .btn{
	margin-top: 50px !important;
	padding: 12px 20px !important;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.15) !important;
	border-radius: 4px !important;
	border: none !important;
	width: auto !important;
	font-size: 13px;
	font-weight: normal !important;
}

.embed-settings-column.settings-column-style .inner{
	height: calc(100% - 55px) !important;
	display: block;
	padding: 11px;
}

.popup-previews .btn:active{
	box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2) !important;
}

.embed-settings-column .input-group-addon{
	position: relative;
}

.embed-settings-column .input-group-addon.action-btn span.icon-text{
	position: relative;
	padding: 11px;
	margin: -40px;
}

.modal-container{
	width: 50%;
	height: 80%;
	position: absolute;
	top: 10%;
	background: #fff;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12), 0 5px 5px -3px rgba(0,0,0,.3);
	margin: 0 auto;
}

.modal-inner-container{
	border: 1px dashed rgba(0,0,0,0.1);
	width: 100%;
	height: 100%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
}

.modal-preview{
	background: #555;
	width: 100%;
	height: 430px;
	margin-top: 50px;
	border-radius: 4px;
	position: relative;
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.modal-preview .close-preview{
	border-radius: 50%;
	color: rgba(158, 158, 158, 0.5);
	display: flex;
	float: right;
	font-size: 8px;
	height: 18px;
	margin-left: 0px;
	transition: all 0.4s ease-in-out 0s;
	width: 18px;
	right: 4px;
	position: absolute;
	top: 4px;
	z-index: 1000;
	justify-content: center;
	align-items: center;
	background: rgba(158, 158, 158, 0.1);
	border: 1px solid rgba(158, 158, 158, 0.2);
	cursor: pointer;
}

.modal-preview .close-preview:hover{
	transform: rotate(180deg);
	transition: all 0.4s ease-in-out 0s;
}

.modal-container.v_bottom{
	top: unset !important;
	bottom: 0px !important;
}

.modal-container.v_top{
	top: 0px !important;
}

.modal-container.h_left{
	right: unset;
	left: 0px !important;
}

.modal-container.h_right{
	left: unset !important;
	right: 0px !important;
}

.integration .form-setup-column .row{
	margin-bottom: 0px !important;
}

.integration .form-setup-column .material_box_content{
	border: medium none !important;
	padding: 0;
}

.integration .form-setup-column .material_box{
	border: medium none;
	box-shadow: none;
	background: none;
}

.paypal-items-column .material_box_head{
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #ddd !important;
	border-top: medium none;
	height: 52px !important;
	padding-bottom: 0 !important;
	padding-top: 15px !important;
}

.paypal-items-column .material_box_content {
    background: #f7fafe none repeat scroll 0 0;
    max-height: 84vh;
    min-height: calc(100vh - 126px);
    overflow-x: auto;
}

.add_on_not_found .button .fa{
	font-size: 40px !important;
	margin-left: -7px;
	color: #fff !important;
}

.add_on_not_found .button:hover{
	opacity: 1;
	transition: all 0.2s;
	transform: scale(1.05);
	box-shadow: 0px 9px 6px #ccc !important;
}

.add_on_not_found .button.elements .fa{
	margin-left: 2px;
}

.add_on_not_found .button.elements{
	background: rgba(0, 0, 0, 0) linear-gradient( #F05277,#7C75E3) repeat scroll 0 0 !important;
}

.add_on_not_found .button{
	background: #40c4ff none repeat scroll 0 0 !important;
	border: 5px solid #fff !important;
	border-radius: 50% !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: bold;
	height: 150px !important;
	line-height: 23px !important;
	margin-top: 20px !important;
	opacity: 0.8;
	padding-top: 39px !important;
	text-transform: uppercase;
	width: 150px !important;
	margin-right: 10px;
	margin-left: 10px;
}

.add_on_not_found .ni-icon{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 100px;
	color: #f9f9f9;
	text-shadow: 1px 1px 10px #ccc;
	margin-bottom: 15px;
}

.add_on_not_found .message{
	font-size: 34px;
	font-weight: bold;
	color: #555;
	width: 100%;
	display: block;
}

.add_on_not_found{
	text-align: center;
	margin: 50px;
}

button.start-button{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
}

.start-button{
	border-radius: 180px;
	border-width: 0;
	box-sizing: border-box;
	color: #666;
	display: block;
	font-weight: 600;
	height: 130px;
	line-height: 130px;
	outline: 0 none;
	padding: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transform: translateY(0px);
	transform-origin: center center 0;
	width: 130px;
	z-index: 1;
	font-size: 17px;
	margin: 5px auto;
	margin-bottom: 48px;
	box-shadow: none !important;
}

.start-button .start-background{ 
	background-color: #1fa4e9;
	border-radius: 180px;
	box-sizing: border-box;
	display: block;
	height: 180px;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	width: 180px;
}

.start-button .start-border{
	background-clip: content-box, border-box;
	background-color: #fff;
	background-image: linear-gradient(#fff, #f9f9f9), linear-gradient(to bottom, #2de5d1, #40C4FF);
	background-origin: border-box;
	border: 2px solid transparent;
	border-radius: 130px;
	box-sizing: border-box;
	display: block;
	height: 130px;
	left: 0;
	position: absolute;
	top: 0;
	width: 130px;
	z-index: 100;
}

.start-button .start-border-2{
	background-clip: content-box, border-box;
	background-color: #fff;
	background-image: linear-gradient(#fff, #f9f9f9), linear-gradient(to bottom, #2de5d1, #40C4FF);
	background-origin: border-box;
	border: 2px solid transparent;
	border-radius: 130px;
	box-sizing: border-box;
	display: block;
	height: 130px;
	left: 0;
	position: absolute;
	top: 0;
	width: 130px;
}

.pulsate_1{
	animation-duration: 1500ms;
	animation-iteration-count: infinite;
	animation-name: pulsate_1_animation;
	animation-timing-function: linear;
}

.pulsate_2{
	animation-duration: 800ms;
	animation-iteration-count: infinite;
	animation-name: pulsate_2_animation;
	animation-timing-function: linear;
}

.tour-demo-popup{
	bottom: 29px !important;
	box-shadow: -9px 16px 14px #555 !important;
	left: unset !important;
	min-width: 234px !important;
	right: 37px !important;
	top: unset !important;
	width: 190px !important;
}

.tour-demo-popup .start-border:hover{
	background: #31373E none repeat scroll 0 0 !important;
	cursor: pointer;
	box-shadow: 0px 0px 2px #cddc39 inset;
	color: #cddc39 !important;
	text-shadow: 0px 0px 1px #fff;
}

.tour-demo-popup .start-border,
.tour-demo-popup .start-border-2{
	background-image: linear-gradient(#222, #222), linear-gradient(to bottom, #8bc34a, #cddc39) !important;
	color: #fff !important;
	font-size: 19px;
	font-weight: bold !important;
	height: 120px !important;
	line-height: 115px !important;
	margin-left: 5px;
	margin-top: 25px;
	width: 120px !important;
}

.popover.tour-demo-popup .popover-content{
	color: #ccc !important;
	font-size: 15px !important;
	font-weight: normal;
	padding: 20px 36px;
	text-align: center;
}

.popover.tour .popover-content strong{
}

.popover.tour.tour-demo-popup h3.popover-title {
    background: #82b541  none repeat scroll 0 0 !important;
    border-color: #82b541  !important;
    color: #fff !important;
    text-shadow: 0 0 1px #fff;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}

.tour-demo-popup .popover-arrow{
	display: none !important;
}

.tour-demo-popup .popover-content,
.tour-demo-popup .popover-navigation{
	background: #222 !important;
}

.icon-selection .active .the-icon{
	background: #40C4FF;
	color: #fff;
	opacity: 1;
	cursor: default;
}

.icon-selection .edit_icon:hover .the-icon{
	opacity: 1;
}

.icon-selection .the-icon{
	width: 30px;
	height: 24px;
	float: left;
	font-size: 19px;
	text-align: center;
	line-height: 24px;
	margin-right: 2px;
	cursor: pointer;
	opacity: 0.7;
}

.cloneable.single-icon-settings{
	display: none !important;
}

.current_field_icon_off{
	border-left: 1px solid #ddd !important;
}

.current_field_icon_off,
.current_field_icon_on{
	min-width: 47px !important;
	font-size: 14px !important;
}

#nex-forms .input-group span.input-group-addon.current_radio_icon{
	cursor: pointer !important;
}

.settings-add-on-group{
	position: relative;
	display: inline-block;
	margin-bottom: -4px;
}

.settings-add-on-group .form-control,
.settings-add-on-group .ui-corner-all{
	margin-left: 28px;
	margin-right: -13px;
	height: 35px !important;
}

.settings-add-on-text{
	background: #eee none repeat scroll 0 0;
	border-top: 1px solid #ddd;
	display: block;
	font-size: 11px;
	height: 34px;
	left: 0;
	padding-left: 5px;
	padding-top: 10px;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 1000;
}

.single-icon-settings{
	margin-top: 26px;
}

.field-settings-column .input-group-addon.duplicate_delete{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	border: medium none !important;
	width: 45px;
}

.duplicate_delete .duplicate_icon:hover{
	color: #40c4ff;
}

.duplicate_delete .delete_icon:hover{
	color: #f44336;
}

.duplicate_delete .delete_icon:hover,
.duplicate_delete .duplicate_icon:hover{
	transform: scale(1.2);
}

.duplicate_delete .delete_icon,
.duplicate_delete .duplicate_icon{
	color: #888;
	cursor: pointer;
	display: block;
	font-size: 14px;
	float: right;
	margin-left: 12px;
}

.duplicate_delete{
	position: absolute;
	right: 9px;
	top: 23px;
}

.field-settings-column select#icon_field_on_animation{
	text-transform: capitalize;
}

.field-settings-column .input-group-addon.addon-spacer{
	width: 0px !important;
	padding: 0 !important;
	border: 0 !important;
}

.field-settings-column.settings-column-style .icon-selection-type .btn.btn-default,
.field-settings-column.settings-column-style .icon-select-type .btn.btn-default{
}

.settings-column-style h4{
	padding: 10px !important;
	width: 120%;
	margin-left: -24px !important;
	padding-left: 22px !important;
	margin-bottom: 20px !important;
	margin-top: 20px !important;
	border-bottom: 1px solid #ddd;
	font-size: 12px !important;
	font-weight: bold !important;
	text-transform: uppercase;
}

span.settings-add-on-group{
	width: 70%;
}

.field-settings-column.settings-column-style .settings-icon-field .icon-select-type .btn.btn-default{
	width: 128px !important;
}

.field-settings-column .input-group-addon.icon-select i{
	padding: 0 !important;
	font-size: 28px;
	min-width: 41px;
}

.field-settings-column .input-group-addon.icon-select{
	min-width: 50px;
}

.field-settings-column .input-group-addon.current_field_icon_off i{
	padding: 0 !important;
	font-size: 23px;
	min-width: 38px;
}

.field-settings-column .input-group-addon.current_field_icon_off i,
.field-settings-column .input-group-addon.current_field_icon_on i{
	padding: 0 !important;
	font-size: 23px;
	min-width: 38px;
}

span.small_addon_text{
	font-size: 12px !important;
	display: block;
	min-width: 41px;
}

.single-icon-settings.default_icon_select span.group-addon-label:nth-child(2){
	border-left: 1px solid #ddd !important;
}

.single-icon-settings.default_icon_select{
	background: #e0ecf2 none repeat scroll 0 0;
	border: 1px solid #e0ecf2;
	margin-left: -20px;
	padding: 22px 17px;
	width: 115%;
}

.single-icon-settings.default_icon_select .duplicate_delete{
	display: none;
}

.single-icon-settings.default_icon_select small{
	position: absolute;
	top: -12px;
}

.single-icon-settings.default_icon_select .form-control{
	width: 100% !important;
}

select#attach_to_field{
	padding: 10px;
	text-transform: Capitalize;
}

#nex-forms .icon-spinner .icon_holder_1{
	display: block !important;
}

#nex-forms .currently_editing .icon-spinner .icon-holder{
	display: block !important;
}

#nex-forms .canvas_view .form_field select.form-control{
	height: 41px !important;
	border-color: #ddd;
	border-radius: 3px;
}

.fullscreen .builder-footer,
.full_preview .builder-footer{
	margin-left: 0;
	width: 100% !important;
}

#nex-forms .fullscreen nav.builder_nav,
#nex-forms .full_preview nav.builder_nav{
	top: 0 !important;
	width: 102% !important;
}

.fullscreen .form-canvas-area,
.full_preview .form-canvas-area{
	top: 40px;
	width: calc(100% - 68px);
	height: calc(100% - 67px);
}

.fullscreen .email_setup_wrapper{
	top: 57px;
	left: 196px;
}

.fullscreen .form_attr_settings_wrapper{
	left: 260px;
	top: 70px;
}

.fullscreen .form_attr_left_menu{
	left: 0;
	top: 41px;
}

#nex-forms .preview-tools .preview{
	float: unset;
}

.preview-tools .btn.active,
.preview-tools .btn.active:hover{
	background: #40C4FF;
	border: 1px solid #40C4FF;
	color: #fff !important;
	cursor: default;
}

.preview-tools .btn.active{
	box-shadow: inset 1px 2px 4px rgba(0,0,0,0.2);
	transition: all 0.2s ease 0s;
}

.preview-tools .btn:not(.active):hover{
	background: #fff;
	cursor: pointer;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
	transition: all 0.3s ease 0s;
}

.preview-tools .btn{
	display: inline-block;
	margin-right: 6px;
	color: #666 !important;
	border: 1px solid #ddd;
	padding: 4px 10px;
	font-size: 12px;
	border-radius: 2px;
	background: #f5f5f5;
	position: relative;
}

.preview-tools{
	position: absolute;
	top: 91px;
	left: 0px;
	z-index: 1100;
	width: 100%;
	padding: 11px 10px;
}

#nex-forms .form-canvas-area.split_view .inner-canvas-container .zero-clipboard{
	top: -40px;
}

.form-canvas-area.split_view .preview_canvas{
	display: block;
	width: 50%;
}

.form-canvas-area.split_view .form_canvas{
	width: calc(50% - 0px);
	padding-left: 5%;
	padding-right: 5%;
	height: calc(100% - 95px);
}

.form-canvas-area.preview_view .form_canvas{
	display: none;
}

.form-canvas-area.preview_view .preview_canvas iframe.show_form_preview{
}

.form-canvas-area.split_view .preview_canvas iframe.show_form_preview{
}

.form-canvas-area.preview_view .preview_canvas{
	display: block;
	border-left: none;
}

.preview_canvas {
    background: #f2f2f2 none repeat scroll 0 0;
    display: none;
    float: right;
    height: calc(100% - 89px);
    width: 100%;
    position: relative;
    text-align: center;
    border-left: 1px solid #ddd;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 15px;
    padding: 0px;
    z-index: 100000;
}
.preview_canvas.preview_mobile{
	/*padding-top: 50px;*/
}

.preview_iframe_holder{
}

.preview_settings{
	background: #f5f5f5 none repeat scroll 0 0;
	border-bottom: 1px solid #ddd;
	height: 55px;
	padding: 12px;
	position: absolute;
	top: 0;
	width: 100%;
	color: #fff;
	z-index: 2000;
}

.preview_settings .resposive_tests i.active{
	background: #40C4FF;
	color: #fff;
}

.preview_settings .resposive_tests i:hover{
	background: rgba(255,255,255,0.1);
	color: #40C4FF;
	cursor: pointer;
}

.preview_settings .resposive_tests i{
	float: right;
	font-size: 17px;
	margin-left: 5px;
	padding: 6px;
}


.form-canvas-area.preview_view .form-canvas-area-mask{
	display: none;
}

.form-canvas-area.split_view .form-canvas-area-mask{
	width: 49%;
}

.resposive_tests{
	display: flex;
	justify-content: center;
	align-items: center;
}

.preview_settings .resposive_tests .fa-refresh{
	font-size: 19px;
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 1px;
	padding: 5px 10px;
	position: absolute;
	right: 49px;
}

.preview_settings .resposive_tests .fa-refresh:hover{
	color: #8bc34a;
	cursor: pointer;
}

.fc-options{
	position: relative;
	top: -1px;
}

.history-tools{
	margin-top: 8px;
	margin-left: 10px;
}

.history-tools .history_action:hover{
	cursor: default;
}

.history-tools .history_action.avialable:hover{
	cursor: pointer;
	color: #40c4ff;
}

.history-tools .history_action.avialable{
	opacity: 1;
	cursor: default;
}

.history-tools .history_action{
	float: left;
	margin-left: 2px;
	color: #fff;
	padding: 6px;
	position: relative;
	border-radius: 3px;
	opacity: 0.2;
}

.conditional-logic-opened .width_bar{
	width: 45%;
	display: none;
}

.folded .width_bar{
	width: calc(51% + 5px);
}

.fullscreen .width_bar {
    top: 190px;
    width: calc(51% + 27px);
    margin-left: -39px;
}

.form-canvas-area.split_view .width_bar {
    width: 39%;
    /* top: 267px !important; */
}
.fullscreen .form-canvas-area.split_view .width_bar {
    width: calc(42% + 9px);
}
.folded .form-canvas-area.split_view .width_bar {
    width: calc(42%);
}
.modal-overlay{
}

.grid_row.row > .col-sm-1,
.grid_row.row > .col-sm-2,
.grid_row.row > .col-sm-3,
.grid_row.row > .col-sm-4,
.grid_row.row > .col-sm-5,
.grid_row.row > .col-sm-6,
.grid_row.row > .col-sm-7,
.grid_row.row > .col-sm-8,
.grid_row.row > .col-sm-9,
.grid_row.row > .col-sm-10,
.grid_row.row > .col-sm-11,
.grid_row.row > .col-sm-12{
	min-height: 100px;
	position: relative;
}

.grid_row.row > .col-sm-1:before,
.grid_row.row > .col-sm-2:before,
.grid_row.row > .col-sm-3:before,
.grid_row.row > .col-sm-4:before,
.grid_row.row > .col-sm-5:before,
.grid_row.row > .col-sm-6:before,
.grid_row.row > .col-sm-7:before,
.grid_row.row > .col-sm-8:before,
.grid_row.row > .col-sm-9:before,
.grid_row.row > .col-sm-10:before,
.grid_row.row > .col-sm-11:before,
.grid_row.row > .col-sm-12:before{
}

.grid_row.row > .col-sm-1:hover:before,
.grid_row.row > .col-sm-2:hover:before,
.grid_row.row > .col-sm-3:hover:before,
.grid_row.row > .col-sm-4:hover:before,
.grid_row.row > .col-sm-5:hover:before,
.grid_row.row > .col-sm-6:hover:before,
.grid_row.row > .col-sm-7:hover:before,
.grid_row.row > .col-sm-8:hover:before,
.grid_row.row > .col-sm-9:hover:before,
.grid_row.row > .col-sm-10:hover:before,
.grid_row.row > .col-sm-11:hover:before,
.grid_row.row > .col-sm-12:hover:before{
}

.resizable-grid  .resizable-row  .resizable-column  .resizable-column-handle{
	z-index: 10000;
	display: none;
	position: absolute;
	top: 0;
	height: 100% !important;
	width: 6px;
	cursor: col-resize;
	-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;
}

.resizable-grid  .resizable-row  .resizable-column  .resizable-column-handle-w{
	left: 12px;
	background: #03C;
}

.resizable-grid  .resizable-row  .resizable-column  .resizable-column-handle-e{
	right: 12px;
	background: #F96;
}

.resizable-grid  .resizable-row  .resizable-column:first-child:not(:last-child)  .resizable-column-handle-e,
.resizable-grid  .resizable-row  .resizable-column:not(:first-child):not(:last-child) .resizable-column-handle-w,
.resizable-grid  .resizable-row  .resizable-column:not(:first-child):not(:last-child)  .resizable-column-handle-e,
.resizable-grid  .resizable-row  .resizable-column:last-child:not(:first-child)  .resizable-column-handle-w{
	display: block;
}

.resizable-grid-resizing{
	cursor: col-resize;
}

.resizable-grid  .resizable-row-resizing  .resizable-column:not(.resizable-column-resizing){
	opacity: 0.5;
	background: #fcfcfc;
}

#nex-forms .form_field.single-image-select-group #the-radios .has-pretty-child a,
#nex-forms .form_field.multi-image-select-group #the-radios .has-pretty-child a{
	border: medium none !important;
	box-shadow: 2px 1px 1px #777 inset !important;
	left: unset;
	opacity: 0.8;
	position: absolute;
	right: 7px;
	top: 1px !important;
	z-index: 100;
}

#nex-forms .form_field.single-image-select-group #the-radios .has-pretty-child a.checked,
#nex-forms .form_field.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: 1px !important;
	z-index: 100000;
	left: unset;
	color: #fff;
}

#nex-forms .form_field.single-image-select-group .the-radios{
	margin-top: 5px !important;
}

#nex-forms .form_field.multi-image-select-group .the-radios{
	margin-top: 7px !important;
}

#nex-forms .form_field.single-image-select-group span.check-icon.checked,
#nex-forms .form_field.multi-image-select-group span.check-icon.checked{
	top: 2px !important;
}

.canvas-action-btns .canvas-action-btn:hover,
.canvas-action-btns .canvas-action-btn.active{
	background: #40c4ff none repeat scroll 0 0;
	color: #fff;
	cursor: pointer;
	border: 1px solid #40c4ff;
}

.canvas-action-btns .canvas-action-btn{
	border-radius: 3px;
	color: #666;
	position: relative;
	display: flex;
	float: right;
	width: 55px;
	height: 35px;
	align-items: center;
	justify-content: center;
	background: #f2f2f2;
	border: 1px solid #ddd;
	margin-right: 5px;
	font-size: 11px;
}

.canvas-action-btns div.tooltip_bs{
	top: 32px !important;
	right: 14px !important;
}

.canvas-action-btns .canvas-action-btn .fa{
	font-size: 21px;
	display: block;
	padding: 7px 16px;
	top: 0px !important;
}

.canvas-action-btns{
	position: absolute;
	top: 10px;
	width: 100%;
	height: 1px;
	padding-right: 10px;
}

.canvas-action-btns .tooltip_bs .tooltip_bs-arrow{
	left: unset !important;
	right: 9px !important;
}

.canvas-action-btns .tooltip_bs{
	left: unset !important;
	right: 0px !important;
	top: 40px !important;
}

.show_step{
	background: #40C4FF;
	position: absolute;
	left: -15px;
	top: 0px;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	width: 38px;
	height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.view_all_steps .show_step{
	left: 48%;
	top: -3px;
	box-shadow: 2px 5px 10px rgba(0,0,0,0.2);
}

#nex-forms .inner-canvas-container.view_all_steps .form_field .zero-clipboard{
	border-radius: 4px;
}

#nex-forms .inner-canvas-container .form_field.duplicated .zero-clipboard{
	background: #cddc39;
	transition: all 1s;
}

#nex-forms .form-canvas-area .cd-breadcrumb.triangle li a{
	padding-top: 14px !important;
}

#new_form_wizard{
	height: 100vh !important;
	overflow: hidden !important;
	width: 100% !important;
	top: 0 !important;
}

#new_form_wizard.modal{
	background: #f9f9f9 !important;
	max-height: unset !important;
}

#new_form_wizard h4{
	padding-left: 30px !important;
}

#nex-forms #new_form_wizard.modal .modal-header{
	border-bottom: 1px solid #ddd !important;
	box-shadow: none !important;
	padding: 8px !important;
}

#new_form_wizard .modal-content{
	box-shadow: none !important;
	height: calc(100% - 83px) !important;
	margin-top: 41px !important;
	overflow-x: auto !important;
	padding-top: 0px !important;
}

.wizard_step h6{
	font-size: 13px !important;
	margin-left: 4px !important;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #ddd !important;
	padding-bottom: 10px !important;
	margin-top: 16px !important;
}

.wizard_step h5{
	font-size: 20px !important;
	margin-left: 3px !important;
	margin-bottom: 0px !important;
	font-weight: bold !important;
}

div#new_form_wizard .modal-header i.fa{
	border: none !important;
	color: #fff;
	margin-top: 5px !important;
}

.new-form-wrapper{
	box-shadow: 9px 9px 29px rgb(163,177,198,0.6), -9px -9px 16px rgba(255,255,255, 0.6);
	margin: 50px;
	padding: 50px 80px 80px 80px !important;
	border-radius: 10px;
}

.new-form-wrapper input{
	text-align: center;
	border-color: #ddd !important;
}

.new-form-wrapper h3{
	margin-bottom: 30px !important;
	text-align: center;
	line-height: 33px !important;
}

.wizard_step{
}

#new_form_wizard .wizard_step .page_load h4{
	float: none;
	font-size: 16px !important;
	margin: 16px auto !important;
	text-align: center;
	padding-left: 0 !important;
}

.step_line_3{
	width: 80px;
}

#new_form_wizard #form_title{
	padding: 10px !important;
	height: 47px !important;
}

#new_form_wizard .page_load{
	margin-left: 0px;
	text-align: center;
	margin-top: 80px;
}

#nex-forms .inner-canvas-container.bootstrap select.form-control{
	height: 42px;
	line-height: 33px;
	border: 1px solid #ddd;
}

.upload-image .nf_add_image{
	height: 0;
}

.is_panel .field_settings.grid{
	top: 2px !important;
	border: none !important;
}

#nex-forms .form_canvas .form_field.field_spacer{
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 0 !important;
	margin: 0px 0px 20px !important;
}

.form_canvas .form_field.field_spacer .height_display{
	font-size: 11px;
	margin-left: 15px;
	position: absolute;
	top: 20%;
}

.form_canvas .form_field.field_spacer .down_arrow{
	position: absolute;
	font-size: 18px;
	bottom: -7px;
	z-index: 10;
}

.form_canvas .form_field.field_spacer .up_arrow{
	position: absolute;
	font-size: 13px;
	z-index: 10;
	top: -7px;
	left: 0px;
}

.form_canvas .form_field.field_spacer .field_spacer{
	height: 100%;
	position: relative;
	right: -50px;
}

.form_canvas .form_field.field_spacer .ui-resizable-s{
	bottom: 7px;
	cursor: s-resize;
	height: 10px !important;
	left: -40px;
	width: 100px !important;
	position: relative;
}

.form_canvas .form_field.field_spacer .v_line{
	width: 1px;
	background: #777;
	height: 100%;
	position: relative;
	margin-left: 5px;
}

.form_canvas .form_field.field_spacer .field_settings div{
	float: right;
}

.form_canvas .form_field.field_spacer .field_settings{
	width: 70px !important;
	right: -90px !important;
	top: -8px !important;
}

#nex-forms .settings_tabs_nf .tabs_nf .tab{
	display: none;
}

#nex-forms .settings_tabs_nf .tabs_nf .tab.current,
#nex-forms .settings_tabs_nf .tabs_nf .tab.always_current{
	display: block;
}

.field-setting{
	margin-bottom: 7px;
}

.field-setting,
.field-setting .field-setting,
.field-setting.current .field-setting{
	display: none;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transform: scale(0);
	transition: all 1s ease 0s;
}

.field-setting.current,
.field-setting.s-all,
.field-setting.current .field-setting.current{
	display: block;
	opacity: 1;
	height: auto;
	transform: scale(1);
	transition: all 1s ease 0s;
	position: relative;
	overflow: visible;
}
.field-setting.col-xs-8 {
    min-height: 78px;
}
.field-setting.col-xs-8.s-odd_setting {
    min-height: 35px;
}
.field-setting{
	min-height: 80px;
}
#nex-forms .field-setting .btn-group .right {
    float: left !important;
}
div#embed-popup-panel .field-setting.s-all{
	min-height: 19px;
}

.field-setting.material_only.current{
	display: none !important;
}

.material_theme .field-setting.material_only.current{
	display: block !important;
}

.material_theme .field-setting.none_material.current,
.material_theme .none_material,
.material_theme .odd_settings-lt{
	display: none !important;
}

.field-setting .btn-group{
	margin-bottom: 4px;
}

.field-setting.col-xs-3,
.field-setting.col-xs-4,
.field-setting.col-xs-5,
.field-setting.col-xs-6,
.field-setting.col-xs-7,
.field-setting.col-xs-8,
.field-setting.col-xs-9,
.field-setting.col-xs-10,
.field-setting.col-xs-12{
	padding: 0 2px;
}

.settings-section{
	padding: 0 7px 20px 6px;
}

#nex-forms .ui-slider.grid-width-slider{
	height: 0px !important;
	min-height: 0px !important;
	background-color: transparent !important;
	border: none !important;
}

#nex-forms .ui-slider.grid-width-slider .ui-slider-handle,
#nex-forms .ui-slider.grid-width-slider .ui-slider-handle:focus{
	display: block;
	min-height: 163px;
	width: 17px !important;
	min-width: 5px !important;
	padding: 0 !important;
	background: none !important;
	cursor: ew-resize !important;
	margin-left: -10px;
	border: none;
	border-radius: 0;
	opacity: 0 !important;
	box-shadow: none !important;
}

.grid .grid-width-slider:first-child{
	display: none;
}

.grid_input_holder>.panel{
	padding-bottom: 20px !important;
}

.grid_input_holder .column_tools{
	display: none;
}

.form_canvas:not(.conditional-logic-opened) .over-column-tools{
	background: rgba(0,0,0,0.02);
}

.form_canvas:not(.conditional-logic-opened) .grid_input_holder.over-column-tools>.column_tools{
	display: block;
}

.form_canvas.conditional-logic-opened .the-image-container .change_image2{
	display: none !important;
}

.column_tools{
	position: absolute;
	right: 5px;
	bottom: 1px;
	z-index: 10000;
	width: 100%;
}

.column_tools div{
	float: right;
	margin: 0 1px;
	font-size: 10px;
	position: relative;
	width: 16px;
	height: 16px;
	background: #e5e5e5;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-right: 5px;
	margin-bottom: 3px;
	transition: all 0.2s;
}

.form_canvas:not(.conditional-logic-opened) .column_tools div:hover{
	background: #40c4ff;
	color: #fff;
	cursor: pointer;
	transition: all 0.2s;
	transform: rotate(180deg);
}

.column_tools div.delete-column:hover{
	background: #f44336;
}

.form-canvas-area div.inner-canvas-container .grid-system .panel.over-delete{
	border-color: #f44336 !important;
	background: #f4433621 !important;
}

.image_container.empty{
	height: 200px;
	border: 2px dashed #ddd;
	background: #f2f2f2;
	display: flex;
	align-items: center;
	justify-content: center;
}

.image_container.empty span{
	font-size: 80px;
	opacity: 0.4;
}

.image_container.empty .fa-image:hover{
	color: #40c4ff;
	cursor: pointer;
}

.the-image-container .change_image2{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 90%;
	height: 90%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.the-image-container .change_image2 .btn{
	border: none;
	border-radius: 60px !important;
	padding: 5px 20px !important;
	font-size: 11px !important;
	opacity: 0;
	background: #40c4ff !important;
	margin: 0px;
}

.the-image-container .change_image2:hover .btn{
	opacity: 1 !important;
}

.the-image-container{
	position: relative;
}

.the-image-container .ui-resizable-handle{
	opacity: 0.5 !important;
	background: url(images/resize.png) !important;
	width: 14px;
	height: 14px;
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: nwse-resize;
	display: none !important;
}

.html_image:hover .the-image-container .ui-resizable-handle{
	opacity: 1;
	display: block !important;
}

.the-image-container .show-width,
.the-image-container .show-height{
	position: absolute;
	font-size: 11px;
	color: #666;
	display: none;
}

.the-image-container.resizing .show-width{
	display: block;
}

.the-image-container .show-height{
	right: -33px;
	top: 0;
	height: 100%;
	align-items: center;
}

.the-image-container.resizing .show-height{
	display: flex;
}

.the-image-container .show-width{
	width: 100%;
	text-align: center;
}

#nex-forms .form_field{
	margin-top: 0;
	margin-bottom: 15px;
	margin-right: 0;
}

#nex-forms #form_container{
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	background: none;
}

span.reset-button {
    font-size: 11px;
    transition: all 0.2s;
    cursor: pointer;
    padding: 3px 2px;
    margin-top: 7px !important;
    display: inline-block;
    color: #5d7bab;
    float: right;
    padding-left: 20px;
}

span.reset-button:hover{
	color: #555;
}
span.reset-button:hover .fa {
    transform: rotate(-180deg);
    transition: all 0.2s ease 0s;
}
/*.form-canvas-area.dark{
	background: #333;
    background-image: linear-gradient(to right, #303030 1px, transparent 1px), linear-gradient(to bottom, #303030 1px, transparent 1px);
	background-size:20px 20px;
	background-position:0 -9px;
}*/
/*.form-canvas-area.dark {
    background: url(images/canvas_bg_dark.png) #333 !important;
}
.form-canvas-area.dark .form-canvas-area-mask {
    background: url(images/canvas_bg_dark.png) #333;
    width: 99%;
}*/

/*.form-canvas-area.dark .form-canvas-area-mask{
	background: #333;
    background-image: linear-gradient(to right, #303030 1px, transparent 1px), linear-gradient(to bottom, #303030 1px, transparent 1px);
	width: 99%;
	background-size:20px 20px;
}
*/
.workspace_theme_dark,
.workspace.c-logic{
	margin-right: 23px !important;
}

.workspace_theme_dark:not(.active){
	background: #666 !important;
	border: 1px solid #666 !important;
}

.workspace_theme_dark:not(.active) span{
	color: #fff !important;
}

.btn.workspace_theme{
	position: relative;
}

.workspace_theme.btn{
	padding: 0;
}

.workspace_theme span{
	padding: 5px 10px;
}

.width_input .ui-spinner{
	background: none;
}

.conditional-logic-ui .btn.workspace.normal{
	background: #f5f5f5 !important;
	border-color: #ddd !important;
	color: #666 !important;
}

.conditional-logic-ui .btn.workspace.normal:hover{
	background: #fff !important;
	cursor: pointer !important;
}

.conditional-logic-ui .btn.workspace.c-logic,
.conditional-logic-ui .btn.workspace.c-logic:hover{
	background: #40c4ff !important;
	border-color: #40c4ff !important;
	color: #fff !important;
	cursor: default !important;
}

.form-canvas-area.dark .width_bar{
	border-top: 1px solid #222;
	border-right: 1px solid #222;
	border-left: 1px solid #222;
}

#nex-forms .form-canvas-area.dark .width_bar option:disabled{
	color: #666;
}

#nex-forms .form-canvas-area .width_bar option:disabled{
	color: #ccc;
}

#nex-forms .form-canvas-area.dark .width_input .input-group input.ui-spinner-input,
#nex-forms .form-canvas-area.dark .width_input .input-group select{
	border-color: #222 !important;
	background: #333 !important;
	color: #aaa !important;
}

#nex-forms .form-canvas-area.dark .width_input .ui-spinner a{
	background: #333 none repeat scroll 0 0 !important;
	border-left: 1px solid #222;
	border-color: #222 !important;
}

#nex-forms .form-canvas-area.dark  .inner-canvas-container .zero-clipboard,
#nex-forms .form-canvas-area.dark .inner-canvas-container.view_all_steps .step .tab-pane .zero-clipboard{
	border-color: #222 !important;
	background: #333 !important;
	color: #aaa !important;
}

.form-canvas-area.dark .zero-clipboard input{
	background: #444 !important;
	border: 1px solid #333 !important;
}

.form-canvas-area.dark .zero-clipboard .btn{
	background: #111;
	color: #ccc;
}

.form-canvas-area.dark .zero-clipboard .btn:hover{
	background: #000;
	color: #ccc;
}

.form-canvas-area.dark .zero-clipboard .btn.delete:hover{
	background: #f44336;
	color: #fff;
}

.form-canvas-area.dark .zero-clipboard .input-group-addon.action-btn.set_step_icon{
	background: #222;
	color: #eee !important;
	border: #222 !important;
}

#nex-forms .form-canvas-area.dark .settings_more_styling_options .btn{
	background: #333;
	border: 1px solid #222;
	color: #aaa;
}

#nex-forms .form-canvas-area.dark .settings_more_styling_options .btn:after{
	background: #333;
	border: 1px solid #222;
	color: #aaa;
}

#nex-forms .form-canvas-area.dark .preview-tools .btn{
	color: #999 !important;
	border: 1px solid #333;
	background: #333;
}

#nex-forms .form-canvas-area.dark .preview-tools .btn.workspace_theme_light{
	color: #666 !important;
	border: 1px solid #ddd;
	background: #ddd;
}

#nex-forms .form-canvas-area.dark .preview-tools .btn.active{
	background-color: #40C4FF !important;
	border: 1px solid #40C4FF;
	color: #fff !important;
}

#nex-forms .form-canvas-area.dark .inner-canvas-container .step .tab-pane{
	border: 1px solid #222 !important;
}

.form-canvas-area .inner-canvas-container .btn-default {
    background-color: #f2f2f2;
    border-color: #ddd;
    color: #5b5b5b;
}

#nex-forms .form-canvas-area.dark .width_input .ui-spinner a.ui-spinner-down{
	border-top: 1px solid #222;
}

#nex-forms .form-canvas-area.dark .width_input .input-group-addon{
	background-color: #222 !important;
	border: 1px solid #111;
}

#nex-forms .form-canvas-area.dark .width_input .input-group-addon.active {
    background-color: #0074a6 !important;
    border: 1px solid #40c4ff;
}

#nex-forms .form-canvas-area.dark .width_input .ui-spinner .fa{
	color: #999 !important;
}

.form_settings a:last-child{
	border-radius: 0px 5px 0 0px;
}

.form_settings a:first-child{
	border-radius: 0px 0 0 5px;
	margin-right: 1px;
}

.form_settings a:hover{
	background: #40c4ff;
	color: #fff !important;
	cursor: pointer;
}

.form_settings a{
	font-size: 15px;
	color: #fff;
	display: flex;
	float: left;
	width: 40px;
	height: 30px;
	align-items: center;
	justify-content: center;
	background: #999;
	position: relative;
}

.form_settings a span{
	padding: 15px;
}

.form_settings{
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 10000;
	transform: scale(0);
}

.outer-container{
	margin-left: -60px;
	margin-right: -67px;

	padding-left: 40px;
	padding-right: 40px;
	margin-top: -0px;
	border: 1px solid transparent;
}

.outer-container.over-form{
	border-radius: 5px 5px;
	transition: border 0.2s ease 0.4s;
}

.outer-container.over-form .form_settings{
}

.width_bar .input-group{
	width: 91px !important;
	text-align: center;
	margin: 0 auto;
	position: relative;
	float: left;
	top: -18px;
	margin-right: 8px;
	height: 35px;
}

.width_bar .input-group.settings_form_width{
	margin-right: 0;
}

#nex-forms .width_input .input-group .ui-spinner input.set_form_width.ui-spinner-input.form-control,
#nex-forms .width_input .input-group .ui-spinner input#form_padding.ui-spinner-input.form-control{
	border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
	color: #888;
	font-size: 11px;
	font-weight: normal;
	height: 28px;
}

.width_bar .input-group-addon.active{
	background: #40C4FF !important;
	color: #fff;
	border-color: #40C4FF;
}

.width_bar .input-group-addon {
    font-size: 12px;
    padding: 0 3px !important;
}

.width_bar .input-group-addon.selection {
    background: #eee;
}

.width_bar small.label{
	position: absolute;
	top: -15px;
	left: -6px;
	color: #aaa;
	font-weight: normal;
	display: none;
	text-align: left;
	width: 100%;
}
span.icon-text-label {
    position: relative;
    top: 3px;
}
.width_bar {
    position: fixed;
    top: 222px;
    width: calc(48% + 2px);
    z-index: 1002;
    text-align: center;
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 38px;
    transition: width 0.2s ease 0s;
    margin-left: -39px;
    display: flex;
    justify-content: center;
}

.width_bar:hover{
	z-index: 1220;
}

.width_bar .input-group .input-group-addon.color-picker{
	border-left: 1px solid #ddd;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#nex-forms  .width_bar .settings_form_width .ui-spinner{
	width: 100px !important;
}

span.input-group-addon.percentage,
span.input-group-addon.pixels{
	position: absolute;
	z-index: 100;
	height: 35px;
	width: 21px;
	display: flex;
	justify-content: center;
	top: 0;
	align-items: center;
}

span.input-group-addon.percentage {
    left: 33px;
    border-left: 1px solid #ddd;
}

span.input-group-addon.pixels {
    left: 54px;
    border-radius: 0;
}
.input-group.settings_form_bg {
    margin-left: 8px;
}
.width_bar .ui-spinner{
	width: 47px !important;
}

.width_bar .ui-spinner input{
	text-align: left !important;
	border-left: none !important;
}

#nex-forms .width_bar .ui-widget-content{
	background: none !important;
	border: none !important;
}

#nex-forms .overall-settings-column .ui-widget-content{
	background: none !important;
	border: none !important;
}

#nex-forms .width_bar .input-group select.form-control.set_form_theme,
#nex-forms .width_bar .input-group select.form-control.choose_form_theme,
#nex-forms .width_bar .input-group select.form-control.md_theme_selection{
	height: 35px !important;
	border: 1px solid #ddd;
	width: 88px !important;
	color: #888 !important;
	padding-right: 6px !important;
	padding-left: 5px;
	border-left: none !important;
	border-radius: 0 3px 3px 0 !important;
}

.input-group.settings_form_theme .input-group-addon{
	border-left: 1px solid #ddd;
	border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
}

.input-group.settings_form_theme:hover span{
	background: #40c3fe;
	color: #fff;
	border-color: #40c3fe;
}

.input-group.settings_form_theme:hover select{
	color: #000 !important;
}

.width_bar .input-group.settings_form_padding .ui-spinner{
	width: 63px !important;
}

.width_bar .input-group.settings_form_padding input,
.width_bar .input-group.settings_form_width input{
	border-left: 1px solid #ddd !important;
}

.field-setting .btn i.btn-tx.tx-lg{
	font-size: 16px;
	padding-top: 2px;
}

.form_canvas .inner-canvas-container .image-choices-field .thumb-placeholder:hover{
	color: #40c4ff !important;
}

.form_canvas .inner-canvas-container .image-choices-field .thumb-placeholder:hover span.far{
	color: #40c4ff !important;
}

.form_canvas .inner-canvas-container .image-choices-field .thumb-placeholder span.far{
	font-size: 46px;
	display: block;
	padding-top: 36px;
	padding-bottom: 10px;
	color: #bbb;
}

.form_canvas .inner-canvas-container .image-choices-field .thumb-placeholder{
	background: #f2f2f2;
	min-height: 137px;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	color: #999 !important;
}

.field-setting.is-settings-header{
	min-height: 10px;
}

.settings-header span{
	background: #bed7e2;
	position: relative;
	z-index: 20;
	padding: 5px 15px 5px 12px;
	border-radius: 0 20px 20px 0;
	color: #05658f;
}

.settings-header:after{
	position: absolute;
	content: '';
	width: 100%;
	top: 5px;
	left: 0;
	height: 1px;
	background: #bed7e2;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}

.settings-header {
    margin-bottom: 0px;
    margin-top: 15px;
    padding-left: -4px;
    position: relative;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    left: -13px;
    width: calc(100% + 30px);
}


.settings-header.is_top {
    margin-top: 15px;
    margin-bottom: 10px;
}

.steps_only select.cl_current_action_fields_container.form-control optgroup.cl_steps{
	display: block;
}

.steps_only select.cl_current_action_fields_container.form-control optgroup{
	display: none;
}

.new_rule select.form-control optgroup option{
	background: #fff;
	font-size: 11px;
}

.new_rule select.form-control optgroup{
	background: #eee;
	color: #777;
}

.new_rule select.form-control optgroup option.option_spacer{
	font-size: 1px;
}

#nex-forms .form_canvas.conditional-logic-opened .inner-canvas-container {
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form_canvas.conditional-logic-opened .form_field .input_container{
	display: none !important;
}

.form_canvas.conditional-logic-opened .form_field.html_fields .input_container,
.form_canvas.conditional-logic-opened .form_field.button_fields .input_container{
	display: block !important;
}

.form_canvas.conditional-logic-opened .edit_mask{
	display: none !important;
}

span.c_logic_field_type {
    position: absolute !important;
    left: 175px;
    z-index: 100000000;
    top: 1px;
    color: #666;
    padding: 9px 9px;
    width: 33px;
    border-radius: 13px;
    text-align: center;
    height: 31px;
    display: none;
}

.is_arrow span.c_logic_field_type{
	background: #0073aa;
	color: #b7e8fe;
}

.is_target span.c_logic_field_type {
    background: #0073aa;
    color: #b7e8fe;
    border-radius: 13px !important;
	left: 175px;
}

.is_target.is_arrow span.c_logic_field_type:before{
	background: #0073aa;
	border-color: #00;
	content: "";
	position: absolute;
	left: 0;
	width: 16px;
	height: 33px;
	top: -1px;
	border-radius: 4px 0px 0px 4px;
}

.html_image span.c_logic_field_type{
	/*border-radius: 4px 0px 6px 0px;
	border-right: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: #fff;*/
}

.form_canvas.conditional-logic-opened span.c_logic_field_type{
	display: block;
}

#nex-forms .form_canvas.conditional-logic-opened .is_panel .the_input_element,
#nex-forms .form_canvas.conditional-logic-opened .is_panel button.the_input_element.btn,
#nex-forms .form_canvas.conditional-logic-opened .is_panel button.the_input_element.btn:hover{
	width: 330px !important;
	left: 10px !important;
}

.form_canvas.conditional-logic-opened .is_panel .label_container{
	width: 330px !important;
	left: 25px !important;
}

.form_canvas.conditional-logic-opened .form_field.is_panel{
	width: 350px !important;
	left: 176px !important;
	margin-bottom: 0 !important;
}

.form_canvas.conditional-logic-opened .panel-default>.panel-heading {
    color: #666 !important;
    background-color: #f1f1f1 !important;
    border-color: #ddd !important;
    font-size: 12px !important;
    padding-left: 45px !important;
    height: 33px !important;
}

#nex-forms .form_canvas.conditional-logic-opened .is_panel .panel .panel-body{
	padding: 15px 0 0 0 !important;
}

#nex-forms .form_canvas.conditional-logic-opened .panel-body.the-panel-body{
	background: #f7f7f7;
}

#nex-forms .form_canvas.conditional-logic-opened .panel-default {
    border-color: #cfcfcf !important;
    /* background: #f9f9f9; */
    border-width: 1px !important;
}

#nex-forms .form_canvas.conditional-logic-opened .is_panel span.c_logic_field_type{
	left: 10px;
}

#nex-forms .form_canvas.conditional-logic-opened .is_panel > .c_logic_field_type{
	left: 0px !important;
	border-radius: 3px 0px 0px 0px;
}

#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.show-active-rule .label_container,
#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.show-active-rule .label_container .nf_title .the_label,
#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.show-active-rule .the_input_element,
#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.show-active-rule .panel-default>.panel-heading,
#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.over-connector .label_container,
#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.over-connector .label_container .nf_title .the_label,
#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.over-connector .the_input_element,
#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.over-connector .panel-default>.panel-heading{
	background: #0073aa !important;
	color: #fff !important;
	transition: all 0.2s;
	border-color: #0073aa !important;
}

#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.show-active-rule .c_logic_field_type,
#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.over-connector .c_logic_field_type{
	border-color: #ff9800 !important;
	transition: all 0.2s;
}

#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.show-active-rule .panel-default,
#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.over-connector .panel-default{
	border-color: #ff9800 !important;
}

.form_canvas.conditional-logic-opened .label_container {
    display: block !important;
    padding: 9px 10px 3px 40px;
    background: #f1f1f1;
    border-radius: 15px;
    width: 350px;
    border: 1px solid #ddd;
    left: 190px;
    position: relative;
    z-index: 10000000;
    min-height: 33px;
}

.form_canvas.conditional-logic-opened .html_image .input_container {
    width: 350px !important;
    left: 190px;
    background: #f1f1f1;
    padding: 10px 10px 10px 40px;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: flex !important;
    justify-content: center;
    text-align: center !important;
}

.form_canvas.conditional-logic-opened .is_panel .html_image .input_container{
	left: 25px;
	width: 330px !important;
}

#nex-forms .form_canvas.conditional-logic-opened .the_input_element, #nex-forms .form_canvas.conditional-logic-opened button.the_input_element.btn, #nex-forms .form_canvas.conditional-logic-opened button.the_input_element.btn:hover, #nex-forms .form_canvas.conditional-logic-opened .submit-button button.btn.btn-lg.col-sm-12 {
    color: #666 !important;
    background: #f1f1f1 !important;
    width: 350px !important;
    left: 175px !important;
    position: relative;
    padding: 8px 10px 8px 40px !important;
    text-align: left !important;
    font-size: 12px !important;
    border-radius: 15px !important;
    border: 1px solid #ddd !important;
    opacity: 1 !important;
    box-shadow: none !important;
    z-index: 10000000;
    text-align-last: left !important;
    overflow: hidden;
    float: left;
    min-height: 33px;
    /* display: flex; */
    /* align-items: center; */
}

#nex-forms .form_canvas.conditional-logic-opened .is_arrow .the_input_element, 
#nex-forms .form_canvas.conditional-logic-opened .is_arrow button.the_input_element.btn, 
#nex-forms .form_canvas.conditional-logic-opened .is_arrow button.the_input_element.btn:hover, 
#nex-forms .form_canvas.conditional-logic-opened .is_arrow .submit-button button.btn.btn-lg.col-sm-12,
#nex-forms .form_canvas.conditional-logic-opened .is_target .the_input_element, 
#nex-forms .form_canvas.conditional-logic-opened .is_target button.the_input_element.btn, 
#nex-forms .form_canvas.conditional-logic-opened .is_target button.the_input_element.btn:hover, 
#nex-forms .form_canvas.conditional-logic-opened .is_target .submit-button button.btn.btn-lg.col-sm-12{
	background: #fff !important;	
	border: 1px solid #0073aa;
}

.form_canvas.conditional-logic-opened .is_arrow .label_container,
.form_canvas.conditional-logic-opened .is_target .label_container{
	background: #fff !important;	
	border: 1px solid #0073aa;
}


#nex-forms .form_canvas.conditional-logic-opened button.the_input_element.btn,
#nex-forms .form_canvas.conditional-logic-opened button.the_input_element.btn:hover{
	height: 33px;
}

#nex-forms .form_canvas.conditional-logic-opened button.the_input_element.btn {
    color: #666 !important;
    background: #f1f1f1 !important;
}

#nex-forms .form_canvas.conditional-logic-opened .the_input_element *{
	font-size: 13px !important;
	color: #666  !important;
}

#nex-forms .form_canvas.conditional-logic-opened .input_container img{
	max-width: 100px !important;
	height: auto !important;
}
#nex-forms .form_canvas.conditional-logic-opened .icon_element {
    margin-left: -15px;
}
#nex-forms .form_canvas.conditional-logic-opened .the-image-container{
	width: 100px;
	height: auto !important;
}

#nex-forms .form_canvas.conditional-logic-opened .ui-wrapper{
	width: 100px;
	height: auto !important;
}

.form_canvas.conditional-logic-opened .label_container .sub-text{
	display: none !important;
}

#nex-forms .form_canvas.conditional-logic-opened .label_container .nf_title .the_label{
	font-size: 12px !important;
	font-weight: normal !important;
	color: #666  !important;
	margin: 0 !important;
	text-align: left !important;
	text-align-last: left !important;
}

#nex-forms .form_field .cl_arrow:hover,
#nex-forms .form_field .show-active-rule.cl_arrow{
	border-color: #555;
	border-radius: 5px 0 0 5px;
	transition: all 0.2s;
	margin-top: -2px;
}

.cl_arrow.step_rule{
	border-bottom: 0;
	border-bottom-left-radius: 0 !important;
}

.step_rule .target_action{
	right: unset;
	left: -11px;
}

.adv_target.avd_step_rule{
	border-top: none;
}

.cl_arrow{
	position: absolute;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	top: -70px;
	left: -140px;
	display: none;
	border-radius: 20px 0 0 20px;
	transition: all 0.2s;
}

.cl_target{
	position: absolute;
	display: none;
	height: 3px;
	background: #607d8b;
	top: -70px;
	left: -140px;
}

.target_action{
	position: absolute;
	bottom: -12px;
	right: 40px;
	width: 21px;
	height: 21px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 50px;
	background: #fff;
	color: #888;
	font-size: 12px;
	transition: all 0.2s;
}

#nex-forms .form_field .cl_arrow:hover .target_action,
#nex-forms .form_field .show-active-rule.cl_arrow .target_action{
	background: #555;
	border-color: #555;
	color: #fff;
	transition: all 0.3s;
}

.arrow_condition{
	position: sticky;
	text-align: right;
	background: #eee;
	border-radius: 4px;
	font-size: 11px;
	margin-left: -170px;
	top: 10%;
	width: 140px;
	display: none;
	transition: all 0.2s;
}

span.show_condition{
	background: #40c4ff;
	width: 100%;
	display: block;
	text-align: center;
	padding: 3px;
	text-transform: uppercase;
	font-size: 10px;
	border-radius: 4px 4px 0px 0px;
}

span.show_value{
	text-align: center;
	display: block;
	padding: 9px;
}

.arrow_condition:after{
	content: '';
	position: absolute;
	top: 10px;
	right: -30px;
	width: 30px;
	height: 2px;
	transition: all 0.2s;
	border-top: 1px dashed #555;
}

#nex-forms .form_field .cl_arrow:hover .arrow_condition,
#nex-forms .form_field .show-active-rule.cl_arrow .arrow_condition{
	background: #555;
	border-color: #555;
	color: #fff;
	transition: all 0.3s;
	display: block;
	box-shadow: 7px 7px 15px rgba(0,0,0,0.1);
}

#nex-forms .form_field .cl_arrow:hover .arrow_condition:after,
#nex-forms .form_field .show-active-rule.cl_arrow .arrow_condition:after{
	border-color: #555;
	transition: all 0.3s;
}

.arrow_end{
	position: absolute;
	bottom: -9px;
	right: 27px;
	color: #d1d1d1;
	font-size: 16px;
	opacity: 0;
	transition: all 0.2s;
	display: none !important;
}

.arrow_start{
	position: absolute;
	top: -11px;
	right: 48px;
	font-size: 21px;
	color: #d1d1d1;
	opacity: 1;
	transition: all 0.2s;
}

#nex-forms .form_field .cl_arrow:hover .arrow_end,
#nex-forms .form_field .cl_arrow:hover .arrow_start,
#nex-forms .form_field .show-active-rule.cl_arrow .arrow_end,
#nex-forms .form_field .show-active-rule.cl_arrow .arrow_start{
	color: #555;
	opacity: 1;
	transition: all 0.3s;
	z-index: 100000000;
}

.avd_arrow_condition{
	position: absolute;
	text-align: left;
	background: #eee;
	border-radius: 6px;
	font-size: 11px;
	border: 1px solid #ddd;
	display: none;
	transition: all 0.2s;
	right: -140px;
	width: 100px;
	top: -12px;
}

.avd_arrow_condition:before{
	content: '';
	position: absolute;
	top: 10px;
	left: -39px;
	width: 38px;
	height: 2px;
	transition: all 0.2s;
	border-top: 1px dashed #555;
}

.avd_target_action{
	position: absolute;
	bottom: 39px;
	right: 10px;
	width: 21px;
	height: 21px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ddd;
	border-radius: 20px;
	background: #fff;
	color: #888;
	font-size: 12px;
	transition: all 0.2s;
	z-index: 1000;
}

.form_canvas.conditional-logic-opened .auto-step span.c_logic_field_type{
	display: none;
}

.over-connector .avd_target_action{
	background: #555;
	border-color: #555;
	color: #fff;
	transition: all 0.3s;
}

.adv_rule_operator{
	position: absolute;
	right: 10px;
	background: #40c4ff;
	color: #fff;
	padding: 3px 0;
	font-size: 10px;
	border-radius: 10px;
	top: -8px;
	width: 37px;
	text-transform: uppercase;
	text-align: center;
	opacity: 0;
	transition: all 0.2s;
}

.over-connector .adv_rule_operator{
	opacity: 1;
	transition: all 0.3s;
}

.over-connector .avd_arrow_condition{
	background: #555;
	color: #fff;
	transition: all 0.3s;
	display: block;
}

.over-connector .avd_arrow_condition:before{
	border-color: #555;
	transition: all 0.3s;
}


.avd_arrows_connector.over-connector,
.avd_targets_connector.over-connector{
	background: #555;
	transition: all 0.3s;
}

.adv_arrow.over-connector,
.adv_target.over-connector{
	border-color: #555;
	z-index: 100000;
	transition: border-color 0.3s;
	margin-top: -2px;
}

.avd_connector.over-connector{
	border-color: #555;
	z-index: 100000;
	transition: border-color 0.2s;
}

.adv_arrow{
	border-top: 1px solid #ddd;
	top: -12px;
	position: absolute;
	display: none;
	height: 50px !important;
	transition: all 0.2s;
	width: 300px !important;
}

.adv_target{
	border-top: 1px solid #ddd;
	top: -12px;
	position: absolute;
	display: none;
	height: 50px !important;
	transition: all 0.2s;
}

.avd_arrows_connector,
.avd_targets_connector{
	background: #ddd;
	position: absolute;
	display: none;
	transition: all 0.2s;
}

.avd_connector{
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: absolute;
	border-radius: 0px 20px 20px 0px;
	display: none;
	z-index: 1000;
	transition: all 0.2s;
}

#nex-forms .form_canvas.conditional-logic-opened .align_center{
	text-align: left;
	text-align-last: left;
}

span.avd_arrow_start{
	position: absolute;
	right: 22px;
	top: -10px;
	font-size: 21px;
	color: #d1d1d1;
	transition: all 0.3s;
}

.over-connector span.avd_arrow_start{
	color: #555;
	transition: all 0.2s;
}

.form_canvas.conditional-logic-opened .cl_arrow,
.form_canvas.conditional-logic-opened .cl_target,
.form_canvas.conditional-logic-opened .adv_arrow,
.form_canvas.conditional-logic-opened .adv_target,
.form_canvas.conditional-logic-opened .avd_arrows_connector,
.form_canvas.conditional-logic-opened .avd_targets_connector,
.form_canvas.conditional-logic-opened .avd_connector{
	display: block;
}

.form_canvas.conditional-logic-opened #field_container{
	margin: 0 !important;
	padding: 0px 15px !important;
	background: none !important;
	top: 0 !important;
}
#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.is_arrow,
#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.is_target {
	opacity:1;
}
#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field{
	margin: 0 15px 15px 15px !important;
	top: 0 !important;
	z-index: unset !important;
	/*display:none;*/
	/*opacity:0.5;*/
}

#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .step{
	margin-left: 0px !important;
}

#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .is_panel .form_field{
	margin: 0 0 15px 0 !important;
}

.form_canvas.conditional-logic-opened .field_settings.grid,
.form_canvas.conditional-logic-opened .form_field.divider{
	display: none !important;
}

.form_canvas.conditional-logic-opened .grid_input_holder,
.form_canvas.conditional-logic-opened .form_field{
	width: 100% !important;
}

.form_canvas.conditional-logic-opened .grid-system .panel.grid-system{
	border: none !important;
}

#nex-forms .form_canvas.conditional-logic-opened .inner-canvas-container .grid-system .panel.grid-system{
	min-height: auto !important;
}

.form_canvas.conditional-logic-opened .inner-canvas-container .grid-system .panel-body{
	min-height: auto !important;
}

.form_canvas.conditional-logic-opened .grid_input_holder>.panel{
	padding-bottom: 0 !important;
}

#nex-forms .form_canvas.conditional-logic-opened .panel .panel-body{
	padding: 0 !important;
}

.form_canvas.conditional-logic-opened .form_field.grid{
	padding: 0 !important;
}

#nex-forms .form_canvas.conditional-logic-opened .form_field.grid.grid-system{
	margin: 0 !important;
}

#nex-forms .conditional-logic-ui .m_design .form_field:not(.material_field).has_prefix_icon .label_container.col-sm-12 span.the_label{
	left: 0;
}

#nex-forms .conditional-logic-ui .m_design .form_field:not(.material_field).name .label_container.col-sm-12 span.the_label,
#nex-forms .conditional-logic-ui .m_design .form_field:not(.material_field).surname .label_container.col-sm-12 span.the_label,
#nex-forms .conditional-logic-ui .m_design .form_field:not(.material_field).email .label_container.col-sm-12 span.the_label,
#nex-forms .conditional-logic-ui .m_design .form_field:not(.material_field).phone_number .label_container.col-sm-12 span.the_label,
#nex-forms .conditional-logic-ui .m_design .form_field:not(.material_field).url .label_container.col-sm-12 span.the_label,
#nex-forms .conditional-logic-ui .m_design .form_field:not(.material_field).text .label_container.col-sm-12 span.the_label,
#nex-forms .conditional-logic-ui .m_design .form_field:not(.material_field).textarea .label_container.col-sm-12 span.the_label,
#nex-forms .conditional-logic-ui .m_design .form_field:not(.material_field).Query .label_container.col-sm-12 span.the_label{
	top: 0px;
}

#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-xs-1,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-xs-2,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-xs-3,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-xs-4,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-xs-5,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-xs-6,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-xs-7,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-xs-8,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-xs-9,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-xs-10,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-xs-11,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-xs-12,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-sm-1,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-sm-2,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-sm-3,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-sm-4,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-sm-5,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-sm-6,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-sm-7,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-sm-8,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-sm-9,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-sm-10,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-sm-11,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-sm-12,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-md-1,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-md-2,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-md-3,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-md-4,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-md-5,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-md-6,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-md-7,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-md-8,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-md-9,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-md-10,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-md-11,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-md-12,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-lg-1,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-lg-2,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-lg-3,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-lg-4,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-lg-5,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-lg-6,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-lg-7,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-lg-8,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-lg-9,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-lg-10,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-lg-11,
#nex-forms .form_canvas.conditional-logic-opened .grid_row.row > .col-lg-12{
	min-height: auto !important;
}

#nex-forms .conditional-logic-ui .inner-canvas-container{
	margin: 0 !important;
	padding: 0 !important;
	top: 0 !important;
	width: 100% !important;
}

.conditional-logic-ui .form-canvas-area-mask {
    top: 0px;
    height: 56px;
    background: #e9e9e9;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    display: none;
}

.conditional-logic-ui .form-canvas-area .form_canvas{
	/*background: #f1f1f1;*/
	height: calc(100% - 0px);
	margin-top: -94px;
}

.conditional-logic-ui .canvas-tools{
	opacity: 0;
	visibility: hidden;
}

.conditional-logic-ui .preview-tools {
    position: absolute;
    top: 6px;
    display: none;
}

#nex-forms .form_canvas.conditional-logic-opened div.inner-canvas-container .form_field.step{
	display: block !important;
	z-index: unset !important;
	opacity:1;
}
#nex-forms .form_canvas.conditional-logic-opened .inner-form-canvas {
    width: 100%;
   /* display: flex;
    justify-content: center;*/
}
#nex-forms .form_canvas.conditional-logic-opened .inner-canvas-container .zero-clipboard{
	border-image: none !important;
	display: block !important;
	height: 35px;
	position: sticky;
	z-index: 0;
	margin: 0 -40px 0px -40px;
	border: none;
	top: -16px;
	right: -1px;
	background: none !important;
	margin-top: -17px;
	margin-left: -80px;
	box-shadow: none !important;
}

.conditional-logic-ui .inner-canvas-container .grid.step .panel .btn-clipboard .delete,
.conditional-logic-ui .inner-canvas-container .grid.step .panel .btn-clipboard .duplicate_field{
	display: none;
}

#nex-forms .conditional-logic-ui .inner-canvas-container .step .tab-pane{
	width: 105%;
}

#nex-forms .conditional-logic-ui .inner-canvas-container .step .tab-pane:hover{
	/*background: #f9f9f9;*/
}

.adv_target,
.adv_arrow{
	margin-right: 54px;
}

.is_panel .adv_target,
.is_panel .adv_arrow{
	margin-right: -20px !important;
}

.step .adv_target,
.step .adv_arrow{
	margin-right: -10px;
}

.step .is_panel .adv_target,
.step .is_panel .adv_arrow{
	margin-right: -20px;
}

input[name="conditional_value"],
select[name="field_condition"],
select[name="cla_field"]{
	border-left: none !important;
}

.con-logic-column.con_col .input-group-addon .fa{
	width: 8px !important;
}

.con-logic-column.con_col .input-group-addon{
	font-size: 10px;
	padding: 6px 3px 3px 3px;
	font-weight: bold;
	color: #555;
}

.rule_number {
    position: absolute;
    left: -13px;
    top: 7px;
    background: #40c4ff;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    color: #fff;
    border-radius: 50pc;
    /*cursor: pointer;*/
    font-weight: bold;
}

.show-active-rule .rule_number,
.over-connector .rule_number{
	background: #ff9800 !important;
}

.the_rule_conditions .input-group-addon:first-child{
	background: #0073aa !important;
	color: #b7e8fe !important;
	border-radius: 3px 0px 0px 3px;
}

.the_rule_actions .input-group-addon:first-child{
	background: #b7e8fe !important;
	color: #0073aa !important;
	border-radius: 3px 0px 0px 3px;
}

select[name="field_condition"]{
	min-width: 56px !important;
}

select[name="the_action"]{
	min-width: 43px !important;
}

.show_change_value span.fa{
	display: none;
}

.show_change_value span.cv_txt{
	display: block;
}

span.cv_txt{
	display: none;
}

.the_rule_actions .show_change_value_to .input-group-addon{
	background: #f2f2f2 !important;
	color: #555 !important;
	border-radius: 0 0 0 7px !important;
	border-top-width: 0px !important;
}

.input-group.show_change_value_to input{
	border-top: 0;
}

.input-group.show_change_value_to{
	margin-left: 117px;
}

.advanced_view .input-group.show_change_value_to{
	margin-left: 77px;
}

.nf_context_menu{
	position: sticky;
	z-index: 200000000;
	width: 250px;
	display: none;
	box-shadow: rgba(0, 0, 0, 0.2) 9px 9px 9px 4px;
	margin-bottom: 15px;
}

.nf_context_menu .cctm_head{
	background: rgba(0,0,0,0.2);
	padding: 10px;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 16px 0px;
	font-size: 11px;
	font-weight: bold;
}

.nf_context_menu li.sec_divider{
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin-top: 5px;
	margin-bottom: 5px;
	box-shadow: 8px 2px 6px rgba(0,0,0,0.2);
}

.nf_context_menu ul{
	margin: 0;
	overflow-x: auto;
	padding: 4px 0px;
}

.nf_context_menu li{
	padding: 0;
	margin: 0;
	text-transform: capitalize;
	display: block;
	white-space: nowrap;
}

.nf_context_menu li a{
	display: block;
	padding: 6px 10px;
	font-size: 12px;
}

.nf_context_menu.sim_edit ul li.overall-edit{
	display: none;
}

.nf_context_menu.sim_edit ul li.group-edit{
	display: block;
}

.nf_context_menu ul li.group-edit{
	display: none;
}

.nf_context_menu ul li .cm-item-text span{
	margin-right: 10px;
	margin-left: 10px;
}

.nf_context_menu li.disabled{
	opacity: 0.4;
	cursor: not-allowed !important;
}

.nf_context_menu li.disabled a{
	cursor: not-allowed !important;
}

span.kbsc{
	float: right;
	font-size: 11px;
}

.nf_context_menu.nf_context_menu_1 ul{
	margin: 0;
	padding: 12px 5px;
	min-height: 180px;
	overflow-x: auto;
	max-height: 60vh;
}

.nf_context_menu.nf_context_menu_1 li{
	display: inline-block !important;
	margin: 6px 4px !important;
}

.nf_context_menu.nf_context_menu_1 li a{
	display: block;
	padding: 3px 10px;
	font-size: 11px;
	background: #3ebcf5;
	color: #fff !important;
	border-radius: 20px;
	max-width: 210px;
	overflow: hidden;
}

.cp-container{
	width: auto;
	position: relative;
	box-sizing: border-box;
}

.cp-container .cp-transparency,
.cp-container .cp-swatches .cp-swatch{
	background: url(data:image/gif;base64,R0lGODlhBgAGAIABAMPDw////yH5BAEKAAEALAAAAAAGAAYAAAIKhIMGGMrs0pGgAAA7) repeat;
}

.cp-container .cp-slider,
.cp-container .cp-preview{
	width: auto;
	height: 26px;
	border: 1px solid #dadada;
	margin: 0 4px;
	margin-bottom: 5pt;
	position: relative;
}

.cp-container .cp-hsvpanel{
	width: auto;
	height: auto;
	border: none;
	margin-right: -6px;
}

.cp-container .cp-hsvpanel .cp-hsvpanel-sv,
.cp-container .cp-hsvpanel .cp-hsvpanel-h,
.cp-container .cp-hsvpanel .cp-hsvpanel-a{
	border: 1px solid #dadada;
	display: inline-block;
	position: relative;
	margin: 0 8px 0 4px;
}

.cp-container .cp-hsvpanel .cp-hsvpanel-sv{
	width: 122px;
	height: 122px;
	cursor: default;
}

.cp-container .cp-hsvpanel .cp-hsvpanel-h,
.cp-container .cp-hsvpanel .cp-hsvpanel-a{
	width: 30px;
	height: 122px;
	cursor: ns-resize;
}

.cp-container.cp-container-sm .cp-hsvpanel .cp-hsvpanel-h,
.cp-container.cp-container-sm .cp-hsvpanel .cp-hsvpanel-a{
	width: 27px;
}

.cp-container .cp-hsvpanel .cp-hsvpanel-h{
	background-image: linear-gradient(to bottom,#ff0000 0%,#ffff00 16.7%,#00ff00 33.3%,#00ffff 50%,#0000ff 66.7%,#ff00ff 83.3%,#ff0000 100%);
}

.cp-container .cp-hsvpanel .cp-hsvpanel-a span,
.cp-container .cp-hsvpanel .cp-hsvpanel-sv span{
	display: block;
	width: 100%;
	height: 100%;
}

.cp-container .cp-hsvpanel .cp-hsvpanel-sv span{
	background-image: linear-gradient(to top,rgb(0, 0, 0) 0%,rgba(0, 0, 0, 0) 100%),
    linear-gradient(to right,rgb(255, 255, 255) 0%,rgba(255, 255, 255, 0) 100%);
}

.cp-container .cp-slider{
	cursor: ew-resize;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cp-container .cp-preview{
	height: 39px;
}

.cp-container .cp-slider span,
.cp-container .cp-preview input{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-family: sans-serif;
	line-height: 26px;
	font-size: 14px;
}

.cp-container .cp-preview input{
	line-height: 39px;
	padding: 0;
	outline: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
	background: none;
}

.cp-container .cp-marker{
	position: absolute;
	display: block;
	width: 11px;
	height: 10px;
	margin-left: -5px;
	top: -2px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAMAAABVLlSxAAAAtFBMVEUAAAB1dXVsbGxwcHBqampoaGj+/v7r6+vw8PBmZmb6+vp/f39kZGTh4eGxsbHT09NlZWXX19dgYGBfX1/W1tb7+/vx8fHZ2dna2tqBgYFnZ2fg4ODe3t7j4+Pi4uL39/eampro6Ojl5eXy8vLt7e3p6emgoKCmpqatra1ra2v19fXm5ubz8/Pv7+9hYWFjY2N5eXlvb29zc3Ps7Ozd3d2ysrKCgoKDg4P9/f2zs7P4+Pj///83Bdu/AAAAAXRSTlMAQObYZgAAAGlJREFUeNo9ylcbgWAAhuG3ZZQoEkkhDe099P3//9Xg6j56Dh6cjkm623IsnTNIDsqlEsN1HBVI5evdDMtN0FOQKt14lWrArzLcnpZjvx9nshcA342jviO1hlHuTdlgVnzIt8VfNubiNwzmhAsoIAkssgAAAABJRU5ErkJggg==);
}

.cp-container .cp-hsvmarker-vertical{
	position: absolute;
	display: block;
	width: 10px;
	height: 11px;
	margin-top: -5px;
	right: -2px;
	top: 0;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAMAAABxsOwqAAAAbFBMVEUAAACysrLz8/NjY2Pw8PBmZmbe3t7////4+PiBgYHs7Oxra2t0dHSDg4Ozs7P9/f3p6enj4+Pa2trh4eFhYWFfX1/X19d5eXlvb2/7+/vm5ub19fXt7e2tra2mpqagoKCamprl5eXT09NwcHAw/sWYAAAAAXRSTlMAQObYZgAAAFtJREFUCNclzNsWQCAURdFDF1RIpZI7//+P6thP82GPBTjGiJtR8uL+Qcbztsa7LHVQPXFDAMLe1pu2nEA3NGNbi2QZQF9MRWKQXTXLSoUshQ6dic73CL+DUu8HF6YEcUMoNOYAAAAASUVORK5CYII=);
}

.cp-container .cp-marker-point{
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	margin-top: -5px;
	left: 0;
	top: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAALVBMVEX///8AAADX19d7e3t4eHhDQ0NnZ2dzc3NLS0tbW1tTU1POzs7AwMC0tLSoqKgWXydUAAAAAnRSTlN1ACTbQIsAAAA/SURBVAjXYxAUDBcUZBCUeOQIJNcyqAgySB4QZDJkyGYUFFBmMAKS2xiEFQR5JjIIOjHcAqoR0WsEkoKlgoIAHu8JgCiLy9kAAAAASUVORK5CYII=);
}

.cp-container.cp-unconvertible-cie-color .cp-slider.cp-cielightness .cp-marker,
.cp-container.cp-unconvertible-cie-color .cp-slider.cp-ciechroma .cp-marker,
.cp-container.cp-unconvertible-cie-color .cp-slider.cp-ciehue .cp-marker{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAMAAABVLlSxAAAAvVBMVEUAAADLy8u8vLzZ2dlgYGDe3t5sbGxoaGjr6+vb29tqamrCwsJmZmZkZGTW1tbExMTw8PDj4+Pa2tpfX1/z8/PU1NTp6enX19fg4OBwcHDc3NzJycn4+Pj7+/v6+vrd3d3h4eH+/v6lpaWmpqaampqgoKBlZWWzs7Orq6tra2uxsbGBgYF1dXVnZ2d/f3/T09PMzMxhYWFjY2P19fXv7+9vb2/l5eVzc3P////n5+eysrKDg4OCgoJ5eXnoAACu7h75AAAAAXRSTlMAQObYZgAAAG1JREFUeNo1ytsaQkAAReGdkpRKRUTofEANBoOY93+sfMp/tS4WNqM4mSvSdJztEJPFkETyJNUYEmMtzvhApfsQN89cCXxJ3WOD1yXfRlx3Cv8NPK+pZedFFaCVnQ+8rGp02Kl8fPDX3Nvs/YYvAnQLhiGwga0AAAAASUVORK5CYII=);
}

.cp-container .cp-swatches ul{
	width: auto;
	margin: -7px -7px 0 0;
	padding: 0;
	list-style-type: none;
}

.cp-container .cp-swatches li{
	float: left;
	margin: 7px 7px 0 0;
}

.cp-swatches button{
	float: left;
	margin: 7px 7px 0 0;
	width: 26px;
	height: 26px;
	display: inline-block;
	font-size: 12px;
	padding: 0;
}

.cp-container .cp-swatch{
	width: 26px;
	height: 26px;
	display: inline-block;
	cursor: pointer;
	border-color: #ccc;
	position: relative;
	overflow: hidden;
	outline: none;
	padding: 0;
}

.cp-container .cp-swatch span{
	display: block;
	width: 100%;

	height: 100%;
}

.cp-container .cp-swatches .cp-swatch.actual{
	border-color: #777;
	-webkit-box-shadow: 0 0 5px rgb(250, 128, 0);
	-moz-box-shadow: 0 0 5px rgb(250, 128, 0);
	box-shadow: 0 0 5px rgb(250, 128, 0);
}

.cp-popover-container .arrow{
	display: none !important;
}

.cp-popover-container .popover{
	max-width: 1000px;
}

.popover-content .cp-container{
	width: 263px;
}

.popover-content .cp-container.cp-container-sm{
	width: 208px;
}

.popover-content .cp-container.cp-container-sm .cp-swatch,
.popover-content .cp-container.cp-container-sm .cp-swatches button{
	width: 23px;
	height: 23px;
}

.popover-content .cp-container.cp-container-lg{
	width: 369px;
}

.popover-content .cp-container.cp-container-lg .cp-swatch,
.popover-content .cp-container.cp-container-lg .cp-swatches button{
	width: 27px;
	height: 27px;
}

.cp-container .cp-pills{
	display: inline-block;
	list-style-type: none;
	margin-bottom: 5px;
	padding: 0;
	font-size: 12px;
}

.cp-container .cp-pills li{
	display: inline-block;
	margin: 3px;
	padding: 3px 0;
}

.cp-container .cp-pills li a{
	padding: 5px;
	color: #000;
	text-decoration: none;
}

.cp-container .cp-pills li a:hover,
.cp-container .cp-pills li a.active{
	background-color: #02afff;
	color: #fff;
}

.cp-container.hsvpanel-active .cp-sliders,
.cp-container.hsvpanel-active .cp-swatches{
	display: none;
}

.cp-container.sliders-active .cp-hsvpanel,
.cp-container.sliders-active .cp-swatches{
	display: none;
}

.cp-container.swatches-active .cp-hsvpanel,
.cp-container.swatches-active .cp-sliders{
	display: none;
}

.cp-popover-container .cp-sliders,
.cp-popover-container .cp-hsvpanel{
	margin-top: 7px;
}

.form-control[readonly].sp-colorize,
input.form-control[readonly].sp-colorize{
	cursor: default !important;
}

.popover-content .cp-container.hsvpanel-active{
	width: 220px;
}

#nex-forms .inner-canvas-container.extra-settings .form_field.currently_editing:not(.moving)>.form_object{
	outline: 2px dotted #bed7e2 !important;
	outline-offset: 35px !important;
}

.tool-section .field.form_field.add_breadcrumb{
	width: 60px;
	height: 38px;
	background: #f1f1f1;
	position: relative;
	top: -4px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tool-section .field.form_field.add_breadcrumb i{
	font-size: 20px;
	padding: 1px 4px;
	border-radius: 3px;
}

.tool-section .field.form_field.add_breadcrumb i:hover{
	background: #40c4ff;
	color: #fff;
	cursor: pointer;
}

.overall-opened .bc_settings{
}

.bc_settings .label-text{
	font-size: 11px;
	margin-right: 12px;
	position: relative;
	top: -1px;
	white-space: nowrap;
}

.bc_settings.active{
	color: #40c4ff;
}

.bc_settings:hover{
	color: #40c4ff;
}

.bc_settings{
	position: absolute;
	top: -3px;
	cursor: pointer;
	font-size: 14px;
	background: #555;
	color: #ddd;
	border-radius: 20px;
	text-align: center;
	width: 0px;
	overflow: hidden;
	transition: width 0.1s ease 0s;
	z-index: 1000;
	white-space: nowrap;
	left: 2px;
}

.bc_settings .edit_breadcrumb{
	position: relative;
	padding: 3px 0px 3px 13px;
}

.bc-outer-container:hover .bc_settings{
	transition: all 0.15s ease 0s;
	width: 150px;
}

.timer_settings .label-text{
	font-size: 11px;
	margin-right: 12px;
	position: relative;
	top: -1px;
	white-space: nowrap;
}

.timer_settings.active{
	color: #40c4ff;
}

.timer_settings:hover{
	color: #40c4ff;
}

.timer_settings{
	position: absolute;
	top: -3px;
	cursor: pointer;
	font-size: 14px;
	background: #555;
	color: #ddd;
	border-radius: 20px;
	text-align: center;
	width: 0px;
	overflow: hidden;
	transition: width 0.1s ease 0s;
	z-index: 1000;
	white-space: nowrap;
	right: 2px;
}

.timer_settings .edit_timer{
	position: relative;
	padding: 3px 0px 3px 13px;
}

.timer-outer-container:hover .timer_settings{
	transition: all 0.15s ease 0s;
	width: 100px;
}

.hide_on_load{
	display: none !important;
}

.nf_ms_breadcrumb ul > li,
.nf_ms_breadcrumb ul > li a{
	cursor: pointer;
}

#selectable_area{
	border: 1px dotted rgb(41 121 255 / 100%);
	position: absolute;
	z-index: 100000000000000;
	background: rgb(41 121 255 / 17%);
}

.batch_edit{
	outline: 1px dotted rgba(41,121,255,1) !important;
	outline-offset: 0px !important;
	border: 14px solid rgb(225 236 255 / 0%) !important;
	background: rgb(225 236 255 / 40%) !important;
	transition: all 0.1s ease 0s;
}

.batch_edit_sim{
	outline: 1px solid #ff9800 !important;
}

.form-canvas-area  .inner-canvas-container .form_field.field-target{
	outline: 1px dotted #bed7e2;
	outline-offset: 10px;
}

#nex-forms .form_field.step .tab-pane.panel>.panel-body.step-target{
	outline: 2px dotted #8bc34a;
	outline-offset: 40px;
}

.form_field.batch_edit.currently_editing{
	background: none !important;
}

.form_canvas.overall-opened .form_field.batch_edit{
	outline: 1px dotted rgba(41,121,255,1) !important;
	outline-offset: 0px !important;
	border: 14px solid rgb(225 236 255 / 0%) !important;
	background: none !important;
	transition: all 0.1s ease 0s;
}

.ms-step-number{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #40c4ff;
	border-radius: 50%;
	color: #fff;
	position: relative;
	top: 10px;
	box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.1);
	font-weight: bold;
	left: -20px;
}

.ms-step-expand-wrapper{
	position: absolute;
	justify-content: center;
	align-items: center;
	width: 100%;
	display: flex;
}

.ms-step-expand{
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f2f2f2;
	border-radius: 50%;
	color: #747474;
	position: relative;
	bottom: -50px;
	box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.1);
	font-weight: bold;
	left: 3px;
	cursor: pointer !important;
}

.ms-step-expand span{
	transition: all 0.3s ease 0s;
}

.ms-step-expand.exanded span{
	transform: rotate(-180deg);
	transition: all 0.3s ease 0s;
}

.ms-step-number-wrapper{
	position: absolute;
}

.step-settings{
	margin-left: 20px !important;
	margin-top: 4px;
}

.step-settings .form-control{
	font-size: 12px;
	padding: 8px;
	height: 32px !important;
	color: #666;
}

.step-settings .btn{
	float: right;
	padding: 5px 8px;
	background: #ddd;
	margin-left: 4px;
	position: relative;
	right: 10px;
	top: 12px;
	border-radius: 3px;
	color: #777;
}

.step-settings .edit{
	display: none;
}

.step-settings small{
	color: #777;
	margin-bottom: 2px;
	display: block;
	margin-top: 2px;
}

.step-settings .btn:hover{
	background: #fff;
	cursor: pointer;
}

.step-settings .btn.delete:hover{
	background: #f44336;
	color: #fff;
}

.inner-canvas-container .ms-step-expand-wrapper{
	display: none;
}

.canvas-action-btn.overall-styling-btn.btn,
.canvas-action-btn.conditional-logic-btn.btn{
	display: none;
}

.settings_more_styling_options{
	float: left;
	position: relative;
	left: -28px;
}

.settings_more_styling_options .btn{
	background: #f1f1f1;
	position: relative;
	top: -18px;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	color: #666;
	cursor: pointer;
	transition: all 0.2s ease 0s;
}

.settings_more_styling_options span.fas.fa-paint-brush{
	font-size: 21px;
}

.settings_more_styling_options span.fas.fa-wrench{
	position: absolute;
	transform: rotate(-95deg);
	font-size: 21px;
	top: 6px;
	text-shadow: 0px 1px 0px #fff;
}

.settings_more_styling_options .btn:hover{
	background: #fff !important;
	transition: all 0.2s ease 0s;
}

.settings_more_styling_options .btn.active{
	background: #40C4FF !important;
	color: #fff !important;
	border-color: #40C4FF !important;
	transition: all 0.2s ease 0s;
}

.settings_more_styling_options .btn.active span.fas.fa-wrench{
	text-shadow: 0px 1px 0px #40C4FF;
}

#nex-forms .CodeMirror-sizer{
	margin-left: 40px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	margin-bottom: -8px !important;
	border-right-width: 22px !important;
	min-height: 188px !important;
}

#nex-forms .CodeMirror-gutter.CodeMirror-linenumbers{
	width: 36px !important;
}

#nex-forms .CodeMirror-gutters{
	left: 0 !important;
}

#nex-forms .CodeMirror {
    margin: 0px;
    /* border-top: 1px solid #ddd; */
    width: 100%;
    border-bottom: 1px solid #ddd;
    /* height: 100%; */
}

.CodeMirror-linenumber.CodeMirror-gutter-elt{
	width: 22px !important;
	margin-left: 3px;
	text-align: right;
}

button.btn.btn-default.waves-effect.text-btn{
	width: auto !important;
	padding: 3px 10px !important;
	border-radius: 4px !important;
	font-size: 11px;
}

.nf-admin .nex-forms-header .timer-outer-container{
	margin: -30px -5px 0 0;
	position: relative;
	padding-top: 30px;
}

.nf-admin  .bc-outer-container{
	position: relative;
	z-index: 1000;
	flex: 10;
	padding-top: 30px;
	margin-top: -30px;
}

.msg-editor-view .tool-spacer.form-editor,
.msg-editor-view .tool-spacer .button_fields,
.msg-editor-view .tool-spacer .math_logic,
.msg-editor-view .settings_form_theme,
.msg-editor-view .canvas-tools.multi-step-tools{
	display: none !important;
}

.msg-editor-view .width_bar{
	top: 197px;
}

.msg-editor-view .preview-tools{
	top: 58px;
}

.msg-editor-view .form-canvas-area-mask{
	top: 52px;
}

.fullscreen .msg-editor-view .width_bar {
    top: 161px;
}

#nex-forms .msg-editor-view .settings-column-style{
	top: 52px !important;
}

#nex-forms .inner-canvas-container.nex-forms-msg-container{
	min-height: 76px;
}

.inner-form-canvas,
.inner-msg-canvas{
	width: 100%;
}

#nex-forms .form-editor-view .msg-editor-only{
	display: none !important;
}

#nex-forms .msg-editor-view .form-editor-only{
	display: none !important;
}

.loader-type{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 9px;
	margin: -7px -12px;
}

.nf-loader-type{
	mix-blend-mode: color-dodge;
}

.nf-loader-container:hover,
.nf-loader-container.active{
	cursor: pointer;
	background: #4ab8e6;
	border-radius: 5px;
	transition: all 0.2s ease 0s;
}

.nf-loader-container.active{
}

.nf-loader-container{
	transform: scale(0.7,0.7);
	background: #e5e5e5;
	border-radius: 4px;
}

.loader-color button{
	margin-right: 5px !important;
	margin-bottom: 1px;
	margin-top: 5px;
}

.nf-loader-lds-ripple{
	top: 6px !important;
	left: 4px;
}

.settings-column-style .inner .loader-color .btn.md-btn.active:after{
	width: 12px;
	height: 12px;
}

.sp-container{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	*display: inline;
	*zoom: 1;
	z-index: 9999994;
	overflow: hidden;
	border-radius: 4px;
	background-color: #23282d;
	padding: 0;
	color: black;
	box-shadow: 0 0 0 1px rgba(99,114,130,.32), 0 8px 16px rgba(27,39,51,.16);
}

.sp-original-input-container{
	position: relative;
	display: inline-flex;
}

.sp-original-input-container input{
	margin: 0 !important;
}

.sp-original-input-container .sp-add-on{
	width: 40px;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

input.spectrum.with-add-on{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
}

.sp-original-input-container .sp-add-on .sp-colorize{
	height: 100%;
	width: 100%;
	border-radius: inherit;
}

.sp-colorize-container{
}

.sp-container.sp-flat{
	position: relative;
}

.sp-container,
.sp-container *{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.sp-top{
	position: relative;
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

.sp-top-inner{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.sp-color{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 20px !important;
}

.sp-hue{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 100%;
	left: initial !important;
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.sp-clear-enabled .sp-hue{
	top: 15%;
	height: 85%;
}

.sp-fill{
	padding-top: 80%;
}

.sp-sat,
.sp-val{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.sp-alpha-enabled .sp-top{
	margin-bottom: 28px !important;
}

.sp-alpha-enabled .sp-alpha{
	display: block;
}

.sp-alpha-handle{
	position: absolute;
	top: -3px;
	cursor: pointer;
	height: 16px;
	border-radius: 50%;
	width: 16px;
	margin-right: 5px;
	left: -2px;
	right: 0;
	background: #f9f9f9;
	box-shadow: 0 0 2px 0px #3a3a3a;
}

.sp-alpha{
	display: none;
	position: absolute;
	bottom: -18px;
	right: 0;
	left: 0;
	height: 10px;
}

.sp-alpha-inner{
	border-radius: 4px;
}

.sp-clear{
	display: none;
}

.sp-clear.sp-clear-display{
	background-position: center;
}

.sp-clear-enabled .sp-clear{
	display: block;
	position: absolute;
	top: 0px;
	right: -2px;
	bottom: 0;
	cursor: pointer;
	left: initial;
	height: 12px;
	color: #fff !important;
	width: 12px;
	background-color: #949494a1;
	padding: 8px 8px 7px 8px;
	border-radius: 2px;
}

.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button{
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container{
	display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container{
	display: none;
}

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{
	display: none;
}

.sp-palette-only .sp-picker-container{
	display: none;
}

.sp-palette-disabled .sp-palette-container{
	display: none;
}

.sp-initial-disabled .sp-initial{
	display: none;
}

.sp-sat{
	background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}

.sp-val{
	border-radius: 4px;
	background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-1{
	height: 17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}

.sp-2{
	height: 16%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}

.sp-3{
	height: 17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}

.sp-4{
	height: 17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}

.sp-5{
	height: 16%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}

.sp-6{
	height: 17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden{
	display: none !important;
}

.sp-cf:before,
.sp-cf:after{
	content: "";
	display: table;
}

.sp-cf:after{
	clear: both;
}

.sp-cf{
	*zoom: 1;
}

.sp-dragger{
	border-radius: 5px;
	height: 10px;
	width: 10px;
	border: 1px solid #fff;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 3px;
	margin-top: 3px;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2);
}

.sp-slider{
	position: absolute;
	top: 0;
	cursor: pointer;
	height: 16px;
	border-radius: 50%;
	width: 16px;
	left: -2px;
	background: #f9f9f9;
	box-shadow: 0 0 2px 0px #3a3a3a;
	margin-top: 8px;
}

.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear{
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.sp-color,
.sp-hue,
.sp-clear,
.sp-val,
.sp-sat{
	border-radius: 0px;
}

.sp-input-container{
	margin-top: -5px;
}

.sp-input-container.sp-cf,
.sp-initial.sp-thumb.sp-cf,
.sp-button-container.sp-cf{
	height: 25px;
}

.sp-picker-container .sp-cf{
	margin-bottom: 10px;
}

.sp-palette-row-initial > span:first-child{
	cursor: pointer;
}

.sp-initial-disabled  .sp-input-container{
	width: 100%;
}

.sp-input{
	padding: 0px 5px !important;
	margin: 0;
	width: 100%;
	box-shadow: inset 3px 3px 5px rgba(0,0,0,0.3) !important;
	height: 100% !important;
	background-color: #181b1f !important;
	color: #878a8d !important;
	border-radius: 2px !important;
	border: 1px solid #181b1f !important;
	text-align: center;
	font-family: monospace;
	font-size: inherit !important;
}

.sp-input:focus{
	border: 1px solid orange;
}

.sp-input.sp-validation-error{
	border: 1px solid red;
	background: #fdd;
}

.sp-picker-container,
.sp-palette-container{
	position: relative;
	padding: 10px;
}

.sp-picker-container{
	width: 200px;
	padding-bottom: 0;
}

.sp-palette-container{
	border-right: solid 1px rgba(0,0,0,0.2);
}

.sp-palette-only .sp-palette-container{
	border: 0;
}

.sp-palette .sp-thumb-el{
	display: block;
	position: relative;
	float: left;
	width: 16px;
	height: 16px;
	margin: 3px;
	cursor: pointer;
	border: none;
	border-radius: 5px;
}

.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active{
	border-color: orange;
}

.sp-thumb-el{
	position: relative;
}

.sp-initial{
	float: left;
}

.sp-initial span{
	width: 30px;
	height: 25px;
	border: none;
	display: block;
	float: left;
	margin: 0;
}

.sp-initial .spe-thumb-el.sp-thumb-active{
	border-radius: 0 5px 5px 0;
}

.sp-initial .spe-thumb-el{
	border-radius: 5px 0 0 5px;
}

.sp-initial .sp-clear-display{
	background-position: center;
}

.sp-button-container{
	float: right;
}

.sp-palette-button-container{
	margin-top: 10px;
	width: 30px;
	position: relative;
	float: right;
}

.sp-replacer{
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	border-radius: 3px;
	border: 1px solid #aaa;
	color: #666;
	transition: border-color .3s;
	vertical-align: middle;
	width: 3rem;
	height: 1.5rem;
}

.sp-replacer:hover,
.sp-replacer.sp-active{
	border: 1px solid #666;
	color: black;
}

.sp-replacer.sp-disabled{
	cursor: default;
	border-color: silver;
	color: silver;
}

.sp-dd{
	position: absolute;
	font-size: 10px;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0 2px;
	line-height: 1.6rem;
	background-color: white;
}

.sp-preview{
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	z-index: 0;
}

.sp-preview-inner{
	transition: background-color .2s;
}

.sp-preview-inner.sp-clear-display{
	display: none;
}

.sp-container button{
	border-radius: 3px;
	border: none;
	background: transparent;
	line-height: 1;
	padding: 0 8px;
	height: 25px;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #9fa1a2;
	font-weight: bold;
}

.sp-container button.sp-choose{
	background-color: #8bc34a;
	color: #fff;
	margin-left: 5px;
	position: absolute;
	bottom: 10px;
	right: 9px;
}

.sp-container button:hover{
	opacity: .8;
}

.sp-container button.sp-palette-toggle{
	width: 100%;
	background-color: #181b1f;
	margin: 0;
}

.sp-cf.sp-palette-row.sp-palette-row-selection{
	margin-top: 10px;
}

.sp-palette span:hover,
.sp-palette span.sp-thumb-active{
	border-color: #000;
}

button.sp-cancel{
	position: absolute;
	bottom: 10px;
	right: 50px;
	background: transparent !important;
}

.sp-preview,
.sp-alpha,
.sp-thumb-el{
	position: relative;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.sp-palette .sp-thumb-inner{
	border-radius: 3px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display{
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==);
}

#nex-forms span.ui-spinner a.ui-spinner-down:before{
	font-family: 'dashicons';
	content: "\f140";
	font-size: 17px;
	position: absolute;
	left: 0px;
	top: -4px;
	color: #888;
}

#nex-forms span.ui-spinner a.ui-spinner-up:before{
	font-family: 'dashicons';
	content: "\f142";
	font-size: 17px;
	position: absolute;
	left: 0px;
	top: -3px;
	color: #888;
}

li#wp-admin-bar-wpbeginner,
li#wp-admin-bar-wpbeginner:hover{
	background: #40c2fd !important;
	height: 33px !important;
}

a.fullscreen-demo-test-page{
	display: none;
	opacity: 0;
	position: absolute;
	z-index: 100000;
	left: 950px;
	background: #40c3fe;
	padding: 13px;
	color: #fff;
}

.fullscreen a.fullscreen-demo-test-page{
	display: block;
	opacity: 1;
	transition: all 0.3s ease 0;
}

a.fullscreen-demo-test-page:hover{
	background: #3cb6ed;
}

.inner-form-canvas .nf-loader-container.form_loader{
	text-align: center;
	background: none;
}

.inner-form-canvas .nf-loader-container.form_loader .nf-loader-lds-ellipsis div{
	top: -70px;
	width: 15px;
	height: 15px;
}

a.btn.waves-effect.waves-light.upgrade_pro{
	padding: 20px 20px 13px !important;
	opacity: 1 !important;
	color: #fff !important;
}

.column_icon.column_2{
	width: 50%;
}

.column_icons.column_icons_6{
	width: 38px;
}

.column_icons.column_icons_4{
	width: 28px;
}

.column_icon.column_2,
.column_icon.column_3,
.column_icon.column_4,
.column_icon.column_6{
	margin-right: 1px;
	margin-left: 1px;
}

.column_icons{
	padding: 3px;
	display: flex;
	align-items: center;
	width: 24px;
}

.column_icon{
	background: #666;
	width: 100%;
	height: 11px;
}

#nex-forms .col-badge:hover .column_icon{
	background: #fff !important;
}

div#paypal_integration{
	display: flex;
}

.paypal-setup-column.form-setup-column{
	display: flex;
	flex: 4;
	flex-direction: column;
}

.paypal-items-column{
	display: flex;
	flex-direction: column;
	flex: 5;
}

#nex-forms #paypal_integration.integration .material_box{
	border-radius: 0;
}

#nex-forms .tab-pane input::placeholder{
	color: #ccc !important;
}

#nex-forms .conditional_logic_wrapper {
    top: -1px !important;
    height: calc(100% + 2px) !important;
}
#nex-forms .grid-width-slider.ui-slider .ui-slider-handle:active,
#nex-forms .grid-width-slider.ui-slider .ui-slider-handle,
#nex-forms .grid-width-slider.ui-slider .ui-slider-handle:not(.noUi-handle):active,
#nex-forms .grid-width-slider.ui-slider .ui-slider-handle:focus,
#nex-forms .grid-width-slider.ui-slider .ui-slider-handle:not(.noUi-handle):focus {
    box-shadow: none !important;
    border: none !important;
    cursor: ew-resize !important;
}

#nex-forms .ui-spinner-disabled *, #nex-forms .ui-spinner-disabled input.form-control {
    cursor: not-allowed !important;
}
span.ui-spinner.ui-spinner-disabled.ui-state-disabled {
    opacity: 0.4;
    cursor: not-allowed !important;
}
@keyframes pulsate_1_animation{
	0%{
		transform: scale(1);
	}

	20%{
		transform: scale(1.08);
		opacity: 0.6;
	}

	40%{
		transform: scale(1.12);
		opacity: 0.3;
	}

	60%{
		transform: scale(1.20);
		opacity: 0;
	}

	100%{
		transform: scale(1.20);
		opacity: 0;
	}

}

@keyframes pulsate_2_animation{
	0%{
		transform: scale(1);
	}

	50%{
		transform: scale(1.07);
	}

	100%{
		transform: scale(1);
	}

}

@media (max-device-width: 480px){
	.sp-color{
		right: 40%;
	}

	.sp-hue{
		left: 63%;
	}

	.sp-fill{
		padding-top: 60%;
	}

}

@media (max-width: 1220px){
}

@media (max-width: 1300px){
	.tool-section.select-other-fields i{
		font-size: 15px;
		padding: 7px 5px;
		width: 24px !important;
	}

}

@media (max-width: 1440px){
	.canvas-tools.field-selection-tools .tool-label{
		display: none !important;
	}

	.fullscreen .canvas-tools.field-selection-tools .tool-label{
		display: block;
	}

	.fullscreen .tool-section.select-other-fields i{
		font-size: 14px;
		padding: 7px 5px;
	}

	.tool-section.select-other-fields i{
		font-size: 13px;
		padding: 7px 5px;
		width: 23px;
	}

	.col-badge{
		width: 18px;
	}

	.fullscreen .col-badge{
		width: 22px;
	}

	.inner-canvas-container{
		margin-bottom: 140px !important;
	}

	.outer-container{
		padding-bottom: 0px !important;
	}

	.form-canvas-area .form_canvas{
		padding-bottom: 0px !important;
	}

	.form-canvas-area .form_canvas.settings-opened,.form-canvas-area .form_canvas.overall-opened{
		padding-right: 50% !important;
		padding-left: 5% !important;
	}

	.form_canvas.settings-opened .width_bar{
		width: 43% !important;
	}

	.width_bar{
		width: 48% !important;
	}

	.fullscreen .form-canvas-area.split_view .width_bar{
		width: 43% !important;
	}

	.form-canvas-area.split_view .width_bar{
		width: 557px !important;
	}

	.fullscreen .overall-opened .width_bar{
		width: 48% !important;
	}

	.overall-opened .width_bar{
		width: 43% !important;
	}

	.folded .width_bar{
		width: 49% !important;
	}

	.fullscreen .width_bar{
		width: 53% !important;
	}

	.conditional-logic-opened .width_bar{
		width: 29% !important;
	}

	.folded .form_canvas.settings-opened .width_bar{
		width: 47% !important;
	}

	.fullscreen .form_canvas.settings-opened .width_bar{
		width: 48% !important;
	}

	.folded .conditional-logic-opened .width_bar{
		width: 36% !important;
	}

	.fullscreen .conditional-logic-opened .width_bar{
		width: 38% !important;
	}

	.form-canvas-area .form_canvas.conditional-logic-opened{
		width: 67% !important;
		padding-left: 9% !important;
		padding-right: 6% !important;
	}

	.adv_target,.adv_arrow{
		margin-right: -47px !important;
	}

	.step .adv_target,.step .adv_arrow{
		margin-right: -97px !important;
	}

	.conditional-logic-ui{
		height: calc(100%);
		left: 0;
		position: fixed;
		top: 0;
		width: 100% !important;
		z-index: 100000;
	}

	.conditional-logic-ui .form-canvas-area{
		width: 100% !important;
	}

	.conditional-logic-ui .icon-menu{
		left: 0;
	}

	.advanced_view .con-logic-column .col-xs-5{
		margin-left: 0px !important;
	}

	.con-logic-column .col-xs-5,.con-logic-column .col-xs-7{
		width: 100%;
	}

	.con-logic-column .col-xs-5{
		margin-left: 15px !important;
		margin-top: 7px;
		margin-bottom: 20px;
	}

	.the_rule_actions{
		width: 378px;
	}

	.input-group.show_change_value_to{
		margin-left: 165px;
	}

	.advanced_view .input-group.show_change_value_to{
		margin-left: 166px;
	}

	.advanced_view .the_rule_actions{
		width: 381px;
	}

	.advanced_view .the_rule_conditions{
		width: 381px;
	}

	button.add_action.advanced_options,button.add_condition.advanced_options{
		width: 381px !important;
	}

	.set_rules .panel-body{
		padding-left: 0 !important;
	}

	.conditional_logic_wrapper{
		width: 460px !important;
	}

	button.duplicate_simple_rule{
		right: -10px !important;
	}

	button.delete_simple_rule{
		right: -27px !important;
	}

}

@media (max-width: 1500px){
}

@media (max-width: 1390px){
	    .tool-section.select-other-fields i {
        font-size: 13px !important;
        padding: 7px 4px !important;
        width: 21px !important;
    }
}

@media (max-width: 1660px){
	.canvas-tools.field-selection-tools .tool-label{
		display: none;
	}

	.fullscreen .canvas-tools.field-selection-tools .tool-label{
		display: block;
	}

	.fullscreen .tool-section.select-other-fields i{
		font-size: 14px;
		padding: 7px 5px;
	}

	.tool-section.select-other-fields i{
		font-size: 14px;
		padding: 7px 6px;
		width: 25px;
	}

	.col-badge{
		width: 18px;
	}

	.fullscreen .col-badge{
		width: 22px;
	}

	.inner-canvas-container{
		margin-bottom: 140px !important;
	}

	    .conditional-logic-ui {
        height: calc(100%);
        /* left: 0; */
        position: fixed;
        /* top: 0; */
        width: 100% !important;
        z-index: 100000;
    }
.conditional_logic_wrapper.opened {
    right: 225px;
    transition: all 0.2s ease 0s;
}
.folded .conditional_logic_wrapper.opened {
    right: 102px;
    transition: all 0.2s ease 0s;
}
.fullscreen .conditional_logic_wrapper.opened {
    right: 66px;
    transition: all 0.2s ease 0s;
}
	.conditional-logic-ui .form-canvas-area{
		width: 100% !important;
	}

	.row.row_zero_margin {
    margin-left: 2px !important;
    margin-right: 0 !important;
}

}

@media (max-width: 1700px){
}

@media (max-width: 1800px){
}

@media (min-width: 1270px){
	.form-canvas-area .form_canvas.settings-opened,.form-canvas-area .form_canvas.overall-opened{
		padding-right: 465px;
	}

}

@media (min-width: 550px){
	.settings-column-style{
		min-width: 460px;
	}

	#nex-forms .tabs_nf .tab{
		-moz-box-flex: 0 !important;
		flex-grow: 0 !important;
	}

	.form-canvas-area .form_canvas.settings-opened,.form-canvas-area .form_canvas.overall-opened{
		padding-right: 465px;
	}

}

@media (min-width: 768px){
	.settings-column-style{
		min-width: 460px;
	}

	#nex-forms .tabs_nf .tab{
		-moz-box-flex: 0 !important;
		flex-grow: 0 !important;
	}

	.form-canvas-area .form_canvas.settings-opened,.form-canvas-area .form_canvas.overall-opened{
		padding-right: 465px;
	}

}

@media (min-width: 992px){
	.form-canvas-area .form_canvas.settings-opened,.form-canvas-area .form_canvas.overall-opened{
		padding-right: 465px;
	}

	#nex-forms .tabs_nf .tab{
		-moz-box-flex: 0.1 !important;
		flex-grow: 0.1 !important;
	}

}

@media only screen and (max-width: 10px){
	.placeholder{
		width: 10px;
	}

}


.outer-mp-wrapper {
    position: relative;
    background: #ffffff;
    max-width: 506px;
    margin: 0 auto;
    height: 270px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #ddd;
	margin-top: 15px;
}
.outer-mp-wrapper-2 {
    position: relative;
    background: #333;
    max-width: 506px;
    height: 270px;
    overflow: hidden;
}
.outer-mp-wrapper input {
    border: none;
    width: 43px;
    height: 29px;
    font-size: 11px !important;
    color: #555 !important;
    padding: 7px;
    /* text-align: center; */
    background: #ffffffad !important;
    border-radius: 3px;
}
.margin-wrapper {
    position: absolute;
    background: #ddeafd;
    width: 455px; /*436px*/
    height: 231px;
}
.center-wrapper {
    width: 209px;
    height: 33px;
    background: #ffffff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    z-index: 10000;
	color:#9e9e9e;
}

.border-wrapper {
    width: 348px;
    height: 143px;
    background: #ffffff;
    position: absolute;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    font-size: 11px;
}

.padding-wrapper {
    position: absolute;
    background: #c7ddff;
    width: 336px;
    height: 132px;
}
.margin-wrapper:hover,
.padding-wrapper:hover {
    background: #accee5;
    transition: all 0.2s ease 0s;
}
.m-label, .p-label, .b-label {
    position: absolute;
    top: 16px;
    left: 18px;
    font-size: 10px;
    background: #ebf3ff;
    padding: 1px 7px;
    border-radius: 3px;
}
.b-label {
    top: -3px;
    background: #fff;
    font-size: 9px;
    color: #9e9e9e;
    left: 144px;
    z-index: 100000;
    border-radius: 0;
}
.mp-s-label {
    position: absolute;
    font-size: 10px;
    /* font-weight: bold; */
    /* display: none; */
    color: #999;
}
.left-label {
    left: 4px;
    rotate: -90deg;
}
.bottom-label {
    bottom: 4px;
}
.right-label {
    right: 4px;
    rotate: 90deg;
}
.top-label {
    top: 4px;
}


.m-top {
    position: absolute;
    top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.m-bottom {
    position: absolute;
    bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.m-right {
    position: absolute;
    right: 5px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.m-left {
    position: absolute;
    left: 5px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.p-top {
    position: absolute;
    top: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.p-bottom {
    position: absolute;
    bottom: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.p-right {
    position: absolute;
    right: 10px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-left {
    position: absolute;
    left: 10px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}




.triangle.tri-top {
    position: absolute;
    width: 310px;
    height: 450px;
    border: 1px solid #666;
    rotate: 45deg;
    top: -322px;
    left: 66px;
    transform: skew(-13deg, -13deg);
}

.triangle.tri-bottom {
    position: absolute;
    width: 310px;
    height: 450px;
    border: 1px solid #666;
    rotate: 45deg;
    bottom: -326px;
    right: 65px;
    transform: skew(-13deg, -13deg);
}


.outer-mp-wrapper:before {
    content: '';
    width: 275px;
    height: 1px;
    background: rgb(51 51 51 / 11%);
    position: absolute;
    top: 38px;
    left: -88px;
    z-index: 1000;
    rotate: 39deg;
}


.outer-mp-wrapper:after {
    content: '';
    width: 275px;
    height: 1px;
    background: rgb(51 51 51 / 11%);
    position: absolute;
    top: 38px;
    right: -88px;
    z-index: 1000;
    rotate: 141deg;
}

.margin-wrapper:before {
    content: '';
    width: 257px;
    height: 1px;
    background: rgb(51 51 51 / 11%);
    position: absolute;
    bottom: 32px;
    left: -88px;
    z-index: 1000;
    rotate: -39deg;
}
.margin-wrapper:after {
    content: '';
    width: 257px;
    height: 1px;
    background: rgb(51 51 51 / 11%);
    position: absolute;
    bottom: 32px;
    right: -88px;
    z-index: 1000;
    rotate: 39deg;
}


.dash-left-col {
    flex: 2;
    background: #f8f9fa;
    margin-left: 0;
    position: fixed;
    border-inline-end: 1px solid #d3d3d3;
    height: 100%;
    z-index: 10;
    width: 66px;
    transition: width 0.15s, background 0.15s;
    overflow: hidden;
    padding-top: 14px;
}


.dash-left-col.opened{
	width:260px;
	transition:width 0.15s, background 0s;
	background:#fff;
	box-shadow:1px 1px 12px #dadce0;
	border-inline-end: none;
}
/*.opened .form-canvas-area,
.opened .form-canvas-area,
.opened .form_attr_settings_wrapper {
	width:calc(100% - 418px);
	transition:width 0.15s;
}*/
.dash-right-col {
    flex: 10;
    margin-left: 66px;
    padding-top: 30px;
	
}

.dash-left-col .aa_menu a {
    color: #5f6368;
    display: flex;
    border-radius: 35px;
    border-bottom: none !important;
    margin-bottom: 8px;
    align-items: center;
    /*justify-content: center;*/
    width: 50px;
    height: 50px;
    margin-left: 8px;
	transition:width 0.15s;
}

.dash-left-col.opened .aa_menu a {
    width: 392px;
	transition:width 0s;
}

.dash-left-col ul {
   /* position: sticky;
    top: 125px;*/
}
.dash-left-col.opened span.menu-text {
    display: inline-block;
}

span.menu-text{
	display:none;
	margin-left: 10px;
}

.dash-left-col span.top-icon {
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.dash-right-col.opened  {
    margin-left: 260px;
    transition: margin-left 0.15s ease 0s;
}
.dash-right-col {
    transition: margin-left 0.15s ease 0s;
}
a.sub-screen {
    margin-bottom: 4px;
}

input#form_padding {
    width: 54px !important;
    border-color: #ddd !important;
    outline: none !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    color: #777;
}

#nex-forms .form-canvas-area.dark .input-group input.set_form_width,
#nex-forms .form-canvas-area.dark input#form_padding {
    border-color: #222 !important;
    background: #333;
    color: #888;
}
/* Spin Buttons modified */
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    background: #f2f2f2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
    width: 15px;
    
    opacity: 0.8; /* shows Spin Buttons per default (Chrome >= 39) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
	cursor:pointer;
}
input[type="number"]::-webkit-inner-spin-button:hover,
input[type="number"]::-webkit-inner-spin-button:active{
    opacity: .8;
    background: #f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
	
}

#nex-forms .form-canvas-area.dark input[type="number"]::-webkit-outer-spin-button,
#nex-forms .form-canvas-area.dark input[type="number"]::-webkit-inner-spin-button{
    background: #444 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
	border-left: 1px solid #212121;
}
#nex-forms .form-canvas-area.dark input[type="number"]::-webkit-inner-spin-button:hover,
#nex-forms .form-canvas-area.dark input[type="number"]::-webkit-inner-spin-button:active{
    background: #222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
}


/*li.tab.save-menu-item:hover .menu-text {
    display: inline-block;
    font-size: 13px;
}*/

/*li.tab.save-menu-item:hover {
    width: 120px !important;
	transition:width 0.2s ease 0s !important;
}*/
span.top-icon.fas.fa-save,
span.top-icon.fas.fa-eye {
    top: 2px;
    position: relative;
}


.full_preview .dash-left-col,
.full_preview .menu_wrapper {
    display: none;
}
.full_preview .preview_canvas {
    height: calc(100% - 26px);
    z-index: 1000000000;
    position: fixed;
    top: 0;
    left: 0;
}
.full_preview .preview_settings .resposive_tests .fa-refresh {
    display: none;
}

.full_preview .show_form_preview {
    border-bottom-width: 25px;
    padding: 0;
}

.full_preview .show_form_preview body{
	 padding: 40px 20%;
}
.full_preview.p-full .show_form_preview {
    border-bottom-width: 25px;
    padding: 0;
	border:none;
}
.full_preview .preview_settings .resposive_tests i {
    font-size: 24px;
    margin-left: 7px;
    padding: 6px 19px;
    margin-top: -6px;
}
.preview-notice span {
    border: 1px solid #000;
    padding: 8px;
    border-radius: 3px;
}
.preview-notice {
    position: fixed;
    top: 90px;
    background: rgba(0, 0, 0, 0.6);
    padding: 20px;
    font-size: 16px;
    border-radius: 4px;
    color: #fff;
}

.preview-notice.closing{
	opacity:0;
	transition:opacity 1s ease 3s;
}

#nex-forms  .form-control:hover, 
#nex-forms  .form-control:focus {
    outline: none !important;
    transition: all 0s ease 0s !important;
    box-shadow: none !important;
    border-color: #ddd !important;
   /* background: #e8f0fe52;*/
}