/*----------------------------------------------------------------------------*/
/* Projects subsystem                                                         */
/*----------------------------------------------------------------------------*/

.contact-page-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  margin: 0px;
  padding: 10px 0px 10px 0px;
}

.contact-page-cell
{
  margin: 0px;
  padding: 0px;
  border: 0px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
}

.contact-page-input-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  background: var( --global-background-color );
  padding: 10px 0px 10px 0px;
  color: var( --global-text-color );
  text-align: left;
/*  border: 1px solid var( --global-border-color );*/
}

.contact-page-input-cell
{
  padding: 0px;
/*  border: 1px solid var( --global-border-color );*/
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
}

.contact-page-input
{
  background: var( --global-background-color );
  width: -webkit-fill-available;
  height: 32px;
  margin: 0px 0px 10px 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  padding: 4px 10px 4px 10px;
  color: var( --global-text-color );
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
}

.contact-page-textarea
{
  background: var( --global-background-color );
  width: -webkit-fill-available;
  height: auto;
  resize: none;
  margin: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  padding: 8px 10px 8px 10px;
  color: var( --global-text-color );
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
}

.contact-page-send-button
{
  display: inline-block;
  border: 1px solid var( --global-border-color );
  border-radius: 0px var( --global-border-radius ) var( --global-border-radius ) 0px;
  padding: 8px 16px 8px 16px;
  background: var( --global-background-color-inverse );
  color: var( --global-text-color-inverse );
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  white-space: nowrap;
  cursor: pointer;
}

/*----------------------------------------------------------------------------*/

.project-results-cell
{

}

.project-add-results-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  background: var( --global-background-color );
  padding: 10px 0px 10px 0px;
  color: var( --global-text-color );
  text-align: left;
}

.project-add-results-cell
{
  margin: 0px;
  border: none;
  padding: 0px;
  font-size: 16px;
  font-weight: normal;
  color: var( --global-text-color );
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
}

/*----------------------------------------------------------------------------*/
/* End of file                                                                */
/*----------------------------------------------------------------------------*/