@charset "utf-8";
/* CSS Document */
body {
    font-size: 14px; 
    font-family: Courier;
	color: #000;
	background: #f9f9f9;
}

*.tz-noselect {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

input, select, button {
    font-family: 'Courier New'; 
    font-size: 14px;
}
.tz-upper {
    text-transform: uppercase;
}
.tz-lower {
    text-transform: lowercase;
}

/* COLORS */
.tz-bg-blue {
    background: blue;
}

/* ALIGN */
.tz-center {
    text-align: center;
}
.tz-right {
    text-align: right;
}
.tz-left {
    text-align: left;
}

/* HIDE */
.tz-ishidden {
    display: none;
}

/* BOX */
.tz-box {
    position: absolute;
    clear: both;
    border: 1px solid gray;
    padding: 10px;
    color: #333;
    background-color: #dde2e6;
}
.tz-box-title {
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
}
.tz-box-centerxy { 
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tz-fieldset {
    border:1px solid gray; 
    padding: 10px;
}
.tz-fieldset legend {
    font-weight: bold;
}
.tz-dedit {
    margin-top: 4px;
}
/* TOP MENU */
.topnav {
    float: left;
    overflow: hidden;
    background-color: #006699;
}
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.topnav a:hover {
    background-color: #ddd;
    color: black;
}
/* TABLES */
.tz-table {
    font-size: 14px;     
}
.table {
    background-color: white;
    color: #363636;
}
.table td,
.table th {
    border-width: 0 0 1px;
    padding: 0.5em 0.75em;
    vertical-align: top;
}
.table td.is-white,
.table th.is-white {
    background-color: white;
    border-color: white;
    color: #0a0a0a;
}
.table td.is-black,
.table th.is-black {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: white;
}
.table td.is-light,
.table th.is-light {
    background-color: whitesmoke;
    border-color: whitesmoke;
    color: rgba(0, 0, 0, 0.7);
}
.table td.is-dark,
.table th.is-dark {
    background-color: #363636;
    border-color: #363636;
    color: #fff;
}
.table td.is-primary,
.table th.is-primary {
    background-color: #00d1b2;
    border-color: #00d1b2;
    color: #fff;
}
.table td.is-link,
.table th.is-link {
    background-color: #3273dc;
    border-color: #3273dc;
    color: #fff;
}
.table td.is-info,
.table th.is-info {
    background-color: #3298dc;
    border-color: #3298dc;
    color: #fff;
}
.table td.is-success,
.table th.is-success {
    background-color: #48c774;
    border-color: #48c774;
    color: #fff;
}
.table td.is-warning,
.table th.is-warning {
    background-color: #ffdd57;
    border-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7);
}
.table td.is-danger,
.table th.is-danger {
    background-color: #f14668;
    border-color: #f14668;
    color: #fff;
}
.table td.is-narrow,
.table th.is-narrow {
    white-space: nowrap;
    width: 1%;
}
.table td.is-selected,
.table th.is-selected {
    background-color: #00d1b2;
    color: #fff;
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
      color: currentColor;
}
.table th {
    color: #363636;
}
.table th:not([align]) {
    text-align: left;
}
.table tr.is-selected {
    background-color: #00d1b2;
    color: #fff;
}
.table tr.is-selected a,
.table tr.is-selected strong {
    color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
    border-color: #fff;
    color: currentColor;
}
.table thead {
    background-color: transparent;
}
.table thead td,
.table thead th {
    border-width: 0 0 2px;
    color: #363636;
}
.table tfoot {
    background-color: transparent;
}

.table tfoot td,
.table tfoot th {
    border-width: 2px 0 0;
    color: #363636;
}
.table tbody {
    background-color: transparent;
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
    border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
    border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
    border-bottom-width: 1px;
}
.table.is-fullwidth {
    width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #fafafa;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    background-color: #B0DEFF;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
    background-color: #B0DEFF;
}
.table.is-narrow td,
.table.is-narrow th {
    padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
    background-color: #fafafa;
}
.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}
/* MODAL */
.tz-modal, .tz-modal-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;    
}
.tz-modal {    
    align-items: center;
    display: none;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 40;
}
.tz-modal.is-active {
    display: flex;
}
.tz-modal-background {
    background-color: rgba(10, 10, 10, 0.86);
}
.tz-modal-content {
    margin: 0 20px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    position: relative;
    width: 100%;
}
.tz-modal-close {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
}
.tz-modal-close::before, .tz-modal-close::after {
  background-color: white;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.tz-modal-close::before {
  height: 2px;
  width: 50%;
}
.tz-modal-close::after {
  height: 50%;
  width: 2px;
}
.tz-modal-close:hover, .tz-modal-close:focus {
  background-color: rgba(10, 10, 10, 0.3);
}
.tz-modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}








/* 
table {
	font-size: 1.2em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}
*/

/*
#header {
	clear: both;
	position: fixed;
	width: 100%;
	height: 50px;
}
#main {
	clear: both;
	position: absolute;
	top: 60px;
	margin-top: 5px;
	border: 1px #07575B solid;
	height: 100vh;
}
#dashboard {
	float: left;
	position: fixed;
	width: 150px;
	height: 100vh;
	color: #c4dfe6;
	background-color:#07575B;
	padding:5px;
    text-align:center;
    font-style:italic;
}
#menu {
	float: left;
	position: relative;
	width: 100%;
    text-align:center;
    background-color:#07575B;
	padding: 1px 0;
	font-size: 14px;
	color : #c4dfe6;
}
#menu ul li {
    display: inline;
	padding: 0 6px;
    text-align: left;
	color: #c4dfe6;
}
#menu a {
    text-decoration: none;
    color : #c4dfe6;
}
#menu a:hover {
	color: white;
    font-size: 2m;
}

/*
a {
    text-decoration: none;
    color : #ffffff;
}
a:hover {
    text-decoration: underline;
    font-size: 2m;
}


input[type=text],
input[type=password],
input[type=email],
input[type=tel],
select {
	font-family: 'Oxygen Mono', monospace;
    font-size: 12px;
    padding: 1px 3px;
    margin: 2px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=checkbox] {
	width: 17px;
	height: 17px;
	margin: 3px 0;
	vertical-align: middle;
}
input[type=submit],
input[type=button],
input[type=reset] {
	font-family: 'Oxygen Mono', monospace;
    font-size: 12px;
	margin: 10px 0px 5px 0px;
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	color: aliceblue;
	background-color: #07575B;
}
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=tel]:hover,
input[type=checkbox]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
select:hover {
    box-shadow:0px 0px 3px #07575B;
}
label:hover {
    cursor: pointer;
}
fieldset {
	border:1px solid #07575B;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
hr {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border: 0.5px solid #07575B;
} 

article
{
    padding:5px;
    border:dotted 3px #ff006e;
    margin-top:5px;
}





section
{
    padding:5px;
    border:dashed 3px #0026ff;
    margin-top:5px;
}

footer
{
    padding:5px;
    text-align:center;
    font-weight:bold;
}