:root {
	--backsplash: #fefefe;
	}

/* Create two equal columns that floats next to each other */
.row1columns {
  float: left;
  padding: 0.8em;
/*  margin-left: 0.5em;
/*  white-space: nowrap;*/
    }



@media (max-width: 800px) {
  .form-inline input {
    margin: 10px 0;
  }
  
  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
}


/*
html { visibility:hidden; }
*/

/* Clear floats after the columns */

* {
  box-sizing: border-box;
}

    
.row {	
  padding-left: 0.5em;
  margin-bottom: 0px ;
  font-size: 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}	



.editon {
	display: none;
	}

.editoff {
	display: block;
	}


.thebox {
	/*
    border-radius: 9px;
    moz-border-radius: 9px;
    webkit-border-radius: 9px;	*/
/*    padding-left: -1.3%;*/
/*    margin-left: -1.3% ;*/
    border: 2px solid black
	}
	
.thebox2 {
	/*
    border-radius: 9px;
    moz-border-radius: 9px;
    webkit-border-radius: 9px;	*/
    border: 4px solid black;
	font-family: arial, monospace;
	color: #ffffff;
	}

div.thebox3 {
	/*
    border-radius: 9px;
    moz-border-radius: 9px;
    webkit-border-radius: 9px;	*/
/*    padding-left: -1.3%;*/
/*    margin-left: -1.3% ;*/
    display: block;
	padding-top: 10px;
    border: 3px solid black;
  white-space: nowrap; 
  overflow: scroll;
	-webkit-overflow-scrolling: touch;
	}


.pwbutton {
    color: black;
    border-radius: 9px;
    moz-border-radius: 9px;
    webkit-border-radius: 9px;
    height: 50px;
    border: 2px solid black;
	font-family: arial, monospace;
	text-align: left !important;
	background: #9abcea;  /*#f4ecd7 #ead9ae*/
	}

.pwbutton:hover {
	background: #fefefe ;
	}

select.pwinput {
	width: 100%; 
	height: 50px; 
	color: black; 
	background: none;
    border: 2px solid black;
	font-family: arial, monospace;
	}
select.pwinput:hover {
	background:#fefefe; 
	}

select.pxinput {
	width: 100%; 
	height: 36px; 
	color: black; 
	background: none;
    border: 2px solid black;
	font-family: arial, monospace;
	font-size: 19px;
	}
select.pxinput:hover:enabled {
	background:#fefefe; 
	color: limegreen !important;
	}
select.pxinput:enabled {
	background:var(--cinputs); 
/*	background-color:#9abcea; */
	}
select.pxinput:disabled {
	background:transparent; 
	}



#popUpDiv{
   z-index: 100;
/*   position: absolute; 
   background-color: rgba(123, 123,123, 0.8);*/
   display: none;
/*   top: 0;
   left: 0;
   width: 200px;
   height: 300px;*/
}
#popupSelect{
   z-index: 1000;
/*   position: absolute; 
   top: 130px;
   left: 50px;*/
}​


.outline {
  -webkit-text-stroke: 30px red;
  user-select: none;
}


.strokeThis{
    text-shadow:
    -1px -1px 0 #ff0,
    0px -1px 0 #ff0,
    1px -1px 0 #ff0,
    -1px 1px 0 #ff0,
    0px 1px 0 #ff0,
    1px 1px 0 #ff0;
}