html {
  height:100%;
  overflow-x: hidden;
  overflow: hidden;
  position:relative;
  q-webkit-user-select: none; /* Safari */
  q-ms-user-select: none; /* IE 10 and IE 11 */
  q-user-select: none; /* Standard syntax */
  overscroll-behavior-x: none;
}

body {
  margin: 0; 
  padding: 0;  /* to avoid scrollbars */
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  height:100%;
  overflow: hidden;
  scrollbar-width: thin;
  overscroll-behavior-y: contain;	/* do not refresh page on overscroll */
  overscroll-behavior-x: none;
  overflow: hidden;
  background:#fff;
  color:#333;
  height:100%;
  width:100%;
  scrollbar-width: none;
  box-sizing: border-box;

  --head: #ddd;
  --bg: #fefefe;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.doshadow	{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 10px;
	}

.click {
	cursor: pointer;
}
.click:active	{
	font-family: "cooperh";
}

.more,.morea	{
	background:#f0f0f0;
	width:100%;
	height:40px;
	line-height:40px;
	font-size:20px;
}

.morea	 {
	background:#fefefe;
}


.clicksim {
	cursor: pointer;
}

.clicksim:active	{
	margin-top:2px;
}

.divid	{
	width:100%;
	max-width:500px;
	margin:auto;
	margin-top:16px;
	height:2px;
	background:#991200;
}


.flexc	{
	display:flex;
	flex-direction: row;
	justify-content:center;
}


button:hover	{
	cursor: pointer;
}

button:active	{
	border: 2px solid black;
}

@font-face {
	font-family: "ico";
	src:url("/cache/icofont.woff2");
	font-weight: normal;
	font-style: normal;
/*	
 *	©2015 - 2018 IcoFont. All Rights Reserved.
 */
}

@font-face {
	font-family: "cooperh";
	src:url("/cache/cooperhewitt-bold-webfont.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "cooper";
	src:url("/cache/cooperhewitt-book-webfont.ttf");
	font-weight: normal;
	font-style: normal;
}


.idiv	{
	position:absolute;
	box-sizing:border-box;
	margin-inline: auto;
	left:0;right:0;
	bottom:50%;
	font-size:17px;
	width:90%;
	min-height:90px;
	color:#777;
}

.taj	{
	text-align:justify;
}

.tac	{
	text-align:center;
}

.cooper	{
	font-family: "cooper";
}

.cooperh	{
	font-family: "cooperh";
}

.ico	{
	font-family: "ico";
}

.clickme	{
	cursor:pointer;
}

.clickme:active	{
	margin-top:2px;
}


.nodecor {
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    resize: none; /*remove the resize handle on the bottom right*/
}

.btntoast, .acttoast	{
	display:none;
	z-index:99999;
	position:fixed;
	bottom:10px;
	width:100%;
	height:50px;
}

.btntoast_i, .acttoast_i {
	margin:auto;
	border-top:0px solid var(--black);
	border-radius:5px;
	color:var(--snackfg);
	min-width:300px;
	width:50%;
	background:var(--snack);
}

.btntoast_il, .acttoast_il {
	float:left;
	width:30px;
	height:50px;
	background:#777;
	line-height:50px;
}

.xshadow        {
        box-shadow: 5px 5px 10px #000;
}

.acttoast       {
        width:300px;
        height:100px;
        left:50%;
        margin-left:-150px;
        }


.tcent	{
	text-align:center;
}

.tl	{
	text-align:left;
}

.fullmr	{
	border-radius: 10px;
}
	
	
.justmid	{
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
}

.fs30	{
	font-size:30px;
}
.fs25	{
	font-size:25px;
}