input[type="button"] + input[type="button"]	{ margin-left: 4px }

[class*="fmids"].col						{ flex-flow: column wrap; }
[class*="fmid"]:not(.nr)					{ flex-flow: row wrap;  }
[class*="fmid"].nr 							{ flex-flow: row nowrap;  }
[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; }


.ti											{ line-height: 24px; min-height: 24px; padding: 8px 4px 4px 28px; overflow: hidden; position: relative; z-index: 1; width: 100%; }
.ti::before									{ z-index: 1; content: '';  display: block; position: absolute; background-position: center; border-radius: 3px }
.ti::before									{ margin: 2px 0 0 -28px ; padding: 2px; height: 24px; width: 24px; background-color: rgba(241, 142, 64, 1); background-size: 20px 20px; }
.ti.ar::before 								{ background-image: url(/images/icons/icon_uiw.png); }
.ti.in::before 								{ background-image: url(/images/icons/sb_info.png); }
.ti.st::before 								{ background-image: url(/images/icons/sb_settings.png); }
.ti.fb::before 								{ background-image: url(/images/icons/s_fb.png); }
.ti.ig::before 								{ background-image: url(/images/icons/s_ig.png); max-height: 20px }
.ti.tw::before 								{ background-image: url(/images/icons/s_tw.png); }
.ti.mail::before 							{ background-image: url(/images/icons/s_mail.png); }
.ti.link::before 							{ background-image: url(/images/icons/s_link.png); }
.ti.twitch::before 							{ background-image: url(/images/icons/s_twitch.png); }
.ti.in										{ border-top: 1px solid rgba(60, 60, 60, .3); }

.dbot										{ margin-bottom: 4px; box-shadow: inset 0 -5px 5px 0 rgba(20, 20, 20, 1), inset 0 5px 5px 0 rgba(20, 20, 20, 1); display: none}

.ebgo										{ background: rgba(24, 57, 71, .5); color: rgba(250, 250, 250, 1); padding: 20px }
.ebgo .ti									{ text-align: left }
.ebguide									{ background: rgba(44, 56, 71, .9); border: 0; margin-top: 3px; padding: 10px; }
.ebinfo										{ background: rgba(255, 255, 255, 1); color: rgba(5, 5, 5, 1); padding: 15px }
.ebdark										{ background: rgba(240, 240, 240, 1); border: 0; padding: 10px }
.ebdark, .ebgo								{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: center; justify-items: center; padding: 20px; position: relative; z-index: 3 }
.ebdc										{ margin-bottom: 2px; padding: 0 0 7px 0; position: relative; z-index: 3; border-bottom: 2px solid rgba(241, 142, 64, 1); width: 100%; text-align: left }
.ebdc > img									{ padding-top: 8px; max-height: 100px; transform: scale(1); }
.ebhead, .ebhead a							{ font-weight: bold; color: rgba(5, 5, 5, 1); }
.ebhead										{ text-align: center; padding: 8px 0 8px 0; font-size: 16px; }
.ebi										{ text-align: left; padding: 0; line-height: 20px; font-size: 12.5px; }

.scrollmore .eclick							{ background: rgba(241, 142, 64, 1); color: rgba(255, 255, 255, 1); border: 1px solid rgba(100, 100, 100, .7); text-shadow: 1px 1px 1px rgba(5, 5, 5, .5); font-size: 15px; padding: 6px; }
.eclick										{ cursor: pointer; }
.eclick.ebot								{ background: rgba(241, 142, 64, 1); color: rgba(255, 255, 255, 1); font-size: 17px; border-radius: 6px; border: 1px solid rgba(100, 100, 100, .7); }
.cks										{ cursor: pointer; font-size: 12px; padding: 2px 3px 2px 3px; border-radius: 3px }
.ck											{ cursor: pointer; font-size: 12.5px; padding: 4px;  }
.ck + .ck									{ margin: 0 0 4px 4px; }
.w											{ width: 100%; }
.cks.w										{ width: 100%; }

.sp, .dch, .scc, .ttd						{ display: flex; flex-flow: row wrap; align-items: center; align-content: center; justify-items: center;  }
.sp, .dch									{ justify-content: center; }
.scc, .ttd:not(.c)							{ justify-content: flex-start; }

.ei											{ position: relative; z-index: 3; box-shadow: inset 0 -8px 8px rgba(20, 20, 20, .3), inset 0 8px 8px rgba(20, 20, 20, .3) }
.tdd.c										{ justify-content: space-evenly !important; }
.form_text_auto								{ font-size: 12px; padding: 4px; width: 200px; }
.form_text_auto								{ border: 1px solid rgba(180, 180, 180, 1); }
.tarea.dim.ac.mh							{ background: rgba(225, 225, 225, .95) !important; }