@import url('https://fonts.googleapis.com/css2?family=Kreon:wght@400;700&family=Signika:wght@400;600&display=swap');

body {
  margin: 0;
}

/* main text */
.MuiTypography-root {
  color: #069de4;
  font-family: "Signika";
}
.MuiPaper-root {
  color: #069de4;
}


/* buttons */
.MuiButton-root {
  background-color: #069de4;
}
.MuiButton-root:hover {
  background-color: #069de4;
}
.MuiButton-root .MuiTypography-root {
  color: #FFF;
}


/* headers */
h1.MuiTypography-root {
  font-family: 'Kreon';
  font-weight: bold;
  font-size: 50px;
}


/* common table */
.MuiTableHead-root tr {
  background-color: #FFF !important;
}
.MuiTableRow-root:nth-child(2n+1) {
  background-color: rgb(202, 209, 212, .4);
}
.MuiTableCell-root {
  font-family: "Signika";
  border: none;
}
.table__cell_hide {
  display: none;
}


/* table: maintenance fee */
.maintenance__tableRowPayTotal {
  border-top: 2px solid #000;
}
.maintenance__tableRowBalance {
  background-color: #FFF !important;
}
.maintenance__tableCellBalance {
  color: #df1f1f;
}

/* table: flat repair history */
.flatRepairHistory__table tbody .MuiTableCell-root {
  padding-top: 0;
  padding-bottom: 0;
}

/* table: flat documents */
.flatDocuments__table tbody .MuiTableCell-root {
  padding-top: 0;
  padding-bottom: 0;
}
.MuiTable-root .MuiIconButton-root {
  color: #c9be63;
}


/* table: notifications and orders */
.notificationsAndOrders__tableStatus {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 10px;
}
.notificationsAndOrders__tableStatus_0 {
  background-color: #6d6969;
}
.notificationsAndOrders__tableStatus_1 {
  background-color: #f0b73e;
}
.notificationsAndOrders__tableStatus_2 {
  background-color: #f0b73e;
}
.notificationsAndOrders__tableStatus_3 {
  background-color: #df1f1f;
}
.notificationsAndOrders__tableStatus_4 {
  background-color: #1cd31c;
}


/* common cards */
.card__title {
  border-bottom: 1px black dotted;
}
.card__description {
  color: #686565;
}
.card__totalPrice {
  font-size: 20px;
}
.card__bottom {
  height: 20px;
  background-color: #069de4;
}
.card__bottom .MuiTypography-root {
  color: #FFF;
}

/* tooltip */
.MuiIconButton-root {
  color: #069de4;
}
.tooltip.MuiTypography-root {
  color: #FFF;
}
.tooltip {
  color: #FFF;
}

@media (max-width: 600px) {
  h1.MuiTypography-root {
    font-family: 'Kreon';
    font-weight: normal;
    font-size: 30px;
  }
  .MuiCardHeader-action .MuiSvgIcon-root {
    font-size: 1.8rem;
  }
}