:root {
  --dark1: #222;
  --dark2: #262626;
  --dark3: #2a2a2a;
  --dark3b: #2c2c2c;
  --dark3c: #2e2e2e;
  --dark4: #333333;
  --light1: #bbb;
  --link: #ff4fae;
  --link-hover: blue;
  --header: #0e0e02;
  
  /*mdc theme override*/
  --mdc-theme-surface: #222;
  --mdc-theme-primary: black;
  
}

::placeholder {
  text-transform: none;
}

body {
  background-color: #000000;
  color: var(--light1);
  padding: 0;
  margin: 0;
  width:100%;
  height:100%;
}

select, input {
  background-color:black;
  color:var(--light1);
}

a {
  color:var(--link);
}

a:hover{
  color:var(--link-hover);
}

.table-parent{
  width: 100%;
}

.dataTables_wrapper {
  width:100%;
}

.boolean-field {
  text-transform: uppercase;
}

.dataTables_wrapper, .dataTables_scrollBody{
  overflow-x:unset!important;
}


/* datatbles */
.mdc-data-table__header-row{
  background-color:var(--header);
  color:var(--light1);
}

.odd.mdc-data-table__row{
  background-color:var(--dark2);
}

.even.mdc-data-table__row{
  background-color:var(--dark3);
}

.mdc-data-table__cell{
  color:var(--light1);
}

.mdc-button:not(:disabled){
  color:var(--light1)!important;
}

.mdc-button--raised{
  background-color:black;
  border: 1px solid var(--light1);
}

.btn:not(:disabled){
  cursor: pointer;
}

.btn{
  color: #fff;
  background-color: #26a69a;
  letter-spacing: .5px;
  transition: background-color .2s ease-out;
  font-size: 14px;
  border: none;
  border-radius: 2px;
  height: 36px;
  text-transform: uppercase;
  width:100%;
}

.btn:hover{
  background-color:red;
}