Fanstock/frontend/public/style.css

/* futureColor: #1d1d1d */

* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  border: none;
  outline: none;
  font-family: "Roboto", sans-serif;
}

body {
  background: #11181b;
}

.link:link {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.6rem;
  text-decoration: none;
}
a:visited {
  color: rgb(228, 228, 228);
}
a:hover {
  color: rgb(228, 228, 228);
}
a:active {
  color: whitesmoke;
}

.active {
  background-color: #3082aa;
  color: black;
}
.active a {
  color: #fff;
}

.hide {
  display: none;
}

.myDIV:hover + .hide {
  display: block;
  color: grey;
}

/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(42, 42, 42);
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(180, 180, 180);
  border-radius: 10px;
}

.styleProSidebar > * {
  color: whitesmoke !important;
  background: #0d1214 !important;
}

.styleProSidebarSM > * {
  color: whitesmoke !important;
  background: #0d1214 !important;
}

.darkgrey {
  background: #23282c; /* navbar */
}

.lightblue {
  background: #3082aa;
}

.lightblack {
  background: #11181b; /* background bodi */
}

.MuiDataGrid-virtualScrollerContent * {
  border: none !important;
}

.MuiDataGrid-menuIcon * {
  color: whitesmoke !important;
}

p,
.MuiTablePagination-actions {
  color: whitesmoke !important;
}

.textField * {
  color: rgb(172, 172, 172) !important;
  border-color: rgb(59, 59, 59) !important;
}

.darktext {
  color: rgb(42, 42, 42) !important;
  font-weight: 500 !important;
}

.textGrey,
.Mui-disabled {
  color: #7a7979 !important;
}



.MuiPaper-root {
  background: #23282c !important;
  color: whitesmoke !important;
}

#mui-1,
.MuiInput-root {
  color: whitesmoke !important;
}

.btn-hover:hover {
  background-color: opacity(#000000, 0.9);
}

.MuiDialog-paper {
  border-color: #26698b !important;
  background: #11181b !important;
  -webkit-box-shadow: 5px 5px 15px 5px #000000 !important;
  box-shadow: 5px 5px 15px 5px #000000 !important;
}

.complete {
  text-decoration: line-through !important;
}

.css-1ps6pg7-MuiPaper-root,
.MuiDataGrid-panelContent,
.css-1sjjn1c-MuiDataGrid-panelContent {
  background: #23282c !important;
}

.MuiIconButton-sizeSmall * {
  color: white !important ;
}

table {
  background-color: #23282c;
}

.container-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100vw;
}

.container-body-paper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 95vw;
}

.wrapper-header {
  width: 95vw;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header-title {
  position: absolute;
  left: 3%;
  color: rgb(82, 82, 82);
  font-size: 20px;
}

.text-hover {
  color: #3082aa !important;
}

.wrapper-header-providers {
  position: absolute;
  width: 95vw;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  top: 11%;
}

.header-title-providers {
  display: flex;
  justify-content: space-between;
  width: 93vw;
  color: #3082aa;
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 15%;
}

.container-body-providers {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.header-title-neworder {
  display: flex;
  justify-content: space-between;
  width: 65vw;
  color: #3082aa;
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 3%;
}

.MuiMenuItem-root {
  background: #23282c !important;
  color: whitesmoke !important;
}

.MuiMenuItem-paper {
  background: #23282c !important;
  color: whitesmoke !important;
}