body {
  padding: 40pt;
  font: 1rem Inter, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

.button-warning {
  background-color: #FF0000;
  color: #000;
  border: none;
  border-radius: 4pt;
  padding: 8pt 16pt;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
}

.button-standard {
  background-color: #ddd;
  color: #000;
  border: none;
  border-radius: 4pt;
  padding: 8pt 16pt;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
}

.header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
}

.header-logo {
  flex: auto;
}

.header-add {
  flex: auto;
  padding: 0 0 0 10pt;
  text-align: right;
}

.header-logout {
  flex: auto;
  padding: 0 0 0 10pt;
  text-align: right;
}

.add-org-button {
  display: inline-block;
	background-color:#1769aa;
	border-radius:8px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	padding:10pt;
	text-decoration:none;
  margin-bottom: 5pt;
}

.logo {
  max-width: 100%;
  height: auto;
}

.organisation-outer {
  background: fixed #ddd;
  border-radius: 6pt;
  padding: 8pt;
  margin: 10pt 0;
}

.organisation-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.organisation-information {
  flex: auto;
}

.organisation-connection {
  flex: auto;
  text-align: right;
}

.phonenumbers-add {
  padding: 5pt 10pt 5pt 5pt;
}

.reconnect-instructions {
  text-align: center;
  padding: 50pt 10pt
}

.reconnect-instructions p {
  font-weight: bold;
}

.google-signup-button {
  height: 45px;
}

.stripe-subscribe-button, .stripe-portal-button {
  background-color: #635bff;
  color: #fff;
  border: none;
  border-radius: 4pt;
  padding: 4pt 8pt;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
  margin-top: 1pt;
}

.logout-button {
  padding: 16pt 16pt;
  background-color: #FCC66E;
}

.subscription-table, .phonenumbers-table{
  margin-bottom: 5pt;
}

.subscription-table th, .phonenumbers-table th {
  text-align: center;
}

.subscription-table td, .phonenumbers-table td {
  padding: 0 5pt;
  text-align: left;
} 
