:root{
	touch-action: pan-x pan-y;
	height: 100%;
}

* {
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

.chosen-input{
	-webkit-text-size-adjust: none!important;
	text-size-adjust: none!important;
	font-size: 16px!important;
}

body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overscroll-behavior: contain;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/** bootstrap override **/
*[class*="btn"]{
	border-radius: 3px;
	background: #e0e0e0;
	/** color: #222;
	text-shadow: none;**/
	border-width: 0;
}

.logo-top{
	height: 2.3em;
	display: none;
}

.form-control{
	border-radius: 3px;
}

*[class*='btn-success']{
	background: #6DB669;
	color: #FFF;
}

*[class*='btn-primary']{
	background: #173579 ;
	color: #FFF;
}

*[class*='btn-danger']{
	background: #e0e0e0;
	color: #222;
}

*[class*='btn-danger']:hover{
	color: #FFF;
}

img.img-responsive{
	display: inline-block;
	max-width: 100%;
}

.ms-res-ctn.dropdown-menu div[class^="col-md"]{
	padding-left: 0;
	padding-right: 0;
}
.ms-res-ctn.dropdown-menu div.cold-md-9{
	padding-left: .5em;
}

.ms-res-ctn .ms-res-item{
	line-height: 1;
	font-size: .9em;
	padding-top: .25em;
	padding-bottom: .25em;
}

.ms-res-ctn.dropdown-menu{
	min-height: 10em;
	border-radius: 0;
}

.chosen-container  a:not([href]):hover{
	color: #000!important;
}

#statusTextInput,
#formMakeWishOthers{
	user-select: text;
	-webkit-user-select: text;
}

#formSelOthers
	/*#formMakeWishOthers*/{
	max-width: 90%;
}

#formMakeWishOthers{
	height: auto;
}

#formSelOthersAppend .fa,
#formMakeWishOthersAppend .fa
{
	font-size: 1.5em;
	/*margin-left: .25em;
	margin-top: 0.1em;*/
}

#formSelOthersAppend .input-group-text,
#formMakeWishOthersAppend .input-group-text{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#formMakeWishOthers.error{

}

button.doLogin{
	border-radius: 3px;
	border: 1px solid rgba(255,255,255,.9) !important;
}

#friendName{
	margin-top: .7em;
}

#friendName .ms-helper{
	font-size: 12px;
	top: -23px;
	right: auto;
	left: 0;
	color: #900;
}

#loginForm form{
	background-color: rgba(253, 255, 255, 0.04);
	backdrop-filter: blur(3px) grayscale(0%) sepia(0%);
	padding: 12px;
	border-radius: 4px !important;
	transition: all .2s ease-in-out;
}

#loginForm input::placeholder {
	color: #FFF;
	opacity: 1;
	text-shadow: 0 0 4px rgba(17, 31, 60, 0.9);
}

#topSearchBarInput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    #FFF;
	text-shadow: 1px 1px #8c8c8c;
}
#topSearchBarInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #FFF;
	opacity:  1;
	text-shadow: 1px 1px #8c8c8c;
}
#topSearchBarInput::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #FFF;
	opacity:  1;
	text-shadow: 1px 1px #8c8c8c;
}
#topSearchBarInput:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #FFF;
	text-shadow: 1px 1px #8c8c8c;
}

body.temple-page{
/*	overflow-y: scroll;*/

}

body.full-bg{
	/*background-image: url(../images/bg-01-home.jpg);
	background-position: top center;
	!*background-size: cover !important;*!
	background-repeat: no-repeat;
	background-attachment: fixed;*/
	color: #000000;
	height: 100%;
	width: 100%;
	/*max-width: 100%;*/

	background-size: 100% 100%!important;
}

body.full-bg.solid{
	/*background: #101623;*/

}

body.bg-2{
	background-image: url(../images/bg-02-home.jpg);
}

body.full-bg .jumbotron{
	background-color: rgba(255,255,255,0.3);
	padding: 0;
	margin-bottom: 0;
}

body.full-bg:not(.bg-2) > .container{
	margin-top: 10px;
}

.row{
	margin: 0;
}

.input-group-addon{
	cursor: pointer;
}

.mynews-profile-title{
	color: #940303;
}

#signupForm .form-group,
#profileForm .form-group{
	margin-bottom: 10px;
}

#signupForm .input-group-addon,
#profileForm .input-group-addon{
	padding: 0;
}

#signupForm .input-group-addon .btn,
#profileForm .input-group-addon .btn{
	line-height: 1.229;
}

#profileForm .input-group-addon.has-select{
	min-width: 10em;
}

#profileForm .input-group-addon.has-radio{
	min-width: 6em;
}

/*#profileForm .input-group-addon.has-select .form-control{
	height: 30px;
}*/

#profileForm sub{
	line-height: 23px;
}

#profileForm .img-responsive{
	border-radius: 14px;
	border: 1px solid #FFF;
	transition: all ease-in 0.1s;

}


#profileForm a.lightbox[data-fancybox] > img:hover{
	border:6px solid white;
}


.transparent-bg{
	background-color: #f6f9fb;
	padding-bottom: 10px;
}

body.full-bg > .container .transparent-bg h1{
	margin-top: 10px;
}

#profileForm.transparent-bg{
	padding: 20px;
	box-shadow: 0 0 28px #afc1d7;
	margin-top: 46px;
	border-radius: 18px;
}

#profileForm h3{
	margin-top: 1.7em;
	font-weight: 300;
}

#profileForm .row{
	width: 98%;
	margin-left: 10px;
	clear: both;
}

#loginForm{
	margin-bottom: 1em;
	margin-right: 3em;
	float: right;
	z-index: 1;
}

#loginForm input{
	color: #FFF;
}


#loginForm .error{
	position: relative;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
	width: 35em;
}

#loginForm .btn-primary,
#vertMenu .btn-primary,
#vertMenu .btn-group{
	background: none!important;
	border: none!important;
	box-shadow: none!important;
}




#loginForm .btn-primary{
	border: 1px solid rgba(255, 255, 255, 0.5) !important;
	font-weight: 800;
	width: 90%;
	background-color: rgba(255,255,255,.1)!important;
}

#loginForm .btn-primary:hover{
	border: 1px solid rgba(255, 255, 255, 1)!important;
	background-color: rgba(255, 255, 255, 0.2) !important;

}

.resetPassword{
	color:  rgba(255, 255, 255, 1);
	font-size: 0.9rem;
	opacity: 1;
	text-shadow: 0 0 4px rgba(17, 31, 60, 0.9);
}

.resetPassword:hover {
	color:  rgba(255, 255, 255, 1);
}
#loginForm .form-control.input-sm,
#vertMenu .form-control.input-sm,
#topSearchBarInput,
#vertMenu .input-group-addon{
	background: transparent!important;
}


.home-new-user{
	font-weight: 200;
	letter-spacing: 0.1em;
}


#sign-up-form{
	background: none!important;
	border: 1px solid rgba(255,255,255,.5) !important;
	text-shadow: none!important;
	color: rgba(255,255,255,.8)!important;
	font-size: 1em;
	font-weight: 800;
	border-radius: 3px;
	width: 90%;
	background-color: rgba(255,255,255,.1)!important;
}

#sign-up-form:hover{
	background: none!important;
	border: 1px solid rgba(255,255,255,.9) !important;
	text-shadow: none!important;
	color: rgba(255,255,255,1)!important;
	font-weight: 800;
	background-color: rgba(255,255,255,.2)!important;
}

#vertMenu.sticky{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-color: rgb(255, 255, 255) !important;
	padding: .5em 17em;
	border-bottom-left-radius: 17px;
	border-bottom-right-radius: 17px;

}

.pull-right.header-user > a,
.pull-right.header-user > button{
	color: rgba(255,255,255,0.8);
}
.pull-right.header-user > a:hover,
.pull-right.header-user > button:hover{
	color: #FFF;
}

.pull-right.header-user  i{
	font-size: 1.35em;
}

.dropdown-menu.pull-right{
	color: #222;
}

#vertMenu .input-group-addon,
#topSearchBarInput{
	color: #FFF;
	border-color: rgba(255,255,255,0.6);
	border-radius: 3px;
}


#topSearchBarInput:focus{
	border-color: rgba(255,255,255,1);
	background-color: rgba(6,20,66,0.3) !important;
}

.dropdown-item{
	color: #12295F;
}

#loginError{
	max-width: 20em;
	position: absolute;
	right: 4.2em;
	top: -5em;
}

.error{
	color: #b4000a;
	font-size:0.82em;
}

#formSel.error{
	font-size: 1rem;
	border-color: #b4000a;
}

#formSel option{
	width: 100%;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.popover{
	width: 100%;
}

.header-user{
	position: absolute;
	right: 1em;
	top: 0;
	margin-top: 1em;
	margin-right: 0;
}

.header-user .btn.btn-primary{
	border: none;
	background: #12295F;
	border: 1px solid transparent;
	box-shadow: none;
}

.header-user .btn.btn-primary:hover{
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
}

#header{
	position: relative;
	z-index: 10000;
}

.navbar{
	margin-bottom: 0;
}

#topSearchBar{
	position: absolute;
	left: 11em;
	top: 1em;
	min-width: 10em;
	width: 25em;
}

#topSearchResults{
	position: relative;
	width: 100%;
	box-shadow: 0px 5px 6px rgba(6,20,65,0.2);
}

#topSearchResults > div{
	/*width: 100%em;*/
	width: 100%;
	background-color: #FFF;
}

#topBarResults,
#topBarResultsForMore{
	position: relative;
	left: 0;
	top: 0;
	/*width: 100%em;*/
	width: 100%;
	background-color: #FFF;
	color: #8C8C8C;
	list-style-type: none;
	padding: 0;
	margin: 0;
	max-height: 50vh;
	overflow-y: auto;
}

#topBarResultsForMore{
	width: 100%;
	max-height: 90%;
}

#topBarResults li,
#topBarResultsForMore li{
	border-bottom: 1px solid #E9E9E9;
	margin: .25em 0;
	padding-bottom: .25em;
}

#topBarResults li .country,
#topBarResultsForMore li.country{
	font-size: .825em;
}

#topSearchResultsBsModal .country{
	font-size: .825em;
	color: #8C8C8C;
	font-weight: normal;
}

#topSearchBarViewMore{
	border-radius: 0 0 2px 2px;
	padding: .6em;
	border-top: 1px solid #E6E6E6;
	background-color: #F6F6F6 !important
}

div#topSearchResults div.col-8.name-wrapper {
	padding-left: 0;
}

topSearchBarViewMore a{
	color: #2b5393;
}

#agendaSearcherWrapper{
	padding-top: 10px;
}

#friendsTopModalSearcherWrapper{
	padding: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#topSearchResults ul#topBarResults li  a{
	color: #2b5393;

}

#topBarResultsForMore li .img-wrapper{
	width: 10em;
}

#topBarResults li img,
#topBarResultsForMore li img{
	max-width: 3.5em;
	margin-top: .25em;
}

#topBarResults li img{
	max-width: 100%;
	margin-top: .25em;
}


#topSearchResults .loader-anim-wrap,
#topSearchResultsBsModal .loader-anim-wrap{
	border-radius: 0 0 2px 2px;
	margin-top: -4px;
	padding: .1em;
	background-color: #F6F6F6 !important;
}

#topSearchResultsBsModal .loader-anim-wrap{
	background-color: transparent!important;
}

#topSearchResultsBsModal .loader-anim-wrap img{
	opacity: 1;
}



#topSearchBarViewMoreOverlay,
#TopSearchBarAllResults{
	position: fixed;
	top: 0;
	left: 0;
	width: 50%;
	min-width: 30em;
	margin: 0 auto;
	background-color: #FFF;
}

#TopSearchBarAllResults{
	position: static;
	width: auto;
}

#topSearchBarViewMoreOverlay{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 9999;
	opacity: 0.75;
}

#topSearchBottomMoreActions{
	position: absolute;
	width: 100%;
	bottom: 1.5em;
}

#dismissTopSearchMore{
	margin-right: 2em;
}


.accept-deny-container{
	float: right;
}
#account-block-user{
	margin-left: 10px;
}

/*
#menuToggler,
#menuTogglerLoading{
	font-size: 1.75em;
	position: absolute;
	top: 140%;
	right: 10%;
	padding: 1em .50em;

	border: 1px solid #3B90D4;
	border-radius: 100%;
	color: #FFF;

	background: rgb(4,50,121); /* Old browsers */
/*	background: radial-gradient(ellipse at 30% 20%,  rgba(28,136,244,1) 0%,rgba(4,50,121,1) 53%,rgba(0,0,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1dbff', endColorstr='#c1e6ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/* 	transition: all .3s ease;
}

 */

#menuToggler,
#menuTogglerLoading{
	font-size: 1.75em;
	position: absolute;
	top: 140%;
	right: 10%;
	padding: 1em .50em;
	border-radius: 100%;
	color: #FFF;
	background-image: url(../images/menu-sphere-011.png);
	background-size: cover;
	transition: all .2s ease;
	background-repeat: no-repeat;
	background-position: center 50%;

}


#menuTogglerLoading{
	padding: 2em 1em;
	text-align: center;
	font-size: 1.2em;
	display: none;
	text-shadow: 0 0 2px  #000000;
	background-color: red;
}

#menuTogglerLoading{
	right: 25%;
}


#menuToggler:hover{
	text-decoration: none;
	box-shadow: 0 0 .75em #12295F;
	transform: scale(1.06);
	transform: rotate(-10deg);
	transition: all .5s ease;
}

#menuToggler:hover span{
	display: block;
}
#menuToggler:hover span{
	transform: rotate(370deg);
	transition: all .6s ease-out;

}


#menu-wrapper,
#left-menu-wrapper-loading{
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	z-index:9999;
	margin-top: 4em;
	margin-bottom: 3em;
	color:#ffffff;
	/*
	background-color: rgba(255,255,255,0.5);
	*/
}


#menu-wrapper.visible-menu.menuIsLoading{
	right: -110vw;
	opacity: 0.8;
}

#left-menu-wrapper-loading{
	display: none;
	/*background-color: rgba(255,255,255,1);*/
	background-image: url(../images/loading-04.svg);
	background-repeat: no-repeat;
	background-position: center 40%;
}

#left-menu-wrapper-loading > div{
	position: absolute;
	left: 0;
	top: 39%;
	text-align: center;
	width: 100%;
	font-size: 1.3em;

}

#mainNav{
	/*overflow-y: auto;*/
}

.navbar-header{
	position: relative;
	overflow: hidden;
	padding: 0;
	float: left;
}

#menu-wrapper.visible-menu{
	display: block;
	height: 0;
	/*
	background-color: rgba(255,255,255,0.5);
	*/
}

#top-menu-arrow.dropdown-toggle::after{
	display: inline-block;
	margin-left: .1em;
	vertical-align: 0.12em;
	content: "";
	border-top: 0.55em solid;
	border-top-color: currentcolor;
	border-top-style: solid;
	border-top-width: 0.55em;
	border-right: 0.4em solid transparent;
	border-bottom: 0;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-left: .4em solid transparent;
}

#top-menu-arrow.btn-primary{

	border:2px solid rgba(255, 255, 255, 0) !important;
	border-radius: 25px;
	color: rgba(255,255,255,1)!important;

}

#top-menu-arrow.btn-primary:hover{
	border:2px solid rgba(255,255,255,1)!important;
	color: rgba(255,255,255,1)!important;;
}

@media (min-width: 991px) {
	#top-menu-arrow.btn-primary{

		border:2px solid rgba(255, 255, 255, 0) !important;
		border-radius: 25px;
		color: black!important;

	}

	#top-menu-arrow.btn-primary:hover{
		border:2px solid black!important;
		color: black!important;;
	}
}

.locked-menu{
	overflow: hidden;
}

#menu-wrapper .navigation-layer.hide{
	top: -9999999999em;
}

#menu-wrapper .navigation-layer{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 1em;
}



#menu-wrapper .navigation-layer{
	color:#12295F;
	height:100%;
}

#sendToSelectedFriends,
#submitForO,
#sendGTsubmit,
#submitForM,
#submitForMSave,
#submitFormMkWish,
#saveAck{
	background: none!important;
	background-color: transparent!important;
	border:1px solid rgba(255,255,255,0.6)!important;
	box-shadow: none!important;
	color: #FFF;
}

#submitForO,
#sendGTsubmit,
#submitForM,
#submitForMSave,
#saveAck{
	margin-top: 1.5em;
}

#menu-wrapper .navigation-layer.light-a-bulb{
	background-color: transparent;
	color: #FFF;
}

#menu-wrapper .navigation-layer:not(:first-child){
	display: none;
}

#menu-wrapper h1{
	text-align: left;
	font-size:2.2rem;
}


.navigation-layer > h1 {

	font-weight: 300;

}

#menu-wrapper h1 .layer-closer{
	float: right;
	margin-right:.55em;
	margin-top: 0em;
	color: #FFF;
}

#menu-wrapper h1 .layer-closer:hover{
	text-shadow: 0 0 .2em #FFF;
}

.mainNavList{
	list-style-type: none;
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.5em;
}

.mainNavList li{
	display: block;
	margin-bottom: .25em;
	padding: .2em .1em
}

.mainNavList li a{
	color: #0059B3;
	display: block;
	width: 100%;
	line-height: 1;
}

.mainNavList li a .nav-icon-wrapper{
	display: inline-block;
	height: 2.2em;
	width: 2.2em;
	background-color: #0059B3;
	float: left;
	margin-right: .2em;
	border-radius: 4px;
	color: #FFF;
	text-align: center;
	transition: All 0.2s ease;
}

.mainNavList li a .nav-icon-wrapper .fa{
	line-height: 1.1;
}

.mainNavList li a .nav-icon-wrapper .right-ui-icon{
	max-width: 100%;
}

.mainNavList li a .action-label{
	display: block;
}

.mainNavList li a .action-label em{
	color: #99bde0;
	text-decoration: underline;
}

.mainNavList li a .action-desc{
	font-size: 63%;
	color: #404040;
}

.mainNavList li a:hover{
	text-decoration: none;
}

.mainNavList li:hover{
	box-shadow: 0 0 .75em rgba(255,255,255,0.5);
	background-color: transparent;
	border-radius: 4px;
	border:1px solid #FFF;
}


#light-a-bulb-for li{
	/*border 1px solid red;*/

}


.purchase-layer{
	background-color: #900
}

.purchase-layer h1{
	color: #FFF;
}

.acknoledge-layer{
	background-color: transparent;
}

.acknoledge-layer h1,
.acknoledge-layer h4{
	color: #FFF;
}

.acknoledge-layer .chosen-choices .search-choice{
	display: block;
	clear: both;
	width: 100%;
	background-image: none!important;
	border-radius: 0!important;
}

.layer-title-deco{
	display: inline-block;
	border-top: 1px solid rgba(255,255,255,0.5);
	width: 100%;
	float: left;
	margin-bottom: .5em;
}

/** mobile like menu style **/
#mainNav{
	/*text-align: center;*/
	padding-left: 2vw;
	padding: 0.5em;
	min-height: 1em;
	max-height: 80vh;
	overflow-y: auto;
	border-top:  1px solid rgba(255,255,255,0.5);
	border-bottom:  1px solid rgba(255,255,255,0.5);
	display: inline-block;
	margin-top:0.2rem;
}

.layer-menu-content {
	padding-left: 2vw;
	padding: 0.5em;
	min-height: 250px;
	max-height: 70vh;
	overflow-x: hidden;
	border-top:  1px solid rgba(255,255,255,0.5);
	border-bottom:  1px solid rgba(255,255,255,0.5);
	padding-bottom:1em;
	padding-top: 1.4em;
}

.layer-menu-content.level2 > span {
	font-size: 1.2em;
}

.footer-menu-space{
	min-height: 20vh;
	background-color: darkred;

}

.layer-menu-actions{
	height: 10vh;
	padding-top:.2em;
}

/*
.navigation-layer > *:nth-child(2){
height: 90vh;
}
*/

.container-popup2{

	margin-top:1.5em;
	margin-bottom:3em;


}

#mainNav li{
	display: inline-block;
	width: 6vw;
	height: 6vw;
	vertical-align: top;
	background-color: transparent;
	margin-right: 2%;
	position: relative;
	margin-bottom: 2em;
	transition: All .3s ease-in;
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,0.6);
}


#mainNav li a .nav-icon-wrapper{
	background-color: transparent;
	color: #FED24F;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	z-index: 0;
	width: 70%;
	height: 70%;
	overflow: hidden;

}

#mainNav li a .nav-icon-wrapper > i{
	font-size: 3.5em;
	margin-left: -1.3em;
	margin-top: -0.3em;
	transition: All .3s ease;
}

#mainNav li a .nav-icon-wrapper > i.fa-question{
	margin-left: 0.2em;
	margin-top: -0.15em;
}

#mainNav li a .nav-icon-wrapper > i > img{
	max-width: 1em;
	max-height: 1em;
	margin-top: -1em;
	border: 2px solid #fed24f;
	border-radius: 4px;
	filter: grayscale(100%);
	transition: All .3s ease;
}

#mainNav li a .action-label{
	position: absolute;
	font-size: 1rem;
	height: 2.4em;
	width: 100%;
	left: 0;
	bottom: -2.4em;
	text-align: center;
	color: #FFF;
}

#mainNav li a .action-desc{
	position: absolute;
	left: 0;
	bottom: 1%;
	color: #FFF;
	width: 70%;
	text-align: center;
}

#mainNav li a .action-desc.only-counter{
	text-align: right;
	padding-right: .35em;
}

#mainNav li a .action-desc > *{
	font-size: 2.1em;
}

#mainNav li:hover{
	transform: scale(1.1);
}

#mainNav li:hover a .nav-icon-wrapper > i{
	margin-top: 0;
	margin-left: 0;
	opacity: .75;
}

#mainNav li:hover a .nav-icon-wrapper > i > img{
	margin-top: 0;
	filter: grayscale(0%);
	opacity: 1;
}

#mainNav li:hover a .nav-icon-wrapper{
	width: 105%;
	height: 105%;
}

/** left info **/
#templeLeftInfo{
	position: fixed;
	left: 0;
	margin-top: 3em;
	height: 80vh;

	/*
	height:350px !important;
	overflow-y: auto;
	*/
	z-index: 1000;
}

#templeLeftInfo .left-info-box{
	font-size: 1.4em;
	width: 6vw;
	height: 6vw;
	text-align: center;
	border: 1px solid rgba(255,255,255,1);
	margin-bottom: 1em;
	line-height: 1;
	float: left;
	color: rgba(255,255,255,1);
	cursor: pointer;
	border-radius:4px;
}

#templeLeftInfo .think-thank-img .left-info-box{
	cursor: auto;
}

#templeLeftInfo .left-info-box:nth-child(2n){
	margin-left: 1em;
}


#templeLeftInfo .grouped-left-info-boxes .left-info-box{
	margin-left: 0;
}

#templeLeftInfo .left-info-box:hover{
	border-color: #FFF;
	color: #FFF;
}

#templeLeftInfo .left-info-cnt.changed{
	background-color: rgba(226,0,26,0.7);
}

/** light a bulb **/
.light-a-bulb .mainNavList li a{
	color: #FFF;
	font-size: 90%;
}

.light-a-bulb .mainNavList li a .nav-icon-wrapper{
	background-color: #fff;
	color: #12295F;
}


.light-a-bulb .mainNavList li a .action-desc{
	color: #888;
}

.light-a-bulb .mainNavList li a:hover{
	text-decoration: none;
}

.light-a-bulb .mainNavList li:hover{
	background-color: transparent;
}

.light-a-bulb .mainNavList li:hover a{
	color: #FFF;
}

#friendList li .selectFriend,
#friendListSelected li .selectFriend{
	float: right;
	margin-right: .4em;
	margin-top: .5em;
	display: block;
}

#friendList li .glyphicon-remove,
#friendListSelected li .glyphicon-plus{
	display: none;
}

#friendListSelected{
	background-color: #FFF;
}

#friendListSelected li:hover a{
	color: #404040;
}

#vertMenu{
	background: none;
	background: transparent!important;
	box-shadow:none;
	border: none!important;
	border-radius: 0;
	position: relative;
	z-index: 10000;
	/*background-image: linear-gradient(rgba(6,20,66,0.4),rgba(6,20,66,0)) !important;*/
}

body:not(.modal-open) #vertMenu{
	z-index: 100000;
}

body.fancybox-active #vertMenu{
	z-index: 10000;
}

#vertMenu .navbar-brand{
	color: #FFF;
	/*margin-left: .2em;*/
}

#vertMenu .navbar-brand img{
	max-height: 2.3rem;
}

.info-user.pull-left{
	width: 80%;
}

.info-user.pull-left  > a{
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	color: #000000;
	font-weight: 700;
}

.ms-stacked .ms-sel-item .ms-close-btn{
	margin-top: 0.25em!important;
}

.info-user.pull-left .badge{
	position: relative;
	top: -.3em;

}

.badge-secondary{
	background-color: #a2b2c1;
}


.light-a-bulb #friendListSelected.mainNavList li a{
	color: #999;
}

.light-a-bulb h1{
	color:#FFF;
}


/*** demo stuff ***/

#becuriDemo{
	width: 80%;
	height: 80vh;
	position: relative;
	z-index: -1;
	/*perspective: 300px;*/
}

#demoTop{
	height: 100%;
	background-color: rgba(255,255,255,0.5);
	width: 6em;
	position: absolute;
	top: 0;
	left: 27%;
	display: block;
	transform: rotateX(215deg);
	box-shadow: 0 0 1em #FFF;
}

#demoBottom{
	height: 100%;
	background-color: rgba(255,255,255,0.5);
	width: 6em;
	position: absolute;
	bottom: 0;
	right: 15%;
	display: block;
	transform: rotateX(215deg);
	box-shadow: 0 0 1em #FFF;
}


.active-bulb{
	background-color: #900;
	border-radius: 100%;
	display: block;
	height: 2em;
	width: 2em;
	box-shadow: 0 0 1em #FFF;
}



.popover{
	color: #444;
}

#loading{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000000000;
	/*background-color: rgba(255,255,255,0.4);
	display: none;*/
	display: none;

}

/** chosen stuff **/
/*#friendName,
#friendsSelector .chosen-drop,
#friendsSelector .chosen-choices .search-choice{
	display: none!important;
}*/

#audioAssets{
	display: none;
}

#formMakeWish_chosen ul li{
	width: 100%;
}

.chosen-container,
.chosen-container input.default{
	width: 100%!important;
	max-width: 100%!important;
}

/** wishes view **/
#wishesView{
	position: fixed;
	bottom: -0.9em;
	left: 38vw;
	width: 24vw;
	color: #0059b3;
	transition: all .15s ease;
	border-radius: 3px 3px 0 0;
	border: 1px solid rgba(255,255,255,0.4);
	margin: 0;
	padding: 0;
}
#wishesView:hover{
	background-color: rgba(23, 53, 121, 0.94);
	/*border: 1px solid rgba(255,255,255,.9);*/
}

#agenda-toggler.profiles-notify,
#agendaModal .row.profile-notify{
	position: relative;
}

#agenda-toggler.profiles-notify:before,
#agendaModal .row.profile-notify:before,
#wishesView.wish-notify:before,
#wishesViewLister .wish-item.wish-notify .wish-likes-show:before{
	font-family: 'FontAwesome';
	content: '\f0f3';
	position: absolute;
	right: 259px;
	background-color: #F00;
	color: #FFF;
	padding: .22em 0.4em;
	border-radius: 100%;
	top: -0.9em;
}

#agenda-toggler.profiles-notify::before {
	font-family: 'FontAwesome';
	content: '\f0f3';
	position: absolute;
	right: -0.9em;
	background-color: #F00;
	color: #FFF;
	height: 1.25rem;
	width: 1.25rem;
	padding: 0.15em 0.25em;
	border-radius: 100%;
	z-index: 1;
	font-size: 0.7em;
	top: 0.1rem;
	left: .2em;
}

#wishesViewLister .wish-item.wish-notify .wish-likes-show{
	position: relative;
}

#wishesViewLister .wish-item.wish-notify .wish-likes-show:before{
	right: -1.2em;
	left: auto;
	top: auto;
	bottom: 1.1em;
	z-index: 1;
	font-size: .75em;
}

#agendaModal .row.profile-notify:before{
	right: auto;
	left: -0.7em;
	top: auto;
	bottom: auto;
	z-index: 1;
}

#wishesView.active{
	width: 75%;
	margin-left: 0;
	left: 0;
	box-shadow: 0 0 15px #222;
}

#wishesView .wish-content{
	display: inline-block;
	padding-left: .8em;
}

.wish-content.original{
	float: left !important;
	width: 100%;
	z-index: 1;
	position: relative;
}

.wish-content.translated{
	float: left !important;
	width: 100%;
}

#wishesViewTrigger{
	cursor: pointer;
	font-size: 1.5em;
	padding: 0 !important;
	margin: 0 !important;
}

#wishesViewLister{
	width: 100%;
	padding: .5em;
	/*border-top: 1px solid rgba(224, 224, 224, 0.7);
	border-bottom: 1px solid rgba(224, 224, 224, 0.7);*/
}

#wishesViewLister .wish-item,
#wishWallList .wish-item{
	padding-bottom: .5em;
	padding-top: .5em;
}

#wishesNo{
	padding: 0;
	/*padding-bottom: 1.5em*/
}

#wishesView > .col-sm-12.text-center{
	margin: 0 !important;
	padding: 4px !important;
}

#wishesViewLister .wish-item:not(:last-child),
#wishWallList .wish-item:not(:last-child){
	border-bottom: 1px solid #ccc;

}

#wishesViewLister .wish-item:nth-child(2n),
#wishWallList .wish-item:nth-child(2n){
	background-color: rgba(196, 196, 196, 0.14);


}

#wishesViewLister .wish-item:nth-child(2n) .remove-wish{
	border: 1px solid #ccc;
}

#wishesViewLister .wish-item:nth-child(2n) .remove-wish:hover{
	border: none;
	margin: 1px;
}

#wishWallList .wish-item .wish-wall-avatar{
	max-height: 5em;
	margin-right: .5em;
}

#wishWallList .wish-item .user-name{
	font-size: 1.3em;
	font-weight: 900;
	color: rgb(0, 0, 0);
	line-height: 1em !important;
}



.wish-item.wish-wall-item:hover{
	cursor: pointer;
}

.wish-item.wish-wall-item2:hover{
	/*cursor: pointer;*/
}

.wish-wall-user .user-name{
	cursor: pointer;
}



#wishWallLoadMore,
#videoWallLoadMore{
	padding: 1em 0;
	cursor: pointer;
	color: rgb(0, 90, 179);
}

#wishWallList .wish-item > strong{
	padding-right: .5em;
}

#wishWallList{
	overflow-y: auto;
}

#wishWallList .wish-item {
	border-radius: 10px;
	margin-bottom: 5px;
}
#wishWallList .wish-wall-avatar.img-responsive{
	border-radius: 9px;
}


	/** other user **/

.other-temple-user{
	font-size: 22px;
	font-weight: 800;
	text-align: center;
	z-index: 1100;
	position: absolute;
	/*width: 400px;*/
	text-shadow: 1px 1px 1px #0d1217a8;
	/*margin-right:250px;*/
	margin-top:44px;
	width: 100%;
	left: 0;
	z-index: 1;
}




/** modal stuff **/
#agendaModal,
#infoModal,
#sendGoodTModal,
#reflectionInfo,
#wishLikeInfo,
#userProfileInfo,
#agendaModalUser,
#myWhishesModal,
#signUpModal,
#profileDetailsModal,
#myWhishesLikesModal,
#userChPwd,
#topSearchResultsBsModal,
#addAccountsModal,
#addNewAccountFormWrapper,
#accountsManagementModal,
#accountsChildManagementModal,
#userSetVocalStatusModal,
#askForBulbsAccounts,
#chatModal,
#resetPassModal,
#audioRecorderModal,
#prayerView,
#editTextStatusModal,
#imFeelingModal,
#reportModal,
#videoUploadModal,
#videoPlaybackModal,
#videoList,
#newRequestsModal,
#streamRename,
#wishWallModal,
#videoWallModal,
#friendSuggestionsModal,
#formNewModal,
#storiesWallModal,
#eventsWallModal,
#videosWallModal,
#videoWallModalView,
#techProfileVideo,
#videoEditModal,
#searchHostUser
{
	z-index: 99959;
	color: #404040;
}

#confirmationCodeModal {
	z-index: 99959 !important;

}

#confirmation_code{
	color: black;
	font-size: 34px;
	font-weight: bold;
	padding: 0 !important;
	/*width: 210px;*/
}

.swal2-container{
	z-index: 99960!important;
}

body.swal2-height-auto.swal2-shown {
	height: 100vh!important;
}

#infoModal .modal-footer,
#accountsManagementModal .modal-footer,
#agendaModal .modal-footer,
#myWhishesModal .modal-footer,
#topSearchResultsBsModal .modal-footer,
#profileDetailsModal .modal-footer,
#chatModal .modal-footer{
	display: none;
}

#prayerView{
	z-index: 999999999999999999999999999999999999999999999999;
}

#prayerView .modal-body{
	max-height: 70vh;
}

#accountsManagementModal.goBack{
	z-index: 100;
}

#myWhishesLikesModal{
	z-index: 100000000000;
}

.modal-backdrop.fade.in.secondary{
	z-index: 10000000000;
}

#wishLikeLister .wish-like-user{
	border-bottom: 1px solid #CCC;
	padding: .5em 0;
	min-height: 5.4em;
}

#wishLikeLister .wish-like-user:last-child{
	border-bottom-color: transparent;
}

#wishLikeLister .wish-like-user .img-responsive{
	max-height: 4.5em;
	border-radius: 50%;
}

#wishLikeLister .wish-like-user a{
	line-height: 1;
}

.modal-header  h4{
	color: #061442;
	font-weight: 100;

}
.modal-header {

	background-color:#F7F7F7 ;
	border-radius:6px 6px 0  0;

	display: flex;
	flex-direction: row;
	align-items: center;
}



#infoModalContent,
#agendaModalContent,
#myWhishesModal .modal-body,
#myWhishesLikesModal .modal-body,
#prayerView .modal-body{
	overflow-y: auto;
}

.modal-backdrop{
	z-index: 10001;
}

#wishesViewLister .wish-item,
#videoWallList .video-item,
.modal-info-item.row{
	border-bottom: 1px solid #E8E8E8;
	padding: .25em;
	/*
	margin-bottom: .5em;
	margin-top: .5em;
		*/
	padding-bottom: .5em;
	padding-top: .5em;

	word-break: break-word;
}

#wishesViewLister .wish-item .col-md-12,
#videoWallList .video-item .col-md-12{
	padding-left: 0!important;
	padding-right: 0!important;
}

.modal-info-item.row.friend{
	background-color: rgba(205, 255, 216, 0.36);
}

.modal-info-item.row:last-of-type{
	border-bottom: none;
}


.modal-info-item.row img{
	max-height: 4.5em;
	margin-right: .5em;
	margin-left: -15px;
	/*-webkit-border-radius:;
	-moz-border-radius:;*/
	border-radius:3px;
	border: 3px solid #E8E8E8;
	/*height: 4.5em;
	width: 4.5em;*/
	border-radius: 50%;
}

#videoWallList .video-wall-user{
	display: inline-block;
	text-align: right;
	font-size: 0.9em;
	padding: .25em .5em;
	cursor: pointer;
	float: right;
	background-color: rgb(242, 242, 242);
	margin-top: 1em;
}

#videoWallList .video-item.video-wall-item.current{
	background-color: rgb(242, 242, 242);
}

#videoWallList .video-wall-user img{
	max-height: 1.4em;
	margin-left: 0;
	margin-right: .5em;
}

#videoWallList .video-wall-video .video-thumb-wrapper,
#videoWallList .video-wall-video .video-thumb-wrapper-wall{
	width: 7em;
	height: 7em;
	border: 1px solid #CCC;
	text-align: center;
	display: block;
	cursor: pointer;
	float: left;
}

#videoWallList .video-wall-video img.video-wall-thumb{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#videoWallList .video-wall-video .video-title{
	display: inline-block;
	width: calc(100% - 7em);
	padding-left: .5em;
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
	line-height: 1.3;
}

#videoWallList .video-wall-video .video-title .video-date{
	font-size: 1rem;
	font-weight: normal;
	display: block;
	color: rgb(64, 64, 64);
}

#videoWallPlayer{
	text-align: center;
	padding: .25em 0;
}

.modal-info-item.row .info-user{
	font-weight: 600;
	color: #2b5393;
}

.modal-info-item.row .info-user-date{
	color: #919191;
	font-size:.9em;
}

.modal-info-item.row .agenda-user-country-city,
.modal-info-item.row .account-country-city{
	display: block;
	color: RGB(117, 116, 116);
	font-size: 0.7em;
	font-weight: 400;
	margin-top: -0.3em;
}

.modal-info-item.row.agenda-entry-send-angel,
.modal-info-item.row.agenda-entry-send-candle,
.modal-info-item.row.wish-wall-item,
.modal-info-item.row.wish-wall-item2,
.modal-info-item.row.agenda-entry-send-gth{

	position: relative;
}

.modal-info-item.row.agenda-entry-send-angel.selected,
.modal-info-item.row.agenda-entry-send-candle.selected,
.modal-info-item.row.wish-wall-item.selected,
.modal-info-item.row.agenda-entry-send-gth.selected{
	background-color: #A8FFBB !important;
}

.send-bulk_wish-info-count{

}
#bulkWishCont{
	font-weight: bold;
}

#infoModal .info-angel{
	text-align: right;
	color: #0E2170;
	font-weight: bold;
	float: right;
}

#infoModal .info-angel > span{
	display: inline-block
}

#infoModal .info-angel .angel-img{
	margin-left: 1em;
	max-height: 4.4em;
}

.modal-info-item.row.selected a{
	color: #999;
}

.modal-info-item.row.selected img{
	filter: grayscale(90%);
}

.modal-info-item.row.agenda-entry-send-angel:after,
.modal-info-item.row.agenda-entry-send-candle:after,
.modal-info-item.row.wish-wall-item:after,
.modal-info-item.row.agenda-entry-send-gth:after{
	opacity: .3;
}

#sendCandleAgendaPlaceholder{
	width: 100%;
}

#sendTHAgendaPlaceholderDA{
	width: 100%;
}

#sendCandleAgendaPlaceholder .info-wrapper{
	font-size: 1.2em;
}

#sendCandleAgendaPlaceholder .info-wrapper .agendaModalCandlesAvailable{
	font-weight: bold;
	color: #0E2170;
	font-size: 1.3em;
	/*display:none;*/
}


.buttons-sendchoose-container{
	width: 100%;
}

.active-button-sendto{
	background-color: #173679;
	color: white;
	margin-right: 7px;

	position: relative; /* Ensures the pseudo-element is positioned relative to the button */
	display: inline-block; /* Ensures the button is suitable for inline placement, adjust as necessary */
}
.active-button-sendto::after{
	content: ""; /* Required for pseudo-elements */
	position: absolute;
	bottom: -5px; /* Adjust this value based on the size of the triangle and button */
	left: 50%; /* Centers the triangle horizontally */
	transform: translateX(-50%); /* Ensures precise centering by shifting the triangle back by half its width */
	width: 0;
	height: 0;
	border-left: 8px solid transparent; /* Half of the desired width to create the correct scaling */
	border-right: 8px solid transparent; /* Half of the desired width to create the correct scaling */
	border-top: 5px solid #173679; /* Height and color of the triangle */
}

.active-button-sendto:hover{
	color: white;
}


.inactive-button-sendto{
	border: 1px solid #173679;
	background-color: #ffffff;
	color: #173679;
	margin-right: 7px;
}
.inactive-button-sendto:hover{
	color: #173679;
}


#sendCandleAgendaPlaceholder .agendaModalCandlesAvailable{
	margin-bottom: 1em;
}

#sendCandleAgendaPlaceholder .expire-info,
#sendTHAgendaPlaceholder .expire-info {
	font-size: 0.7em;
	color: rgb(176, 176, 176);
}

#sendTHAgendaPlaceholder{
	width: 100%;
}

#agendaModalSendCandlesToMe{
/*	font-size: 1.3em;
	padding: .25em 1em;
	margin-top: -3.9em;*/
}

.modal-info-item.row.agenda-entry-send-angel:after,
.modal-info-item.row.agenda-entry-send-angel.selected:after,
.modal-info-item.row.agenda-entry-send-candle:after,
.modal-info-item.row.agenda-entry-send-candle.selected:after,
.modal-info-item.row.wish-wall-item:after,
.modal-info-item.row.wish-wall-item.selected:after,
.modal-info-item.row.agenda-entry-send-gth:after,
.modal-info-item.row.agenda-entry-send-gth.selected:after{
	content: "\f058";
	font-family: FontAwesome;
	font-size: 2em;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
}

#angel-send-select .ms-ctn .ms-sel-item{
	color: #000!important;
	font-weight: bold!important;
}

.modal-info-item.row.agenda-entry-send-angel.selected:after,
.modal-info-item.row.agenda-entry-send-candle.selected:after,
.modal-info-item.row.wish-wall-item.selected:after,
.modal-info-item.row.agenda-entry-send-gth.selected:after{
	opacity: 1;
	color: rgb(40, 167, 69);
}

#angelSelectPlaceholder{
	width: 100%;
}

#agenda-angel-select .ms-helper{
	display: none!important;
}

.infoModalLoading {
	color: #919191;
	font-size:1.2em;
	text-align: center;
	height: 5em;
	padding-top: 0.9em;
	margin-top:1em;
	margin-bottom:1em;
}

#infoModalContent{
	min-height:10em;
}

#modalInfoLoadMore{
	display: inline-block;
	padding-top: 1.2em;
}


/** left info effects **/
#templeLeftInfo .left-deco-wrapper:not(.active){
	position: relative;
	clear: both;
	width: 7vw;
	height: 10vw;


	/*perspective: 150px;
	-webkit-perspective: 150px;
	-moz-perspective: 150px;
	-o-perspective: 150px;
	-ms-perspective: 150px;*/

	max-height: 20vh;


}
#templeLeftInfo .left-deco-wrapper:first-child,
#templeLeftInfo .left-deco-wrapper:nth-child(3n){
	z-index: 10;
}

#templeLeftInfo .left-deco-wrapper:nth-child(2n){
	left: 10vw;
	top: -6vw;
	margin-bottom: -5vw;
	/** fix for cut circles  */
	width: 8.8vw;
	padding-right: 1.6vw;
	padding-left: .5vw;

	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper{
	width: 100%;
	height: 100%;
	box-shadow: 0 0 .25em #222;
	opacity: 1;
	display: none;

/*	transform: rotateY(30deg);
	-webkit-transform: rotateY(30deg);
	-moz-transform: rotateY(30deg);
	-o-transform: rotateY(30deg);
	-ms-transform: rotateY(30deg);*/

}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper.loaded{
	opacity: 0.5;
}

#templeLeftInfo .left-deco-wrapper,
#templeLeftInfo .left-deco-wrapper *{
	-webkit-transition: all 500ms cubic-bezier(0.645, 0, 0.475, 1); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.645, -0.320, 0.475, 1.250);
	-moz-transition: all 500ms cubic-bezier(0.645, -0.320, 0.475, 1.250);
	-o-transition: all 500ms cubic-bezier(0.645, -0.320, 0.475, 1.250);
	transition: transform 500ms cubic-bezier(0.645, -0.320, 0.475, 1.250); /* custom */

	-webkit-transition-timing-function: cubic-bezier(0.645, 0, 0.475, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.645, -0.320, 0.475, 1.250);
	-moz-transition-timing-function: cubic-bezier(0.645, -0.320, 0.475, 1.250);
	-o-transition-timing-function: cubic-bezier(0.645, -0.320, 0.475, 1.250);
	transition-timing-function: cubic-bezier(0.645, -0.320, 0.475, 1.250); /* custom */
}

#templeLeftInfo .left-deco-wrapper.active,
#templeLeftInfo .left-deco-wrapper:hover,
#templeLeftInfo .left-deco-wrapper  *:hover{
	-webkit-transition: all 150ms cubic-bezier(0.145, 0.010, 0.000, 1); /* older webkit */
	-webkit-transition: all 150ms cubic-bezier(0.145, 0.010, 0.000, 1.005);
	-moz-transition: all 150ms cubic-bezier(0.145, 0.010, 0.000, 1.005);
	-o-transition: all 150ms cubic-bezier(0.145, 0.010, 0.000, 1.005);
	transition: transform 150ms cubic-bezier(0.145, 0.010, 0.000, 1.005); /* custom */

	-webkit-transition-timing-function: cubic-bezier(0.145, 0.010, 0.000, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.145, 0.010, 0.000, 1.005);
	-moz-transition-timing-function: cubic-bezier(0.145, 0.010, 0.000, 1.005);
	-o-transition-timing-function: cubic-bezier(0.145, 0.010, 0.000, 1.005);
	transition-timing-function: cubic-bezier(0.145, 0.010, 0.000, 1.005); /* custom */
	border-radius: 4px;
}




#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box{
	float: none;
	width: 100%;
	height: 100%;
}

.left-info-box:hover .enlarge-image-left, .left-info-box:hover .edit-image-left {
	background-color: rgba(24, 47, 83, 0.59);
	color: rgba(255, 255, 255, 1);
}

/** large profile images **/
.enlarge-image-left {
	position: absolute;
	left: 0;
	background-color: rgba(242, 140, 78, 0);
	height: 100%;
	width: 100%;
	right: 0;
	border: none;
	text-align: center;
	color: rgba(255, 255, 255, 0);
	font-size: 0.5em;
	text-decoration: none;
	margin: 0;
	padding-top: 50%;

	border-radius: 6px !important;
}

#templeLeftInfo .edit-image-left:hover{
	transform: scale(1.3);
	background-color: rgba(24, 47, 83, 0.8);
}

#templeLeftInfo .left-info-section-name.send-angels:not(.disableWhileDoingAnimation):hover{
	color: #FFF;
}

#templeLeftInfo .left-info-section-name:not(.disableWhileDoingAnimation):hover{
	transform: scale(1.1);
	color: rgba(24, 47, 83, 0.8);
	background-color: #0E2170!important;
}

#templeLeftInfo .left-info-section-name.page-video-left-label:hover{
	transform: scale(1.1) !important;
}

.enlarge-image-left a, .edit-image-left a{
	text-decoration: none !important;

}

/*.enlarge-image-left:hover, .edit-image-left:hover {*/
/*	background-color: rgba(24, 47, 83, 0.59);*/
/*	color: rgba(255, 255, 255, 1);*/
/*}*/

.edit-image-left,
.edit-video-left{
	position: absolute;
	left: -1rem;
	top: -1rem;
	background-color: rgba(24, 47, 83, 0.59);
	right: 0;
	border: 1px solid white;
	text-align: center;
	color: white;
	font-size: 0.5em;
	text-decoration: none;
	/*margin-top: calc(5% + 14px + 2em + 5%);*/
	/*margin-left: 1em;*/

	padding: 0.25rem 0.3rem;
	border-radius: 100px !important;
	width: 3em;
	height: 3em;

	outline: none !important;
	z-index: 9999999;
}

.edit-video-left{
	top: 2rem;
	background-color: rgba(217, 0, 0, 0.59);
}

.edit-image-left-inside {
	display: none;
}

/** backgrounds **/
#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper.pforo-img{
	background: url("../images/left-info/bg-01.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	border-radius: 4px;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper.th-img{
	background: url("../images/left-info/bg-02.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	border-radius: 4px;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper.bulbs-img{
	background: url("../images/left-info/bg-03.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	border-radius: 4px;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper.think-thank-img{
	background: url("../images/left-info/bg-04.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	border-radius: 4px;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper.acknoledge-img{
	background: url("../images/left-info/bg-01.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	border-radius: 4px;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name{
	box-shadow: 0 0 .25em #222;
	position: absolute;
	bottom: .25em;
	right: -.75em;
	background-color: #061442;
	width: 100%;
	margin-left: auto;
	padding: .1em;
	font-size: .8rem;
	transition: all 500ms ease;
	min-height: 2.2em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name.disableWhileDoingAnimation{
	opacity: 0;
	background-color: #777;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name.disableWhileDoingAnimation .layer-toggler{
	color: #999;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt,
#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt *{
	transition: all 350ms ease;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt:hover,
#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt:hover *{
	transition: all 150ms ease;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt{
	width: 6vw;
	height: 6vw;
	/*border: 1px solid rgba(255,255,255,0.2); */
	border-radius: 100%;
	position: relative;
	font-size: .8rem;
	background-color: rgba(6,20,66,0.3) !important;

	/*  - chrome fix circles
	transform: translate3d(0,0,150px);
	-webkit-transform: translate3d(0,0,150px);
	-moz-transform: translate3d(0,0,150px);
	-o-transform: translate3d(0,0,150px);
	-ms-transform: translate3d(0,0,150px);
	*/

}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.upper{
	left: 63%;
	top: -30%;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower{
	left: 80%;
	top: -55%;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt label{
	display: block;
	position: absolute;
	width: 100%;
	font-weight: normal;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt .left-info-counter{
	font-size: 1.4em;
	position: absolute;
	width: 100%;
	text-shadow: -2px 0px 4px #061442;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.upper .left-info-counter{
	top: 0.4em;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.upper label{
	top: 2em;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{
	bottom: 1.3em;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower label{
	bottom: .2em;
}

/** on hover **/

/*#templeLeftInfo .left-deco-wrapper:hover{
	z-index: 1000;
}*/

#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper,
#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper:hover{
	width: 100%;
	height: 100%;
	box-shadow: 0 0 .25em #222;
	opacity: 1;

	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
}

#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-section-name,
#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper:hover .left-info-section-name{
	right: 0;
	bottom: 0;
	box-shadow: none;
	transition: all 150ms ease;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt:hover{
	background-color: rgba(255,255,255,0.5) !important;
	color: #222;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.changed{
	background-color: rgba(226,0,26, 0.4)!important;
	color: #FFF;
}

#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.changed:hover{
	background-color: rgba(226,0,26,0.7)!important;
	color: #FFF;
}

.revslider{
	left: 0;
}

#signupForm label{
	font-weight: 400;
}

#signupForm input{
	background: transparent;
}

#signUpFormWrapper input[type='text'],
#signUpFormWrapper input[type='password'],
#signUpFormWrapper input[type='email'],
#code{
	border-color: rgba(255,255,255,0.6)!important;
	color: #FFF!important;
}

#signUpFormWrapper .has-error input[type='text'],
#signUpFormWrapper .has-error input[type='password'],
#signUpFormWrapper .has-error input[type='email']{
	border-color: #900!important;
}

#signUpFormWrapper button,
#confirmationCodeSubmit{
	background: transparent!important;
	border: 1px solid rgba(255,255,255,0.6)!important;
	box-shadow: none!important;
}


#signUpFormWrapper{
	left: 14%;
}

#footerLinks{
	position: fixed;
	left: 0;
	bottom: 5px;
	/*width: 100% !important;*/
	margin:auto;
	text-align: center;
	font-size: 0.9rem;
	backdrop-filter: blur(2px) grayscale(0%) sepia(0%);
	padding: 12px;
	border-radius: 4px !important;
}

#footerLinks a{
	display: inline-block;
	margin-left: 0.5em;
	color: rgba(255,255,255,0.7);
}

#footerLinks a:first-child{
	margin-left: 0;
}

#infoStaticPagesMenu .list-group-item{
	background: transparent;
}

#infoStaticPagesMenu .list-group-item a{
	color: #FFF;
}

#infoStaticPagesMenu .list-group-item a:hover{
	text-decoration: none;
	text-shadow: 0 0 .75em #FFF;
}

#introBgSound{
	display: none!important;
}

#rev02,
#rev03{
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

#candle_info{
	display: none;
	position: fixed;
	z-index: 90000000;
	font-size: 1.15em;
	padding: .75em;
	background-color: rgba(255,255,255,0.75);
	color: #444;
}

.search-no-results{
	color: #900;
}

.loader-anim-wrap img{
	max-height: 2.4em;
	opacity: 0;
	transition: all 0.2s ease;
}
#agendaLoadMore{
	height: 2.4em;
}
#agendaModalContent .loader-anim-wrap img,
#accountsManagementModal .loader-anim-wrap img,
#accountsChildManagementModal .loader-anim-wrap img{
	opacity: 1;
}

#iframeSlider{
	top: 0;
	left: 0;
	overflow: visible;
	position: fixed;
	width: 100vw;
	height: 100vh;
	margin-bottom: -100vh;
}

#loginForm{
	position: fixed;
	top: 3.75em;
	right: 2em;
}

#loginForm form div[class^='col-md']{
	margin: 0;
	/*border: 2px solid red;*/
	padding: 5px 2px;
}

/*#loginForm form input{*/
/*	width: 100%;*/
/*}*/

label[for='foroMsg'] span{
	font-weight: normal;
	font-size: .75em;
}

/*
.ms-res-ctn.dropdown-menu[style^="height: 12px"] {
    display: none !important;
}*/

.ms-sel-ctn.ms-stacked{
	width: calc(100% + 24px)!important;
}

.ms-sel-ctn .ms-sel-item{
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ms-stacked .ms-sel-item .ms-close-btn{
	margin-top: 0;
}

.ms-ctn.error,
.ms-ctn.error input,
#foroMsg.error,
#formMsg.error,
#formSel_chosen.error a,
#formMakeWish_chosen.error ul,
div[id*='ack_'].chosen-container.error ul{
	background: #F99!important;
	color: #b4000a;
}




#toast-container > div {
	opacity: .95 !important;
}


#statusMessageShow{
	/* width: 70%; */
	text-align: center;
	font-size: 1em;
	line-height: 1.1em;
	opacity: 0;
	position: fixed;
	bottom: 3.6em;
	left: 0;
	width: 60vw;
	margin-left: 20vw;
	word-break: break-word;
	color: rgb(6, 20, 65);
}

#statusMessageShow a.tagged-user{
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: underline;
	color: rgb(6, 20, 65);;
	background-color: rgba(255,255,255, 0.15);
	padding: .1em;
}

.add-account-square{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10em;
	height: 10em;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
	margin: 0 auto .5em auto;
	color: #222;
	background-color: #EEE;
	transition: all .2s ease;

	box-shadow: 0 0 .75em #b1b1b1a6;
}

.add-account-square:hover{
	color: #222;
	text-decoration: none;
	box-shadow: 0 0 .75em #929292;
}

#newAccLoading{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0,0,0,0.5);
	display: none;
}

.row.account-list-item:not(:last-child){
	border-bottom: 1px solid #CCC;
}

.row.account-list-item img{
	max-height: 2.4em;
	margin: 0 .15em;
}

.approve-for-child.disabled{
	color: #999;
}

.account-type-search-users,
.account-type-agenda,
.account-type-modal{
	display: block;
	font-weight: normal;
	font-style: italic;
	font-size: .9em;
}

.account-type-modal{
	font-size: .75em;
}

#play.status-listen{
	position: absolute;
	bottom: 3em;
	right: 0;
}

.fps_count{
	display: none !important;
	z-index: 1000000;
	display: block;
	position: absolute;
}
#claim{
	display: none;
}

#mainNav .layer-toggler.hidden,
.hidden{
	display: none;
}


#languageSwitcher{
	font-size: .95em;
	padding: .25em 1em;
	/*display: none;*/
	position: absolute;
	right: 5.5em;
	width: 42em;
	text-align: center;
	z-index: 99950;
}

#confirmationCodeForm label{
	color: gray !important;
}
#confirmation-code-resent.send-code-error{
	color: #a20e0e !important;
	/*font-weight: bold;*/
}
#confirmation-code-resent.send-code-ok{
	color: #197206 !important;
	font-weight: bold;
}

#resend-confirmation-code{
	padding-top: 0.2em;
	float: left;
}
.title-resend-code{
	font-size: 22px;
	font-weight: 100;
	color: #626262;
	margin-top: 29px;
	margin-bottom: 8px;
}

#languageSwitcher a{
	display: inline-block;
	color: #FFF;
	padding-left: .3em;
	padding-right: .3em;
}

#languageSwitcher a:not(:last-child){
	margin-left: .5em;
}

.dropdown-menu.show{
	border-radius: 0;
	background-color: #FFF;
	width: 100%;
	margin-left: -.95em;
}

form[name="loginForm"]{
	position: absolute;
	min-width: 25vw;
	/*max-width: 30vw;*/
	right: 0;
	top: -.5em;
}

#loginFormError{
	display: block;
	float: none;
	clear: both;
	top: -1.8em;
}

.row.log-in-add-info{
	position: relative;
	top: 1.2em;
	margin-left: -7em;
	margin-right: -7em;
}

.row.log-in-add-info .col-md-12{
	padding-left: 0;
}

#topSearchBarInputLoader{
	margin-left: -1.4em;
	margin-top:  .7em;
}

.dropdown-menu.user-new-requests,
.dropdown-menu.user-navigation{
	margin-left: -12.5em;
	width: 15em;
	border-radius: 3px;
}

.dropdown-menu.user-new-requests li a,
.dropdown-menu.user-navigation li a{
	padding: .25em .3em;
}

.dropdown-menu.user-new-requests .divider,
.dropdown-menu.user-navigation .divider{
	display: block;
	border-top: 1px solid #CCC;
	margin: .25em 0;
}

.dropdown-menu.user-new-requests li img.img-responsive{
	max-height: 2em;
	border-radius: 100%;
	margin-right: .5em;
}

.btn.btn-primaagendaModalry{
	background-color: transparent;
	border-color: transparent;
}

.account-type-switcher1{
	width: 100%;
}

/*
#chatOpenTrigger{
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.5);
	font-size: 1.2em;
	padding: .25em 1.5em .75em;
	cursor: pointer;
	border-top-right-radius: 5px;
	color: #0059b3;
	border: 1px solid rgba(255,255,255,0.4);
	transition: all .15s ease;

	z-index: 1000000000000000000000;
}

#chatOpenTrigger:hover{
	background-color: rgba(255,255,255,1);
}

#chatOpenTrigger .notification{
	width: 1.5em;
	height: 1.5em;
	background-color: #F00;
	display: none;
	position: absolute;
	right: -.5em;
	top: -.5em;
	border-radius: 100%;
}

#chatOpenTrigger{
	transition: all 0.2s ease;
	padding:0px;
}

#chatOpenTrigger img{
	opacity: 0.75;
	z-index: 0;

}

*/

#chatOpenTrigger{
	color: rgba(255,255,255,1);
	transition: all 0.2s ease;
	padding:0px;
}

#chatOpenTrigger:hover{
	color: rgba(255,255,255,1);
	transition: all 0.1s ease;
}


#chatOpenTrigger:hover{
	opacity: 1;
	transition: all 0.2s ease;
}

#chatOpenTrigger.new-msgs:before{
	font-family: 'FontAwesome';
	content: '\f0f3';
	position: absolute;

	background-color: #F00;
	color: #FFF;
	/*padding: .3em 0.35em;*/
	border-radius: 100%;
	z-index: 1;
	height: 1.25rem;
	width: 1.25rem;
	padding: 0.15em 0.25em;
	border-radius: 100%;
	z-index: 1;
	font-size: 0.7em;
	top: -.25rem;
	margin-left: -14px;
	margin-top: 6px;
	/*!*cursor: pointer;*!*/
	/*font-size: 0.7em;*/
	/*top: -0.3em;*/
	/*left: 1.2em*/

}


#chatOpenTrigger .notification .fa{
	position: relative;
	left: 0.21em;
	top: -.1em;
	color: #FFF;
}

#chatModalContent .row.chat-friend .fa{
	position: absolute;
	right: 1em;
	color: #FFF;
	padding: 0.2em;
	background-color: #F00;
	border-radius: 100%;
	display: none;
}

#chatModalContent .row.chat-friend.new-msgs:not(.active) .fa{
	display: block;
}

#chatOpenTrigger.new-msgs .notification{
	display: block;
}

#friendChatAvatarImg{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}


#chatModalContent .row.chat-friend > .col-md-2{
	padding: 0;
}

#chatModalContent .row.chat-friend:not(:last-child){
	border-bottom: 1px solid #F4F4F4;
	padding: .25em 0;
}

#chatModalContent .chat-friend.active{
	background-color: rgba(255, 166, 51, 0.5);
}

#chatModal .col-md-4.chat-wrapper{
	display: flex;
	flex-flow: row wrap;
	max-height: 30vh;
	overflow-y: auto;
}

#chatModal .col-md-4.chat-wrapper .row.chatActions{
	align-self: flex-end;
}

#chatModal .col-md-4.chat-wrapper .row.chatActions > .col-md-9{
	padding: 0;
}

#chatModal .col-md-4.chat-wrapper .row.chatActions > .col-md-3 {
	padding-left: 0;
}

#chatSend > i{
	align-self: center;
}

#chatViewer .sentMessage,
#chatViewer .receivedMessage{
	text-align: right;
	background-color: #E2F1FC;
	margin: .10em 0;
	padding:.2em;
	border-radius:  3px 0 3px 3px;
	word-wrap: anywhere;
}

#chatViewer .receivedMessage{
	background-color: rgb(251, 251, 251);
	text-align: left;
	padding: .2em;
	border-radius: 0px 3px 3px 3px;
	word-wrap: anywhere;


}

#chatViewer .receivedMessage .avatar{
	padding: 0;
	max-height: 1.5em;
	max-width: 1.5em;
}

#chatViewer .receivedMessage .avatar img{
	max-width: 100%;
	border-radius: 100%;
}

#chatViewer .sentMessage .time,
#chatViewer .receivedMessage .time{
	font-size: .6em;
	color: #a8a8a8;
}


/*** info pages **/
body.info-page{
	background-image: none;
	background-color: #E9E9E9;
}

body.info-page #vertMenu::after{
	content: "";
	clear: both;
	display: table;
}

body.info-page .page-info-title{
	text-align: center;
	color:black;
}

body.info-page .page-info-content{
	background-color: #FFF;
	color: #393939;
	padding: 3em;
	text-align: justify;

}

body.info-page .list-group .list-group-item.active a{
	color: #FFF;
}

body.info-page.video-shared iframe{
	min-height: 40em;
}

body.info-page.video-shared .user-info{
	margin-top: 1em;
}

body.info-page.video-shared .user-info img{
	max-height: 3em;
}

body.info-page.video-shared .user-info h4{
	display: inline-block;
	padding-left: .5em;
}

body.info-page.video-shared .video-share-title{
	font-size: .75em;
}

body.info-page.video-shared .video-share-wrapper{
	margin-left: -4em;
	margin-right: -4em;
	width: calc(100% + 35em);
	max-width: none;
	display: block;
	flex: unset;
	margin-top: -3em;
}

body.info-page.video-shared .mobile-back-btn.secondary:first-of-type{
	display: none;
}

#chatModal .modal-dialog{
	/*max-height: 80%;*/
/*	height: 100% !important;*/
	/*height: calc(100vh - 3.5em);*/

}

#chatModal .modal-dialog .modal-body{
	height: calc(100% - 5rem);
}

/*#chatModal .modal-dialog .modal-content{
	height: 100%;
}*/

#chatModal .col-md-12.chat-user-list{
	max-height: 100%;
	overflow-x: auto;
}

#chatModal .conv-user-info .user-avatar{
	max-height: 2.7em;
}

#chatViewer{
	min-height: 2em;
	max-height: 100%;
	overflow-y: scroll;
}

#chatInput{
	width: 82%;
	border: 1px solid #bbb7b7;
	background-color: #fbfbfb;
	padding: 0.3em 1em 0.3em 1em;
	font-size: 0.9em;
	height: 36px;
}

#chatModal .conv-wrapper{
	width: 100%;
}

#chatSend{
	height: 36px;
	width: 15%;
}

.ms-res-item .col-2 img.img-responsive {
	height: auto;
	max-width: 54px;
	max-height: 80px;
	object-fit: cover;
	border-radius: 50%;
}

.row.chat-friend > .col-2 img.img-responsive {
	height: auto;
	max-width: 65px;
	max-height: 64px;
	object-fit: cover;
	border-radius: 50%;
}
.chat-start .user-name{
	color: black;
}

.row.chat-friend {
	display: flex;
	align-items: center;
	gap: 10px;
}

.fg-error label{
	color: #b4000a;
}

.fg-error input{
	border: 1px solid #b4000a;
}

#userTempleActions{
	margin-top: 5em!important;
}

#toggleVolume{
	position: fixed;
	bottom: 3em;
	right: 3em;
}

#toggleVolume .fa{
	color: #FFF;
}

#toggleVolume:hover .fa{
	text-shadow: 0 0 3px #FFF;
}



#toggleVideo,
#toggleVolume,
#editTextStatus{
	position: fixed;
	bottom: 1em;
	left: 1em;
	z-index: 1000;
}

#toggleVolume{
	display: none;
}

#toggleVideo .fa,
#toggleVolume .fa{
	color: #FFF;
}

#toggleVideo img{
	max-width: 2.4em;
}

#toggleVideo:hover .fa,
#toggleVolume:hover .fa{
	text-shadow: 0 0 3px #FFF;
}

#videoBg{
	object-fit: cover;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1!important;
	display: none
}

video:not(.how-to-video) {
	pointer-events: none;
}

video:not(.how-to-video)::-webkit-media-controls {
	display: none!important;
	opacity: 0!important;
}

div.left-info-box a.enlarge-image-left.has-video i.fa.fa-play.fa-2x{
	color:rgba(255, 255, 255, 1);
}



/* Could Use thise as well for Individual Controls */
video:not(.how-to-video)::-webkit-media-controls-play-button {
	display: none!important;
	opacity: 0!important;
}

video:not(.how-to-video)::-webkit-media-controls-volume-slider {
	display: none!important;
	opacity: 0!important;
}

video:not(.how-to-video)::-webkit-media-controls-mute-button {
	display: none!important;
	opacity: 0!important;
}

video:not(.how-to-video)::-webkit-media-controls-timeline {
	display: none!important;
	opacity: 0!important;
}

video:not(.how-to-video)::-webkit-media-controls-current-time-display {
	display: none!important;
	opacity: 0!important;
}

#editTextStatus {
	left: auto;
	right: 2em;
	bottom: 10px;

	color: #005ab3;
	background: rgba(255, 255, 255, 0.7);

	padding: 8px 10px;
	border-radius: 6px;

	font-weight: 400;
	text-decoration: none;

	z-index: 10000;

	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

#content-wrapper{
	min-width: 100%;
	min-height: 100%;
	height: 100%;
	width: 100%;
	top:0;
	left: 0;
}

#agendaModalContent .btn-xs[name='delete-agenda']{
	display: none;
}

button.del-ag-trigger{
	position: absolute;
	right: .75em;
	bottom: .225em;
	color: #959595;
}

button.unblock-ag-trigger{
	position: absolute;
	right: .75em;
	bottom: .225em;
	color: #ffffff;
}

.mobile-back-btn{
	height: 3em;
	background-color: transparent;
}

.mobile-back-btn > a{
	display: block;
	width: 100%;
}

.mobile-back-btn.secondary{
	margin-top: 1.4em;
}

.mobile-back-btn.secondary a{
	text-align: center;
}

.btn.user-wiwsh-counter,
.btn.wish-likes-show{
	background-color: #398A45;
	border-color: #398A45;
}

.makeAWish-button {
	height: 2.5em;

	border:none;
	outline:none;


	padding: 0;
	border-radius: 4px;

	margin: 0 1em;

	position: absolute;
	right: 2.5em;
}

.makeAWish-button > a {
	text-decoration: none;

	display: flex;
	align-items: center;

	padding: .5em .75em;

	font-weight: 400;

	color: #005ab3;
}

.makeAWish-button > a:hover {
	color: #005ab3;
}

.makeAWish-button > a > span > img {
	height: 1.5em;
}

.layer-toggler {
	text-decoration: none;
	color: white;

	font-size: 0.85rem;
}

.layer-toggler:hover {
	text-decoration: none;
	color: white;

	font-size: 0.85rem;
}
.user-profile-action {
	text-decoration: none !important;
	margin: 0 !important;
}

.user-profile-action > span {
	color: white;

	font-size: 0.85rem;
}

.left-info-section-name {
	cursor: pointer;
}

.expire-message {
	font-size: 1em;
	color: white;
	text-shadow: 1px 1px #8c8c8c94;
}

.modal-header {
	padding: 0.5em 1rem;
}

.modal-header .expire-message{
	margin: 0;
	color: dimgrey;
	opacity: 0.85;
	text-shadow: none;
}


#check-agenda {

}

#check-agenda > .fa {
	margin-right: 3px;
	margin-top: 3px;
}

#othTmplWrapper {
	margin-top: 12em;
}

#check-agenda > .badge-secondary {

	display: flex;
	align-items: center;
}

.nopadding {
	padding: 0;
	margin: 0;
}

.disabledLink {
	pointer-events: auto;
}

#imFeeling,
#play,
#showWishWall,
#showVideoWall,
#friendSuggestions{
	position: absolute;
	top: 7em;
	right: 1em;
	z-index: 1000;

	color: #005ab3;
	background: rgba(255, 255, 255, 0.7);

	outline: none;
	border-radius: 5px;
	border: none;
	padding: 10px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);

	height: fit-content;
}

#showWishWall,
#showVideoWall,
#friendSuggestions{
	right: auto;
	position: absolute;
	left: 1.2em;
	top: 4em;
	padding: 0 0.9em;
	z-index: 1000;
}

#showWishWall .badge,
#showVideoWall .badge,
#friendSuggestions .badge{
	position: absolute;
	margin-top: -.75em;
}

#showVideoWall{
	left: 10em;
}

#friendSuggestions{
	left: 18.5em;
}

#videoWallShare{
	text-align: center;
}

#page-video-list-share{
	text-align: center;
	padding: .5em 0;
}

.swal2-html-container code{
	display: block;
	border: 1px solid #CCC;
	color: #0E2170;
	font-size: 1rem;
	padding: .5em;
	background-color: rgba(120,120,120, 0.5);
}

#userAgenda-profile-details {
/*	position: absolute;
	left: auto;
	right: .5em;
	bottom: 10px;
	padding: 5px 10px;
	border-radius: 5px;
	width: fit-content;

	color: #005ab3;
	background: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	z-index: 1000;

	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);*/
}

#makeAWish > a {
	font-size: 1.15rem;
	color: white;
}

#makeAWish {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
	background-color: #510e3b;

}
#makeAWish:hover{
	opacity: 0.75;
}

#mediaImgDropzone.has-error,
#imgDescription.has-error,
#imgDescriptionEditInput.has-error,
.avatar3d-container.pf-error{
	border-color: #b4000a;
}

#mediaImgDropzone.has-error{
	color: #b4000a;
}

#mediaImgDropzone.has-error,
#imgDescriptionEditInput.has-error,
#imgDescription.has-error{
	background-color: #ffaaaa;
}

.notification-mobile {
	display: none;
}

#ot-sdk-btn.ot-sdk-show-settings{
	border-color: transparent!important;
	color: #FFF!important;
	font-size: 1em!important;
}

#ot-sdk-btn.ot-sdk-show-settings:hover{
	background-color: #061441!important;
}

#ios-choose-mobile-options{
	position: fixed;
	bottom: 0;
	background-color: #FFF;
	color: #222;
	width: 100%;
	font-size: 1.2em;
	display: none;
}

#ios-choose-mobile-options .col-12.separator{
	border-bottom: 1px solid #CCC;
	margin-bottom: .25em;
}

#ios-choose-mobile-options button{
	width: 100%;
}

#ios-choose-mobile-options img{
	max-height: 1.4em;
}

#ios-choose-mobile-options .fa{
	font-size: 1.4em;
}

#dismissIosNotification{
	margin-top: .5em;
	margin-bottom: .5em;
	color: #222;
}

#reportWishesWrapper,
#wishListingWrapper{
	width: 100%;
}

#reportModal h5{
	margin-top: .25em;
	padding-top: .25em;
	border-top: 1px solid #CCC;
}

.img-responsive.report-img{
	max-height: 3.5em;
}

#videoInfo{
	position: fixed;
	width: 100%;
	color: #222;
	background-color: #FFF;
	top: 0;
	left: 0;
	font-size: 1.2em;
	z-index: 999999999;
	text-align: center;
	display: none;
}

.fancybox-more-options-drop-wrapper{
	position: relative;
}
button.fancybox-button.fancybox-button--more-options{
	border: 1px solid #FFF;
	color: #FFF;
	line-height: 0.2;
	font-size: 1.6em;
	padding-left: .5em;
}

.fancybox-more-options-drop-wrapper{
	position: relative;
	width: 0!important;
}

.fancy-box-more-options-list{
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	right: calc(-1.8em + -1px);
	bottom: -2.6em;
	font-size: 1rem;
	width: 10em;
}

.fancy-box-more-options-list li{
	background-color: #FFF;
}

.fancy-box-more-options-list a{
	display: block;
	color: #FB2904;
	font-size: 1.1em;
	line-height: 1.2;
	padding: .5em 0;
}

.fancy-box-more-options-list a:hover{
	text-decoration: none;
}

body.download-app-page{
	background-image: none;
}

body.download-app-page iframe{
	display: none!important;
	height: 0!important;
}

.col-12.download-app-wrapper .app-download-info{
	font-size: 1.4rem;
	margin-top: 1em;
	text-align: center;
}

.col-12.download-app-wrapper .app-download-img{
	display: block;
	margin: 2em auto 0 auto;
	max-width: 75%;
}

.header-user #app-invite.btn.btn-primary{
	border: 2px solid rgba(255,255,255)!important;
	border-radius: 25px;
	margin-right: 20px;

}

#statusTextInput{
	min-height: calc(1.5em + .75rem + 2px);
	height: auto;
}

img.tag-user-avatar.img-responsive{
	max-height: 5em;
}

.tribute-container{
	max-width: 30em;
	min-width: 15em;
	box-shadow: 0 5px 6px rgba(6,20,65,0.2);
	z-index: 99999999999999999;
}

.tribute-container ul{
	background-color: #FFF;
}

.tribute-container ul li:not(:last-child){
	border-bottom: 1px solid #CCC;
}

.tribute-container ul li span.tag-user-name{
	color: #2b5393;
}

.tribute-container ul li span.user-country-city,
.tribute-container ul li span.account-type{
	display: block;
	font-weight: normal;
	font-size: .9em;
	color: #444;
	line-height: 1;
}

.tribute-container ul li span.account-type{
	font-style: italic;
}

body.swal2-shown.swal2-height-auto .swal2-container.swal2-center.swal2-backdrop-show{
	z-index: 999999999999999999999999999999999999 !important;
}

.info-page .how-to-video{
	width: 100%;
	height: auto;
	pointer-events: auto;
}

.home-how-to-button{
	display: block;
	margin-top: 2em;
	padding: .75em 1em;
	background-color: rgba(255,255,255,0.15);
	border-radius: 3px;
	border: 1px solid rgba(255,255,255,0.65);
}

.home-how-to-button > img{
	max-height: 3em;
	min-width: 90%;
	margin: 0 auto;
}

.video-container *{
	text-align: initial;
}

.page-views-data .views-section-title{
	margin: .5em 0 .25em 0;
}

#templeLeftInfo .left-info-section-name.page-views-left-label:not(.disableWhileDoingAnimation),
#templeLeftInfo .left-info-section-name.page-views-left-label:not(.disableWhileDoingAnimation):hover{
	background-color: #3CA2C4!important;
	color: #FFF;
	transform: scale(1);
}
#templeLeftInfo .left-info-section-name.page-video-left-label:not(.disableWhileDoingAnimation),
#templeLeftInfo .left-info-section-name.page-video-left-label:not(.disableWhileDoingAnimation):hover{
	background-color: #be2626!important;
	color: #FFF;
	transform: scale(1);
}



#video-player{
	width: 100%;
	min-height: 35rem;
}

#page-video-player p{
	margin: 0 0 1.5em 0;
	text-align: center;
	font-size: 1.25em;
	padding: 1em 0;
}

#page-video-list .video-item{
	cursor: pointer;
	padding-top: .5em;
}

#page-video-list .video-item:not(:last-of-type){
	border-bottom: 1px solid #CCC;
	padding-bottom: .5em;
}

#page-video-list .video-item.active{
	background-color: #f2f2f2;
}

#page-video-list .video-item .video-thumb{
	width: 5em;
	height: 5em;
	background-size: cover;
	background-position: center center;
}

#page-video-list .video-item h6{
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
}

#page-video-list .video-item .col-3{
	padding-left: 0;
}
.toast.new-account-toast{
	background-position: 1rem 4em!important;
}

.toast.new-account-toast .toast-title{
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	padding-top: 1em!important;
}

.toast.new-account-toast *{
	font-size: 2em!important;
	padding-bottom: 1.5em;
}

#chunk-information{
	color: #FFF;
	margin-top: .5em;
	font-size: 0.85em;
	width: 100%;
	background-color: #CCCCCC;
	line-height: 1.4em;
	padding: .5em;
	text-align: center;
	position: relative;
}

#chunk-information > span{
	font-weight: bold;
	color: #0E2170;
}

#videoUpProgressBar{
	position: absolute;
	bottom: 0;
	left: 0;
	height: .25em;
	width: 0;
	background-color: #0E2170;
}

#agenda-toggler:before{
	display: none!important;
}

#agendaCounter,
#otherAgendaCounter{
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: bold;
	padding-left: .5em;
}

#menu-decoration{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 6em;
	/*background: linear-gradient(rgba(255,0,0,1) 0%, rgba(255,0,0,0.5) 80%, rgba(255,0,0,0) 100%);*/
	background: linear-gradient(rgba(6,20,66,1) 0%,rgba(6,20,66,0) 100%);
	z-index: 1;
	display: none;
}

#infoModalContent.has-angels .modal-info-item.row{
	position: relative;
}

#infoModalContent.has-angels .modal-info-item.row .account-type-modal{
	position: absolute;
	left: 0;
	bottom: 0.25em;
}

#friendSuggestionsList .modal-info-item.row{
	position: relative;
}

#friendSuggestionsList .modal-info-item.row.text-center{
	align-items: center;
	justify-content: center;
	padding-top: 1.2em;
}

.btn.btn-sm.btn-success.suggest-add-to-agenda.pull-right{
	/*position: absolute;*/
	right: 1em;
	top: calc(50% - 0.6em);
	/*padding: .5em 0.25em !important;*/
	margin: 0;

}

.wishlist-addagenda-container{
	position: relative;
	text-align: right;
	width: 100%;

}

#friendSuggestionsList .info-user{
	width: 77%;
}

.row.wish-wall-help{
	margin-left: -16px;
	margin-right: -16px;
	padding-top:16px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 14px;
	margin-bottom: .5em;
	font-size: 0.9em;


}

#check-agenda .badge.badge-secondary{
	font-size: .9rem;
	padding: .25em .75em;
	line-height: 1.2;
}

#loginForm #rememberMe, #loginForm label[for="rememberMe"]{
	display: none!important;
}

/* -----------------------------------------------------------*/

@media screen and (max-width: 1200px){

	form[name="loginForm"]{
		/*width: 100%;*/
		min-width: 35vw;
		/*max-width: 30vw;*/
	}

	#loginForm form div[class^='col-md'] {
		margin: 0;
		padding: 2px;
	}

	#loginForm{
		top: 1em;
	}

	#loginForm .col-md-5.col-sm-12{
		max-width: 100%;
		flex-basis: 100%;
	}

	.row.log-in-add-info{
		top: 5.2em;
	}

	.row.log-in-add-info{
		margin: 0;
	}

	.mobile-back-btn{
		display: block;
	}

	.hide-text-mobile > span,
	#chatOpenTrigger > span{
		/*display: none;*/
	}

	body:not(.swal2-shown) .modal.fade.show{
		/*z-index: 9999999!important;*/
	}

	#ios-choose-mobile-options {
		max-width: 50%;
		left: 50%;
		margin-left: -25%;
	}

	#statusMessageShow{
		bottom: 5em;
		font-size: 0.9em;
	}

	#wishesNo{
		/*padding-bottom: 2.8em;*/
	}

	.layer-toggler{
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
	}
}

@media screen and (max-width: 768px) {
	#ios-choose-mobile-options {
		max-width: 85%;
		left: 50%;
		margin-left: -42.5%;
	}

	#languageSwitcher{
		width: 50%;
		right: 0;
	}

	#friendSuggestions {
		left: 50%;
		transform: translateX(-50%);
		top: 10em;
	}
}

@media screen and (max-width: 767px) {
	form[name="loginForm"]{
		/*width: 100%;*/
		position: relative;
		width: 90vw;
		max-width: 90vw;
		margin: 0 auto;
		/*left: calc(5vw);*/
		/*max-width: 30vw;*/
	}
}

@media screen and (max-width: 998px){
	#loginForm {
		position: absolute;
		top: 3em;
		width: auto;
		left: 1.3em;
		right: 1.3em;
		margin: 0;
	}

	#loginForm .error{
		width: 100%;
		text-align: right;
	}

	/*form[name="loginForm"]{*/
	/*	position: relative;*/
	/*	width: 100%;*/
	/*}*/

	#loginForm .col-md-2.col-sm-12{
		max-width: 100%;
		flex-basis: 100%;
		text-align: center;
	}

	#languageSwitcher.dropdown{
		left: 76.7%;
		position: fixed;
	}

	.row.log-in-add-info{
		top: 0;
	}

	.mobile-back-btn{
		display: block;
	}
}

@media screen and (max-width: 992px){
	#templeLeftInfo {
		position: fixed;
		left: 0;
		/*margin-top: 0.2em; */
	}

	#menu-wrapper{
		max-width: 50%;
	}

	#menuToggler {
		font-size: 1.25em;
		position: absolute;
		top: 6em;
		right: 5%;
		padding: 1em .50em;
		border-radius: 100%;
	}


	.pull-right.header-user > a{
		/*width: 150px; */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.other-temple-user{
		margin-right:auto;
		font-size: 16px;
		max-width: 90vw;
		margin-left: 5vw;
	}

	#toast-container{
		z-index: 999999999!important;
	}
}

@media screen and (max-width: 1280px) {
	.navigation-layer .ms-res-item .col-4.col-md-3 {
		padding-left: 0;
		padding-right: 0;
	}

	.navigation-layer .ms-res-item .col-8.col-md-9 {
		padding-left: .5em;
	}
}

@media screen and (max-width: 1000px){


	.pull-right.header-user > a{
		width: 100px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#topSearchBar {
		position: absolute;
		left: 9em;
		top:  4.5em;
		min-width: 10em;
		width: 70%;
	}

	/*#agenda-toggler > span{
		width: 0;
		height: 0;
		overflow: hidden;
		display: inline-block;
	}

	#agenda-toggler:after{
		content: '..';
		display: inline-block;
		margin-left: -.3em;
	}*/

}


@media screen and (max-width: 1024px){

	.left-deco-wrapper .left-info-cnt{
		display: none;
	}

	#templeLeftInfo .left-deco-wrapper.active{
		position: fixed;
		width: 66vw;
		height: 23em;
		top: 5vh !important;
		left: calc((100vw - 66vw) / 2) !important;
		z-index: 100;
	}

	#templeLeftInfo .left-deco-wrapper.active .enlarge-image-left{
		display: inline-block;
		color: rgba(255,255,255, 0.8);
		padding-top: 25%;
	}

	#templeLeftInfo .left-deco-wrapper.active .edit-image-left{
		display: initial;
		top: 100%;

		position: absolute;
		left: calc(50% - 1.5rem);
		background-color: rgba(24, 47, 83, 0.59);
		width: 3em;
		height: 3em;
		right: 0;
		border: 1px solid white;
		text-align: center;
		color: white;
		font-size: 0.5em;
		text-decoration: none;
		/*margin-top: calc(5% + 14px + 2em + 5%);*/
		/*margin-left: 1em;*/

		padding: 0.25rem 0.3rem;
		border-radius: 100px !important;

		outline: none !important;
		z-index: 9999999;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-info-section-name{
		height: 3em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-info-section-name .layer-toggler{
		font-size: 1.2em;
	}

	/** active layout foreach **/

	/*#templeLeftInfo .left-deco-wrapper.active:nth-child(2){
		top: -5em!important;
		margin-bottom: -5em!important;
	}

	#templeLeftInfo .left-deco-wrapper.active:nth-child(3){
		top: -10em!important;
		margin-bottom: -10em!important;
	}

	#templeLeftInfo .left-deco-wrapper.active:nth-child(4){
		top: -15em!important;
		margin-bottom: -15em!important;
	}

	#templeLeftInfo .left-deco-wrapper.active:nth-child(5){
		top: -20em!important;
		margin-bottom: -20em!important;
	}*/


	#templeLeftInfo .left-deco-wrapper.active .left-info-cnt{
		display: block;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper{
		opacity: 1
	}
	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower,
	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.upper{
		left: calc(100% - 2.5em);
		top: -2em;
		height: 5em;
		width: 5em;
	}
	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower{
		left: calc(50% - 33vw - 2em);
		top: -7em;
	}

	.g-recaptcha{
		transform:scale(0.75) !important;
		-webkit-transform:scale(0.75) !important;
		transform-origin:0 0 !important;
		-webkit-transform-origin:0 0 !important;
	}

	#userTempleActions{
		/*overflow-y: auto;
		overflow-x: hidden;*/
	}

	#wishesViewTrigger{
		margin: .2em 0 0.5em;
		font-size: 1em;
		font-weight: bold;
	}

	.disabledLink {
		/*pointer-events: none;*/
	}

	#templeLeftInfo .left-deco-wrapper:not(.active) .enlarge-image-left {
		display: none;
		background-color: rgba(24, 47, 83, 0.59);
	}

	#templeLeftInfo .left-deco-wrapper:not(.active) .edit-image-left {
		display: none;
	}

	#templeLeftInfo .left-deco-wrapper.active .enlarge-image-left {
		display: inline-block;
		color: rgba(255,255,255, 0.8);
		font-size: 1rem;
		background-color: rgba(24, 47, 83, 0.59);
	}

	.notification-mobile {
		display: inherit;
		position: absolute;
		height: 1rem;
		width: 1rem;
		left: -.15em;
		top: -.25em;
		border: none;
		border-radius: 100%;
		outline: none;
		background: #b4000a;
	}
}



/* -----------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 992px){

	#menu-wrapper{
		z-index:9999999;
		margin-top: 0em;
		margin-bottom: 0em;
		background-color: rgba(36,51,100,0.85);
	}


	#mainNav li {
		width: 13vw;
		height: 13vw;
	}

	.user-profile-action {
		font-size: 0.85rem !important;
	}


}


/* -----------------------------------------------------------*/
@media screen and (max-width: 1024px){

	.header-user #app-invite.btn.btn-primary{
		display: inline-block;
	}

	.user-profile-action > span {
		color: white;
		font-size: 0.75em;
	}

	.info-user.pull-left{
		width: 75%;
	}

	#agendaModalContent .btn-xs[name='delete-agenda']{
		position: absolute;
		bottom: .5em;
		right: .5em;
	}

	#menu-wrapper{
		z-index:9999999;
		margin-top: 0em;
		margin-bottom: 0em;
		background-color: rgba(6,20,65,0.85);
		max-width: 100%;

	}

	#mainNav li{
		width: 25vw;
		height: 25vw;

	}

	#topSearchBar {
		position: absolute;
		left: 3em;
		top:  4.4em;
		min-width: 10em;
		width: 80%;
	}

	.pull-right.header-user > a{
		width: 50px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}


	#wishesView {
		position: fixed;
		bottom: 0;
		left: 25vw;
		width: 50vw;
		color: #0059b3;
		margin-left: auto;
		z-index: 999;
	}

	#wishesViewTrigger{
		font-size: 1em;
		font-weight: bold;
	}


	/** left info  **/
	#templeLeftInfo .left-deco-wrapper{
		position: relative;
		clear: both;
		width: 11vw;
		height: 15vh;
	}


	/*#templeLeftInfo .left-deco-wrapper:nth-child(2n) {
		left: 2vw;
		top: 3vw;
		margin-bottom: 1vw;
		padding-right: 1.6vw;
		padding-left: 0vw;
	}*/


	/*#loginForm{
		position: static;
	}*/

	#languageSwitcher.dropdown {
		left: 71%;
	}

	#loginForm .col-xs-12:not(.form-group){
		text-align: center;
	}

	.row.log-in-add-info{
		top: 0;
	}

	.log-in-add-info > .col-md-6:first-child{
		text-align: right;
	}
}

@media screen and (max-width: 440px) {
	#vertMenu .navbar-brand{
		/*display: none;*/
	}
	#vertMenu .navbar-brand img {
		/*max-height: 1.3rem;*/
		max-height: 1.8rem;
		margin-left: 1em;
	}

	#vertMenu{
		padding-left: 0.5em;
		padding-left: 0.5em;
	}

	.header-user{
		margin-top: 0.5em;
	}

	.makeAWish-button {
		margin: 0 0.1em;
		right: 2.3em;
	}

}

@media screen and (min-height: 481px) and (max-height: 570px){
	#templeLeftInfo .left-deco-wrapper:not(.active){
		margin-bottom: -5vh;
	}
}
/* -----------------------------------------------------------*/
@media screen and (min-width: 320px) and (max-width: 1024px) and (orientation: portrait),
(max-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
	.notification-mobile {
		display: inherit;
		position: absolute;
		height: 1rem;
		width: 1rem;
		left: -.15em;
		top: -.25em;
		border: none;
		border-radius: 100%;
		outline: none;
		background: #b4000a;
	}

	#imFeeling, #play {
		top: 10rem;
		right: 1rem;

		font-size: 0.85rem;
		padding: 5px;
	}

	#userAgenda-profile-details {
	/*	position: absolute;
		left: auto;
		right: 0.3rem;
		bottom: 4px;
		padding: 9px 3px;
		font-size: 0.75rem;
		border-radius: 5px;*/
	}

	.disabledLink {
		/*pointer-events: none;*/
	}

	#chatModal .modal-dialog {
		/*top: 1em;*/
	}

	#editTextStatus {
		left: auto;
		right: .5em;
		bottom: 10px;
		padding: 5px 6px;
		border-radius: 5px;
	}

	.user-profile-action > span {
		color: white;
		font-size: 0.75em;
	}

	.user-profile-action {
		padding: 0 !important;
		/*font-size: 1em !important;*/
	}

	#user-profile-details {
		font-size: 0.75em;
	}

	.expire-message {
		font-size: 0.85em;
		color: white;
		margin: 0;
	}
	.col.text-left > .expire-message {
		color: dimgrey;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .edit-image-left {
		display: none;
	}


	.edit-image-left-inside {
		display: initial;
		top: 50%;

		position: absolute;
		/*left: calc(50% - 1rem);*/
		left: calc(50% - 1.5em);
		background-color: rgba(24, 47, 83, 0.59);
		width: 3em;
		height: 3em;
		right: 0;
		border: 1px solid white;
		text-align: center;
		color: white;
		font-size: 0.68em;
		text-decoration: none;
		/*margin-top: calc(5% + 14px + 2em + 5%);*/
		/*margin-left: 1em;*/

		padding: 0.25rem 0.3rem;
		border-radius: 100px !important;

		outline: none !important;
		z-index: 9999999;

	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.upper label{
		top: 37%;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower label {
		top: 50%;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{
		top: 50%;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{
		top: 0.4em;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name {
		min-height: 2em;
	}

	/*.action-label {*/
	/*	font-size: 0.75em;*/
	/*}*/

	.layer-toggler {
		font-size: 0.85em;
	}

	.layer-toggler:hover {
		font-size: 0.85em;
	}

	#check-agenda {
		margin-right: 0.75em;
		margin-top: 2em;
	}

	#check-agenda > .fa {
		margin-top: 1.5px;
		margin-right: 3px;
	}


	/** left info  **/
	#templeLeftInfo .left-deco-wrapper{

		left: 0.5vw;
		top: 3vh;
		margin-bottom: 1.8vh;

		position: relative;
		clear: both;
		min-width: 50px;
		min-height: 70px;

		padding-right: 1.6vw;
		padding-left: 0vw;
	}

	#templeLeftInfo .left-deco-wrapper:not(.active) {
		width: 8.8vw;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(2n) {
		left: 0.5vw;
		top: 3vh;
		margin-bottom: 1.8vh;
		padding-right: 1.6vw;
		padding-left: 0;
	}

	.ng-scope{
		margin-top: 150px;

	}

	#templeLeftInfo {
		position: fixed;
		left: -1em;
		margin-top: 0;
		top: 0;
		display: flex;
		height: 100%;
		align-content: center;
	}

	/*.edit-image-left {*/
	/*	margin-left: calc(50% - 23px);*/
	/*	margin-top: 30%;*/
	/*	outline: none;*/
	/*}*/

	.enlarge-image-left {
		background-color: rgba(24, 47, 83, 0.59) !important;
	}

	#templeLeftInfo .left-deco-wrapper:not(.active) .left-deco-image-wrapper .left-info-section-name{
		font-size: 0.5em;
		width: 110%;
	}

	#templeLeftInfo .left-deco-wrapper:not(.active) .enlarge-image-left {
		display: none;
		background-color: rgba(24, 47, 83, 0.59);
	}

	#templeLeftInfo .left-deco-wrapper.active .enlarge-image-left {
		display: inline-block;
		color: rgba(255,255,255, 0.8);
		font-size: 1.4em;
	}

	.enlarge-image-left .fa-2x {
		font-size: 1em;
	}

	#templeLeftInfo .left-deco-wrapper.active{
		position: fixed;
		width: 66vw;
		height: 23em;
		top: 20vh !important;
		left: calc((100vw - 60vw) / 2) !important;
		z-index: 100;
	}

}


/* ----------------------------- big ipads ----------------------------------------*/
@media screen and (max-width: 1024px) and (min-height: 1366px){
	#templeLeftInfo .left-deco-wrapper:not(.active) {
		width: 10vw;
		height: 10vh;
	}
	#friend-profile-roated-section {
		top: 9em !important;
	}

	#templeLeftInfo .left-deco-wrapper{
		margin-bottom: 3.8vh;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(2n) {
		margin-bottom: 3.8vh;
	}
	#templeLeftInfo .left-deco-wrapper.active{
		height: 50vh;
	}

	#templeLeftInfo .left-deco-wrapper:not(.active) .layer-toggler {
		font-size: 1.5em;
	}

	#templeLeftInfo .left-deco-wrapper.active .layer-toggler {
		font-size: 1.75em;
	}

	#templeLeftInfo .left-deco-wrapper.active .layer-toggler:hover {
		font-size: 1.75em;
	}


	#templeLeftInfo .left-deco-wrapper:not(.active) .user-profile-action {
		font-size: 1.5em !important;
	}

	#templeLeftInfo .left-deco-wrapper.active .user-profile-action {
		font-size: 1.75em !important;
	}

	.user-profile-action > span {
		color: white;
		font-size: 1.5em;
	}

	#user-profile-details {
		font-size: 1em;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name {
		min-height: 4em;
		padding: 0.25em;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.upper label{
		top: 50%;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower label {
		top: 50%;
	}
	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{
		top: 1.4em;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.upper .left-info-counter{
		top: 1.4em;
	}


	#check-agenda {
		margin-right: 0.75em;
		margin-top: 15em !important;
	}

	#templeLeftInfo .left-deco-wrapper.active .enlarge-image-left {
		display: inline-block;
		color: rgba(255,255,255, 0.8);
		font-size: 2em;
	}

	.edit-image-left-inside {
		font-size: 1em;
		left: calc(50% - 1.5em);
		padding: 0.3841em 0.44em;
		border-radius: 100%;
		width: 3em;
		height: 3em;
	}
}

/* ----------------------------- small ipads ----------------------------------------*/
@media screen and (min-width: 767px) and (min-height: 1024px) and (max-width: 1335px){
	#templeLeftInfo .left-deco-wrapper:not(.active) {
		width: 10vw;
		height: 10vh;
	}
	#friend-profile-roated-section {
		top: 9em !important;
	}

	#templeLeftInfo .left-deco-wrapper{
		margin-bottom: 3.8vh;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(2n) {
		margin-bottom: 3.8vh;
	}
	#templeLeftInfo .left-deco-wrapper.active{
		height: 50vh;
	}

	#templeLeftInfo .left-deco-wrapper:not(.active) .layer-toggler {
		font-size: 1em;
	}

	#templeLeftInfo .left-deco-wrapper.active .layer-toggler {
		font-size: 1.5em;
	}

	#templeLeftInfo .left-deco-wrapper.active .layer-toggler:hover {
		font-size: 1.5em;
	}


	#templeLeftInfo .left-deco-wrapper:not(.active) .user-profile-action {
		font-size: 1em !important;
	}

	#templeLeftInfo .left-deco-wrapper.active .user-profile-action {
		font-size: 1.5em !important;
	}

	.user-profile-action > span {
		color: white;
		font-size: 1em;
	}

	#user-profile-details {
		font-size: 0.85em;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name {
		min-height: 3.5em;
		padding: 0.25em;
	}

	#check-agenda {
		margin-right: 0.75em;
		margin-top: 15em !important;
	}

	#templeLeftInfo .left-deco-wrapper.active .enlarge-image-left {
		display: inline-block;
		color: rgba(255,255,255, 0.8);
		font-size: 2em;
	}

	.edit-image-left-inside {
		font-size: 1rem !important;
		left: calc(50% - 1.5em);
		padding: 0.3841em 0.44em;
		border-radius: 100%;
		width: 3em;
		height: 3em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.upper {
		height: 8em;
		width: 8em;
		left: calc(100% - 4em);
		top: -3.5em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower {
		height: 8em;
		width: 8em;
		left: calc(50% - 33vw - 3.5em);
		top: -11.5em;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{
		top: 1.4em;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.upper .left-info-counter{
		top: 1.4em;
	}
}

/* ----------------------------- small ipads landscape ----------------------------------------*/
@media screen and (min-height: 767px) and (min-width: 1024px) and (max-height: 768px){
	/*#templeLeftInfo .left-deco-wrapper:not(.active) {*/
	/*	width: 10vw;*/
	/*	height: 10vh;*/
	/*}*/
	/*#friend-profile-roated-section {*/
	/*	top: 9em !important;*/
	/*}*/

	/*#templeLeftInfo .left-deco-wrapper{*/
	/*	margin-bottom: 3.8vh;*/
	/*}*/

	/*#templeLeftInfo .left-deco-wrapper:nth-child(2n) {*/
	/*	margin-bottom: 3.8vh;*/
	/*}*/
	/*#templeLeftInfo .left-deco-wrapper.active{*/
	/*	height: 50vh;*/
	/*}*/

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.upper label{
		top: 50%;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower label {
		top: 50%;
	}
	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{
		top: 1.4em;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.upper .left-info-counter{
		top: 1.4em;
	}

	#templeLeftInfo .left-deco-wrapper:not(.active) .layer-toggler {
		font-size: 1em;
	}

	#templeLeftInfo .left-deco-wrapper.active .layer-toggler {
		font-size: 1.5em;
	}

	#templeLeftInfo .left-deco-wrapper.active .layer-toggler:hover {
		font-size: 1em;
	}


	#templeLeftInfo .left-deco-wrapper:not(.active) .user-profile-action {
		font-size: 1em !important;
	}

	#templeLeftInfo .left-deco-wrapper.active .user-profile-action {
		font-size: 1.5em !important;
	}

	.user-profile-action > span {
		color: white;
		font-size: 1em;
	}

	#user-profile-details {
		font-size: 0.85em;
	}

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name {
		min-height: 3.5em;
		padding: 0.25em;
	}

	#check-agenda {
		margin-right: 0.75em;
		margin-top: 15em !important;
	}

	#templeLeftInfo .left-deco-wrapper.active .enlarge-image-left {
		display: inline-block;
		color: rgba(255,255,255, 0.8);
		font-size: 1.5em;
	}

	#templeLeftInfo .left-deco-wrapper.active .edit-image-left {
		font-size: 1rem !important;
		left: calc(50% - 1.5em);
		padding: 0.3841em 0.44em;
		border-radius: 100%;
		width: 3em;
		height: 3em;
		top: 70%;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.upper {
		height: 8em;
		width: 8em;
		left: calc(100% - 4em);
		top: -3.5em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower {
		height: 8em;
		width: 8em;
		left: calc(50% - 33vw - 3.5em);
		top: -11.5em;
	}
}



/* ------------------------mobile landscape-----------------------------------*/
@media screen and (max-height: 573px) {

	/** left info  **/
	#templeLeftInfo .left-deco-wrapper{

		left: 0.5vw;
		top: 3vh;
		margin-bottom: 0.8vw;

		position: relative;
		clear: both;
		min-width: 50px;
		min-height: 70px;

		padding-right: 1.6vw;
		padding-left: 0;
	}


	#templeLeftInfo .left-deco-wrapper:nth-child(2n) {
		left: 9.5vw;
		top: 0;
		margin-bottom: -4.8vw;
		/** fix for cut circles  */
		/*width: 50px;
		height: 70px;*/
		padding-right: 1.6vw;
		padding-left: 0;
	}

	.ng-scope{
		margin-top: 150px;

	}

	#templeLeftInfo {
		position: fixed;
		left: -1em;
		margin-top: 2.2em;
	}

	#menu-wrapper{
		max-width: 100%;
	}

	.layer-toggler {
		font-size: 0.75em;
	}
	.layer-toggler:hover {
		font-size: 0.75em;
	}

}
@media screen and (max-height: 361px) and (max-width: 600px) {

	/** left info  **/
	#templeLeftInfo .left-deco-wrapper{

		left: 0.5vw;
		top: 3vh;
		margin-bottom: 1.8vw;

		position: relative;
		clear: both;
		min-width: 50px;
		min-height: 70px;

		padding-right: 1.6vw;
		padding-left: 0;
	}


	#templeLeftInfo .left-deco-wrapper:nth-child(2n) {
		left: 8.5vw;
		top: 0;
		margin-bottom: -5.8vw;
		/** fix for cut circles  */
		/*width: 50px;
		height: 70px;*/
		padding-right: 1.6vw;
		padding-left: 0;
	}

	.ng-scope {
		margin-top: 150px;

	}

	#templeLeftInfo {
		position: fixed;
		left: -1em;
		margin-top: 0;
		top: 0;
		display: flex;
		height: 100%;
		align-content: center;
	}

	#imFeeling {
		font-size: 0.65rem;
		right: 0.5em;
		top: 6.75em;

	}
}

/*@media screen and (min-width: 767px) and (max-width: 900px){*/
/*	.notification-mobile {*/
/*		display: none;*/
/*	}*/

/*	#imFeeling, #play {*/
/*		top: 10rem;*/
/*		right: 1rem;*/

/*		font-size: 0.85rem;*/
/*		padding: 5px;*/
/*	}*/

/*	#userAgenda-profile-details {*/
/*		position: absolute;*/
/*		left: auto;*/
/*		right: 0.3rem;*/
/*		bottom: 4px;*/
/*		padding: 9px 3px;*/
/*		font-size: 0.75rem;*/
/*		border-radius: 5px;*/
/*	}*/

/*	.disabledLink {*/
/*		pointer-events: auto;*/
/*	}*/

/*	#chatModal .modal-dialog {*/
/*		top: 1em;*/
/*	}*/

/*	#editTextStatus {*/
/*		left: auto;*/
/*		right: .5em;*/
/*		bottom: 10px;*/
/*		padding: 5px 6px;*/
/*		border-radius: 5px;*/
/*	}*/

/*	.user-profile-action > span {*/
/*		color: white;*/
/*		font-size: 0.75em;*/
/*	}*/

/*	.user-profile-action {*/
/*		padding: 0 !important;*/
/*		!*font-size: 1em !important;*!*/
/*	}*/

/*	#user-profile-details {*/
/*		font-size: 0.75em;*/
/*	}*/

/*	.expire-message {*/
/*		font-size: 0.85em;*/
/*		color: white;*/
/*		margin: 0;*/
/*	}*/
/*	.col.text-left > .expire-message {*/
/*		color: dimgrey;*/
/*	}*/

/*	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .edit-image-left {*/
/*		display: none;*/
/*	}*/


/*	.edit-image-left-inside {*/
/*		display: initial;*/
/*		top: 75%;*/

/*		position: absolute;*/
/*		left: calc(50% - 1rem);*/
/*		background-color: rgba(24, 47, 83, 0.59);*/
/*		height: fit-content;*/
/*		width: fit-content;*/
/*		right: 0;*/
/*		border: 1px solid white;*/
/*		text-align: center;*/
/*		color: white;*/
/*		font-size: 0.5em;*/
/*		text-decoration: none;*/
/*		!*margin-top: calc(5% + 14px + 2em + 5%);*!*/
/*		!*margin-left: 1em;*!*/

/*		padding: 0.25rem 0.3rem;*/
/*		border-radius: 100px !important;*/

/*		outline: none !important;*/
/*		z-index: 9999999;*/
/*	}*/

/*	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.upper label{*/
/*		top: 50%;*/
/*	}*/

/*	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower label {*/
/*		top: 50%;*/
/*	}*/

/*	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{*/
/*		top: 50%;*/
/*	}*/

/*	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{*/
/*		top: 0.4em;*/
/*	}*/

/*	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name {*/
/*		min-height: 2em;*/
/*	}*/

/*	.action-label {*/
/*		font-size: 0.75em;*/
/*	}*/

/*	.layer-toggler {*/
/*		font-size: 0.85em;*/
/*	}*/

/*	#check-agenda {*/
/*		margin-right: 0.75em;*/
/*		margin-top: 2em;*/
/*	}*/

/*	#check-agenda > .fa {*/
/*		margin-top: 1.5px;*/
/*		margin-right: 3px;*/
/*	}*/


/*	!** left info  **!*/
/*	#templeLeftInfo .left-deco-wrapper{*/

/*		left: 0.5vw;*/
/*		top: 3vh;*/
/*		margin-bottom: 1.8vw;*/

/*		position: relative;*/
/*		clear: both;*/
/*		min-width: 50px;*/
/*		min-height: 70px;*/

/*		padding-right: 1.6vw;*/
/*		padding-left: 0vw;*/
/*	}*/


/*	#templeLeftInfo .left-deco-wrapper:nth-child(2n) {*/
/*		left: 0.5vw;*/
/*		top: 3vh;*/
/*		margin-bottom: 1.8vw;*/
/*		padding-right: 1.6vw;*/
/*		padding-left: 0;*/
/*	}*/

/*	.ng-scope{*/
/*		margin-top: 150px;*/

/*	}*/

/*	#templeLeftInfo {*/
/*		position: fixed;*/
/*		left: -1em;*/
/*		margin-top: 0;*/
/*		top: 0;*/
/*		display: flex;*/
/*		height: 100%;*/
/*		align-content: center;*/
/*	}*/

/*	!*.edit-image-left {*!*/
/*	!*	margin-left: calc(50% - 23px);*!*/
/*	!*	margin-top: 30%;*!*/
/*	!*	outline: none;*!*/
/*	!*}*!*/

/*	.enlarge-image-left {*/
/*		background-color: rgba(24, 47, 83, 0.59) !important;*/
/*	}*/

/*	#templeLeftInfo .left-deco-wrapper:not(.active) .left-deco-image-wrapper .left-info-section-name{*/
/*		font-size: 0.5em;*/
/*		width: 110%;*/
/*	}*/

/*	#templeLeftInfo .left-deco-wrapper:not(.active) .enlarge-image-left {*/
/*		display: inline-block;*/
/*		color: rgba(255,255,255, 0.8);*/
/*		font-size: 1.4em;*/
/*	}*/

/*	#templeLeftInfo .left-deco-wrapper.active .enlarge-image-left {*/
/*		display: none;*/
/*		background-color: rgba(24, 47, 83, 0.59);*/
/*	}*/

/*	.enlarge-image-left .fa-2x {*/
/*		font-size: 1em;*/
/*	}*/

/*	#templeLeftInfo .left-deco-wrapper.active{*/
/*		position: fixed;*/
/*		width: 66vw;*/
/*		height: 23em;*/
/*		top: 20vh !important;*/
/*		left: calc((100vw - 60vw) / 2) !important;*/
/*		z-index: 100;*/
/*	}*/
/*}*/

@media screen and (max-width: 320px){

	#userAgenda-profile-details {
	/*	position: absolute;
		left: auto;
		right: 0.15rem;
		bottom: 4px;
		padding: 9px 1px;
		font-size: 0.7rem;
		border-radius: 5px;*/
	}

	#editTextStatus {
		left: auto;
		right: .25em;
		bottom: 6px;
		padding: 5px 3px;
		border-radius: 5px;
	}

	#statusMessageShow {
		font-size: 0.75em;
		bottom: 4.5em;
	}

	#templeLeftInfo .left-deco-wrapper.active:nth-child(3){
		/*top: -5.5em!important;*/
		margin-bottom: -10em!important;
		left: 16vw;
	}

	#templeLeftInfo .left-deco-wrapper.active:nth-child(4){
		/*top: -11.5em!important;*/
		margin-bottom: -10em!important;
	}

	#templeLeftInfo .left-deco-wrapper.active:nth-child(5){
		/*top: -11em!important;*/
		margin-bottom: -10em!important;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(2n){
		left: 0.5vw;
	}

	#templeLeftInfo .left-deco-wrapper.active{
		position: fixed;
		width: 66vw;
		height: 23em;
		top: 10vh !important;
		left: calc((100vw - 55vw) / 2) !important;
		z-index: 100;
	}

	#templeLeftInfo .left-deco-wrapper {
		top: 0;
	}

	#templeLeftInfo .left-deco-wrapper:not(.active) {
		margin-bottom: 1.5vh;
	}
}

@media screen and (max-width: 480px){
	body.temple-page #topSearchBar{
		top: 6.7em;
	}

	h1.other-temple-user{
		margin-top: 35px;
	}

	body.temple-page #app-invite{
		position: fixed;
		left: 8px;
	}

	body.temple-page #vertMenu .navbar-brand{
		position: fixed;
		top: 2em;
		left: 0;
		transform: translate(calc(50vw - 50%));
	}

	body.temple-page #vertMenu .btn-primary:not(#top-menu-arrow){
		padding-left: 0.7em;
		padding-right: 0.7em;
	}

	#showVideoWall{
		left: auto;
		right: 1.2em;
	}

	#imFeeling{
		top: 16em;
	}
}

@media screen and (orientation:landscape) and (max-device-height: 480px){


	form[name="loginForm"]{
		min-width: 35vw;
		position: absolute;
		max-width: 40vw;
		right: -8vw;
	}

	#loginForm form div[class^='col-md'] {
		margin: 0;
		padding: 2px;
	}


	body > .container{
		position: relative;
	}

	#templeLeftInfo{
		top:0;
		height: 100%;
		margin-top: 0;
	}

	#templeLeftInfo .left-deco-wrapper:first-child{
		top: 14vh
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(3n){
		top: 6vh
	}

	#templeLeftInfo .left-deco-wrapper:last-child{
		top: -2vh
	}

	#topSearchBar{
		position: absolute;
		left: 0;
		top: 4.4em;
		min-width: 10em;
		width: 64%;
		margin: auto;
		right: 0;
	}

	#templeLeftInfo .left-deco-wrapper.active{
		width: 7vw;
		height: 10vw;
		transform: translateY(19vh) translateX(59vh) scale(4);
		position: relative;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(2n).active{
		transform: translateY(-11vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(3n).active{
		transform: translateY(-19vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(4n).active{
		transform: translateY(-43vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper:last-child.active{
		transform: translateY(-51vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper.active .left-info-box{
		transform: scale(calc(1/4));
		border-color: transparent;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.upper{
		left: 93%;
		top: -155%;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower{
		left: -160%;
		top: -245%;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{
		bottom: auto;
		top: 0.4em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower label{
		bottom: auto;
		top: 2em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-section-name{
		width: 424%;
		left: -161%;
		right: auto;
		bottom: -161%;
	}

	/*#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name{*/
	/*	font-size:0.5em;*/
	/*}*/

	#templeLeftInfo .left-deco-wrapper:not(.active) {
		width: 8.8vw;
	}

}


/* ----------- iPhone --------------------------------------------------------------------------------------------- */




/* ----------- iPhone 12 pro MAX-----428 x 926 PX ------ */

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {


	form[name="loginForm"]{
		min-width: 35vw;
		position: absolute;
		max-width: 40vw;
		right: -8vw;
	}

	#loginForm form div[class^='col-md'] {
		margin: 0;
		padding: 2px;
	}



	body > .container{
		position: relative;
	}

	#templeLeftInfo{
		top:0;
		height: 100%;
		margin-top: 0;
	}

	#templeLeftInfo .left-deco-wrapper:first-child{
		top: 14vh;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(3n){
		top: 6vh;
	}

	#templeLeftInfo .left-deco-wrapper:last-child{
		top: -2vh;
	}

	#topSearchBar{
		position: absolute;
		left: 0;
		top: 4.4em;
		min-width: 10em;
		width: 64%;
		margin: auto;
		right: 0;
	}

	#templeLeftInfo .left-deco-wrapper.active{
		width: 7vw;
		height: 10vw;
		transform: translateY(19vh) translateX(59vh) scale(4);
		position: relative;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(2n).active{
		transform: translateY(-11vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(3n).active{
		transform: translateY(-19vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(4n).active{
		transform: translateY(-43vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper:last-child.active{
		transform: translateY(-51vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper.active .left-info-box{
		transform: scale(calc(1/4));
		border-color: transparent;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.upper{
		left: 93%;
		top: -155%;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower{
		left: -160%;
		top: -283% !important;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{
		bottom: auto;
		top: 0.4em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower label{
		bottom: auto;
		top: 2em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-section-name{
		width: 424%;
		left: -161%;
		right: auto;
		bottom: -161%;
	}

	/*#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name{*/
	/*	font-size: 0.5em;*/
	/*}*/

	.layer-toggler {
		font-size: 0.75em;
	}
	.layer-toggler:hover {
		font-size: 0.75em;
	}

	.user-profile-action > span {
		font-size: 0.75em;
	}

	#wishesViewTrigger{
		padding:.55em;
	}

}




/* ----------- iPhone 12 Pro--Max 428 x 926 PX-- */

/* Landscape */
@media only screen
and (min-device-width: 428px)
and (max-device-width: 926px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {


	form[name="loginForm"]{
		min-width: 35vw;
		position: absolute;
		max-width: 40vw;
		right: -8vw;
	}

	#loginForm form div[class^='col-md'] {
		margin: 0;
		padding: 2px;
	}

	#imFeeling, #play {
		top: 4.5rem;
		padding: 6px;
	}


	body > .container{
		position: relative;
	}

	#templeLeftInfo{
		top:0;
		height: 100%;
		margin-top: 0;
	}

	#templeLeftInfo .left-deco-wrapper:first-child{
		top: 14vh
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(3n){
		top: 6vh
	}

	#templeLeftInfo .left-deco-wrapper:last-child{
		top: -2vh
	}

	#topSearchBar{
		position: absolute;
		left: 0;
		top: 4.4em;
		min-width: 10em;
		width: 64%;
		margin: auto;
		right: 0;
	}

	#templeLeftInfo .left-deco-wrapper.active{
		width: 7vw;
		height: 10vw;
		transform: translateY(19vh) translateX(59vh) scale(4);
		position: relative;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(2n).active{
		transform: translateY(-11vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(3n).active{
		transform: translateY(-19vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(4n).active{
		transform: translateY(-43vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper:last-child.active{
		transform: translateY(-51vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper.active .left-info-box{
		transform: scale(calc(1/4));
		border-color: transparent;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.upper{
		left: 93%;
		top: -155%;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower{
		left: -160%;
		top: -245%;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{
		bottom: auto;
		top: 0.4em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower label{
		bottom: auto;
		top: 2em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-section-name{
		width: 424%;
		left: -161%;
		right: auto;
		bottom: -161%;
	}

	/*#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name{*/
	/*	font-size:0.5em;*/
	/*}*/

	#imFeeling {
		font-size: 0.75rem;
	}

	#wishesViewTrigger{
		padding:.55em;
	}

}


/* --------iPhone 12--- iPhone 12 Pro---390 x 844 PX-- */

/* Landscape */
@media only screen
and (min-device-width: 390px)
and (max-device-width: 844px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {


	form[name="loginForm"]{
		min-width: 35vw;
		position: absolute;
		max-width: 40vw;
		right: -8vw;
	}

	#loginForm form div[class^='col-md'] {
		margin: 0;
		padding: 2px;
	}

	body > .container{
		position: relative;
	}

	#templeLeftInfo{
		top:0;
		height: 100%;
		margin-top: 0;
	}

	#templeLeftInfo .left-deco-wrapper:first-child{
		top: 14vh
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(3n){
		top: 6vh
	}

	#templeLeftInfo .left-deco-wrapper:last-child{
		top: -2vh
	}

	#topSearchBar{
		position: absolute;
		left: 0;
		top: 4.4em;
		min-width: 10em;
		width: 64%;
		margin: auto;
		right: 0;
	}

	#templeLeftInfo .left-deco-wrapper.active{
		width: 7vw;
		height: 10vw;
		transform: translateY(19vh) translateX(59vh) scale(4);
		position: relative;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(2n).active{
		transform: translateY(-11vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(3n).active{
		transform: translateY(-19vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(4n).active{
		transform: translateY(-43vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper:last-child.active{
		transform: translateY(-51vh) translateX(59vh) scale(4);
	}

	#templeLeftInfo .left-deco-wrapper.active .left-info-box{
		transform: scale(calc(1/4));
		border-color: transparent;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.upper{
		left: 93%;
		top: -155%;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower{
		left: -160%;
		top: -245%;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{
		bottom: auto;
		top: 0.4em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower label{
		bottom: auto;
		top: 2em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-section-name{
		width: 424%;
		left: -161%;
		right: auto;
		bottom: -161%;
	}

	/*#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name{*/
	/*	font-size:0.5em;*/
	/*}*/

	#wishesViewTrigger{
		padding:.55em;
	}
}

/* ----------- iPhone 11 ---------414 x 896 PX-- */

/* Landscape */
@media only screen
and (min-device-width: 390px)
and (max-device-width: 844px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {


	form[name="loginForm"]{
		min-width: 35vw;
		position: absolute;
		max-width: 45vw;
		right: -2vw;
	}

	#loginForm form div[class^='col-md'] {
		margin: 0;
		padding: 2px;
	}


	body > .container{
		position: relative;
	}

	#templeLeftInfo{
		top: 3vh;
		height: 100%;
		margin-top: 0;
	}

	/*#templeLeftInfo .left-deco-wrapper:first-child{*/
	/*	top: 14vh;*/
	/*}*/

	/*#templeLeftInfo .left-deco-wrapper:nth-child(3n){*/
	/*	top: 6vh;*/
	/*}*/

	/*#templeLeftInfo .left-deco-wrapper:last-child{*/
	/*	top: -2vh;*/
	/*}*/

	#topSearchBar{
		position: absolute;
		left: 0;
		top: 4.4em;
		min-width: 10em;
		width: 64%;
		margin: auto;
		right: 0;
	}

	#templeLeftInfo .left-deco-wrapper.active{
		width: 10vw !important;
		height: 2.5vh !important;
		transform: translateY(-11vh) translateX(63vh) scale(4) !important;
		/*position: fixed !important;*/
		top: calc(50vh + 2.5vh) !important;
		left: 16.8vw !important;
		font-size: 1.5rem;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(2n).active{
		transform: translateY(-30vh) translateX(59vh) scale(4) !important;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(3n).active{
		transform: translateY(-40vh) translateX(59vh) scale(4) !important;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(4n).active{
		transform: translateY(-65vh) translateX(59vh) scale(4) !important;
	}

	#templeLeftInfo .left-deco-wrapper:last-child.active{
		transform: translateY(-75vh) translateX(59vh) scale(4) !important;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-info-box{
		transform: scale(calc(1/4));
		border-color: transparent;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.upper{
		left: 200%;
		top: -187%;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower{
		left: -195%;
		top: -280%;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{
		bottom: auto;
		top: 0.4em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower label{
		bottom: auto;
		top: 2em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-section-name{
		width: 424%;
		left: -161%;
		right: auto;
		bottom: -161%;
	}

	/*#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name{*/
	/*	font-size:0.5em;*/
	/*}*/

	#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-box {
		float: none;
		width: 100%;
		height: 100%;
	}

	#vertMenu{
		z-index: 1000;
	}
}




/* ----------- iPhone XS ---------375 x 812 PX-- */

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {


	form[name="loginForm"]{
		min-width: 35vw;
		position: absolute;
		max-width: 40vw;
		right: -8vw;
	}

	#loginForm form div[class^='col-md'] {
		margin: 0;
		padding: 2px;
	}

	body > .container{
		position: relative;
	}

	#templeLeftInfo{
		top:0;
		height: 100%;
		margin-top: 0;
	}

	#templeLeftInfo .left-deco-wrapper:first-child{
		top: 14vh;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(3n){
		top: 6vh;
	}

	#templeLeftInfo .left-deco-wrapper:last-child{
		top: -2vh;
	}

	#topSearchBar{
		position: absolute;
		left: 0;
		top: 4.4em;
		min-width: 10em;
		width: 64%;
		margin: auto;
		right: 0;
	}

	#templeLeftInfo .left-deco-wrapper.active{
		width: 7vw;
		height: 10vw;
		transform: translateY(-10vh) translateX(34.2vw) scale(4);
		position: relative;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(2n).active{
		transform: translateY(-30vh) translateX(34.2vw) scale(4) !important;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(3n).active{
		transform: translateY(-40vh) translateX(34.2vw) scale(4) !important;
	}

	#templeLeftInfo .left-deco-wrapper:nth-child(4n).active{
		transform: translateY(-65vh) translateX(34.2vw) scale(4) !important;
	}

	#templeLeftInfo .left-deco-wrapper:last-child.active{
		transform: translateY(-75vh) translateX(34.2vw) scale(4) !important;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-info-box{
		transform: scale(calc(1/4));
		border-color: transparent;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.upper{
		left: 200%;
		top: -187%;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower{
		left: -200%;
		top: -275%;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower .left-info-counter{
		bottom: auto;
		top: 0.4em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-box .left-info-cnt.lower label{
		bottom: auto;
		top: 2em;
	}

	#templeLeftInfo .left-deco-wrapper.active .left-deco-image-wrapper .left-info-section-name{
		width: 424%;
		left: -161%;
		right: auto;
		bottom: -161%;
	}

	/*#templeLeftInfo .left-deco-wrapper .left-deco-image-wrapper .left-info-section-name{*/
	/*	font-size:0.5em;*/
	/*}*/

	#templeLeftInfo .left-deco-wrapper.active .enlarge-image-left{
		top: -60%;
	}

	#templeLeftInfo .left-deco-wrapper.active .edit-image-left {
		top: 80%;
		left: calc(50% - 1.5rem);
	}

	#templeLeftInfo .left-deco-wrapper:not(.active) {
		width: 8.8vw;
	}

	.layer-toggler {
		font-size: 0.85em;
	}

	.layer-toggler:hover {
		font-size: 0.85em;
	}
}

@media screen and (max-width: 1200px) {
	#languageSwitcher{
		right: 15em;
	}
	#loginForm{
		top: 3em;
	}
	#loginFormError{
		top: -2.8em;
	}
}

@media screen and (max-width: 768px) {
	#languageSwitcher {
		right: 0;
	}

	body.active-keyboard #loginForm form{
		background-color: rgba(6, 20, 65, 0.4);
	}

	#ADDTOAGENDA{
		line-height: 1.1;
		margin-bottom: .2em;
	}
}

@media screen and (max-width: 468px) {
	#languageSwitcher {
		width: 100%;
		right: 1em;
		margin-top: 0.6em;
		text-align: right;
	}

	#wishesView{
		width: 48vw;
		left: 23vw;
	}

	#loginFormError{
		top: -0.5em;
	}
}

@media screen and (min-width: 768px){
	body.info-page .navbar-header{
		padding-left: 1.5em;
	}
}


/* new grafica 111111 ------------------------------------------------------------------------------------------- */
/*-------------------- ------------------------------------------------------------------------------------------- */
#templeLeftInfo{
	left:30vw !important;
	display: none;
}

#userTempleActions{
	/*display: none;*/
}

#topSearchBar{
	display: none;
}


#imFeeling {
	display: none;
}
#toggleVideo{
	display: none;
}
#editTextStatus{
	display: none;
}

/* butoanbe stanga  ----------------- */

.button-container-left {
	position: fixed;
	top: 40%;
	left: 3px;
	transform: translateY(-50%);
	z-index: 1000;
}

.button-container-right {
	position: fixed;
	top: 40%;
	right: 3px;
	transform: translateY(-50%);
	z-index: 1000;

}

@media only screen and (orientation: landscape) {
	.button-container-left {
		top: 50%;
	}
	.button-container-right{
		top: 50%;
	}
}

@media screen and (orientation: portrait) and (max-height: 670px) {
	.button-container-left {
		top: 32%;
	}
	.button-container-right{
		top: 32%;
	}
}



.btn-custom {
	font-family: 'Roboto', sans-serif;
	display: block;
	margin-bottom: 9px;
	width: 100%;
	font-size: 0.9rem;
	line-height: 1;
	font-weight: 400;
	max-width: 100px;
	height: 46px;
	padding-top: 3px !important;
	padding-bottom: 9px;
	background: linear-gradient(90deg,#30E5CA,#4385B3);
	text-shadow: 0 0 3px #881350a8;
}


/*.btn-custom {
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
	width: 100%;
	font-size: 18px;
	line-height: 1;
	font-weight: 400;
	max-width: 111px;
	height: 55px;
	padding-top: 3px !important;
	padding-bottom: 9px;
	background: linear-gradient(90deg,#30E5CA,#4385B3);
	text-shadow: 0 0 3px #881350a8;
	letter-spacing: -1px;
	margin-bottom: 22px;
}*/

.btn-custom img {
	width: 26px;
	height: 26px;
	position: absolute;
	left: 4px;
	margin-top: 1px;

}

#lightcandleNew  img {
	margin-top: -5px !important;
}


.img-left-button{
	left: -3px;
}

.button-container-left .btn-custom {
	padding-right: 4px !important;
	padding-left: 27px;
	/*text-shadow: 0 0 3px #881350a8;*/

}

#showWishWall, #showVideoWall, #friendSuggestions{
	display: none;
}

#templeLeftInfo{
	/*display: none;*/
}
/*wishes-------------------------------------------------*/

.button-wishes-new {
	position: fixed;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 200px;
	width: 100%;
	text-align: center;
	z-index: 1000;
}

.button-wishes-new:hover {
	background-color: #45a049; /* Adjust hover color as needed */
}


#wishesView{
	position: fixed;
	bottom:60px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #173579;
	color: white;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	max-width: 280px;
	width: 100%;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow for better visibility */
	padding: 0 !important;
	border-radius: 25px;
	z-index: 1000;
	background: linear-gradient(90deg,#30E5CA,#4385B3);
	text-shadow: 0 0 3px #881350a8;
}


body.other-user-page #wishesView,
body.other-user-page #showStatistics,
body.other-user-page .bottom-right-nav-item .icon
{
	background: linear-gradient(90deg, #EB6195,#D57D5C);
}






#wishesNo{
	font-size: 20px;
}
.lastWishText{

}

.lastWishText {
	font-size: 13px;
	color: #ffffffd6;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 30ch; /* Limit the width to 30 characters */
	position: relative;
	vertical-align: bottom;
}


.lastWishText::after {
	content: attr(data-text);
	display: inline-block;
	max-width: 30ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	visibility: hidden;
}


.lastWishText::before {
	content: attr(data-text);
	display: inline-block;
	max-width: 30ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* Media query for landscape orientation */
@media only screen and (orientation: landscape) {
	#wishesView {
		position: fixed;
		bottom: 0px;
		left: 75%; /* Center it in the right half */
		transform: translateX(-50%); /* Center horizontally relative to its left position */
		background-color: #173579;
		color: white;
		border: none;
		border-radius: 25px; /* Ensure consistent border-radius */
		cursor: pointer;
		text-align: center;
		max-width: 280px;
		width: 100%;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		padding: 10px 20px; /* Adjust padding to provide spacing */

	}
}





#chatOpenTrigger {
	color: #000000 !important;
	transition: all 0.2s ease;
	padding: 0px;
}


@media screen and (max-width: 360px) {
	.bottom-nav-item span {
		display: block;
		font-size: 0.7rem;
		/*font-weight: normal;*/
	}
}



.btn.btn-primaagendaModalry.hide-text-mobile{
	display: none;
}

#new-req-toggler{
	position: relative;
	cursor: pointer;
/*	margin-right: 1em;*/
}

#new-req-toggler .badge {
	border-radius: 100%;
	position: absolute;
	top: 10px;
	min-width: 1.25rem;
	height: 1.25rem;
	background-color: #d60606;
	font-weight: bold;
	margin-left: -17px;
	margin-top: -13px;
}

.btn{
	border-radius:25px !important;
}

.edit-video-left{
	display: none;
}


/* statistics ------------------------------------------------------- */


#statisticsModal{
	z-index: 10002;
}

#statisticsModalDetails{
	background-color: #f0f0f0;
}
.details-received-send{
	color:#173579;
	font-weight: 900;
	font-family: 'Roboto', sans-serif;
	font-size:1.3rem;
	line-height: 1.1;
	top: 50%;
	bottom: 50%;
	margin: auto !important;
}

#statisticsModalDetails .inPopupStatistics{
	background-color: rgba(23, 53, 121, 0.94);
	color: white;
	text-align: center;
	border-radius: 35px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
}
#statisticsModalDetails .inPopupStatistics:hover{
	background-color: rgba(22, 61, 149, 0.94) ;
	/*background-color: red !important;*/
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
	transition: all .2s ease-in-out !important;
}

#statisticsModalDetails .inPopupStatisticsNoLink{
	background-color: rgba(91, 95, 104, 0.94);
	color: white;
	text-align: center;
	border-radius: 35px;
	font-family: 'Roboto', sans-serif;

}

.newInfoStatistics{
	background-color: #d52929 !important;
}
.newInfoStatistics:hover{
	background-color: #f10505 !important;
}


#statisticsModalDetails .col-4{
	padding: 4px;
	margin: 0;
}


.pageViewsNewTop{
	border-top: 1px solid #ccc;
	margin-top: 24px;
}


#statisticsModal #infoModalContent{
	color: black !important;
}

#infoModalContentNew{
	color: black;
	overflow-y: visible !important;
}


.alert-benefits{
	background: linear-gradient(90deg, #df2727, #aa2222) !important;
	color: white;
}
.alert-benefits:hover{
	color: white;
}

/*  add to your connection ------------   */

#add-to-your-connections {

	cursor: pointer;
}

.circle-container-add-friend {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background-color: #F2F1F2;
	border: 4px solid #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #510e3b;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	position: relative;
}
.circle-container-add-friend:hover {
	background-color:#510e3b;
	color: #ffffff;
	transition: 0.2s ease-in-out;

}

.circle-container-add-friend .fa-user {
	font-size: 33px;
	margin-top: -15px;
}

.circle-container-add-friend .fa-plus {
	font-size: 2.3em;
	position: absolute;
	top: 11px;
	right: 20px;
}

.text-container {
	text-align: center;
	margin-top: 5px;
}

.text-bold {
	font-size: 1.9em;
	font-weight: 900;
	position: relative;
	margin: -15px 0 0 0 !important;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif;
}

.text-small {
	font-size: 15px;
	font-weight: 400;
	position: relative;
	margin: -7px 0 0 0 !important;
	font-family: 'Roboto', sans-serif;
	line-height: 0.8;
	letter-spacing: -1px;
	width: 62px;
	text-align: center !important
}
/*  ------------   */


/* video and image ----------------------------------------------------------------------  */
.bottom-right-nav {
	position: fixed;
	bottom: 120px;
	right: 20px;
	z-index: 1000;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

@media only screen and (orientation: landscape) {
	.bottom-right-nav {
		bottom: 82px;
		right: 136px;
	}
}

.bottom-right-nav-item {
	display: flex;
	flex-direction: column;
	/*align-items: center;*/
	margin-right: 6px;
	text-align: center;
	width: 63px;
}

.bottom-right-nav-item a {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
}

.bottom-right-nav-item .icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	border: 2px solid white;
	background-color: rgb(50, 217, 199);
}

#image0New .icon{
	background-color: #32d9c7;
	border: none !important;
	width: 46px;
}

.bottom-right-nav-item .icon i {
	font-size: 30px;
	color: white;
}

.bottom-right-nav-item .icon.videos {
	background-size: cover !important;
	background-position: center;
}

.bottom-right-nav-item .icon span {
	display: block;
	color: white;
}

.bottom-right-nav-item span {
	color: white;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	line-height: 1;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);
	cursor: pointer;
}


@media screen and (orientation: landscape) and (max-height: 414px) {
	.btn-custom {
		margin-bottom: 2px !important;
	}
}
@media screen and (orientation: portrait) and (max-height: 650px) {
	.btn-custom {
		margin-bottom: 5px;
	}
}


.stacked-images {
	display: flex;
	align-items: center;
	justify-content: center;
	/*width: 72px;*/
	height: 50px;
	position: relative;


}

.stacked-images a {
	width: 50px;
	height: 50px;
	border: 2px solid rgb(255, 255, 255);
	border-radius: 50%;
	position: unset;
	background-size: cover;
	background-position: center;
	margin-left: -21px !important;
	margin-right: -21px !important;

}

.stacked-images a:nth-child(1) { left: 0; z-index: 5; }
.stacked-images a:nth-child(2) { left: 8px; z-index: 4; }
.stacked-images a:nth-child(3) { left: 16px; z-index: 3; }
.stacked-images a:nth-child(4) { left: 24px; z-index: 2; }
.stacked-images a:nth-child(5) { left: 32px; z-index: 1; }

/*.stacked-images a:nth-child(1) { border: 2px solid rgb(255, 255, 255); }*/


.bottom-right-nav-row{
	display: flex;
	flex-direction: inherit ;

}
/* Add media query for portrait mode */

/* Add media query for portrait mode */
@media screen and (max-width: 380px) and (orientation: portrait) {
	.bottom-right-nav {
		flex-direction: column;
		align-items: center;
	}
	.bottom-right-nav-item:first-child {
		margin-bottom: 10px; /* Adjust as needed for spacing */
	}
	.bottom-right-nav-row {
		display: flex;
		flex-direction: row;
		justify-content: right;
		width: 100%;
	}
}

 /* ------------------------------------ */
#play{
	display: none;
}

#app-invite {
	padding-top: 2px !important;

/*	padding: 10px 20px;
	font-size: 16px;
	background-color: #007bff;
	border: none;
	color: white;
	cursor: pointer;*/
}

/* Adjust icon size */
#app-invite i.fa-share-alt {
	font-size: 18px; /* Adjust this value to make the icon smaller or larger */
	margin-left: -5px;
	margin-right: 6px;
}

/* Optional: If you want to center the icon vertically */
#app-invite .fa-share-alt {
	vertical-align: middle;
}



 /* image gallery popup new --------------------------------------------  */
#imagesModalEditNew{
	z-index: 10002;
}

#imagesModalDetailsNew .col6{
	margin: 0;
}

#imagesModalDetailsNew {
	padding-left: 0;
}

/*  circle buttons in popup */

.circle-container {
	position: relative;
	display: inline-block;
	text-align: center;
}

.circle-button, .circle-image {
	width: 140px; /* Adjust as needed */
	height: 140px; /* Adjust as needed */
	border: 2px solid #D3D3D3; /* Light grey border */
	border-radius: 50%;
	background-color: #fff; /* White background */
	font-family: Roboto, sans-serif;
	font-size: 16px;
	color: #000080; /* Dark blue text */
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin: 0 auto;
}

.circle-button .plus-icon {
	font-size: 40px;
	margin-bottom: 10px; /* Space between the plus sign and text */
}

.circle-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/*display: none;*/
}


.circle-image-zoom-poup{
	border-radius: 50% !important;
	height: 140px;
	width: 140px;
	background-color: rgba(0, 0, 0, 0.3);
	margin: 0;
}
.circle-image-zoom-poup i.fa-search-plus{

	color: #ffffff;
	font-size: 20px;
	margin-top: 60px;

}


.edit-delete-container {
	/*display: none;*/ /* Hidden by default */
	justify-content: center;
	align-items: center;
	margin-top: -6px;
}

.edit-button, .delete-button {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	/*padding: 5px 10px;*/
	margin: 0 5px;
	/*border-radius: 20px;*/
	text-decoration: none;
	cursor: pointer;
}

.edit-button {
	/*background-color: #000080;*/ /* Dark blue background */
	color: #fff;
}

.delete-button {
	background-color: #D3D3D3; /* Light grey background */
	color: #000;
	margin-top: 15px;
}

.edit-button .edit-icon, .delete-button .delete-icon {
	margin-right: 5px;
}

.add-photo-container {
	margin-top: 10px;
}

.add-photo-button {
	background-color: #D3D3D3; /* Light grey background */
	color: #000;
	border: none;
	padding: 10px 20px;
	border-radius: 20px;
	font-family: Roboto, sans-serif;
	cursor: pointer;
}


#imagesModalEditNew{

}
#imagesModalEditNew.modal-body{
	overflow-y: auto;
}




/* end images gallery popup new --------------------------------------*/


/*  --------------------------------- - end video images---------------------------------- */

select,
input,textarea {
	border-radius: 17px !important;
}

body.profile-page-1{
	background-color: #f6f9fb !important;
	background-image:none !important;
}

#profileDetailsModal{
	z-index: 10002 !important
}


/*   ---Login-------  */

#loginForm form{
	border-radius: 17px !important;
}

#loginForm .btn-primary{
	border: 2px solid rgba(255, 255, 255, 1) !important;
	font-weight: 800;
	width: 90%;
	background-color: rgba(255,255,255,.1) !important;
	border-radius: 25px;
	text-shadow: 0 0 2px  #111f3c;
	box-shadow: 0 0 25px rgba(25, 52, 106, 0.52) !important;

}

#loginForm .btn-primary:hover{
	border: 2px solid rgba(255, 255, 255, 1) !important;
}

#sign-up-form{
	border: 2px solid rgba(255, 255, 255, 1) !important;
	border-radius: 25px;
	text-shadow: 0 0 2px  #111f3c;
}
#sign-up-form:hover{
	border: 2px solid rgba(255, 255, 255, 1) !important;
}


/*   Login form ------------------------------------------------  */
.title-login{
	font-size: 23px;
	font-weight: 800;
	/*! width: 90%; */
	/*! background-color: rgba(255,255,255,.1) !important; */
	text-shadow: 0 0 2px #111f3c;
	margin-top: -10px;
	color: white;

}

#loginForm form {
	background-color: rgba(86, 23, 108, 0.38)

}
.home-how-to-button{
	display: none;
}
.home-new-user-container{
	margin-top: 34px;
}
.friends-status-new{
	display: none;
}


#live-container{
	margin-top: 47px;
	border-radius: 25px;
}
.add-conection-new-container{
	text-align: center;
	width: 100%;
}

.add-conection-new-container .btn {
	background: rgba(81, 14, 59, 0.09);
	color: #510e3b;
	border: 1px solid #510e3b;
	font-weight: bold;
}
.add-conection-new-container .btn:hover {
	background:#510e3b;
	color: #ffffff;
	border: 1px solid #510e3b;
	font-weight: bold;
}

#loginFormError.error{
	/*background-color: white !important;*/
	border-radius: 10px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 3px;
	color: white;
	font-weight: bold;
	z-index: 2;
}

/*select tags*/

.chosen-choices{
	border-radius: 10px;
}
.search-choice{
	font-size: 1.2em !important;
	margin-bottom: 8px;
}
.chosen-container-multi .chosen-drop .result-selected{
	font-size: 1.2em !important;
}

.chosen-container .chosen-results li.highlighted, .chosen-container .chosen-results li.active-result{
	font-size: 1.3em !important;
	color: black;
}