/*
 * lokkal 2015-2023
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600;700&display=swap');

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/*==-- Effects --==*/
/*--*/
.effect_loading {
    position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:10000;
}
.effect_loading:before {
	content:"loading";
	position:fixed;
	top:50%;
	left:50%;
	z-index:10001;
	color:lightblue;
	animation: effect_loading 3.5s forwards infinite;
    -moz-animation: effect_loading 3.5s forwards infinite;
    -webkit-animation: effect_loading 3.5s forwards infinite;
}
@keyframes effect_loading {
  0% {
    opacity:0.5;
    animation-timing-function:ease-in-out;
    color:green;
    font-size:1em;
  }

  100% {
    opacity:0.95;
    box-shadow:2px 1px 1px 2px blue;
    color:red;
    font-size:2em;
  }
  
  0% {
    opacity:0.5;
    animation-timing-function:ease-in-out;
    color:green;
    font-size:0.7em;
  }
}
/*--*/
#effect_blueHighlight {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:9999;
}
#effect_blueHighlight:before {
    content:"";
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:9999;
}
.effect_blueHighlight:before {
	animation: effect_blueHighlight 1.5s forwards;
    -moz-animation: effect_blueHighlight 1.5s forwards;
    -webkit-animation: effect_blueHighlight 1.5s forwards;
}
.effect_blueHighlight_back:before {
	animation: effect_blueHighlight_back 1.5s forwards;
    -moz-animation: effect_blueHighlight_back 1.5s forwards;
    -webkit-animation: effect_blueHighlight_back 1.5s forwards;
    /*animation-direction: reverse;*/
}
@keyframes effect_blueHighlight {
  0% {
    background:lightblue;
    opacity:0;
    animation-timing-function:ease-in-out;
    box-shadow:0px 0px 0px 0px blue;
  }

  100% {
    background:lightblue;
    opacity:0.95;
    box-shadow:2px 1px 1px 2px blue;
    animation-timing-function:ease-in-out;
  }
}
@keyframes effect_blueHighlight_back {
  0% {
    background:lightblue;
    opacity:0.95;
    box-shadow:2px 1px 1px 2px blue;
    animation-timing-function:ease-in-out;
  }
  100% {
    background:lightblue;
    opacity:0;
    animation-timing-function:ease-in-out;
    box-shadow:0px 0px 0px 0px blue;
  }
}
body {
	margin:0px auto 0px auto;
	background:#f0f7fa;
}

img.postImage {
	width:100%;
	max-width:attr(attr-original-width);
	max-height:attr(attr-original-height);
	/*pointer-events:none;*/
}

button, select { cursor:pointer; }
/* .lokkalNotice aka #notice */
.lokkalNotice {
    text-align: center;
    color: red;
    padding: 7px;
    margin: 7px;
    background: yellow;
    border-radius: 9px;
}
/* Used in
 * - templates././style.css
 * - pages/wall2_editable
 * */
.lokkalEmoji {
	display:inline;
	font-family:system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort,system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
}
body.events {
    /*background-image:url('/img/gradientblue1.jpg');*/
}

body #header {
    padding:6px 0px;
}

body #header {
    background-image:url('/img/gradient1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body #header,body #main {font-family:'Open Sans', sans-serif;}

body #header .notseen {
 /*   background:red;*/
}

#header_text {
	font-size:1.1em;
	color:white;
	display:block;
	line-height:30px;
}
#header_text .hcity {font-size: 1.3em;}
#header_text .hstate {font-size:1.1em;}
#header_text .hcountry {font-size: 0.9em;}
/*#header.view #header_text, #header.edit #header_text {
font-size:0.9em;
}*/

/*
#header.header_text_same #header_text { font-size:0.9em; }
#header.header_text_diff #header_text .hcity {font-size:1.6em;}
#header.header_text_diff #header_text .hstate {font-size:1em;}
#header.header_text_diff #header_text .hcountry {font-size:0.7em;}


#header_text .hcity { color:#0294F5;  }
#header_text .hstate, #header_text .hcountry { color:#5FC967; }
#header_text .hstate {  }
#header_text .hcountry {  }
*/

.p_menu_style_1 {
    width: 100%;
    color:black;
}
.p_menu_style_1 a {
    color:black;
}
.p_menu_style_1.logged {
    color:black;
    width: 100%;
}


.sh {
	display:none;
}
.sh:hover {
	display:inline-block;
}

.pageLikeCls {
	/*width:23px;*/
	height:20px;
	background:transparent url('/img/LIKE-BUTTON.png') no-repeat left top;
	background-size:20px 20px;
	padding-left:20px;
	line-height:20px;
	vertical-align:middle;
}


/*
 * suggest
 */
#suggest {
	border: 1px solid #DDD;
	background:#fff;
	width:350px;
	height:23px;
	max-height:21px;
	/*float:right;*/
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}
#suggest #suggestText {
	width:280px;
	height:23px;
	max-height:21px;
	font-size:1em;
	font-weight:600;
	clear:both;
	outline:0;
	border-top:0;
	border-bottom:0;
	border-left:0;
	display:inline-block;
	overflow-x:none;
	padding:0;
	margin:0;
	text-align:left;
}
#suggest #suggestButton {
	padding:0;
	margin:0;
	width:63px;
	height:21px;
	vertical-align: top;
	float:right;
}
/**/
.btn { color:black; font-weight:bolder; cursor:pointer; text-decoration:none; }
.btn:hover { text-decoration:underline; }
.btn.selected { text-decoration:underline; }
/**/
h1 {font-size:3em;}
h2 {font-size:2em;}
h3 {font-size:1.7em;}
h4 {font-size:1.4em;}
h5 {font-size:1.1em;}
h6 {font-size:0.83em;}
/**/
.t_main_left { float:left;width:33.3%;text-align:left;position:absolute }

.t_main_right { float:right;width:33.3%;text-align:right;position: absolute}
.t_main_center { width:50%;margin:0px auto;}
.t_main_container {
	margin:13px 0px;
}


/**/
.event.other .event_cost { display:none; } /* hide FREE from other events (fbid) */
.event .appmenu > div:nth-child(2) {
}
.event .appmenu > div:nth-child(2) a {
    display:block;
    position:relative;
    padding-right:35px;
}
.event .appmenu > div:nth-child(2) a:after {
    width:30px;
    height:24px;
    content: "";
    position: absolute;
    right: 0px;
    
    background-image: url(/img/off.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.event .appmenu > div:nth-child(2) a.active:after {
    background-image: url(/img/on.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/*
#events_container .eventsDateField {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 7px;
}
#events_container .eventsDateField h3 {
    color:rgb(30, 144, 255);
    font-size:1.6em;
    margin:0px;
    float:left;
    background-image: linear-gradient(45deg, #1e90ff, #34de48);
    background-size: 100%;
    background-clip: text;
    background-clip: text;
    color: transparent; 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
*/
/**/
#events_container .eventsDateField {
    /*background-image: url(img/gradient1.png);*/
    display:table;
    width:100%;
}
#events_container .eventsDateField.noEvents {
    margin-bottom:30px;
}
#events_container .eventsDateField > h3 {
    /*color: rgb(255, 255, 255);*/
    /* padding: 5px; */
    color:#4c94da;
    text-underline-position: under;
    text-decoration: none;
    font-size: 1.6em;
    padding: 0px 0px 0px 6px;
    /* float: left; */
    display: table-cell;
    white-space: nowrap;
    height: 34px;
    vertical-align: middle;
}
#events_container .eventsDateField > div.event_filter {
    /* float: right; */
    display: table-cell;
    height: 34px;
    vertical-align: middle;
    padding: 0px 6px 0px 0px;
}
#events_container .eventsDateField > div.event_add_link {
    /* margin-left: 33px; */
    display: block;
    width: 100%;
    height: 34px;
    /* margin: 0px auto; */
    /* position: relative; */
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#events_container .eventsDateField > div.event_add_link > button {
    background-image:url(/templates/template_mobile_1/img/icon-add-event.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size: 57px 57px;
    content: "";
    width: 34px;
    height: 34px;
    border: solid 1px white;
    outline: none;
    background-color: transparent;
    border-radius: 33px;
}
#event_filter_tags {z-index:100;}
#event_filter_tags .btnall {cursor:pointer;position:absolute;left:-20px;font-size:0.7em;color:black;}
#event_filter_tags .dropevents {padding:0px 1px 0px 20px;min-width:170px;}
/*#event_filter_date_field {position:absolute;}*/
.event_filter {text-align:right;}
.event_filter > button {
    font-size:1em; 
    font-weight:bolder;
    color:white;
    border:none;
    outline:none;
    background:transparent;
}
#event_filter_dates {z-index:100;}
.event_filter .calendar table {
    border:solid 1px #2C2C2C;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;

    -moz-box-shadow: 0 0 15px #2C2C2C;
    -webkit-box-shadow: 0 0 15px #2C2C2C;
}
.event_filter .calendarDays { 
    background:gray;
    color:yellow;
    font-size:0.75em;
}
.event_filter dateCell {
    display:block;
    border:solid 1px lightgray;
    cursor:pointer;
    text-align:center;
}
.event_filter dateCell:hover { border: solid 1px #ff0000; }
.event_filter .prevornext {border:solid 1px #AADE89;background:gray;}
.event_filter .current { border:solid 1px #EEBBB7;background:lightyellow;}
.event_filter .otherdays {border:solid 1px #B7EEEC;background:lightgray;}
.event_filter .dropevents {
    margin:0px; padding:0px;
    border:solid 1px #2C2C2C;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;

    -moz-box-shadow: 0 0 15px #2C2C2C;
    -webkit-box-shadow: 0 0 15px #2C2C2C;
}
h2.eventdate {
    color:rgb(30, 144, 255);
    font-size:1.6em;
}
.sinheader h2 {
    color:rgb(30, 144, 255);
    font-size:1.6em;
}
/**/
.pagination a {color:#0A4682;text-decoration:none;}
.pagination a.selected {text-decoration:underline;}

/**/
.result_filter { line-height:30px; }
.result_filter > div:nth-child(1) > a { color:#0A4682; }
.result_filter > div:nth-child(2) {
    text-align:right;
    font-size:0.7em;
}
.result_filter > div:nth-child(2) > a {
    margin-right:3px;
}
.result_filter > div {white-space:nowrap;}
.result { word-wrap:break-word;margin:7px 0px; padding: 2px 2px 3px 3px;position:relative;border-left:solid 1px #DCDAD5;border-bottom:solid 1px #DCDAD5; }
.result a { color:#0A4682; }
.result > a { font-size:1.1em; }
.result .postcontent {font-size:0.8em;color:gray;}
.result_tags { margin: 5px 0px;}

.result_tags a {    
    text-decoration: none;
    font-size: 0.84em;
    color: #479fff;
    border-radius: 22px;
    margin: 0px 4px 0px 0px;
    display: inline-block;
    position: relative;
    font-weight: bold;
}
.tag_field{
    text-decoration: none;
    font-size: 0.84em;
    color: #479fff;
    border-radius: 22px;
    margin: 0px 4px 0px 0px;
    display: inline-block;
    position: relative;
    font-weight: bold;
}
button.btnResultTagsMore {
	outline:none;
	border:none;
	background:none;
    padding: 0px;
    margin: 7px 0px;
}

/**/
#event_filter_tags {z-index:999;}
#event_filter_tags .btnall {cursor:pointer;position:absolute;left:0px;font-size:0.7em;color:black;}
#event_filter_date_field {background:#1e90ff;position:fixed;z-index:999;}
.event_filter .calendar table {
	border:solid 1px #2C2C2C;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    
    -moz-box-shadow: 0 0 15px #2C2C2C;
    -webkit-box-shadow: 0 0 15px #2C2C2C;
}
.event_filter .calendar .close.top {float:right;cursor:pointer;}
.event_filter .calendar .close.bottom {cursor:pointer;}
.event_filter .calendarDays { background:rgb(30, 144, 255); color:#fff; font-size:0.83em; }
.event_filter dateCell {
    width:30px;
    height:30px;
    display:block;
    border:solid 1px #2C2C2C; 
    cursor:pointer;
    text-align:center;
}
.event_filter dateCell:hover { border: solid 1px #ff0000; }

.event_filter .prevornext {background:#AADE89;}
.event_filter .current { background:#EEBBB7;}
.event_filter .otherdays {background:#B7EEEC;}

.event_filter .dropevents {
    margin:0px; padding:0px;
    border:solid 1px #2C2C2C;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    
    -moz-box-shadow: 0 0 15px #2C2C2C;
    -webkit-box-shadow: 0 0 15px #2C2C2C;
}

.event {
    word-wrap: break-word;
    margin: 4px 0px 0px 0px;
    padding: 3px 3px 0px 3px;
    border-bottom: solid 1px #DCDAD5;
    background: white;
    box-shadow: 0px 2px 3px 1px lightgrey;
    border-radius: 9px;
    position: relative;
}
body.events .eventAdsOuter {}
body.events .eventAdsOuter img {
	margin:3px 0px;
}
body.events .event {
    margin: 4px 0px 0px 0px;
    padding: 3px 3px 0px 3px;
    border-bottom: solid 1px #DCDAD5;
    background: white;
    box-shadow: 0px 2px 3px 1px lightgrey;
    border-radius: 9px; 
}
body.events .event > font { display:block; } /* :) */
.event > div {
    word-wrap:break-word;
    padding:3px 8px;
}
.event > div > div { padding:0px 0px; }
/*line1*/
.event > div > div > div.appmenu {
    float:right;
}
.event > div > div a.event_title {
	line-height:22px;
	margin-left:36px;
}
.event > div > div > div.event_date {
     float:left;
     font-size:0.7em;
     line-height:22px;
}
.event > div > div > div.event_cost {
	float:right;
	font-weight: bold;
	font-size:0.7em;
    letter-spacing: 1px;
    color: #8ec845;
}
.event > div > div > div.event_location {
    float: right;
    display: block;
    margin: 0px 6px;
/*    font-weight: bold;*/
    font-size: 0.7em;
    letter-spacing: 1px;
    color: #424141;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75%;
    margin-right: -1px;
}
body.events .event_location, body.events .event_cost { display:none !important; }
/*line3*/
.event > div > div:nth-child(3) > div {/*hostedby*/
}
.event a {color:#0A4682;}

/*.event .event_date {font-size:0.74em;padding:0px 6px 0px 0px;display:table-cell;}
.event .event_date .date {margin-left:7px;position:relative;}
.event .event_date .date:before {
    background: url(/img/icon-calendar.png) no-repeat center center transparent;
    background-size: 15px 14px;
    content: '';
    width: 15px;
    height: 14px;
    display: inline-block;
    position: absolute;
    left: -17px;
    top:-1px;
}*/
/*.event .event_date .time {margin-left:17px;position:relative;}
.event .event_date .time:before {
    background: url(/img/icon-hour.png) no-repeat center center transparent;
    background-size: 17px 17px;
    content: '';
    width: 17px;
    height: 17px;
    display: inline-block;
    position: absolute;
    left: -17px;
    top:-1px;
}*/

.event_tags {display:inline-block;}
/*.event .event_tags a {font-size:0.74em;}*/
.event_tags a, .event_tags div.tag, body.your_events form .btnEventTag {
    text-decoration: none;
    font-size: 0.84em;
/*    color: #49bbd5;*/
    color: #479fff;
 /*   background: #53b7d3;*/
/*    padding: 1px 6px 1px 6px;*/
    border-radius: 22px;
    margin: 0px 4px 0px 0px;
    display: inline-block;
    position: relative;
    font-weight: bold;
}
body.your_events form .btnEventTag {
	float:left;
	cursor: pointer;
}
/*.event_tags a { font-size: 0.74em; }
.event_tags div.tag { font-size:11px; }*/
body.events .event_tags { /*browser*/
    margin: 0px 0px 0px 0px;
}
.event .event_title { 
    display:block;
    color: black;
	font-family: Montserrat;
	font-size: 1.5vw;
	font-weight: bold;
	text-underline-position: under;
	text-decoration: none;
	text-decoration-color: gray!important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.event.event_red * { color:#ee0000; }
.event.event_red a { color:#ee0000; }
/*.event.event_free * { color:#7F00FF; }
.event.event_free a { color:#7F00FF; }*/


/**/
.embedediframevideo { width:100%;max-height:520px;}
video.postVideo {
    display:block;
    width:100%;
    max-height:720px;
    margin:0px auto;
}
video.postVideo.wB {
    width:100%;
    height:56%;
}
video.postVideo.hB {
    width:56%;
    height:100%;
}

.language_switch {font-size:0.7em;font-weight:100;}

/*
 * ads img
 */

.ads a { display:block; }
.ads img {width:100%;height:auto;}




/*-- SEARCH IDS DEFINED BY USER */
#header_search_layout,
#header_search_layout4,
#header_search_layout3 {
    margin: 13px auto;
    /*padding: 0px 0px 0px 15px;*/
    position:relative;
}
/*-- LPCSTCSSSF0001 Style for tags in search-for page. */
#header_search_layout .tagField,
#header_search_layout4 .tagField,
#header_search_layout3 .tagField {
    margin: 1px 2px;
    text-decoration: none;
    color: #479fff;
    border-radius: 22px;
    margin: 0px 4px 0px 0px;
    display: inline-block;
    position: relative;
    font-weight: bold;
    /*padding: 0px 14px 0px 6px;
    position: relative;
    text-decoration: none;
    font-size: 0.875em;
    color: white;
    background: #53b7d3;
    border-radius: 22px;
    margin: 6px 4px 0px 0px;
    display: inline-block;*/    
}
#header_search_layout .tagEmpty,
#header_search_layout4 .tagEmpty,
#header_search_layout3 .tagEmpty {
    display: inline-block;
    vertical-align: bottom;
    margin: 5px 0px 3px 0px;
    padding:0px 20px 0px 11px;
    position:relative;
}
#header_search_layout .loadingField,
#header_search_layout4 .loadingField,
#header_search_layout3 .loadingField {
    display: inline-block;
    vertical-align: bottom;
    margin: 5px 0px 3px 0px;
}
#header_search_layout .tagDelete,
#header_search_layout4 .tagDelete,
#header_search_layout3 .tagDelete {
    display: inline;
    right: 0px;
    top: 0px;
    cursor: pointer;
    position: absolute;
    height: 13px;
    width: 13px;
}
#header_search_form,
#header_search_form4,
#header_search_form3 {}

#header_search_form:before,
#header_search_form4:before,
#header_search_form3:before {
    position:absolute;
    left:0px;
    top:0px;
    width:21px;
    height:37px;
    content:"";
    background-image:url(/img/lupa.png);
    background-size:21px 21px;
    background-position:center;
    background-repeat:no-repeat;
    opacity:0.4;
    z-index:1;
}
#header_search_form:after,
#header_search_form4:after,
#header_search_form3:after { 
content: "";display: table;clear: both; }
#header_search_bar,
#header_search_bar4,
#header_search_bar3 {}

#header_search_results,
#header_search_results4,
#header_search_results3 {
    z-index:998;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
    background:white;
}
#header_search_results > div,
#header_search_results4 > div,
#header_search_results3 > div {
    margin:13px 0px;
}
#header_search_results .searchResults,
#header_search_results4 .searchResults,
#header_search_results3 .searchResults { 
background:white; }
#header_search_results .searchResult,
#header_search_results4 .searchResult,
#header_search_results3 .searchResult {
    margin:0px;
    border-bottom:dotted 1px lightgray;
    cursor:pointer;
}
#header_search_results .searchResult:hover,
#header_search_results4 .searchResult:hover,
#header_search_results3 .searchResult:hover {
    background:yellow;
}
#header_search_results .searchResult > div:nth-child(1),
#header_search_results4 .searchResult > div:nth-child(1),
#header_search_results3 .searchResult > div:nth-child(1) { /* distance */
    font-size:0.7em;
    color:gray;
}

.searchBar a.searchResult {
	display:block;
	padding:3px 4px;
}
/* SEARCH ICONS TOP */
#search_icons,
#search_icons4,
#search_icons3 {
    text-align:center;
}
#search_icons > div,
#search_icons4 > div,
#search_icons3 > div {
    display: inline-block;
    padding: 5px 5px;
    margin: 13px 9px;
    cursor: pointer;
    position: relative;
    width: 10vw;
    height: 5vw;
    background-size: 46% auto;
    background-repeat: no-repeat;
    background-position: center;
    background-color: yellowgreen;
    border-radius: 13px;
    box-shadow: 0px 0px 5px 1px #888888;
}
div#header_search_bar,
div#header_search_bar4,
div#header_search_bar3 {
    border-radius: 0px;
    box-sizing: border-box;
    border: solid 0px #eeeeee!important;
    background-color: rgb(255, 255, 255)!important;
    font-family: Montserrat;
    color: black;
    text-align: center!important;
    /* position: absolute; */
    display: block;
    margin-left: auto!important;
    margin-right: auto!important;
    width: 100%;
}
/*.selected {
    background-color: #53b7d3!important;
    border: 2px solid white;
}*/
#search_icons > div:nth-child(1),
#search_icons3 > div:nth-child(1) {
background-image:url('/templates/template_mobile_1/icons/sico_calendar.png');}
#search_icons > div:nth-child(2),
#search_icons3 > div:nth-child(2) {
background-image:url('/templates/template_mobile_1/icons/sico_page2.png');  }
#search_icons > div:nth-child(3),
#search_icons3 > div:nth-child(3) {
background-image:url('/templates/template_mobile_1/icons/sico_profile2.png'); }
#search_icons > div:nth-child(4),
#search_icons3 > div:nth-child(4) {
background-image:url('/templates/template_mobile_1/icons/sico_map.png');}
#search_icons > div.selected,
#search_icons3 > div.selected {
    /*border-bottom:solid 2px #0294F5;
    border-radius:13px;*/
}
#search_icons > div.selected:before,
#search_icons3 > div.selected:before {
    position:absolute;
    width:14px;
    height:14px;
    background:url("/img/selected.svg") no-repeat center center transparent;
    background-size:14px 14px;
    content:"";
    right:6px;
    bottom:-6px;
}
/* SEARCH CONSTANT IDS,CLASSES,tAGS */


#search,
#search3 {
    display:block;
    margin:0px 0px;
    height: 70px;
    background-color: bisque;
    padding: 15px 15px;
    background-image: url(/templates/template_mobile_1/img/gradient1.png);
}

/*--*/
body.wall #search,
body.wall #search3 {
    border-radius:13px;
    height:auto;
    padding:0;
}

#search a, 
#search4 a, 
#search3 a { 
color:#0A4682; }

/*#search #search_title,
#search4 #search_title,
#search3 #search_title {
    margin-left: 13px;
    color: #c9c5c6;
    font-weight: bolder;
    display:inline-block;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 50%;
    transform: translate(0px,-50%);
}*/

#searchLayout,
#searchLayout4,
#searchLayout3 {}
.slstyle {
    border: 0px solid #c0c0c0;
    background:#fff;
    height:37px;
    max-height:37px;
    box-shadow: 0px 0px 12px 0px #424141a8;
}

/*--*/
body.wall #header_search_layout,
body.wall #header_search_layout4,
body.wall #header_search_layout3 {
    margin:1px 0px;
    height:none;
    max-height:none;
    box-shadow:0px 0px 2px 1px lightgrey;
    border-radius:13px;
}

#searchText,
#searchText3 {
}
#search .ststyle,
#search3 .ststyle {
    min-height: 36px;
    line-height: 24px;
    font-size: 0.81em;
    font-weight: 600;
    clear: both;
    outline: 0;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    overflow-x: none;
    padding: 0px 0px 0px 21px;
    text-align: left;
    vertical-align: bottom;
}

/*--*/
body.wall #header_search_bar,
#header_search_bar3,
#header_search_bar4 {
    border-radius:13px;
}

#search .search_side_menu,
#search3 .search_side_menu {
    display:none;
    position:absolute;
    top:0px;
    right:0px;
}
#search .search_side_menu > .menu,
#search3 .search_side_menu > .menu {
    position: absolute;
    top: 37px;
}
#search .search_side_menu > .button,
#search3 .search_side_menu > .button {
margin:7px 0px 0px 0px; }

#search .historyEnable .ststyle,
#search3 .historyEnable .ststyle {
margin:7px 30px 7px 16px; }

#search .favoriteEnable .ststyle,
#search3 .favoriteEnable .ststyle {
 margin:7px 30px 7px 16px; }

#search .historyEnable .search_side_menu,
#search3 .historyEnable .search_side_menu {
 display:block; }

#search .favoriteEnable .search_side_menu, 
#search3 .favoriteEnable .search_side_menu { 
display:block; }

#search .search_side_menu > .menu > div,
#search3 .search_side_menu > .menu > div {
    padding:8px 13px 8px 15px;
}
#search .search_side_menu .btnSearchHistory,
#search3 .search_side_menu .btnSearchHistory { 
position:relative; display:none; }
#search .search_side_menu .btnSearchFavorites,
#search3 .search_side_menu .btnSearchFavorites {
 position:relative; display:none; }
 
#search .search_side_menu .btnSearchHistory:before,
#search3 .search_side_menu .btnSearchHistory:before {
    position:absolute;
    width:21px;
    height:21px;
    background-image:url(/templates/template_mobile_1/img/icon-hour.png);
    background-size:17px 17px;
    background-position:center;
    background-repeat:no-repeat;
    left:-6px;
    content:"";
}
#search .search_side_menu .btnSearchFavorites:before,
#search3 .search_side_menu .btnSearchFavorites:before {
    position:absolute;
    width:21px;
    height:21px;
    background-image:url(/templates/template_mobile_1/img/like-yellow.png);
    background-size:17px 17px;
    background-position:center;
    background-repeat:no-repeat;
    left:-6px;
    content:"";
}
#search .historyEnable .search_side_menu .btnSearchHistory,
#search3 .historyEnable .search_side_menu .btnSearchHistory {
 display:block; }
 
#search .favoriteEnable .search_side_menu .btnSearchFavorites,
#search3 .favoriteEnable .search_side_menu .btnSearchFavorites { 
display:block; }


.searchButton {
    display:none;
}


#searchOptions {}
.searchOptionsField_header {
    background:#1E90FE;
    border:solid 1px #fff;
}
.searchOptionsField {
    background:#fff;
    border:solid 1px #000;
}

/**/
[contenteditable="true"].single-line {
    white-space: nowrap;
    overflow: hidden;
} 
[contenteditable="true"].single-line br {
    display:none;

}
[contenteditable="true"].single-line * {
    display:inline;
    white-space:nowrap;
}
#search_title {
    display:inline-block;
}








/*-- NAV START */
/* check if nav not exists in document, move chat_field to bottom */
:not(.nav) .chat_field, body.PopupIsOpen .chat_field {
    bottom:0px;
}
/**/
.nav {
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:56px;
    vertical-align:middle;
    color:white;
    background-image:url(img/gradient-nav.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:901;
    text-align:center;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    display:table;
    width:100%;
}
.nav > div {
    display:table-cell;
    vertical-align:middle;
    margin:9px 0px;
}
.nav > div > div {
    margin:0px 4px;
}
.nav > div > div > a {
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
}
.nav .back {
    position:absolute;
    left: -4%;
    top: -21%;
    width: 15%;
    height: 32px;
    background-image:url(img/back-nav.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:32px 32px;
}
.nav .eye {
    display:inline-block;
    width: 11%;
    height: 50px;
}
.nav .eye > a {}
.nav .eye > a > div {
    position:relative;
    width:51px;
    height:35px;
    margin:7px auto;
    background-size: auto 35px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(img/eye-nav.png);
}
.nav .message {
    display:inline-block;
    width: 11%;
    height: 50px;
}
.nav .message > a {
}
.nav .message > a > div {
    position:relative;
    width:35px;
    height:35px;
    margin:7px auto;
    background-size: auto 35px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(img/mensaje-nav.png);
}
.nav .message > a > div > div {
    position: absolute;
    right: -11px;
    top: 0px;
    height: 16px;
    background: #ffff00;
    color: #5cc487;
    border-radius: 45px;
    border-color: #5cc487;
    padding: 0px 3px;
    border-width: 2px;
    border-style: solid;
    width: 10px;
    font-size: 13px;
    font-weight: bold;
}
.nav .message > a > div > div.unactive {
    display:none;
}
.nav .profile {
    display:inline-block;
    width: 16%;
    height: 56px;
}
.nav .profile > a {}
.nav .profile > a > div {
    position:relative;
    width:55px;
    height:55px;
    margin:0px auto;
    background-size: auto 55px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(img/profile-nav.png);
}

body.profile_page .nav .profile {
    background-color: #8ec845;
    border-radius: 35px;
    box-shadow: 1px 1px 10px 0px #2c2c2c6b;
    border-color: white;
    border-width: 1px;
    border-style: solid;
}
.nav .calendar {
    display:inline-block;
    width: 11%;
    height: 50px;
}
.nav .calendar > a {}
.nav .calendar > a > div {
    position:relative;
    width:35px;
    height:35px;
    margin:7px auto;
    background-size: auto 35px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(img/calendario-nav.png);
}
.nav .notification {
    display:inline-block;
    width: 11%;
    height: 50px;
}

.nav .notification > a {
}
.nav .notification > a > div {
    position:relative;
    width:35px;
    height:35px;
    margin:7px auto;
    background-size: auto 35px;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(img/notification-nav.png);
}
.nav .notification > a > div > div {
    position: absolute;
    right: -3px;
    top: 0px;
    height: 16px;
    background: #ffff00;
    color: #5cc487;
    border-radius: 45px;
    border-color: #5cc487;
    padding: 0px 3px;
    border-width: 2px;
    border-style: solid;
    width: 10px;
    font-size: 13px;
    font-weight: bold;
}
.nav .notification > a > div > div.unactive {
    display:none;
}






/**/
input:not(.skipStyle), div.input:not(.skipStyle) {
    background-color: #eeeeee;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Montserrat;
    border-radius: 11px;
    border-width: 0px;
    padding-left: 10px!important;
    padding-right: 0px!important;
    padding-top: 3px!important;
    padding-bottom: 3px!important;
    font-weight: bold;
    border: solid 1px #b3b3b3;
    /*width: -webkit-fill-available;*/
}



/* ### MENU START ### */
#menu {
	/*margin:0;
	padding:13px 0px 0px 0px;
	height:18px;
	line-height:18px;
	text-align:center;
	vertical-align:middle;*/	
	text-align:center;
	
	/*MOD.COLORS*/
	background:white;
    color:black;
}

#menu #other_buttons {
	float:left;
	margin:0px 0px 0px 30px;
}

#menu #share_buttons {
	/*float:left;*/
	text-align:center;
}

#menu #share_buttons img {
	width:18px;
	height:18px;
	cursor:pointer;
	margin:0px 4px 0px 3px;
}

#menu #page_buttons {
	float:right;
	/*display:inline-block;*/
}
/*#menu #notifications {
	float:right;
	margin:0px 30px 0px 0px;
}*/

/*MOD.COLORS*/
#menu ul li a {
    color:black;
}
/* ### MENU END ### */

/*
 * ### ACTIVITIES ### 
 */
#activities-tabs {width:900px; margin:0 auto;} /* deprecated */

#page_activity {
}
.activity {
	width:100%;
	
	/*display:inline-block;
	border-left:solid 1px #1e90ff;
	border-right:solid 1px #1e90ff;
	border-bottom:solid 1px #1e90ff;
	margin:13px;
	padding:13px;*/
	text-align:left;
    margin: 0 0 0px 13px;
    padding: 0 6px 6px 0;
    float:left;
}
.activity .content img {
    width:100%;
	max-width:850px;
}
.activity .date {
	font-size: 0.7em;
	color: #93cb4e;
}
.activity .options {
    float: left;
    padding: 7px;
}
.activity .info {}
.activity .info:after {content: "";display: table;clear: both;}
.activity .info .field {
    margin-left:57px;
    color: #7f7f7f;
}
.activity .info .field font {
    font-size:0.9em;
}
.activity .info .field > div:nth-child(2) > div {
    /*display:inline-block;*/
}
.activity .info .field > div:nth-child(2) > div:not(:first-child) {
    position:relative;
    margin-left:7px;
}
.activity .info .field > div:nth-child(2) > div:not(:first-child):before {
    position: absolute;
    width: 4px;
    height: 4px;
    /* border-radius: 47px; */
    /* background: gray; */
    display: block;
    /* border: solid 1px red; */
    top: -1px;
    left: -7px;
    content: "-";
}
.activity .info > div.profileImg {
    float:left;
    width:48px;
    height:48px;
    /*margin:0px 6px 0px 0px;*/
}
.activity .info > div.profileImg > img {
    width:100%;
    height:100%;
    border-radius:47px;
    box-shadow:0px 0px 3px 1px gray;
}

.activity .content {
	margin:3px 0px 0px 0px;
	font-size:0.9em;
	word-break:break-word;
	font-weight:100;
	color:black;
}
.activity .content.di { display:inline; }

#activity .activity a {
    color:#52b7da;
    font-size:1em;
    font-weight:bolder;
    text-decoration:none;
    text-transform: capitalize;
}
#activity .activity a b {
    font-size:0.9em;
}
/*.activity .imgLikePage {
	background:#fff url('/img/likePage.jpg') no-repeat left top;
	background-size:48px 48px;
}
.activity .imgLikePost {
	background:#fff url('/img/likePost.jpg') no-repeat left top;
	background-size:48px 48px;
}
.activity .imgLikeComment {
	background:#fff url('/img/likeComment.jpg') no-repeat left top;
	background-size:48px 48px;
}
.activity .imgWriteComment {
	background:#fff url('/img/writeComment.jpg') no-repeat left top;
	background-size:48px 40px;
}
.activity .imgWritePost {
	background:#fff url('/img/writePost.jpg') no-repeat left top;
	background-size:48px 40px;
}
.activity .img {
	height:48px;
	padding-left:88px;
	line-height:48px;
	vertical-align:middle;
	float:left;
}*/



/* ### ACTIVITIES END ### */

/*#searchTags .btn_tag_del {
	margin:0px 7px 0px 7px;
	border:solid 1px #000;
}
#searchTags .btn_tag_del:hover {
}*/

/**/
.g_pd {
    margin:13px;
    font-size:0.9em;
}
.g_pd > div {
    margin:7px 7px;
}
.g_pd > div::after {
    clear:both;
}
.g_pd_name {
    float:left;
    font-weight:bolder;
    width:120px;
}
.g_pd_text {
    text-align:left;
    margin-left:123px;
}

/* ### */

/*.tablist a {color: #3b5998;}
.tablist a:selected {color:#000;}*/


/* ### PAGES */
/*#page_login {padding:50px 0px 0px 0px;}*/
/*#page_login #form_login {float:left;height:300px;position:relative;}
#page_login #form_register {float:right;height:300px;position:relative;}
#page_login .abs-bottom-right {position:absolute;bottom:0;right:0%;}*/
#page_login .btn {color:#0A4682;}
/* ### PAGE CREATE VIEW */


/**/
#divTagsPage {
    text-align:center;
}
#ML_SELECT_PAGE_TAG_ID {
    border:none;
    margin:13px;
    background:#DAD8D6;
}
#ML_SELECT_PAGE_TAG_ID option {
    text-align:left;
}

/* page_cv_menu, user tags display/choose */
.PopupRightContent.PopupRightEnabled { float:left;width:30%; }
.PopupLeftContent.PopupRightEnabled {width:70%;display:inline-block;}
.PopupLeftContent #tags_display.ver {
    display:table;
    width:90%;
    margin-left:auto;
    margin-right:auto;
}
.PopupLeftContent  #tags_display.ver > div {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	width: 16%;
}
.PopupLeftContent #tags_display.hor .tagAdd {
    display:inline-block;
}
/* user tags display/choose */


.postexampleimages {
    border:solid 3px #0294F5;
    max-width:448px;
}
.btn.postShare {
    position:relative;
}
.btn.postShare #share_post_buttons_outer {
    position: absolute;
    background: white;
    border: 1px solid lightgray;
    border-radius: 3px;
    padding: 3px 6px;
    text-align: left;
    white-space:nowrap;
}
#page_cv #wall_1 {
	/*background:#fff;*/
	/*background:#fff;
	border-radius: 7px;
	border:solid 6px #fff;
	-webkit-border-radius: 7px; 
    -moz-border-radius: 7px;
	box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.3);*/
}

#page_cv #wall_2 {
	/*background:#fff;*/
}

#page_cv #wall_3 {
	/*background:#fff;*/
	/*display:inline-block;
	width:500px;*/
	float:left;
	width:49%; /* 510*/
	word-wrap:break-word;
}

#page_cv #wall_4 {
	/*background:#fff;*/
	/*display:inline-block;
	width:400px;*/
	float:right;
	width:49%; /* 430*/
	/*width:410px;*/
}

#page_cv #wall_5 {
	/*background:#fff;*/
}

body.wall #container .fieldContent .content img { /**/
    max-width:70%;
}

.img_big {
    max-width:100%;
    /*max-width:800px;*/
}
.img_medium {
    max-width:100%;
    /*max-width:400px;*/
}
.img_small {
    max-width:100%;
    /*max-width:200px; */
}


.event_description {
    word-break: break-word;
}
/* center event description images */
.event_description img {
    margin:0px auto;
    display:block;
}
/* center post images */
.postImage {
    margin:0px auto;
    display:block;
}

/* PAGE MENU */
#page_menu {
	/*background: #250D09;*/
	padding:0px;
	margin:1px;
	
	/*border-radius: 7px;
	border:solid 1px #250D09;
	-webkit-border-radius: 7px; 
    -moz-border-radius: 7px;*/
	border:none;
}
#page_menu ul {
	margin: 2px auto;
	line-height: 1.4;
	list-style:none;
	margin:0px 7px;
}
#page_menu li {
	display: inline;
	text-align: center;
}
#page_menu li font {
	font-weight:900;
}

/* ### YOURPAGES */
#yourpages {
}

/* ### page options | create, edit...*/
.failed {
	border:solid 1px #ff0000;
	background: #F0D023;
}

/* tabs | options */
#tabs {
	/*font-size:0.85em;*/
}

.PopupTitle {
    font-size:1.5em;
    text-align:center;
}
.PopupTitle .wall2_title_opts {
    position:absolute;
    top:50%;
    right:0px;
    transform:translate(0px,-50%);
	margin: 2px;
}

#admTabs {
	font-size:0.85em;
}
#admTabs input[type='button'] {
    width:120px;
	display:block;
}
#admTabs #tagOption {
	padding:0px;
	margin:0px;
}
#admTabs #tagView {
	padding:13px;
}


.outer-center {
    display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;
}

.settings {
    width:100%;
}
.settings th {
    text-align:right;
    padding:0px 50px 0px 0px;
}
.settings td {
    text-align:left;
}

.ul-hor {
    list-style:none;
    display:inline-block;
}
.ul-hor li {
    display:inline-block;
}
.sp { /* space */
    display:inline-block;
    margin:0px 7px;
}
/*
 *
*/
#footer {
	text-align:center;
	font-size:1.2em;
}
#footer a {
	color:#0A4682;
}

/*
 *
*/
/*.tagAdd::first-line {
    background:yellow;
}*/
.tagAdd {
	font-size:0.94em;
	color:#0A4682;
	/*font-weight:600;*/
	
	margin:0px 3px;
	/*white-space: pre-wrap;*/
	/*padding-left:20px;*/
}
.tagAdd:hover {
	background:#0A4682;
	color:#fff;
	/*font-size:1.2em;*/
}
.tagAddFirst {
	font-size:1.03em;
	color:#0A4682;
	font-weight:900;
}

/*
 *
*/
.ad {
	/*margin:0px 0px 13px 0px;
	padding:0px 0px 0px 0px;*/
	padding:0px;
	/*margin:10px;*/
}
.ad font {
	margin:0px;
	padding:0px;
}
.ad font img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.btn_ad {
	display:inline-block;
	cursor:pointer;
	/*border:solid 2px #250D09;*/
}
.btn_ad:hover {
	/*border:solid 2px #C0272D;*/
}


.ap,.ac {
	border-bottom:solid 1px #250D09;
	cursor:pointer;
}
.ap:hover,.ac:hover {
	opacity:0.6;
}

.trHeaders {
	font-weight:900;
	font-size:1em;
	text-align:center;
	color:#250D09;
	border-bottom:solid 1px #250D09;
}

/*walle_photos view*/
/*#photos {
	display:inline-block;
	width:70%;
}
#photo {width:100%;border:solid 3px gray;}
#photos_view {
	position:relative;
}*/


/*-- PHOTOS POPUP VIEW / COMMENT */
.photo_field #photos_view {}
.photo_field #photos_view > #photo {
/*	overflow:auto;*/
}
.photo_field {}
.photo_field > div:nth-child(1) { /* #photos*/
}
.photo_field > div:nth-child(2) { /* #comments*/
}
.photo_field #photo > img {
    width: 90%;
    height: auto;
    margin: auto;
    display: block;
}

#comments_outer {
	color:#250D09;
	margin:13px;
}

#comments_outer .comments > div:nth-child(1) {float:left;}
#comments_outer .comments > div:nth-child(1) img {width:21px;height:21px;}
#comments_outer .comments > div:nth-child(2) {float:right;}
#comments_outer .comments > div:nth-child(2) img {width:13px;height:13px;margin:auto;}
#comments_outer .comments > div:nth-child(3) {margin:0px 21px 0px 0px;}
#comments_outer .comments > div:nth-child(3) > div:focus {outline:none;}
#comments_outer .comments > div:nth-child(3) > div {
    border-left: solid 1px lightgray;
    border-top: solid 1px lightgray;
    border-top-left-radius: 13px;
    padding-left: 7px;
}


#photo_comments {
	min-height:120px;
	max-height:300px;
	overflow:auto;
}

/*-- COMMENT START */
.comments {
	margin: 13px 33px 13px 33px;
}
.comments > .load_more { font-size:0.73em; text-align:center; text-transform:lowercase; font-weight:400; color:#385898; }

/*-- TABLE COMMENT REPLY FIELD START */
.comments > .field { margin:7px 0px 3px 0px; }
.comments > .field > .left { float:left; }
.comments > .field > .left > a { text-decoration:none; }       /* user profile url */
.comments > .field > .left > a > img {} /* user logo */
.comments > .field > .right { 
    position:relative; 
    margin:0px 0px 0px 33px;
    border-radius: 13px;
    border: solid 1px rgb(221, 225, 232);
    background: rgb(242, 243, 245);
    box-shadow: 0px 0px 3px 1px rgb(221, 225, 232);
}

.comments > .field > .right .options {
    position: absolute;
    z-index: 3;
    right: 7px;
    top: 3px;
    right: 0px;
    top: 0px;
    height: 30px;
}
.comments > .field > .right .options img {
    width:18px;
    height:16px;
}
.comments .right .options button {
    outline:none;
    border:none;
    background:transparent;
}
.comments > .field > .right .options .btn {
    display:inline-block;
    float:left;
}
.comments > .field > .right .options .btn:hover { text-decoration:none; }
.comments > .field > .right .options .btn_post_comment {
    position: relative;
	width: 37px;
	height: 25px;
}
/*.comments > .field > .right .options .btn_post_comment:before {
	content: "send";
	width: 37px;
	height: 25px;
	border-radius: 33px;
	position: absolute;
	top: 58%;
	left: 50%;
	transform: translate(-50%,-50%);
}*/
.comments > .field > .right .options .btn_emoji {}
.comments > .field > .right .options .btn_emoji .emosxxxfield {
    display:inline-block;
}
.comments > .field > .right .options .btn_emoji .emosxxxbutton {
    vertical-align: text-bottom;
    margin: 0px !important;
    line-height: 21px;
    font-size:21px;
    float:right;
}
.comments > .field > .right .editable {
    padding: 5px 22px 5px 6px;
    overflow: auto;
    max-height: 133px;
    outline-style: none;
    
    /*font-family: system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;*/
    /*font-family:system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort,system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;*/
    
    font-size:0.8em;
    vertical-align:baseline;
    font-weight:400;
    color:rgb(68, 68, 68);
}
.comments > .field > .right .editable.empty { color:gray; }
.comments > .field > .right .display_photos {
}
.comments > .field > .right .display_photos > div {
    width:80%;
    margin:0px auto;
    position:relative; /* for delete button */
}
.comments > .field > .right .display_photos > div > .commentImage {
    width:100%;
}
.comments > .field > .right .display_photos > div > .deleteCommentImage {
}
.comments > .field > .right .display_photos > div > .deleteCommentImage::before {
    position: absolute;
    content: "X";
    width: 15px;
    height: 15px;
    vertical-align: baseline;
    right: 3px;
    top: 3px;
    color: black;
    background: white;
    text-align: center;
    border-radius: 33px;
    box-shadow: 0px 0px 2px 1px grey;
    font-size: 0.73em;
    cursor:pointer;
}
.comments > .field > .right .display_photos > div > .deleteCommentImage:hover::before {
    background:yellow;
}
.comments > .field > .notice {
    font-size: 0.6em;
    color: #737373;
    margin: 0px 0px 6px 33px;
}


/*-- COMMENT DISPLAY START */
.comments > .display {}
.comments > .display .comment {
    margin:0px 0px 13px 0px;
}
.comments > .display .comment > .left {
	float:left;
}
.comments > .display .comment > .left a { text-decoration:none; }
.comments > .display .comment > .left > a > img {}
.comments > .display .comment > .right {
	margin:0px 0px 0px 33px;
}
.comments > .display .comment > .right > .display {
    display:inline-block;
    padding: 6px 30px 6px 6px;
    border-radius: 13px;
    margin: 0px 0px 0px 0px;
    background: rgb(242, 243, 245);
    color:rgb(68, 68, 68);
    position:relative;
}
.comments > .display .comment > .right > .display .display_photos {}
.comments > .display .comment > .right > .display .display_photos > div {
    width:80%;
    margin:0px auto;
}
.comments > .display .comment > .right > .display .display_photos > div .commentImage {
    width:100%;
}

.comments > .display .comment > .right > .display .user {
    display:inline-block;
    margin:0px 17px 0px 0px;
}
.comments > .display .comment > .right > .display .user a {
	color: #385898;
    text-decoration: none;
    font-weight: bolder;
}
.comments > .display .comment > .right > .display .text {
    /*font-family: system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;*/
    /*font-family:"Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort,system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;*/
    /*font-family:system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort,system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;*/
    font-size:0.8em;
    line-height:1.6em;
    vertical-align:baseline;
    display:inline;
    font-weight:400;
}
.comments > .display .comment > .right > .display .menu {
    position: absolute;
    right: 2px;
    top: 49%;
    /* margin: 0px 0px; */
    margin: -4px 0px 0px 0px;
    z-index:1;
}
.comments > .display .comment > .right > .display .menu .btn {
    font-size:0.8em;
}
.comments > .display .comment > .right > .options {
    font-size:0.73em;
    text-transform:lowercase;
}
.comments > .display .comment > .right > .options > font.btn {
    font-weight:100;
    color:#385898;
}
.comments > .display .comment > .right > .options > font.duration {
    color:gray;
}
.comments > .display .comment > .right > .options > font:not(.jstext) {
}
.comments > .display .comment > .right > .options > font > .like_image {
    position:relative;
    display: inline-block;
    margin: 0px 0px 0px 21px;
}
.comments > .display .comment > .right > .options > font > .like_image:after {
    position:absolute;
    content:"";
    left: -22px;
    top: -2px;
    width: 21px;
    height: 21px;
    background-image: url(/img/LIKE-BUTTON.png);
    background-position: center;
    background-size: 21px 21px;
}

/*-- COMMENT REPLY FIELD START */
.comments > .display .comment > .right > .reply_display {
}
.comments > .display .comment > .right > .reply_field {
    margin:6px 0px 0px 0px;
}
.comments > .display .comment > .right > .reply_field .left { float:left; }
.comments > .display .comment > .right > .reply_field .left > a { text-decoration:none; }       /* user profile url */
.comments > .display .comment > .right > .reply_field .left > a > img {} /* user logo */
.comments > .display .comment > .right > .reply_field .right { 
    margin:0px 0px 0px 33px;
    position:relative;
    border-radius: 13px;
    border: solid 1px rgb(221, 225, 232);
    background: rgb(242, 243, 245);
    box-shadow: 0px 0px 3px 1px rgb(221, 225, 232);
}
.comments > .display .comment > .right > .reply_field .options {
    position: absolute;
    z-index: 3;
    right: 7px;
    top: 3px;
}
.comments > .display .comment > .right > .reply_field .options img {
    width:18px;
    height:16px;
}
.comments > .display .comment > .right > .reply_field .options .btn {
    display:inline-block;
    float:left;
}
.comments > .display .comment > .right > .reply_field .options .btn:hover { text-decoration:none; }
.comments > .display .comment > .right > .reply_field .options .btn_emoji {}
.comments > .display .comment > .right > .reply_field .options .btn_emoji .emosxxxfield {
    display:inline-block;
}
.comments > .display .comment > .right > .reply_field .options .btn_emoji .emosxxxbutton {
    vertical-align: text-bottom;
    margin: 0px !important;
    line-height: 21px;
    font-size:21px;
    float:right
}
.comments > .display .comment > .right > .reply_field .editable {
    padding: 5px 22px 5px 6px;
    overflow: auto;
    max-height: 133px;
    outline-style: none;
    
    font-family: system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
    font-size:0.8em;
    vertical-align:baseline;
    font-weight:400;
    color:rgb(68, 68, 68);
}
.comments > .display .comment > .right > .reply_field .editable.empty { color:gray; }
.comments > .display .comment > .right > .reply_field .display_photos {}
.comments > .display .comment > .right > .reply_field .display_photos > div {
    width:80%;
    margin:0px auto;
    position:relative; /* for delete button */
}
.comments > .display .comment > .right > .reply_field .display_photos > div > .commentImage {
    width:100%;
}
.comments > .display .comment > .right > .reply_field .display_photos > div > .deleteCommentImage {
}
.comments > .display .comment > .right > .reply_field .display_photos > div > .deleteCommentImage::before {
    position: absolute;
    content: "X";
    width: 15px;
    height: 15px;
    vertical-align: baseline;
    right: 3px;
    top: 3px;
    color: black;
    background: white;
    text-align: center;
    border-radius: 33px;
    box-shadow: 0px 0px 2px 1px grey;
    font-size: 0.73em;
    cursor:pointer;
}
.comments > .display .comment > .right > .reply_field .display_photos > div > .deleteCommentImage:hover::before {
    background:yellow;
}
.comments > .display .comment > .right > .reply_field .notice {
    font-size: 0.6em;
    color: #737373;
    margin: 0px 0px 6px 33px;
}

.appmenu {
    /*float:right;*/
    cursor:pointer;
    position:relative;
    line-height:21px;
    vertical-align:middle;
    color:white;
    margin:0px 7px;
    display:inline-block;
}
.appmenu.options, .appmenu.menu {color:black;padding:7px 0px;}
.appmenu .app_settings {
    background:url(mobile_settings.png) no-repeat center center transparent;
    background-size:30px 30px;
    width:45px;
    height:45px;
}
.appmenu.chat { float:right; }
.appmenu.afterdots {
    margin:0px;
    line-height:auto;
}
.appmenu.afterdots > div:nth-child(1) {
    height:7px;
    width:19px;
}
.appmenu.afterdots.btn_grey > div:nth-child(1):after { color:gray; }
.appmenu.afterdots > div:nth-child(1):after {
    content: "...";
    width: 19px;
    height: 7px;
    position: absolute;
    line-height: 0;
}
.appmenu > div:nth-child(2) {
    position:fixed;
    top:45px;
    /*left:-103px;*/
    right:4px;
    display:inline-block;
    background:white;
    /*width:177px;*/
    max-height:277px;
    overflow-y:auto;
}
.appmenu > div:nth-child(2) select {
    border:none;
    text-transform:capitalize;
    scrollbar-width:none; /* disable scroll on select for windows firefox. */
}
.appmenu.options > div:nth-child(2) {
    position:absolute;
    top:9px;
    right:21px;
    padding:7px;
    border-radius:7px;
    z-index: 1;
    border: 1px gray solid;
}
.appmenu.menu > div:nth-child(2) {
    position:absolute;
    top:9px;
    right:43px;
    padding:7px;
    border-radius:7px;
}
.appmenu.afterdots > div:nth-child(2) {
    position:absolute;
    top:0px;
    padding:2px 9px;
    border-radius:3px;
    box-shadow: -1px 0px 2px 1px grey;
    word-break: keep-all;
}
.appmenu.chat > div:nth-child(2) {
    position:absolute;
    top:0px;
    border-radius:3px;
    box-shadow: -1px 0px 2px 1px grey;
    word-break: keep-all;
}
.appmenu.right.afterdots > div:nth-child(2) {
    left:0px;
}
.appmenu.left.afterdots > div:nth-child(2) {
    right:0px;
}
.appmenu > div:nth-child(2) > div {
    position:relative;
}
.appmenu.chat > div:nth-child(2) > div {
    position:relative;
    padding: 3px 4px;
    border-bottom: solid 1px lightgray;
}
.appmenu > div:nth-child(2) a {
    color:black;
    opacity:0.8;
    padding:0px 0px 0px 7px;
    text-decoration:none;
    white-space:nowrap;
}
.appmenu.chat > div:nth-child(2) button {
    white-space:nowrap;
    text-align:center;
    border:none;
    outline:none;
}
/*.appmenu > div:nth-child(2) > a {
    position:relative;
}*/
.appmenu > div:nth-child(2) a:hover {color:red;}

.appmenu .selected {color:red;font-weight:bolder;text-decoration:underline;}

/*
 *
 */
 
 
 
#adNewInnerTop {
	padding:3px;
	margin:0px 0px 4px 0px;
}
#adNewPosition {
	margin:5px;
	padding:0px;
	border:solid 1px #F0D023;
	
}
#adNewDrop {
	text-align:center;
}
#adNewDrop input[type="file"] {
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#adNewText {
	overflow:auto;
	margin:5px;
	border:solid 1px #F0D023;
}
#adNewUrl_wrapper {
	margin:5px 0;
    padding:3px;
}
#adNewUrl {
	/*display:block;*/
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */
     box-sizing: border-box;         /* Opera/IE 8+ */
	 border:solid 1px #F0D023;
	/*margin:5px 0px 5px 0px;
	border:solid 1px #F0D023;*/
}
#adNewPhoto {
	text-align:center;
}
  
    
 #notice {
	font-size:1.2em;
	font-weight:bolder;
	text-align:center;
}

.adm_opt_field {
	padding:7px;
	margin:3px;
}

img.btn { cursor:pointer; }
img.btn:hover {}



/**/
#wall_4 img._1579.img {
width:24px;height:24px;
}

select {
    background-color: #eeeeee;
    border: solid 1px #d7d5d5;
}


#search-btn:hover {
    color: white;
    font-size: 1.4em;
    padding: 0px 0px 1px 0px;
    font-family: 'Times New Roman', Times, serif;
    background: url(/img/searchblank_hover.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 8px;
    cursor: pointer;
}

#search-btn:active {
    color: white;
    font-size: 1.4em;
    padding: 0px 0px 1px 0px;
    font-family: 'Times New Roman', Times, serif;
    background:url(/img/searchblank_active.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 8px;
    cursor: pointer;
}

#search-btn{
    color: white;
    font-size: 1.4em;
    padding: 0px 0px 1px 0px;
    font-family: 'Times New Roman', Times, serif;
    background-image: url(/img/searchblank.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;

}



div#search-btn.profile_page:hover, div#search-btn.view:hover, div#search-btn.likes:hover, div#search-btn.friends_user:hover, d
iv#search-btn.your_events:hover, div#search-btn.pages_user:hover,
div#search-btn.pages:hover, div#search-btn.friends:hover,
div#search-btn.photos_user:hover, div#search-btn.photos:hover, div#search-btn.aboutme:hover,div#search-btn.register:hover, div#search-btn.login:hover,
div#search-btn.wall:hover{
    color: white;
    font-size: 1.4em;
    padding: 0px 0px 1px 0px;
    font-family: 'Times New Roman', Times, serif;
    background-image: url(/img/searchblank_Blue_hover.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

div#search-btn.profile_page:active, div#search-btn.view:active, div#search-btn.likes:active, div#search-btn.friends_user:active,
div#search-btn.your_events:active, div#search-btn.pages_user:active,
div#search-btn.pages:active, div#search-btn.friends:active, div#search-btn.photos_user:active,
div#search-btn.photos:active, div#search-btn.aboutme:active, div#search-btn.register:active, div#search-btn.login:active,
div#search-btn.wall:active{
    color: white;
    font-size: 1.4em;
    padding: 0px 0px 1px 0px;
    font-family: 'Times New Roman', Times, serif;
    background-image:  url(/img/searchblank_Blue_active.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

div#search-btn.profile_page, div#search-btn.followers, div#search-btn.view, div#search-btn.likes, div#search-btn.friends_user, div#search-btn.your_events, div#search-btn.pages_user,
div#search-btn.pages, div#search-btn.friends, div#search-btn.photos_user, div#search-btn.photos, div#search-btn.aboutme,div#search-btn.register, div#search-btn.login,
div#search-btn.wall {
    color: white;
    font-size: 1.4em;
    padding: 0px 0px 1px 0px;
    font-family: 'Times New Roman', Times, serif;
    background-image:  url(/img/searchblank_Blue.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}



/* --------------------------------------------STARTS PROFILE & PAGES-------------------------------------------*/
.underProfileGradient {
    background-image:url("/img/header_pages_calendars.jpg");
    background-repeat:repeat;
    background-position:center;

    height:50px;
    display:table;
    width:100%;
    font-family: 'Montserrat', sans-serif;

}

.underProfileGradient > div {
    display:table-cell;
    vertical-align:middle;
    padding:0px 13px;
}
.underProfileGradient > div > div {
}
.ppage .underProfileGradient > div > div.text {
    margin: 6px 6px 7px 140px;
}
.npage .underProfileGradient > div > div.text {
    margin: 6px 140px 7px 6px;
}
.underProfileGradient a {
    color:white;
    font-size:0.98em;
    font-weight:900;
    text-decoration:none;
}
.underProfileGradient .opts {
    height:37px;
    margin:6px 0px;
    float: right;
    z-index: 999;
}
.underProfileGradient .opts > div > div {
    margin:0px 0px 0px 5px;
}
.underProfileGradient .opts > div #btnPageLike {
    width:33px;
    height:33px;
    background:white;
    border-radius:25px;
    background-image:url("/img/like.png");
    background-size:33px 33px;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
}
.underProfileGradient .opts > div #btnPageLike.liked:before {
    position:absolute;
    width:14px;
    height:14px;
    background:url("/img/selected.svg") no-repeat center center transparent;
    background-size:14px 14px;
    content:"";
    right:-6px;
    bottom:-2px;
}
/**/

.underProfileGradient .opts > div #btnFriendAdd {
    width:33px;
    height:33px;
    border-radius:25px;
    /*background-color:white;
    background-image:url(/templates/template_mobile_1/icons/usericon.png);*/
    background-image: url("/templates/template_mobile_1/icons/friend_add.png");
    background-size:33px 33px;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
}

.underProfileGradient .opts > div #btnFriendAdd.friendApprove/*::before*/ {
    /*border-radius:45px;
    background:orange;
    color:green;
    content:"?";*/
    /*background-image:url(/templates/template_mobile_1/icons/usericon_waiting.png);*/
    background-image: url("/templates/template_mobile_1/icons/friend_waiting.png");
}
.underProfileGradient .opts > div #btnFriendAdd.friendDel/*::before*/ {
    /*border-radius:45px;
    background:red;
    color:white;
    content:"-";*/
    /*background-image:url(/templates/template_mobile_1/icons/usericon_approved.png);*/
    background-image: url("/templates/template_mobile_1/icons/friend_approved.png");
}

.underProfileGradient .opts > div #btnFriendMessage {
    width:33px;
    height:33px;
    background:white;
    border-radius:25px;
    background-image:url("/img/mensaje.png");
    background-size:33px 33px;
    background-repeat:no-repeat;
    background-position:center;
    cursor: pointer;
}

/*---------------------------- USED TO ADJUST PROFILE PHOTO --------------------------*/
.profileicon .profileImageHelper, .profileImg .profileImageHelper,
.profileicon .profileImageContainer, .profileImg .profileImageContainer,
.profileImg .profileImageContainer > div  { /* set size of profile photo just for posts */
	width:100%;
    height:100%;
    border-radius:33px;
}
/*.profileicon .profileImageContainer > div {
    width: 47px;
    height: 47px;
    transform: translate(20%,20%);
}*/

.userInfo .profileImageHelper, .profileicon .profileImageHelper, .profileImg .profileImageHelper {
    position:initial;
}
.profileImageHelper {
	position:absolute;
	z-index:3;
    border-radius: 8px;
}
.profileImageContainer {
    /*overflow:hidden; #This fuck the text that say: Click here to modify/upload photo */
    position:relative;
}





/* colorpicker. Translates should be set like:
 * .sp-picker-container button.sp-choose:before { content:"Elije;?>"; }
 * .sp-picker-container a.sp-cancel:before { content:"Cancelar"; }
 *  */
.sp-picker-container button.sp-choose { float:right; }
.sp-picker-container a.sp-cancel { float:left; }
.sp-picker-container button.sp-choose,
.sp-picker-container a.sp-cancel {
	margin:0px 3px;
	/*visibility:hidden;*/
	color:black;
	font-weight:bolder;
	background:lightgray;
	border:solid 1px gray;
	box-shadow:0px 0px 2px 1px gray;
	display:inline-block;
}
.sp-picker-container button.sp-choose:before,
.sp-picker-container a.sp-cancel:before {
    background: lightgray;
    border: solid 1px gray;
    box-shadow: 0px 0px 2px 1px gray;
    padding: 1px 3px;
    visibility:visible;
    position:absolute; 
}




/* CHAT ADDONS */
#btnFriendMessage.loading {
    position:relative;
}
#btnFriendMessage.loading:after, #btnFriendAdd.loading:after {
    position: absolute;
    content: " ";
    width: 33px;
    height: 33px;
    opacity: 0.5;
    color: red;
    background: orange;
    border-radius: 25px;
    top:0px;
    left:0px;
}
#btnFriendMessage.active  {
    cursor: pointer;
}

.underProfileGradient .opts > div #btnPageShare {
    width:33px;
    height:33px;
    background:white;
    border-radius:25px;
    background-image:url("/img/sharegreen2.png" );
    background-size:33px 33px;
    background-repeat:no-repeat;
    background-position:center;
    cursor: pointer;
}

.underProfileGradient .opts > div #btnPageSettings {
    width:33px;
    height:33px;
    background:white;
    border-radius:25px;
    background-image:url(/img/Opciones.png);
    background-size:33px 33px;
    background-repeat:no-repeat;
    background-position:center;
    cursor: pointer;
}


/* -------------------------------------------------------END PROFILE & PAGES-------------------------------------------*/

/*----------------------------------------------- UNDER PROFILE PAGE MENU START ----------------------------------------*/
.underProfilePageMenu {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    height: auto;
    background: #f0f7fa;
    border-bottom:solid 1px lightgray;
    box-shadow:0px 0px 3px 1px lightgrey;
    box-sizing: content-box;
    width: 100vw;
    max-width:100%;
}

.underProfilePageMenu > div {
    width: 100%;
    max-width:1280px;
    margin: 0px auto;
    text-align:center;
}
.underProfilePageMenu > div.threeonly {
    width: 100%;
    max-width:1280px;
    margin:0px auto;
    border-left: solid 1px lightgray;
}
.underProfilePageMenu > div > div:nth-child(1) {
	border-left:solid 1px lightgray;
}
.underProfilePageMenu > div > div {
    display:inline-block;
    width:16%;
    border-right:solid 1px lightgray;
    text-align:center;
    padding:4px 0px;
}
.underProfilePageMenu > div.threeonly > div {
    width: 33%;
    box-sizing: border-box;
}
.underProfilePageMenu > div > div a {
    color:#4c94da;
    text-align:center;
    display:block;
    width:100%;
    height:auto;
    text-decoration:none;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 0.938em;
}
/*-----------------------------------ENDS UNDER PROFILE PAGE MENU----------------------------------*/

.pages_menu{
    margin: 15px 5% 0px 5%;
    float: left;
    text-align: center;
}

.pretty_tbl tbody tr:hover td  {
    background-color: #54bbdc61;
    cursor: pointer;
}

.profileimg150{
    height: 150px;
    width: 150px;
    object-fit: cover;
    margin-bottom: 15px;
    border-radius: 20px;
    cursor:pointer;
}

.pretty_friends {
    width: 150px;
    margin: 13px;
    text-align: center;
    border: none;
    height: 280px;
    display: inline-block;


}

.pretty_photos {
    width: 150px;
    margin: 13px;
    text-align: center;
    border: none;
    display: inline-block;

}

.excludeFriends{
    text-decoration: none;
    margin: 0px;
    color: black!important;
}

.limitTags{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/* ---------------------------- STARTS LATERAL MENU -------------------------- */



.menu-button {
    display: inline-block;
    margin: 4px;
    padding: 7px 20px;
    color: #FFF;
}
.schedule-button {
    display: inline-block;
    margin: -1px;
    padding: 7px 20px;
    color: black;
    background: #bbb5b5;
    width: 100px;

}
.schedule-button:hover{
    background: #50b7dc;
    cursor: pointer;
}
.menu-button:hover {
    background: #3184A1;
    cursor: pointer;
}

.menu-wrap:hover + .menu-wrap{
   position: absolute;
}
.menu-wrap {
    background-color: #dfeadd;
    padding: 40px 0;
    overflow: hidden;
    transition: all 0.6s;
    position: fixed;
    width: 300px;
    top: 0;
    right: -300px;
    bottom: 0;
    z-index: 999;
    height: 1500px;

}
.menu-overlay {
    background: rgba(0, 0, 0, 0.4);
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 900;
}

.menu-close {
    background: url(/img/close.png) no-repeat scroll center center #49bbd5;
    opacity: 0;
    position: absolute;
    width: 45px;
    height: 45px;
    right: 0;
    top: 0;
    text-indent: -9999px;
    transition: all 0.3s;
}
.menu-close:hover {
    background-color: rgba(236, 69, 69, 1);
    cursor: pointer;
}
.menu-wrap:hover .menu-close {
    opacity: 1;
}
.menu-toggle {
    display: none;
}
.menu-toggle:checked + .menu-wrap {
    right: 0;
    position: absolute;

}

.menu-toggle:checked ~ .menu-overlay {
    display: block;

}
.menu-title {
    color: #49bbd5;
    padding-left: 40px;
    font-weight: 500;
}
.menu-list {
    position: absolute;
    top: 120px;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: inherit;
    display: block;
    overflow: hidden;
}
.menu-wrap:hover .menu-list {
    overflow-y: auto;
}
.menu-list ul {
    list-style-type: none;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0px;
    font-family: 'Montserrat';
}
.menu-list li {
    display: block;
}
.menu-list li:first-child {
    border-top: medium none;
}
.menu-list li a {
    display: block;
    padding: 10px 40px;
    font-size: 18px;
    color: #FFF;
    text-decoration: none;
}
.menu-list li a:hover {
    background: #359BED;
}
.menu-list li a:active {
    background: #666;
}

.menu-list li.blue {
    background: #49bbd5;
    margin: 7px 5px;
}

.menu-list li.green {
    background: #34de48;
    margin: 7px 5px;
}

/*--------------------------------ENDS LATERAL MENU --------------------------> */

.btnProfile {
    text-transform:capitalize;
    color: black;
    margin-left: 1.5%;
    font-weight: normal;
    font-size: 1.2em;
    padding: 1px 9px 1px 9px;
    font-family: 'Times New Roman', Times, serif;
    background-color: lightgray;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 0px 0px 2px 1px grey;
}

.btnProfile:hover {
    background-color: #e3e3e3;
}
#mon1{
    visibility: collapse;
}

#schedule_mon:checked ~ * #mon1{
    visibility: visible;
}

#schedule_mon:checked ~ * label[for=schedule_mon]{
    background: #52b6d8;
}
#tue1{
    visibility: collapse;
}

#schedule_tue:checked ~ * #tue1{
    visibility: visible;
}

#schedule_tue:checked ~ * label[for=schedule_tue]{
    background: #52b6d8;
}
#wed1{
    visibility: collapse;
}

#schedule_wed:checked ~ * #wed1{
    visibility: visible;
}

#schedule_wed:checked ~ * label[for=schedule_wed]{
    background: #52b6d8;
}
#thur1{
    visibility: collapse;
}

#schedule_thur:checked ~ * #thur1{
    visibility: visible;
}

#schedule_thur:checked ~ * label[for=schedule_thur]{
    background: #52b6d8;
}
#fri1{
    visibility: collapse;
}

#schedule_fri:checked ~ * #fri1{
    visibility: visible;
}

#schedule_fri:checked ~ * label[for=schedule_fri]{
    background: #52b6d8;
}
#sat1{
    visibility: collapse;
}

#schedule_sat:checked ~ * #sat1{
    visibility: visible;
}

#schedule_sat:checked ~ * label[for=schedule_sat]{
    background: #52b6d8;
}
#sun1{
    visibility: collapse;
}

#schedule_sun:checked ~ * #sun1{
    visibility: visible;
}

#schedule_sun:checked ~ * label[for=schedule_sun]{
    background: #52b6d8;
}





.schedule-check{
    display:none;
}
.add-schedule:after{
    background: #52b6d8;
    height: 10px;
    width: 10px;
    border-radius: 101px;
    content: " +";
    color: white;
    padding: 5px 10px;
    cursor: pointer;
}

.wallv2 .optTop .userInfo.typeProfile > div:nth-child(2) {
    background: rgb(146, 200, 62);
}
.wallv2 .optTop .userInfo.typePage > div:nth-child(2) {
    background:#49bbd5;
}

/*body.wall #header_text:after,
body.search_for #header_text:after,
body.events #header_text:after{
    background-image: url('img/magnaglass.png');
    width: 16px;
    height: 16px;
    top: 0px;
    right: -17px;
    content: "\00a0\00a0\00a0\00a0";
    background-position: center;
    margin: 0px 0px 0px -7px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}*/
.event_filter > button {
    font-size: 1em;
    font-weight: bolder;
    color: black;
    border: none;
    outline: none;
    background: transparent;
}
.show{
    display:inline-block;background-color:#eee;border-right:solid 1px gray;
}

.optBottom > .postMore, .optBottom > div > button {
    position: relative;
    float: left;
    margin: 0px 6px;
    padding:0px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    outline: none;
    background-color: transparent;
}
.optBottom .postLike {
    background-size: 24px 24px;
}
.optBottom .postLike.active {
    background-image: url("/img/like-yellow.png");
}
.optBottom .postLike.unactive {
    background-image: url("/img/like-blue.png");
}
.optBottom .postComment.active {
    background-image: url("/img/comment-yellow.png");
}
.optBottom .postComment.unactive {
    background-image: url("/img/comment-blue.png");
}
.optBottom .postComment {
    background-size: 19px 19px;
}
.optBottom .postShare {
    background-size: 24px 24px;
    background-image: url("/img/share-blue.png");
    position:relative;
    z-index:1;
}
.optBottom .postReport {
    /*background-size: 24px 24px;
    background-image: url("/img/share-blue.png");*/
    position:relative;
    z-index:1;
}
.optBottom .postReport:before {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    content:"";
    z-index:2;
    width:100%;
    height:100%;
    background-image:url(/img/block.png);
    background-size:70%;
    background-position:center;
    background-repeat:no-repeat;
}
/*.optBottom .postReport:before {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    content:"🛑";
    z-index:2;
    font-size:147%;
}
.optBottom .postReport:after {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    content:"📢";
    z-index:3;
}*/

.optBottom .postLike,
.optBottom .postReport,
.optBottom .postShare,
.optBottom .postComment  {
    cursor:pointer;
}
.optBottom .postShare .share_post_buttons,
.listLikeField .listLike.active {
    position: absolute;
    display: block;
    right: 0px;
    bottom: 17px;
    background: white;
    border-radius: 11px;
    box-shadow: lightgrey 0px 0px 2px 1px;
    padding: 3px;
    margin:3px 2px;
}
.listLikeField .listLike.active a {
    color:black;
    text-decoration:none;
    font-size:0.8em;
}
.optBottom .postShare .share_post_buttons {
    text-align: left;
    white-space: nowrap;
}
.optBottom .postShare .share_post_buttons > div {
	padding:7px 3px;
	box-shadow:2px 1px 2px 1px gray;
	font-size:1.2em;
}

.optBottom .postLike > div {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 0.7em;
    background: red;
    color: white;
    border-radius: 45px;
    padding: 0px 3px;
}
.optBottom .postComment > div {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 0.7em;
    background: red;
    color: white;
    border-radius: 45px;
    padding: 0px 3px;
}
.optBottom .postShare #share_post_buttons_outer {
    position: absolute;
    right: 0px;
    background: white;
    border: 1px solid lightgray;
    border-radius: 3px;
    padding: 3px 6px;
    text-align: left;
    white-space: nowrap;
}
body.wall .optBottom, .wallv2 .optBottom {
    padding: 3px 0px;
}
.fieldContent .lc .lf {
	padding:7px 0px 0px 0px;
}
.fieldContent .lc .lf,
.wallv2 .post .lc .lf { 
    font-size:0.73em;
    margin: 0px 0px 7px 0px;
}
.fieldContent .lc .lf > div:not(.clearfix),
.wallv2 .post .lc .lf > div:not(.clearfix) { 
    position:relative;
    padding:2px 0px 0px 23px;
    float:right;
}
.fieldContent .lc .lf.liked > div:not(.clearfix),
.wallv2 .post .lc .lf.liked > div:not(.clearfix) {
}

.fieldContent .lc .lf.liked > div:not(.clearfix):before,
.wallv2 .post .lc .lf.liked > div:not(.clearfix):before {
    position:absolute;
    left:0px;
    top:0px;
    vertical-align:baseline;
    content:"";
    background-image:url('/img/LIKE-BUTTON.png');
    background-position:center;
    background-size:21px 21px;
    width:21px;
    height:21px;
}

body.wall .emosxxxfield, .wallv2 .post .emosxxxfield { position:relative; }
body.wall .emosxxxfield .emosxxxemoji, .wallv2 .post .emosxxxfield .emosxxxemoji { 
    position:absolute;
    bottom:0px;
    right:0px;
}
.underProfileGradient .opts > div #btnFriends {
    width: 33px;
    height: 33px;
    background: white;
    border-radius: 25px;
    background-image: url('/img/Friend.png');
    background-size: 33px 33px;
    background-repeat: repeat;
    background-position: center;
    position: relative;
    cursor: pointer;
}
.underProfileGradient .opts > div #btnFriendsRequest {
    position: absolute;
    bottom: 7px;
    right: 5px;
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 33px;
    background: #ff0000;
    color: white;
    font-size: 9px;
    text-align: center;
    font-weight: 700;
}



/* style for chat that should be loaded before chat itself. */
.chat_field:not(.initialized) .chat_friends_list .title {
    display:none;
}
body:not(.chat_FL_active) .chat_place_options {
    display:none;
}
.chat_place_options .chat_place {
    font-weight:100;
}
.chat_place_options .chat_place.active {
    font-weight:900;
}
.chat_place_options .chat_place.friend,
.chat_place_options .chat_place.page {
    float:left;
    width:50%;
    box-sizing:border-box;
    text-align:center;
    position:relative;
    cursor:pointer;
}


.beRight{
    float: right;
}
.inflex{
    
    display: inline-flex;
    margin:0px 0px 0px 0px;
}
div#notices.unactive{
    display: none;
}
.nice-one:empty::before {
    content: "Nice one there";
    color: #555; 
}

.nice-one:empty:focus::before {
    content: "";
}

/**/
.bqSlideCheckbox {}
.bqSlideCheckbox > ul {
    padding:0px;
    margin:0px;
}
.bqSlideCheckbox ul {
    list-style:none;
}
.bqSlideCheckbox li {
    line-height: 20px;
    padding:4px 0px;
    margin:1px 1px;
}
.bqSlideCheckbox li > input[class='chk'] {
    float:left;
}
.bqSlideCheckbox li > textarea[class='sel'] {
    display:none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 60px;
    border: solid 1px lightgray;
    border-radius: 9px;
}
.bqSlideCheckbox li > ul {
    display:none;
}
.bqSlideCheckbox li > input[class='chk']:checked + ul {
    display:block;
}
.bqSlideCheckbox li > input[class='sel']:checked + textarea[class='sel'] {
    display:block;
}
.bqSlideCheckbox li input.sel {
    margin:0px 9px 0px 0px;
}