/*******************************************/
/***** forms and form related elements *****/
/*******************************************/

/* see overview of elements and classes under _tools/tests/formcssexamples.html. If you add styles for new elements here please add those elements there as well */

/* resets */
textarea, input, select, button { font-family: inherit; font-size: inherit; color: inherit; }

/* formelements */ 
.formelements { display: inline-block; width: 100%; width: calc(100% + 20px); margin: 0 -10px;  padding: 0; list-style: none; }
.formelement { display: inline-block; vertical-align: bottom; width: 100%; padding: 10px; }
.formelements.twocol .formelement, .formelement.twocol { width: 100%; }
.formelements.twocol .tright { text-align: left; }
.formelements.threecol .formelement, .formelement.threecol { width: 33.333333%; }
.formelements.fullwidth .formelement input, .formelements.fullwidth .formelement select, .formelements.fullwidth .formelement textarea, .formelements.fullwidth .formelement button, .formelements.fullwidth .formelement a.button, .formelements.fullwidth .formelement .textareawrap, .formelement.fullwidth input, .formelement.fullwidth select, .formelement.fullwidth textarea, .formelement.fullwidth button, .formelement.fullwidth a.button, .formelement.fullwidth .textareawrap { width: 100% !important; max-width: none !important}
.formelements.autowidth .formelement, .formelement.autowidth { width: auto; }

.echoverlay-inner-wrap .formbuttons { 
position: absolute;
left: 0;
bottom: 0;
z-index: 999;
padding: 10px 0 10px 0;
border-top: 1px solid #ddd;
margin: 0 40px;
width: calc(100% - 80px);
background-color: #fff; }
.formelement>input[type="button"]:first-child, .formelement>input[type="submit"]:first-child, .formelement>input[type="reset"]:first-child, .formelement>button:first-child, .formelement>a.button:first-child { margin-top: 21px; } /* buttons without label have margin top to show on same level like input fields */
.formelement>input[type="button"].nolabelspace:first-child, mformelement>input[type="submit"].nolabelspace:first-child, .formelement>input[type="reset"].nolabelspace:first-child, .formelement>button.nolabelspace:first-child, .formelement>a.button.nolabelspace:first-child { margin-top: 0px; } /* but occasionally you dont need that space for example if the form doesn't have labels */

/* labels */
label { color: #333;margin: 0 0 5px 0;display: block;font-weight: bold; }
.formelement label { margin-bottom: 5px; }

/* labels field tpl */
label.tplstyled { cursor: pointer;margin:10px 0; }
label.tplstyled .tplimg { background-repeat: no-repeat;height: 45px;background-size: 25px;background-position: center;background-color: #f4f4f4;width: 65px;margin: 0 auto;position: relative; }
label.tplstyled p { text-align: center; }
label.tplstyled.position-MAIN .tplimg { background-image: url(/_admin/assets/content/icon/navMain_7F7F7F.svg); }
label.tplstyled.position-SUB .tplimg { background-image: url(/_admin/assets/content/icon/navSub_7F7F7F.svg); }
label.tplstyled.position-META_ABOVE .tplimg { background-image: url(/_admin/assets/content/icon/navMetaTop_7F7F7F.svg); }
label.tplstyled.position-META_BELOW .tplimg { background-image: url(/_admin/assets/content/icon/navMetaBot_7F7F7F.svg); }
label.tplstyled.position-LANG .tplimg { background-image: url(/_admin/assets/content/icon/navLanguage_7F7F7F_000000_FFFFFF.svg); }
label.tplstyled.position-0 .tplimg { background-image: url(/_admin/assets/content/icon/navInvisible_7F7F7F.svg); }
input:checked+.tplstyled.position-MAIN .tplimg { background-image: url(/_admin/assets/content/icon/navMain_FFFFFF.svg); }
input:checked+.tplstyled.position-SUB .tplimg { background-image: url(/_admin/assets/content/icon/navSub_FFFFFF.svg); }
input:checked+.tplstyled.position-META_ABOVE .tplimg { background-image: url(/_admin/assets/content/icon/navMetaTop_FFFFFF.svg); }
input:checked+.tplstyled.position-META_BELOW .tplimg { background-image: url(/_admin/assets/content/icon/navMetaBot_FFFFFF.svg); }
input:checked+.tplstyled.position-META_LANG .tplimg { background-image: url(/_admin/assets/content/icon/navLanguage_FFFFFF_FFFFFF_ED6B00.svg); }
input:checked+.tplstyled.position-0 .tplimg { background-image: url(/_admin/assets/content/icon/navInvisible_FFFFFF.svg); }
label.tplstyled.position-MAIN .tplimg { background-image: url(/_admin/assets/content/icon/navMain_7F7F7F.svg); }

input:checked+.tplstyled .tplimg { background-color: #ed6b00; }
input:checked+.tplstyled .tplimg:after { content: ''; position: absolute; background-image: url(/_admin/assets/content/icon/checkmark_FFFFFF.svg);width: 15px;height: 15px; top:0; right: 0;background-size: 11px;background-repeat: no-repeat;background-position: center; }

label.tplstyled._module_id-14 .tplimg { background-image: url(/_admin/assets/content/icon/moduleArticle_7F7F7F.svg); }
label.tplstyled._module_id-5 .tplimg { background-image: url(/_admin/assets/content/icon/moduleFormmail_7F7F7F.svg); }
label.tplstyled._module_id-35 .tplimg { background-image: url(/_admin/assets/content/icon/moduleGallery_7F7F7F.svg); }
label.tplstyled._module_id-8 .tplimg { background-image: url(/_admin/assets/content/icon/moduleList_7F7F7F.svg); }
label.tplstyled._module_id-37 .tplimg { background-image: url(/_admin/assets/content/icon/moduleNewsletter_7F7F7F.svg); }
label.tplstyled._module_id-41 .tplimg { background-image: url(/_admin/assets/content/icon/moduleProductions_7F7F7F.svg); }
label.tplstyled._module_id-42 .tplimg { background-image: url(/_admin/assets/content/icon/moduleCalendar_7F7F7F.svg); }
label.tplstyled._module_id-2 .tplimg { background-image: url(/_admin/assets/content/icon/moduleFreepage_7F7F7F.svg); }
label.tplstyled._module_id-1 .tplimg { background-image: url(/_admin/assets/content/icon/modulePageNotFound_7F7F7F.svg); }
label.tplstyled._module_id-40 .tplimg { background-image: url(/_admin/assets/content/icon/moduleRSSFeed_7F7F7F.svg); }
label.tplstyled._module_id-4 .tplimg { background-image: url(/_admin/assets/content/icon/moduleSitemap_7F7F7F.svg); }
label.tplstyled._module_id-3 .tplimg { background-image: url(/_admin/assets/content/icon/moduleSearch_7F7F7F.svg); }
label.tplstyled._module_id-13 .tplimg { background-image: url(/_admin/assets/content/icon/moduleForwarding_7F7F7F.svg); }

label.tplstyled._module_id-39 .tplimg { background-image: url(/_admin/assets/content/icon/_7F7F7F.svg); }
label.tplstyled._module_id-38 .tplimg { background-image: url(/_admin/assets/content/icon/_7F7F7F.svg); }
label.tplstyled._module_id-6 .tplimg { background-image: url(/_admin/assets/content/icon/_7F7F7F.svg); }
label.tplstyled._module_id-7 .tplimg { background-image: url(/_admin/assets/content/icon/_7F7F7F.svg); }

input:checked+.tplstyled._module_id-14 .tplimg { background-image: url(/_admin/assets/content/icon/navMain_FFFFFF.svg); }
input:checked+.tplstyled._module_id-5 .tplimg { background-image: url(/_admin/assets/content/icon/moduleFormmail_FFFFFF.svg); }
input:checked+.tplstyled._module_id-35 .tplimg { background-image: url(/_admin/assets/content/icon/moduleGallery_FFFFFF.svg); }
input:checked+.tplstyled._module_id-8 .tplimg { background-image: url(/_admin/assets/content/icon/moduleList_FFFFFF.svg); }
input:checked+.tplstyled._module_id-37 .tplimg { background-image: url(/_admin/assets/content/icon/moduleNewsletter_FFFFFF.svg); }
input:checked+.tplstyled._module_id-41 .tplimg { background-image: url(/_admin/assets/content/icon/moduleProductions_FFFFFF.svg); }
input:checked+.tplstyled._module_id-42 .tplimg { background-image: url(/_admin/assets/content/icon/moduleCalendar_FFFFFF.svg); }
input:checked+.tplstyled._module_id-2 .tplimg { background-image: url(/_admin/assets/content/icon/moduleFreepage_FFFFFF.svg); }
input:checked+.tplstyled._module_id-1 .tplimg { background-image: url(/_admin/assets/content/icon/modulePageNotFound_FFFFFF.svg); }
input:checked+.tplstyled._module_id-40 .tplimg { background-image: url(/_admin/assets/content/icon/modulRSSFeed_FFFFFF.svg); }
input:checked+.tplstyled._module_id-4 .tplimg { background-image: url(/_admin/assets/content/icon/moduleSitemap_FFFFFF.svg); }
input:checked+.tplstyled._module_id-3 .tplimg { background-image: url(/_admin/assets/content/icon/moduleSearch_FFFFFF.svg); }
input:checked+.tplstyled._module_id-13 .tplimg { background-image: url(/_admin/assets/content/icon/moduleForwarding_FFFFFF.svg); }
input:checked+.tplstyled._module_id-38 .tplimg { background-image: url(/_admin/assets/content/icon/_FFFFFF.svg); }
input:checked+.tplstyled._module_id-39 .tplimg { background-image: url(/_admin/assets/content/icon/_FFFFFF.svg); }
input:checked+.tplstyled._module_id-6 .tplimg { background-image: url(/_admin/assets/content/icon/_FFFFFF.svg); }
input:checked+.tplstyled._module_id-7 .tplimg { background-image: url(/_admin/assets/content/icon/_FFFFFF.svg); }


label.tplstyled.notation-0 .tplimg, label.tplstyled.notation-1 .tplimg, label.tplstyled.notation-2 .tplimg, label.tplstyled.notation-3 .tplimg, label.tplstyled.notation-4 .tplimg, label.tplstyled.notation-5 .tplimg, label.tplstyled.notation-6 .tplimg, label.tplstyled.notation-7 .tplimg{ height: 80px;background-size: 65px;width: 80px; }
label.tplstyled.notation-1 .tplimg { background-image: url(/_admin/assets/content/icon/notation1_7F7F7F.svg); }
input:checked+.tplstyled.notation-1 .tplimg { background-image: url(/_admin/assets/content/icon/notation1_FFFFFF.svg); }
label.tplstyled.notation-2 .tplimg { background-image: url(/_admin/assets/content/icon/notation2_7F7F7F.svg); }
input:checked+.tplstyled.notation-2 .tplimg { background-image: url(/_admin/assets/content/icon/notation2_FFFFFF.svg); }
label.tplstyled.notation-3 .tplimg { background-image: url(/_admin/assets/content/icon/notation3_7F7F7F.svg); }
input:checked+.tplstyled.notation-3 .tplimg { background-image: url(/_admin/assets/content/icon/notation3_FFFFFF.svg); }
label.tplstyled.notation-4 .tplimg { background-image: url(/_admin/assets/content/icon/notation4_7F7F7F.svg); }
input:checked+.tplstyled.notation-4 .tplimg { background-image: url(/_admin/assets/content/icon/notation4_FFFFFF.svg); }
label.tplstyled.notation-5 .tplimg { background-image: url(/_admin/assets/content/icon/notation5_7F7F7F.svg); }
input:checked+.tplstyled.notation-5 .tplimg { background-image: url(/_admin/assets/content/icon/notation5_FFFFFF.svg); }
label.tplstyled.notation-6 .tplimg { background-image: url(/_admin/assets/content/icon/notation6_7F7F7F.svg); }
input:checked+.tplstyled.notation-6 .tplimg { background-image: url(/_admin/assets/content/icon/notation6_FFFFFF.svg); }
label.tplstyled.notation-7 .tplimg { background-image: url(/_admin/assets/content/icon/notation7_7F7F7F.svg); }
input:checked+.tplstyled.notation-7 .tplimg { background-image: url(/_admin/assets/content/icon/notation7_FFFFFF.svg); }


label.tplstyled.tpl_id-0 .tplimg, label.tplstyled.tpl_id-1 .tplimg { height: 80px;background-size: contain;width: 80px; }
label.tplstyled.tpl_id-0 .tplimg { background-image: url(/_admin/assets/content/icon/static/module_freepage1_detail_NEU.png); }
label.tplstyled.tpl_id-1 .tplimg { background-image: url(/_admin/assets/content/icon/static/module_freepage2_detail_NEU.png); }

/* fileupload */
.fileupload { position:relative; }
.fileupload input[type="file"] { bottom:0;left:0;opacity:0;overflow:hidden;position:absolute;right:0;top:0;width:100%; }
.fileupload label { border-radius:15px;outline:2px dashed #B5B5B5;padding:20px;text-align:center;width:calc(100% - 2px);margin: 0 0 0 2px; }
.fileupload label span { display:block; }
.fileupload label span.icon-dnd { background-image: url(/_admin/assets/content/icon/cloudUpload_ED6B00.svg);background-position:top center;background-repeat:no-repeat;background-size:28px 20px;padding: 30px 0 0; }


/* fieldsets */
fieldset { margin: 0; border: 0 none; padding: 10px 0; }

/* legends */
legend,.legend { font-size: 1.714em; display: block; padding: 1.00em 0 .50em; margin: 0px; text-transform: none; font-weight: normal; }

/* input types */
input[type="text"], input[type="password"], input[type="url"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], input[type="date"], input[type="week"], input[type="datetime"], input[type="month"], input[type="number"], input[type="datetime-local"], input[type="time"] {  border: 1px solid #d8d8d8; border-radius: 4px; padding: 10px; width: 100%; max-width: 300px; font-size: 16px; line-height: 19px; color: #333333; outline: none; }

/* select */
select { display: none; color: #888; line-height: 1.3; padding: 9px; width: 100%; max-width: 100%;  box-sizing: border-box; margin: 0; border: 1px solid #d3d3d3; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url(/_admin/assets/content/icon/arrowheadDown_ED6B00.svg); background-repeat: no-repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; }
select { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
select::-ms-expand { display: none; }
select option { font-weight:normal; color: #333; }
select:disabled, select[aria-disabled=true] { background-image: url(/_admin/assets/content/icon/arrowheadDown_BABABA.svg); }
select.map.multiple[multiple] { width:100%; }


.custom-select-wrapper { position: relative; user-select: none; width: 100%; }
 .custom-select { 
	 position: relative;
	 display: flex !important;
	 flex-direction: column;
	 border: 1px solid #BABABA;
	 border-radius: 34px;
	 padding: 9px;
	 background-color: #fff;
}
form .custom-select{border-radius: 0}
 .custom-select__trigger { position: relative; display: flex; align-items: center; justify-content: space-between; color: #333333; cursor: pointer; }
 .custom-select__trigger .arrow { position: relative; height: 15px; width: 15px;background-image: url(/_admin/assets/content/icon/arrowheadDown_ED6B00.svg);background-repeat: no-repeat;background-position: center;background-size: .65em auto, 100%; }
 .custom-options { position: absolute; display: none; top: 120%; left: 0; right: 0; background: #fff; transition: all 0.5s; /*opacity: 0; visibility: hidden;*/ pointer-events: none; z-index: 2; border-radius: 9px; padding: 10px;-webkit-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.2);box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.2); overflow-y: hidden;overflow-x: hidden; }
 .custom-select.open .custom-options {display:block; pointer-events: all; max-height: 300px; overflow-y: auto;z-index: 999; }
 .custom-option { position: relative; display: block;padding: 5px 5px 5px 33px;cursor: pointer;transition: all 0.5s; }
.custom-option span.checkimg { width: 15px;height:15px;;position: absolute;left: 5px;top:7px; }
.custom-option img { border: 1px solid #7f7f7f;border-radius: 50%; }
 .custom-option:hover { cursor: pointer; }
.custom-option.selected img { background-color: #ED6B00;border-color: #ED6B00; }


/* select */

.textareawrap { width: 100%; position: relative; }
textarea {  border: 1px solid #d8d8d8; font-size: 16px; line-height: 19px; padding: 10px; width: 100%;border-radius: 4px; }
.textareawrap textarea,.textareawrap .trumbowyg-editor { background-color: #eee; }

/* checkbox & radio & tpl */
.checkboxlist, .radiolist, .tpllist { margin: 0; padding: 0; display: block; list-style: none; }
.checkboxlist input, .radiolist input, .tpllist input { display: none; }
.checkboxlist > li, .tpllist>li { margin: 0; padding: 0; display: block; }
.radiolist > li{display: /*inline-*/block; margin: 0; padding: 0; margin-right: 20px}
.checkboxlist>li label, .radiolist>li label, .tpllist>li label { font-weight: normal; }
.tpllist.horizontal>li { display: inline-block; margin-right: 22px; }
.checkboxlist.horizontal>li:last-child, .radiolist.horizontal>li:last-child, .tpllist.horizontal>li:last-child { margin-right: 0; }

.checkboxstyled, .radiostyled { display: inline-block; vertical-align: middle; width: 16px; height: 16px; border: 1px solid #666666; position: relative;cursor: pointer; }
.checkboxstyled { border-radius: 4px; }
.checkboxstyled+label, .radiostyled+label { display: inline-block; vertical-align: middle; width: calc( 100% - 16px); padding-left: 8px; cursor: pointer; }

input+.checkboxstyled:before, input+.radiostyled:before { content:'';background-image: url(/_admin/assets/content/icon/checkmark_FFFFFF.svg); background-repeat: no-repeat; background-position: center; background-size: 10px; display: block; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; background-color: rgba(0,0,0,0);width: 16px;height: 16px; }
input+.checkboxstyled:before { border-radius: 4px; }
input:checked+.checkboxstyled:before, input:checked+.radiostyled:before { background-color: #ed6b00; }

input:checked~label:not(.checkboxstyled), input:checked~label:not(.radiostyled) { font-weight: bold; }

input:disabled+.checkboxstyled, input:disabled+.radiostyled { border-color: #DDDDDD; cursor: not-allowed; }
input:disabled+.checkboxstyled:before, input:disabled+.radiostyled:before { background-color: #DDDDDD; }
input:checked:disabled+.checkboxstyled:before, input:disabled:checked+.radiostyled:before { background-color: #ed6b00; }
input:disabled+.checkboxstyled+label, input:disabled+.radiostyled+label { cursor: not-allowed; }

.radiostyled, input+.radiostyled:before { border-radius: 50%; }

.checkboxlist.buttonlike>li .checkboxstyled, .radiolist.buttonlike>li .radiostyled{ display: none; }
.checkboxlist.buttonlike>li, .radiolist.buttonlike>li { margin: 0px 5px 5px 0px; }
.checkboxlist.buttonlike.horizontal>li, .radiolist.buttonlike.horizontal>li { margin-right: 0px; }
.checkboxlist.buttonlike.horizontal>li+li .checkboxstyled+label, .radiolist.buttonlike.horizontal>li+li .radiostyled+label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.checkboxlist.buttonlike.horizontal>li:not(:last-child) .checkboxstyled+label, .radiolist.buttonlike.horizontal>li:not(:last-child) .radiostyled+label { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }


.dropdown { position: relative; display: inline-block;cursor: pointer; }
.dropdown:after { content: '';position: absolute; right:-20px; top:50%; background-image: url("gfx/dropdown.svg"); background-position: center;width: 10px; height: 10px;background-repeat: no-repeat;transform: rotate(180deg);}
.dropdown.open:after { transform: rotate(0deg); }
.dropdownelem { display:none; }

/* datetime icon */
input.datetime { background-image:url(/_admin/assets/content/icon/calendar_ED6B00.svg); background-position: center right 20px; background-repeat: no-repeat; background-size: 15px; }

/* datetimepicker */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #888;
box-shadow: #888 0 1px 3px 0 inset; }
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover,.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	background: #ED6B00 !important;
}

/* buttons */
input[type="button"], input[type="submit"], input[type="reset"], button, a.button, .checkboxlist.buttonlike > li .checkboxstyled + label, .radiolist.buttonlike > li .radiostyled + label, .trumbowyg-modal-submit { background-color: #ED6B00; border-color: #ED6B00; color: #FFFFFF; border-radius: 4px; padding: 11px 20px; border-width: 1px; border-style: solid; font-weight: 600; text-decoration: none; display: inline-block; vertical-align: middle; cursor: pointer; text-align: center; width: auto; margin-bottom: 0px; }

input[type="button"].grey, input[type="submit"].grey, input[type="reset"].grey, button.grey, a.button.grey { background-color: #7f7f7f; border-color: #7f7f7f;  }
input[type="button"].green, input[type="submit"].green, input[type="reset"].green, button.green, a.button.green { background-color: #44AF69; border-color: #44AF69;  }
input[type="button"].light, input[type="submit"].light, input[type="reset"].light, button.light, a.button.light, .trumbowyg-modal-reset { background-color: #ffffff;color: #ED6B00 !important;border: 1px solid #ED6B00 !important; }
input[type="button"].light:hover, input[type="submit"].light:hover, input[type="reset"].light:hover, button.light:hover, a.button.light:hover, .trumbowyg-modal-reset:hover, input[type="button"].light:active, input[type="submit"].light:active, input[type="reset"].light:active, button.light:active, a.button.light:active, .trumbowyg-modal-reset:active, input[type="button"].light:focus, input[type="submit"].light:focus, input[type="reset"].light:focus, button.light:focus, a.button.light:focus, .trumbowyg-modal-reset:focus { background-color: #fff; text-decoration: underline; }


input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, button:disabled, a.button.disabled, .checkboxlist.buttonlike>li input:disabled+.checkboxstyled+label, .radiolist.buttonlike>li input:disabled+.radiostyled+label,input[type="button"]:disabled:hover, input[type="submit"]:disabled:hover, input[type="reset"]:disabled:hover, button:disabled:hover, a.button.disabled:hover { background-color: #BABABA; border-color: #BABABA; box-shadow:none; cursor: not-allowed; }
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, a.button:hover, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, button:focus, a.button:focus { background-color: #EF7A1A; border-color: #EF7A1A; -webkit-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.2); }
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active, a.button:active { background-color:#D56000;border-color:#D56000;box-shadow:none; }

input[type="button"].green:hover, input[type="submit"].green:hover, input[type="reset"].green:hover, button.green:hover, a.button.green:hover, input[type="button"].green:focus, input[type="submit"].green:focus, input[type="reset"].green:focus, button.green:focus, a.button.green:focus, input[type="button"].green:active, input[type="submit"].green:active, input[type="reset"].green:active, button.green:active, a.button.green:active { background-color:#44AF69;border-color:#44AF69; }

.checkboxlist.buttonlike>li .checkboxstyled+label, .radiolist.buttonlike>li .radiostyled+label { background-color: #BABABA; border-color: #BABABA; }
.checkboxlist.buttonlike>li input:checked+.checkboxstyled+label, .radiolist.buttonlike>li input:checked+.radiostyled+label { background-color: #ED6B00; border-color: #ED6B00; }


/* colors / styles */

/* buttons secondary */
input.secondary[type="button"], input.secondary[type="submit"], input.secondary[type="reset"], button.secondary, a.button.secondary { background-color: #BABABA; border-color: #BABABA; }
input.secondary[type="button"]:disabled, input.secondary[type="submit"]:disabled, input.secondary[type="reset"]:disabled, button.secondary:disabled, a.button.secondary.disabled { background-color: #BABABA; border-color: #BABABA; box-shadow:none; cursor: not-allowed; }
/* buttons remove */
input.remove[type="button"], input.remove[type="submit"], input.remove[type="reset"], button.remove, a.button.remove { background-color: #FFFFFF; border-color: #F8333C; color: #F8333C; }
input.light[type="button"], input.light[type="submit"], input.light[type="reset"], button.light, a.button.light { background-color: #FFFFFF; border-color: #ed6b00; color: #ed6b00; }
input.remove[type="button"]:hover, input.remove[type="submit"]:hover, input.remove[type="reset"]:hover, button.remove:hover, a.button.remove:hover, input.remove[type="button"]:focus, input.remove[type="submit"]:focus, input.remove[type="reset"]:focus, button.remove:focus, a.button.remove:focus { background-color: #F8333C;border-color: #F8333C; box-shadow: 1px 2px 0 rgba(248,51,60,.5); color: #FFF; }
input.remove[type="button"]:active, input.remove[type="submit"]:active, input.remove[type="reset"]:active, button.remove:active, a.button.remove:active { background-color: #DF2E36; border-color: #DF2E36; box-shadow: none; }

input.remove[type="button"]:disabled, input.remove[type="submit"]:disabled, input.remove[type="reset"]:disabled, button.remove:disabled, a.button.remove.disabled { background-color: #BABABA; border-color: #BABABA; box-shadow:none; color: #FFFFFF; cursor: not-allowed; }

input.light[type="button"]:hover, input.light[type="submit"]:hover, input.light[type="reset"]:hover, button.light:hover, a.button.light:hover, input.light[type="button"]:focus, input.light[type="submit"]:focus, input.light[type="reset"]:focus, button.light:focus, a.button.light:focus { background-color: #fff;border-color: #ed6b00; color: #ed6b00;text-decoration: underline; }
input.light[type="button"]:active, input.light[type="submit"]:active, input.light[type="reset"]:active, button.light:active, a.button.light:active { background-color: #fff; border-color: #ed6b00; box-shadow: none; }

input.light[type="button"]:disabled, input.light[type="submit"]:disabled, input.light[type="reset"]:disabled, button.light:disabled, a.button.light.disabled { background-color: #BABABA; border-color: #BABABA; box-shadow:none; color: #FFFFFF; cursor: not-allowed; }

/* buttons transparent */
input.transparent[type="button"], input.transparent[type="submit"], input.transparent[type="reset"], button.transparent, a.button.transparent { background-color: transparent; border-color: transparent; color: #FFFFFF; }
input.transparent[type="button"]:disabled, input.transparent[type="submit"]:disabled, input.transparent[type="reset"]:disabled, button.transparent:disabled, a.button.transparent.disabled { border-color: #BABABA; color: #BABABA; box-shadow:none; cursor: not-allowed; }
/* buttons addbuttons */
input.addbutton[type="button"], input.addbutton[type="submit"], input.addbutton[type="reset"], button.addbutton, a.button.addbutton { border: 2px dashed #B5B5B5; background-color: transparent; color: #B5B5B5; text-align: center; }
input.addbutton[type="button"]:disabled, input.addbutton[type="submit"]:disabled, input.addbutton[type="reset"]:disabled, button.addbutton:disabled, a.button.addbutton.disabled { border-color: #BABABA; color: #BABABA; box-shadow:none; cursor: not-allowed; }
/* buttons roundbutton */
input.roundbutton[type="button"], input.roundbutton[type="submit"], input.roundbutton[type="reset"], button.roundbutton, a.button.roundbutton { border-radius: 20px; }
input.roundbutton.bigbutton[type="button"], input.roundbutton.bigbutton[type="submit"], input.roundbutton.bigbutton[type="reset"], button.roundbutton.bigbutton, a.button.roundbutton.bigbutton { border-radius: 30px; }
input.roundbutton.smallbutton[type="button"], input.roundbutton.smallbutton[type="submit"], input.roundbutton.smallbutton[type="reset"], button.roundbutton.smallbutton, a.button.roundbutton.smallbutton { border-radius: 15px; }

/* sizes */

/* buttons small */
input.smallbutton[type="button"], input.smallbutton[type="submit"], input.smallbutton[type="reset"], button.smallbutton, a.button.smallbutton { padding: 6px 12px; letter-spacing: 1px}
/* buttons big */
input.bigbutton[type="button"], input.bigbutton[type="submit"], input.bigbutton[type="reset"], button.bigbutton, a.button.bigbutton { font-size: 20px; padding: 17px 40px; border-radius: 0px; }
/* buttons fullwidth */
input.fullwidth[type="button"], input.fullwidth[type="submit"], input.fullwidth[type="reset"], button.fullwidth, a.button.fullwidth { width: 100%; }
/* textsize */
input.smalltext[type="button"], input.smalltext[type="submit"], input.smalltext[type="reset"], button.smalltext, a.button.smalltext, label.smalltext { font-size:.714em; }

/* formerrors and formsuccesses */
form li.error input {
    border: 1px solid #f00;
}
form li.error label {
    color:  #f00;
}
ul.formerrors, ul.formsuccesses, ul.forminfo { list-style: none; padding: 0; margin: 0; }
.formerror, .formsuccess, .forminfo, .formelement label.formerror, .formelement label.formsuccess, .formelement label.forminfo { 
	border-color: #F8333C;
	border-radius: 9px;
	color: #FFFFFF; 
	background-color: #F8333C; 
	border-width: 2px; 
	border-style: solid; 
	padding: 20px 30px; 
	width: auto; 
	font-size: 0.9285714285714286em; 
	margin: 0;
	clear: both;
	position: relative;
}
.formerror strong, .formsuccess strong, .forminfo strong, .formelement label.formerror, .formelement label.formsuccess, .formelement label.forminfo{
	font-size: 1.0769230769230769em;
}
.formelement label.formerror, .formelement label.formsuccess, .formelement label.forminfo { padding: 10px; }
.formerrors+.formerrors, .formsuccesses+.formsuccesses, 
.formerror+.formerrors, .formsuccess+.formsuccesses, 
.formerrors+.formerror, .formsuccesses+.formsuccess, 
.formerror+.formerror, .formsuccess+.formsuccess, 
.forminfos+.forminfos, .forminfo+.forminfos, .forminfos+.forinfo,  .forminfo+.forminfo, 
.formelement .formerror+label.formerror, .formelement .formsuccess+label.formsuccess, .formelement .formsuccess+label.forminfo, 
.formelement .formerrors+label.formerror, .formelement .formsuccesses+label.formsuccess, .formelement .formsuccesses+label.forminfo { margin-top: 2px; }
.formsuccess.alertmsg,.formerror.alertmsg,.forminfo.alertmsg { margin: 0 0 20px 0; }

.formerrors, .formsuccesses, .forminfos ul.formerrors, ul.formsuccesses, ul.forminfos { background-color: #F8333C; padding: 5px; border-radius: 8px; color: #FFFFFF; }
.formerrors .formerror, .formsuccesses .formsuccess, .forminfos .forminfo, .formelement .formerrors label.formerror, .formelement .formsuccesses label.formsuccess, .formelement .forminfos label.forminfo { border-width: 0px; }
.formerrors .formerror:before, .formsuccesses .formsuccess:before, .forminfos .forminfo:before , .formelement .formerrors label.formerror:before, .formelement .formsuccesses label.formsuccess:before, .formelement .forminfos label.forminfo:before { 
	/*content:'';*/
	display: inline-block; 
	vertical-align: top; 
	width: 6px; 
	height: 6px; 
	border-radius: 50%; 
	background-color: #FFFFFF; 
	margin: 5px 5px 0 0; 
}
fieldset.formerrors { padding: 20px 20px 20px 40px;margin: 20px 0; }
fieldset label.formerror { cursor: pointer;padding-left: 0; }


/* formerrors-light */
.formerror.formerror-light, .formsuccess.formsuccess-light, .formsuccess.forminfo-light, .formerrors.formerror-light .formerror, .formsuccesses.formsuccess-light .formsuccess, .forminfos.forminfo-light .forminfo, .formerrors.formerrors-light .formerror, .formsuccesses.formsuccesses-light .formsuccess, .forminfos.forminfos-light .forminfo { background-color: transparent; padding-left: 40px; padding-right: 0; color: #F8333C; border-radius: 0; border-width: 0; }
.formerrors.formerror-light, .formsuccesses.formsuccess-light, .forminfos.forminfo-light, .formerrors.formerrors-light, .formsuccesses.formsuccesses-light, .forminfos.forminfos-light { background-color: transparent; }
.formerror.formerror-light:before, .formsuccess.formsuccess-light:before, .forminfo.forminfo-light:before, .formerrors.formerror-light .formerror:before, .formsuccesses.formsuccess-light .formsuccess:before, .forminfos.forminfo-light .forminfo:before, .formerrors.formerrors-light .formerror:before, .formsuccesses.formsuccesses-light .formsuccess:before, .forminfos.forminfos-light .forminfo:before { background-color: #F8333C; }

/* formerror-icon */
.formerror.formerror-icon:before, .formsuccess.formsuccess-icon:before, .forminfo.forminfo-icon:before { 
	content: '!'; 
	display: inline-block; 
	vertical-align: top;
	width: 14px; 
	height: 14px; 
	border: 1px solid #FFFFFF; 
	color: #FFFFFF; 
	text-align: center; 
	border-radius: 50%; 
	line-height: 14px; 
	font-size: 9px; 
	background-color: #F8333C; 
	margin: 0 5px 0 0;
	left: 12px;
position: absolute; }
.formerror.formerror-light.formerror-icon:before, .formsuccess.formsuccess-light.formsuccess-icon:before, .forminfo.forminfo-light.forminfo-icon:before, .formerrors.formerror-light .formerror.formerror-icon:before, .formsuccesses.formsuccess-light .formsuccess.formsuccess-icon:before, .forminfos.forminfo-light .forminfo.forminfo-icon:before, .formerrors.formerrors-light .formerror.formerror-icon:before, .formsuccesses.formsuccesses-light .formsuccess.formsuccess-icon:before, .forminfos.forminfos-light .forminfo.forminfo-icon:before { border-color: #F8333C; color: #F8333C; background-color: transparent; }
.formerrors .formerror.formerror-icon:before, .formsuccesses .formsuccess.formsuccess-icon:before, .forminfos .forminfo.forminfo-icon:before { margin-left: -5px; }

/* colors for formsuccess */
.formsuccess, .formelement label.formsuccess { border-color: #409130; background-color: #409130; }
.formsuccesses, ul.formsuccesses { background-color: #409130; }
.formsuccess.formsuccess-light, .formsuccesses.formsuccess-light .formsuccess, .formsuccesses.formsuccesses-light .formsuccess { color: #409130; }
.formsuccess.formsuccess-light:before, .formsuccesses.formsuccess-light .formsuccess:before, .formsuccesses.formsuccesses-light .formsuccess:before { background-color: #409130; }
.formsuccess.formsuccess-icon:before { content: "\2713"; /*checkmark symbol*/ background-color: #409130; }
.formsuccess.formsuccess-light.formsuccess-icon:before, .formsuccesses.formsuccess-light .formsuccess.formsuccess-icon:before, .formsuccesses.formsuccesses-light .formsuccess.formsuccess-icon:before { border-color: #409130; color: #409130; }

/* colors for forminfo */
.forminfo, .formelement label.forminfo { border-color: #ecc30b; background-color: #ecc30b;color:#333; }
.forminfos, ul.forminfos { background-color: #ecc30b; }
.forminfo.forminfo-light, .forminfos.forminfo-light .forminfo, .forminfos.forminfos-light .forminfo { color: #ecc30b; }
.forminfo.forminfo-light:before, .forminfos.forminfo-light .forminfo:before, .forminfos.forminfos-light .forminfo:before { background-color: #ecc30b; }
.forminfo.forminfo-icon:before { background-color: #ecc30b;color:#333;border-color:#333; }
.forminfo.forminfo-light.forminfo-icon:before, .forminfos.forminfo-light .forminfo.forminfo-icon:before, .forminfos.forminfos-light .forminfo.forminfo-icon:before { border-color: #ecc30b; color: #ecc30b; }


/* mappings */
[data-blueprint-of] { display: none; }
._map_table[data-mapcount='0'] { display: none; }


/*corrections for wysiwyg editor*/
button.trumbowyg-modal-button , .formelement.fullwidth .wysiwygwrap button { padding:0 10px; width:inherit !important; max-width:none !important; }
.formelement.fullwidth .wysiwygwrap .trumbowyg-dropdown-specialChars button { width:25px !important;padding:0; }



@media screen and (min-width: 720px) {
    .formelements.twocol .formelement, .formelement.twocol { width: 50%; }
    .formelements.twocol .tright { text-align: right; }
}

@media screen and (min-width: 1280px) {
    /*.textareawrap { max-width: calc(50% - 10px); }*/
    
    .checkboxlist.horizontal.column3, .radiolist.horizontal.column3 { -webkit-columns: 3;-moz-columns: 3;columns: 3; }
    .checkboxlist.horizontal.column2, .radiolist.horizontal.column2 { -webkit-columns: 2;-moz-columns: 2;columns: 2; }
}