@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
  font-weight: normal;
	font-style: normal;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.page-wrapper {
  height: 100%;
  width: 100%;
  transition: all ease .5s;
}

.page-wrapper.active {
  padding-left: 250px;
}

.sidebar-wrapper {
  position: fixed;
  margin-left: -250px;
  background: #2D58A1;
  z-index: 999999;
  height: 100%;
  overflow-y: auto;
  width: 250px;
}

.content {
  width: 90%;
  position: absolute;
  top:100px;
  padding: 0px 50px; */
}

.page-wrapper.active .content {
  margin-right: -250px;
  width: 80%;
  transition: all ease .5s;
}

.sa-header {
  width: 100%;
  position: absolute;
  background-color: #2BA3C8;
  color: #FAFAFA;
  font-family: 'Lato', Arial, sans-serif;
  text-align: center;
}

.sa-menu {
  float: left;
  width: 3%;

}

.sa-header-h1 {
  float: right;
  width: 97%;
}

.sa-menu-main,
.sa-menu-main > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: none;
  color: #FAFAFA;
  font-weight: 300;
  font-family: 'Lato', Arial, sans-serif;
  line-height: 60px;
}

.sa-menu-main {
  width: 100%;
  height: 60px;
  font-size: 13px;
}

.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: none;
  font-weight: 300;
  font-family: 'Lato', Arial, sans-serif;
  line-height: 60px;
}

.sa-main-menu li {
  padding-top: 10px;
}

.sa-main-menu a {
  display: inline-block;
  height: 100%;
  width:100%;
  float: right;
  color: #FAFAFA;
  font-weight: bold;
  text-decoration: none;
  speak: none;
  cursor: pointer;
  font-size: 20;
  font-family: 'Lato', Arial, sans-serif;
  line-height: 60px;

}

.sidebar img {
  display: inline-block;
  width: 18%;
  float: left;
  padding-right: 20px;
  height: 100%;
}

.sa-icon span {
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.about p {
  width: 70%;
}

.auction-creation {
  align-items: center;
}

.sa-auction-creation {
  /* width: 70%%; */
  align-items: center;
  padding-top: 50px;
  padding-left: 20%;
  color: black;
  font-weight: bold;
}

.sa-form-fields {
  padding-top: 5px;
}

.sa-form-fields > input {
  width: 95%;
}

.sa-start-date {
  float: left;
  padding-right: 6px;
  width: 35%;
}

.sa-end-date {
  float: left;
  width: 35%;
}

.sa-submit-button {
  display: block;
  padding-top: 5px;
}

.create-auction-info {
  width: 100%;
  top: 300px;
  display: inline-block;
  background-color: #2BA3C8;
  padding: 2px 50px;
}

.create-auction-text {
  display: inline-block;
  width: 75%;
  top: 300px;
  float: left;
  text-align: left;
}

.create_auction-image {
  display: inline-block;
  float: right;
  width: 25%;
}

.auction-users-info {
  display: inline-block;
  width: 100%;
  height: 20%;
  background-color: #AFDCE1;
  padding: 20px 50px;
}

.auction-users-text {
  display: inline-block;
  width: 75%;
  float: right;
  text-align: right;
}

.auction-users-img {
  display: inline-block;
  float: left;
  width: 25%;
}

.auction-cost-info {
  display: inline-block;
  width: 100%;
  height: 20%;
  background-color: #2BA3C8;
  padding: 20px 50px;
}

.auction-cost-text {
  display: inline-block;
  width: 75%;
  float: left;
  text-align: left;
}

.auction-cost-img {
  display: inline-block;
  float: right;
  width: 25%;
}

..auction-cost-img img {
  size: 10%;
}

.sa-auction-info {
  display: inline-block;
  float: left;
  width: 50%;
}

.sa-auction-admin {
  display: inline-block;
  float: right;
  width: 50%
}

.sa-auction-creation.active {
  visibility: hidden;
}

.auction-created {
  visibility: hidden;
}

.auction-created.active {
  visibility: visible;
}

.create-another-auction {
  visibility: hidden;
}

.create-another-auction.active {
  visibility: visible;
}

.sa-footer {
  position: absolute;
  top: 95%;
  text-align: center;
  width: 100%;
}