/* **********************************
https://stackoverflow.com/questions/2504071/how-do-i-combine-a-background-image-and-css3-gradient-on-the-same-element

************************************* */
body {
	background-color: #cccccc;
	background-image: url("../redX_gif/amboLC17_250x250.png"), linear-gradient(to top, white, transparent);;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  background-position: 50% 30%;
	  height: 95vh;		/* 95% of view height */
	  width: 95%;
	white-space: pre-wrap;
	overflow: hidden;
}

body:before {
  content: "ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1 \A ambolog v4.2.1";
  color: #dadada8a;
  font-family: Arial, Geneva, Swiss, sans-serif;
  font-size:30px;
  font-weight:bold;
  display: block;
}


table {
	width: 100%;
	}

table td {
	height: 60px;
}


.but_submit, .but_submit_mute, .but_submit_down {
	justify-content: center;
	align-items: center;
	background-color: #ddd;
	  transition: background-color 0.15s linear;
	border: 2px solid #555;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 2px 2px 2px rgb(33 33 33 / 30%);
	margin: 1px;
	padding: 6px 12px 6px 12px;
	color: #33c;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Geneva, Swiss, sans-serif;
	text-decoration: none;
}
.but_submit a {
text-decoration: none;
}

/* ************ START DIV fade in **************** */

.cls_div_start_fadeIn_anim {
  animation: 1.5s fadeIn;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.cls_opacity_z {
    opacity: 0;
}