*, *:after, *:before, *::after, *::before	{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div, input, body, html						{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*											{ outline: none !important }
body, html									{ border: 0; padding: 0; margin: 0; top: 0; left: 0 }
body										{ font-size: 12px; color: rgba(0, 0, 0, 1); font-family: Segoe; }
#content									{ min-height: 100%; width: 100%; }
#header										{ text-align: center; position: fixed; width: 100vw; top: 0 }
#header										{ height: 100px; z-index: 20 }
#atm_freepoll_end							{ margin: auto; height: inherit; padding-bottom: 0; width: 100%; }
div[mc="1"]									{ margin: auto; max-width: 800px; text-align: center; }

textarea::placeholder						{ color: rgba(30, 30, 30, 1); font-style: italic; font-size: 14px }
.rc											{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: center; justify-items: center; }
.pollanswer 								{ height: 25px; margin-right: 12px;}
.npsanswer									{ height: 25px; margin-right: 8px; width: 70px; }
.headinfo									{ height: 70px; grid-template-columns: 200px auto; width: 100%; position: relative; }
.headinfo .ttext							{ align-self: center; margin: 0 20px 0 auto; padding-right: 10px }
.headinfo img								{ max-height: 60px; max-width: 180px }

.noterow 									{ display: flex; flex-flow: row nowrap; justify-content: center; width: 100%; margin: auto; height: 40px; }
.noterow > *								{ display: inline-block; height: 40px; min-width: 60px; padding: 0 10px 0 10px;  line-height: 40px; font-size: 15px;  }

.start										{ display: inline-block; position: relative; color: #fff; font-size: 26px; margin-top: 10px; height: 50px; min-width: 200px; padding: 9px; border: 0; cursor: pointer; border-radius: 5px; }
.grid										{ display: grid; grid-template-rows: auto; grid-auto-flow: row; }
.maincol2									{ grid-column: auto / span 2; }

.welcome									{ font-size: 24px; font-weight: bold; margin: auto; text-align: center; }
.maintopic									{ color: #92d050;font-size: 16pt; font-weight: bold; text-align: center; margin: 0 0px 20px 0px; border-bottom: 1px #aaa solid; }
.questioncat								{ color: rgba(30, 30, 30, 1); font-size: 16px; font-weight: bold; text-align: center; margin: 5px 0px 5px 0px; width: 100% }
.questioncat								{ border-bottom: 1px solid rgba(40, 40, 40, .3); padding: 5px 0 5px 0 }
.line										{ border: 1px solid rgba(30, 30, 30, .2); width: 70%; margin: 5px auto 5px auto; }
.sline										{ border: 1px solid rgba(30, 30, 30, .2); width: 100%; margin: 12px auto 7px auto; }
.pollfeeder									{ display: flex; justify-content: center; margin: auto; padding: 15px; width: 100%; text-align: center; }
.pollsplit									{ padding: 15px; }
.matitle									{ display: block; font-size: 14px; font-weight: bold; padding: 4px 0 4px 0; margin: auto; margin-bottom: 2px }
.matitle:not(.n)							{ border-bottom: 1px solid rgba(30, 30, 30, .4); }

.row										{ margin: auto; margin-top: 10px; padding: 7px; max-width: 800px; width: 100%; border-top: 1px solid rgba(40, 40, 40, .3); }
.cbtn_act									{ padding: 8px; font-size: 13px; border: 0; margin: 2px 6px 2px 6px; width: auto; min-width: 110px }
.cbtn_blue 									{ padding: 8px; font-size: 14px; cursor: pointer; }
.pager	 									{ padding: 6px; font-size: 14px; display: none; }
.pager .pnum								{ background: none; border: 0; padding: 0; margin: 0; color: rgba(250, 250, 250, 1); font-size: 14px;  }
.cbtn_darker, .cbtn_green					{ cursor: pointer; margin: 2px 6px 2px 6px; min-width: 110px; width: auto; padding: 6px; font-size: 13px; border: 0 }

[class$=tcenter]:not(.center)				{ display: flex; flex-flow: row wrap; align-items: start; justify-content: center; width: 100% }
[class$=center]:not(.tcenter)				{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; width: 100% }

textarea.feedback							{ font-size: 14px; width: 100%; margin: auto; display: block; padding: 4px 4px 5px 4px; }
textarea.feedback.cat						{ height: 80px; max-width: 800px; }
textarea.feedback.com						{ height: 120px; max-width: 650px; }
.form_text_min								{ display: inline-block; font-size: 12px; padding: 2px; width: 300px; width: auto; flex: auto; }

.catefeed									{ font-size: 15px; display: block; font-weight: bolder; margin-bottom: 5px; padding-bottom: 3px; width: 100%; border-bottom: 1px solid rgba(30, 30, 30, .3); }
.end										{ display: flex; position: relative; padding: 60px 4px 6px 4px; border-top: 1px solid rgba(255, 255, 255, .3) !important; justify-content: center; margin: auto; width: 100%; max-width: 1000px; font-size: 24px }
#votearea									{ opacity: 1; display: none; position: relative; overflow: hidden; width: 100%; padding: 20px 0 0px 0 }

#bigwelcome									{ padding-top: 50px; }
#welcome									{ opacity: 1; }
#startarea									{ font-size: 16px; margin: auto; margin-top: 60px; text-align: center; margin-bottom: 50px; }
#pollshowcontact							{ display: none; line-height: 25px; margin-top: 10px }
.qrow										{ margin: 20px 0 15px 0; padding-bottom: 10px }
.tqrow										{ height: inherit; margin-bottom: 5px; padding: 15px 0 10px 0; margin: auto }
[class^=tq]									{ text-align: center; max-width: 800px; margin: auto; }
.tqhide										{ padding: 5px 0 10px 0; border-top: 1px solid rgba(30, 30, 30, .4); }

.gspc										{ margin: auto; grid-column: auto / span 2; }
.gspc > .cf									{ border-bottom: 1px solid rgba(20, 20, 20, .4); margin-bottom: 4px; padding: 0 10px 10px 10px;  }
.gridspl									{ margin: auto; align-items: center }
.gridspl > .gspl							{ padding: 5px }
.atmfs										{ display: none; width: 100%; margin-top: 15px; text-align: center }
.atmanongrid								{ grid-template-columns: 120px minmax(200px, 400px); grid-gap: 3px; width: 100%; max-width: 650px; margin: auto; justify-content: center; }

.note1										{ color: red; font-size: 11px; float: left; }
.note2										{ color: blue; font-size: 11px; margin: auto }
.note3										{ color: green; font-size: 11px; float: right;  }
.noter										{ display: flex; flex-flow: row wrap; margin: auto; padding: 5px 0 5px 0; margin-bottom: 5px; }
.pollselect									{ display: none; justify-content: center; margin: auto; margin-top: 3px; margin-bottom: 10px; }
.tcate										{ display: none; }
.rs											{ width: 100%; height: 20px }
.tb											{ width: 100%; display: block; padding: 20px 0 20px 0; margin: auto; }
.noter										{ border-bottom: 1px solid rgba(50, 50, 50, .2); }
.mftext										{ display: inline-block; padding: 4px 4px 5px 4px; font-size: 12px; border-radius: 0 }
.mftext										{ width: auto; flex: auto }


/* input[class^="cbtn_"]					{ word-wrap: keep-all; overflow-wrap: normal; white-space: nowrap; } */

.start, div[class^=upnote], cf, textarea.feedback, .catefeed {
	transform-origin: center center; transition-property: all; transition: 0.8s; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease;transform-origin: center center; transition-property: all; transition: 0.8s; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease;
}

input[class^="cbtn_"], input[class^=npsanswer], input[class^=pollanswer] {
	transform-origin: center center; transition-property: all; transition: 0.4s; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;transform-origin: center center; transition-property: all; transition: 0.4s; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;
}


[class*="fmid"].nr 							{ flex-flow: row wrap;  }
[class*="fmid"]  							{ display: flex; align-items: center; }
[class*="fmidcc"]  							{ align-content: center; justify-items: center; justify-content: center }
[class*="fmidc"]  							{ align-content: center; justify-items: center; }
[class*="fmids"] 							{ align-content: flex-start; justify-items: center; }
[class*="fmidr"]	 						{ justify-content: flex-end; align-content: center; justify-items: center; }
[class*="fmidl"] 							{ justify-content: flex-start; align-content: center; justify-items: center; }