/* [TO-47]-Added Username and password field in Shop/address - Started by janaki.K*/
/* Added the custom css */
#username {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 12px;
	margin-top: 12px;
}

.fa-venus{
	font-size:25px;
	color: #ef1bd4; 
	font-weight: bold;
}
.male{
	font-style: italic;
    font-weight: 100;
    color: #ccc;
}
.female{
	font-style: italic;
    font-weight: 100;
    color: #ccc;
}
.fa-mars{
	font-size: 25px;
	color: #47a1ef;
	font-weight: bold;
}
.s-line{
	width: 100%; 
	display: inline-flex;
}
.margin-size{
	margin-bottom:1px;
}


#repass {
	padding-right: 0px;
}
.error{border: solid 1px red !important;}
#myCheck {
	 width: 36px;
    height: 15px;
}
#submit{
	 margin-left: 12px;
}
#pdpadiv{
	top: 23px;

}#container > div
{
    display: inline-block;
    border: solid 1px #000;
}
.refusechinesename{
	margin-top: 6%;
    margin-left: 5px;
}
.gender{
 width: 100px;
    font-weight: bold;
    padding-top: 8px;
    padding-right: 5px;
}
#container
{
    border: solid 1px #ff0000;
    text-align: center;
    margin: 0px auto;
    width: 40%;
}
.control-label for PdPa{
	margin-top: 27px;
	margin-bottom:0px;
	
}
.ref{
	 width: 176px;
}
.choosencol{

    width: 75%;
}
.choosencol-sm{

    width: 35%;
}

#sig{
	width:250px;
	height:100px;
}
#pass {
	padding-left: 0px;
	padding-right: 12px;
}
/* [TO-47]-Added Username and password field in Shop/address - END by janaki.K*/
#checkbox {
	margin-left: 75px;
}

#line {
	margin-bottom: 0px;
	margin-top: 50px;
	margin-left: 0px;
}
/**Pop up**/
.popmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.popmodal-content {
	    background-color: #FFF;
    border-radius: 25px;
    margin: auto;
    padding: 0;
    border: 3px solid #5f5e97;
    width: 25%;

}

#errorheader{

        width: 100%;
            margin-top: 19px;
    height: 5%;
    padding: 2%;
   
    background-color: #7c7bad;  
    font-family: Times, cursive;
    text-align: center;
    color: white;

	
}
#errorcontent{
	color: #9b9898;
    font-size: 12px;
	    padding: 20px;
    background-color: #fff;
    border-radius: 25px;
	/* padding:20px;
	background-color:#fff; */
}

/* The Close Button */
.close {
    color:#5f5e97;
    float: right;
    font-size: 18px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #5f5e97;
    cursor: pointer;
}
.communicationmethods{
	font: 17px Arial, Helvetica, sans-serif;
	color: #888;}

/**Register as Volunteer button**/
.volunteerlink {
	font-size: 20px !important; 
    color: #7b7070 !important;
    font-weight: bold !important;
}
.search-field{
	   height: 34px !important;
	 width: 110% !important;
}
.checkbox-width{
	display: inline-block;
	width:150px;
}
/* Changed color for bread-crumb in my profile page by Girija.S */
.pbrdcrumb-clr{
	color: #888;
}
.vol-head{
	font-size:26px;
	font-weight:bold;
	color:#c7b299;
	margin-top:0px;
	margin-bottom:4%;
}
.pfl-hover:hover{
	color: #c7b299;
    background-color: #f9f9f9;
    font-weight:bold;
}

.email_success{
	color: green;
	display:none;
}
.email_error,.email_blank_error{
	color: #b94a48;
	display:none;
}
.profile_div{
	width: 100%;
}

.profile_td{
	width: 33.3% !important;
}
/*End*/

/**********Start code for /web/first_signup page while click Forgotten your password **********/
@media only screen and (max-width: 767px) {
.oe_signup_form .resendlink,.oe_signup_form  .back_to_login{
	font-size: 12px;
    width: auto !important;
}
.skit_login_btn{
	display: grid !important;
}
.alert-warning{
	font-size: 12px;
}
.email_add_lbl{
	font-size: 12px;
}
}
/**********End code for /web/first_signup page while click Forgotten your password **********/
/* Start code for my profile in mobile view  */
@media only screen and (min-width: 300px) and (max-width:767px) {
	#socialmedia {
	     display: none !important;
	}
	.skit-agree {
    font-size: 15px;
}
#profile_submit{
	margin-left: 0% !important;
}
#skit_profile_edit{
	padding-left: 0px; 
     padding-right: 0px;
}
} 

/* End code for my profile in mobile view  */

.volunhide{
	display:none !important;
}

/********** My Profile Page - Telegram Checked Or Not Condition **********/
#sks_telegram_selected {
	display: none;
	margin: 2vh auto;	
}

.required_hide{
	display: none;
}