@font-face {
  font-family: weizmann-regular;
  src: url(../fonts/Weizmann-Regular.otf);
}

@font-face {
  font-family: benton-regular;
  src: url(../fonts/BentonSans-Regular.otf);
}

@font-face {
  font-family: benton-book;
  src: url(../fonts/BentonSans-Book.otf);
}

@font-face {
  font-family: ezerdoo-regular;
  src: url(../fonts/EzerDoo-Regular.ttf);
}

@font-face {
  font-family: ezerdoo-bold;
  src: url(../fonts/EzerDoo-Bold.ttf);
}

@font-face {
  font-family: ezerdoo-book;
  src: url(../fonts/EzerDoo-Book.ttf);
}

@font-face {
  font-family: ezerdoo-medium;
  src: url(../fonts/EzerDoo-Medium.ttf);
}

@font-face {
  font-family: ezerdoo-thin;
  src: url(../fonts/EzerDoo-Thin.ttf);
}

@font-face {
  font-family: ezerdoo-black;
  src: url(../fonts/EzerDoo-Black.ttf);
}



.menu-list a:hover
{
    background-color:#202060;
}

.hero.is-dark a.navbar-item:hover
{
   background-color:#202060;
}

.tableFixHead          { overflow: auto; height: 100px; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }

.table
{
    color:white;
    background-color:#000020;
    border-collapse:collapse;
}
.content table thead td, .content table thead th, .content table tbody td, .content table tbody th
{
    color:white;
    border: 1px solid #606060;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 1px;
        border-left-width: 0px;
}
.columns {
    display: flex;
    min-height: 90vh;
}

.content.is-vcentered {
  display: flex;
  align-content: center; /* used this for multiple child */
  align-items: center; /* if an only child */
}

.has-text-centered {
  text-align: center;
}

.navbar
{
  border: 1px solid #202060;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}

.menu
{
 position: sticky;
  display: inline-block;
  vertical-align: top;
  max-height: 100vh;
  width: 200px;
  top: 0;
  bottom: 0;
  padding: 30px;
  border: 1px solid #202060;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
}

.container
{
  width: 100%;
  background-size: contain;
  overflow: hidden;
}

.textField
{
  position: absolute;
  background-color: #ffffff40;    
  min-height: 50px;
  min-width: 50px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.textField-movable
{
  width: 85%;
  height: 80%;
  cursor: move;
  background: transparent;
  position: absolute;
  top: 5%;
  left: 5%;
}

/*Resizeable*/

.textField .resizer-right {
  width: 5px;
  height: 100%;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: e-resize;
}

.textField .resizer-bottom {
  width: 100%;
  height: 5px;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: n-resize;
}

.textField .resizer-both {
  width: 5px;
  height: 5px;
  background: transparent;
  z-index: 10;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: nw-resize;
}

.textField:focus
{
  border: 1px solid #ff0404;
}

.qr
{
  position: absolute;
  background-color: #ffffff;    
  min-height: 50px;
  min-width: 50px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.qr-movable
{
  width: 85%;
  height: 80%;
  cursor: move;
  background: transparent;
  position: absolute;
  top: 5%;
  left: 5%;
}

/*Resizeable*/

.qr .resizer-right {
  width: 5px;
  height: 100%;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: e-resize;
}

.qr .resizer-bottom {
  width: 100%;
  height: 5px;
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: n-resize;
}

.qr .resizer-both {
  width: 5px;
  height: 5px;
  background: transparent;
  z-index: 10;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: nw-resize;
}



/*NOSELECT*/

.textField * {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently */
  align-items: center;
  text-align: center;                                
}

.toggleButton
{
}

.toggleButton[aria-pressed="true"]
{
  background-color: #3e8ed0;
}