: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;
	background-color: #101623;

}

.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-home,
.logo-top{
	height: 2.3em;
	margin-left: 0.5em;
}

.logo-top-home{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	margin-top: 5px;
	margin-left: 10px;
}

.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;
}

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

#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 input::placeholder {
	color: #FFF;
	opacity: 0.7;
}

#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: hidden;

}

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: #FFF;
	height: 100%;
	width: 100%;
	max-width: 100%;

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

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

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: 4px;
	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: rgba(255,255,255,0.7);
	padding-bottom: 10px;
}

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

#profileForm.transparent-bg{
	padding: 20px;
}

#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, 0.8);
	font-size: 0.9rem;
}


#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: rgba(0,0,0,0.5)!important;
	padding: .5em 17em;
}

.pull-right.header-user > a,
.pull-right.header-user > button{
	color: rgba(255,255,255,0.6);
}
.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;
}

/*
#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:1px solid rgba(255,255,255,.35)!important;
	border-radius: 3px;
	color: rgba(255,255,255,.75)!important;

}

#top-menu-arrow.btn-primary:hover{
	border:1px solid rgba(255,255,255,.7)!important;
	color: rgba(255,255,255,1)!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.5rem;
}


.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;
}

#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: #2b5393;
	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;
}

/** 3d scene **/
#canvas{
	width: 100vw;
	height: 100vh;
	max-width: 100%;
	max-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
}

.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);
}
#wishesView:hover{
	background-color: rgba(255,255,255,.6);
	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: -0.9em;
	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;
}

#wishesViewTrigger{
	cursor: pointer;
	font-size: 1.5em;
}

#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{
	padding-bottom: .5em;
	padding-top: .5em;
}

#wishesViewLister .wish-item:not(:last-child){
	border-bottom: 1px solid #CCC;
}

#wishesViewLister .wish-item:nth-child(2n){
	background-color: rgba(0,0,0,0.1);
}

#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;
}

/** 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
{
	z-index: 99959;
	color: #404040;
}

.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;
}

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

#wishLikeLister .wish-like-user .img-responsive{
	max-height: 3em;
}

#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,
.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{
	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;
}

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

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

.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;


}
#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: 0.5;
	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;
}

.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 {
	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-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-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;
}

#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: 2em;
	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;
	text-shadow: 1px 1px #8c8c8c94;
	width: 60vw;
	margin-left: 20vw;
	word-break: break-word;


}

.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;
	background-color: #6c757d;
	padding: .25em 1em;
	display: none;
}

.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,0.6);
	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;
	right: -0.9em;
	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;
	left: -.5rem;
	/*!*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;
}

#new-req-toggler{
	position: relative;
	margin-right: 1em;
}

#new-req-toggler .badge{
	border-radius: 100%;
	position: absolute;
	top: auto;
	bottom: -.25em;
	right: .25em;
}

/*** 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: #FFF;
}

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;
}

#chatModal .modal-dialog{
	max-height: 80%;
	/*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: 85%;
	border:none;
	border-bottom: 1px solid #ddd;
	background-color: #fbfbfb;
	padding: 0.3em 1em 0.3em 1em;
	font-size: 0.9em;
}

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

#chatSend{
	height: 100%;
	width: 15%;
}

.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 {
	pointer-events: none;
}

video::-webkit-media-controls {
	display: none!important;
	opacity: 0!important;
}

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

video::-webkit-media-controls-volume-slider {
	display: none!important;
	opacity: 0!important;
}

video::-webkit-media-controls-mute-button {
	display: none!important;
	opacity: 0!important;
}

video::-webkit-media-controls-timeline {
	display: none!important;
	opacity: 0!important;
}

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;
}

.mobile-back-btn{
	display: none;
	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 {
	margin-right: 1em;
	margin-top: 13em;
	text-shadow: 1px 1px #8c8c8c !important;
}

#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 {
	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;

}

#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;

	background-color: #005ab3;
	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;
}

/* -----------------------------------------------------------*/
@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;
	}
}

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

@media screen and (max-width: 998px){
	#loginForm {
		position: absolute;
		top: 3em;
		width: auto;
		left: 2em;
		right: 2em;
		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;
	}

	/** 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){

	.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;
	}

	#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: 75%;

		position: absolute;
		left: calc(50% - 1rem);
		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 .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;
	}

	.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 (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;
	}
}




/* ----------- 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;
	}

	#check-agenda {
		margin-top: 7.5em;
	}


	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;
	}


}


/* --------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;*/
	/*}*/


}

/* ----------- 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 .edit-image-left {
		top: 120%;
		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;
	}
}