/*---common start */
.aalto-ag-paragraph-lead {
  font-size: 1.313rem;
  line-height: 1.563rem;
}

.aalto-ag-primary-link,
.aalto-ag-primary-button {
  padding: 0.75rem 1.625rem;
  border-radius: 2.5rem;
  background-color: var(--black);
  border: 1px solid var(--black);
  color: white;
  font-size: 1rem;
  line-height: 1.125rem;
}

.aalto-ag-secondary-link,
.aalto-ag-secondary-button {
  padding: 0.75rem 1.625rem;
  border-radius: 2.5rem;
  background-color: white;
  color: var(--black);
  border: 1px solid var(--black);
  font-size: 1rem;
  line-height: 1.125rem;
}

.aalto-ag-primary-link:hover,
.aalto-ag-secondary-link:hover,
.aalto-ag-primary-button:hover,
.aalto-ag-secondary-button:hover,
.aalto-ag-primary-link:focus,
.aalto-ag-secondary-link:focus,
.aalto-ag-primary-button:focus,
.aalto-ag-secondary-button:focus,
.aalto-ag-primary-link:active,
.aalto-ag-secondary-link:active,
.aalto-ag-primary-button:active,
.aalto-ag-secondary-button:active {
  background-color: var(--yellow);
  color: var(--black);
}

.aalto-ag-primary-link:focus,
.aalto-ag-secondary-link:focus,
.aalto-ag-primary-button:focus,
.aalto-ag-secondary-button:focus,
.aalto-ag-primary-link:active,
.aalto-ag-secondary-link:active,
.aalto-ag-primary-button:active,
.aalto-ag-secondary-button:active {
  outline: none;
  box-shadow: 0 0 0 2pt var(--black);
}

.aalto-ag-icon-button {
  display: flex;
  align-items: center;
}

.aalto-ag-icon-button > img {
  width: 0.75rem;
  margin-right: 0.5rem;
}

.aalto-ag-table {
  width: 100%;
  padding: 0 1.438rem 1rem 2.188rem;
  border: 1px solid var(--black);
  border-top: none;
  border-spacing: 0;
}

.aalto-ag-table * {
  text-align: left;
}

.aalto-ag-table-column-right-align {
  text-align: right;
}

.aalto-ag-table > caption {
  font-size: 1.125rem;
  line-height: 1.625rem;
  padding: 0.938rem 0.938rem 0.938rem 2rem;
  background-color: var(--grey);
  border: 1px solid var(--black);
  border-bottom: 1px solid var(--grey);
}

.aalto-ag-table p, 
.aalto-ag-table a, 
.aalto-ag-table caption > button {
  font-size: inherit;
}

.aalto-ag-table a, 
.aalto-ag-table caption > button {
  line-height: inherit;
  text-decoration: underline;
}

.aalto-ag-table > caption > div {
  display: flex;
}

.aalto-ag-table tr[role='button'] {
  cursor: pointer;
}

.aalto-ag-table th,
td {
  padding: 1rem 0 1rem 0;
  border-bottom: 1px solid var(--black);
}

.aalto-ag-table th:first-child,
td:first-child {
  padding-left: 1.375rem;
}

.aalto-ag-table th,
td {
  font-size: 1rem;
  line-height: 1.188rem;
  font-weight: normal;
}

.aalto-ag-table td {
  letter-spacing: 0.07px;
  border-bottom: 1px dashed var(--black);
}

.aalto-ag-table-column-text-underline {
  text-decoration: underline;
}

.aalto-ag-table-edit-button img {
  width: 1rem;
}

.aalto-ag-table-bottom-action-button-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

.aalto-ag-main-form-info-paragraph {
  margin-top: 1rem;
  max-width: 31.25rem;
}

.aalto-ag-main-form-max-width-container {
  max-width: 25rem;
}

.aalto-ag-main-form {
  margin-top: 2rem;
}

.aalto-ag-main-form fieldset:first-of-type > .form-group:first-child {
 margin-top: 0; 
}

.aalto-ag-main-form fieldset{
  border: none;
}

.aalto-ag-main-form .inline-errors {
  color: #880000;
}

.aalto-ag-main-form .inline-hints {
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.aalto-ag-main-form-submit-fieldset {
  margin-top: 2rem;
  display: flex;
  justify-content: flex-end;
}

.aalto-ag-main-form-input-container, 
.form-group {
  margin-top: 1.125rem;
}

.form-group * {
  width: 100%;
}

.aalto-ag-main-form-input-container > label > *, 
.form-group * {
  margin-top: 0.125rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--black);
  font-family: Arial, sans-serif;
}

.aalto-ag-main-form-input-container > label > input,
.form-group input {
  padding-left: 0.5rem;
  
}

.aalto-ag-main-form-input-container > label > textarea, 
.aalto-ag-main-form-input-container > label > textarea,
.form-group textarea
 {
  padding: 0.5rem;
}

.aalto-ag-main-form-input-container > label > input,
.aalto-ag-main-form-input-container > label > select,
.form-group input {
  height: 2.5rem;
}

.aalto-ag-main-form-input-container > p {
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.aalto-ag-main-form-label {
  display: grid;
}

.aalto-ag-main-form-input-label-checkbox {
  display: block;
  margin-top: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.aalto-ag-main-form-input-label-checkbox > a {
  text-decoration: underline;
}

.aalto-ag-main-form-input-label-checkbox > input {
  margin-right: 0.5rem;
}

.aalto-ag-main-form-links-container {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.aalto-ag-main-form-links-container a {
  text-decoration: underline;
  margin-bottom: 0.25rem;
}

.aalto-ag-main-form-controls-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 2rem;
}

.aalto-ag-main-form-controls-container > p,
.aalto-ag-main-form-controls-container > div {
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.aalto-ag-main-form-controls-container > p:not(:first-child)),
.aalto-ag-main-form-controls-container > div:not(:first-child) {
  margin-top: 1.5rem;
}

.aalto-ag-main-form-controls-container > div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.aalto-ag-main-form-controls-container > p > a,
.aalto-ag-main-form-controls-container > div > a {
  text-decoration: underline;
}

.aalto-ag-main-form-controls-container > div > a {
  margin-bottom: 1rem;
}

.aalto-ag-main-form-radio-button-container {
  margin-bottom: 0.25rem;
  max-width: 15rem;
}

.aalto-ag-main-form-radio-button-container input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.aalto-ag-main-form-radio-button-container label {
  display: flex;
  align-items: center;
  text-align: center;
}

.aalto-ag-main-form-radio-button-container label p {
  margin-left: 0.375rem;
}

.aalto-ag-main-form-radio-button-container .checkmark-container {
  display: flex;
  align-items: center;
}

.aalto-ag-main-form-radio-button-container .checkmark-decoration {
  margin-right: 0.25rem;
  width: 0.375rem;
  height: 2.5rem;
}

.aalto-ag-main-form-radio-button-container .checkmark {
  display: flex;
  width: 1rem;
  height: 1rem;
  border-radius: 1000px;
  border: 0.125rem solid var(--grey);
}

.aalto-ag-main-form-radio-button-container input[type="radio"]:checked + label .checkmark-decoration {
  background-color: var(--black);
}

.aalto-ag-main-form-radio-button-container input[type="radio"]:checked + label {
  background-color: var(--grey);
}

.aalto-ag-main-form-radio-button-container input[type="radio"]:checked + label .checkmark {
  border: 0.125rem solid var(--black);
}

.aalto-ag-main-form-radio-button-container input[type="radio"]:checked + label .checkmark-point {
  margin: auto;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 1000px;
  background-color: var(--black);
}

.aalto-ag-main-welcome-tips-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  margin-top: 3.375rem;
}

.aalto-ag-main-tip {
  display: flex;
}

.aalto-ag-main-tip-dec-img-container {
  display: flex;
  background-color: var(--yellow);
  border-radius: 50%;
  min-width: 5.5rem;
  min-height: 5.5rem;
  max-width: 5.5rem;
  max-height: 5.5rem;
}

.aalto-ag-main-tip-dec-img {
  margin: auto;
  width: 2.125rem;
}

.aalto-ag-main-tip-info-grid {
  display: grid;
  grid-template-columns: 3.813rem auto;
  margin-left: 1.5rem;
}

.aalto-ag-main-tip-info-text {
  margin: 0;
  grid-column: 1 / 3;
}

.aalto-ag-main-tip-info-dec {
  grid-column: 1 / 2;
  height: 2px;
  background-color: var(--black);
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
/*---common end */


/*---main start*/
.aalto-ag-main-welcome-section {
  padding-top: 4.5rem;
  padding-bottom: 2.875rem;
}

.aalto-ag-main-system-messages-container {
  margin-top: 2rem;
  padding: 2rem 1.5rem;
  background-color: var(--grey);
}

.aalto-ag-main-system-messages-container div {
  display: flex;
  align-items: center;
}

.aalto-ag-main-system-messages-container img {
  margin-right: 1.5rem;
  width: 1rem;
  height: 1rem;
}

.aalto-ag-main-system-messages-container p {
  font-size: 1rem;
}
/*---main end*/


/*---home start*/
.aalto-ag-main-quickstart-tips-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  margin-top: 3.375rem;
}

.aalto-ag-main-quickstart-ca {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0.125px solid var(--black);
  border-radius: 4rem;
  padding: 2rem 1.563rem 2.25rem 2.25rem;
  margin-top: 2.875rem;
}

.aalto-ag-main-faq-section {
  padding-top: 2.5rem;
  padding-bottom: 5rem;
}

.aalto-ag-main-faq-dec-img-row {
  display: flex;
  justify-content: center;
  margin-bottom: 2.781rem;
}

.aalto-ag-main-faq-dec-img-container {
  display: flex;
  background-color: var(--yellow);
  border-radius: 50%;
  min-width: 5.5rem;
  min-height: 5.5rem;
  max-width: 5.5rem;
  max-height: 5.5rem;
}

.aalto-ag-main-faq-dec-img {
  margin: auto;
  width: 2.75rem;
}

.aalto-ag-main-faq-accordion {
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  padding: 1rem 1.5rem 1em 0.5rem;
  margin-top: 1rem;
}

.aalto-ag-main-faq-accordion-first {
  margin-top: 2.781rem;
}

.aalto-ag-main-faq-accordion-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.aalto-ag-main-faq-accordion-control-text {
  padding: 0.5rem 1rem;
}

.aalto-ag-main-faq-accordion-control-button {
  width: 1.5rem;
  height: 1.5rem;
  background-color: white;
  border: none;
}

.aalto-ag-main-faq-accordion-control-button-dec-img {
  width: 1rem;
  margin: auto;
}

.aalto-ag-main-faq-accordion-body {
  margin: 1.5rem 0 0 1.375rem;
}
/*---home end*/


/*---sign up start*/
.aalto-ag-main-signup-section {
  padding-top: 2rem;
  padding-bottom: 5.5rem;
}

.aalto-ag-main-signup-grid {
  display: grid;
  grid-template-columns: 4fr 3fr;
  gap: 4.875rem;
}

.aalto-ag-main-signup-form-container form {
  margin-top: 1rem !important;
}

.aalto-ag-main-signup-grid-tip-item {
  margin-top: 2rem;
}

.aalto-ag-main-signup-grid-success-link {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  padding: 1.75rem 0.813rem;
  background-color: var(--grey);
}

.aalto-ag-main-signup-grid-success-link > img {
  width: 1.625rem;
  height: 1.625rem;
  margin-right: 0.313rem;
}
/*---sign up end*/


/*---legal start*/
.aalto-ag-main-legal-section {
  padding-top: 4.688rem;
  padding-bottom: 2.813rem;
}

.aalto-ag-main-legal-section article > h2,
.aalto-ag-main-legal-section article > p {
  margin-top: 1.5rem;
}
/*---legal end*/


/*---api products start*/
.aalto-ag-main-api-products-intro-section {
  padding-top: 5.188rem;
  padding-bottom: 2.5rem;
}

.aalto-ag-main-api-products-intro-paragraph {
  margin-top: 2rem;
  max-width: 62.75rem;
}

.aalto-ag-main-api-products-section {
  padding-top: 2.813rem;
  padding-bottom: 2.5rem;
  background-color: var(--grey);
}

.aalto-ag-main-api-products-paragraph {
  margin-top: 2.75rem;
}

.aalto-ag-main-api-products-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5rem;
  margin-top: 2rem;
}

.aalto-ag-main-api-product {
  padding: 2.125rem 2rem 1rem 2rem;
  background-color: var(--yellow);
}

.aalto-ag-main-api-product-info-name {
  margin-bottom: 2.844rem;
}

.aalto-ag-main-api-product-info-grid {
  display: grid;
  grid-template-columns: 3.813rem auto 3.125rem;
  column-gap: 1rem;
  row-gap: 0.5rem;
}

.aalto-ag-main-api-product-info-dec {
  grid-column: 1 / 2;
  height: 2px;
  background-color: var(--black);
}

.aalto-ag-main-api-product-info-text {
  margin: 0;
  grid-column: 1 / 3;
}

.aalto-ag-main-api-product-info-dec-img {
  width: 3.563rem;
  grid-column: 3 / 4;
}

.aalto-ag-main-api-products-private-title-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.75rem;
}

.aalto-ag-main-api-products-search-input-label {
  position: relative;
}

.aalto-ag-main-api-products-search-input-label:before {
  content: '';
  position: absolute;
  top: 0.875rem;
  bottom: 0;
  left: 0.625rem;
  width: 1.25rem;
  background: url('/images/aalto/aalto_search_icon.svg');
  background-repeat: no-repeat;
}

.aalto-ag-main-api-products-search-input {
  width: 10rem;
  padding: 0.625rem 0.625rem 0.625rem 2.625rem;
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: var(--black);
  background-color: var(--grey);
  border: none;
}

.aalto-ag-main-api-products-search-input::placeholder {
  color: var(--black);
}
/*---api products end*/


/*---api product info start */
.aalto-ag-main-api-product-info-section {
  padding-top: 5.438rem;
  padding-bottom: 2rem;
}

.aalto-ag-main-api-product-info-container {
  margin-top: 1rem;
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#aalto-ag-main-api-product-info-intro {
  max-width: 50%;
}

.aalto-ag-main-api-product-info-contact-container > a {
  margin-top: 1rem;
}

.aalto-ag-main-api-product-usage-example-section {
  padding: 2.25rem;
  background-color: var(--grey);
}

.aalto-ag-main-api-product-usage-example-grid {
  display: grid;
  grid-template-columns: auto 35% 35%;
  column-gap: 1.5rem;
}

.aalto-ag-main-api-product-run-req-info-grid {
  display: grid;
  grid-template-columns: 3.688rem 1fr 1fr;
}

.aalto-ag-main-api-product-run-req-info {
  grid-column: 1 / 4;
  font-size: 1.313rem;
  line-height: 1.563rem;
}

.aalto-ag-main-api-product-run-req-spacer {
  grid-column: 1;
  height: 0.188rem;
  background-color: var(--black);
}

.aalto-ag-main-api-product-run-req-curl {
  grid-column: 1 / 4;
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.aalto-ag-main-api-product-swagger-section {
  padding-top: 1rem;
  padding-bottom: 11.375rem;
}

.aalto-ag-main-api-product-run-req-res-example {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
}

.aalto-ag-main-api-product-run-req-res-example-message {
  margin-top: 1rem;
  padding: 0.563rem;
  background-color: white;
  height: 100%;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
/*---api product info end*/


/*---apikeys start*/
.aalto-ag-main-apikeys-section {
  padding-top: 5.438rem;
  padding-bottom: 11.375rem;
}

.aalto-ag-main-apikeys-tips-grid {
  display: grid;
  grid-template-columns: 3fr 1fr;
  justify-content: flex-end;
  margin-top: 3.375rem;
}

.aalto-ag-main-apikeys-tips-grid {
  display: grid;
  grid-template-columns: 3fr 1fr;
  justify-content: flex-end;
  margin-top: 3.375rem;
}

.aalto-ag-main-apikeys-tip {
  display: flex;
  max-width: 48rem;
}

.aalto-ag-main-apikeys-tip-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.aalto-ag-main-tip-apikeys-link-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.aalto-ag-main-tip-apikeys-link-container > p {
  margin-bottom: 0.5rem;
}

.aalto-ag-main-apikeys-table-container {
  margin-top: 2.813rem;
}

.aalto-ag-main-apikeys-table {
  margin-top: 2rem;
}

.aalto-ag-main-apikeys-table th:nth-child(1) {
  width: 20%;
}

.aalto-ag-main-apikeys-table th:nth-child(2) {
  width: 27.5%;
}

.aalto-ag-main-apikeys-table th:nth-child(3) {
  width: 37.5%;
}

.aalto-ag-main-apikeys-table th:nth-child(4) {
  width: 2.5%;
}

.aalto-ag-main-apikeys-table th:nth-child(5) {
  width: 2.5%;
}

.aalto-ag-main-apikeys-form-container {
  margin-top: 1.5rem;
  padding-bottom: 2.5rem;
  border: 1px solid var(--black);
}

.aalto-ag-main-apikeys-form-container form {
  margin-top: 1.5rem;
  margin-left: 3.313rem;
  width: 100%;
  max-width: 31.625rem;
}

.aalto-ag-main-apikeys-go-back-button-container {
  background-color: var(--grey);
  padding: 0.938rem 0.938rem 0.938rem 1.25rem;
}

.aalto-ag-main-apikeys-go-back-button {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.625rem;
  text-decoration: underline;
}

.aalto-ag-main-apikeys-go-back-button img {
  width: 1rem;
  margin-right: 0.5rem;
}

.aalto-ag-main-apikeys-edit-regenerate-key-info {
  margin-top: 1.5rem;
  margin-left: 3.313rem;
  width: 100%;
  max-width: 31.625rem;
}

.aalto-ag-main-apikeys-edit-regenerate-key-info dd {
 margin-top: 0.25rem;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.aalto-ag-main-apikeys-edit-regenerate-key-info dd > p {
 font-size: 16px !important;
 line-height: 19px !imporant;
}

.aalto-ag-main-apikeys-edit-regenerate-key-info dd:not(:nth-child(2)) {
 margin-top: 1rem;
 font-size: 14px;
 line-height: 18px;
}

.aalto-ag-main-apikeys-edit-regenerate-key-info form {
 margin: 0 !important;
 width: initial !important;
}

.aalto-ag-main-apikeys-edit-regenerate-key-info input[type="submit"] {
 margin: 0 !important;
 padding: 0 !important;
 background-color: inherit !important;
 color: var(--black) !important;
 border: 0 !important;
 font-size: 16px !important;
 line-height: 19px !imporant;
 text-decoration: underline;
}
/*---apikeys end*/


/*---messages start*/
.aalto-ag-main-messages-section {
  padding-top: 5rem;
  padding-bottom: 11rem;
}

.aalto-ag-main-messages-controls-container {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
}

.aalto-ag-main-messages-controls-container a {
  margin-left: 1.625rem;
}

.aalto-ag-main-messages-control-button img {
  width: 1.5rem;
}

#aalto-ag-main-messages-content-container {
  margin-top: 1rem;
}

.aalto-ag-main-messages-table {
  margin: 0;
}

.aalto-ag-main-messages-table.no-padding {
  padding: 0;
}

aalto-ag-main-messages-table-caption.no-bottom-border {
 border-bottom: none; 
}

.aalto-ag-main-messages-table input[type="submit"] {
  border: none;
  background-color: inherit;
  font-size: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.aalto-ag-main-messages-table th:nth-child(1) {
  width: 25%;
}

.aalto-ag-main-messages-table th:nth-child(2) {
  width: 35%;
}

.aalto-ag-main-messages-table th:nth-child(3) {
  width: 40%;
}

.aalto-ag-main-messages-table-received-col-content {
  display: flex;
  justify-content: space-between;
}

.aalto-ag-main-messages-reply-content {
  padding-bottom: 2.5rem;
  border: 1px solid var(--black);
}

.aalto-ag-main-messages-reply-go-back-button-container {
  background-color: var(--grey);
  padding: 0.938rem 0.938rem 0.938rem 1.25rem;
}

.aalto-ag-main-messages-reply-go-back-button {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.625rem;
  text-decoration: underline;
}

.aalto-ag-main-messages-reply-go-back-button img {
  width: 1rem;
  margin-right: 0.5rem;
}

.aalto-ag-main-messages-reply-message-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.aalto-ag-main-messages-reply-message-form-container {
  display: flex;
  flex-direction: column;
  margin-left: 3.313rem;
  max-width: 31.625rem;
}

.aalto-ag-main-messages-reply-message-form-container form {
  width: 100%;
  margin-top: 1.5rem;
}

.aalto-ag-main-messages-reply-message-info-grid {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: 4.375rem auto;
  column-gap: 2rem;
  row-gap: 1rem;
}

.aalto-ag-main-messages-reply-message-info-grid p {
  font-size: 1rem;
  line-height: 1.188rem;
}

.aalto-ag-main-messages-reply-send-button-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem;
}

.aalto-ag-main-messages-reply-move-to-trash-button {
  margin-top: 1.5rem;
  margin-right: 1rem;
  display: flex;
  align-items: center;
}

.aalto-ag-main-messages-reply-move-to-trash-button a {
  display: flex;
}

.aalto-ag-main-messages-reply-move-to-trash-button img {
  width: 1rem;
  margin-right: 0.5rem;
}

.aalto-ag-main-messages-compose-content {
  padding-bottom: 2.5rem;
  border: 1px solid var(--black);
}

.aalto-ag-main-messages-compose-title-container {
  background-color: var(--grey);
  padding: 0.938rem 0.938rem 0.938rem 6.313rem;
}

.aalto-ag-main-messages-compose-title-container > p > span {
  margin-left: 1.875rem;
}

.aalto-ag-main-messages-compose-form-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 6.313rem;
  max-width: 31.625rem;
}

.aalto-ag-main-messages-compose-form-container > form {
  width: 100%;
}

.aalto-ag-main-messages-compose-form-container > form > div:first-child {
  margin-top: 1.5rem;
}

.aalto-ag-main-messages-compose-send-button-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem;
}
/*---messages end*/


/*---settings start*/
.aalto-ag-main-settings-section {
  padding-top: 5rem;
  padding-bottom: 6.938rem;
}

.aalto-ag-main-settings-account-details-container {
  margin-top: 1.5rem;
  border: 1px solid var(--black);
}

.aalto-ag-main-settings-account-details-title {
  font-size: 1.125rem;
  line-height: 1.625rem;
  padding: 0.938rem 0.938rem 0.938rem 2rem;
  background-color: var(--grey);
  border-bottom: 1px solid var(--black);
}

.aalto-ag-main-settings-account-details-grid-container {
  padding: 2rem 1.125rem 2rem 4.188rem;
}

.aalto-ag-main-settings-account-details-grid {
  display: grid;
  grid-template-columns: minmax(0, 12.313rem) auto;
  column-gap: 2.5rem;
  row-gap: 1.938rem;
}

.aalto-ag-main-settings-account-details-grid-label {
  font-size: 1rem;
  line-height: 1.188rem;
  text-align: right;
}

.aalto-ag-main-settings-account-details-grid-value {
  font-size: 1rem;
  line-height: 1.188rem;
  letter-spacing: 0.07px;
}

.aalto-ag-main-settings-account-details-grid-name-container {
  display: flex;
  justify-content: space-between;
}

.aalto-ag-main-settings-account-users-table {
  margin-top: 1.5rem;
}

.aalto-ag-main-settings-account-users-table th:nth-child(1) {
  width: 40%;
}

.aalto-ag-main-settings-account-users-table th:nth-child(2) {
  width: 55%;
}

.aalto-ag-main-settings-account-users-table th:nth-child(3) {
  width: 5%;
  text-align: right;
}

.aalto-ag-main-settings-invitations-table {
  margin-top: 1.5rem;
}

.aalto-ag-main-settings-invitations-table.no-padding {
  padding: 0;
}

.aalto-ag-main-settings-invitations-table-caption.no-bottom-border {
 border-bottom: none; 
}

.aalto-ag-main-settings-invitations-table th:nth-child(1) {
  width: 25%;
}

.aalto-ag-main-settings-invitations-table th:nth-child(2) {
  width: 25%;
}

.aalto-ag-main-settings-invitations-table th:nth-child(3) {
  width: 50%;
}

.aalto-ag-main-settings-invitations-table form {
  display: flex;
}

.aalto-ag-main-settings-invitations-table input[type="submit"] {
  border: none;
  background-color: inherit;
  font-size: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.aalto-ag-main-settings-invitations-table-accepted-col-content {
  display: grid;
  grid-template-columns: 50% 40% 10%;
}

.aalto-ag-main-settings-invitations-table-remove-button-container {
  display: flex;
  justify-content: flex-end;
}

.aalto-ag-main-settings-help-paragraph-container {
  margin-top: 2rem;
  display: flex;
  align-items: center;
}

.aalto-ag-main-settings-help-paragraph-container p {
  margin-left: 1.5rem;
  max-width: 36.875rem;
}

.aalto-ag-main-settings-form-container {
  margin-top: 1.5rem;
  padding-bottom: 2.5rem;
  border: 1px solid var(--black);
}

.aalto-ag-main-settings-form-container form {
  margin-top: 1.5rem;
  margin-left: 3.313rem;
  width: 100%;
  max-width: 31.625rem;
}

.aalto-ag-main-settings-go-back-button-container {
  background-color: var(--grey);
  padding: 0.938rem 0.938rem 0.938rem 1.25rem;
}

.aalto-ag-main-settings-go-back-button {
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.625rem;
  text-decoration: underline;
}

.aalto-ag-main-settings-go-back-button img {
  width: 1rem;
  margin-right: 0.5rem;
}

.aalto-ag-main-settings-edit-user-form-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.aalto-ag-main-settings-edit-user-form-container legend {
  margin-bottom: 0.25rem; 
}

.aalto-ag-main-settings-delete-user-button {
  margin-top: 1.5rem;
  margin-right: 1rem;
  display: flex;
  align-items: center;
}

.aalto-ag-main-settings-delete-user-button a {
  display: flex;
}

.aalto-ag-main-settings-delete-user-button img {
  width: 1rem;
  margin-right: 0.5rem;
}
/*---settings end*/
/*---main end*/