html, body {
      margin: 0;
      padding: 0;
      width: 100%;
      min-height: 100%;
      background: var(--bg);
      color: var(--ink);
      font-family: var(--font);
      font-size: clamp(9px, 1vw, 12px);
      line-height: 1.16;
      overflow: hidden;
    }

    body.fullscreen-form {
      overflow: auto;

  --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;
}
.no-browser-gestures {
  overscroll-behavior: none;
  overflow: hidden;
  touch-action: none;
}

span {
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

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


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

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

.msection	{
	line-height:45px;
	font-size:20px;
	margin:auto;
	margin-top:16px;
	width:250px;
	height:45px;
	background:#991200;
	color:#fff;
}

.landscape	{
	width:100%; 
	}

.portrait	{
	height:400px;
	}

.flexc	{
	display:flex;
	flex-direction: row;
	justify-content:center;
}
.listicon	{
	font-size:30px;
	line-height:40px;
	width:50px;
	height:40px;
	float:left;
	}

.listtext	{
	float:left;
	margin-left:8px;
	text-align:left;
	width:calc( 100% - 160px );
	height:40px;
	cursor:pointer; 
}

.green	{
	color: #00d12a;
}

.gray	{
	color: #888;
}


.bggrey	{
	background: #eee;
} 

.tcogreen	{
	color: green; 
}
	
.iplus	{
	xfloat:right;
	line-height:60px;
	font-size:40px;
	color:#fff;
	margin-top:16px;
	width:70px;
	height:60px;
	background:#991200;
	text-align:center
}

.listtext:active	{
	background: #fffc5;
	}

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

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

.clickgreen:active	{
	background:green;
}

.clickred:active	{
	color:red;
}


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


#tpsme	{
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	display:none;
	margin-left:calc( 100% - 200px );
	z-index:900;
	position:absolute;
	width:204px;
}

.page {
      width: min(100vw, 11in);
      min-height: 8.5in;
      margin: 0 auto;
      padding: clamp(6px, .9vw, 12px);
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

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

.censet	{
	width:90%;
	max-width:500px;
	margin:auto;
}

button:hover	{
	cursor: pointer;
}

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

.lh40	{
	line-height:40px;
	font-size:18px;
}
  
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="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("/findme/wr/cache/icofont.woff2");
	font-weight: normal;
	font-style: normal;
/*	
 *	©2015 - 2018 IcoFont. All Rights Reserved.
 */
}

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

@font-face {
	font-family: "cooper";
	src:url("/findme/wr/cache/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";
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
}

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

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

.blink	{
    animation:blinker 0.5s infinite;
}

.blockblack	{
	position:fixed;
	top:0;
	left:0;
	z-index:900;
	width:100%;
	height:100%;
	background: var(--darktrans);
	}

.doblur	{
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter:blur(5px);
}

.blackblur	{
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter:blur(5px);
}

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

.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*/
}

.mbent	{
	margin:auto;
	border-top:0px solid var(--black);
	border-radius:5px;
	background:lightblue;
}


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

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


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

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

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

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