body{
	font-family: "Roboto",sans-serif;
}
div, p, ul, ol, li, table, tr, td, a, span, input, label, textarea{
	color:#000;
}
h1, h2, h3, h4, .academy-part-title{
	
}

a{
	color: #1babce;
}

.widgetbody a{
	color: rgba(3,49,61,1);
	text-decoration: none;
}

.widgetbody a:hover{
	color: rgba(3,49,61,0.5);
	text-decoration: none;
}

p,ul,ol{
	line-height:20px;
}

#portal-default-header{
	background-image: url(https://peca.learnify.com/Content/ClientSettings/108/peca-default.jpg);
}
#headerw-fallback{
	background-image: url(https://peca.learnify.com/Content/ClientSettings/108/peca-default.jpg)!important;
}

#header{
	height: 60px;
    border-bottom: 0px;
    background-color:rgba(3,49,61,0.85);
    top:16px;
}

#inner-header{
	margin-top:0px;
	max-width:100%;
}

#headerw {
    height: 40vw;
    max-height: 300px;
    border:none;
    margin-top:0;
}

.headerw-inner{
	bottom:0px!important;
}

#list-admin-sub-menu{
	background-color: rgba(3,49,61,1);
}

#list-logo{
	width: 200px;
    height: 80px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	background-image:url('https://peca.learnify.com/Content/ClientSettings/108/PECA Logo-4.png');
	position: absolute;
    bottom: auto;
    top: -14px;
    left: 6px;
    right: auto;
    background-color: rgba(3,49,61,1);
    border: 4px solid rgba(3,49,61,1);
    border-radius: 12px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

#list-logo-separator{
	width: 20px;
}

#main-menu{
	padding:0px;
	height:100%;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

#academy-overview-header {
    border-bottom: 0px;
}

#footer{
	border:none;
	background-color:rgba(3,49,61,1);
	color:#fff;
	padding: 20px;
}

#footer a,#footer p{
	color:#fff;
}

#footer img{
	width: 204px;
	height:auto;
	margin: 0;
}

.academy-sub-page-holder label{
	color:#fff;
}

#myPortalGrid{
	/* 1=random, 2=two fixed, 3=three fixed */
	column-count:2;
}

.academy-grid-item-content:hover{
	border-color: #1babce;
}

.academy-list-course-block:hover{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: rgba(3,49,61,0.2);
}

.academy-small-button-active{
	border-color:rgba(3,49,61,1);
}

.academy-part{
	border-bottom: none;
}

.academy-contextual-header .academy-part-title{
	color:#fff!important;
}

.academy-sub-program-header h1{
	color:#245378!important;
}

.course-activity-button:hover{
	background-color: rgba(3,49,61,1);
	border-color:rgba(3,49,61,1);
	color:#fff;
}

.course-activity-button-white:hover{
	border: 4px solid rgba(3,49,61,1);
}

#login input{
	background-color: #fff;
	color:#000;
	font-size: 15px;
    padding: 4px 10px;
	border: 1px solid #555;
	margin-bottom: 0px;
}
#login input[type=button]{
	background-color: #fff;
	color: #000;
	font-size: 15px;
	padding:6px 20px;
	border-radius: 6px;
	border: 2px solid #ddd;
}

.academy-menu-button{
	fill:#fff;
	color:#fff;
	margin-top: 6px;
}
.academy-menu-button a{
	transition: all 0.35s;
	fill:#fff;
	color:#fff;
}

.academy-menu .academy-menu-button{
	margin-top: 0px;
    height: 60px;
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    margin: 0;
    transition: background-color 0.35s;
}
.academy-menu .academy-menu-button:hover{
	background-color: rgba(255,133,0,0.75);
}

.academy-menu .academy-menu-button p{
	font-weight: bold;
	font-size: 15px;
}

#list-loggedin{
	top:6px;
}

.page-portal-account- #tabs{
	display: none;
}

.page-portal-page-kurskatalog- .academy-overview-header-title{
	display: none;
}

.page-portal-page-kurskatalog- .academy-overview-header-tools{
	width:100%;
	text-align: center;
}

#outside-login-button{
	background-color: rgba(255,133,0,0.75);
}

#outside-login-button:hover{
	background-color: rgba(255,255,255,1);
	color:rgba(255,133,0,1);
}

.academy-outside-menu-button{
	margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    height: 100%;
}
.academy-outside-menu-button a p{
	color:#fff!important;
	padding-top: 4px;
}

.academy-outside-menu-button:hover{
	background-color: rgba(255,133,0,0.75);
}

.multi-purpose-tile .multi-purpose-button{
	margin-top: -60px;
	border: 4px solid #fff;
}

#main-menu .multi-purpose-block .multi-purpose-button {
    margin-top: -4px;
    padding: 5px 26px;
    margin-bottom: 0px;
}

#main-menu .multi-purpose-block a {
    color:rgba(255,133,0,1);
}
#main-menu .multi-purpose-block a:hover{
    color:#fff
}

.academy-external-content{
	padding-top:30px!important;
}


@media (min-width: 0px) and (max-width: 1100px){
	#inner-header {
    	background-color: transparent;
	}
}
@media (min-width: 320px) and (max-width: 767px) {
	.academy-grid-title-holder h1{
		font-size:18px!important;
		line-height: 20px!important;
	}
}