* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

[ng-click] {
	cursor: pointer;
}
[ng-click]:hover {
 opacity: .8;
}


cover-screen {
		position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: var(--m-black);
}

cover-screen > content {
	
}


.badge {
	background: #000;
	color: #fff;
	font-size: .8em;
	font-family: Bold;
	line-height: 30px;
	padding: 0px 10px;
	margin: 0 5px 10px 0;
	border-radius: 20px;
	display: inline-block;
}

.m-ui .badge.mini {
  background: #000;
  color: #fff;
  font-size: .7em;
  font-family: Bold;
  line-height: 25px;
  padding: 1px 8px 0px;
  margin: 0 5px 12px 0;
  border-radius: 20px;
  display: inline-block;
}

.badge.medium {
	line-height: 35px;
	font-size: 1em;
	padding: 0px 15px;
/*	font-family: var(--normal);*/
}

.m-ui .badge.bordered {
  background-color: transparent;
  color: initial;
  border: 1px solid;
  border-color: initial;
  line-height: 28px;
}

.m-ui .badge.mini.bordered {
  line-height: 23px;
}

/*iOS pwa corections */
.m-ui header {	
	padding-top: calc(env(safe-area-inset-top) + 15px);
	border-color: transparent;
}

@media screen and (min-width: 600px){
	.m-ui header {	
		padding-top: calc(env(safe-area-inset-top) + 30px) !important;
		border-color: transparent;
	}
}


header.transparent {
	 background: linear-gradient(180deg, #000, transparent) !important;
	/*background: transparent !important;*/
}

header {
	background: linear-gradient(180deg, #000, transparent) !important;
}

.m-ui [m-button][m-type=circle].with-icon.mini.e145:before {
    font-size: 22px;
    width: 22px;
    margin: -11px 0 0 -11px;
}

.m-ui [m-button][m-type=circle].with-icon.mini.e5ca:before {
    font-size: 24px;
    width: 24px;
    margin: -12px 0 0 -12px;
}

.wrapper {
	
}


@media screen and (min-width: 1100px){
	.m-ui header {
		top: 0px;
		padding-top: 30px !important;
		/* background: none !important; */
	}
}