html {
  font-family: 'Roboto';
}
body {
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.mb-3 {
  margin-bottom: 1rem;
}

.react-tel-input .form-control {
  width: 100% !important;
}

/* Table Styles */
.styled-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #3e92cc;
}

.styled-table th,
.styled-table td {
  padding: 12px 15px;
  text-align: left;
}

.styled-table th {
  color: #3e92cc;
}

/* not for the last row */
.styled-table tbody tr:not(:last-of-type) {
  border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:hover {
  background-color: #ddd;
}

.styled-table th:first-child,
.styled-table td:first-child {
  padding-left: 20px;
}

.styled-table th:last-child,
.styled-table td:last-child {
  padding-right: 20px;
}