html, body {
     margin:0px;
     padding:0px;
     background-color: #fbfbfb;
}
.wrapper {
    background: #fbfbfb;
    max-width: 800px;
    width: 95%; font: 18px/1.5 Arial; display: inline; color: #36454F }

.header-wrapper { font-family:Arial;display:inline-block;width:100%;;background-color: #272727;color: #fbfbfb; }
.icon-wrapper {
    float:left;
    width:30px;
    text-align:left;
    padding-left:15px;
}
.title-wrapper { float:left;width:80%;text-align:left;font-size:28px;margin-left:15px;padding-top:22px;text-shadow: 1px 1px 2px #fbfbfb; }
.form-wrapper {
    padding-bottom:4px;
    padding-left:12px;
    padding-top:4px;
    margin:auto;
    border-radius: 5px;
    background-color: #272727;
    width:232px;
    text-align:center;
}
.form-control {
    display: block;
    width: 80%;
    max-width: 80%;
    height: 28px;
    padding: 6px 8px;
    margin: 16px 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    color: #6d6e70;
    font-family: GB Museo Sans,Arial,Helvetica,sans-serif;
    font-size: 1rem;
    line-height: 1.5
}
.form-btn { background: #272727 linear-gradient(180deg,#6d6e70,#272727); color: #fff; text-shadow: 0 -1px 1px #6d9796; height: 36px; font-size: 1.125rem;line-height: 34px; border-radius: 5px; border: 1px solid #b8b8b8;}
span { padding-left:6px; padding-right:6px; }
.half {
  padding-top:15px;
  font-family:arial;text-align:center;margin:auto;width:50%;
}
.bg {
    width:100%;
    background-image: url(https://img.vcpu.com/background.jpg);
    background-size: cover;
    margin-top:-8px;
    padding-top:40px;
    padding-bottom:50px;
    height: 90vh;
}
.text-wrapper {
  float: left;
  padding-left: 10px;
  width:70%;
  padding-top:18px;
}
a:link {
  color: gray;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  background-color: transparent;
  text-decoration: underline;
}
a:visited {
  color: gray;
}
.toolbar-wrapper {
  width:10% !important;
  margin-top:20px;
  margin-left:20px !important;
  margin-right:2%;
  border-radius: 5px;
  background-color: #272727;
  color:#fbfbfb;
}
.username-wrapper { float:left;width:90%;text-align:left;font-size:22px;margin-left:15px;padding-top:22px; }
.toolbar-wrapper a:visited {
  color: #fbfbfb;
}
.icon-cloud {
  float:left;width:25%;font-size:24px;text-align:center;
}
.icon-cloud h3 { margin-bottom:-5px; }

.error-icon {

    font-family:arial;font-size:48px;text-align:center;margin:auto;;width:50%;padding-top:15px;color:#272727;
}
.error-text {
        font-family:arial;font-size:24px;text-align:center;margin:auto;;width:50%;color:#272727;
}
.footer-section {
   width:100%;
}

.copyright-area{
  background: #272727;
  padding: 25px 0;
}
.copyright-text p {
  padding-left:15px;
  font-family:Arial;
  margin: 0;
  font-size: 14px;
  color: #fbfbfb;
}
.copyright-text p a{
  color: #fbfbfb;
}