body {
	background-image: url('./background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
    background-color: #FFFFFF;
    font-size:9pt;
    font-family: "Lucida Console", Monaco, monospace;
}
table, td {
	font-size:9pt;
	font-family: "Lucida Console", Monaco, monospace;
}
th {
	font-size:9pt;
	font-weight:bold;
	font-family: "Lucida Console", Monaco, monospace;
}
th.left {
	text-align:left;
	font-size:9pt;
	font-weight:bold;
	font-family: "Lucida Console", Monaco, monospace;
}
th.right {
	text-align:right;
	font-size:9pt;
	font-weight:bold;
	font-family: "Lucida Console", Monaco, monospace;
}
td.left {
	text-align:left;
	font-size:9pt;
	font-weight:normal;
	font-family: "Lucida Console", Monaco, monospace;
}
td.right {
	text-align:right;
	font-size:9pt;
	font-weight:normal;
	font-family: "Lucida Console", Monaco, monospace;
}
tr.sticky 
{
	position: -webkit-sticky;
	position: sticky;
	top: 58px;
}
tr.sticky-log
{
	position: -webkit-sticky;
	position: sticky;
	top:0;
	z-index:1;
	height:20px;
	background-color:#ffffff;
}
input {
	font-size:9pt;
	font-family:"Lucida Console", Monaco, monospace;
}
select {
	font-size:9pt;
	font-family:"Lucida Console", Monaco, monospace;
}
option {
	font-size:9pt;
	font-family:"Lucida Console", Monaco, monospace;
}
form {
	margin:0;
	padding:0;
	box-sizing: border-box;
}
hr {
	margin:0;
	padding:0;
	box-sizing: border-box;
}
.reportHeader {
	border-radius: 10px; 
	border:1px solid black; 
}
.reportTickets {
	border-radius: 10px; 
	border:1px solid black; 
	background-color:#CFCFCF;
}
.maxInput {
	width: 100%;
	box-sizing: border-box;
}
.loading-animator {
	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid #3498db;
	width:15px;
	height: 15px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }


  @keyframes color-change {
    0% {
      background-color: white;
    }
    50% {
      background-color: rgb(255, 155, 155);
    }
    100% {
      background-color: white;
    }
  }

  .popup-container 
  {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 800px;
	height: 420px;
	z-index: 100;
	background-color: white;
	color: black;
	border: 1px solid black;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  }
  
  .popup-content {
	width: 780px;
	height: 400px;
	overflow-y: scroll;
	margin: 20px;
  }
  
  .popup-close-button 
  {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background-color: #FFAAAA;
	color: white;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
  }

  .calc-fillspace
  {
	height: calc(100vh - 260px);
  }