html, body {
  height: 100%;
  margin: 0;
  color: aliceblue;
}

table, th, td {
  border: 1px solid white;
  border-collapse: collapse;
}

td, th {
  padding: 10px;
}

#root {
  height: 100%;
}

.badge {
  background-color: rgb(36, 36, 36);
  margin          : 5px;
  border-radius   : 300px;
  padding-right   : 10px;
  padding-left    : 10px;
  display: inline-block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.link_router
{
  font-size: 18px;
  margin         : 10px;
  color          : #343434;
  text-decoration: none;
  font-size      : 18px;
}

.link_router:visited {
  color: #343434;
}

.link_router:hover
{
  color: #cacaca;
}

.element_spacer
{
  width : 25px;
  height: 25px;
}

hr
{
  border-style: solid;
  border-color: #343434;
}

#Tooltip
{
  pointer-events: none;
}

table {
  width: 100%;
}

.rounded_input
{
  width           : 50%;
  /* height          : 30px; */
  font-size: 18px;
  background-color: #343434;
  border          : None;
  color           : white;
  padding         : 5px;
}

.display_hidden { display:none; }

.display_flex { display: flex; }



.background_grid_50
{
    /* background-color: #0e0e0e; */
    /* opacity: 0.4; */
    /* background-image: radial-gradient(#343434 1px, #0e0e0e 1px); */
    /* background-size: 50px 50px; */
    /* background-size: 25px 25px; */
    /* background-position: 25px 25px; */
    /* background-position: 12.5px 12.5px; */
}

.Navigation_bar
{
  height          : 50px;
  background-color: #0e0e0e;
  border-color    : #343434;
  /* border-width    : 1px;
  border-style    : solid; */
  display: flex;

}

button
{
  background-color: #343434;
  color           : #0e0e0e;
  border          : none;
  transition      : background-color 0.1s;
  font-size: 18px;
}

button:hover
{
  background-color: #585858;
}

input:focus
{
  outline     : none;
  border-color: #585858
}

input
{
  background-color: #0e0e0e;
  border-color    : #343434;
  border-style    : solid;
  font-size       : 16px;
  margin          : 10px;
  margin-right    : 0px;
  color           : #343434;
}

td
{
  border            : 1px solid #343434;
  border-left-width : 0px;
  border-right-width: 0px;
}

th
{
  border            : 1px solid #343434;
  border-left-width : 0px;
  border-right-width: 0px;
}

table
{
  border:none;
}


/* .link_router {
  color: #e62424;
} */


a:link {
  color: #e62424;
}

/* visited link */
a:visited {
  color: #811e1e;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

select
{
  /* display: none; */
  border            : 2px solid #343434;
  background-color: #0e0e0e;
  color           : #343434;
}

select:after
{
  background-color: #0e0e0e;
}

option
{
  background-color: #0e0e0e;
  color           : #343434;
}

option:hover
{
  background-color: #303030;
}

.pagination
{
  display        : flex;
  flex-direction : row;
  align-content  : center;
  justify-content: space-evenly;
  align-items    : center;
  width          : 600px;
}

hr {
  border: 1px solid #eeeeee;
  margin:10;
}

.noselect {
  -webkit-touch-callout: none;  /* iOS Safari */
  -webkit-user-select  : none;  /* Safari */
  -khtml-user-select   : none;  /* Konqueror HTML */
  -moz-user-select     : none;  /* Old versions of Firefox */
  -ms-user-select      : none;  /* Internet Explorer/Edge */
  user-select          : none;  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}