.custom_tb{
	background-color:	var(--bg-color);
}

.custom_tb_header{
	background-color:	var(--bg-color-2);
	color: var(--font-color-2);
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	font-size: 0.8em;
	font-weight: bold;
}

.liaison-button-icon{
    vertical-align: middle; 
    width: 96px;
    height: 48px;
    margin: 0px;
}

.liaison-button-icon:hover{
	filter:				drop-shadow(0px 0px 4px black);
}


#pc_server {
	margin: 0px;
    display: flex;
    flex-direction: column;
}

.rnote {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
}

.center {
    display: block; 
    margin-left: auto; 
    margin-right: auto;
}

/* Set a style for all buttons */
.cbutton {
  background-color: #4CAF50;
  color: white;
  padding: 8px 12px;
  margin: 2px 2px;
  border: none;
  cursor: pointer;
}

/* Add a hover effect for buttons */
.cbutton:hover {
  opacity: 0.8;
}

/* Extra style for the cancel button (red) */
.closebtn {
    float: right;
    width: auto;
    background-color: #f44336;
}

/* Center the avatar image inside this container */
.imgcontainer {
    display: inline-block;
    width: 100%;
    margin: 8px 0 8px 0;
    text-align: center;
}

.icon {
    padding: 10px;
    vertical-align: middle;
}

/* Add padding to containers */
.container {
  padding: 8px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  .cancelbtn {
    width: 100%;
  }
}

/* The Close Button */
.close {
  /* Position it in the top right corner outside of the modal */
  position: absolute;
  right: 25px;
  top: 0;
  color: #fff;
  font-size: 35px;
  font-weight: bold;
}

/* Close button on hover */
.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

div.gon-unit::after {
    content: "gr";
    margin-left: -40px;
}

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)}
  to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
  from {transform: scale(0)}
  to {transform: scale(1)}
}