/* Insert here your custom CSS */
/* GRID */
component[name=grid]{
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    padding: 5%;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}

header{
  padding: 0;
}

/* LOGIN 2 FORM */
component[name=loginform].login2 input[type=text],
component[name=loginform].login2 input[type=password] {
  width: 80% !important;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}

component[name=loginform].login2 input[type=text]:focus,
component[name=loginform].login2 input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

component[name=loginform].login2 form{
  width: 100% !important;
  margin:0 auto;
}

component[name=loginform].login2 form breakline{
  display: none;
}



/* END LOGIN 2 FORM */