*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }


html {
    height: 100%;
    margin: 0;}


body {
    font-familyyy: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: 'Roboto';
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #E6E5D4;
    background-color: #EAE9E0;
    text-align:center;
}


.content {
    min-height: calc(100vh - 5px);}

.hidden {
    display: none;}

.header-bar {
    position: relative;
    display: block;
    width: 100%;
    height: 55px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    /*! : #0D0D0D; */
    /*! background-image: url("../graphics/PS30.png"); */
    /*! background-repeat: no-repeat; */
    /*! background-position: center; */
    font-family: 'Poetsen One';
    background-color: #0D0D0D;
    color: #ECECEC;
    font-size: 2.5em;
}


.main-container {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 65px);
    margin: 0px;
    padding: 0px;
    background-colorrr: #e7ecea;
}


.u-form-group{
  width:100%;
  margin-bottom: 10px;
}

.u-form-group input[type="email"]
, .u-form-group input[type="text"]
, .u-form-group input[type="password"] {
  width: 270px;
  height: 50px;
  outline: none;
  border: 1px solid #F9ED00;
  padding: 0 15px;
  border-radius: 2px;
  color: #333;
  font-size: 1.0rem;
  -webkit-transition:all 0.1s linear;
  -moz-transition:all 0.1s linear;
  transition:all 0.1s linear;
}

.u-form-group input:focus{
  border-color: #F9ED00;
}

.u-form-group button {
    width: 270px;
    background-color: #0D0D0D;
    border: none;
    outline: none;
    color: #F9ED00;
    font-size: 1.0rem;
    font-weight: normal;
    padding: 14px 0;
    border-radius: 2px;
    text-transform: uppercase;
}

.u-form-group button:hover {
    text-decoration: underline;
    text-decoration-color: yellow;
}


.u-form-group input[type="submit"] {
    width: 270px;
    background-color: #0D0D0D;
    border: none;
    outline: none;
    color: #F9ED00;
    font-size: 1.0rem;
    font-weight: normal;
    padding: 14px 0;
    border-radius: 2px;
    text-transform: uppercase;
}

.u-form-group input[type="submit"]:hover {
    text-decoration: underline;
    text-decoration-color: yellow;
}




.info-form-group{
  width:100%;
  margin-bottom: 10px;
}

.info-form-group input[type="email"]
, .info-form-group input[type="text"]
, .info-form-group select
, .info-form-group input[type="password"] {
  outline: none;
  border: 1px solid silver;
  padding: 5px 5px;
  border-radius: 2px;
  color: #333;
  font-size: 1.0rem;
  -webkit-transition:all 0.1s linear;
  -moz-transition:all 0.1s linear;
  transition:all 0.1s linear;
}


.info-form-group input:focus{
  border-color: #F9ED00;
}

.info-form-group button {
    widthhh: 270px;
    background-color: #0D0D0D;
    border: none;
    outline: none;
    color: #F9ED00;
    font-size: 1.0rem;
    font-weight: normal;
    padding: 14px 0;
    border-radius: 2px;
    text-transform: uppercase;
}

.info-form-group button:hover {
    text-decoration: underline;
    text-decoration-color: yellow;
}


.info-form-group #btnNext {
    width: 100px;
    background-color: #0D0D0D;
    border: none;
    outline: none;
    color: #F9ED00;
    font-size: 1.0rem;
    font-weight: normal;
    padding: 14px 0;
    border-radius: 2px;
    text-transform: uppercase;
}

.info-form-group #lnkCancel {
    color: #808080;
    font-size: 1.0rem;
    font-weight: normal;
    text-decoration:none;
}

.info-form-group input[type="submit"]:hover {
    text-decoration: underline;
    text-decoration-color: yellow;
}

.info-form-group #lnkCancel:hover {
    text-decoration: underline;
    text-decoration-color: #808080;
}


.ErrorMsg {
    color: #BE3A35;}

.log-out {
    color: #808080;
}