.addusers{
	font-size: 35px;
    padding: 5px;
    border-radius: 35%;
	margin-top: 1%;
}


.logincontainer{
	height: 76%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}


.logincard {
	width: 40%;
}

.loginlogo {
	width: 30%;
}


input[type="file"] {
    display: block;
  }
  .imageThumb {
    max-height: 75px;
    border: 2px solid;
    padding: 1px;
    cursor: pointer;
  }
  .pip {
    display: inline-block;
    margin: 10px 10px 0 0;
  }
  .remove {
    display: block;
    background: #444;
    border: 1px solid black;
    color: white;
    text-align: center;
    cursor: pointer;
    width: 15rem;
  }
  .remove:hover {
    background: white;
    color: black;
  }


  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #51b791;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #51b791;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }



  .close{

    float:right;
    color: #b94b45;
    cursor: pointer; cursor: hand;
}

.alert-message{
  background-color: #f2dede;
  border: 1px solid rgba(#34495e, 0.25);
  color: #b94b45;
  border-radius: 3px;
  line-height:30px;
  top: 0; left: 0;
  display:block;
  width:100%;
  padding: 12px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, .9);
  box-shadow: 0px 10px 50px rgba(0,0,0,.6);
  background:#34495e;
  z-index: 1000000;
  position:fixed;
    top:0;
    left: 40%;
}
@media screen and (max-width: 767px) {
  .alert-message{
    background-color: #f2dede;
    border: 1px solid rgba(#34495e, 0.25);
    color: #b94b45;
    border-radius: 3px;
    line-height:30px;
    top: 0; left: 0;
    display:block;
    width:100%;
    padding: 12px;
    box-sizing: border-box;
    color: rgba(255, 255, 255, .9);
    box-shadow: 0px 10px 50px rgba(0,0,0,.6);
    background:#34495e;
    z-index: 1000000;
    position:fixed;
      top:0;
  }
}
@keyframes closing {
  from {
    opacity: 1; 
  }
  to {
    opacity: 0;
  }
}

@keyframes moving {
  0%, 90% { top: 0; left: 0; }
  100%  { top: -100px; left: 0; }
}



.address-view{
  width: 100%;
}


.user-view-edit-button{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.productImageThumb{
  width: 15rem;
}



/* page */
.page-wrapper {
  margin: 0 auto;
  width: 960px;
  max-width: 100%;
}


/* box */
.box-content {
  padding:20px;
  background-color: #EFEFEF;
}


textarea {
  background-color:#FAFAFA;
  border:#EFEFEF solid 1px;
  color:#333;
  height:150px;
  width:100%;
}


/* richtext custom style */
.richText {
  margin-top: 40px;
  -webkit-box-shadow: 0 0 20px 0 #999;
  -moz-box-shadow: 0 0 20px 0 #999;
  box-shadow: 0 0 20px 0 #999;
}