/* 
*
=======================================================================+
------------------------------------------------------------------------
   FILE NAME : new_Setting_design
------------------------------------------------------------------------
========================================================================
*
*/ 


.main-container-settings{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.inner-container-settings{ 
	 display:flex;
	 flex-direction:column;
     justify-content:center;
 	 height:auto; 
     width:80%;
     border-top:8px solid #cc0e88;    
/* 	 border-top-left-radius: 10px; */
     border-radius: 10px;
	 background:#2e242a;
}

.main-container-settings .inner-container-settings .row{
    margin-left:0;
	margin-right:0;
}
.info_container{
	width:100%;
	height:auto;
	border-bottom:2px solid #433c41;
}

.inner-container-settings .col-4{
	max-width:100%;
	flex:100%;
	
	
}

.First_box{
	width:100% !important;
	height:170px;
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:10px;
	
}
.img-div{
	  width:115px;
	  height:115px;
	  border-radius:50%;
	  background-position:center;
	  background-size:cover;
	  position:relative;
	  border: 1px solid #2e2e2e;
}

.verify-icon{
	color:#0cc6fe;
	font-size:21px;
	position:absolute;
	top:96px;
	left:79px;
		
	
}

.detail_about .person_name{
	 color:#e7dfe4;
     font-size:22px;
	 font-weight:200;
}

.detail_about .person_information{
     color:#9e979b;
	 font-weight:200;
	 font-size:15px;
	
	
}

.img-div-2{
      width:115px;
	  height:115px;
	  border-radius:50%;
	  background-position:center;
	  background-size:cover;
	  position:relative;
	  border: 1px solid #2e2e2e;
}

.First_box-2{
	width:100% !important;
	height:170px;
	display:flex;
	align-items:center;
	justify-content:start;
	grid-gap:10px;
	
}

.First_box-3{
	width:100% !important;
	height:170px;
	display:flex;
	align-items:start;
	justify-content:center;
	grid-gap:10px;
	flex-direction:column;
	
}

.welcome_greeting{
	color:#9e979b;
	font-size:13px;
	font-weight:200;
}

.welcome_greeting .username_url{
	color:#e7dfe4;
	font-size:15px;
	font-weight:600;
	
}

.user_address_info{
    display:flex;
	justify-content:start;	
	align-items:center;
	width:100%;
  
}
 
.user_address_info .F_address{
    background-color:#1c171b;
	padding:8px 20px;
/* 	min-height:30px; */
	color:#a8a6a9;
	border-radius:20px;
/* 	font-weight:200; */
/* 	padding-left:10px; */
	position:relative;
/* 	left:-10px; */
	display:flex;
	align-items:center;
	justify-content:start;
	width:40vw;
	font-size:14px;
	
	
}


/* Second Row */

.Second_row{
     height:auto;
	 border-bottom:none;
	 margin-bottom:35px;
}

.boxing_container{
	width:100%;
    height:auto;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:10px;
	
	
}
.icon_cover{
     width:100%;
	 height:30px;
	 text-align:center;
}


.icon_cover .fa-person{
    color:#a30070;
}

.input_cover{
	display:flex;
	align-items:center;
	flex-direction:column;
}

.input_cover input {
    margin: 2px;
}

.input_cover_2{
	display:flex;
	align-items:center;
	flex-direction:column;
}

.input_cover_2 input {
    margin: 2px;
}

.boxing_container input{
	height:30px;
	background-color:#1c171b;
	border-radius:20px;
	color:#c2c1c4;
	font-size:12px;
	font-weight:300;
	border:none;
	padding:8px 20px;
}

.boxing_container label{
    color:#b4adb1;
	font-size:12px;
}

.last_boxes{
  margin-top:38px;
  grid-gap:6px;
	
}

.password_change{
    background-color:#1c171b;
	border-radius:20px;
	color:#c2c1c4;
	font-size:13px;
	font-weight:300;
	border:none;
	padding:8px 20px;
}

.Email_change{
   background-color:#1c171b;


}


/* Third row */

.Third_row{
      width:100%;
	  height:auto;
      background-color:#1c171b;
      border-bottom:none;
	  border-radius:8px;
	  padding-bottom:35px;
}

.membership_detail{
	
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
    grid-gap:10px;	
}

.heading_for_upgrade{
	color:#fdfbfb;
	font-weight:400;
	margin-top:35px;
	font-size:14px;
}

.current_status_cover{
      display:flex;
	  align-items:center;
	  justify-content:center;
	  grid-gap:5px;
}

.current_status_info{
       color:#736f72;
	   font-size:13px;
}
.membership_status{
	  color:#bebbbe;
	  font-size:15px;
	  text-transform:uppercase;
	
}

#membersship_select{
    background:#1c171b;
	border:1px solid #443d42;
	color:#d4d2d3;
	margin-top:20px;
	margin-bottom:20px;
	padding:6px 30px 6px 9px;
	font-size:12px;
	border-radius:13px;
	height:30px;
}

.setting-img-pos{
	display:flex;
	justify-content:center;
}

#setting-form .error{
	color:red;
	font-size:12px!important
}



@media only screen and (max-width: 600px) {
	
	.inner-container-settings{
		width:100%;
	}
	.First_box-2{
		justify-content:center;
	}
	.First_box-3{
		align-items:center;
	}
	.user_address_info .F_address{
/* 		padding-right:69px; */
/* 		left:0; */
		display:flex;
		align-items:center;
		justify-content:start;
		font-size:11px;
		width:52vw;
	}
	.last_boxes{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	
}

@media only screen and (min-width: 700px) and (max-width: 1200px){
	.inner-container-settings{
		width:100%;
	}
	.boxing_container input{
		width:20vw;
		font-size:11px;
	}
	.detail_about .person_name{
		font-size:18px;
	}
	.detail_about .person_information{
		font-size:11px;
	}
	.img-div{
		width:98px;
		height:98px;
	}
	.img-div-2{
		width:98px;
		height:98px;
	}
	.verify-icon{
		left:68px;
		top:79px;
	}
	.welcome_greeting{
		font-size:11px;
	}
	.welcome_greeting .username_url {
		font-size:14px;
    }
	
	.user_address_info .F_address{
/* 		padding-right:60px; */
		font-size:11px;
	}
}


/* ############################### New Css For Single User Settings #######################  */
.sett-main-container {
    padding: 20px 100px!important;
/* 	padding: 20px 245px!important; */
}

.sett-main-container-couple {
    padding: 20px 100px!important;
}

.container.main-container-settings-single {
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner-container-settings-single{
    border-top: 8px solid #cc0e88;
    border-top-left-radius: 10px; 
    border-radius: 10px;
    background: #2e242a;
	padding: 0px 8px;
}

.sett-change-email-box {
    display: flex;
    flex-direction: column;
}
.sett-change-password-box {
    display: flex;
    flex-direction: column;
}


.sett-change-password-box label, .sett-change-email-box label {
    font-size: 12px;
	color:#fff;
}

.sett-change-password-box .error, .sett-change-email-box .error {
    font-size: 12px;
	color:red;
}



.sett-pro-box {
    position: relative;
    overflow: hidden;
	display:flex;
/* 	justify-content:center; */
	justify-content:end;
	align-items:center;
}

.sett-pro-img {
    height: 120px;
    width: 120px;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
}

.sett-pro-upload-icon .fa-camera:before {
    color: transparent!important;
    font-weight: 300;
    font-size: 18px;
    background: transparent!important;
    padding: 50px;
    border-radius: 50px;
}
.sett-pro-upload-icon {
    display: flex;
    justify-content: center;
    align-items: center;
/*     padding: 3px 0px 0px 0px; */
	height:100%;
}



.sett-pro-verify-icon {
    bottom: 0px;
    right: 25px;
    position: absolute;
    background: #0cc6fe;
    padding: 5px;
    border-radius: 50px;
    color: #2e242a;
    font-size: 12px;
}

.sett-pro-content-box {
/*     display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
}

.sett-pro-content-title {
    color: #afaaac;
    font-weight: 300;
    text-transform: capitalize;
}
.sett-pro-content-desc {
    color: #aba3a7;
    font-weight: 200;
    text-transform: capitalize;
}

.first-row-col-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sett-pro-meta-username span {
/*     font-weight: bold; */
	font-weight: 500;
    color: #fff;
}

.sett-pro-meta-username {
    color: #afaaac;
    font-weight: 300;
}

.sett-pro-meta-email {
    color: #afaaac;
    font-weight: 300;
}

input.form-control.sett-pro-meta-add {
    background-color: #1c171b;
    padding: 8px 20px;
    color: #a8a6a9;
    border-radius: 20px;
    align-items: center;
    justify-content: start;
    font-size: 14px;
    border: none!important;
}

.first-row {
    border-bottom: 1px solid #aba4a44f;
    padding-bottom: 16px;
}

.sett-pro-user-gender-icon-box {
    height: 40px;
    width: 40px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
/*     border: 1px solid #b5b2b254; */
    border-radius: 5px;
}

.sett-pro-user-gender-icon-img {
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
}

.sett-change-name-box input{
    background-color: #1c171b;
    padding: 8px 20px;
    color: #a8a6a9;
    border-radius: 20px;
    align-items: center;
    justify-content: start;
    font-size: 14px;
    border: none!important;
	margin-bottom:5px;
}

.sett-change-password-box input, .sett-change-email-box input {
    background-color: #1c171b;
    padding: 8px 20px;
    color: #a8a6a9;
    border-radius: 20px;
    align-items: center;
    justify-content: start;
    font-size: 14px;
    border: none!important;
}

.fourth-row {
    background: #1c171b;
    margin-top: 13px;
    padding: 20px;
}
















/* Media queries  */
@media only screen and (max-width: 600px) {
	.sett-main-container {
		padding: 20px 10px!important;
	}
	
	.sett-main-container-couple {
		padding: 20px 10px!important;
	}
}

@media only screen and (max-width: 768px) {
	.sett-main-container {
		padding: 20px 10px!important;
	}
	
	.sett-main-container-couple {
		padding: 20px 10px!important;
	}
}

/* d css start */

.sett-pro-meta-data p{
	margin-bottom:2px;
	margin-left:18px;
}
.sett-pro-meta-data{
	width:70%;
}
.sett-pro-user-gender-icon-box{
	margin-left:50px;
}
.sett-change-email-box label{
	margin-left:18px;
}
.sett-change-password-box label{
	margin-left:18px;
}

.sett-inner-container-couple{
	border-right:1px solid #2e2e2e; 
	border-left:1px solid #2e2e2e;
	border-bottom:1px solid #2e2e2e;
}
.fourth-row{
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
.sett-pro-content-box{
	margin-top:20px;
}
@media screen and (max-width:767px){
	.sett-pro-meta-data{
		width:84%;
	}
	input.form-control.sett-pro-meta-add{
		border-radius:5px;
	}
	.sett-change-name-box input{
		width:100%;
		
	}
	.sett-change-email-box{
		margin-top:12px;
	}
	.sett-change-password-box{
		margin-top:12px;
	}
	.sett-change-name-box input{
	border-radius:5px;	
	}
	.sett-change-email-box input, .sett-change-password-box input{
		border-radius:5px;
	}
	#membersship_select{
		border-radius:5px;
	}
	.cust-main-row-account ._content.p-lg-5.p-3{
		padding:20px 8px!important;
	}
	.first-row{
		border-bottom:none;
	}
	.sett-pro-meta-data{
		margin-top:20px;
	}
}
@media screen and (max-width:280px){
 	.cust-main-row-account ._content.p-lg-5.p-3{
		padding:20px 0px!important;
	} 
	.sett-inner-container-couple{
		padding:20px 6px 0px 6px;
	}
 	.sett-change-email-box label{
		font-size:10px;
	}
	.sett-change-password-box label{
		font-size:10px;
	}
	.sett-pro-meta-data p{
		margin-left:0px;
		font-size:14px;
	}
	.sett-pro-meta-data{
		margin-top:20px;
	}
/* 	.sett-pro-meta-data */
}
@media screen and (max-width:1050px) and (min-width:768px){
	.sett-pro-meta-data p{
		font-size:12px;
	}
	.sett-change-name-box input{
		width:100%;
	}
	.sett-pro-box{
		width:80px;
		height:80px;
		border-radius:100%;
		
	}
	.sett-pro-upload-icon{
		width:80px;
		height:80px;
		border-radius:100%;
	}
	.first-row-col-right{
		justify-content:start;
	}
	
}
/* d css End */