body {
	background-color: #333 !important;
}
.ui.menu .item img.logo {
	margin-right: 1.5rem;
}
.main.container {
	margin-top: 3.5rem;
}
.wireframe {
	margin-top: 2rem;
}
.ui.footer.segment {
	_background-color: pink;
	_margin: 4em 0em 0em;
	padding: 0 0 3.2em 0;
}

a.ui.basic.button {
	color: #4183c4 !important;
	border-color: none !important;
	box-shadow: 0px 0px 0px 1px transparent inset !important;
	background-color: transparent;
    border: none;
    outline: none;
}
a.ui.basic.button:hover {
	color: #4183c4 !important;
	opacity: .8 !important;
	background: transparent !important;
	
}

.f_footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: teal;
	color: white;
	text-align: center;
	z-index: 101;
}
.f_footer .popup {
	position: fixed !important;
}

#redline {
	max-height: 1px;
}


body.pushable>.pusher {
	/*background: #fff;*/
	_background-color:#ffebbc;
}

.Site {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	background-color:azure;
}

.Site-content {
	flex-grow: 1;
}

/* Only IE11 */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .Site-ie-container {
	display: flex;
	}
	*::-ms-backdrop, .Site {
	width: 100%;
	}
}

@media screen and (max-device-width:480px){body{-webkit-text-size-adjust:none}}

/*Sidebars use a special fix for iOS that are added using userAgent detection.*/
html.ios {
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
html.ios,
html.ios body {
	height: initial !important;
}

@keyframes shimmy {
	0% {
		transform: translate(0, 0);		
	}
	30% {
		transform: translateY(-22px);
	}
	100% {
		transform: translateY(0);
	}
}
.anim{
	/*
	-webkit-transform:translateY(-26px) !important;
	-ms-transform:translateY(-26px) !important;
	transform:translateY(-26px) !important;
	*/
	animation: shimmy 2s infinite;
}

[class*="hidden"]:not(.mobile) {
	display: none !important;
}

.ui.vertical.menu .item > i.icon.lefted {
    float: none;
    margin: 0em 0.35714286em 0em 0em;
    font-size: inherit !important
}

.ui.vertical.menu .item a:hover {
    color: orange !important
}



@media only screen and (max-width: 767px) {
	[class*="mobile hidden"],
	[class*="tablet only"]:not(.mobile),
	[class*="computer only"]:not(.mobile),
	[class*="large monitor only"]:not(.mobile),
	[class*="widescreen monitor only"]:not(.mobile),
	[class*="or lower hidden"] {
		display: none !important;
	}
}
