body {
	background-color: white;
	font-weight: 300;
	color: #444444;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0;
	/*font-size: 13pt;*/
	font-size: 16px;
	font-family: sans-serif, system-ui, -apple-system, sans-serif;
}
.tags-aside .chip {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 256px;
}
.monotext {font-family: monospace;}
.postbody ul li {list-style-type: disc;}
.postbody ul {padding-left: 40px;}
.postbox, .questionbox, .spacebox {word-wrap: break-word;}
.unapproved-post { border: 3px dashed #CCC; }
.closed-report { opacity: 0.7; border: 1px solid #CCC; }
.postbox img {max-width: 100%;}
.postbox img {max-width: 100%;}
.viewbox pre {background-color: #f8f8f8; padding: 4px 8px; }
.following-post {border-right: 5px solid #8bc34a;}
.sticky-post {border-bottom: 3px solid #0369b6;}
.deprecated-post {border-top: 3px solid #ff9800;}
.em3v{margin: 3rem 0 3rem 0;}
.em5v{margin: 5rem 0 5rem 0;}
hr { height: 1px; border: 0; background-color: #CCC; width: 100%;}
.approve-answer, .approve-translation{ color: #777777;}
.approve-answer:hover, .approve-translation:hover{ color: #88AF12;}
.squarelist{ list-style: square; }
.gigaText{ font-size: 4em; }
.megaText{ line-height: 1.0em;font-size: 3em; }
.hugeText{ line-height: 1.0em;font-size: 2.4em; }
.largeText{ line-height: 1.2em;font-size: 1.8em; }
.mediumText{ line-height: 1.6em;font-size: 1.3em; }
.smallText { line-height: 1.4em;font-size: 0.8em; }
.center { text-align: center; }
.r{ text-align: right;}
.l{ text-align: left;}
.lightborder{ border: 1px solid #CCCCCC; border-radius: 4px;}
.dashedborder{ border: 4px dashed #CCCCCC; border-radius: 4px;}
.droptarget{ opacity: 0.5; outline: 5px dashed #222; }
.capitalize{ text-transform: capitalize; }
.pages{ clear: both; }
.pagination li a { font-weight: 400; }
.diff-ins{ background-color: #E6FFE6;}
.diff-del{ background-color: #FFE6E6;}
.diff-ins .button-tiny{ background-color: #E6FFE6;}
.diff-del .button-tiny{ background-color: #FFE6E6;}
.editor-toolbar button { color: #555555; }
button:focus{ outline: none;background-color: inherit; }
h1, h2, h3, h4, h5, h6{font-weight: 300;}

#fb-login-btn, #gp-login-btn, #gh-login-btn, #in-login-btn, #tw-login-btn, #ms-login-btn, #sl-login-btn, #mm-login-btn,
#az-login-btn, #oa2-login-btn, #oa2second-login-btn, #oa2third-login-btn, #custom-login-btn { width: 100%; }
#sl-login-btn { background-color: #4a154b; color: white; }
#mm-login-btn { background-color: #1e325c; color: white; }
#az-login-btn { background-color: #fad673; color: #222; }

.add-mattermost-btn {
	display: inline-block;
	border-radius: 6px;
	border: 1px solid #BBB;
	padding: 8px;
	margin-bottom: 20px;
}
.add-mattermost-btn img {
	padding-right: 2px;
	margin-bottom: -7px;
}

.add-teams-btn {
	display: inline-block;
	border-radius: 6px;
	border: 1px solid #BBB;
	padding: 8px;
	margin-bottom: 20px;
}
.add-teams-btn img {
	padding-right: 2px;
	margin-bottom: -7px;
}

.leaveblank {opacity: 0.0001;}

.pan{padding:0}
.pas{padding:5px}
.pam{padding:10px}
.pal{padding:20px}
.ptn{padding-top:0}
.pts{padding-top:5px}
.ptm{padding-top:10px}
.ptl{padding-top:20px}
.prn{padding-right:0}
.prs{padding-right:5px}
.prm{padding-right:10px}
.prl{padding-right:20px}
.pbn{padding-bottom:0}
.pbs{padding-bottom:5px}
.pbm{padding-bottom:10px}
.pbl{padding-bottom:20px}
.pln{padding-left:0}
.pls{padding-left:5px}
.plm{padding-left:10px}
.pll{padding-left:20px}
.phn{padding-left:0;padding-right:0}
.phs{padding-left:5px;padding-right:5px}
.phm{padding-left:10px;padding-right:10px}
.phl{padding-left:20px;padding-right:20px}
.pvn{padding-top:0;padding-bottom:0}
.pvs{padding-top:5px;padding-bottom:5px}
.pvm{padding-top:10px;padding-bottom:10px}
.pvl{padding-top:20px;padding-bottom:20px}
.man{margin:0}
.mas{margin:5px}
.mam{margin:10px}
.mal{margin:20px}
.mtn{margin-top:0}
.mts{margin-top:5px}
.mtm{margin-top:10px}
.mtl{margin-top:20px}
.mrn{margin-right:0}
.mrs{margin-right:5px}
.mrm{margin-right:10px}
.mrl{margin-right:20px}
.mbn{margin-bottom:0}
.mbs{margin-bottom:5px}
.mbm{margin-bottom:10px}
.mbl{margin-bottom:20px}
.mln{margin-left:0}
.mls{margin-left:5px}
.mlm{margin-left:10px}
.mll{margin-left:20px}
.mhn{margin-left:0;margin-right:0}
.mhs{margin-left:5px;margin-right:5px}
.mhm{margin-left:10px;margin-right:10px}
.mhl{margin-left:20px;margin-right:20px}
.mvn{margin-top:0;margin-bottom:0}
.mvs{margin-top:5px;margin-bottom:5px}
.mvm{margin-top:10px;margin-bottom:10px}
.mvl{margin-top:20px;margin-bottom:20px}

header {
	margin-bottom: 20px;
	font-weight: 400;
}
main {
	min-height: 600px;
}
table {
	width: 100%;
	word-wrap: break-word;
	table-layout: fixed;
}
label {
	color: inherit;
}
strong {
	font-weight: 700;
}
kbd {
	margin: 0px 0.1em;
	padding: 0.2em 0.5em;
	border-radius: 3px;
	border: 1px solid rgb(204, 204, 204);
	line-height: 1.1em;
	display: inline-block;
	box-shadow: 0px 1px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #ffffff;
	background-color: rgb(247, 247, 247);
	text-shadow: 0 1px 0 #fff;
}
.scoold-logo {
	padding: 0;
}
.click2hide {
	cursor: pointer;
}
.infostrip, .infostrip2 {
	text-align: center;
	line-height: 1.2em;
	font-size: 1.2em;
	margin-bottom: 15px;
	padding: 15px;
}
.gmap {
	height: 300px;
}
.scoold-wrapper {
	background-color: white;
}
.scoold-user-dropdown i {
	margin: -7px 0 0 5px;
}
.scoold-user-dropdown img {
	border-radius: 3px;
}
.scoold-user-dropdown {
	height: 63px;
	padding: 7px 2px 7px 7px;
}
.dropdown-content {
	opacity: 1;
}
.pro-label {
	font-size: 0.8em;
	color: #777;
	padding: 0px 8px;
	margin: 0 5px;
	border: 1px solid #777;
	font-weight: 300;
	border-radius: 3px;
	vertical-align: top;
}
#search-box {
	border: none;
	box-shadow: none;
	background-color: white;
	display: inline-block;
	font-size: 1.2rem;
	color: #444;
	height: 99%;
}
#search-box:focus {
	border: none;
	box-shadow: none;
}
#search-info-left {
	position: absolute;
	left: 35px;
}
#search-info-right {
	position: absolute;
	right: 50px;
}
textarea.edit-post {
	border: 1px solid #bbb;
	border-radius: 4px;
	min-height: 370px;
	margin-bottom: 26px;
}
textarea.simple-editor {
	min-height: 500px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	border: 0px;
	border-bottom: 1px solid #CCC;
}
#edit-picture-link {
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 10px 15px;
	background-color: white;
	display: none;
}
#main-modal {
	min-height: 400px;
	width: 35%;
}
.autocomplete {
	display: -ms-flexbox;
	display: flex;
}
.chips-autocomplete .chip {
	margin-right: 15px;
}
.chip {
	background-color: #f1f1f1;
}
.chip:focus {
	background-color: #666;
}
.chips-container {
	padding-top: 0.4em;
	float: right;
}
.chip > .msg {
	display: contents;
}
.input-field > .chip.red {
	width: 100%;
}
.material-icons {
	display: inline-block;
	/*font: normal normal normal 14px/1 FontAwesome;*/
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ico {
	font-style: normal;
	vertical-align: middle;
	width: 1em;
	min-width: 1em;
	height: 100%;
	margin-bottom: 0.1em;
	font-size: larger;
}
.ico.material-icons {
	display: block;
	height: inherit;
}
.fa-spin{
	animation-name: spin;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
.badgebox.mod-badge { border: 1px solid orange; }
.badgebox.admin-badge { border: 1px solid magenta; background-color: #6c126c; color: white; }
.input-field .prefix, .input-field .suffix { width: 2rem; }
.width-14{ width: 1.4em; }
.width-24{ width: 2.4em; }

 /***** EASY MDE FIXES - REMOVE WHEN THEY RELEASE v3 *****/
.editor-toolbar i {
	display: block;
	margin: 0 auto;
	width: 80%;
	height: 80%;
}
.editor-toolbar {
	height: 40px;
	padding: 5px 10px;
}
.editor-toolbar i.separator {
	line-height: 2.5em;
	border-left: 1px solid grey;
	border-right: 1px solid transparent;
	margin: 0 10px;
}
.editor-statusbar { color: inherit; }

i.fa-bold {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M13.5,15.5H10V12.5H13.5A1.5,1.5 0 0,1 15,14A1.5,1.5 0 0,1 13.5,15.5M10,6.5H13A1.5,1.5 0 0,1 14.5,8A1.5,1.5 0 0,1 13,9.5H10M15.6,10.79C16.57,10.11 17.25,9 17.25,8C17.25,5.74 15.5,4 13.25,4H7V18H14.04C16.14,18 17.75,16.3 17.75,14.21C17.75,12.69 16.89,11.39 15.6,10.79Z" /></svg>');}
i.fa-italic {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M10,4V7H12.21L8.79,15H6V18H14V15H11.79L15.21,7H18V4H10Z" /></svg>');}
i.fa-strikethrough {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M7.2 9.8C6 7.5 7.7 4.8 10.1 4.3C13.2 3.3 17.7 4.7 17.6 8.5H14.6C14.6 8.2 14.5 7.9 14.5 7.7C14.3 7.1 13.9 6.8 13.3 6.6C12.5 6.3 11.2 6.4 10.5 6.9C9 8.2 10.4 9.5 12 10H7.4C7.3 9.9 7.3 9.8 7.2 9.8M21 13V11H3V13H12.6C12.8 13.1 13 13.1 13.2 13.2C13.8 13.5 14.3 13.7 14.5 14.3C14.6 14.7 14.7 15.2 14.5 15.6C14.3 16.1 13.9 16.3 13.4 16.5C11.6 17 9.4 16.3 9.5 14.1H6.5C6.4 16.7 8.6 18.5 11 18.8C14.8 19.6 19.3 17.2 17.3 12.9L21 13Z" /></svg>');}
i.fa-heading {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M14,18V16H16V6.31L13.5,7.75V5.44L16,4H18V16H20V18H14Z" /></svg>');}
i.fa-code {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M12.89,3L14.85,3.4L11.11,21L9.15,20.6L12.89,3M19.59,12L16,8.41V5.58L22.42,12L16,18.41V15.58L19.59,12M1.58,12L8,5.58V8.41L4.41,12L8,15.58V18.41L1.58,12Z" /></svg>');}
i.fa-quote-left {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M14,17H17L19,13V7H13V13H16M6,17H9L11,13V7H5V13H8L6,17Z" /></svg>');}
i.fa-list-ul {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>');}
i.fa-list-ol {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M7,13V11H21V13H7M7,19V17H21V19H7M7,7V5H21V7H7M3,8V5H2V4H4V8H3M2,17V16H5V20H2V19H4V18.5H3V17.5H4V17H2M4.25,10A0.75,0.75 0 0,1 5,10.75C5,10.95 4.92,11.14 4.79,11.27L3.12,13H5V14H2V13.08L4,11H2V10H4.25Z" /></svg>');}
i.fa-check-square-o {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M4 13C2.89 13 2 13.89 2 15V19C2 20.11 2.89 21 4 21H8C9.11 21 10 20.11 10 19V15C10 13.89 9.11 13 8 13M8.2 14.5L9.26 15.55L5.27 19.5L2.74 16.95L3.81 15.9L5.28 17.39M4 3C2.89 3 2 3.89 2 5V9C2 10.11 2.89 11 4 11H8C9.11 11 10 10.11 10 9V5C10 3.89 9.11 3 8 3M4 5H8V9H4M12 5H22V7H12M12 19V17H22V19M12 11H22V13H12Z" /></svg>');}
i.fa-eraser {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M16.24,3.56L21.19,8.5C21.97,9.29 21.97,10.55 21.19,11.34L12,20.53C10.44,22.09 7.91,22.09 6.34,20.53L2.81,17C2.03,16.21 2.03,14.95 2.81,14.16L13.41,3.56C14.2,2.78 15.46,2.78 16.24,3.56M4.22,15.58L7.76,19.11C8.54,19.9 9.8,19.9 10.59,19.11L14.12,15.58L9.17,10.63L4.22,15.58Z" /></svg>');}
i.fa-link {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" /></svg>');}
i.fa-image {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z" /></svg>');}
i.fa-paperclip {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z" /></svg>');}
i.fa-table {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M5,4H19A2,2 0 0,1 21,6V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V6A2,2 0 0,1 5,4M5,8V12H11V8H5M13,8V12H19V8H13M5,14V18H11V14H5M13,14V18H19V14H13Z" /></svg>');}
i.fa-minus {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M20 14H4V10H20" /></svg>');}
i.fa-eye {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M3 4V16H21V4H3M3 2H21C22.1 2 23 2.89 23 4V16C23 16.53 22.79 17.04 22.41 17.41C22.04 17.79 21.53 18 21 18H14V20H16V22H8V20H10V18H3C2.47 18 1.96 17.79 1.59 17.41C1.21 17.04 1 16.53 1 16V4C1 2.89 1.89 2 3 2M10.84 8.93C11.15 8.63 11.57 8.45 12 8.45C12.43 8.46 12.85 8.63 13.16 8.94C13.46 9.24 13.64 9.66 13.64 10.09C13.64 10.53 13.46 10.94 13.16 11.25C12.85 11.56 12.43 11.73 12 11.73C11.57 11.73 11.15 11.55 10.84 11.25C10.54 10.94 10.36 10.53 10.36 10.09C10.36 9.66 10.54 9.24 10.84 8.93M10.07 12C10.58 12.53 11.28 12.82 12 12.82C12.72 12.82 13.42 12.53 13.93 12C14.44 11.5 14.73 10.81 14.73 10.09C14.73 9.37 14.44 8.67 13.93 8.16C13.42 7.65 12.72 7.36 12 7.36C11.28 7.36 10.58 7.65 10.07 8.16C9.56 8.67 9.27 9.37 9.27 10.09C9.27 10.81 9.56 11.5 10.07 12M6 10.09C6.94 7.7 9.27 6 12 6C14.73 6 17.06 7.7 18 10.09C17.06 12.5 14.73 14.18 12 14.18C9.27 14.18 6.94 12.5 6 10.09Z" /></svg>');}
i.fa-columns {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M13,5H21V19H13V5M3,5H11V7H3V5M3,11V9H11V11H3M3,19V17H11V19H3M3,15V13H11V15H3Z" /></svg>');}
i.fa-arrows-alt {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" /></svg>');}
i.fa-smile-o {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,9.5C14,8.7 14.7,8 15.5,8C16.3,8 17,8.7 17,9.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23Z" /></svg>');}
i.fa-question-circle {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z" /></svg>');}
i.fa-undo {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z" /></svg>');}
i.fa-redo {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="grey"><path d="M18.4,10.6C16.55,9 14.15,8 11.5,8C6.85,8 2.92,11.03 1.54,15.22L3.9,16C4.95,12.81 7.95,10.5 11.5,10.5C13.45,10.5 15.23,11.22 16.62,12.38L13,16H22V7L18.4,10.6Z" /></svg>');}
 /***** EASY MDE FIXES - REMOVE WHEN THEY RELEASE v3 *****/

i.close:before {
	content: "\f00d";
}
.upvote, .downvote {color: #888888;}
.upvote:hover, .upvote.cast {color: #4CAF50;}
.downvote:hover, .downvote.cast {color: #F44336;}

blockquote { border-left: 5px solid #888888; }
pre { overflow: auto; }

.task-list-item [type=checkbox]+span:not(.lever) {
	padding-left: 20px;
}

.editor-preview ul>li {
	list-style-type: disc;
}
.editor-preview ul, .editor-preview ol {
	padding: 0 20px;
}
.editor-preview pre {
	background-color: transparent;
}

.EasyMDEContainer .CodeMirror {
	border: 1px solid #bbb;
}
.CodeMirror-selectedtext, .cm-comment.CodeMirror-selectedtext  {
	background-color: #d9d9d9;
}
.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;
  margin: 0;
  box-shadow: 0px 1px 4px rgba(0,0,0,.4);
  background: white;
  max-height: 24em;
  overflow-y: auto;
	padding: 0px;
}
.CodeMirror-hint {
  margin: 0;
	padding: 5px 5px 0px 5px;
  white-space: pre;
  color: black;
  cursor: pointer;
}
li.CodeMirror-hint-active {
  background: #eee;
}
img.mention-img.profile-pic {
	margin: 0px 0px -3px 0px;
	height: 25px;
	width: 25px;
}

.new-comment-form .CodeMirror {
	border-radius: 3px;
	padding: 2px;
}
.new-comment-form .editor-statusbar {
	padding: 1px;
}
.new-comment-form .character-counter {
	min-height: 0;
	display: none;
}
.new-comment-form .new-comment-hint {
	margin-top: -1.4em;
	width: 83%;
}
.new-comment-form textarea.edit-post {
	min-height: 0;
	visibility: hidden;
}

code {
	background: #f8f8f8;
	padding: 2px;
	border-radius: 2px;
}
pre, code.hljs, code[class*="language-"], pre[class*="language-"] {
	font-size: 0.95em;
	tab-size: 2;
	-moz-tab-size: 2;
}
.selected-post {
	border-left: 2px solid #0369b6;
	padding-left: 10px;
}
.user-card {
	min-height: 127px;
}
.user-card img {
	max-height: 118px;
}
img.profile-pic {
	object-fit: cover;
	height: 100%;
}
.user-card img.profile-pic, .user-card-compact img.profile-pic {
	width: 100%;
	padding: 6px 0px 0px 7px;
}
img.profile-pic:before {
  content: " ";
  display: block;
  position: absolute;
	box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTYiIGhlaWdodD0iNzU2IiB2ZXJzaW9uPSIxIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PHJlY3Qgd2lkdGg9IjI4MiIgaGVpZ2h0PSIyNDUiIHg9Ii0zNCIgeT0iNzkiIGZpbGw9IiNlY2VjZWMiIHJ4PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC05NykiLz48ZyBmaWxsPSJncmF5Ij48Y2lyY2xlIGN4PSIxMDIiIGN5PSItNzAiIHI9IjQyIiB0cmFuc2Zvcm09InNjYWxlKDEgLTEpIi8+PGVsbGlwc2UgY3g9IjEwMSIgY3k9IjIwMSIgcng9IjcxIiByeT0iOTUiLz48L2c+PC9zdmc+');
	background-clip: initial;
	background-attachment: initial;
	background-position: center;
	background-size: cover;
	color: transparent;
}
.rep-overlay:before {
	content: attr(data-votes);
	text-shadow: 0px 0px 5px black;
	color: white;
	font-size: small;
	font-weight: bold;
	padding: 0px 3px;
	position: absolute;
	bottom: -16px;
	z-index: 1;
}
.user-card-compact {
	min-height: 48px;
}
.user-card-compact, .user-card-compact .badgebox {
	font-size: smaller;
}
.card.personbox.compact, .card.personbox.compact > .user-card-compact {
	margin-bottom: 5px;
}
.personbox .user-card-compact img.profile-pic:before {
	height: 69%;
	width: 6%;
}
.personbox img.profile-pic:before {
  height: 89%;
  width: 29%;
}
.userbox img.profile-pic:before {
  height: 50px;
  width: 50px;
}
.card-image img.profile-pic:before {
  height: 100%;
  width: 100%;
}
.questionbox img.profile-pic:before {
	height: 50px;
	width: 50px;
}
.sidenav img.profile-pic:before {
	height: 50px;
	width: 50px;
}
.dropdown-trigger img.profile-pic:before {
	height: 50px;
	width: 59px;
}
img.mention-img.profile-pic:before {
	height: 25px;
	width: 25px;
}
.card .card-website a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
	margin-right: 0;
	text-transform: lowercase;
}
.card .card-image img {
	background-color: #ccc;
	min-height: 330px;
}
.editlink {
	display: inline-flex;
}
.aboutme {
	padding-left: 50px;
}
.post-actions a {
	display: inline-block;
}
.comment-text {
	display: inline-block;
}
.comment-text * {
	font-size: inherit;
	/*display: inline;*/
}
.comment-text p:first-child {
	margin: 0;
}
.comment-text img {
    max-height: 32px;
}
.comment-timestamp {
	display: inline-block;
}
.personbox .person-name {
	font-size: 1em;
	line-height: 1.2em;
}
.personbox .lastseen {
	font-size: 0.9em;
	position: absolute;
	bottom: 5px;
	right: 0px;
}
.userbox img {max-width: inherit;}
/*.userbox-body { font-weight: 400; }*/

.swagger-ui .info .title small {
	line-height: 20px;
	top: 7px;
	border-radius: 5px;
}
.swagger-ui .info {
	margin: 40px 0 10px 0;
}
.swagger-ui table thead tr td, .swagger-ui table thead tr th {
	width: 200px;
}
.swagger-ui .response-col_links {
	display: none;
}
.swagger-ui select {
	opacity: 1;
	height: 2.4rem;
	width: auto;
	font-size: 16px;
	margin: 0px;
}

#passw.pass-meter, #newpassword.pass-meter { border-bottom: 3px solid #F44336; box-shadow: none;}
#passw.pass-meter.psms-25, #newpassword.pass-meter.psms-25 { border-bottom: 3px solid #F44336; box-shadow: none; }
#passw.pass-meter.psms-50, #newpassword.pass-meter.psms-50 { border-bottom: 3px solid #FFC000; box-shadow: none; }
#passw.pass-meter.psms-75, #newpassword.pass-meter.psms-75 { border-bottom: 3px solid #b2ca7d; box-shadow: none; }
#passw.pass-meter.psms-100, #newpassword.pass-meter.psms-100 { border-bottom: 3px solid #88AF12; box-shadow: none; }

audio {
	height: 30px;
	width: 50%;
	vertical-align: middle;
	margin: 2px 0;
}

video {
	max-width: 100%;
}

select {
	border: 1px solid #9E9E9E;
}

td, th {
	padding: 10px 5px;
}

h1 {
	font-size: 3.2rem;
	margin: 1.68rem 0;
}

h2 {
	font-size: 2.56rem;
	margin: 1.4rem 0;
}

h3 {
	font-size: 1.92rem;
	margin: 1rem 0;
}

h4 {
	font-size: 1.28rem;
	margin: 0.52rem 0;
}

h5 {
	font-size: 1.0rem;
	margin: 0.093rem 0;
}

.card-panel, .card {
	border-radius: 4px;
}

.page-wrapper .card-panel {
	padding: 17px 12px 12px 12px;
}
.card .card-content {
	padding: 15px;
}

.z-depth-1, .sidenav, .collapsible, .dropdown-content, .toast, .card, .card-panel, nav, .btn-floating, .btn, .btn-small, .btn-large {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.06),0 1px 5px 0 rgba(0,0,0,.1);
	box-shadow:         0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.06),0 1px 5px 0 rgba(0,0,0,.1);
}
.z-depth-1-half, .btn-floating:hover, .btn:hover, .btn-small:hover, .btn-large:hover {
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.12),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);
	box-shadow:         0 3px 6px 0 rgba(0,0,0,.12),0 1px 7px 0 rgba(0,0,0,.12),0 3px 6px -1px rgba(0,0,0,.2);
}

.sidenav-overlay {
	z-index: 995;
}

.navbar-fixed .sidenav li:not(.divider) {
	height: 50px;
}

.sidenav form {
	border-bottom: 1px solid #CCC;
}

.btn, .btn-small, .btn-large, .btn-flat {
	border-radius: 4px;
}

.tabs {
	border-bottom: 1px solid #CCC;
}

.tabs .tab {
	border-left: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
}

.tabs .tab:nth-child(2), .tabs .tab:nth-child(3) {
	border-left: none;
}

.compactanswerbox p {
	display: inline-block;
	margin: 0;
}

.badgebox {
	border: 1px solid #DDD;
	border-radius: 3px;
}

small.badgebox, .custom-badge.small {
	line-height: inherit;
	height: 1.5em;
	padding: 0px 5px;
	margin: 0;
}

.custom-badge.small {
	padding: 0px 8px;
}

.userbox small.badgebox {
	font-size: 12px;
}

.custom-badge.add:hover, .custom-badge.remove:hover {
	cursor: pointer;
}

.custom-badge a {
	color: inherit;
}

#badge-preview-icon {
	color: black;
}

.smallspacebox.orange-border {
	border: 2px solid orange;
}
.smallspacebox {
	border: 1px solid #DDD;
	background-color: transparent;
	border-radius: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.spacelabel {
	border-radius: 3px;
	color: #444;
	height: 2rem;
	padding: 0 10px;
	font-weight: 400;
	background-color: #f6f6f6;
}
.spacelabel a {	color: #444; }

.qstatsbox div {
	font-size: 14px;
	padding: 1px 5px;
}

.qstatsbox strong {
	font-weight: 500;
}

table.striped>tbody>tr:nth-child(odd) {
    background-color: rgba(242,242,242,0.5);
}

.card-panel.deprecated-post {
	-webkit-box-shadow: 0 2px 20px 0 rgba(255,152,1,.2), 0 3px 1px -2px rgba(255,152,1,.3), 0 1px 5px 0 rgba(255,152,1,.25);
	box-shadow:         0 2px 20px 0 rgba(255,152,1,.2), 0 3px 1px -2px rgba(255,152,1,.3), 0 1px 5px 0 rgba(255,152,1,.25);
}

.card-panel.sticky-post {
	-webkit-box-shadow: 0 2px 20px 0 rgba(3,155,229,.2), 0 3px 1px -2px rgba(3,155,229,.3), 0 1px 5px 0 rgba(3,155,229,.25);
	box-shadow:         0 2px 20px 0 rgba(3,155,229,.2), 0 3px 1px -2px rgba(3,155,229,.3), 0 1px 5px 0 rgba(3,155,229,.25);
}

.emoji-picker-container input, .emoji-picker-container input:focus {
	border-bottom: none !important;
	box-shadow: none !important;
}
.emoji-picker-container header {
	padding-top: 0;
	margin: 0 !important;
}
.emoji-picker-container header svg {
	margin-top: 10px;
}

.emoji-picker-container [class*="popupPicker"] {
	z-index: 10;
}

.lang-button {
	height: 5em;
	width: 100%;
}

.lang-button:hover {
	border: 1px solid #88AF12;
}

/*A11y*/
.skip-link {
  position: absolute;
  display: inline-block;
  padding: .375rem .75rem;
  line-height: 1;
  font-size: 1.25rem;
  background-color: #222;
  color: white;
  transform: translateY(0);
  transition: transform 250ms ease-in;
}
.skip-link:not(:focus) {
  transform: translateY(-2rem);
}

@media (max-width: 1400px) {
	.container {width: 90%;}
}
@media (max-width: 1280px) {
	.userbox img {max-width: 40px;}
	/*.userbox {width: 180px;}*/
	.userbox-body {font-size: smaller;}
	.userbox-body .chip {height: 18px;line-height: 18px;border-radius: 4px;padding: 0 4px;}
	.sidenav .divider {margin: 0;}
	.mediumText {font-size: 1.1em;}
}
@media (max-width: 990px) {
	.personbox .person-name {
		font-size: 0.9em;
		line-height: 1em;
	}
	.chips-container {
		padding: 0;
		float: none;
	}
	.questionbox img.profile-pic:before {
		height: 40px;
		width: 40px;
	}
}
@media (max-width: 900px) {
	.sTextCenter {
		text-align: center;
	}
	.sTextCenter.r {
		text-align: center;
	}
	.smallText {
		font-size: 0.9em;
		line-height: 2.5em;
	}
	.mediumText {
		font-size: 1.1em;
		line-height: 2.2em;
	}
	.hugeText {
		font-size: 2em;
	}
	.card-panel {
		padding: 10px 20px;
		margin: 5px 0;
	}
	.container {
		width: 96%;
	}
	.ptl {
		padding-top: 10px;
	}
	mtl {
		margin-top: 10px;
	}
	body {
		font-size: 14px;
	}
	.viewbox {
		word-break: break-all;
	}
	#main-modal {
		width: 100%;
	}
	.aboutme {
		padding-left: 0px;
	}
	.user-card {
		min-height: 96px;
		margin-bottom: 10px;
	}
	.user-card img {
		max-height: 89px;
	}
	.userbox {
		width: auto;
	}
	.page-content .questionbox {
		cursor: pointer;
	}
	.answers-head {
		height: 30px;
	}
	.fa-3x {
		font-size: 2em;
	}
	.questionbox img.profile-pic:before {
		height: 40px;
		width: 40px;
	}
	.personbox .person-name {
		font-size: 1.0em;
		line-height: 1.2em;
	}
}
@media (max-width: 600px) {
	.votebox, .approve-answer-btn {
		width: 50px;
		text-align: center;
		font-size: 1.6em;
	}
	.votecount {
		padding: 4px 8px 0 4px;
	}
	.commentbox {
		min-height: 20px;
		padding: 1px 0;
	}
	.commentbox .votebox {
		display: flex;
		font-size: 1em;
		width: 48px;
	}
	.commentbox .votebox .votecount {
		flex-grow: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
	}
	.personbox img.profile-pic:before {
		height: 86%;
		width: 21%;
	}
	.questionbox img.profile-pic:before {
		height: 3.5%;
		width: 6%;
	}
	.personbox .person-name {
		font-size: 1.2em;
		line-height: 1.3em;
	}
	.chip {
		font-size: 10px;
		height: 20px;
		line-height: 20px;
		padding: 0px 7px;
		overflow: hidden;
		white-space: nowrap;
	}
	.chip .close {
		line-height: 18px;
	}
	.skip-link:not(:focus) {
		transform: translateY(-3.4rem);
	}
}

/**** FEEL FREE TO MODIFY THIS THEME ****/
/* buttons, headings and links */
a, .dropdown-content li>a, .dropdown-content li>span { color: #0369b6; }
.btn, .btn-large, .navbtn-hover, footer .btn-flat { background-color: #962828; }
.btn:focus, .btn-large:focus, .btn-floating:focus { background-color: #ec407a; opacity: 0.7; }
.btn:hover, .btn-large:hover,span.badge.new,.sidenav span.badge.new, .collapsible span.badge.new { background-color: #444444; }
.filter-active { background-color: #0369b6; color: white; }
.sidenav li>a.navbtn-hover {color: white;}
.sidenav li>a.navbtn-hover:hover { background-color: #962828; opacity: 0.9;}

/* nav bar and footer */
main { background-color: white; }
body, footer.page-footer { background-color: #333; }
footer a { color: #10b0fe; }
footer.page-footer { margin: 20px 0; }
.page-footer a { font-weight: 400;}
.navbar-color { background-color: #333; }
nav { background-color: inherit; color: inherit; height: 64px; line-height: 64px;}
nav .sidenav-trigger i { height: 64px; line-height: 64px; }

/* switches and inputs */
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after { background-color: #0369b6; }
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before,
[type="radio"].with-gap:checked+span:after { border: 2px solid #0369b6; }
.switch label input[type=checkbox]:checked+.lever { background-color: #93dafa; }
.switch label input[type=checkbox]:checked+.lever:after { background-color: #03a9f4; }
.input-field .prefix.active { color: black; }
.input-field>label { color: #555; }
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]), .chips.focus { border-bottom: 1px solid #555; box-shadow: 0 1px 0 0 #666; }
.select-wrapper input.select-dropdown:focus { border-bottom: 1px solid #666; }
[type="checkbox"].filled-in:checked+span:not(.lever):after { border: 2px solid #0369b6; background-color: #0369b6; }
[type="checkbox"]:checked+span:not(.lever):before { border-right: 2px solid #0369b6; border-bottom: 2px solid #0369b6; }

/* progress bars */
.progress .indeterminate { background-color: #0369b6; }
.progress { background-color: #93dafa; }

/* tabs */
.tabs .tab a:hover, .tabs .tab a.active, .tabs .tab a { color: #0369b6; }
.tabs .indicator { background-color: #0369b6; }
.tabs .tab a:focus, .tabs .tab a:focus.active {	background-color: #FAFAFA; }
