#profile_img_container{
   height:316px;
   width:316px;
}

.no-image{
   width:100%;
   height:100%;
   border:none;
}

.edit-profile-pic{
   background-color: #efefef;;
   color:white;
   max-width:350px;
   max-height:350px;
   width:100%;
   height:100%;
}

.profile-image{
   width:350px;
   height:350px;
   object-fit: cover;
}

.edit_user_info_section{
   display:flex;
   justify-content: center;
}

.user_info_form{
   display:flex;
   flex-wrap: wrap;
   justify-content: center;
   width: 84%;
   margin:auto;
}

.pass_form{
   display:flex;
   flex-wrap: wrap;
   justify-content: center;
   margin-top:60px;
   align-items: center;
   width: 84%;
   padding-top: 45px;
   margin: auto;
}

.pass_form .form-input-fullwidth input{
   width:100%;
}

.form-input label{
   padding-bottom:0px;
}

.form-input {
   /*min-width: 252px;*/
   /*min-width:362px;
   max-width:362px;
   width:100%;
   min-height: 80px;
   margin: 25px;
   margin-top: 8px;
   margin-bottom: 8px;
   text-align: left;*/
   padding-left: 52px;
   padding-right: 52px;
   width: 50% !important;
}

.form-input select {
   width: 100%;
   height: 59px;
   font-size: 20px;
   border-color: #725993;
   border: 1px solid #bbb;
}

.intent-to-enter .form-input{
   text-align:center;
}

.form-input input:not(input[type="checkbox"]):not(input[type="radio"]):not(.file-upload):not(input[type="file"]){
   width:100%;
   /*max-width:353px;*/
   height:59px;
   font-size:20px;
   border-color: #725993;
   border: 1px solid #bbb;
}

.form-input input[type="radio"]{
   margin-left:20px;
   width:29px;
   height:22px;
   font-size:24px;
}

.form-input label, .privacy_section p{
   padding-bottom:10px;
   font-size:19px;
   color:#775797;
}

.form-input textarea{
   width:100%;
   height:200px;
   resize:none;
   font-size:16px;
}

.form-input-image{
   width: 50%;
}

.form-input-fullwidth{
   width:770px;
   height:auto;
   margin:auto;
   width: 100% !important;
}

.form-input a{
   text-decoration:underline;
}

.file-upload{
   background-color: #775797;
   color:white;
   padding:5px;
   padding-left:10px;
   padding-right:10px;
   border:none;
}

#custom-file-upload{
   background-color: white;
   padding:5px;
   padding-left:10px;
   padding-right:10px;
   border-radius: 20px;
   cursor: pointer;
   box-shadow: 0px 0px 6px 1px #7c7c7c54;
   margin-right:5px;
}

#file-chosen{
   margin-right:35px;
}

@media screen and (max-width:980px){
   .form-input-fullwidth{
      width:100%;
   }
}

.first-and-last{
   align-items:center;
   width: 50%;
}

@media screen and (max-width:999px){
   .first-and-last{
      margin:0px
   }
   .form-input-image{
      width:100%;
   }
}

@media screen and (max-width:600px){
   .expandable-block-details{
      width:300px;
   }
}

@media screen and (max-width:400px){
   .expandable-block-details{
      width:263px;
   }
}

.edit_user_title{
   margin:30px;
}

#update_profile, #change_password, #update_privacy{
   width:100%;
   color: white;
   border:none;
   background-color: #775797;
   cursor:pointer;
   font-weight:600;
}



.pass_form h2, .privacy_section h2{
   color: #775797;
   font-weight:600;
}

.privacy_section{
   margin-top:60px;
   align-items: center;
   display: flex;
   flex-direction: column;
   width: 84%;
   padding-top: 45px;
   margin: auto;
}

.privacy_section .form-input label{
   text-align:center;
}

.privacy_check{
   display:flex;
   justify-content: space-evenly;
   margin:20px;
}

.form-input input[type="checkbox"]{
   width:25px;
   height:25px;
}

.form-input input[type='number']{
   text-align:center;
}

#update_privacy{
   /*
   height:59px;
   font-size:24px;*/
}

.policy-container{
   width:100%;
   height:130px;
   padding:15px;
   border:solid black .1px;
   overflow: auto;
}

@media screen and (max-width:1020px) {
   .user_info_form{
      flex-wrap: nowrap;
   }

   .user_info_form, .pass_form, .privacy_section{
      flex-direction: column;
      width:100%;
   }

   .form-input{
      width:100% !important;
      padding-left: 0px;
      padding-right: 0px;
   }

   .form-input-fullwidth{
      width:100% !important;
      padding-left: 0px;
      padding-right: 0px;
   }

   .first-and-last{
      width:100%;
   }

}