body
{
	background-color: #f5f5f5;
}

.logo
{
    height: 80px;
}

.hidden
{
    display: none;
}

.ui.left
{
    transition: width .2s linear;
}

.ui.left .accordion
{
    padding: 0;
}

.ui.left .accordion .title
{
    padding: 1em !important;
}

.ui.left .accordion .title .icon
{
    float: right;
    margin: 0 0 0 0.5em;
}

.pusher.push
{
    transform: translate3d(48px, 0, 0) !important;
    width: calc(100% - 48px) !important;
    transition: all .2s linear;
}

.pusher
{
    width: calc(100% - 260px) !important;
    transition: all .2s linear;
}

.maincontent
{
    min-height: calc(100vh - 34px);
}

.sidebar
{
	background-color: #2cb7c5 !important;
}

a.homebutt
{
	display: inline-block;
	width: 100%;
	border-radius: 10px;
	padding: 2em;
	background-color: #ebebeb;
	font-size: 16px;
	color: #2cb7c5 ;
	font-weight: bold;
	text-align: center;
	-webkit-box-shadow: 0px 8px 5px 0px rgba(199,203,212,1);
	-moz-box-shadow: 0px 8px 5px 0px rgba(199,203,212,1);
	box-shadow: 0px 8px 5px 0px rgba(199,203,212,1);
}

a.homebutt:hover
{
	-webkit-box-shadow: 0px 2px 5px 0px rgba(199,203,212,1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(199,203,212,1);
	box-shadow: 0px 2px 5px 0px rgba(199,203,212,1);
	padding: 2.3em 2em 1.7em 2em;
}

.reduced
{
    width: 48px !important;
}

.reduced span
{
    display: none;
}

.reduced .item
{
    height: 40px;
}

.topbar
{
    border-radius: 0px !important;
	background-color: #0092bc !important;
}

.footer, .footer a
{
    background-color: #ddd;
    color: #9999cc;
}

.footer .two b
{
	display:inline-block;
	margin-top: 0.2em;
}

.footer .column
{
	padding-top: 0.2em !important;
	padding-bottom: 0.2em !important;
}

.ui.inverted.menu .dropdown .item a
{
    color: #1e77bb !important;
}

.ui.card.inverted>.content>a.header,
.ui.card.inverted>.content>.header,
.ui.cards>.card.inverted>.content>a.header,
.ui.cards>.card.inverted>.content>.header,
.ui.card.inverted .meta,
.ui.cards>.card.inverted .meta,
.ui.card.inverted>.content>.description,
.ui.cards>.card.inverted>.content>.description,
.ui.card.inverted>.extra,
.ui.cards>.card.inverted>.extra {
    color: #fff;
}

.ui.card.inverted>.extra a:not(.ui):hover,
.ui.cards>.card.inverted>.extra a:not(.ui):hover
{
    color: #ddd;
}

.card .innericon, a.card .innericon
{
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    transition: all 0.2s linear;
}

.card .content
{
    z-index: 2;
}

.card .innericon i
{
    color: #000;
    opacity: 0.1;
    mix-blend-mode: overlay;
}

.card:hover > .innericon
{
    transform: scale(1.1);
    transition: all 0.2s linear;
}

.logo-back
{
    position: absolute;
    top: 13em;
    left: calc(50% - 7.5vw);
    width: 15vw;
    opacity: 0.05;
}

.history-line
{
    background-color: lightblue;
    width: 3px;
    height: 30%;
    position: absolute;
    left: 14px;
    top: 87px;
}

.ui.feed .event:not(:last-child)::before
{
    content: ' ';
    border-left: 4px solid lightblue;
    position: relative;
    margin-left: -4px;
    left: 24px;
    top: 1em;
    z-index: 1;
}

.card.divider
{
    visibility: hidden;
}

.ui.primary.button
{
	background-color: #0093b6 !important;
}

.blinking
{
	animation: blink 1s infinite;
}

@keyframes blink
{
	from { opacity: 1 }
	to { opacity: 0 }
}

.countdown
{
	display: inline-block;
	margin: auto;
	font-weight: bold;
	width: 36px;
	height: 36px;
	text-align: center;
	padding: 5px;
	border-radius: 50%;
	border: 3px solid white;
	animation: mymove 1s ease infinite;
}

.itsok
{
	color: #2db7c4;
}

@keyframes mymove {
    from {border: 3px solid transparent; transform: rotateY(0deg)}
    to {border: 3px solid white; transform: rotateY(360deg)}
}

@media only screen and (max-width: 767.98px) {
	 .ui.container {
	   margin: 0 !important;
	 }
	 .topbar
	 {
		 padding-right: 0.5em !important;
	 }
}