.button-left > a :hover {
    color: white;
    background:black;
}
.button-left > a {
    color: black;
    text-decoration: none !important;
}
.button-left {
    background: none repeat scroll 0 0 white;
    border-radius: 10px;
    float: right;
    font-size: 11px;
    padding: 3px;
    text-decoration: none;
    width: 60px;
   display: inline-block !important;
    font-size: 11px !important;
    height: 21px !important;
    line-height: 21px !important;
    margin: 0 0 0 10px !important;
    padding: 0 10px !important;
    text-decoration: none !important;
}
.profilepro.profilepro-profile-container {

margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 470px;
}

.faicons {
    margin-left: 28%;
    
}
.profilepro-radio {
    padding-right: 2px;
}
.profilepro-required {
    color: red;
}
.profilepro-label i { 
  background: none repeat scroll 0 0 lightgray;
    border-radius: 999px;
    color: #999;
    height: 26px;
    line-height: 26px;
    margin: 0 14px 0 0;
    text-align: center;
    top: 11px;
    width: 26px;
}
.profilepro-label > label {
    font-family: times new roman;
    font-size: 14px !important;
    margin-right: 8px !important;
    padding: 0 !important;
    word-wrap: break-word !important;
   
	
}
.profilepro-field {
 
margin: 20px 0 0;
}
.profilepro-label {
  
    float: left;
    width: 34%;
        display: flex;
}
.profilepro-element > input {
    width: 80%;
    border: 1px solid #ccc;
    box-shadow: 0 -1px 2px #ddd inset;
    color: #444;
    vertical-align: baseline;
    height: 34px;
    
    padding:5px !important;
	 background-color: #ebebeb;
    border: 1px solid #d7d7d7;
}
.profilepro-element {
   float: right;
    font-family: times new roman;
    font-size: 14px;
    width: 64%;
   	
}
/************************************** Popup Style ********************************/

 /* The Modal (background) */
.titletxt {

 color: #fff;
    margin-left:40%;
    font-size: 22px;
    font-weight: bold;
    padding-right: 20px;
    padding-top: 18px;
	
}
.profilepro-admin-modal-popup {
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* 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/Box */
.profilepro-admin-modal-content {
    background-color: #fefefe;
    margin: 7% 20%; /* 15% from the top and centered */
    border: 1px solid #888;
    width: 65%; /* Could be more or less, depending on screen size */
}

#profilepro-popup_content{
  min-height:100px;	
  padding-left:10px;
  padding-bottom:10px;
}

.profilepro-loader-img {
    padding-top: 20px;
    text-align: center;
}

.profilepro-admin-modal-popup-header {
    background-color:#3874A4;
    height: 60px;
}

/* The Close Button */
.profilepro-admin-close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding-right: 20px;
   
}

.profilepro-admin-close:hover,
.profilepro-admin-close:focus {
    color: #aaa;
    text-decoration: none;
    cursor: pointer;
}

.profilepro{
/* 	background-color: #eee; */
    color: #000;
   
    margin: 0 auto;
    text-align: left;
}

.profilepro-message {
    color: #f24600;
    padding-bottom: 11px;
}

.plugin_name-field {
/*     padding-bottom: 16px; */
	float: left;
    margin: 0;
    padding: 0 0 20px;
    width: 100%;
}

.profilepro_secondary_button{
	color: #fff;
	border: 1px solid #000;
	background-color: #cfcfcf;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#000)) !important;
	background-image: -webkit-linear-gradient(top, #000, #000) !important;
	background-image: -moz-linear-gradient(top, #000, #000) !important;
	background-image: -ms-linear-gradient(top, #000, #000) !important;
	background-image: -o-linear-gradient(top, #000, #000) !important;
	box-shadow: inset 0 -1px 1px -1px #fff;
	padding: 4px 10px;
}	

.profilepro-image-upload, .upload {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
	background-color:#bddbfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:0px 19px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}

.profilepro-image-upload:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
	background-color:#80b5ea;
}
.profilepro-image-upload:active {
	position:relative;
	top:1px;
}

.profilepro-profile-background-image img{
	height: 250px !important;
    width: 100%;
}

div.ajax-file-upload-statusbar {
	width: 100%;
	margin: 10px 0 0 0;
}

div.ajax-file-upload-progress {
	display: inline-block;
	position: relative;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	height: 4px;
}

div.ajax-file-upload-bar{
	width: 0;
	height: 4px;
	background-color:#A0C9F2;
}

div.ajax-file-upload-percent{
	position: absolute;
	display: inline-block;
	top: 3px;
	left: 48%;
}

.profilepro-image {
    padding-bottom: 8px;
}

.profilepro-image img{
	 border: 3px solid gray;
    border-radius: 50%;
    display: inline-block;
    height: 80px;
    width: 80px;
}
.profilepro-form-buttons{
}

.profilepro-profile-side {
    height: 250px;
    padding: 30px;
    width: 25%;
    float:left;
    background-size: 100% 100%;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
/*
.profilepro-profile-content {
    display: inline-block;
    float: right;
    width: 72%;
    padding:30px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.profilepro-profile-content, .profilepro-profile-side, .profilepro{
	background: rgba(242,246,248,1);
	background: -moz-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 99%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,246,248,1)), color-stop(0%, rgba(216,225,231,1)), color-stop(99%, rgba(224,239,249,1)), color-stop(100%, rgba(224,239,249,1)));
	background: -webkit-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 99%, rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 99%, rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 99%, rgba(224,239,249,1) 100%);
	background: linear-gradient(to right, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 0%, rgba(224,239,249,1) 99%, rgba(224,239,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1 );
}

*/
.profilepro-forgot-link > a {
color:#000 !important;
font-size: 14px;
    font-weight: bolder;
}
.profilepro-profile-content .profilepro{
		background: transparent !important;
		width:auto;
		padding:0;
		
}

.profilepro-profile-content .plugin_name-label{
/* 	float: left; */
/*     padding-right: 40px; */
	float: left;
    width: 34%;
    color: #888;
}

.profilepro-button{
	background-color: #cfcfcf;
    background-image: -moz-linear-gradient(center top , #1391da, #1278b2);
    border: 1px solid #1278b2;
    box-shadow: 0 -1px 1px -1px #fff inset;
    color: #fff;
    padding: 4px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    padding: 4px 10px;
    text-decoration: none;
     height: 32px;	
}

.plugin_name-label i{
	border-radius: 999px;
    float: left;
    height: 26px;
    line-height: 26px;
    margin: 0 14px 0 0;
    position: relative;
    text-align: center;
    top: auto;
    width: 26px;
    background: #888 none repeat scroll 0 0;
    color: #fff;
}

.profilepro-profile-content .plugin_name-element{
	float: left;
    width: 66%;
    color: #888;
}

.profilepro-profile-container{
	background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px -1px #ccc;
	max-width:470px;
	margin:auto;
	display:block;
}	
/*
.profilepro-profile-content .plugin_name-label > label{
	padding-left: 10px;
}
*/
.profilepro-profile-content{
	font-size: 14px;
    padding: 0px 16px 14px;
}

#profilepro-loader {
    display: none;
    margin-left: 20px;
    width: 42px;
}

#profilepro-ajax-msg {
	display: inline-block;
    margin-left: 20px;
    display:none;
}

.profilepro-forgot-link{
	float: right;
}

.profilepro-profile-content .profilepro{
 	background-color:transparent;
}
/*
.profilepro_profile_edit{
	margin: 26px;
}
*/
.profilepro-warning-message{
	
    background: -moz-linear-gradient(0% 0 270deg, #d14242, #c24a4a) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #bd3d3d !important;
    box-shadow: 0 1px #e16565 inset !important;
    color: #fff !important;
    text-decoration: none;
     border-radius: 3px !important;
    display: inline-block;
    font-size: 12px;
    line-height: 14px !important;
    margin: 10px 0 0;
    opacity: 0;
    padding: 4px 10px;
    position: relative;
    top: -20px;
    transition: all 0.2s linear 0s;
}

.plugin_name-required {
    color: red;
    display: inline-block;
    padding-left: 5px;
}

/**************** Profile CSS ************************/

.profilepro-profile-left{
	float: left;
    margin: 0;
    padding: 0;
}

.profilepro-profile-right{
	float: right;
    margin: 0;
    padding: 0;
}

.profilepro-profile-pic{
    float: left;
    margin-right:10px;
}

.profilepro-profile-pic img{
  border: 4px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 125px;
    width: 124px;

  object-fit: cover;
}

div.profilepro-clear {
    clear: both;
    margin: 0;
    padding: 0;
}

.profilepro-profile-head-reg{
	  background: none repeat scroll 0 0 #ededee;
   
    margin: 0;
    padding: 15px 20px;
}

.profilepro-profile-head{
	  background: none repeat scroll 0 0 #ededee;
    height: 170px;
    margin: 0;
    padding: 15px 20px;
}

.profilepro-profile-name{
	float: right;
    margin: 0;
    padding: 0;
}

.profilepro-profile-display-name{
	  font-family: times new roman;
    font-size: 28px;
    font-weight: bold;
    line-height: 2.5;
}
.profilepro-profile-button {
    font-family: times new roman;
    font-size: 8px;
}

/********************** Button css ********************/

a.profilepro-profile-button-alt, div.profilepro-profile-wrap a.profilepro-profile-button-alt, div.profilepro-profile-wrap div.profilepro-profile-button-alt, div.profilepro-profile-wrap input.profilepro-profile-button-alt {
	color: #000 !important;
        font-weight:bold;
	border: 1px solid #ddd;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
	background-image: -webkit-linear-gradient(top, #fff, #eee);
	background-image: -moz-linear-gradient(top, #fff, #eee);
	background-image: -ms-linear-gradient(top, #fff, #eee);
	background-image: -o-linear-gradient(top, #fff, #eee);
	font-size:25px;
	box-shadow: inset 0 -1px 1px -1px #fff;
}

div.profilepro-profile-wrap input.profilepro-profile-button-alt-wide {
	color: #666;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#eee));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
	background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
	background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
	background-image: -o-linear-gradient(top, #f5f5f5, #eee);
	box-shadow: inset 0 -1px 1px -1px #fff;
	font-size: 13px;
    padding: 3px;
    width: 105px;
}

a.profilepro-profile-button-alt:hover, div.profilepro-profile-wrap a.profilepro-profile-button-alt:hover, div.profilepro-profile-wrap div.profilepro-profile-button-alt:hover, div.profilepro-profile-wrap input.profilepro-profile-button-alt:hover, div.profilepro-profile-wrap input.profilepro-profile-button-alt:focus {
	border: 1px solid #ddd;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#f5f5f5));
	background-image: -webkit-linear-gradient(top, #eee, #f5f5f5);
	background-image: -moz-linear-gradient(top, #eee, #f5f5f5);
	background-image: -ms-linear-gradient(top, #eee, #f5f5f5);
	background-image: -o-linear-gradient(top, #eee, #f5f5f5);
	box-shadow: inset 0 -1px 1px -1px #fff;
	color: #666;
	padding: 4px 10px;
}

div.profilepro-profile-wrap a.profilepro-profile-button, input[type=submit].profilepro-profile-button, input[type=button].profilepro-profile-button {
	color: #fff;
	border: 1px solid #1278b2;
	background-color: #1391da;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1391da), to(#1278b2));
	background-image: -webkit-linear-gradient(top, #1391da, #1278b2);
	background-image: -moz-linear-gradient(top, #1391da, #1278b2);
	background-image: -ms-linear-gradient(top, #1391da, #1278b2);
	background-image: -o-linear-gradient(top, #1391da, #1278b2);
	box-shadow: inset 0 -1px 1px -1px #fff;
	padding: 4px 10px;
	text-shadow:none; /*Fix for some ThemeForest themes*/
}



div.profilepro-profile-wrap a.profilepro-profile-button:hover, input[type=submit].profilepro-profile-button:hover, input[type=submit].profilepro-profile-button:focus, input[type=button].profilepro-profile-button:hover, input[type=button].profilepro-profile-button:focus, div.profilepro-profile-wrap a.profilepro-profile-button:active, input[type=submit].profilepro-profile-button:active, input[type=submit].profilepro-profile-button:active, input[type=button].profilepro-profile-button:active, input[type=button].profilepro-profile-button:active {
	border: 1px solid #1278b2;
	background-color: #1278b2;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1278b2), to(#1391da));
	background-image: -webkit-linear-gradient(top, #1278b2, #1391da);
	background-image: -moz-linear-gradient(top, #1278b2, #1391da);
	background-image: -ms-linear-gradient(top, #1278b2, #1391da);
	background-image: -o-linear-gradient(top, #1278b2, #1391da);
	box-shadow: inset 0 -1px 1px -1px #fff;
	color: #fff;
	padding: 4px 10px;
	text-shadow:none; /*Fix for some ThemeForest themes*/
}

input[type=submit].profilepro-profile-button:disabled, input[type=submit].profilepro-profile-button:disabled:hover
{
	background-color:#FFF;
	color: #1391da;
	background-image: none;
}

a.profilepro-profile-button-alt, div.profilepro-profile-button-alt, input.profilepro-profile-button-alt {
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 10px !important;
    background:white;
    cursor: pointer;
    text-decoration: none;
}