/* CSS Document */

.mail-btn {
	padding: 0 20px;
}

.mail-btn a {
	color: #000;
	text-decoration: none;
}

/* ================================================================================================= */
.edit-profile {
	width: 90%;
}
.prof-images table{
	width: 100%;
}
.edit-profile h2 {
	color: #000;
	font: bold 18px 'Open Sans Hebrew';
	line-height: 41px;
	width: 100%;
	/*background:#3F0;/*Test*/
}

.editboxTitle {
	height: 38px;
	background: #F60041;
	/*d35e8c*/
	border-radius: 10px 10px 0 0;
	position: relative;
}

.editboxTitle .image-chk {
	position: absolute;
	left: 11px;
	top: 4px;
	color: #fff;
}

.editboxTitle a.open_btn {
	display: block;
	width: 74px;
	height: 28px;
	position: relative;
	top: 6px;
	right: 6px;
	background-color: #000000;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 28px;
}

.editboxTitle a.open_btn:hover {
	background-color: #000000;
	text-decoration: none;
}

.editbox {
	width: 100%;
	position: relative;
	background: #e8e8e85c;
	/*e8e8e8*/
	font: normal 14px Open Sans Hebrew;
	color: #000;
	/*000000*/
	border-radius: 0 0 5px 5px;
}

.editbox-data-on {
	background: none;
}

.editbox-form {
	background: #ffffff;
	border: 1px solid #e0e0e059;
	border-bottom: none;
	border-top: none;
}

.editbox-form .edit-table th,
.editbox-form .edit-table td {
	color: #000;
}

.editbox-left {
	width: 95%;
	overflow: hidden;
	padding: 10px 0;
	float: left;
}

.edit-table th {
	text-align: right;
	font: bold 14px Open Sans Hebrew;
	color: #000;
	/*000000*/
	padding: 0px 10px;
}

.edit-table tr {
	vertical-align: top;
	height: 24px;
}

.edit-ditals {
	padding: 0 5px;
}

.edit-ditals h3 {
	font: normal 14px Open Sans Hebrew;
	margin-bottom: 5px;
	color: #000;
	/*000000*/
}

.edit-button {
	text-align: center;
	padding-top: 10px;
}

.reg_error {
	color: #f00;
}

/* ================================================================================================= */
.member-prof {
	margin-top: 41px;
	margin-bottom: 15px;
	background: #434242;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.member-prof h2 {
	font-size: 20px;
	color: #fff;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.prof1 {
	width: 100%;
	height: 34px;
	margin: 15px 0 0px 0px;
	background:#F60041;
	/*601f3a*/
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.prof1 h2 {
	float: right;
	color: #ffffff;
	font-size: 18px;
	line-height: 34px;
	margin: 0 !important;
	padding: 0 !important;
	margin-right: 10px !important;
	font-weight: bold;
}

.prof1 .rating {
	float: left;
	padding-top: 6px;
	padding-left: 10px;
	width: 320px;
}

.prof-top {
	width: 100%;
	height: 50px;
	color: #fff;
	/* line-height: 49px; */
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	position:relative;
}

.prof-top h1 {
	/* width:150px; */
	float: right;
	color: #F60041;
	/*601f3a*/
	font-size: 24px;
	font-weight: bold;
	font-family: 'Open Sans Hebrew';
	padding-right: 2px;
	white-space:nowrap;
}
.prof-top .likeicon {
    position: absolute;
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    left: 0px;
}

.prof-top .dislikeicon {
    position: absolute;
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    left: 55px;
}

.prof-common {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 15px;
}

.prof-common li {
	color: #000;
	margin-bottom: 5px;
}

.prof-data {
	margin-bottom: 20px;
}

.prof-r h2,
.prof-l h2 {
	background: #F60041;
	/*d66190*/
	/* width:97%; */
	line-height: 25px !important;
	padding-right: 10px;
	font: bold 18px 'Open Sans Hebrew';
	color: #fff;
	border-radius: 8px;
}

.prof-data br {
	clear: both;
}

.prof-data div {
	padding: 5px;

	padding-right: 10px;

	color: #000;
}

.prof-data div.even {
	background: rgb(246 0 65 / 9%);
    color: #000;
    font-size: 110%;
    border-radius: 8px;
	padding: 8px 5px;
}

.prof-data label,
.prof-data span {
	float: right;
}

.prof-data label {
	display: block;
	color: #000;
	margin-left: 5px;
	font-weight: bold;
}

.prof-data span {
	display: block;
	color: #000;
}
.followUs_link {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    margin: 18px 0px;
    background: transparent !important;	
}
.inviteCall a {
    font-size: 24px;
    background-color: #1DB727;
    color: #fff;
    display: block;
    padding: 2rem;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
}
.inviteCall {
    margin-top: 10rem;
}
/* ================================================================================================= */
.prof-r {
	width: 49%;
	overflow: hidden;
	font-size: 14px;
	font-family: Open Sans Hebrew;
	margin: 16px auto;
	/*background:#0F0; /*Test*/
	min-height: 150px;
}

.prof-l {
	width: 49%;
	overflow: hidden;
	font-size: 14px;
	font-family: Open Sans Hebrew;
	margin: 16px auto;
	/*background:#CF6; /*Test*/
	min-height: 150px;
}

.prof-img {
	margin-bottom: 15px;
}

/*.prof-images {
	width: 66px;
}*/

.prof-images img {
	display: block;
	margin-top: 5px;
	border-radius: 10px;
	border: 1px solid #555;
    width: 25%;
}

.prof-main-img {
	/*width: 290px;*/
}
.prof-main-img img {
	border-radius: 10px;
	border: 1px solid #555;
}
/* ================================================================================================= */
.prof-bar {
	border-top: 1px solid #424242;
	padding-top: 5px;
	clear: both;
}

.prof-main-img img {
	border-radius: 10px;
}
/****************EDIT PROFILE TAB 1*********************************/
.title1 {
    background-color: #f8f3f3;
    border-radius: 10px;
    padding: 6px 15px 0px;
	position:relative;
	margin-top: 10px;
}
.title1 h2 {
    font-size: 26px;
    color: #F60041;
    line-height: 28px;
}
.title1 a.open_btn {
	position: absolute;
    left: 8px;
    top: 15px;
    background-color: #F60041;
    padding: 5px 25px;
    border-radius: 10px;
    color: white;
}
.prsn_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin: 10px 10px 10px 0px;	
}
.form_label label {
    font-size: 16px;
}
.form_label {
    width: 30%;
}
.input_value {
    width: 70%;
}
.input_value select, .input_value textarea, .input_value input[type=text], .input_value input[type=password] {
    width: 100%;
    font-size: 16px;
    border: 1px solid #d9d7d0;
    border-radius: 5px;
    padding: 3px 7px;
}
.input_value textarea{
	height: 76px;
}
.input_value.d-flex {
    display: flex;
    width: 40%;
    margin: 0 0 0 auto;
    column-gap: 5px;
}
select:focus-visible {
    outline: none;
}
.input_value input[type="checkbox"]:before, .input_value input[type="radio"]:before {
    display: inline-block;
    opacity: 1 !important;
    margin-top: 0;
    appearance: none;
    background: #f7f7f7;
    content: "";
    width: 15px;
    height: 15px;
}

.input_value input[type="checkbox"]:checked:before, .input_value input[type="radio"]:checked:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    background-color: #F60041;
}

.input_value input[type="checkbox"], .input_value input[type="radio"] {
	margin: 0px 0px 0px 2px;
}
.input_block_bg {
    display: flex;
	flex-flow: wrap;	
    column-gap: 10px;
    align-items: center;
    background-color: #fff;
    font-size: 16px;
    border: 1px solid #d9d7d0;
    border-radius: 5px;
    padding: 3px;
}
.input_value.input_block_bg div {
    width: 140px;
	padding: 3px 0px;
}
.input_block_bg label {
    margin-bottom: 0px;
}
.choose_tag {
    background-color: #fff;
    font-size: 16px;
    border: 1px solid #d9d7d0;
    border-radius: 5px;
    padding: 5px 8px;
    margin: 0px 8px 5px 5px;	
    display: inline-block;	
	cursor:pointer;
	white-space: nowrap;
	font-weight: normal;
	line-height: 16px;
}
.choose_tag.active {
    background: #F60041;
    color: #fff;
}
.choose_tag input[type=checkbox] {
	display: none;	
}
.tag_list .choose_tag:first-child {
    margin-left: 5px;
}
.tag_list{font-size: 18px; display:flex;flex-wrap: wrap; width:100%;line-height: 32px;}
.input_value select {
	   -webkit-appearance: none;
    background-image: url(/images/Arrow0.png);
    background-repeat: no-repeat;
    background-position: center left 15px;
}

/****************EDIT PROFILE TAB 2*********************************/
/* Tabs panel */
.tabbable-panel {
	/*background-color: #f7f7f7;*/
	padding: 20px 30px;
	border-radius: 6px; 
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin-bottom: 10px;
 padding: 0; 
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #000;
  display: block !important; 
  padding: 5px 15px; 
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
   background-color: #F60041;  
  border-radius: 30px; 
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
    border: 0;
    background: #F60041 !important;
    border-radius: 30px;
    padding: 5px 20px;
    color: #fff;
}

.tabbable-line > .nav-tabs > li.active {
  border-radius: 30px;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #fff;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}

.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}
.tabbable-line .nav-tabs>li{
	float: right;
}
.gallery_imgs .img_box{
    display: flex;
    justify-content: flex-start;
	flex-flow: wrap;	
    column-gap: 20px;
}
.get_img > img {
    border-radius: 13px;
    width: 100%;
    height: 100%;	
    border: 1px solid #d9d7d0;    
	object-fit: cover;
}
.img_box .get_img{
    width: calc(25% - 15px);
	position: relative;	
    margin: 10px 0px;	
    max-height: 198px;	
}
.tabbable-line .nav-tabs>li.active>a, 
.tabbable-line .nav-tabs>li.active>a:focus, 
.tabbable-line .nav-tabs>li.active>a:hover{
    background-color: #F60041;    
	padding: 5px 25px;
	border-radius: 80px;
}
.get_img .fa {
	color: white;
    font-size: 24px;
}
.get_img .status_ribbon {
	position: absolute;
	top:6px;
	right:6px;
	width: auto;
	height: 25px;
	z-index: 9;
	border-radius: 50px;
	background-color: #000;
	color:white;
	padding: 0px 10px;
	line-height: 25px;
}
.get_img .status_ribbon.red {
	background-color: red;
}
.get_img .status_ribbon.green {
	background-color:green;
}
.get_img .action_icon {
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 44px;
    height: 44px;
    margin: 10px;
    background-color: #000;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
}
.get_img .action_icon.private_icon {
	right:50px;
}
.get_img .action_icon.primary_icon {
	right:100px;
}
.btn_post {
    text-align: left;
}
.btn_post a {
    background-color: #F60041;
    padding: 9px 40px;
    color: #fff;
    border-radius: 6px;
    display: inline-block;	
}
.btn_post a i {
    margin-left: 8px;
}
.btn_post a:hover {
    background-color: transparent;
    border: 1px solid #F60041;
    text-decoration: none;
    color: #F60041;
}
.upload_media input {
    opacity: 0;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%
}
.upload_media{
    order: 1;
    position: relative;
    width: calc(25% - 30px);
    position: relative;
    margin: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	max-height: 198px;
}
.upload_media img{
    border-radius: 13px;
    border: 1px solid #d9d7d0;	
	height: 100%;
    width: 100%;
    object-fit: cover;
}

/******************UPDATED MODAL POPUP CSS********************************/