@charset "utf-8";



/* CSS Document */



/**************************



		custom form builder styling start here



***********************************************/



#custom-form-builder {



  color: #333;



}



#custom-form-builder header {



  background: #012160;



  color: #FFF;



  padding: 30px 20px;



  position: relative;



  z-index: 1;



  border-radius: 12px 12px 0 0;



}



#custom-form-builder header .header-title {



  text-transform: uppercase;



  letter-spacing: 5px;



  margin: 0;



}



#custom-form-builder .form-builder-inner {



  position: relative;



  background: #FFF;



  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);



}



#custom-form-builder .form-builder-inner:before {



  background: url(../images/pattern.png);



  position: absolute;



  border-right: 1px dashed #e1e1e1;



  content: '';



  left: 0;



  top: 0;



  width: 370px;



  height: 100%;



}



#custom-form-builder .form-builder-inner .row {



  margin: 0 -7px;



}



#custom-form-builder .form-builder-inner .row [class*="col-"] {



  padding: 0 7px;



}



#custom-form-builder .form-builder-inner.active-editmode .create-form-name {



  display: none;



}



#custom-form-builder .form-builder-inner.active-editmode div.frm-control-items {



  opacity: 0;



  visibility: hidden;



}



#custom-form-builder .form-builder-inner.active-editmode .frm-control-outer.stick {



  overflow: visible !important;



  position: relative;



  max-width: 100%;



}



#custom-form-builder .frm-control-outer {



  padding: 0 20px 25px 20px;



  min-height: 540px;



  position: relative;



}



#custom-form-builder .frm-control {



  margin-bottom: 25px;



}



#custom-form-builder .frm-control > h4 {



  margin: 10px 0;



  display: block;



  font-weight: normal;



  font-size: 16px;



  font-weight: 500;



  color: #012160;



  text-align: center;



  position: relative;



  border: 0;



}



#custom-form-builder .frm-control > h4:after {



  height: 1px;



  background: #012160;



  width: 100%;



  position: absolute;



  top: 50%;



  opacity: 0.3;



  content: '';



  left: 0;



  right: 0;



}



#custom-form-builder .frm-control > h4 span {



  font-weight: 900;



  background: url(../images/pattern.png);



  padding: 0 10px;



  position: relative;



  z-index: 1;



}



#custom-form-builder .frm-control ul {



  margin: 0 -5px;



  padding: 0;



  list-style: none;



}



#custom-form-builder .frm-control ul li {



  width: 50%;



  padding: 5px;



  float: left;



  min-height: 44px;



  max-height: 44px;



}



#custom-form-builder .frm-control.other-options li {



  min-height: auto;



  max-height: 100%;



}



#custom-form-builder .frm-control ul li.disable {



  opacity: 0.7;



}



#custom-form-builder .frm-control ul li .element-name {



  padding: 4px 10px;



  font-size: 13px;



  cursor: pointer;



  line-height: 24px;



  border: 1px solid rgba(1, 33, 96, 0.2);



  box-shadow: 5px 10px 20px 0 rgba(1, 33, 96, 0.1) inset, 0 5px 15px 0 rgba(1, 33, 96, 0.15);



  background: #fff;



  border-radius: 8px;



  color: #000;



}



#custom-form-builder #setting_tab .frm-control ul li .element-name {



  box-shadow: none;



}



#custom-form-builder .frm-control ul li .fa {



  margin-right: 5px;



}



#custom-form-builder .frm-control-outer li.field-row {



  padding: 4px 10px;



  width: 300px;



  box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.25);



  font-size: 13px;



  border: 1px solid #ccdbf7;



  min-height: 30px;



  background-color: #fff;



  border-radius: 3px;



}



#custom-form-builder .frm-control-outer li.field-row .form-control, #custom-form-builder .frm-control-outer li.field-row .field-actions, #custom-form-builder .frm-control-outer li.field-row .edit-control, #custom-form-builder .frm-control-outer li.field-row .table.table-create, #custom-form-builder .frm-control-outer li.field-row .phone-field-wrap, #custom-form-builder .frm-control-outer li.field-row .questf-field-wrap, #custom-form-builder .frm-control-outer li.field-row .multi-input {



  display: none !important;



}



#custom-form-builder .frm-control-outer li.field-row * {



  font-size: 14px;



  font-weight: 600;



  white-space: nowrap;



  margin: 0;



}



#custom-form-builder .frm-control-outer li.field-row.separatorl, #custom-form-builder .frm-control-outer li.field-row.separators {



  padding-top: 15px;



}



#custom-form-builder .frm-control-outer li.field-row.page_break_pdf {



  background: url(../images/pagebreak.png) no-repeat center #fff;



}



#custom-form-builder .frm-builder-area {



  padding: 30px 15px 0 0;



  min-height: 500px;



  position: relative;



}



#custom-form-builder .empty-stage {



  margin: auto;



  position: absolute;



  left: 0;



  right: 0;



  max-width: 620px;



  top: 90px;



  background: #0092CF;



  padding: 20px;



  text-align: center; border-radius: 8px;



}



#custom-form-builder .empty-stage * {



  color: #fff;



  font-weight: normal;



  margin: 0;



}



#custom-form-builder .create-form-name {



  background: #ccdbf7;



  position: relative;



  z-index: 999;



  border-bottom: 1px solid #bccef3;



}



#custom-form-builder .create-form-name .form-name-input {



  padding: 15px 20px 20px 20px;



}



#custom-form-builder .create-form-name label {



  font-size: 12px;



  margin: 0;



  padding-left: 15px;



  font-weight: 600;



}



#custom-form-builder .create-form-name .form-control {



  height: 38px;



  color: #333;



  background: none;



  box-shadow: none;



  margin: 0;



  padding: 0 !important;



  font-size: 18px;



  border: 0 !important;



}



#custom-form-builder .create-form-name .input-wrap {



  position: relative;



  padding: 0 65px 0 15px;



  border-radius: 4px;



  background: rgba(255, 255, 255, 0.6);



}



#custom-form-builder .create-form-name .input-wrap.edit-frm-name {



  background: #fff;



}



#custom-form-builder .create-form-name .editfrmname {



  position: absolute;



  right: 10px;



  text-align: center;



  top: 50%;



  transform: translateY(-50%);



  color: #333;



  padding: 7px 10px;



}



.custom-form-wrap > ul.dragable {



  min-height: 250px;



  padding: 8px;



  padding-bottom: 70px;



  border: 2px solid #ececec;



  border-radius: 5px;



}



.custom-form-wrap > ul {



  margin: 0;



  padding: 0;



  list-style: none;



}



.custom-form-wrap > ul > li select.form-control {



  position: relative;



  z-index: 105;



}



.custom-form-wrap > ul > li.table .table ,.custom-form-wrap > ul > li.checklist .table {



  margin-bottom: 0;



}



.custom-form-wrap > ul > li {



  border: 1px solid transparent;



  border-radius: 4px;



  margin: 8px 0;



  width: 100% !important;



  max-width: 736px !important;



}



.custom-form-wrap > ul > li .toparea {



  position: relative;



  padding: 12px;



  padding-top: 9px;



}



.custom-form-wrap > ul > li.selected, .custom-form-wrap > ul > li:hover {



  border-color: #ccdbf7;



  background: url(../images/pattern.png);



}



.custom-form-wrap > ul > li.selected .field-actions, .custom-form-wrap > ul > li:hover .field-actions {



  display: block;



}



#custom_form_preview .custom_form_preview .field-row.checkbox .form-control.checkboxoption.input-inline {



    display: flex;



}







.custom-form-wrap ul li .move {



  position: absolute;



  left: 0;



  top: 0;



  width: 100%;



  height: 100%;



  z-index: 100;



  cursor: pointer;



}



.custom-form-wrap > ul > li .heading {



  margin: 0;



  font-weight: 700;



}



.custom-form-wrap > ul > li h1.heading {



  line-height: 30px;



  font-size: 28px;



}



.custom-form-wrap > ul > li h2.heading {



  line-height: 26px;



  font-size: 24px;



}



.custom-form-wrap > ul > li h3.heading {



  line-height: 22px;



  font-size: 20px;



}



.custom-form-wrap ul li.paragraph .classy-editor {



  display: none;



}



.custom-form-wrap ul li.paragraph .Editor-editor {



  background: #FFF;



}



.custom-form-wrap ul li.paragraph:not(.selected) .Editor-container, .custom-form-wrap ul li.paragraph.selected .paragraph-txt {



  display: none;



}



/*.custom-form-wrap ul li.paragraph.selected,































.custom-form-wrap ul li.table.selected,































.custom-form-wrap ul li.table:not(.ui-sortable-helper){ height:auto !important;}*/



.custom-form-wrap ul li.field-row:not(.ui-sortable-placeholder) {



  height: auto !important;



}



.custom-form-wrap ul li.paragraph .paragraph_internal_use {



  margin-top: 5px;



  display: none;



  position: relative;



  z-index: 105;



}



.custom-form-wrap ul li.paragraph .paragraph_internal_use input[type="checkbox"] {



  margin: 0 5px 0 0;



  height: auto;



}



.custom-form-wrap ul li.paragraph.selected .paragraph_internal_use {



  display: block;



}



.custom-form-wrap ul li.ui-draggable-dragging:not(.ui-sortable-helper), .custom-form-wrap ul li.ui-sortable-placeholder {



  visibility: visible !important;



  border: 1px solid #ddd;



  background: #f9f9f9;



}



.custom-form-wrap ul li.ui-draggable-dragging:not(.ui-sortable-helper) * {



  visibility: hidden !important;



  opacity: 0;



}



.custom-form-wrap ul li.paragraph.selected .toparea {



  padding-top: 20px;



}



.custom-form-wrap ul li.paragraph .Editor-container {



  margin-top: 0;



}



.custom-form-wrap ul li.paragraph .Editor-container, .custom-form-wrap ul li.paragraph .prev-field.paragraph, .custom-form-wrap ul li.table #table-create , .custom-form-wrap ul li.checklist #table-create,.custom-form-wrap ul li.radio-btn-table .horz-scroll {



  position: relative;



  z-index: 105;



}



.custom-form-wrap > ul > li .item-checkbox, .custom-form-wrap > ul > li .item-radio {



  display: block;



  position: relative;



  margin-top: 2px;



  padding-left: 20px;



  font-size: 13px;



}



.custom-form-wrap > ul > li .item-checkbox input[type="checkbox"], .custom-form-wrap > ul > li .item-radio input[type="radio"] {



  position: absolute;



  left: 0;



  top: 0px;



}



.custom-form-wrap > ul > li.page_break_pdf .prev-field.page_break_msg {



  background: url(../images/pagebreak.png) no-repeat 0 10px;



  height: 20px;



}



.custom-form-wrap > ul > li .signature-area-wrap {



  min-height: 125px;



  border: 1px solid #ccc; /*border-top:2px solid #aaa;*/ line-height: 0;



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);



  border-radius: 4px;



  width: 100%;



  background: #FFFFFF;



  max-width: 500px;



  display: inline-block;



}



.custom-form-wrap ul li.field-row.coloredbg_active .heading {



  color: #fff;



}



#custom-form-builder label {



  display: block;



  margin-bottom: 0;



  font-size: 14px;



  font-weight: normal;



  min-height: 20px;
color: #2b2a2a;


}

#custom-form-builder label.radio-inline.mpq {

    display: flex;

    align-items: center;

    margin: 5px 0;

}

#custom-form-builder label + label {



  margin-left: 0;



}



#custom-form-builder .form-group.multiple-choice-wrap label {



  display: inline-block;



}



#custom-form-builder .colored-radio label {



  display: inline-block;



  border-radius: 50%;



}



#custom-form-builder [data-id="multiplefield_1"] label {



  display: inline-block;



}



#custom-form-builder [data-id="multiplefield_2"] label {



  display: inline-block;



}



#custom-form-builder [data-id="multiplefield_3"] label {



  display: inline-block;



}



#custom-form-builder .checkoption.multi-input.input-inline label + label {



    margin-left: 20px;



}







/*#custom-form-builder .field-row.multi-input-wrap .checkoption.multi-input.input-inline { display: flex;}

#custom-form-builder .field-row.multi-input-wrap .radiooption.multi-input.input-inline {display: flex;}*/

#custom-form-builder .field-row.multi-input-wrap .checkoption.multi-input.input-inline label{display: inline-block;}

#custom-form-builder .field-row.multi-input-wrap .radiooption.multi-input.input-inline label{display: inline-block;}

#custom-form-builder .field-row.multi-input-wrap .radiooption.multi-input.input-inline label + label {

    margin-left: 20px;

}

#custom-form-builder .form-control {



  box-shadow: none;



  margin: 0;



  border: 1px solid #ccc; /*border-top:2px solid #aaa;*/ padding: 2px 10px;



  height: 34px;



}



#custom-form-builder textarea.form-control {



  height: 70px;



}



#custom-form-builder .upload-files-wrap {



  pointer-events: none;



  margin: 10px 0;



}



/*field action8*/



.custom-form-wrap .field-actions {



  position: absolute;



  right: 20px;



  height: 23px;



  border: 1px solid #ccdbf7;



  top: -10px;



  background: #fff;



  line-height: 16px;



  border-radius: 25px;



  display: none; z-index: 9999;



}



.custom-form-wrap .field-actions .action-button {



  font-size: 10px;



  padding: 0 10px;



  display: inline-block;



  vertical-align: middle;



}

.custom-form-wrap .field-actions .action-button.copy-button {

    border-right: 1px solid #ccdbf7;

    position: relative;

    z-index: 105;

}

.custom-form-wrap .field-actions .action-button.del-button {



  color: #c00000;



  border-right: 1px solid #ccdbf7;



  position: relative;



  z-index: 105;



}



.custom-form-wrap .field-actions .action-button.duplicate-button {



  color: #012160;



  border-right: 1px solid #ccdbf7;



  position: relative;



  z-index: 105;



}



.custom-form-wrap .field-actions .action-button.drag-button {



  color: #012160;



}



#custom-form-builder .frm-control-outer.stick .control-edit-wraper .edit-control.edit-active {



  position: fixed;



}



.edit-control hr {



  margin: 10px auto;



}



.edit-control {



  display: none;



}



.control-edit-wraper .edit-control .field-option {



  color: #2b2a2a;



  padding: 25px;



  max-height: 550px;



  overflow: hidden;



  overflow-y: auto;



  border-radius: 18px;



  background: #c0cfef;



}

a.drag-field.drag-button{color: #2b2a2a;}

.control-edit-wraper .edit-control .field-option .form-group {



  margin-bottom: 10px;



}

.form-group.multiple-choice-wrap {

    text-align: center;

}

.control-edit-wraper .edit-control.edit-active {



  position: absolute;



  z-index: 99;



  top: 25px;



  width: 330px;



  display: block;



}



.control-edit-wraper .edit-control .close-options {



  border-radius: 25px;



  text-decoration: none;



  background: #c00000;



  color: #fff;



  font-weight: 600;



  position: absolute;



  right: 0;



  bottom: -10px;



  font-size: 11px;



  padding: 2px 10px;



  width: 100px;



  outline: none;



  text-align: center;



  left: 0;



  margin: auto;



  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.25);



}



.control-edit-wraper .edit-control .control-header {



  margin: 0 0 5px 20px;



  font-size: 16px;



  font-weight: 600;



  color: #0092CF;



}



/*#multiple-choice.edit-control .edit-control.innerstyle{position:static !important; max-width:100%; border-top:1px solid #fff; padding-top:7px;}































.control-edit-wraper #multiple-choice.edit-control .edit-control.innerstyle .field-option{padding:0; max-height:none; border-radius:0;}*/



.control-edit-wraper .edit-control .alignbtn, .control-edit-wraper .edit-control .aligsig, .control-edit-wraper .edit-control .alignbttn {



  width: 30px;



  height: 24px;



  display: inline-block;



  vertical-align: middle;



  text-align: center;



  line-height: 24px;



  cursor: pointer;



  opacity: 0.75;



  border-radius: 4px;



  margin: 4px 8px 4px 0;



  background: #FFF;



  color: #333;



}



.control-edit-wraper .edit-control .alignbtn:hover, .control-edit-wraper .edit-control .aligsig:hover, .control-edit-wraper .edit-control .alignbttn:hover {



  opacity: 0.9;



}



.control-edit-wraper .edit-control .aactive {



  color: #c00000;



}



.custom-form-wrap > ul > li.separatorl .toparea, .custom-form-wrap > ul > li.separators .toparea, .custom-form-wrap > ul > li.line .toparea {



  padding-bottom: 5px;



}



.custom-form-wrap ul li hr {



  margin-top: 15px;



  margin-bottom: 15px;



}



hr.seprator_line {



  border-color: #bbb;



}



hr.seprator_small_line {



  border-color: #bbb;



  width: 150px;



  margin-left: 0;



  margin-right: 0;



}



hr.seprator_small_line.center, hr.seprator_small_line.text-center {



  margin-left: auto !important;



  margin-right: auto !important;



}



.custom-form-wrap ul li.signature .prev-field.signature_prev {}



/*new signature css*/



.signature-wrap {



  position: relative;



  width: 100%;



  max-width: 500px;



  display: inline-block;



}



.signature-wrap .signature-area {



  border: 1px solid #ccc; /*border-top:2px solid #aaa;*/ line-height: 0;



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);



  border-radius: 4px;



}



.signature-wrap .signature-area canvas {



  border-radius: 4px;



}



.signature-wrap input[value='Undo last stroke'] {



  left: auto !important;



  line-height: normal;



  right: 1px !important;



  top: 0 !important;



  padding: 3px 10px;



  display: block;



  background: #eee;



  color: #444;



  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2) inset;



  border-radius: 4px;



  border: 0;



  outline: none;



  font-size: 10px;



  font-weight: 600;



}



.signature-wrap .sign_prev {



  display: none;



}



.signature-wrap .signature-area.drawInactive {



  pointer-events: none !important;



  opacity: 0.4;



}



.signature-wrap .sign-display {



  min-height: 100px;



  text-align: center;



  display: block;



  border: 1px solid #ccc;



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);



  padding: 10px;



  border-radius: 4px;



}



.prev-field .req {



  display: none;



}



.req {



  color: #F00;



}



#custom-form-builder .field-row.multi-input-wrap .multi-input .req.show_star {



  display: none;



}



.prev-field .req.show_star {



  display: inline;



}



span.signature_required {



  color: red !important;



}



.frm-holder.style-one.custom_form_preview li .prev-field label {



  display: inline-block;



  font-weight: 400;



}



.frm-builder-area .hide_form {



  text-align: right;



}



.frm-builder-area .hide_form input.hide-check-box {



  margin: 5px 0 0 5px;



}



.custom-form-wrap .field-option .input-wrap.createtable .btn {



  margin-right: 10px;



}



.sigPad .sig.sigWrapper {



  border-bottom: 0;



}



.sigPad .sig.sigWrapper .typed {



  border-bottom: 1px solid #ccc;



}



.custom-form-wrap ul li.paragraph blockquote {



  font-size: 14px;



}



.custom-form-wrap ul li.paragraph input {



  font-size: 14px;



  border: 1px solid #ccc;



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);



  border-radius: 4px;



  height: 22px;



  line-height: normal !important;



  margin: 0 2px;



  padding: 0 6px;



  max-width: 100%;



}



.custom-form-wrap ul li.paragraph .h-signature {



  font-family: VladimirScriptRegular !important;



  font-size: 24px !important;



}



.phone-field-wrap {



  max-width: 400px;



  font-size: 32px;



  line-height: 26px;



}



.phone-field-wrap .phone-field-wrap {



  display: inline-block;



}



.phone-field-wrap .form-control {



  margin-bottom: 0;



  padding: 2px 6px;



  height: 34px;



  font-size: 14px;



  display: inline-block;



  text-align: center;



  vertical-align: middle;



}



.phone-field-wrap .form-control.field0 {



  width: 54px;



  margin-right:4px !important;



}



.phone-field-wrap .form-control.field1 {



  width: 54px;



  margin-right: 4px;



}



.phone-field-wrap .form-control.field2 {



  width: 54px;



  margin-left: 4px;



  margin-right: 4px;



}



.phone-field-wrap .form-control.field3 {



  width: 64px;



  margin-left: 4px;



}



.table.para-table > tbody > tr > td {



  border: 1px solid #999;



}



.custom-form-wrap .prev-field > ul li, .Editor-container .Editor-editor ul li {



  list-style: disc;



}



.custom-form-wrap .prev-field > ol li, .Editor-container .Editor-editor ol li {



  list-style: inherit;



}



.frm-builder-area ul.dragable li ol li {



  list-style: inherit;



}



.frm-builder-area ul.dragable li ul li {



  list-style: disc;



}



.custom-form-wrap .field-option {



  position: relative;



  display: none;



  background: #f9f9f9;



  border: 4px solid #fff;



  padding: 10px 20px 40px 20px;



}



.custom-form-wrap .field-option label {



  float: left;



  width: 20%;



  padding-top: 7px;



  text-align: right;



}



.custom-form-wrap .field-option .input-wrap {



  float: left;



  width: 78%;



  margin-left: 2%;



}



.custom-form-wrap .field-option .input-wrap .required-true {



  margin-top: 10px;



}



.custom-form-wrap .field-option .close-options {



  width: 100px;



  text-align: center;



  position: absolute;



  background: #c00000;



  border: 1px solid #c00000;



  border-radius: 5px;



  left: 0;



  right: 0;



  bottom: 10px;



  margin: auto;



  color: #fff;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 2px;



  font-size: 10px;



  padding: 4px 10px;



}



.custom-form-wrap .questf-field-wrap .sub-que {



  display: none;



}



ul.dragable li {



  list-style: none;



}



.frm-holder.custom_form_preview input[type="submit"] {



  width: auto;



  float: right;



  padding: 10px 20px;



}



.frm-holder.style-one.custom_form_preview li {



  margin-bottom: 15px;



}



.prev-field.prev_heading h4 {



  margin-top: 30px;



}



/*.paragraph_input{ margin-bottom:5px; width:25%; border:1px solid #ccc; box-shadow:inset 0 1px 1px rgba(0,0,0,.075); border-radius: 4px;}*/



.paragraph_input {



  border: 1px solid #ccc;



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);



  border-radius: 4px;



  height: 22px;



  line-height: normal !important;



  margin: 0 2px;



  padding: 0 6px;



  max-width: 100%;



}



.frm-holder.custom_form_preview form#custom_form_preview .prev-field.paragraph {



  font-size: 15px;



}



.frm-holder.custom_form_preview form#custom_form_preview table.table-create td, .frm-holder.custom_form_preview form#custom_form_preview table.table-create th {



  padding: 3px 10px;



}



.save-frm-wrap {



  padding: 30px 0;



  text-align: center;



}



.save-frm-wrap .save-form, .save-frm-wrap .cancle-form {



  border: 1px solid rgba(60, 66, 87, 0.16);



  background: #fff;



  color: #616161;



  padding: 10px 20px;



  height: 50px;



  min-width: 165px;



  border-radius: 6px;



  outline: none;

font-weight: 600;

  font-size: 16px;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.12) 0px 2px 5px 0px !important;



}


.save-frm-wrap .cancle-form {



  background: #fff;



  margin-left: 10px;



}
.save-frm-wrap .save-form:hover, .save-frm-wrap .cancle-form:hover{
    color: #333;
    background-color: #fff;
    border-color: rgba(60, 66, 87, 0.16);
    outline: none;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.32) 0px 2px 5px 0px !important;
}



.control-edit-wraper .edit-control .multiple-options {



  border: 1px solid #ccdbf7;



  background: #fff;



  border-radius: 4px;



}



.control-edit-wraper .edit-control .multiple-options .multi-row {



  padding: 5px 10px;



  position: relative;



}



.control-edit-wraper .edit-control .multiple-options .multi-row + .multi-row {



  border-top: 1px dashed #ccdbf7;



}



.control-edit-wraper .edit-control .multiple-options .multi-row .remove-row {



  width: 20px;



  height: 20px;



  color: #FFF;



  line-height: 18px;



  display: inline-block;



  background: #c00000;



  border-radius: 5px;



  text-align: center;



  position: absolute;



  right: 16px;



  font-size: 12px;



  top: 9px;



  opacity: 0.8;



  text-decoration: none;



}



.control-edit-wraper .edit-control .multiple-options .form-control {



  height: 28px !important;



  padding-right: 40px !important;



}



.control-edit-wraper .edit-control .add-more-option, .control-edit-wraper .edit-control .add-new-option {



  text-transform: uppercase;



  font-weight: 700;



  display: block;



  text-align: center;



  font-size: 12px;



  width: 140px;



  margin: 5px auto 0 auto;



  color: #fff;



  padding: 4px 8px;



  text-decoration: none;



}



.custom-form-wrap .col-header {



  font-weight: bold;



}



.custom-form-wrap .prev-field .sigPrev {



  color: #145394;



  display: none;



  cursor: default;



  font-family: journal;



  font-size: 26px;



  padding: 0 5px;



  white-space: nowrap;



}



.custom-form-wrap .prev-field.prev_heading h4 {



  margin: 0;



}



form#custom_form_preview .table-create th .col-header {



  border: 0;



  outline: none;



  background: none;



}



form#custom_form_preview header {



  position: relative;



}



form#custom_form_preview header .comp-logo {



  position: absolute;



  right: 0;



  top: 0;



  z-index: 1;



}



form#custom_form_preview header .comp-logo img {



  max-width: 135px;



  border-radius: 10px;



}



form#custom_form_preview header.has_logo {



  height: 110px;



  padding-right: 160px;



}



.hide_form .input-wrap {



  display: inline-block;



  vertical-align: middle;



  padding: 0 5px;



}



.hide_form .input-wrap .alignform {



  padding: 0 10px;



}



form#custom_form_preview ul.dragable li.field-row ul li {



  list-style: disc;



  margin-bottom: 0;



}



form#custom_form_preview ul.dragable li.field-row ol li {



  list-style: inherit;



  margin-bottom: 0;



}



form#custom_form_preview ul.dragable {



  margin: 0;



  padding: 0;



}



.horz-scroll {



  overflow: hidden;



  overflow-x: auto;



}



.table-create.table {



  table-layout: fixed;



}



.table-create.table td {



  width: 100px;



}



@media screen and (min-width:768px) {



  .table-create label {



    display: none !important;



  }



}



.table-create input[type="text"] {



  min-width: 135px;



  width: 100%;



}



.custom-form-wrap div.form-control:not(.paraEditor) {



  border: 0;



  height: auto;



  padding: 0;



}



.custom-form-wrap .paraEditor {



  height: 150px;



  overflow-y: auto;



}



.form-control.checkoption, .form-control.radiooption {



  height: auto;



}



.sigPad {



  float: none !important;



  width: 660px !important;



}



.sig_iner {



  float: left;



  width: 40%;



  padding-right: 25px;



  position: relative;



}



.sigWrapper {



  float: left;



  position: relative;



  min-height: 70px;



  border-bottom: solid 1px #ccc;



}



.pad {



  float: left;



}



.typeItDesc, .drawItDesc {



  margin: 0 !important;



  padding: 0 !important;



  color: #000000;



  font-weight: bold;



}



.sign {



  top: 0;



  left: 0;



}



.typed {



  color: #145394;



  cursor: default;



  font-family: VladimirScriptRegular;



  font-size: 28px;



  padding: 0 5px;



  white-space: nowrap;



  min-height: 50px;



}



#custom_form_preview li.signature .prev-field > label {



  display: none;



}



.sigPad {



  width: auto !important;



}



.sigPad .sig_iner, .sigPad .sig.sigWrapper {



  float: none;



  display: inline-block;



  vertical-align: top;



  text-align: left;



}



.sigPad .sig_iner label {



  font-weight: bold;



  color: #000;



}



.sigPad.signature-right {



  text-align: right;



}



.sigPad.signature-center {



  text-align: center;



}



.sigPad .txtfield.sign {



  font-size: 15px;



}



ul.dragable li.signature:after {



  clear: both;



  content: '';



  display: table;



}



#custom_form_preview.only_view_frm .sigPad span {



  display: none;



}



#custom_form_preview.only_view_frm .sig_iner {



  width: auto;



}



#custom_form_preview.only_view_frm .sig_iner .txtfield.sign {



  padding: 0;



  width: auto;



  height: auto;



  background: none;



  outline: none;



  border: 0;



  text-align: left;



  padding-left: 10px;



}



#custom_form_preview.only_view_frm .sig_iner label {



  font-weight: bold;



  color: #000;



}



#custom_form_preview.only_view_frm .sigPad .typed {



  display: inline-block;



}



#custom_form_preview.only_view_frm .sigPad .typeItDesc {



  display: inline;



}



#custom_form_preview.only_view_frm .typed {



  min-height: 0;



}



.frm-control-outer.acceeded_form_field {



  cursor: not-allowed;



  pointer-events: none;



  opacity: 0.6;



}



.custom-form-wrap .field-option .input-wrap.date-format {



  margin-top: 5px;



}



.custom-form-wrap .field-option .input-wrap .mr_right {



  margin-right: 15px;



}



.custom-form-wrap .field-option .input-wrap .mr_right input {



  margin-right: 3px;



}



#custom-form-builder .form-control.datefield {



  padding: 2px 10px;



  margin: 0;



  min-height: 34px;



  border-top-color: #aaa !important;



  box-shadow: none !important;



  position: relative;



  z-index: 1000;



}



h4.section-title.text-left {



  text-align: left;



}



h4.section-title.text-left:after {



  left: 0;



  right: auto;



}



.frm-holder.custom_form_preview form#custom_form_preview .prev-field .heading {



  margin-bottom: 20px;



}



.custom-form-wrap .field-option .input-wrap .add-inputtt {



  z-index: 99;



  position: absolute;



  left: 315px;



  top: 53px;



}



.custom-form-wrap .field-option .input-wrap .add-inputtt a.inputshort {



  font-weight: 600;



  background: #FFF;



  word-wrap: break-word;



  width: 72px;



  text-align: center;



  padding: 6px;



  font-size: 10px;



  display: inline-block;



  line-height: 10px;



  color: #333 !important;



  text-decoration: none !important;



  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);



  border-radius: 4px;



  border: 1px solid #ccc;



  margin-right: 4px;



}



.custom-form-wrap .field-option .input-wrap .add-inputtt a.inputshort.first {



  width: 62px;



}



.custom-form-wrap .field-option .input-wrap .add-inputtt .fa {



  color: #F00;



}



.custom-form-wrap .field-option .input-wrap .tooltip {



  width: 200px !important;



}



.custom-form-wrap .field-option .input-wrap .add-inputttshoert {



  z-index: 99999;



  position: absolute;



  left: 195px;



  top: 6px;



}



.custom-form-wrap .field-option .input-wrap .add-inputttshoert input {



  background: #fff;



  border: 1px solid #999;



  border-radius: 2px;



  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);



  font-size: 11px;



  margin-right: 5px;



  padding: 0 4px;



  text-transform: uppercase;



  text-shadow: 0 4px rgba(0, 0, 0, 0.1);



}



.custom-form-wrap .field-option .input-wrap .add-inputttshoert .fa {



  color: #F00;



}



.c_tooltip {



  position: relative;



  margin: 5px;



  display: inline-block;



  border-bottom: 1px dotted black;



  color: #f00;



}



.c_tooltip .tooltiptext {



  visibility: hidden;



  width: 220px;



  background-color: #555;



  color: #fff;



  text-align: center;



  border-radius: 6px;



  padding: 5px 0;



  position: absolute;



  z-index: 1;



  bottom: 125%;



  left: 50%;



  margin-left: -120px;



  opacity: 0;



  transition: opacity 1s;



  font-size: 12px;



}



.c_tooltip .tooltiptext::after {



  content: "";



  position: absolute;



  top: 100%;



  left: 50%;



  margin-left: -5px;



  border-width: 5px;



  border-style: solid;



  border-color: #555 transparent transparent transparent;



}



.c_tooltip:hover .tooltiptext {



  visibility: visible;



  opacity: 1;



}



.control-edit-wraper .edit-control .table-option {



  position: relative;



}



.control-edit-wraper .edit-control .table-option .form-control {



  padding-right: 70px;



  pointer-events: none;



}



.control-edit-wraper .edit-control .table-option .t_btn {



  font-size: 24px;



  cursor: pointer;



  width: 34px;



  line-height: 34px;



  height: 34px;



  text-align: center;



  position: absolute;



  right: 0;



  top: 0;



  opacity: 0.75;



  background: #ccc;



  border-left: 1px solid #aaa;



}



.control-edit-wraper .edit-control .table-option .t_btn.add-table-row,.control-edit-wraper .edit-control .table-option .t_btn.add-checkboxl-row, .control-edit-wraper .edit-control .table-option .t_btn.add-table-col {



  color: #012160;



  right: 34px;



}



.control-edit-wraper .edit-control .table-option .t_btn.del-table-row, .control-edit-wraper .edit-control .table-option .t_btn.del-table-col {



  color: #c00000;



}



.control-edit-wraper .edit-control .send-alert-setting {



  padding: 15px;



  display: none;



  border: 1px solid #ccdbf7;



  color: #333;



  background: #FFF;



  margin-top: 25px;



  border-radius: 10px;



  padding-right: 15px;



  position: relative;



}



.control-edit-wraper .edit-control .send-alert-setting input[type="email"] {



  height: 34px;



}



.control-edit-wraper .edit-control .send-alert-setting input[type="email"], .control-edit-wraper .edit-control .send-alert-setting textarea {



  width: 100%;



  margin: 0;



  border: 1px solid #ccc;



  padding: 2px 5px;



  border-radius: 4px;



}



.control-edit-wraper .edit-control .send-alert-setting .form-group {



  margin-bottom: 8px;



}



.control-edit-wraper .edit-control .send-alert-setting hr {



  margin: 10px 0;



}



.table-create .del-colll {



  display: none;



}



.table-create input {



  border: 1px solid #ccc;



  outline: none;



  background: #FFF;



  padding: 2px 7px;



}



.table-create tr:first-child {
    background: #ddd;
    color: #333 !important;
}
.table-create tr:first-child td {
    color: #333 !important;
}
.table-create tr:first-child .col-headerr {
    color: #333 !important;
}


.table-create tr:first-child input.col-header {



  font-weight: bold;



  background: none;



  outline: none;



  border: 0;



  color: #FFF;



  margin: 0;



}



.table-create input.col-header::-webkit-input-placeholder {



  color: #FFF;



  opacity: 1;



  text-transform: uppercase;



}



.table-create input.col-header::-moz-placeholder {



  color: #FFF;



  opacity: 1;



  text-transform: uppercase;



}



.table-create input.col-header:-ms-input-placeholder {



  color: #FFF;



  opacity: 1;



  text-transform: uppercase;



}



.table-create input.col-header:-moz-placeholder {



  color: #FFF;



  opacity: 1;



  text-transform: uppercase;



}



#custom-form-builder .frm-control ul li.add-headings1, #custom-form-builder .frm-control ul li.add-headings2, #custom-form-builder .frm-control ul li.add-headings3, #custom-form-builder .frm-control ul li.add-logoheading {



  font-weight: bold;



}



#custom-form-builder .frm-control ul li.add-headings1 .element-name {



  font-size: 15px;



  height: 34px;



  padding: 3px 10px;



}



#custom-form-builder .frm-control ul li.add-headings2 .element-name {



  font-size: 14px;



  height: 34px;



  padding: 3px 10px;



}



#custom-form-builder .frm-control ul li.add-headings3 .element-name {



  font-size: 13px;



  height: 34px;



  padding: 3px 10px;



}



#custom-form-builder .frm-control ul li.add-logoheading .element-name {



  font-size: 15px;



  height: 34px;



  padding: 3px 10px;



}



.frm-holder.custom_form_preview form#custom_form_preview .prev-field.paragraph, .frm-holder.custom_form_preview form#custom_form_preview .prev-field.paragraph p {



  color: #333;



  font-size: 15px;



}



.bdrbox-area {



  border: 5px solid #8BB85B;



  background: #fff;



  padding: 20px;



  border-radius: 20px;



}



.bdrbox-area.addthanku-msgwrap h4 {



  margin: -20px;



  font-weight: 700;



  color: #111;



  background: #8BB85B;



  margin-bottom: 20px;



  padding: 10px 20px;



}



.bdrbox-area.addthanku-msgwrap hr {



  margin-bottom: 15px;



}



.bdrbox-area.addthanku-msgwrap label {



  margin-bottom: 5px !important;



}



.iframe-code-wrap .copy-iframe {



  color: #333;



  font-size: 10px;



  font-weight: 600;



  text-transform: uppercase;



  text-decoration: none;



}



.iframe-code-wrap .form-control {



  margin-bottom: 2px;



  height: 160px;



}



.custom-form-wrap ul li .toparea .drag + .prev-field p {



  color: #333333;



  margin: 0;



  font-size: 14px;



}



.frm-holder.custom_form_preview form#custom_form_preview li.companyname .form-control, .frm-holder.custom_form_preview form#custom_form_preview li.cust_address .form-control, .frm-holder.custom_form_preview form#custom_form_preview li.complete_address .form-control, .frm-holder.custom_form_preview form#custom_form_preview li.cust_city .form-control, .frm-holder.custom_form_preview form#custom_form_preview li.cust_state .form-control, .frm-holder.custom_form_preview form#custom_form_preview li.cust_zip .form-control, .frm-holder.custom_form_preview form#custom_form_preview li.cust_phone .form-control, .frm-holder.custom_form_preview form#custom_form_preview li.cust_contact .form-control, .frm-holder.custom_form_preview form#custom_form_preview li.cust_con_phone .form-control {



  height: auto;



  border: 0;



  padding: 0;



  outline: none;



  box-shadow: none !important;



  background: none;



  font-weight: bold;



  pointer-events: none;



}



ul.dragable li.paragraph .Editor-container a[title="Fonts"], ul.dragable li.paragraph .Editor-container a[title="Paragraph Format"], ul.dragable li.paragraph .Editor-container a[title="Font Size"], ul.dragable li.paragraph .Editor-container a[title="Text/Background Color"], ul.dragable li.paragraph .Editor-container a[title="Block Quote"], ul.dragable li.paragraph .Editor-container a[title="Insert Link"], ul.dragable li.paragraph .Editor-container a[title="Strike Through"], ul.dragable li.paragraph .Editor-container a[title="Print"], ul.dragable li.paragraph .Editor-container a[title="Remove Formatting"], ul.dragable li.paragraph .Editor-container a[title="Select All"], ul.dragable li.paragraph .Editor-container a[title="Source"], ul.dragable li.paragraph .Editor-container a[title="Unlink"], ul.dragable li.paragraph .Editor-container #statusbar {



  display: none !important;



}



#custom-form-builder .frm-builder-area ul.dragable li.paragraph .Editor-editor:after, #custom-form-builder .frm-builder-area ul.dragable li.paragraph .Editor-editor:before, #custom-form-builder .frm-builder-area ul.dragable li.paragraph .prev-field.paragraph:after, #custom-form-builder .frm-builder-area ul.dragable li.paragraph .prev-field.paragraph:before {



  content: '';



  display: table;



  clear: both;



}



#custom-form-builder .frm-builder-area ul.dragable li.paragraph img.img-center {



  display: block;



  margin: 15px auto; /*max-height:100px; width:auto;*/



}



#custom-form-builder .frm-builder-area ul.dragable li.paragraph img.img-left {



  float: left;



  margin: 0 15px 15px 0; /*max-width:220px; height:auto;*/



}



#custom-form-builder .frm-builder-area ul.dragable li.paragraph img.img-right {



  float: right;



  margin: 0 0 15px 15px; /* max-width:220px; height:auto;*/



}



#custom-form-builder .frm-builder-area .signature-wrap img, #custom-form-builder .frm-builder-area .signature-wrap label {



  display: none;



}



#InsertImage .modal-header h3 {



  margin: 0;



}



#InsertImage .tab-content {



  padding: 25px 0 0 0;



}



#InsertImage ul#imageList.thumbnails {



  margin: 0 -15px;



  margin-top: 25px;



}



#imgAttribute small {



  font-size: 13px;



  margin-bottom: 2px;



  color: #333;



  display: inline-block;



  margin-right: 10px;



  vertical-align: top;



}



#imgAttribute a.alignment {



  background: #ddd;



  text-decoration: none !important;



  width: 32px;



  height: 24px;



  vertical-align: top;



  line-height: 24px;



  text-align: center;



  border-radius: 6px;



  margin: 0 0 10px 10px;



  display: inline-block;



  font-size: 14px;



  color: #333;



}



#imgAttribute a.alignment.active {



  background: #0092CF;



  color: #fff;



}



#InsertImage .btn.btn-success {



  background: #0092CF;



  border-color: #0092CF;



}



#InsertImage #imageURL.form-control {



  height: 34px;



}



#InsertImage.img-loading .modal-dialog:after {



  position: absolute;



  left: 0;



  top: 0;



  width: 100%;



  height: 100%;



  content: '';



  background: url(../images/loader.gif) center center no-repeat rgba(255, 255, 255, 0.65);



  z-index: 999999;



  border-radius: 6px;



}



#custom-form-builder .frm-control .tooltip-holder.tooltip-wraps {



  width: 100%; float: none;



}



#custom-form-builder .frm-control .tooltip-holder.tooltip-wraps .tooltip-caption {



  width: 100%;



  border: 1px solid #ccc;



  box-shadow: 0 0 28px rgba(0, 0, 0, 0.25);



  padding: 10px;



  border-radius: 4px;



  background: #fff;



  right: 0;



  position: absolute;



  top: 45px;



  z-index: 9999;



  display: none;



}



#custom-form-builder .frm-control .tooltip-holder.tooltip-wraps .tooltip-caption:before, #custom-form-builder .frm-control .tooltip-holder.tooltip-wraps .tooltip-caption:after {



  right: 45%;



}



#custom-form-builder .frm-control .tooltip-holder {



  float: left;



  position: relative;



}



#custom-form-builder .frm-control .tooltip-holder .hint-info {



  font-size: 12px;



  width: 14px;



  height: 14px;



  line-height: 12px;



  color: #000;



  opacity: 0.4;



  border-radius: 50%;



  cursor: pointer;



  position: absolute;



  right: 10px;



  top: 15px;



  padding: 1px;



  text-align: center;



}



#custom-form-builder .frm-control .tooltip-holder .hint-info .fa {



  margin-right: 0;



}



#custom-form-builder .frm-control .tooltip-holder .tooltip-caption {



  width: 180px;



  border: 1px solid #ccc;



  box-shadow: 0 0 28px rgba(0, 0, 0, 0.25);



  padding: 10px;



  border-radius: 4px;



  background: #fff;



  right: -20px;



  position: absolute;



  top: 45px;



  z-index: 9999;



  display: none;



}



#custom-form-builder .frm-control .tooltip-holder .tooltip-caption.two-part-btn {



  width: 270px;



}



#custom-form-builder .frm-control .tooltip-holder .tooltip-caption p {



  font-size: 11px;



  font-weight: normal;



  margin: 0;



  color: #222;



  line-height: normal;



}



#custom-form-builder .frm-control .tooltip-holder .tooltip-caption p + p {



  margin-top: 8px;



}



#custom-form-builder .frm-control .tooltip-holder .tooltip-caption .close {



  font-size: 16px;



  position: absolute;



  right: 5px;



  top: 5px;



  line-height: 10px;



  width: 10px;



  height: 10px;



}



#custom-form-builder .frm-control .tooltip-holder .tooltip-caption:before, #custom-form-builder .frm-control .tooltip-holder .tooltip-caption:after {



  border-left: 10px solid transparent;



  border-right: 10px solid transparent;



  position: absolute;



  top: 8px;



  content: '';



  right: 30px;



}



#custom-form-builder .frm-control .tooltip-holder .tooltip-caption:before {



  border-bottom: 12px solid #ccc;



  top: -12px;



}



#custom-form-builder .frm-control .tooltip-holder .tooltip-caption:after {



  border-bottom: 12px solid #fff;



  top: -9px;



}



#saving-form-loader {



  position: fixed;



  left: 0;



  top: 0;



  width: 100%;



  height: 100%;



  z-index: 99999;



  background: rgba(255, 255, 255, 0.85);



  display: none;



}



#saving-form-loader .loading-area {



  position: absolute;



  padding: 30px;



  top: 50%;



  transform: translateY(-50%);



  position: absolute;



  left: 0;



  right: 0;



}



#saving-form-loader .loading-area .loading-img {



  margin-bottom: 30px;



}



#saving-form-loader .loading-area h4 {



  color: #000;



}



#landing-page-info-model.custom-model {



  line-height: 22px;



  font-size: 15px;



  color: #333;



}



#landing-page-info-model.custom-model p {



  margin: 0 0 20px 0;



}



#landing-page-info-model.custom-model ol {



  margin: 15px;



  padding: 0;



}



#landing-page-info-model.custom-model ol li {



  margin: 5px 0;



}



.table-create tr td .set-width-area {



  color: #FFF;



  text-transform: uppercase;



  position: relative;



  padding: 0 7px;



}



.table-create tr td .set-width-area .set-width {



  font-size: 8px;



  color: inherit;



  text-decoration: none;



  padding-bottom: 1px;



  border-bottom: 1px solid #fff;



}



.table-create tr td .set-width-area .width-setup {



  display: none;



  font-size: 12px;



  padding: 10px;



  background: #ccc;



  position: absolute;



  top: 100%;



  right: 0;



  left: 0;



  z-index: 9999;



}



.table-create tr td .set-width-area .width-setup .button {



  display: block;



  height: 24px;



  padding: 2px 10px;



  border-radius: 0;



  width: 50px;



  float: left;



}



.table-create tr td .set-width-area .width-setup .form-control {



  height: 24px;



  width: calc(100% - 50px);



  float: left;



  border-radius: 0;



}



.resizer {



  position: absolute;



  top: 0;



  right: -8px;



  bottom: 0;



  left: auto;



  width: 16px;



  cursor: col-resize;



}



#custom-form-builder .table-create div.col-headerr {



  margin: 0 8px;



  padding: 0 3px !important;



}



.table-create div.col-headerr {



  border: 1px solid #ddd;



  padding: 2px 4px;



  min-height: 26px;



  margin: 0 8px;



}



.table-create tr:first-child div.col-headerr {



  font-weight: bold;



  border: 0;



  color: #FFF;



}



#custom-form-builder .custom-form-wrap ul li.field-row.inputfield .form-control, #custom-form-builder .custom-form-wrap ul li.field-row.date .form-control, #custom-form-builder .custom-form-wrap ul li.field-row.emailfield .form-control, #custom-form-builder .custom-form-wrap ul li.field-row.currencyfield .form-control, #custom-form-builder .custom-form-wrap ul li.field-row.select-dropdown .form-control, #custom-form-builder .custom-form-wrap ul li.field-row.numberfield .form-control, #custom-form-builder .custom-form-wrap ul li.field-row.autoincfield .form-control {



  display: inline-block;



  max-width: 370px;



}



#custom-form-builder .custom-form-wrap ul li.field-row.inputfield textarea.form-control {



  max-width: 100%;



}



#custom-form-builder .form-builder-inner.frm-setting-theme .frm-control > h4 span, #custom-form-builder .form-builder-inner.frm-setting-theme ul.frm-control-tabs li.active, #custom-form-builder .form-builder-inner.frm-setting-theme:before {



  background: #F7FFEF;



}



#custom-form-builder .form-builder-inner.frm-setting-theme ul.frm-control-tabs {



  background: #8BB85B;



}



#custom-form-builder .form-builder-inner ul.frm-control-tabs {



  margin: 0 -20px 25px -20px;



  padding: 10px 15px 0 15px;



  list-style: none;



  background: #5683db;



}



#custom-form-builder .form-builder-inner ul.frm-control-tabs li {



  display: table-cell;



  font-size: 18px;



  border-radius: 15px 15px 0 0;



  font-weight: 700;



  vertical-align: middle;



  width: 1%;



  color: #fff;



  text-align: center;



}



#custom-form-builder .form-builder-inner ul.frm-control-tabs li a {



  padding: 5px 10px;



  display: block;



  text-transform: uppercase;



  outline: none;



  color: inherit;



  text-decoration: none;



}



#custom-form-builder .form-builder-inner ul.frm-control-tabs li.active {



  background: url(../images/pattern.png);



  color: #333;



}



#custom-form-builder .form-builder-inner.frm-setting-theme .frm-control > h4 span {



  color: #8BB85B;



}



#custom-form-builder .form-builder-inner.frm-setting-theme .frm-control > h4:after {



  background: #8BB85B;



}



#custom-form-builder .form-builder-inner.frm-setting-theme .frm-control ul li .element-name {



  border-color: rgba(0, 0, 0, 0.2);



}



#custom-form-builder .frm-control ul li .element-name.setting-checkbox {



  padding-left: 40px;



  position: relative;



  line-height: 18px;



}



#custom-form-builder .frm-control ul li .element-name.setting-checkbox input[type="checkbox"] {



  position: absolute;



  left: 15px;



  top: 3px;



}



#custom-form-builder .frm-control .assign-users.button {



  text-transform: uppercase;



  font-style: italic;



  font-weight: 900;



  font-size: 18px;



}



/*form preview styling*/



#custom_form_preview.lightbg {



  font-family: Arial, Helvetica, sans-serif;



  border: 2px solid #dddddd;



  padding: 20px;



  border-radius: 5px;



  max-width: 1024px;



  margin: auto;

  background: rgb(255 255 255);



}



#custom_form_preview {



  color: #333;



  font-size: 15px;



  line-height: normal;



}



#custom_form_preview h1, #custom_form_preview h2, #custom_form_preview h3, #custom_form_preview h4, #custom_form_preview h5, #custom_form_preview h6 {



  color: #333;



}



#custom_form_preview .frm-header.has_logo {



  position: relative;



}



#custom_form_preview .frm-header.has_logo .comp-logo {



  position: absolute;



  right: 0;



  top: 0;



  z-index: 1;



}



#custom_form_preview .frm-header.has_logo .comp-logo img {



  max-width: 145px;



  max-height: 80px;



}



#custom_form_preview .frm-header.has_logo .header-title {



  padding-right: 160px;



}



#custom_form_preview .header-title {



  margin-top: 0;



}



.custom_form_preview ul.dragable li.logoheading-wrap {



  margin-bottom: 15px;



}



.custom_form_preview ul.dragable li.logoheading-wrap table td {



  vertical-align: middle;



}



.custom_form_preview ul.dragable li.logoheading-wrap table td.logoleft {



  padding-right: 15px;



  width: 195px;



}



.custom_form_preview ul.dragable li.logoheading-wrap table td.logoright {



  padding-left: 15px;



  width: 195px;



  text-align: right;



}



.custom_form_preview ul.dragable li.logoheading-wrap table td img {



  width: auto;



  max-height: 80px;



}



.custom_form_preview ul.dragable li.logoheading-wrap h1.heading {



  font-size: 36px;



  line-height: normal;



  margin: 0;



}



.imageright {



  text-align: right;



}



.imagecenter {



  text-align: center;



}



/*.img_mapping{height: 160px; width: auto; max-width:300px;object-fit: contain; object-position: center;}*/



.img_mapping {



  height: auto;



  width: 100%;



  max-width: 650px;



  object-fit: contain;



  object-position: center;



  max-height: 450px;



}



.img_mappingg {



  height: auto;



  width: 780px;



  object-fit: contain;



  object-position: center;



}



.custom_form_preview ul.dragable {



  margin: 0;



  padding: 0;



  list-style: none;



}



.custom_form_preview ul.dragable li {



  margin: 0 0 15px 0;



}



.custom_form_preview ul.dragable li table.table {



  margin: 0;



}



.custom_form_preview ul.dragable li table.table th {



  color: #FFF;



}



.custom_form_preview ul.dragable li.checkbox label {



  padding-left: 0;



}



.custom_form_preview ul.dragable li.checkbox input[type="checkbox"] {



  margin-left: 0;



  margin-right: 5px;



  position: static;



}



.custom_form_preview ul.dragable li label {



  font-weight: 400;



}



.custom_form_preview ul.dragable li.radiobutton input[type="radio"] {



  margin-right: 5px;



}



.custom_form_preview ul.dragable li .form-control {



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;



}



.custom_form_preview ul.dragable li .table-create td, .custom_form_preview ul.dragable li .table-create th {



  padding: 3px 10px;



}



.custom_form_preview ul.dragable li div.form-control {



  height: auto;



}



.custom_form_preview ul.dragable li .table-create td .col-header {



  width: 100%;



}



#custom_form_preview li.signature .signature_prev > label, #custom_form_preview li.signature .signature_prev > label + .signature_required {



  display: none;



}



.custom_form_preview ul.dragable li .txtfield {



  border-radius: 3px;



  border: 0;



  outline: none;



  padding: 3px 15px;



  background: #eaedef;



  height: 45px;



  width: 100%;



  margin-bottom: 15px;



  min-height: 40px;



}



.custom_form_preview ul.dragable li .table-create th {



  background: #555;



}



.custom_form_preview ul.dragable li.paragraph blockquote {



  font-size: 15px;



}



.custom_form_preview ul.dragable li .table-create textarea {



  resize: none;



}



.custom_form_preview ul.dragable li.paragraph {



  line-height: 22px;



}



.custom_form_preview ul.dragable li.paragraph * {



  font-size: 15px !important;



  font-family: Arial, Helvetica, sans-serif !important;



}



.custom_form_preview ul.dragable li.paragraph .h-signature {



  font-family: VladimirScriptRegular !important;



  font-size: 24px !important;



}



.custom_form_preview ul.dragable li.paragraph .paragraph_input.short {



  width: 80px;



}



.custom_form_preview ul.dragable li.paragraph .paragraph_input.mid {



  width: 160px;



}



.custom_form_preview ul.dragable li.paragraph .paragraph_input.large {



  width: 240px;



}



.custom_form_preview ul.dragable li .table-create tr:first-child {



  font-weight: 700;



  color: #333;



  background: #ddd;



}



.custom_form_preview ul.dragable li.signature .freehandSignature {



  position: relative;



}



.custom_form_preview ul.dragable li.signature .freehandSignature {



  line-height: 0;



  border: 1px solid #ccc;



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);



  border-radius: 4px;



}



.custom_form_preview ul.dragable li.signature .freehandSignature .clearButton {



  line-height: normal;



  position: absolute;



  font-size: 10px;



  text-transform: uppercase;



  right: 1px;



  top: 1px;



  font-weight: 600;



}



.custom_form_preview ul.dragable li.signature .freehandSignature .clearButton a {



  line-height: normal;



  padding: 2px 10px;



  display: block;



  background: #eee;



  color: #666;



  text-decoration: none;



  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2) inset;



  border-radius: 0 4px 0 4px;



}



.custom_form_preview ul.dragable li.signature .sigPad label {



  display: block;



}



.custom_form_preview ul.dragable li.signature .sigPad .freehandSignature {



  display: inline-block;



}



/*.custom_form_preview ul.dragable li.signature .freehandSignature .sigPad{max-width:100%; border:1px solid #ccc; box-shadow:inset 0 1px 1px rgba(0,0,0,.075); border-radius:4px;}*/



.custom_form_preview ul.dragable li.paragraph:after, .custom_form_preview ul.dragable li.paragraph:before {



  content: '';



  display: table;



  clear: both;



}



.custom_form_preview ul.dragable li.paragraph img.img-center {



  display: block;



  margin: 15px auto;



}



.custom_form_preview ul.dragable li.paragraph img.img-left {



  float: left;



  margin: 0 15px 15px 0;



}



.custom_form_preview ul.dragable li.paragraph img.img-right {



  float: right;



  margin: 0 0 15px 15px;



}



.custom_form_preview ul.dragable li.currencyfield {



  position: relative;



}



.custom_form_preview ul.dragable li.currencyfield .form-control {



  padding-left: 24px;



}



.custom_form_preview ul.dragable li.currencyfield:before { /*content:'\f155'; font-family:'FontAwesome';*/ content: '$';



  z-index: 9;



  line-height: 14px;



  position: absolute;



  left: 14px;



  bottom: 10px;



  font-weight: normal;



  font-size: 14px;



  color: #555;



}



.custom_form_preview ul.dragable li .questf-field-wrap label {



  margin-right: 15px;



}



.custom_form_preview ul.dragable li .questf-field-wrap label input {



  margin-right: 4px;



}



.int_use {



  font-size: 12px;



  color: gray;



}



/*classy editor styling start here*/



.Editor-editor {



  outline: none;



  border: 1px solid #A9A9A9 !important;



  border-top: 1px solid #ccc !important;



}



#menuBarDiv, #statusbar {



  border: 1px solid #A9A9A9 !important;



}



#menuBarDiv {



  border-bottom: 0 !important;



}



#menuBarDiv a.btn {



  padding: 1px 6px;



  margin: 2px !important;



  color: #333;



  font-size: 14px;



  border-radius: 4px !important;



  background: #fff;



  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25);



  border-color: #bbb !important;



  min-width: 30px;



  font-weight: normal;



}



#menuBarDiv a.btn b {



  font-weight: normal !important;



}



#menuBarDiv .btn-group + .btn-group {



  margin-left: 0 !important;



}



#menuBarDiv a.btn[title="Horizontal Rule"] {



  margin-left: 7px !important;



}



#menuBarDiv .inputmaxlength_Cntr ul {



  text-align: center;



}



#menuBarDiv .inputmaxlength_Cntr ul li {



  float: none !important;



  line-height: 22px !important;



  display: inline-block;



  vertical-align: top;



}



#menuBarDiv .inputmaxlength_Cntr hr {



  border-color: #ccc;



  margin: 13px 0 8px 0;



}



#menuBarDiv .specialCntr ul li {



  display: inline-block;



}



/*classy editor styling end here*/



/*hand signmature***************/



@font-face {



  font-family: VladimirScriptRegular;



  src: url('../fonts/vs.eot');



  src: url('../fonts/vs?#iefix') format('embedded-opentype'), url('../fonts/vs.woff') format('woff'), url('../fonts/vs.ttf') format('truetype');



  font-weight: normal;



  font-style: normal;



}



.h-signature {



  font-family: VladimirScriptRegular !important;



  font-size: 24px;



  font-weight: normal !important;



  color: #145394;



  cursor: default;



}



#addSignature_div #inputFieldSignatureName {



  margin: 8px 0;



  width: 100%;



  border: 1px solid #bbb;



  padding: 2px 7px;



}



#addSignature_div li[title="Insert Signature"] {



  padding: 2px;



  list-style: none;



  width: 115px;



  margin: auto;



  background: #0092CF;



  color: #FFF !important;



  border-radius: 4px;



  display: block;



  float: none;



}

.range-of-qty {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.control-edit-wraper .edit-control.order-form-box span.t_btn.del-table-row {

    right: 34px;

}

.control-edit-wraper .edit-control.order-form-box span.t_btn.add-table-row , .control-edit-wraper .edit-control.order-form-box span.t_btn.add-checkboxl-row{

    right: 0;

}

.range-of-qty input.fld-label.form-control {

    width: 45%;

}

#custom-form-builder .image-size-wrap {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

#custom-form-builder .image-size-wrap .form-control {

    width: 48%;

}



@media screen and (min-width:1200px) {



  #custom-form-builder .frm-control-outer.stick {



    position: fixed;



    width: 364px;



    top: 0;



    z-index: 999;



    overflow: hidden;



    overflow-y: auto;



    height: 95%;



  }



}



/******************/

#assign-users-modal .modal-body {



  overflow-x: auto;



}



.table-create.table tr td input[type="checkbox"] {



  display: none;



}

.table-create.table.checkboxlist tr td.td1 input[type="checkbox"] {



  display: block;



}



.table-create.table tr#Row1 td.show-checkbox .col-headerr {



  display: block;



}



.table-create.table tr td.show-checkbox .col-headerr {



  display: none;



}



.table-create.table tr td.show-checkbox input[type="checkbox"] {



  display: inline;



}



.colored-radio label {



  display: inline-block;



  margin: 6px 10px 0 0;



}



.colored-radio label input[type="radio"] {



  display: none;



}



.colored-radio label input[type="radio"] + span {



  display: block;



  width: 24px;



  cursor: pointer;



  border: 2px solid #fff;



  height: 24px;



  border-radius: 50%;



}



.colored-radio label input[type="radio"]:checked + span {



  border-color: #000;



}



.colored-radio label.bg-blue input[type="radio"] + span {



  background: #0092CF;



}



.colored-radio label.bg-green input[type="radio"] + span {



  background: #008000;



}



.colored-radio label.bg-orange input[type="radio"] + span {



  background: #FFA500;



}



.colored-radio label.bg-pink input[type="radio"] + span {



  background: #fe2c54;



}



.colored-radio label.bg-white input[type="radio"] + span {



  background: #fff;



}



.custom-form-wrap > ul > li .toparea.fieldid-wrap.id_visible .prev-field {



  position: relative;



  padding-right: 34px;



  max-width: 370px;



}



.custom-form-wrap > ul > li .toparea.fieldid-wrap.id_visible .field_id {



  display: block;



}



.custom-form-wrap > ul > li .toparea.fieldid-wrap .field_id {



  display: none;



  height: 34px;



  padding: 2px 5px;



  line-height: 28px;



  text-align: center;



  border-radius: 0 4px 4px 0;



  background: #e96b6b;



  font-weight: 600;



  color: #fff;



  position: absolute;



  right: 0;



  width: 36px;



  top: 20px;



}



#custom-form-builder .frm-control-outer .control-edit-wraper .edit-control .calculation-input {



  margin-top: -10px;



}



/* ifrmae form style */



.custom_form_preview ul.dragable li label {



  font-weight: 700;



}



.custom_form_preview ul.dragable li .form-control {



  padding: 0 8px;



  height: 34px;



  border-color: #ccc; /*border-top:2px solid #aaa;*/ border-radius: 4px;



}



.custom_form_preview ul.dragable li textarea.form-control {



  height: auto;



}



.custom_form_preview ul.dragable li.field-row.inputfield .form-control, .custom_form_preview ul.dragable li.field-row.date .form-control, .custom_form_preview ul.dragable li.field-row.emailfield .form-control, .custom_form_preview ul.dragable li.field-row.currencyfield .form-control, .custom_form_preview ul.dragable li.field-row.select-dropdown .form-control, .custom_form_preview ul.dragable li.field-row.numberfield .form-control, .custom_form_preview ul.dragable li.field-row.autoincfield .form-control {



  max-width: 370px;



}



.custom_form_preview ul.dragable li.field-row.coloredbg_active .heading {



  color: #fff !important;



  margin: 0;



}



.custom_form_preview ul.dragable li.field-row.coloredbg_active {



  padding: 5px 15px;



  border-radius: 4px;



}



#custom-form-builder .field-row .prev-field .upload-wrap {

    width: 100%;

    max-width: 100%;

}

#custom-form-builder .field-row .prev-field .upload-wrap img {

    max-width: 120px;

}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li div.form-control.radiooption label{display:block;}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li div.form-control.radiooption.input-inline label{display:inline-block;}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li div.form-control.radiooption.input-inline label + label{margin-left:20px;}



#custom-form-builder .timeoption.time-input {

    display: flex;

    align-items: center;

}

#custom-form-builder .timeoption.time-input .form-control {

    width: 90px;

    margin: 0 10px 0 0 !important;

}



#custom_form_preview .timeoption.time-input {

    display: flex;

    align-items: center;

}

#custom_form_preview .timeoption.time-input .form-control {

    width: 90px;

    margin: 0 10px 0 0 !important;

}

.control-edit-wraper .edit-control .item-options {



  border: 1px solid #ccdbf7;



  background: #fff;



  border-radius: 4px;



}



.control-edit-wraper .edit-control .item-options .item-row {



  padding: 5px 10px;



  position: relative;



}



.control-edit-wraper .edit-control .item-options .item-row + .item-row {



  border-top: 1px dashed #ccdbf7;



}



.control-edit-wraper .edit-control .item-options .item-row .remove-row {



  width: 20px;



  height: 20px;



  color: #FFF;



  line-height: 18px;



  display: inline-block;



  background: #c00000;



  border-radius: 5px;



  text-align: center;



  position: absolute;



  right: 16px;



  font-size: 12px;



  top: 9px;



  opacity: 0.8;



  text-decoration: none;



}



.control-edit-wraper .edit-control .item-options .form-control {



  height: 28px !important;



  padding-right: 40px !important;



}

.control-edit-wraper .edit-control .add-item-row {

    text-transform: uppercase;

    font-weight: 700;

    display: block;

    text-align: center;

    font-size: 12px;

    width: 140px;

    margin: 5px auto 0 auto;

    color: #fff;

    padding: 4px 8px;

    text-decoration: none;

}
.time_col{position: relative;
	left: -4px;}


.custom-form-wrap ul li.field-row.radio-btn-table{}
.custom-form-wrap ul li.field-row.radio-btn-table .radio-btn-table-wrap {
    background: #fff;
}
.custom-form-wrap ul li.field-row.radio-btn-table .radio-btn-table-wrap table.table th,.custom-form-wrap ul li.field-row.radio-btn-table .radio-btn-table-wrap table.table td {
    text-align: center; width: 100px;
}
.custom-form-wrap ul li.field-row.radio-btn-table .radio-btn-table-wrap table.table td:first-child {
    text-align: left;
}
.custom-form-wrap ul li.field-row.radio-btn-table .radio-btn-table-wrap table.table th:first-child {
    text-align: left;
}
.custom-form-wrap ul li.field-row.radio-btn-table .radio-btn-table-wrap table.table .radio {
    margin: 0;
    padding: 0;
}

.custom-form-wrap ul li.field-row.radio-btn-table .radio-btn-table-wrap table.table .radio input[type=radio]{
    position: static;
    margin: 0;
}

.control-edit-wraper .edit-control .field-option.edit-radio-button-wrap h4.control-header {
    color: #2b2a2a;
    margin: 0; font-weight: normal;
}
.add-table-rows {
    display: flex;
    align-items: center;
     margin: 5px 0; width: 100%;
}
#custom-form-builder .add-table-rows div input.form-control {
    margin: 0 10px;
} 
.add-table-rows div {
    display: flex;
    align-items: center;
}
.add-table-rows .req-field {
    width: 35px;
    margin-left: auto;
    justify-content: flex-end;
}
.add-table-colunm {
    display: flex;
    align-items: center;
    margin: 5px 0;
}
#custom-form-builder .add-table-colunm div input.form-control {
    margin: 0 10px;
} 
.add-table-colunm div {
    display: flex;
    align-items: center;
}
.custom-form-wrap > ul > li.checklist .table-create.table td {
   width: auto !important;
}
.custom-form-wrap > ul > li.checklist .table td.td1 {
    min-width: 70px !important;
    max-width: 70px !important;
    width: 70px !important; vertical-align: middle;
}
.custom-form-wrap ul li.field-row.radio-btn-table .radio-btn-table-wrap thead tr {
    background: #ddd;
}
#custom_form_preview .custom_form_preview.newspacing ul.dragable li .radio-btn-table-wrap thead {
    background: #ddd;
}
#custom-form-builder .table-create div.col-headerr{margin: 0 0;}

.table-create.table.checkboxlist tr td.td1 input[type="checkbox"] {
    display: block;
    margin: 0 auto;
}

.custom-form-wrap ul li.field-row.newaddressfield .address-wrapers, .custom-form-wrap ul li.field-row.newaddress-input-wrap .address-wrapers{
    margin-top: 10px;
}
#custom-form-builder label.main_address {
    margin-bottom: 10px;
}
.custom-form-wrap ul li.field-row.newaddressfield .address-wrapers .form-group, .custom-form-wrap ul li.field-row.newaddress-input-wrap .address-wrapers .form-group{margin-bottom: 5px;}
#custom-form-builder .custom-form-wrap ul li.field-row.newaddressfield .address-wrapers label, #custom-form-builder .custom-form-wrap ul li.field-row.newaddress-input-wrap .address-wrapers label{
    font-size: 12px;
    color: #5d5c5c;
}


#custom_form_preview .custom_form_preview.newspacing ul.dragable li.newaddressfield .address-wrapers .form-group{margin-bottom: 5px;}
#custom_form_preview .custom_form_preview.newspacing ul.dragable li.newaddressfield .address-wrapers label{
    font-size: 12px;
    color: #5d5c5c;
}
#custom_form_preview label.main_address {
    margin-bottom: 10px;
}

#custom_form_preview .custom_form_preview.newspacing ul.dragable li .phone-field-wrap {display: flex;}
#custom_form_preview .custom_form_preview.newspacing ul.dragable li .phone-field-wrap .form-control.phone-field-ext.field1{width: 60px !important;}
#custom-form-builder .field-row .phone-field-wrap{display: flex !important;}
#custom_form_preview .custom_form_preview.newspacing ul.dragable li .phone-field-wrap .extension label {
    font-size: 14px;
    font-weight: 600;
}

.custom_form_preview ul.dragable li .radio-btn-table-wrap table.table th {color: #333; text-align:center;}
.custom_form_preview ul.dragable li .radio-btn-table-wrap table.table td{text-align:center;}
.custom_form_preview ul.dragable li .radio-btn-table-wrap table.table .radio{margin: 0;}
.custom_form_preview ul.dragable li .radio-btn-table-wrap table.table .radio input {
    position: relative;
    margin: 0;
}
.custom_form_preview ul.dragable li .radio-btn-table-wrap table.table tr td:first-child {text-align: left;}
#custom_form_preview .custom_form_preview.newspacing ul.dragable li .radio-btn-table-wrap .table td, #custom_form_preview .custom_form_preview.newspacing ul.dragable li .radio-btn-table-wrap .table th {
    padding: 4px 4px;
}

/**************CHECKBOX STYLE**********/	  
label.checkbox-style.checkbox-inline {margin: 0 10px 10px 0;}
label.checkbox-style.checkbox-inline + label.checkbox-style.checkbox-inline {margin-left: 0;}
label.checkbox-style {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-bottom: 0;line-height: normal;padding-left: 0;font-weight: 700; color: #111;}
label.checkbox-style input[type="checkbox"] {display: none;}
label.checkbox-style input[type="checkbox"]:disabled + span {opacity: 0.6 !important;}
label.checkbox-style input[type="checkbox"] + span {padding-left: 25px;display: inline-block;cursor: pointer;position: relative;}
label.checkbox-style input[type="checkbox"] + span:before {position: absolute;left: 0;opacity: 0.9;top: 0;content: "\f096";font-family: "FontAwesome";font-size: 18px;font-weight: normal;}
label.checkbox-style input[type="checkbox"]:checked + span:before {content: "\f046";color: #012160;}

.add-table-rows .req-field label.checkbox-style.checkbox-inline {margin: 0; right: 2px;
    position: absolute;}
.add-table-rows .req-field label.checkbox-style input[type="checkbox"] + span:before{top:-12px;}

.na-field label.checkbox-inline.checkbox-style {
    margin: 0;
    right: -4px;
}
.na-field label.checkbox-style input[type="checkbox"] + span:before{top:-12px;}
.na-field input.form-control { margin-top: 15px !important;}
.nafield-wrap {padding-top: 12px;padding-left: 10px;}
.nafield-wrap a {color: #2b2a2a !important;}

#naModal button.close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.drag-field.drag-button img {
    width: 12px;
}
.add-rows-labels {
    margin: 10px 0 15px;
}
.add-colunm-labels {
    margin: 10px 0 10px;
}

#custom-form-builder .field-row .prev-field .rating{ margin-top: -5px;}
.rating {
    display: flex;
    margin-top: 0px;
    flex-direction: row-reverse;
    justify-content: start;
}

.rating input {
    display: none;
}

.rating label {
    cursor: pointer;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    float: right;
}

.rating label:before {
    content: '\2605';
    font-size: 26px;
    color: #ccc;
}

.rating input:checked ~ label:before,
.rating input:checked  label  label:before {
    color: #ffcc00;
}
.custom-form-wrap .field-actions .action-button.up-button{display:none;}
.custom-form-wrap .field-actions .action-button.down-button{display:none;}

.loader-section {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}	
.loading {
  height: 0;
  width: 0;
  padding: 15px;
  border: 6px solid #fff;
  border-right-color: #0092CF;
  border-radius: 22px;
  -webkit-animation: rotate 1s infinite linear;
  
}

@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@media screen and (max-width:1199px) {
#custom-form-builder .form-builder-inner:before{width: 304px;}	
	#custom-form-builder .frm-control ul li.auto-increment{}
	#custom-form-builder .frm-control ul li.auto-increment .element-name {font-size: 11px;}
	#custom-form-builder .form-builder-inner ul.frm-control-tabs li{font-size: 15px;}
	.control-edit-wraper .edit-control.edit-active{width:265px;}
	.control-edit-wraper .edit-control .field-option{padding: 15px;}
	#custom-form-builder .add-table-rows div input.form-control{max-width: 90px !important;min-width: 90px !important;}
	#custom-form-builder .add-table-colunm div input.form-control{max-width: 90px !important;min-width: 90px !important;}
	.na-field input.form-control{max-width: 90px !important;min-width: 90px !important;}
}
@media screen and (max-width:1024px) {
	.custom-form-wrap .field-actions .action-button.drag-button{display:none;}
	.custom-form-wrap .field-actions .action-button.up-button{display:inline-block}
    .custom-form-wrap .field-actions .action-button.down-button{display:inline-block;}
}
@media(max-width: 991px) {
.container{max-width: 100%; width: 100%;}
#custom-form-builder .form-builder-inner:before{width: 248px;}	
	#custom-form-builder .frm-control ul li{width:100%;}
	
	#pagelink-item ul li{font-size: 11px; padding: 10px 4px}
	.control-edit-wraper .edit-control.edit-active{width:210px;}
}
@media(max-width: 820px) {

#custom-form-builder .form-builder-inner:before{width: 248px;}	
	
}
@media screen and (max-width:768px){
#custom-form-builder .form-builder-inner:before{width: 238px;}
.control-edit-wraper .edit-control.edit-active{width:200px;}	
	
}