html {
  height:100%;
  width:100%;
  overflow-x: hidden;
  position:relative;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  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%;
  scrollbar-width: thin;
  overscroll-behavior-y: contain;	/* do not refresh page on overscroll */
  overscroll-behavior-x: none;
  background:#fff;
  color:#333;
  width:100%;
  scrollbar-width: none;


  --darkgreen: #3e6837;
  --lightyellow: #fffc8f;
  --white: #fff;
  --black: #000;
  --snack: rgba(0,0,0,0.8);
  --snackfg: #fff;
  --darktrans: rgba(0,0,0,0.6);
  --fgreen: #84f00b;
  --fred: #ff4100;
  --sred: #991200;
}

.liste	{
	overflow: hidden;
	text-overflow:ellipsis;
	height:30px;
	width:25%;
	overflow:hidden;
	float:left;
}


.bstyle,.clicksim,.clickgreen,.clickred, .clickyellow	{
	cursor: pointer;
}

.bstyle:active	{
	color:#444;
	background: #e5e5e5;
	-webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
	-moz-box-shadow: inset 0px 0px 5px #c1c1c1;
        box-shadow: inset 0px 0px 5px #c1c1c1;
	outline: none;
}

.clicksim:active	{
	margin-top:2px;
	color: #991200;
	background: green;
}


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


.waitAnimate {
	animation: spinner 1.5s linear infinite;
}


.blink	{
	animation: blink 1s infinite;
} 


@keyframes blink {
            0% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
}


@keyframes spinner {
  to { transform: rotate(360deg); }
}

.abutton	{
	max-width:500px;
	height:40px;
	font-family: "cooperh";
	line-height:40px;
	background: var(--sred);
	color: #fff;
	text-align:center;
}

.abutton:active	{
	background: #fff;
	border: 2px solid var(--sred);
	color: var(--sred);
}

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

.select	{
  border: 1px solid #991200;
  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);e
  padding-left: 5px !important;
}


.censet	{
	width:90%;
	max-width:500px;
	margin:auto;
}
input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin:0;
}

.ifield	{
	margin-top:16px;
	padding:8px;
	width:250px;
	height:50px;
	border:1px solid #991200;
}

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

.msection,.msectiond	{
	line-height:45px;
	font-size:20px;
	margin:auto;
	margin-top:16px;
	width:280px;
	height:45px;
	background:#991200;
	color:#fff;
	text-align:center;
	cursor: pointer;
}

.msectiond	{
	background:#621200;
}

.msection:active	{
	background:#fff;
	color:#991200;
	}


.musthavе	{
	display:none;
}

input	{
  background-color: transparent;
  xborder: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="datetime-local"] {
  padding: 0 1em 0 0;
  border: 1px solid grey;
  height: 32px;
  line-height: 40px;
  padding-left: 5px !important;
}

.input	{
  border: 1px solid #991200;
  height: 32px;
  line-height: 40px;
  padding-left: 5px !important;
}

textarea,button	{
  border: 1px solid #991200;
}

select {
  // A reset of styles, including removing the default dropdown arrow
  // Additional resets for further consistency
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  height: 30px;
  line-height: 30px;
  box-sizing: content-box;
}

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

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

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

.taj	{
	text-align:justify;
}

.tac	{
	text-align:center;
}

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

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

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


.blink	{
    animation:blinker 0.5s infinite;
}

.topdiv, .tdiv	{
	display:none;
	width:90%;
	max-width:500px;
	margin:auto;
	padding:16px;
	padding-top:16px;
}

.tdiv	{
	height:100%;
	overflow-y: auto;
}


@keyframes blinker {
  20% {
    opacity: 0;
 }
}

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

.chatpv {
	border-radius:10px;
	width:90%;
	padding:8px;
	text-align:left;
	background:#79d779;
	margin-top:16px;
}

.chatus {
	border-radius:10px;
	width:90%;
	padding:8px;
	text-align:right;
	background:#eee;
	margin-left:10%;
	margin-top:16px;
}

.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;
}

.ahe110	{
	height:110px;
}

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

.round	{
	border-radius: 10px;
}


.tcent	{
	text-align:center;
}

.tl	{
	text-align:left;
}

@keyframes blink {
	0% {opacity: 0}
	49%{opacity: 0}
	50% {opacity: 1}
}

.topmr	{

	border-radius: 5px 0px 5px 5px;
}

.topmr	{
	border-radius: 5px 0px 0px 0px;
}

.fullmr	{
	border-radius: 5px;
}
	
	

.blink{
	animation: blink 1s infinite;
}



.clc35	{
	width: -moz-calc(100% - 35px);
	width: -webkit-calc(100% - 35px);
	width: -o-calc(100% - 35px);
	width: calc(100% - 35px);
}

.justmid	{
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
}

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

.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;
}

.ahe110	{
	height:110px;
}

input[type="radio"] {
        appearance: none;
}

input[type="radio"] {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        border: 2px solid gray;
        /* Adjusts the position of the checkboxes on the text baseline */
        vertical-align: -2px;
        outline: none;
}

input[type="radio"]::before {
        display: block;
        content: " ";
        width: 10px;
        height: 10px;
        border-radius: 6px;
        background-color: red;
        font-size: 1.2em;
        transform: translate(3px, 3px) scale(0);
        transform-origin: center;
        transition: all 0.3s ease-in;
}

input[type="radio"]:checked::before {
        transform: translate(3px, 3px) scale(1);
        transition: all 0.3s cubic-bezier(0.25, 0.25, 0.56, 2);
}

.mw4	{
	max-width:400px;
}
.bgd	{
	background:#ddd;
}
.bg99	{
	background:#991200;
}

.c99	{
	color:#991200;
}


.absblur	{
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:900;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(100,100,100,0.5);
	backdrop-filter: blur(4px);
}

.popcent	{
	display:flex;
	align-items:center;
	justify-content:center;
	height:calc( 100% - 130px);
}

.centertd	{
	margin:auto;
	top:50%;
	position:relative;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}