/*
########################### anthrazit ag ############################
### +-----------------------------------------------------------+ ###
### |      Project Name: moPage, CSS for new moPage Design      | ###
### |      Author: Stalder, Lukas                               | ###
### |      Datum: 29.05.2012                                    | ###
### |      (c) anthrazit ag, Zuerich                            | ###
### +-----------------------------------------------------------+ ###
#####################################################################
*/




/* forms
******** */


/*input line / areas */
form .elementEditBox      { background-color: #f6f6f6; }
input[type='text'],
form textarea,
form input[type='tel'],
form input[type='file'],
form input[type='url'],
form input[type='password'],
form input[type='email'],
form input[type='search'],
form input[type='number'],
form input[type='date'],
form input[type='time'],
.elementForm .inputLine,
.elementForm .inputField { font-family: monospace; color:#555; letter-spacing:-0.02em; border-radius:6px; font-size:13px; -webkit-appearance: none; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  background: #fcfcfc none!important; border:1px solid #ddd!important; padding:3px 0.5em 3px 0.5em!important; }
input[type='text'], form input[type='tel'], form input[type='file'], form input[type='password'], form input[type='email'], form input[type='search'], form input[type='number'], .elementForm .inputLine  { width:100%;  line-height: 28px; height:28px; }
form input[disabled='disabled'], form textarea[disabled='disabled'] { opacity:0.6;}
form input:focus, form textarea:focus, a:focus { outline: none;  }
.opacityfull { opacity: 1!important;}
form input[type='password'] { letter-spacing: 0.05em;}


.inputSelect {  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  width:100%; max-width:282px; }
.elementFormNew { max-width: 577px; }
.elementFormNewFull { max-width:none!important; }

.mopagecms .elementFormNew { max-width: 100%; }
.inputRow { width:100%; max-width:337px; }

form input[type="checkbox"], form input[type="radio"] { padding:0; margin:0 0.5em 0 0; vertical-align: middle;}
form select { padding:0.2em 0.5em;}
.inputRequired      { box-shadow: 0 0 8px -3px rgba(255,0,0,0.96); }

/* mopage frontend forms overrides*/
.mmw input[type='text'],
.mmw textarea,
.mmw input[type='tel'],
.mmw input[type='url'],
.mmw input[type='password'],
.mmw input[type='email'],
.mmw input[type='search'],
.mmw input[type='number'],
.mmw input[type='date'],
.mmw input[type='time'],
.mmw .elementForm .inputLine { border-radius:4px; height:31px; line-height: 31px; background-color: white!important; font-family: inherit; font-size:15px;}

.mmw textarea { height: 5em; line-height:130%;}

form input[type='file'] { border:none!important; padding:0 0 0 40px!important; background-color: inherit!important; font-size:11px; line-height:30px; font-family: inherit; color:#888; font-style:italic; border-radius:0!important;
	background-image: url(/appl/grfx/mopage/browse2x.png)!important;
	background-size: 25px 25px!important;
	background-position:left 2px!important;
	background-repeat: no-repeat!important;
}
form input.blankfile { background-image: url(/appl/grfx/mopage/attachment.png)!important;  padding:0 0 0 30px!important;}

.fakefile .button, .fakefile .fileUploadPreview, .fakefile .fileUploadPreview img { vertical-align: middle;}
.fileUploadPreview     { display: none;  }
.fileUploadPreview img { max-width:70px; height:40px; margin-left:1em; }


/* input verif code */
form input.inputVerifCode { width:10em;}

/* button */
input[type='submit']:not(.go), input[type='button'], .button, .buttonBlue, .online form input.button, .online form input.buttonBlue, .buttonAuto, .buttonSmall, .buttonChars, .buttonMini, .buttonMid
					{ -webkit-appearance: none; font-size:13px; display:inline-block;  min-width:105px; margin:0.2em 0 0.2em 0; padding:0 1em 0 1em; height:38px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height:38px; color:#fff!important;  background-color: #525252;  border:none; border-radius:12px; text-align: center; cursor:pointer;}
input[type='submit'].go[disabled='disabled'] { filter: grayscale(1); opacity: 0.8; }
.buttonBlue, .online form input.buttonBlue, .buttonChars
					{ background-color: #1A99CE!important; }
.buttonAuto         { width:auto; height:auto; line-height:23px; min-width:2em; padding:0.2em 0.8em 0.2em 0.6em;}
input[type='submit'].buttonSmall, .mopage .buttonSmall, .mmw .buttonSmall, input.buttonSmall         { height:25px; font-size:11px; font-family: Zurich, Arial, Sans-Serif; letter-spacing: 0;  border-radius: 8px; line-height:23px }
.mmw .buttonSmall .fa { line-height:24px;}
.buttonChars         { min-width:inherit; width: 3em; }
.mmw .button, .mmw .buttonSmall, .mmw input[type='submit']:not(.go), .mmw input[type='button'] { background: none #858585; }
.mmw .button svg    { height:20px; width:auto; margin-top:9px;}
.mmw input + .buttonSmall { margin-top:4px; }
.buttonMini         { font-size:10px; padding:2px 6px 2px 6px; line-height:130%; height:auto; min-width:0; border-radius: 6px; }
.buttonMini .gi, .buttonMini .fa, .buttonSmall .gi { vertical-align:-3%;}
.buttonRound        { min-width:0; min-height:0; width:40px; height:40px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius:20px;  padding:0 0 0 0; }
.buttonRound img    { margin:0 0 0 0!important; padding:0;}
.buttonSmall img.icon { height:14px; width:auto; margin:0 0.3em 0 0; vertical-align:-0.2em; }

.buttonDistr .button { width:48%;}
.buttonDistr .button:last-child { float:right; }

/* button override alerts */
.infobox .button { height:30px; line-height:30px; font-weight:normal; min-width:0;  padding:0 0.7em 0 0.7em; border-radius:3px; margin-top:0.5em;  }

/* drag/drop*/
.elementDropzone .drop-files-container { border:4px dashed #e4e4e4; width:100%; height:130px;  color:#333; border-radius:10px; display: table-cell; vertical-align: middle; text-align: center; background: url(/appl/grfx/modules/usercontent/placeholderimgtrnsp_nopadding.svg) no-repeat #f8f8f8; background-size: 60px 60px; background-position: 20px 50%;}
.elementDropzone .dropzone.dz-drag-hover { border-style:dashed; border-color: #87c6f9; background-color: #e9f5fe; color: #53718e; }
.elementDropzone .dropzone .dz-message {  margin: 0 0 0 0; font-size:90%; text-align: left; padding-left: 80px;}
@media screen and ( max-width: 600px ) {
	/*.elementDropzone .dropzone .dz-message {  margin: 4em 0 0 0; }*/
	/*.elementDropzone .drop-files-container { background-position: center top ; background-size: auto;}*/
}
/*.objEdit .block .elementDropzone .drop-files-container { height:100px; background-position: center -10px}*/
/*.objEdit .block .elementDropzone .dropzone .dz-message {  margin: 4.5em 0 0 0; font-size:90%; }*/

	/* new forms */
.elementFormNew .row { padding:1em 0 1em 0; }
.elementFormNew label { display:block; padding:0; margin:0 0 0.3em 0; }
.elementFormNew label.before { display:inline-block; width:6em; font-weight:normal;}
.elementFormNew input + label { display:inline; vertical-align: middle; }
.elementFormNew .theRow .td label { display:block; margin:0; font-weight:normal; }
.elementFormNew .theRow .td label + label, .elementFormNew .theRow .td input + label { display:inline;}
.elementFormNew .zipLeft { width:6em; float:left }
.elementFormNew .cityRight { width:calc(100% - 7em); float:right }
.elementFormNew .inputZip   { width:5em; ; float:left;}
.elementFormNew .inputCity   { width:calc(100% - 7em); float:right; }
.elementFormNew input[type='file'], .elementFormNew input[type='file'] + input[type='submit'] { width:auto; }
.elementFormNew .someChars { width:4.5em;}
.elementFormNew .fewChars { width:6.5em;}
.elementFormNew .fewCharsMore { width:8.5em;}
.elementFormNew .date { width:7.3em;}
.elementFormNew .half { width:50%;}
.elementFormNew .almosthalf { width:45%;}
.elementFormNew .time { width:5em;}
.elementFormNew .time::placeholder, .elementFormNew .date::placeholder { font-size:90%;}
.elementFormNew .dateInfo { color: #3493ff;}
.elementFormNew textarea { min-height:6em; display:block; }
.elementFormNew textarea.fewlines { min-height:3em;}
.elementFormNew textarea.somelines { height:3em;}
.elementFormNew button { border:none; background: none; padding:0; margin:0; vertical-align: middle; font-size: 100%;}

/* amount selector */
.elementFormNew  .counter { margin-top:0.5em; border:1px solid #ddd; border-radius: 4px; display:inline-block; background-color: #fff;}
.elementFormNew  .counter button { border-radius:4px; font-size:18px; font-weight: bold; color:rgba(0,0,0,0.5);  text-align: center; height:40px; min-width:40px; background-color: #fafafa;  }
.elementFormNew  .counter input { -webkit-appearance: none; -moz-appearance: textfield; border:none!important; vertical-align: middle; margin: 0 0.5em; padding:0.5em!important; text-align: center; font-size: 20px; line-height:40px; height:40px; }
.size123 .elementFormNew  .counter input { width: calc(100% - 2*(40px + 0.5em))}
.size123 .elementFormNew  .counter{ width:100%; }


.elementFormNew select.lines option { border-bottom: dotted 1px #ccc; }
.sortable              { list-style-type: none; margin: 0; padding: 0; }
.sortable .row            {  }
.elementFormNew h2.caption { margin:1em 0 0.5em 0;}
.elementFormNew fieldset   { border:1px solid #ddd; padding:0.8em; display:block; margin-top:0.5em; border-radius:3px;}
.elementFormNew  .selectedRow input { animation-name: borderpulse; animation-duration: 3s; animation-iteration-count: infinite; -webkit-animation-name: borderpulse; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; }
@keyframes borderpulse {
	0% { box-shadow: 0 0 6px -2px #f00;}
	50% { box-shadow: 0 0 6px -4px #f00;}
	100% { box-shadow: 0 0 6px -2px #f00;}
}
.elementFormNew .formBlock { background-color: #f6f6f6; padding:0px 0 0px 0; }
.elementFormNew .formBlock .row { padding-left:8px; padding-right:8px;}
.elementFormNew .colorinputs input, .colorinputs .minicolors-swatch { margin-bottom:0.2em!important;}
.elementFormNew div.dangerzone { background-color: #f8f8f8; padding:1em!important; border:3px dashed #ddd !important; border-width: 5px!important; border-radius:15px; }
.elementFormNew div.dangerzoneactive { background-color: #f1f1f1; border-color: #dd0000!important; }

/* minicolors overrides */
.mopagecms .minicolors-theme-default .minicolors-input { height: 28px; width: auto; display: inline-block; padding-left: 26px!important; /* LTR */	max-width: unset!important; }

.elementFormNewFull { width:100%;}
.objEdit select { max-width:100%;}
.elementFormNew .scrollWrapper { height:200px; background-color: white; overflow-y: scroll; padding:0.5em 1em 0.5em 0.5em; border:0.5px solid #ccc;}
.elementFormNew .scrollWrapper .tag { margin-top:1px; margin-bottom: 1px;}
.formPaddingRight   { width:calc(100% - 200px) }
.formButtonRight    { position: fixed; text-align: right; }

.elementFormNew .section .group { border-left:3px solid #a6d9ff; padding:0 0 0.2em 7px; margin:0 0 0.5em -10px;}


/* wizards overrides */
.wizard label             { font-weight:bold; }
.formObject label             { font-weight:normal; }
.wizard .formCaptionRow             { font-weight:bold; margin:1em 0 0.2em 0; }
.wizard label.indent, .prelabel      { width: 20%!important; display:inline-block; font-weight: normal; margin-left:0; }
.wizard label[readonly=readonly]    { opacity:0.6}
.wizard input + label     { font-weight:normal; }
.wizard .block label     { font-weight:normal; }
.wizard .block.boldLabels label     { font-weight:bold; }
.wizard .blockbg .block>label { font-weight:bold;}
.wizard .cols4 label      { font-size:80%;}
.wizard .indent  { margin-left:23px;}
.wizard .formIndent    { float:right; width:calc(100% - 22px); display:inline-block;}
.wizard .clearVertical    { clear:both; padding:0.3em 0 0 0; }
.wizard .indentMore           { margin-left:27px;}
.wizard .hideCaption .fieldLabel { display:none;}
.wizard .boldLabel .fieldLabel { font-weight: bold; }

.wizard .row              { padding:0.8em 0 0.8em 0; border-bottom:1px solid #999;  }
.wizard h2 + .row              { border-top:1px solid #999;  }
.noborders .row              { padding:0.5em 0 0.5em 0; border-bottom:none;  }
.online .wizard .row      {  border-color:#bbb; }
.wizard .altRow           { padding:0.3em 0 0.3em 0; border-bottom:1px dotted #ccc; }
.wizard .altRow:last-of-type   { padding:0.3em 0 0 0; border:none }
.wizard .altRow:only-child   { padding:0 0 0 0; border:none; }
.cmslist .row:first-of-type    {  border-top:1px solid #999;  }
.online .cmslist .row:first-of-type    {  border-top:1px solid #bbb;  }
.compact .row              { padding:0.5em 0 0.5em 0;   }
.compacter .row              { padding:0.2em 0 0.3em 0;   }
.mmw .wizard .row, .noBorderForm .row         {padding:5px 0 5px 0; border:none;   }
.wizard .row .desc        { margin-bottom:0.5em; }
.wizard .smallPadding     { padding:0.5em 0 0.5em 0; }
.wizard .rowInner, .wizard .topBorder .rowInner:first-of-type         { padding:0.3em 0 0.3em 0; border-top:1px dotted #ccc; line-height:27px;  }
.wizard .rowInner div        { padding:0; line-height: 130%;  }
.wizard .smallrows .rowInner         { padding:0em 0 0em 0; }
.wizard .rowInner:first-of-type   { border:none;  }

.wizard .borderTop        { border-color:#999;  }
.online .wizard .borderTop        { border-color:#bbb;  }
.wizard .row:last-child   { border-bottom:none; }
.wizard .right            { text-align: left;}
.wizard .right img        { max-width:120px; max-height:50px; }
.wizard .logo img        { max-width:200px; margin-top:0.5em;  }
.wizard .logobanner .logo img        { max-width:none; width:100%; margin-top:0.5em;  }
.wizard .rightAuto        { margin-left:1em;}
.wizard .descRight        { font-size:85%; }
.wizard .smallButtons, .wizard .alignRight     { text-align: right;}
.wizard .smallButtons .button, .wizard .smallButtons .buttonSmall{ margin-bottom:2px; }
.wizard .autoButtons .button, .wizard .autoButtons .buttonSmall { min-width:70px; }
.wizard .descBelow        { margin-top:0.5em; font-size:85%;}

.blockDisabled	          { opacity:0.6;  alpha(opacity = 60);}
.lighter	          { opacity:0.3;  alpha(opacity = 30);}
form .blockDisabled input[disabled='disabled'], form .blockDisabled textarea[disabled='disabled'] { opacity:1; alpha(opacity = 100);}

.elementSitemap .blockDisabled { opacity:0.6;  alpha(opacity = 60);}
.wizard .bgAdmin, .wizard .bgPartnerAdmin          { padding:0.8em 0 0.8em 0;}
.wizard .bgAdminInner     { padding:0.4em 0 0.4em 0;}
.wizard .bgAdminHalf      { margin:-0.8em 0 -0.8em 0;}
.wizard .bgAdminInline     { padding:0.1em 0.2em 0.1em 0.2em; display: inline-block;}
.wizard .negMarginBottom, .negMarginBottom  { margin-bottom:-1em;}
.wizard .negMarginTop     { margin-top:-0.6em!important;}
.wizard .error, .wizard .success { font-weight:normal;}
.wizard .error             { color:#c00;}
.wizard.formObject .error             { font-size:85%;}
.wizard .additionalDescription             { font-size:85%; }
.wizard .col              { float:left; width:50%; }
.wizard .cols3            { float:left; width:32%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  }
.wizard .cols4            { float:left; width:25%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  }
.wizard .cols3:nth-of-type(2)   { margin:0 2% 0 2%;  }
.wizard .col:nth-of-type(2) input[type='text']:not(.colorpicker)  { float:right; }
.wizard .col input        { max-width:98%;}
.wizard .inline input     { max-width:60%;}
.wizard .left30           { width:30%; }
.wizard .left75           { width:75%; }
.wizard .left80           { width:82%; }
.wizard .left70           { width:70%; }
.wizard .left60           { width:60%; }
.wizard .left65           { width:65%; }
.wizard .left50           { width:50%; }
.wizard .left45           { width:45%; }
.wizard .left48           { width:48%; }
.wizard .right            { width:50%; }
.wizard .right25          { width:25%; }
.wizard .right30          { width:30%; }
.wizard .right40          { width:40%; }
.wizard .right65          { width:65%; }
.wizard .twoRows              { height:4em; min-height: 0; }
.pre                      { white-space:pre-wrap;}
.wizard .buttonBar        { margin-top:1em;}
.wizard .buttonBar input[type='button'], .wizard .buttonBar input[type='submit']  { float:left; width:30%!important; margin:0 5% 0 5%; text-align: center; }
.wizard .buttonBar input:first-of-type  { margin:0;}
.wizard .buttonBar input:last-of-type  { margin:0; float:right;}
.wizard .buttonsRight  { text-align: right; margin-top:-0.6em;}
.wizard .buttonsRight input { width:auto!important; min-width:100px;  }
.wizard .inline           { display:inline;}
.wizard .selectdropdown              { height:35px;  }
@media screen and ( max-width: 600px ) {
	.wizard .selectdropdown              { height:35px; width:100%;  }
}
.wizard select.inline           { vertical-align: top; }
/*.withBlocks .block    { padding:10px 10px 10px 10px; background-color: #eee; margin:0 0 5px 0; border-radius:5px;}*/
.withBlocks .block    { padding:0; margin:0 0 5px 0; }
.withBlocks .block .rowInner:first-of-type  {border-top:1px dotted #ccc; }
.withBlocks .block .rowInner  { padding:0.5em; margin-top:5px; border:none; border-bottom:1px dotted #ccc; position:relative }
.withBlocks .block .rowInner .clearRow { position:absolute; right: 10px; top:20px;}
.size123 .withBlocks .block    { padding:0; margin:0 0 10px 0; border-radius:5px;}
.size123 .withBlocks .block .cols3 { width: 50%; float: left; padding: 0; margin:0; }
.anchorFront               { position:absolute; margin-top:-95px;}
.wizard .radioIcons img    { height:35px; width:auto; vertical-align: middle; }

.wizard dl dt, .wizard dl dd { vertical-align: middle; border:none; padding:0; display:block; float:left; font-size:90%;}
.wizard dl dt               { width:40%; }
.wizard dl dd               { width:60%;  }
.wizard input::placeholder, .wizard textarea::placeholder {  font-size:0.9em;}
.placeholderCaptions input::placeholder, .placeholderCaptions textarea::placeholder { font-style:italic; letter-spacing: 0.04em; opacity: 0.9; }

/* form table*/
.formTable td { padding:0.3em 0 0.3em 0;}
/*.formTable td:first-child { padding-right:0.8em;}*/


/* password strengt checker */
.formPwd .button_strength { color:#aaa; font-size: 90%;}
.formPwd .strength_meter { display: inline-block; float:right; font-size: 90%;}
.formPwd .strength_meter { }
.formPwd .strength_meter div {}
.formPwd .veryweak {	color: #ff5e1f; }
.formPwd .weak {	color: #ffb46c; }
.formPwd .medium {	color: #dcc355; }
.formPwd .good {	color: #7793b3; }
.formPwd .verygood {	color: #15b31e; }


/* de-robot form*/
.elementDeRobot         { max-width: 600px; }
.elementDeRobot img     { max-width:100%;}
.elementDeRobot input[type='text'] { width:75%; float:left; }
.elementDeRobot input[type='submit'] { min-width:0; width:23%; height:30px; float:right; margin-top:1px; }



/* ios like checkboxes */
input.fancycb {
	max-height: 0;
	max-width: 0;
	opacity: 0;
	display:none;
}
input.fancycb + label {
	display: inline-block;
	position: relative;
	box-shadow: inset 0 0 0 1px #d5d5d5;
	text-indent: -5000px;
	height: 26px;
	width: 40px;
	border-radius: 13px;
	vertical-align: middle;
}

input.fancycb + label:before {
	content: "";
	position: absolute;
	display: block;
	height: 26px;
	width: 26px;
	top: 0;
	left: 0;
	border-radius: 13px;
	background: rgba(19,191,17,0);
	-moz-transition: .15s ease-in-out;
	-webkit-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}

input.fancycb + label:after {
	content: "";
	position: absolute;
	display: block;
	height: 26px;
	width: 26px;
	top: 0;
	left: 0px;
	border-radius: 13px;
	background: white;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), 0 2px 4px rgba(0,0,0,.2);
	-moz-transition: .15s ease-in-out;
	-webkit-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}
input.fancycb:checked + label:before {
	width: 40px;
	background: rgba(19,191,17,1);
}

input.fancycb:checked + label:after {
	left: 16px;
	box-shadow: inset 0 0 0 1px rgba(19,191,17,1), 0 2px 4px rgba(0,0,0,.2);
}

/* mid checkboxes*/
input.fancycbmid + label { height: 22px; width: 33px; border-radius: 11px; }
input.fancycbmid + label:before, input.fancycbmid + label:after { height: 22px; width: 22px; border-radius: 11px; }
input.fancycbmid:checked + label:before { width: 33px; }
input.fancycbmid:checked + label:after { left: 12px; }

/* small checkboxes*/
input.fancycbsmall + label { height: 18px; 	width: 28px; border-radius: 9px; }
input.fancycbsmall + label:before, input.fancycbsmall + label:after { height: 18px; width: 18px; border-radius: 9px; }
input.fancycbsmall:checked + label:before { width: 28px; }
input.fancycbsmall:checked + label:after { left: 12px; }

.elementFancyCB label { font-weight:normal;}
.elementFancyCB .labelleft { text-align: left; }
.elementFancyCB + .elementFancyCB { margin-top:0.3em; }

/* simple checkbox element*/
.formCheckbox .td.tdCheckbox { width: 25px; vertical-align: top; line-height:120%; }
.formCheckbox .td.tdLabel { vertical-align: top;  }
.formCheckbox .td.tdLabel label { font-weight: normal; margin:0;  }
.formCheckbox .interval {  }
.formCheckbox .mailinline { display:inline; font-size:100%; }

/* radio group table */
.elementRadioGroupTable { border-spacing:0 2px; }
.elementRadioGroupTable .td { padding:7px 10px;}
.elementRadioGroupTable .option  { background-color: #f8f8f8; }
.elementRadioGroupTable .radio  {  }
.elementRadioGroupTable .label label { font-weight: normal; }



/*
========================
| fancy form radio group
========================
*/


.stv-radio-buttons-wrapper {
	clear: both;
	display: inline-block;
	vertical-align: middle;
	/*width:100%;*/
	/*max-width:337px;*/
}

/*.size123 .stv-radio-buttons-wrapper { max-width: unset;}*/

.stv-radio-button {
	position: absolute;
	left: -9999em;
	top: -9999em;
}

/*
.stv-radio-button-2 + label { width:50%; }
.stv-radio-button-3 + label { width:33.3333333333%; }
.stv-radio-button-4 + label { width:25%; }
*/

.stv-radio-button + label {
	float: left;
	padding: 0 1em;
	cursor: pointer;
	line-height:30px;
	/*border: 1px solid #000;*/
	margin-right: -1px;
	color: #777;
	background-color: #f2f2f2;
	font-weight:normal;
	font-size:85%;
	text-align:center;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.elementSurvey .stv-radio-button + label {
	margin-right: 10px;
	line-height:46px;
	/*width:46px;*/
	height:46px;
	border-radius:23px!important;
	margin-bottom:10px;
}

.ucEdit .block .stv-radio-button + label {
	border: 1px solid #bbb;
	padding: 0 0.8em;
}

.stv-radio-button + label:first-of-type {
	border-radius: 0.3em 0 0 0.3em;
}
.stv-radio-button + label:last-of-type {
	border-radius: 0 0.3em 0.3em 0;
}
.stv-radio-button:checked + label {
	background-color: #888;
	color:white;
	/*font-weight: bold;*/
}
.mopagecms .stv-radio-button:checked + label { background-color: #1A99CE; border-color: #1A99CE; }
.stv-radio-buttons-asyncstatus { margin-left:0.5em;}


/*
==============
 filter group
==============
*/

.elementFilterGroup { display: inline-block; position: relative; width:auto; margin-right:0.7em; }
.elementFilterGroup .legend { margin:0.2em 0.8em 0.2em 0; display: inline-block; padding:0; line-height:37px; border:0.5px solid transparent; border-radius:8px;  }
.elementFilterGroup .legend.selectedOptions { border-color: #333; color:inherit; padding:0 10px; margin-right:0.5em; }
.elementFilterGroup .legend .fa { margin-left:8px;}
.elementFilterGroup .options { z-index:1; min-width:180px; background-color:white; margin-top:8px; padding:10px 16px 12px 16px; box-shadow: 0px 1px 8px 2px rgba(0, 0, 0, 0.25); white-space: nowrap; position: absolute; display:none; border-radius:4px; }
@media screen and ( max-width: 500px ) {
	.elementFilterGroup { position: unset;}
	.elementFilterGroup .options { position: absolute; left:20px; right:20px;}
}
.elementFilterGroup .options .groupCaption { margin:0.5em 0 0.2em 0; font-weight: bold;}
.elementFilterGroup .options .option { padding:2px 0;}
.elementFilterGroup .options .option input{ margin-right:5px;}
.elementFilterGroup .options .option input[type=text] { width:200px; margin:0;}
.elementFilterGroup .options .option input[type=text]:focus { outline: none; }
.elementFilterGroup .options .reset { vertical-align: -6px;}
.elementFilterGroup .options .caption { text-align: center; padding-bottom:8px; margin-bottom:12px; border-bottom:0.5px solid #ccc; opacity:0.7;}
.elementFilterGroupResetButton { margin:0; }


/* Sticky footer button */
.elementStickyButtonBottom { position: fixed; z-index:1001; bottom: 0; left:0; width:100%; background-color: #f5f5f5; margin:0 0 0 0!important; text-align: center; }
.elementStickyButtonBottom .button { width:100%; max-width: 337px; }
.elementStickyButtonBottom .button, .elementStickyButtonBottom .buttonRow { margin:0!important;}
.elementStickyButtonBottom .wrapper {  margin-top:0; margin-bottom:0; padding-bottom: env(safe-area-inset-bottom); }
.elementStickyButtonBottom .wrapperButton { padding:19px; }
.elementStickyButtonBottom .wrapperButton #helpButton { padding:0; line-height: 100%; }
.size3 .withStickyButton .wrapperBottom, .size3 .withStickyButton .footerAdminOptions { display:none; }
.size3 .withStickyButton #moPageContent { padding-bottom:500px;}



/*
==============
 input type range
==============
*/

.rangeSlider { 	padding:0.5em 0 0.8em 0; }
.rangeSlider .wrapperSlider { padding:2.2em 1em  2.8em; }
.rangeSlider label { display: block; margin-bottom: 0.5em; font-weight: normal; }
.rangeSlider .noUi-pips { opacity: 0.6;}
.rangeSlider .noUi-pips .noUi-marker { opacity: 0.2;}
.rangeSlider .noUi-pips .noUi-marker-normal { display: none; }
.rangeSlider .noUi-value { font-size:12px;}
.rangeSlider .noUi-tooltip { border:none; background-color: transparent;  }
.rangeSlider .noUi-marker-horizontal.noUi-marker-large{ height:10px; }
.rangeSlider .noUi-horizontal { height: 7px}
.rangeSlider .noUi-target { border:none; background-color: #d9d9d9;}
.rangeSlider .noUi-horizontal .noUi-handle { height:20px; width:20px; border-radius: 50%; border: 2px solid; right:-10px;}
.rangeSlider .noUi-horizontal .noUi-handle::before, .rangeSlider .noUi-horizontal .noUi-handle::after { display:none; }
.rangeSlider .rangeSetValues { float:right; }