/* @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap'); */

@font-face {
  font-family: 'Gotham Medium';
  src: local('Gotham Medium'), url('/static/css/Gotham_Medium/Gotham_Medium.otf') format('truetype');
}

html,
body,
#root {
  height: 100%;
  width: 100%;
}

.content {
  width: 100%;
  font-family: 'Gotham Medium', sans-serif;
}

.app {
  display: flex;
  position: relative;
}

.app-input-tab {
  display: flex;
  justify-content: space-between;
}

.MuiInputBase-input {
  background-color: white !important;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #e0e0e0;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on Hover */
::-webkit-scrollbar-track:hover {
  background: #555;
}

/* Data  Grid */
.MuiDataGrid-columnHeaderTitle {
  font-weight: bold !important; 
  font-size: larger !important;
  color: white !important;
}
.MuiDataGrid-columnHeaderTitleContainer {
  justify-content: center !important;
}
.MuiDataGrid-cell {
  justify-content: center !important;
}
.MuiButton-text {
  color: black !important;
}

.MuiDataGrid-root {
  border: none !important;
}

.MuiDataGrid-main {
  box-shadow: inset 15px 0 15px -15px rgba(0,0,0,1), inset 0 15px 15px -15px rgba(0,0,0,1) !important;
  background-color: #E3E3E3;
}

.MuiDataGrid-columnHeadersInner {
  box-shadow: inset 15px 0 15px -15px rgba(0,0,0,1), inset 0 15px 15px -15px rgba(0,0,0,1) !important;
  background-color: #3FA535;
}

.MuiDataGrid-row {
  border-bottom: 2px solid black !important;
}

.css-heg063-MuiTabs-flexContainer {
  justify-content: center;
}