@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,700,400italic,700italic&subset=latin');
html{
	height:100%;
	background-color:#EEF0F3;
}
body{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:0,0,0,0;
	font-family:'Lato', 'Helvetica', Arial, sans-serif;
	background-color:#EEF0F3;
}
h1,h2,h3,h4{
	font-family:'Lato', 'Helvetica', Arial, sans-serif;
}
.noselect{
	touch-callout:none;
	user-select:none;
}
.allowselect{
	touch-callout:text;
	user-select:text;
}
body .ui.form ::placeholder{
	color:#7F7F7F;
	font-family:'Poppins';
}
::-webkit-scrollbar{
	appearance:none;
	width:8px;
}
::-webkit-scrollbar-thumb{
	border-radius:8px;
	background:rgba(156, 156, 156, .4) !important;
}
::-webkit-scrollbar-thumb:hover{
	background:#AAA !important;
	border-radius:20px;
}
::-webkit-scrollbar-track{
	border-radius:8px;
}
.termspage{
	background:#EEF0F3;
	padding:40px;
}
.termspage
.termspage-inner{
	background:#EEF0F3;
	padding:40px;
	box-shadow:1px 1px 4px -3px #001016;
}
.termspage h1,
.termspage h2,
.termspage h3,
.termspage h4{
	font-family:'Poppins';
	font-weight:bold;
}
.termspage h3,
.termspage h4{
	font-size:120%;
	margin:2em 0 1em;
}
.sticky{
	position:sticky;
}
.webkitsticky{
	position:-webkit-sticky;
}
a,.pseudolink{
	cursor:pointer;
	transition:color 0.3s;
}
.pseudolink:hover{
	color:#440000;
}
.inverted .pseudolink{
	color:#9999FF;
}
.hoverunderline{
	cursor:pointer;
}
.hoverunderline:hover{
	text-decoration:underline;
}
.monospace{
	font-family:monospace !important;
}
.ib,.inline{
	display:inline-block;
}
.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;
}
.lm5{
	margin-left:5px!important;
}
.rm5{
	margin-right:5px!important;
}
.lm10{
	margin-left:10px!important;
}
.rm10{
	margin-right:10px!important;
}
.lm2{
	margin-left:2px!important;
}
.rm2{
	margin-right:2px!important;
}
.bm2{
	margin-bottom:2px !important;
}
.bm5{
	margin-bottom:5px !important;
}
.bm10{
	margin-bottom:10px !important;
}
.bm20{
	margin-bottom:20px !important;
}
.bm25{
	margin-bottom:25px !important;
}
.bm50{
	margin-bottom:50px !important;
}
.tm2{
	margin-top:2px !important;
}
.tm5{
	margin-top:5px !important;
}
.tm10{
	margin-top:10px !important;
}
.tm20{
	margin-top:20px !important;
}
.tm25{
	margin-top:25px !important;
}
.tm50{
	margin-top:50px !important;
}
.pointer{
	cursor:pointer;
}
.bordered{
	border:1px solid black;
	margin:5px 5px 5px 5px;
}
.padded{
	padding:5px 5px 5px 5px;
}
.shadow{
	box-shadow:0px 5px 5px rgba(0,0,0,0.5) !important;
}
.shadow:active{
	box-shadow:0px -0px 0px #BBB !important;
}
.lowshadow{
	box-shadow:0px 1px 1px #BBB !important;
}
.lowshadow:active{
	box-shadow:0px -0px 0px #BBB !important;
}
.frontshadow{
	box-shadow:0px 0px 15px #BBB !important;
}
.frontshadow:active{
	box-shadow:0px -0px 0px #BBB !important;
}
.leftbound{
	position:absolute;
	left:0px;
}
.rightbound{
	position:absolute;
	right:0px;
}
.fullwidth{
	width:100%;
}
.cpointer{
	cursor:pointer;
}
.galleryaddimagebutton{
	width:200px;
	height:200px;
	display:inline-block;
	background-image:url(../img/add_item.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}
.waiting,.loading{
	background-repeat:no-repeat;
	background-position:center center;
	min-height:100px;
	min-width:100px;
	background:#EEF0F3;
}
.waiting:before,.loading:before{
	background-image:url(../img/waiting_robo2.gif) !important;
	background-repeat:no-repeat;
	background-size:150px;
	background-position:center center;
	width:160px;
	height:160px;
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-80px;
	margin-top:-80px;
	border-radius:100px;
	background-color:#FFF;
	box-shadow:0px 6px 16px -14px rgb(0,16,24);
}
.loadingtemplate{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:100000;
}
span.loading,span.waiting{
	min-width:100px;
	display:inline-block;
}
.hideoverflow{
	overflow:hidden;
}
.hidden{
	overflow:hidden;
	position:relative;
	width:0px;
	height:0px;
}
.vcentered{
	height:100%;
	line-height:100%;
	position:absolute;
}
.fullheight{
	top:0 !import;
	height:100% !important;
}
.fullabsolute{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}
.fullrelative{
	position:relative;
	width:100%;
	height:100%;
}
.round{
	border-radius:420px;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.outlineb{
	text-shadow:1px 1px rgba(0,0,0,0.5), -1px 1px rgba(0,0,0,0.5),1px -1px #111,-1px -1px rgba(0,0,0,0.5);
}
.outlinew{
	text-shadow:1px 1px 3px rgba(255,255,255,0.5), -1px 1px 3px rgba(255,255,255,0.5),1px -1px 3px rgba(255,255,255,0.5),-1px -1px 3px rgba(255,255,255,0.5);
}
div h1:first-child{
	margin-top:0 !important;
}
div h2:first-child{
	margin-top:0 !important;
}
div h3:first-child{
	margin-top:0 !important;
}
div h4:first-child{
	margin-top:0 !important;
}
div h5:first-child{
	margin-top:0 !important;
}
div h6:first-child{
	margin-top:0 !important;
}
div h7:first-child{
	margin-top:0 !important;
}
div h8:first-child{
	margin-top:0 !important;
}
div ul:first-child{
	margin-top:0 !important;
}
div ol:first-child{
	margin-top:0 !important;
}
.pad5{
	padding:5px 5px 5px 5px;
}
.nooverflow{
	overflow:hidden !important;
}
.nooverflowy{
	overflow-y:hidden !important;
}
.nooverflowx{
	overflow-x:hidden !important;
}
.pad8{
	padding:8px 8px 8px 8px;
}
.pad10{
	padding:10px 10px 10px 10px;
}
.pad16{
	padding:16px 16px 16px 16px;
}
.pad20{
	padding:20px 20px 20px 20px;
}
.pad50{
	padding:50px 50px 50px 50px;
}
.blackonwhite{
	color:black;
	background-color:white;
}
.whitefg{
	color:white !important;
}
.blackfg{
	color:black !important;
}
.whiteonblack{
	color:white;
	background-color:black;
}
.nowrap{
	white-space:nowrap;
}
.allowwrap{
	white-space:normal;
}
.boxshadow{
	box-shadow:1px 1px 3px rgba(0,0,0,0.05);
}
.leftalign{
	text-align:left;
}
.rightalign{
	text-align:right;
}
.centeredtext{
	text-align:center;
}
.normal{
	font-weight:normal !important;
}
.automargin{
	margin-left:auto;
	margin-right:auto;
}
.bg{
	background-size:100%;
	background-repeat:no-repeat;
}
.smalltext{
	font-size:75%;
}
.largetext{
	font-size:125%;
}
.animateall{
	transition:all 1s;
}
.zerosize{
	width:0 !important;
	height:0 !important;
	border:0 !important;
	margin:0 !important;
}
.redtext{
	color:red !important;
}
.scroll{
	overflow:auto;
}
.scrolly{
	overflow-y:auto;
}
.scrollx{
	overflow-x:auto;
}
.topalign{
	vertical-align:top !important;
}
.midalign{
	vertical-align:middle !important;
}
.uploadthingy button{
	color:red;
}
.nomargin{
	margin:0px;
}
.nobreak{
	white-space:nowrap;
}
.cutoverflow{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.tall{
	height:100%;
	flex:1;
	overflow-y:auto;
}
.straightedge{
	border-radius:0 !important;
}
.fancybg{
	background-color:#EEF0F3;
	background-attachment:fixed;
}
.aluminiumbg{
	background-color:rgba(255,255,255,0.9);
	background-image:url('../img/aluminium.png');
}
.nicefont{
	font-family:'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.sansserif{
	font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.topleft{
	position:absolute;
	top:5px;
	left:5px;
}
.topright{
	position:absolute;
	top:5px;
	right:5px;
}
.bottomleft{
	position:absolute;
	bottom:5px;
	left:5px;
}
.bottomright{
	position:absolute;
	bottom:5px;
	right:5px;
}
.linklike{
	color:blue;
	cursor:pointer;
}
.linklike:hover{
	text-decoration:underline;
}
.underline{
	text-decoration:underline;
}
.overline{
	text-decoration:overline;
}
.strikeout,.strikethrough{
	text-decoration:line-through;
}
@keyframes blink{
	50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink{
	50% {
    opacity: 0.0;
  }
}
.blink{
	animation:blinker 1s linear infinite;
	transition-property:none;
}
.icontealhover .icon{
	transition:0.4s all !important;
}
.icontealhover:hover > .icon,
.icontealactive{
	background-color:#00B0FF  !important;
}
.iconredhover .icon{
	transition:0.4s all !important;
}
.iconredhover:hover > .icon,
.iconredactive{
	background-color:#FF0040  !important;
}
.tealhover{
	transition:0.4s color !important;
}
.tealhover:hover{
	color:rgba(0,176,255,0.9)  !important;
}
.redhover{
	transition:0.4s color !important;
}
.redhover:hover{
	color:rgba(255,0,64,0.9)  !important;
}
.redhovertint{
	transition:0.4s background-color !important;
}
.redhovertint:hover{
	background-color:rgba(255,0,64,0.1)  !important;
}
.darkbluehover{
	transition:0.4s background-color !important;
}
.darkbluehover:hover{
	background-color:#001016  !important;
}
.darkbluehovertint{
	transition:0.4s background-color !important;
}
.darkbluehovertint:hover{
	background-color:rgba(0,49,74,0.1)  !important;
}
.whitehovertint{
	transition:0.4s background-color !important;
}
.whitehovertint:hover{
	background-color:rgba(255,255,255,0.1) !important;
}
.blackhovertint{
	transition:0.4s background-color !important;
}
.blackhovertint:hover{
	background-color:rgba(0,0,0,0.1) !important;
}
.greenhovertint{
	transition:0.4s background-color !important;
}
.greenhovertint:hover{
	background-color:rgba(0,255,0,0.1) !important;
}
.bluehovertint{
	transition:0.4s background-color !important;
}
.bluehovertint:hover{
	background-color:rgba(0,0,255,0.1) !important;
}
.grayhover{
	color:gray !important;
	transition:0.4s color !important;
}
.grayhoverdark{
	color:gray !important;
	transition:0.4s color !important;
}
.grayhover:hover{
	color:black !important;
}
.grayhoverdark:hover{
	color:white !important;
}
.hoveropacity30{
	opacity:0.3 !important;
	transition:0.4s opacity;
}
.hoveropacity30:hover{
	opacity:1 !important;
}
.hoveropacity70{
	opacity:0.7 !important;
	transition:0.4s opacity;
}
.hoveropacity70:hover{
	opacity:1 !important;
}
.hoveropacity85{
	opacity:0.85 !important;
	transition:0.4s opacity;
}
.hoveropacity85:hover{
	opacity:1 !important;
}
.paper:not(.icon){
	color:black;
	background-image:url(../img/light-paper-fibers.png);
	background-color:#FCFCFC;
}
.tutorialhilight{
	animation:colorchange 10s;
}
@keyframes colorchange{
	0%   {background: red;}
      25%  {background: yellow;}
      50%  {background: blue;}
      75%  {background: cyan;}
      100% {background: magenta;}
}
@-webkit-keyframes colorchange{
	0%   {background: red;}
      25%  {background: yellow;}
      50%  {background: blue;}
      75%  {background: cyan;}
      100% {background: magenta;}
}
input[type=number].nospinner::-webkit-inner-spin-button,
input[type=number].nospinner::-webkit-outer-spin-button,
input[type=number].nospinner::inner-spin-button,
input[type=number].nospinner::outer-spin-button{
	appearance:none;
	margin:0px;
}
.hoveropaque{
	opacity:0.5;
	transition:0.5s opacity;
}
.hoveropaque:hover{
	opacity:1;
}
.commentquote{
	border-left:2px solid #99F;
	padding:5px;
	padding-left:10px;
	background-color:rgba(128,128,128,0.1);
}
@keyframes huerotate{
	0%   {color: hsl(0,100%,50%);}
    25%  {color: hsl(90,100%,50%);}
    50%  {color: hsl(180,100%,50%);}
    100% {color: hsl(360,100%,50%);}
}
.huerotate{
	animation-name:huerotate;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
@keyframes huerotateandrotate{
	0%   {color: hsl(0,100%,50%);transform: rotate(0deg);}
    25%  {color: hsl(90,100%,50%);transform: rotate(90deg);}
    50%  {color: hsl(180,100%,50%);transform: rotate(180deg);}
    100% {color: hsl(360,100%,50%);transform: rotate(360deg);}
}
.huerotateandrotate{
	animation-name:huerotateandrotate;
	animation-duration:10s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	transform-origin:center;
}
@keyframes pulsate{
	0%   {zoom:1;}
    25%  {zoom:1.25;}
    50%  {zoom:1;}
    100% {zoom:0.8;}
}
.pulsate{
	animation-name:pulsate;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	transform-origin:center;
}
@keyframes opacityrotate{
	0%   {opacity:1;}
    50%  {opacity:0.1;}
    100% {opacity:1;}
}
.opacityrotate{
	animation-name:opacityrotate;
	animation-duration:2s;
	animation-iteration-count:infinite;
}
.desc{
	color:gray;
	padding:0 5px 5px;
	font-size:0.9em;
}
.acronym{
	border-bottom:1px dotted #88A;
}
.shake{
	animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform:translate3d(0, 0, 0);
	backface-visibility:hidden;
	perspective:1000px;
}
@keyframes shake{
	10%, 90% {
    transform: translate3d(0,-1px, 0);
  }

  20%, 80% {
    transform: translate3d(0,2px, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(0,-3px, 0);
  }

  40%, 60% {
    transform: translate3d(0,3px, 0);
  }
}
.autoheight{
	height:auto !important;
}
@keyframes blinker{
	0% { opacity: 1; }
  49.999999% { opacity: 1; }
  50% { opacity: 0; }
  99.999999% { opacity: 0; }
}
.lfont{
	font-size:1.1em;
}
.xlfont{
	font-size:1.2em;
}
.xxlfont{
	font-size:1.5em;
}
.xxxlfont{
	font-size:2em;
}
.xxxxlfont{
	font-size:3em;
}
.sfont{
	font-size:0.9em;
}
.xsfont{
	font-size:0.7em;
}
.xxxsfont{
	font-size:0.6em;
}
.xxxxsfont{
	font-size:0.4em;
}
.helptext{
	font-size:0.9em;
	color:gray;
}
.gray{
	color:gray;
}
.helvetica{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.simplecard{
	padding:15px;
	margin-top:15px;
	margin-bottom:15px;
	box-shadow:0 0 10px rgba(0,0,0,0.25);
	transition:boxshadow 0.5s;
}
.simplecard:hover{
	box-shadow:0 0 25px rgba(0,0,0,0.25);
}
.subtlecard{
	border-radius:4px;
	border:1px solid rgba(128,128,128,0.1);
	box-shadow:1px 1px rgba(128,128,128,0.1);
	margin:5px;
	transition:0.5s box-shadow;
}
.subtlecard:hover{
	box-shadow:0 0 15px rgba(0,0,0,0.25);
}
.subtlecard_nomargin{
	border-radius:4px;
	border:1px solid rgba(128,128,128,0.1);
	box-shadow:1px 1px rgba(128,128,128,0.1);
	transition:0.5s box-shadow;
}
.subtlecard_nomargin:hover{
	box-shadow:0 0 15px rgba(0,0,0,0.25);
}
.verysubtlecard{
	border-radius:4px;
	border:1px solid rgba(128,128,128,0.05);
	box-shadow:1px 1px rgba(128,128,128,0.05);
	margin:5px;
	transition:0.5s box-shadow;
}
.verysubtlecard:hover{
	box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.flextop{
	align-self:flex-start;
}
.errortext{
	font-family:monospace;
	color:red;
	background-color:black;
}
.formerror{
	color:red;
}
.card1{
	box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition:all 0.3s cubic-bezier(.25,.8,.25,1);
}
.card1.hoverable:hover, .card2.hoverable:hover, .card3.hoverable:hover, .card4.hoverable:hover, .card5.hoverable:hover{
	box-shadow:0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.card2{
	box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	transition:all 0.3s cubic-bezier(.25,.8,.25,1);
}
.card3{
	box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	transition:all 0.3s cubic-bezier(.25,.8,.25,1);
}
.card4{
	box-shadow:0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	transition:all 0.3s cubic-bezier(.25,.8,.25,1);
}
.card5{
	box-shadow:0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	transition:all 0.3s cubic-bezier(.25,.8,.25,1);
}
.notransition{
	transition:none !important;
}
.pulsatingcircle{
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	width:30px;
	height:30px;
}
.pulsatingcircle:before{
	content:'';
	position:relative;
	display:block;
	width:300%;
	height:300%;
	box-sizing:border-box;
	margin-left:-100%;
	margin-top:-100%;
	border-radius:45px;
	background-color:#01a4e9;
	animation:pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsatingcircle:after{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	width:100%;
	height:100%;
	background-color:white;
	border-radius:15px;
	box-shadow:0 0 8px rgba(0,0,0,.3);
	animation:pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}
@keyframes pulse-ring{
	0% {
    transform: scale(.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@keyframes pulse-dot{
	0% {
    transform: scale(.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}
.hoverparent .hoverchild{
	opacity:0.1;
	transition:opacity 0.5s;
}
.hoverparent:hover .hoverchild{
	opacity:1;
}
.grow0{
	flex-grow:0;
}
.grow1{
	flex-grow:1;
}
.shrink0{
	flex-shrink:0;
	min-width:0px;
	min-height:0px;
}
.shrink1{
	flex-shrink:1;
	min-width:0px;
	min-height:0px;
}
.flexcolumns{
	display:flex;
	flex-direction:column;
}
.flexrows{
	display:flex;
	flex-direction:row;
}
.verticallabel{
	text-orientation:sideways;
	writing-mode:vertical-rl;
	transform:rotate(180deg);
}