.container-profile100 {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  padding: 15px;
  background: #fff;
  position: relative;
  z-index: 1;
}

.profile100-form-title{
  font-family: Poppins-Regular;
  color: #000;
  width: 100%;
  display: block;
}

.profile100-form-discard{
  font-family: Poppins-Regular;
  color: #fff;
  width: 100%;
  background: #0D2350;
}

.profile100-form-save{
  font-family: Poppins-Regular;
  color: #fff;
  width: 100%;
  background: #DAA724;
}

.user-circle{
  text-align: center;
  line-height: 60px;
  color: #fff;
}

.container-profile100-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.profile100-btn {
  font-family: Raleway-Bold;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  text-transform: uppercase;

  width: 100%;
  height: 62px;
  border-radius: 3px;
  background: #d33f8d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.btn{
	line-height: 1;
}

.btn-gold{
  border: 2px solid #DAA724;
  color: #DAA724;
  text-align: center;
}

.btn-gold-fill{
  background: #DAA724;
  color: #fff;
  text-align: center;
}

.btn-save{
  background: #0D2350;
  color: #fff;
  text-align: center;
}

.btn-face-profile, .btn-google-profile{
  width: 40%
}



/* ////  View Profile  ////// */

.bg-blue{
  background: #0D2350;
}

.bg-light{
  background: #dadada!important;
}

.text-verify{
  color: #3D9D2E;
}

.viewprofile100-form-title{
  font-family: Poppins-Regular;
  color: #fff;
  width: 100%;
}

.card-title{
  font-size: 14px;
}

.card-text{
  font-size: 12px;
}

.p-10{
  padding: 10px;
}

.form-control{
	padding: 0.2rem;
}

.btn-search{
	padding: 0.2rem 0.7rem;
}

.pull-right{
	float: right;
}

@media (max-width: 768px) {
	.btn-search{
	display: none;
}

.btn-face-profile, .btn-google-profile{
  width: 100%
}

}

.card-body{
	padding: 10px;
}



/* upload picture */

.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block;
}

.file-upload {
    display: none;
}
.circle {
    border-radius: 1000px !important;
    overflow: hidden;
    width: 128px;
    height: 128px;
    border: 8px solid #dadada;
}
img {
    max-width: 100%;
    height: auto;
}
.p-image {
  color: #666666;
  padding: 0 10px;
      width: 85%;
    top: 25px;
    position: relative;
    left: 30px;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button {
  font-size: 1.2em;
}
.upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #999;
}
.d-box{
	display: -webkit-inline-box;
}
@media (max-width: 768px) {
.d-box{
	display: block;
}
.p-image {
	text-align: center;
	width: 100%;
	left: 0;
	padding-bottom: 20px;
	top: 10px;
}
.circle {
    text-align: center;
    margin: 0 auto;
}
}

.general-info{
	border: 1px solid #dadada; 
	padding: 10px;
	position: relative;
}

.date-bg{
	position: absolute; 
	top: 0; 
	right: 0; 
	background: #0D2350; 
	padding: 10px; 
	color: #fff; 
	text-align: center;
}

.seller-info{
	border: 1px solid #dadada; 
	padding: 10px;
}

.seller-info-line{
	border-bottom: 3px solid #cacaca;
}