nav {
	position: fixed;
    top: 0px;
	height: 55px;
    display: flex;
    transition: all ease 0.3s;
    z-index: 3;
    justify-content: flex-end;
}

section.night nav {
  background-color: #2b2d2f;
}

nav .link{
	font-family: 'dracula-Montserrat', 'Montserrat';
	font-size: 14px;	
	text-decoration: none;
	padding: 6px;
	transition: color ease 0.3s;
}

nav.shadow {
	box-shadow: 0 0 6px 0 #00000040;
}

nav.solid {
	background-color: #ffffff;
	border-bottom: 2px solid #fafafa;
}

.subnavi {
	background-color: #ffffff;
	width: 100%;
	height: 42px;
	position: fixed;
	top: 55px;
	z-index: 1;
	padding-left: 3px;
	box-shadow: 0 3px 6px -3px rgba(43, 45, 47, 0.3);
}

.subnavi button {
	bottom: 3px;
	position: relative;
}

.subnavi .dashboard button:disabled {
	color: #abdcff;
	text-shadow: none;
	background: none !important;
	box-shadow: none !important;
}

.navi-item{
	color: rgba(0, 150, 255, 0.5); /*default blue color*/
    font-size: 21px;
    text-shadow: 2px 0px 1px #002742;
    transition: .2s ease;
    cursor: pointer;
}

nav .icon {
	font-size: 24px;
}

nav .load-latest-button {
    left: 95px;
    padding: 9px 15px;
}

nav .load-location-button {
    left: 165px;
    padding: 9px 18px;
}

nav .subscribe-button {
	left: 95px;
    padding: 14px 12px;	
}

nav .block-channel-button {
	left: 165px;
    padding: 14px 12px;	
}

nav .dracula-business-chat-button {
    right: 95px;
    padding: 12px 13px;
}

nav .user-menu-button {
    right: 35px;
    padding: 9px 13px;
}


.navi-item:hover, .navi-item.open{
	transform: scale(1.15);
	color: #0095ff;
}

.navi-menu{
	white-space: nowrap;
	padding: 15px;
	color: #0095ff;
	font-size: 12px
}

.navi-menu a{
	color: #0095ff;
}

.navi-menu a:hover{
    color: #003a63;
    text-shadow: 1px 0px 1px #b9e2ff;
}

nav .login-teaser{
	top: 60px;
    right: 15px;
    background: white;
    color: #0095ff;
    padding: 15px;
    z-index: 2;
    border-radius: 6px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
    font-family: 'Montserrat';
}


nav .login-teaser:after {
	bottom: 100%;
	right: 28px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 12px;
	margin-left: -12px;
}


#user-menu-dropdown{
	width: 185px;
    right: 0px;
}

.user-menu-item{
	padding: 6px;
	font-weight: 500;
	font-size: 15px;
}

.user-menu-item a{
	cursor: pointer;
	color: #0095ff;
    transition: color .25s ease-out,color .25s ease-out;
}

.user-menu-item a:hover{
   color: #003a63;
   transition: color .25s ease-out,color .25s ease-out;
}


.userfort-logout-wrapper{
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    height: 21px;
}

#burger{
	color: #0095ff;
    font-size: 21px;
    padding: 9px;
    content: "\f0c9";
}

#burger.updates{
	color: #ff0045;
    padding-right: 8px;
}

.channel-menu-toggle{
	font-size: 18px;
	color: #0095ff;
}

.chat-menu{
	display: flex;
}

.chaticon{
    width: 45px;
    border: none!important;
}

.user-menu-image{
	width: 55px;
    display: inline-block;
    overflow: hidden;
    border-radius: 27px;
    background-color: #0095ff;
    box-shadow: 0 2px 9px 0px rgba(0, 0, 0, 0.5);
    transition: box-shadow ease 0.3s;
}
.user-menu-image:hover{
    box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.5);
}

.user-menu-desk{
    background-color: #ffffff;
    width: 100%;
    overflow: hidden;
    height: calc(100vh);
}



main.indent.closed .user-menu-desk {
	width: 100%;	
}


.user-menu-picture{
	background-color: #ffffff;
    overflow: hidden;
    border: 2px solid white;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #cccccc;
}

.user-menu-desk.open{
	transform: scale(1.0);
	opacity: 1;
	transition: all ease .5s;
}
.user-menu-desk.closed{
	transform: scale(0.7);
	opacity: 0;
	transition: all ease .5s;
}

.close-button{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    cursor: pointer;
    height: 50px;
    box-shadow: 0 1px 15px -1px rgba(0, 0, 0, 0.3);
    font-size: 27px;
    border-radius: 25px;
    background-color: #cceaff;
    text-align: center;
    color: #0095ff;
    padding: 7px;
    transition: .3s ease;
}

.close-button:hover{
	background-color: #0095ff;
    color: white;
    transition: .3s ease;
}

.navi-spacer {
	height: 60px;
	width: 100%;
}

.notifications {
    top: 60px;
    right: 15px;
    width: 240px;
    height: 270px;
    z-index: 1;
    overflow: hidden;
}

.notifications .entry {
	background-color: #ffffff;
    box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.3);
  	with: 100%;
  	padding: 12px;
  	margin: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
	transition: ease 0.3s;
    max-height: 60px;
    color: #6b6d6f;
    font-family: 'Montserrat';
    font-weight: 400;
}


.notifications .entry:hover {
	box-shadow: 0 0px 9px -1px rgba(0, 0, 0, 0.3);;
}