register-equipment.component.scss

/*This file is part of the project Pinsis-Portal.
 Copyright (C),2018, by C3SL(Centro de Computação Científica e
 Software Live)

 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.*/

@import '../../sass/styles';

.register-page {
    hyphens: auto;
    font-family: $font-default;
    color: $text-dark;

    h2 {
      font-family: $font-header;
      font-weight: bolder;
      font-size: 30px;
      margin: 0px 0px 0px 0px;
      text-align:center;

    }
  }

input {
    color:$text-dark;
    font-size: 20px;
    border-color: #9d9d9d;
    border-radius: 4px;
    border-style: solid;
    width: 90%;
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
}


.register-equipment {
	width:100%;
	background-color: $bg-default;

	.home-cta {
		margin-bottom: $spacing-m;
	}

	@media screen and (max-width: $break-small) {
		padding: $spacing-m 0;
	}
}

.home-cta {
	color: $text-dark;
	font-family: $open;
	font-size: 20px;
	line-height: 1.1em;
}

.text-input {
    font-family: $font-header;
    font-size: 20px;
    padding: 5px 10px 5px 10px;
    border-radius: 4px;
		width: 47%;
    display: inline-block;
    margin-right: 10px;
    font-weight: bolder;
	  @media only screen and (max-width: $break-small+80px) {
      display: block;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
}

.blank-square {
    padding: 20px 15px;
    background-color: $white;
    margin-right:20px;
    border: 2px solid  $text-dark;
    border-radius: 10px;
}

.submit-button {
    color: $text-light;
    background-color: $bg-secondary;
    text-align: center;
    font-size: 20px;
    padding: 5px 20px;
    width:27%;

    margin-top:20px;
    display:inline-block;

    border-style: none;
    border-radius: 4px;
    cursor: pointer;

    &:hover {
        text-decoration: none;
        background:$dark-purple;
    }
	  @media only screen and (max-width: $break-small+80px) {
      width: 80%;
      margin-left: 5%;
      margin-right: 5%;
	  }

}
.options {
    color: $text-light;
    background-color: $bg-secondary;
    text-align: center;
    font-size: 18px;
    padding: 5px 20px;

    margin-top:20px;
    margin-left:2%;
    margin-right:2%;
    width: 27%;

    border-style: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;

    &:first-of-type {
      //margin-left:1%;
    }
    &:last-of-type {
      margin-right:0px;
    }

    &:hover {
        text-decoration: none;
        background:$dark-purple;
    }
	  @media only screen and (max-width: $break-small+80px) {
      width: 80%;
      margin-left: 5%;
      margin-right: 5%;
	  }
}

.selected-image {
  font-size: 20px;
  margin-top:20px;
  margin-left:10px;
  color: $dark-purple;
  width: 63%;
}

.label {
    display: none;
}