body
{
	background-color: #f5f5f5;
}

.logo
{
    height: 80px;
}

.hidden
{
    display: none !important;
}

.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: #cc7623 !important;
}

a.homebutt
{
	display: inline-block;
	width: 100%;
	border-radius: 10px;
	padding: 2em;
	background-color: #ebebeb;
	font-size: 16px;
	color: #cc7623;
	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);
	margin-top: 6px;
}

.reduced
{
    width: 48px !important;
}

.reduced span
{
    display: none;
}

.reduced .item
{
    height: 40px;
}

.last.column
{
	/*break-after: always;*/
	margin-right: 50%;
}

.topbar
{
    border-radius: 0px !important;
	background-color: #88070e !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;
}

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

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

@media only screen and (min-width: 320px) and (max-width: 767px) /*mobile*/
{
	.mobile.hidden, .column.hidden
	{
		display: none !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) /*tablet*/
{
	.tablet.hidden, .column.hidden
	{
		display: none !important;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1279px) /*computer*/
{
	.computer.hidden, .column.hidden
	{
		display: none !important;
	}
}
@media only screen and (min-width: 1280px) and (max-width: 1919px) /*largeMonitor*/
{
	.largemonitor.hidden, .column.hidden
	{
		display: none !important;
	}
}
@media only screen and (min-width: 1920px) /*widescreen*/
{
	.widescreen.hidden, .column.hidden
	{
		display: none !important;
	}
}
