/*
 * @author Gaponov Igor <gapon2401@gmail.com>
 */

.multiform-popup-overlay { overflow: hidden; }

.multiform-success-msg{
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	text-align: center;
	font-family: var(--font-decor);
    font-size: 24px;
    color: var(--c-green);
    margin: 0;
}
.multiform-success-msg:before{
	content: "";
	width: 56px;
	height: 56px;
	display: block;
	border-radius: 99px;
	background: var(--icon-checked) center/ 32px 32px no-repeat var(--c-green) ;
}

.multiform-is-success .multiform-title,
.multiform-is-success .multiform-form-description{ display: none; }

.mf-colm1 { width: 8.33% }
.mf-colm2 { width: 16.66% }
.mf-colm3 { width: 25% }
.mf-colm4 { width: 33.33% }
.mf-colm5 { width: 41.66% }
.mf-colm6 { width: 50% }
.mf-colm7 { width: 58.33% }
.mf-colm8 { width: 66.66% }
.mf-colm9 { width: 75% }
.mf-colm10 { width: 83.33% }
.mf-colm11 { width: 91.66% }
.mf-colm12 { width: 100% }

/* Admin rules */
.settings-field.type-checkbox .multiform-gap-description { margin-left: 17px; }
.settings-block input[type='text'], .settings-block textarea { width: 95%; } 
.settings-block .tab-content, .formula-field textarea, .formula-field .formula-value, .multiform-wrap,
table.multiform-grid, .multiform-wrap *::after, .multiform-wrap * { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

.multiform-wrap { overflow-x: hidden; overflow-y: auto; font-size: 14px;  }
.multiform-wrap .multiform-gap-field:after { display: block; clear: both; content: ''; }
.multiform-wrap .multiform-gap-field.type-hidden  { display: none !important; }
.multiform-wrap .multiform-errorfld { text-align: center; width: 100%; }
.multiform-wrap .multiform-errorfld .errormsg {  margin-left: 0; padding: 0px; display: none; }
.multiform-wrap input::-webkit-input-placeholder, .multiform-wrap textarea::-webkit-input-placeholder { color: #ccc; }
.multiform-wrap input::-moz-placeholder, .multiform-wrap textarea::-moz-placeholder { color: #ccc; }
.multiform-wrap input:-moz-placeholder, .multiform-wrap textarea:-moz-placeholder { color: #ccc; }
.multiform-wrap input:-ms-input-placeholder, .multiform-wrap textarea:-ms-input-placeholder { color: #ccc; }
.multiform-wrap input:focus::-webkit-input-placeholder, .multiform-wrap textarea:focus::-webkit-input-placeholder {color: transparent}
.multiform-wrap input:focus::-moz-placeholder, .multiform-wrap textarea:focus::-moz-placeholder {color: transparent}
.multiform-wrap input:focus:-moz-placeholder, .multiform-wrap textarea:focus:-moz-placeholder {color: transparent}
.multiform-wrap input:focus:-ms-input-placeholder, .multiform-wrap textarea:focus:-ms-input-placeholder {color: transparent}
.multiform-wrap .multiform-submit { padding: 10px }

div.multiform-body { padding: 10px 0; }
.multiform-body.is-popup { background: 0 none !important; position: relative; overflow: hidden; display: inline-block; vertical-align: middle; }
.multiform-body.is-popup .multiform-wrap { position: absolute; left: 0; top: 0; visibility: hidden; }

iframe .multiform-overlay { background: none; }
.multiform-overlay { display: block; height: 100%; width: 100%; bottom: 0; position: fixed; right: 0; z-index: 9999; 

    background: rgba(0, 54, 55, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.multiform-popup-window .multiform-wrap { background-color: #FFFFFF;  left: 50%; top: 50%; position: fixed; z-index: 99999; }
.multiform-popup-link { display: inline-block; vertical-align: baseline; margin: 0 5px; cursor: pointer; }
.multiform-popup-window .s-close { position: absolute; text-decoration: none; right: 16px; top: 16px; z-index: 999999; text-align: center; font-size: 0px;  color: transparent; background: var(--icon-close) center no-repeat transparent; width: 32px; height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.multiform-popup-window .s-close:hover { text-decoration: none; }
.multiform-popup-window .multiform-wrap, .multiform-overlay { opacity: 0; }

.multiform-header { height: 35px; background: #eee; padding: 5px 10px; width: auto; position: relative; }
.multiform-header img { display: inline-block; vertical-align: middle; margin-right: 5px; }

.multiform-title {line-height: 1.35; text-align: center; }
.multiform-form-description {   }

.multiform-gap-field { line-height: 1.5; padding: 10px 0; margin-bottom: 5px; }
.multiform-gap-field:hover, .multiform-gap-value input[type="text"], .multiform-gap-value textarea, .multiform-gap-value input[type="email"], 
.multiform-gap-value select, .multiform-grid tbody tr:hover th, .multiform-grid tbody tr:hover td { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; }
.multiform-gap-fields { --gap-x:10px; --gap-y:16px; --gx:calc(var(--gap-x)*0.5); --gy:calc(var(--gap-y)*0.5);  display: flex; flex-wrap:wrap; }
.multiform-wrap .multiform-gap-value.mf-colm1 { margin-left: 91.66% }
.multiform-wrap .multiform-gap-value.mf-colm2 { margin-left: 83.33% }
.multiform-wrap .multiform-gap-value.mf-colm3 { margin-left: 75% }
.multiform-wrap .multiform-gap-value.mf-colm4 { margin-left: 66.66% }
.multiform-wrap .multiform-gap-value.mf-colm5 { margin-left: 58.33% }
.multiform-wrap .multiform-gap-value.mf-colm6 { margin-left: 50% }
.multiform-wrap .multiform-gap-value.mf-colm7 { margin-left: 41.66% }
.multiform-wrap .multiform-gap-value.mf-colm8 { margin-left: 33.33% }
.multiform-wrap .multiform-gap-value.mf-colm9 { margin-left: 25% }
.multiform-wrap .multiform-gap-value.mf-colm10 { margin-left: 16.66% }
.multiform-wrap .multiform-gap-value.mf-colm11 { margin-left: 8.33% }

.multiform-gap-value input[type="text"], .multiform-gap-value textarea, .multiform-gap-value input[type="email"], .multiform-gap-value select,
.multiform-gap-value .multiform-formula span { margin: 0; }
.multiform-gap-value div { clear: none; }

.multiform-gap-field.pos-top .multiform-gap-name { width: 100%; float: none; }
.multiform-gap-field.pos-hide .multiform-gap-name, .multiform-gap-field.multiform-hide { display: none; }
.multiform-gap-field.pos-top .multiform-gap-value, .multiform-gap-field.pos-hide .multiform-gap-value { margin-left: 0; }

.multiform-gap-field.s-required .multiform-gap-name:after { content: '*'; color: #ff0000; margin-left: 3px; }
.multiform-wrap .errormsg, .multiform-mask-error { font-style: italic; color: #ff0000; }
.multiform-wrap .multiform-error-field input[type="checkbox"], 
.multiform-wrap input.multiform-error-field, 
.multiform-wrap select.multiform-error-field { border: 1px solid #ff0000 !important;  }
.multiform-gap-value .errormsg {  display: table; margin-top: 0px;  }

.multiform-gap-name { float: left; word-wrap: break-word; font-weight: bold;  }
.multiform-gap-field.type-checkbox .multiform-gap-value label, .settings-field.type-checkbox label { font-weight: normal; }

.multiform-wrap .multiform-gap-value { overflow: visible; clear: none;  }
.multiform-gap-value .prefix { display: inline-block; margin-right: 5px; }
.multiform-gap-value .suffix { display: inline-block; margin-left: 5px; }
.multiform-attachment-text.before { display: inline; margin-right: 5px; }
.multiform-attachment-text.after { display: inline; margin-left: 5px; }
.multiform-attachment a { display: inline; }

.multiform-gap-value input, .multiform-gap-value textarea, .multiform-gap-value .multiform-formula span, .multiform-gap-name,
.multiform-gap-value select, .multiform-gap-value {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

.multiform-gap-value textarea { height: 85px; }
.multiform-gap-description { font-size: 0.9em; margin-top: 5px; line-height: 1.5; clear: both; }
.multiform-gap-value textarea, .multiform-gap-value input, .multiform-gap-value select { border: 1px solid #ccc; }
.multiform-gap-value input[type='radio'], .multiform-gap-value input[type='checkbox'] { border: 0 none; opacity: 1; position: relative; }

/* Date */
.multiform-gap-value .multiform-datepicker.outside { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; cursor: pointer; line-height: 0; padding-right: 3px; text-indent: -9999px; width: 20px; outline: none; }
.multiform-gap-value .multiform-datepicker.multiform-full-date { width: 98%; max-width: 98%; }
.Zebra_DatePicker.dp_hidden { opacity: 0; visibility: hidden; display: none; }
.Zebra_DatePicker { z-index: 999999 !important; }
.Zebra_DatePicker_Icon_Wrapper { display: inline-block !important; width: 100%; }
button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside{ padding: 0!important; margin: 0 0 0 -12px !important; width: 20px; height: 20px;  background: var(--icon-calendar) center no-repeat transparent!important; }
.Zebra_DatePicker_Icon_Wrapper .multiform-datepicker.outside { visibility: hidden; }
.Zebra_DatePicker_Icon { max-width: none; }

/* Field width rules*/
.multiform-gap-value select.width100px, .multiform-gap-value input.width100px { width: 100px; max-width: 100px; }
.multiform-gap-value select.width50px, .multiform-gap-value input.width50px { width: 50px; max-width: 50px; }
.multiform-gap-value select.width30px, .multiform-gap-value input.width30px { width: 30px; max-width: 30px; }

/* Time */
.multiform-gap-value .multiform-time-field label { display: block; font-size: 0.8em; }
.multiform-gap-value .multiform-full-time { width: 70px; max-width: 70px; }
.multiform-gap-value .multiform-time-field > span { float: left; text-align: center; clear: none; }
.multiform-gap-value .multiform-time-field .time-formats { margin-left: 10px; }
.multiform-gap-value .multiform-time-field .separator { line-height: 150%; }

/* Options */
.multiform-gap-field .multiform-gap-option { margin-bottom: 10px; display: inline-block; vertical-align: middle; width: 100%; }
.multiform-gap-field .multiform-gap-option.two-layout { width: 48%; }
.multiform-gap-field .multiform-gap-option.three-layout { width: 30%; }
.multiform-gap-field .multiform-gap-option.line-layout { width: auto; margin: 0 7px 0 0; }
.multiform-gap-field .multiform-gap-option input { width: inherit; vertical-align: middle; }
.multiform-gap-field .multiform-gap-option span { margin-left: 5px; vertical-align: middle; }
.multiform-gap-field .multiform-gap-option label { font-weight: 400; }
.multiform-gap-field .multiform-gap-option img { vertical-align: middle; margin: 0 5px; display: inline-block; }
.multiform-gap-field .multiform-gap-option .multiform-other-field { width: 150px; margin-left: 16px; margin-top: 5px; }

/* HTML */
.multiform-gap-field.type-html img { max-width: 100%; }

/* Table grid */
.multiform-gap-field.type-table_grid .multiform-gap-value > div { overflow-x: auto; }

table.multiform-grid { border-collapse: collapse; border-spacing: 0; background: #fff; border-color: #dedede; border-style: solid solid none; border-width: 1px 1px medium; width: 100%; margin-bottom: 5px; }
.multiform-grid thead th, .multiform-grid thead td { background-color: #e6e6e6; }
.multiform-grid th, .multiform-grid td { border: 0 none; }
.multiform-grid thead th, .multiform-grid thead td { font-size: 85%; padding: 10px 6px; }
.multiform-grid tbody tr.odd td, .multiform-grid tbody tr.odd th { background-color: #f5f5f5; }
.multiform-grid tbody tr:hover th, .multiform-grid tbody tr:hover td, .multiform-grid tbody tr.odd:hover td { background-color: #ffffcf; }
.multiform-grid td { padding: 4px 6px; text-align: center; vertical-align: middle; position: relative; }
.multiform-grid td input { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; }
.multiform-grid tr.multiform-error-field td, .multiform-grid tr.multiform-error-field th { background-color: #ff0000 !important; }
.multiform-grid label { display: inline-block; width: 100%; height: 100%; vertical-align: middle; }
.multiform-grid tbody th { padding: 8px; text-align: left; }
.multiform-grid label input { opacity: 1; }
.multiform-grid td.is-checked:hover .circle-slash { display: block; }
.multiform-grid .circle-slash { font-size: 16px; z-index: 1; color: #ddd; right: 20%; top: 20%; position: absolute; cursor: pointer; display: none; }
.multiform-grid .circle-slash:hover { color: #f00; }

/* File */
.progressbar { width: 33%; padding:7px 7px 6px; margin: 0 2px 20px; margin-right: 10px; border: solid 1px #eee; background:#fff; background-image: -moz-linear-gradient(top, #fff, #eee); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));background-image: -o-linear-gradient(rgb(255,255,255),rgb(238,238,238)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')"; -moz-box-shadow: 0 1px 2px #777; -webkit-box-shadow: 0 1px 2px #777; box-shadow: 0 1px 2px #777; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.progressbar-outer { background: #f7f7f7; border-top: 1px solid #aaa; border-left: 1px solid #bbb; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; position: relative; height: 30px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset; }
.progressbar-inner { background-color:#aaa; position: absolute; left:0; top:0; width: 75%; height: 30px; -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.15) inset; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) inset; }
.progressbar.small { padding: 4px 4px 3px; width: 20%; }
.progressbar.small .progressbar-outer { height: 10px; }
.progressbar.small .progressbar-inner { height: 10px; background-position: center center; }
.progressbar.blue .progressbar-inner { background-color:#09e; }
.progressbar.red .progressbar-inner { background-color:#f55; }
.progressbar.green .progressbar-inner { background-color:#5c3; }
.progressbar.yellow .progressbar-inner { background-color:#fc3; }

.multiform-files { margin: 10px 0; }
.multiform-temp-file { display: table; table-layout: fixed; width: 100%; }
.multiform-temp-file .multiform-cell { display: table-cell;  word-break: break-all; word-wrap: break-word; }
.multiform-cell { text-align: right; }
.multiform-temp-file-name { text-align: left; }
.multiform-temp-file:nth-child(2n) { background: #fff; }
.multiform-temp-file:nth-child(2n+1) { background: #f9f9f9; }
.multiform-temp-file.error { background: #ffcccc; }
.multiform-temp-file.error .multiform-cell.error { color: #ff0000; }
.multiform-temp-file .progressbar { width: 90%; margin: 0 auto; float: left; margin-right: 5px; }
.multiform-temp-file.done .multiform-progress-field { color: green; text-align: center; }
.multiform-fileinput-button { position: relative; overflow: hidden; display: inline-block; }
.multiform-fileinput-button span {  background: #eee;  border: 1px solid #ccc; display: block; }
.multiform-fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer; }
@media screen\9 { .multiform-fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; } }

.multiform-file-info { font-size: .75em; margin: 5px 0; }

/* Number */
.multiform-gap-field .rangeslider-block { display: inline-block; margin: 0; }
.multiform-gap-value .irs--flat .irs-handle>i:first-child { width: 20px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin-left: -10px; }

/* Rating */
.multiform-rating > input { display: none; } 
.multiform-rating > label { margin: 0 5px; float: right; color: #ddd; font-size: 1.25em; clear: none; }
.multiform-rating > label.small, .multiform-rating a.small { font-size: 1.25em; }
.multiform-rating > label.medium, .multiform-rating a.medium { font-size: 2.2em; }
.multiform-rating > label.large, .multiform-rating a.large { font-size: 3em; }
.multiform-gap-field.pos-top .multiform-rating > label.last, .multiform-gap-field.pos-hide .multiform-rating > label.last { margin-left: 0; }
.multiform-rating > label:hover { cursor: pointer; }
.multiform-rating:not(:checked) > label:hover, 
.multiform-rating:not(:checked) > label:hover ~ label, .multiform-rating .star-full { color: #FFD700;  } 
.multiform-rating > input:checked + label:hover, 
.multiform-rating > input:checked ~ label:hover,
.multiform-rating > label:hover ~ input:checked ~ label, 
.multiform-rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
.multiform-rating.disabled label .star-full { color: #FFD700 !important;  }
.multiform-rating.disabled label { color: #ddd !important; opacity: .5; }
.multiform-rating a {  color: #ddd; float: right; font-size: 1.3em; padding: 5px 10px; text-decoration: none; }
.multiform-rating a:hover { color: #ff0000; }
.multiform-rating.multiform-error-field > label, .multiform-rating.multiform-error-field a { color: #aaa } 

/* Captcha */
.multiform-gap-captcha img { vertical-align: middle; cursor: pointer; display: inline-block; }
.multiform-gap-captcha input { display: inline-block; }

/* Formula */
.multiform-formula { display: inline-block; }
.multiform-formula span { display: inline-block; padding: 5px 10px; width: 100%; border: 1px solid #ccc; font-size: 16px; }

/* Section */
.multiform-section.l-horiz > .multiform-gap-field { display: inline-block; vertical-align: top; }
.multiform-section-multiply-icon { width: 1em; vertical-align: middle; margin-right: 5px; }
.multiform-section-multiply-inner { display: inline-block; }
.multiform-section-multiply-inner * { cursor: pointer; }
.multiform-section-multiply-inner:hover span { text-decoration: underline; }
.multiform-section-multiply[data-action="remove"] { font-size: .9em; color: #ff0000; text-align: right; }
.multiform-section-multiply[data-action="remove"] svg { fill: #ff0000; }

@font-face {
  font-family: 'multiform_fonts';
  src:  url('fonts/multiform_fonts.eot?7mxyfy');
  src:  url('fonts/multiform_fonts.eot?7mxyfy#iefix') format('embedded-opentype'),
    url('fonts/multiform_fonts.ttf?7mxyfy') format('truetype'),
    url('fonts/multiform_fonts.woff?7mxyfy') format('woff'),
    url('fonts/multiform_fonts.svg?7mxyfy#multiform_fonts') format('svg');
  font-weight: normal;
  font-style: normal;
}

i.mf { font-family: 'multiform_fonts' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
i.mf.star-empty:before { content: "\e900"; }
i.mf.star-half:before { content: "\e901"; }
i.mf.star-full:before { content: "\e902"; }
i.mf.circle-slash:before { content: "\e903"; }
i.mf.search:before { content: "\e904"; }

/*** Themes ***/
/* Fonts */
.default-theme .multiform-header { font-family: var(--font-base), sans-serif; font-size: 14px; font-style: normal; color: var(--c-green-dark); }
.default-theme .multiform-title { font-family: var(--font-decor); sans-serif; font-size: 36px; font-style: normal; color: var(--c-green-dark); }
.default-theme .multiform-form-description { font-family: var(--font-base), sans-serif; font-size: 17px; font-style: normal; color: var(--c-green-50);  text-align: center;}
.default-theme .multiform-gap-name { font-family: var(--font-base), sans-serif; font-size: 14px;  font-weight: 300; line-height: 1.35; margin-bottom: 6px; font-style: normal;  color: var(--c-green-dark); }
.default-theme .multiform-gap-value input[type="text"], .default-theme .multiform-gap-value textarea,
.default-theme .multiform-gap-value input[type="email"], .default-theme .multiform-gap-value select,
.default-theme .multiform-gap-value .multiform-formula span { font-family: var(--font-base), sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: var(--c-green-dark); }
.default-theme .multiform-gap-description { font-family: var(--font-base), sans-serif; font-size: 14px; font-style: normal; color: var(--c-green-dark); }
.default-theme .multiform-gap-value .prefix, .default-theme .multiform-attachment-text.before,
.default-theme .multiform-gap-value .suffix, .default-theme .multiform-attachment-text.after { font-family: var(--font-base), sans-serif; font-size: 14px; font-style: normal; color: var(--c-green-dark); }
.multiform-wrap.default-theme .errormsg, .default-theme .multiform-mask-error { font-family: var(--font-base), sans-serif; font-size: 14px; font-style: italic; }
.default-theme .mf-button { font-family: var(--font-base), sans-serif; font-size: 14px; font-style: normal; color: var(--c-green-dark); }
.default-theme .multiform-grid th { font-family: var(--font-base), sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: var(--c-green-dark); }
.default-theme .multiform-grid thead td { font-family: var(--font-base), sans-serif; font-size: 14px; font-style: normal; color: var(--c-green-dark); }

/* Background */
.default-theme .multiform-header {  }
.multiform-wrap.default-theme {  }
.default-theme .multiform-gap-value input[type="text"], .default-theme .multiform-gap-value textarea,
.default-theme .multiform-gap-value input[type="email"], .default-theme .multiform-gap-value select,
.default-theme .multiform-gap-value .multiform-formula span {   }
.multiform-wrap.default-theme .errormsg, .default-theme .multiform-mask-error {   }

/* Borders */
.multiform-wrap.default-theme {  }
.default-theme .multiform-gap-value textarea, .default-theme .multiform-gap-value input,
.default-theme .multiform-gap-value select { border-width: 1px; border-style: solid; border-color: #ccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.default-theme .multiform-gap-value input[type='radio'], .default-theme .multiform-gap-value input[type='checkbox'] { border-width: 0; }
.default-theme .multiform-gap-description { border-width: 0; border-style: solid; border-color: var(--c-green-dark); }
.multiform-gap-value textarea, .multiform-gap-value input, .multiform-gap-value select { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.multiform-wrap.default-theme .errormsg, .default-theme .multiform-mask-error { }
.default-theme .multiform-gap-value input[type="text"]:focus, .default-theme .multiform-gap-value textarea:focus,
.default-theme .multiform-gap-value input[type="email"]:focus, .default-theme .multiform-gap-value select:focus { border-width: 1px; border-style: solid; border-color: #99ccff; }

/* Shadows */
.multiform-wrap.default-theme {  }
.default-theme .multiform-gap-value input[type="text"]:focus, .default-theme .multiform-gap-value textarea:focus,
.default-theme .multiform-gap-value input[type="email"]:focus, .default-theme .multiform-gap-value select:focus { -webkit-box-shadow: 0 0 5px #99ccff; -moz-box-shadow: 0 0 5px #99ccff; box-shadow: 0 0 5px #99ccff; }

/* Sizes */
.multiform-popup-window .multiform-wrap.default-theme { max-width: 654px; width: calc(100% - 40px); padding: 60px 50px 50px; box-sizing:border-box; border-radius:20px;	 }


/* Margin/padding */

.default-theme .multiform-gap-field.type-button{ margin-top: 16px; }

.multiform-wrap.default-theme { margin: 0 auto; }
.default-theme .multiform-header { padding: 0 var(--gx); }
.default-theme .multiform-gap-field { padding:  var(--gy) var(--gx); margin: 0; }
.default-theme .multiform-gap-field.type-section { padding: 0; margin: 0; }
.default-theme .multiform-gap-value input[type="text"],
.default-theme .multiform-gap-value input[type="tel"], .default-theme .multiform-gap-value textarea,
.default-theme .multiform-gap-value input[type="email"], .default-theme .multiform-gap-value select,
.default-theme .multiform-gap-value .multiform-formula span { padding: 1px; 

	font-family: var(--font-base);
	font-feature-settings: 'pnum' on, 'lnum' on;
	width: 100%;
	max-width: 100%;
	padding: 0 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 40px;
	background: transparent;
	margin-right: 0;
	border-radius:6px;
	font-weight: 400;
	background: #fff;
	font-size: 14px;
	height: 48px;
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid var(--c-border);
}

.default-theme .multiform-gap-value select{ background: var(--icon-chevron-down) calc(100% - 6px) center/20px 20px no-repeat ; }

.default-theme .multiform-gap-value input[type="checkbox"] { width: 20px; height: 20px; }

.default-theme .multiform-gap-value input[type="checkbox"] { cursor: pointer; appearance: none; width: 20px; height: 20px; background: var(--icon-checked) center no-repeat #FFFFFF; background-size: 0; border: 1px solid var(--c-border); border-radius: 6px; outline: none; transition: all 0.3s ease; }
.default-theme .multiform-gap-value input[type="checkbox"]:checked { border-color: var(--c-green); background: var(--icon-checked) center no-repeat var(--c-green); background-size: 12px; }

.default-theme .multiform-gap-value input[type="radio"]{ cursor: pointer; appearance: none; -webkit-appearance: none; transition: all 0.3s ease; width: 20px; height: 20px; background:var(--icon-check) center no-repeat #fff ; background-color: #fff; background-size: 0; border-radius:99px;    }
.default-theme .multiform-gap-value input[type="radio"]:checked{ background: var(--icon-checked) center no-repeat var(--c-green); background-size: 16px;   }


.field-aggrements{ width: 20px; height: 20px; float:left; margin-right: 12px; }
.field-aggrements + .multiform-gap-description{ margin-left: 32px!important; }

.default-theme .multiform-gap-value textarea{ line-height: 1.35; padding: 8px 12px; min-height:80px }

.default-theme .multiform-gap-description { margin: 5px 0 0 0; }
.multiform-wrap.default-theme .errormsg, .default-theme .multiform-mask-error {  }
.default-theme .mf-button { padding: 2px 6px; }
.default-theme .multiform-submit { padding: 10px; }

/* Alignment */
.default-theme .multiform-header { text-align: left; }
.default-theme .multiform-title { text-align: center; }
.default-theme .multiform-form-description {  }
.default-theme .multiform-submit { text-align: left; }

/* Additional */
.default-theme .multiform-grid thead th, .default-theme .multiform-grid thead td { background-color: #e6e6e6; }
.default-theme .multiform-grid tbody tr.odd td, .default-theme .multiform-grid tbody tr.odd th { background-color: #f5f5f5; }
.default-theme .multiform-grid tbody tr.even td, .default-theme .multiform-grid tbody tr.even th { background-color: #fff; }
.default-theme .multiform-grid tbody tr:hover th, .default-theme .multiform-grid tbody tr:hover td,
.default-theme .multiform-grid tbody tr.odd:hover td { background-color: #ffffcf; }
.default-theme .multiform-rating:not(:checked) > label:hover,
.default-theme .multiform-rating:not(:checked) > label:hover ~ label,
.default-theme .multiform-rating .star-full { color: #ffd700; }

/*Icons*/
i.multiform-broom { text-decoration:none; background-repeat:no-repeat; vertical-align:top; margin-top: 5px; background-image: url("img/broom.png"); height:16px; width:16px; display:inline-block; text-indent:-9999px; }
i.multiform-loading { text-decoration:none; background-repeat:no-repeat; vertical-align:top; margin-top: 5px; background-image: url("loading16.gif"); height:16px; width:16px; display:inline-block; text-indent:-9999px; }

/* Buttons */

.default-theme .multiform-gap-field.type-button .btn{ width: 100%; }
.default-theme .multiform-gap-field.type-button .multiform-gap-value{ display: flex; justify-content: center; align-items:center; }
 

@media only screen and (max-width: 760px) {
 .multiform-wrap.multiform-adaptive-width .multiform-gap-name, .multiform-wrap.default-theme .multiform-gap-name { float: none; width: 100%; margin-bottom: 5px; }   
 .multiform-wrap.multiform-adaptive-width .multiform-gap-value, .multiform-wrap.default-theme .multiform-gap-value { margin-left: 0; width: 100%; }
 .multiform-wrap.multiform-adaptive-width .multiform-section.l-horiz > .multiform-gap-field { display: block; width: 100%; }
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-input .multiform-gap-value input, 
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-email .multiform-gap-value input,
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-phone .multiform-gap-value input, 
 .multiform-wrap.multiform-adaptive-width .multiform-gap-value select,
 .multiform-wrap.multiform-adaptive-width .multiform-gap-value textarea,
 .multiform-wrap.default-theme .multiform-gap-field.type-input .multiform-gap-value input, 
 .multiform-wrap.default-theme .multiform-gap-field.type-email .multiform-gap-value input,
 .multiform-wrap.default-theme .multiform-gap-field.type-phone .multiform-gap-value input, 
 .multiform-wrap.default-theme .multiform-gap-value select,
 .multiform-wrap.default-theme .multiform-gap-value textarea { width: 100%; max-width: 100%; }
 .multiform-wrap.default-theme .multiform-gap-value select.width50px,  .multiform-wrap.default-theme .multiform-gap-value input.width50px,
 .multiform-wrap.multiform-adaptive-width .multiform-gap-value select.width50px,  
 .multiform-wrap.multiform-adaptive-width .multiform-gap-value input.width50px { max-width: 50px; }
 .multiform-wrap.default-theme .multiform-gap-value select.width30px, .multiform-wrap.default-theme .multiform-gap-value input.width30px,
 .multiform-wrap.multiform-adaptive-width .multiform-gap-value select.width30px, 
 .multiform-wrap.multiform-adaptive-width .multiform-gap-value input.width30px { max-width: 30px; }
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field .rangeslider-block,
 .multiform-wrap.default-theme .multiform-gap-field .rangeslider-block  { width: 97%; }
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-input .multiform-gap-value .suffix, 
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-input .multiform-gap-value .prefix,
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-email .suffix, 
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-email .prefix,
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-phone .suffix, 
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-phone .prefix,
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-select .suffix, 
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-select .prefix,
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-textarea .suffix, 
 .multiform-wrap.multiform-adaptive-width .multiform-gap-field.type-textarea .prefix,
 .multiform-wrap.default-theme .multiform-gap-field.type-input .multiform-gap-value .suffix, 
 .multiform-wrap.default-theme .multiform-gap-field.type-input .multiform-gap-value .prefix,
 .multiform-wrap.default-theme .multiform-gap-field.type-email .suffix, 
 .multiform-wrap.default-theme .multiform-gap-field.type-email .prefix,
 .multiform-wrap.default-theme .multiform-gap-field.type-phone .suffix, 
 .multiform-wrap.default-theme .multiform-gap-field.type-phone .prefix,
 .multiform-wrap.default-theme .multiform-gap-field.type-select .suffix, 
 .multiform-wrap.default-theme .multiform-gap-field.type-select .prefix,
 .multiform-wrap.default-theme .multiform-gap-field.type-textarea .suffix, 
 .multiform-wrap.default-theme .multiform-gap-field.type-textarea .prefix { margin: 0 }

 .multiform-popup-window .multiform-wrap.default-theme{ padding: 40px 20px; }

 .default-theme .multiform-title{ font-size: 28px; }
 .default-theme .multiform-form-description{ font-size: 15px; }
 .multiform-gap-fields{ flex-direction:column; }

 .mf-colm6{ width: 100%; }

}
/* Other theme settings, which break the styles */
.multiform-gap-field.type-rating input[type=radio].at-stylize-input + .at-stylize-box { display: none; }
.multiform-gap-value .picker { margin: 0; padding: 0; }
.multiform-gap-value .picker .picker-handle { display: none; }

@media screen and (max-width: 480px){
	.default-theme .multiform-title{ font-size: 24px; }
 	.default-theme .multiform-form-description{ font-size: 14px; }
 	.multiform-popup-window .multiform-wrap.default-theme{  width: calc(100% - 20px); margin: 0 auto !important;  height: calc(100dvh - 20px) !important; transform: none; left: 10px; top: 10px; right: 10px; bottom: 10px; }
}