body {
  background-color: #fff;
  margin: 0;
  font-family: Open Sans;
}
#loading {
    position: absolute; 
    width: 100%; 
    height: 100%; 
    background: #fff;
}
#image {
    width: 80%;
}
#salesImage{
    display: block;
    margin: auto;
    width: 40%;
}

#search {
    margin-top: 15px;
}

.navbar-upper{
  height: 70px;
  background-color: #fff;
  border-bottom-width: 1px;
  border-color: #dcdcdc;
}

.navbar-nav > li > a{
  margin-top: 10px;
}
 .navbar-toggle{
  margin-top: 18px;
 }

 #icon{
  height: 69px;
}

#header{
  margin-top: 70px;
  height: 100px;
  padding-top: 20px;
  width: 100vw;
  font-size: 3em;
  text-align: center;
  background-color: #fff;
  color: #000;
  position: fixed;
  z-index: 100;
  box-shadow: 5px 5px 10px rgba(136,136,136,0.3);
}

.search{
  margin-top: 170px;
  padding: 20px;
  font-size: 11px;
}

#artwork{
  z-index: 200;
  position: relative;
  background-color: #f8f8f8;
  padding: 30px 30px 0 30px;
  border-top: solid 1px #ddd;
}

#artwork_frame img:hover{
    opacity: 0.3;
}

.image-container{
  background-color: #ef4e34;
}
.btn-light{
  background-color: #fff;
  color: #000;
  width:100%;
  border-top: solid 1px #dcdcdc;
  border-radius: 0;
  margin-top: 5%;
  transition: .5s ease;
}

.btn-light:hover{
  background-color: #ef4e34;
  color: #fff;
  outline: 0;
}
.btn-light:focus{
  outline: 0;
}

#artwork_frame:hover .overlay{
  opacity: 1;
  color: #fff;
}

#editBtn, #editBtn:focus{
  margin: 15px 0 10px 0;
  background-color: grey;
  border: none;
  border-radius: 1;
  font-size: 16px;
  height: 10%;
  width: 100%;
  outline: none;
}
.view-image-larger-modal{
  text-align: center;
  margin-top: 4%;
}
.view-image-larger-modal .modal-content{
  background-color: transparent;
  border: none;
  box-shadow: none;

}
.close{
  color: #fff;
  font-size: 50px;
  opacity: .8;
}

.salesModal .modal-content{
  padding: 5%;
}