/* Default Styles */
form {
  width: 100%;
  height: auto; }
  form label, form input, form select {
    width: auto;
    height: auto; }
  form label {
    font-size: 16px;
    color: #807575;
    margin-bottom: 5px; }
  form input, form select {
    font-size: 16px;
    padding: 7.5px;
    border-bottom: 1px solid #807575; }
  form input.error {
    border-bottom: 1px solid red; }
  form input:hover, form input:focus {
    border-bottom-color: #03A9F4; }
  form .error-list.hide {
    display: none; }
  form .error-list {
    padding: 15px;
    font-size: 12px;
    color: red;
    border: 1px dashed red; }

html {
  width: 100%;
  height: 100%; }
  html body {
    overflow: hidden;
    width: inherit;
    height: inherit; }

.row, .col {
  display: flex; }

.col {
  flex-direction: column; }

.img-cont {
  width: 100%; }
  .img-cont img {
    width: 100%; }

body, html, div, p, h1, form {
  font-family: arial; }

/* Form Styles */
input:focus, select:focus, button:focus {
  outline: none; }

input, label, button, select {
  width: 0px;
  height: 0px;
  border: none;
  background: none;
  transition: all .5s; }

.heading, .title {
  display: flex;
  align-items: center;
  font-size: 32px;
  height: 50px; }
  .heading p, .title p {
    padding: 0px 7.5px; }

.title {
  font-size: 21px; }

button {
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #0091EA;
  font-size: 14px;
  height: auto;
  padding: 7.5px;
  border-radius: 20px;
  box-shadow: 0px 2px 5px transparent;
  transition: all .5s; }
  button i {
    color: white; }
  button p {
    color: white;
    width: 100%;
    font-weight: bold;
    text-align: center; }

button:hover {
  background-color: #03A9F4;
  box-shadow: 0px 5px 5px #6d6d6d6e; }

button.size-s {
  width: 70px; }

button.size-m {
  width: 140px; }

button.size-l {
  width: 210px; }

button.size-xl {
  width: 280px; }

button.dialog {
  background-color: transparent; }
  button.dialog p {
    color: #03A9F4; }