/* rediger og smut en tur forbi https://cssminifier.com - bliver det for besværligt over tid, så kør un-minified version!!! */

@charset "UTF-8";

@media print {
	#non-printable { display: none !important; }
	#boxShaddow { box-shadow: none; }
	.normal { font-size: 12px !important; }
	}

@media only screen and (max-device-width: 960px) {
	html {
    	-webkit-text-size-adjust:none;
	}
	.iti-flag {background-image: url("/_plugins/intlTelephone/img/flags@2x.png");}
	}

.pagebreak { page-break-before: always; }

/***************************** Billeder og nyheder ****************************/

.rotateImage90ccw {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	}

.rotateImage90cw {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
  transform: rotate(90deg);
	}

.newsPicCornerRound {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-collapse: collapse;
	color:#eeeeee;
	}

.news-picture-border {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	background-color: #f5f5f5;
	outline: 1px solid #cccccc;
	border-radius:4px;
}

.news-picture-border-dark {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	background-color: #2f2f2f;
	outline: 1px solid #cccccc;
	border-radius:4px;
}

.newsBlackBar {
	position:relative;
	width:482px;
	height:45px;
	top:156px;

	border-radius: 0px 0px 4px 4px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: rgba(0,0,0,0.5);
	}

.newsBlackBar-text {
	width:250px;
	height:45px;

	color: #FFFFFF;
	display:table-cell;
	vertical-align:middle;
	line-height: 16px;
	}

.newsBlackBar-time {
	width:100px;
	height:45px;

	color: #FFFFFF;
	display:table-cell;
	vertical-align:middle;
	text-align: right;
	font-size:10px;
	}

.roundPicture {
	border-radius: 50%;
	box-shadow: 0 0 0 1px #cccccc;
	}

.roundPicture-dark {
	border-radius: 50%;
	box-shadow: 0 0 0 1px #7c7c7c;
	}

.profilePicture {
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFFFFF;
	}

.profilePicture-dark {
	border-radius: 50%;
	box-shadow: 0 0 0 3px #CCCCCC;
	}

.roundPictureDark {
	border-radius: 50%;
	box-shadow: 0 0 0 1px #9c9c9c;
	}

.topPicture {
	border-collapse: collapse;
	border-radius:4px;
	display: block;
	}

.topPicture-border {
	border-collapse: collapse;
	border-radius:4px;
	display: block;
	outline: 1px solid #cccccc;
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);	
	width: 650px;
	height: 270px;
	}

.productPicture {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	border: 1px solid #cccccc;
	border-radius:4px;
	}

	.messagePicture {
		border: 1px solid #00000020;
		border-radius:4px;
		}

.banner-single {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	outline: 1px solid #cccccc;
	border-radius:4px;
	}

.banner-left {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-radius:4px 0px 0px 4px;
	}

.banner-center {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}

.banner-right {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-radius:0px 4px 4px 0px;
	}

img.desaturate { filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	}

.inactiveBadge {
	filter: alpha(opacity=20);
	opacity: 0.2;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}

img.transparent {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.blackwhite {
	filter: grayscale(100%);
	opacity: 0.6;
	}

.greyFade {
	opacity: 0.6;
	filter: alpha(opacity=60); /* msie */
	filter: grayscale(60%);
	-webkit-filter: grayscale(60%);
	-moz-filter: grayscale(60%);
}

.greyFadeMore {
	opacity: 0.4;
	filter: alpha(opacity=40); /* msie */
	filter: grayscale(40%);
	-webkit-filter: grayscale(40%);
	-moz-filter: grayscale(40%);
}

.greyFadeMore-line {
	border-bottom: 1px solid #929292 !important;
	opacity: 0.4;
	filter: alpha(opacity=40); /* msie */
	filter: grayscale(40%);
	-webkit-filter: grayscale(40%);
	-moz-filter: grayscale(40%);
}

.logoDesaturate {
	filter: grayscale(100%);
	}

.logoDesaturate:hover {
  	filter: none;
  	-webkit-filter: grayscale(0%);
  	-moz-filter: grayscale(0%);
	text-decoration: none;
	opacity:1.0;
}

/******************************* progressbar onboarding *******************************/

.onboardingProgressBar{
	background-color: #cccccc;
	height: 15px;
	width: 100%;
	border-radius: 3px;
	}


.onboardingProgressBarRed-begin{
	background-color: #d00000;
	height: 15px;
	position: absolute;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}

.onboardingProgressBarGreen-begin{
	background-color: #81ac1c;
	height: 15px;
	position: absolute;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}

.onboardingProgressBarYellow-begin{
	background-color: #e7c400;
	height: 15px;
	position: absolute;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}

.onboardingProgressBarRed-end{
	background-color: #d00000;
	height: 15px;
	position: absolute;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}

.onboardingProgressBarGreen-end{
	background-color: #81ac1c;
	height: 15px;
	position: absolute;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}

.onboardingProgressBarYellow-end{
	background-color: #e7c400;
	height: 15px;
	position: absolute;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}

.onboardingProgressBarGreen-all{
	background-color: #81ac1c;
	height: 15px;
	position: absolute;
	border-radius: 3px;
	border-radius: 3px;
	}

.onboardingProgressBarRed-all{
	background-color: #d00000;
	height: 15px;
	position: absolute;
	border-radius: 3px;
	border-radius: 3px;
	}

.onboardingProgressBarYellow-all{
	background-color: #e7c400;
	height: 15px;
	position: absolute;
	border-radius: 3px;
	border-radius: 3px;
	}



.onboardingProgressBarRed{
	background-color: #d00000;
	height: 15px;
	position: absolute;
	}

.onboardingProgressBarGreen{
	background-color: #81ac1c;
	height: 15px;
	position: absolute;
	}

.onboardingProgressBarYellow{
	background-color: #e7c400;
	height: 15px;
	position: absolute;
	}

/******************************* progressbar users/overview *******************************/

.achievementsProgressBar{
	background-color: #cccccc;
	height: 8px;
	width: 235px;
	border-radius: 3px;
	}

.achievementsProgressBar-green{
	background-color: #81ac1c;
	height: 8px;
	position: absolute;
	border-radius: 3px;
	border-radius: 3px;
	}

/******************************* progressbar *******************************/

.progressBar{
	background-color: #cccccc;
	height: 30px;
	position: absolute;
	border-radius: 3px;
	}

.progressBar-dark{
	background-color: #acacac;
	height: 30px;
	position: absolute;
	border-radius: 3px;
	}

.progressBarRed{
	background-color: #d00000;
	height: 30px;
	position: absolute;
	border-radius: 3px;
	}

.progressBarBG{
	background-color: #e0e0e0;
	height: 30px;
	width: 100%;
	border-radius: 3px;
	}

.progressBarBG-dark{
	background-color: #CCCCCC;
	height: 30px;
	width: 100%;
	border-radius: 3px;
	}

.progressBarBG-extradark{
	background-color: #acacac;
	height: 30px;
	width: 100%;
	border-radius: 3px;
	}

.progressBarBG_tiny{
	background-color: #e0e0e0;
	height: 20px;
	width: 105px;
	border-radius: 3px;
	}

/******************************* progressbar certificeringer *******************************/


.largeProgressBarBG{
	background-color: #7B7C7B;
	height: 20px;
	width: 100%;
	border-radius: 10px;
	}

.largeProgressBar_red{
	background-color: #d00000;
	height: 20px;
	position: absolute;
	border-radius: 10px;
	}

.largeProgressBar_green{
	background-color: #81ac1c;
	height: 20px;
	position: absolute;
	border-radius: 10px;
	}

.smallProgressBarBG{
	background-color: #CCCCCC;
	height: 10px;
	width: 100%;
	border-radius: 5px;
	}

.smallProgressBar_red{
	background-color: #D00000;
	height: 10px;
	position: absolute;
	border-radius: 5px;
	}

.smallProgressBar_yellow{
	background-color: #e7c400;
	height: 10px;
	position: absolute;
	border-radius: 5px;
	}

.smallProgressBar_green{
	background-color: #81ac1c;
	height: 10px;
	position: absolute;
	border-radius: 5px;
	}

/**************************** nye content bokse [FLAT] ****************************/


.contentBox-flat {
	background-color: #FFFFFF;
	}

.contentBoxDark-flat {
	background-color: #2f2f2f;
	}

/******************************* content bokse *******************************/

.transparentBlackBox {
	border-collapse: collapse;
	background-color: rgba(19,19,19,0.85);
}

.boxShaddow {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	}

.contentBox-spacer {
	padding: 10px;
	}

.contentBox {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	background-color: #f5f5f5;
	outline: 1px solid #cccccc;
	border-radius:4px;
	}

.contentBox-darker {
	background-color: #EDEDED;
	outline: 1px solid #cccccc;
	border-radius:4px;
	}

.contentBox-padding {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	background-color: #f5f5f5;
	outline: 1px solid #cccccc;
	padding: 20px;
	border-radius:4px;
	}

.contentBox_dark {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	background-color: #2f2f2f;
	border-radius:4px;
	}

.greenBG{
	background-color: #81ac1c;
	}

.redBG{
	background-color: #d00000;
	}

.exportBox {
	background-color: #e0e0e0;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	}

.exportBoxRed {
	background-color: #d00000;
	border: 1px solid #a10000;
	border-collapse: collapse
	}

.exportBoxGreen {
	background-color: #81ac1c;
	border: 1px solid #668816;
	border-collapse: collapse
	}

.exportBoxYellow {
	background-color: #e7c400;
	border: 1px solid #cfb000;
	border-collapse: collapse
	}

.exportBox-round {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	background-color: #505050;
	border-radius: 4px;
	}
	
.exportBoxGreen-round {
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
	background-color: #81ac1c;
	border-radius: 4px;
	}

.exportBoxSystemColor {
	border: 1px solid #cccccc;
	border-collapse: collapse
	}

.onePxBorder {
	border:1px solid #cccccc
	}

/******************************* 2021 warnings ******************************/

.warningBox-green {
	background-color: #d2f9cd;
	border: 1px solid #65e958;
	border-collapse: collapse;
	padding: 15px;
	text-align: center;
	border-radius:4px;
	}

.warningBox-orange {
	background-color: #fff1e1;
	border: 1px solid #ffc175;
	border-collapse: collapse;
	padding: 15px;
	text-align: center;
	border-radius:4px;
	}

.warningBox-red {
	background-color: #fec8c8;
	border: 1px solid #f07775;
	border-collapse: collapse;
	padding: 15px;
	text-align: center;
	border-radius:4px;
	}

/********************************** linier *********************************/

.hr_style {
	border:none;
	border-top: 1px solid #cccccc;
  border-bottom: 1px solid white;
	}

.hr_rightsmanagement {
	color: #BFC0BF;
	background-color: #BFC0BF;
	height: 1px;
	border: 0px;
	margin-left:-3px;
	margin-right:-3px;
	}

.hr_rightsController {
	color: #C0C0C0;
	background-color: #C0C0C0;
	height: 1px;
	border: 0px;
	margin-left:-3px;
	margin-right:-3px;
	}

.hr_styleSingle {
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border:none;
	}

.hr_transparent {
	color: #ffffff50;
	background-color: #ffffff50;
	height: 1px;
	border:none;
	}

.hr_styleSingleDark {
	color: #606060;
	background-color: #606060;
	height: 1px;
	border:none;
	}

.hr_styleOnGrey {
	border:none;
	border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #cccccc;
	}

.hr_styleOnBlack {
	border:none;
	border-top: 1px solid #393939;
    border-bottom: 1px solid #5a5959;
	}

.hr_styleSingleOnBlack {
	color: #505050;
	background-color: #505050;
	height: 1px;
	border:none;
	}

.horizontalLine{
	border-left: 1px solid #cccccc;
	width: 1px;
	}

.verticalLine{
	background-image: url(/_media/front/verticalLineOnBlack.png);
	background-repeat: repeat-y;
	background-position: center top;
	}

.verticalLine_light{
	background-image: url(/_media/front/verticalLine.png);
	background-repeat: repeat-y;
	background-position: center top;

	}

.verticalLineOnGrey{
	background-image: url(/_media/front/verticalLineOnGrey.png);
	background-repeat: repeat-y;
	background-position: center top;
	}

/**************************** tekster ****************************/

body{
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 13px;
	line-height:18px;
	margin: 0em;
}

A:hover  {
	text-decoration: underline;
}

.normal, p{
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 13px;
	line-height:18px;
	margin-top: 0em;
}

.socialInteractions{
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 13px;
	line-height:18px;
	margin-top: 0em;
}

.verticalText {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    transform: rotate(270deg);
    white-space:nowrap;
    display:block;
    width:10px;
    position:relative;
}

.rotate90 {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    transform: rotate(270deg);
}

.fakeLink:hover {
    text-decoration: underline;
    cursor: pointer;
}

.moveLeft2px {
	position:relative;
	right:2px;
}

.moveDown1px {
	position:relative;
	top:1px;
}

.moveDown2px {
	position:relative;
	top:2px;
}

.moveDown3px {
	position:relative;
	top:3px;
}

.moveDown4px {
	position:relative;
	top:4px;
}

.moveDown5px {
	position:relative;
	top:5px;
}

.moveDown6px {
	position:relative;
	top:6px;
}

.moveDown7px {
	position:relative;
	top:7px;
}

.moveDown8px {
	position:relative;
	top:8px;
}

.moveDown9px {
	position:relative;
	top:9px;
}

.moveDown10px {
	position:relative;
	top:10px;
}

.moveDown11px {
	position:relative;
	top:11px;
}

.moveDown12px {
	position:relative;
	top:12px;
}

.moveDown13px {
	position:relative;
	top:13px;
}

.moveDown14px {
	position:relative;
	top:14px;
}

.moveDown15px {
	position:relative;
	top:15px;
}

.moveDown16px {
	position:relative;
	top:16px;
}

.moveDown17px {
	position:relative;
	top:17px;
}

.moveDown18px {
	position:relative;
	top:18px;
}

.moveDown19px {
	position:relative;
	top:19px;
}

.moveDown20px {
	position:relative;
	top:20px;
}

.moveDown24px {
	position:relative;
	top:24px;
}

.moveUp1px {
	position:relative;
	top:-1px;
}

.moveUp2px {
	position:relative;
	top:-2px;
}

.moveUp3px {
	position:relative;
	top:-3px;
}

.moveUp4px {
	position:relative;
	top:-4px;
}

.moveUp5px {
	position:relative;
	top:-5px;
}

.moveUp6px {
	position:relative;
	top:-6px;
}

.moveUp7px {
	position:relative;
	top:-7px;
}

.moveUp8px {
	position:relative;
	top:-8px;
}

.moveUp9px {
	position:relative;
	top:-9px;
}

.moveUp10px {
	position:relative;
	top:-10px;
}

.moveUp11px {
	position:relative;
	top:-11px;
}

.moveUp12px {
	position:relative;
	top:-12px;
}

.moveUp13px {
	position:relative;
	top:-13px;
}

.moveUp14px {
	position:relative;
	top:-14px;
}

.moveUp15px {
	position:relative;
	top:-15px;
}

.moveUp16px {
	position:relative;
	top:-16px;
}

.moveUp17px {
	position:relative;
	top:-17px;
}

.moveUp18px {
	position:relative;
	top:-18px;
}

.moveUp19px {
	position:relative;
	top:-19px;
}

.moveUp20px {
	position:relative;
	top:-20px;
}

.moveUp25px {
	position:relative;
	top:-25px;
}

.normalHeadline{
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 13px;
	line-height:18px;
}

.normalWhite{
	color: #acacac;
}

.normalWhiteOnBlack{
	color: #ffffff;
}

.normalRed{
	color: #d00000 !important;
}

.normalGreen{
	color: #81ac1c !important;
}

.normalOrange{
	color: #e6a441 !important;
}

.normalGrey{
	color: silver !important;
}

.normalTiny {
	font-size:10px;
	color:#7c7c7c;
	font-family: Tahoma, Geneva, sans-serif;
}

.normalTinyBlok {
	font-size:10px;
	color:#7c7c7c;
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #e0e0e0;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.normalTinyTight {
	font-size:10px;
	line-height: 14px;
	color:#7c7c7c;
	font-family: Tahoma, Geneva, sans-serif;
}

.normalTinyTightDark {
	font-size:10px;
	line-height: 14px;
	color:#505050;
	font-family: Tahoma, Geneva, sans-serif;
}

.normalTinyTightRed {
	font-size:10px;
	line-height: 14px;
	color:#d00000;
	font-family: Tahoma, Geneva, sans-serif;
}

.normalTinyTightWhite {
	font-size:10px;
	line-height: 14px;
	color:#ffffff;
	font-family: Tahoma, Geneva, sans-serif;
}

.normalTinyWhite {
	font-size:10px;
	color:#ffffff;
	font-family: Tahoma, Geneva, sans-serif;
}

.normalTinyGreen {
	font-size:10px;
	color:#81ac1c;
	font-family: Tahoma, Geneva, sans-serif;
}

.normalTinyRed {
	font-size:10px;
	color:#d00000;
	font-family: Tahoma, Geneva, sans-serif;
}

.normalTinyYellow {
	font-size:10px;
	color:#e7c400;
	font-family: Tahoma, Geneva, sans-serif;
}

.normalTinyFade {
	font-size:10px;
	line-height: 14px;
	color:#a9a9a9;
	font-family: Tahoma, Geneva, sans-serif;
}

.normalTinyDark {
	font-size:10px;
	color:#505050;
	font-family: Tahoma, Geneva, sans-serif;
}

.normalTinyFadeTight {
	font-size:10px;
	line-height: 14px;
	color:#a9a9a9;
	font-family: Tahoma, Geneva, sans-serif;
}

.normalTinyLinkcolor {
	font-size:10px;
	font-family: Tahoma, Geneva, sans-serif;
}

.academyNewFeature{
	color: #FFFFFF;
}

.topFocusBar {
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: 1px solid rgba(55, 55, 55, 0.15);
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 38px;
}

/********************************** h1, h2, h3 *********************************/

h1 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 35px;
	font-weight: normal;
	line-height: normal;
	top: -12px;
	position:relative;
}

h2 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 22px;
	font-weight:normal;
	line-height: 26px;
}

h3 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 18px;
	font-weight:normal;
}

/********************************** andre headlines *********************************/

.headline {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 35px;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: normal;
}

.headlineActivity {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 22px;
	font-weight:normal;
	line-height: 26px;
}

.headlineWhite {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 35px;
	padding-top: 13px;
	padding-bottom: 13px;
}

.headlineProfileName {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 35px;
	text-shadow: 0px 0px 5px #505050;
	line-height: normal;
	top: -12px;
	position:relative;
	font-weight: normal;
	}

.headlineInteractions {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 30px;
	padding-top: 16px;
	padding-bottom: 6px;
}

.headlineStreak {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 30px;
	line-height: 35px;
}

.productHeadline {
	position:absolute;
	width:231px;
	height:45px;
	text-align:center;
	background:#2f2f2f;
	margin-left:1px;
	margin-top:1px;
	line-height:45px;
	color:#FFFFFF;

	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	}

.headlineWhiteDual {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 35px;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 32px;
}

.headlineSmaller {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 24px;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: normal;
	}

.headlineSmaller-white {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 24px;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: normal;
	}

.headlineOverviewPage {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	}

.headlineVideo {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	line-height: 28px;
	font-size: 24px;
	font-weight: normal;
	}

.headlineDual {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 35px;
	line-height: normal;
	top: -12px;
	position:relative;
	font-weight: normal;
	}

.headlineDualTight {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 35px;
	line-height: normal;
	position:relative;
	font-weight: normal;
	}

.headlineSearchBox {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 35px;
	line-height: normal;
	top: -12px;
	position:relative;
	font-weight: normal;
	width:350px;
	}

.headlineDualPointCorner {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 35px;
	line-height: normal;
	top: -12px;
	position:relative;
	font-weight: normal;
	width:520px;
	}

.headlineNoSpace, h1 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 35px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	}

.headlineCertification {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 35px;
	line-height: normal;
	top: -30px;
	position:relative;
	font-weight: normal;
	width:380px;
	}

.headlineActivityRed {
	font-family: Tahoma, Geneva, sans-serif;
	color: #d00000;
	font-size: 22px;
	font-weight:normal;
	}

.certification_neutral {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 22px;
	font-weight:normal;
	line-height: 26px;
	}

.certification_green {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 22px;
	font-weight:normal;
	line-height: 26px;
	color:#8aac3c;
	}

.certification_red {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 22px;
	font-weight:normal;
	line-height: 26px;
	color:#d00000;
	}

.headlineActivityWhite {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 22px;
	line-height: 26px;
	font-weight:normal;
	}

.dashboardHeadline {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 22px;
	font-weight:normal;
	margin-bottom: 10px;
	}

.oneLiner {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 18px;
	font-weight:normal;
	line-height: 22px;
	}
	
.countdown {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 52px;
	font-weight:normal;
	line-height: 70px;
	}

.wiki-headline {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505050;
	font-size: 12px;
	font-weight:normal;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left:20px;
	padding-right:20px;
	cursor: pointer;
	margin-bottom:5px;
	background-color:#EEEEEE;
	font-weight:bold;
	}

.wiki-text {
	display: none;
	width:530px;
	margin-left:20px;
	}

/**************************** skill cards ****************************/

.skillcard-container {
	column-width: 180px;
	column-gap: 15px;
	width: 100%;
	margin: 30px auto;
}

.skillcard-card {
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	margin: 0 2px 15px;
	padding: 10px;
	padding-bottom: 15px;
	display: inline-block;
	column-break-inside: avoid;
	width: 171px;
	text-align: center;
}

.skillcard-card:hover {
	border: 1px solid #505050;
}

/**************************** userlist ****************************/

.userlist-container {
	column-width: auto;
	column-count: 3;
	column-gap: 10px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
	box-sizing: border-box;
}

.userlist-card {
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 10px;
	padding-bottom: 15px;
	display: inline-block;
	/*column-break-inside: avoid;*/
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	word-wrap: break-word;
}

.userlist-card:hover {
  border: 1px solid #505050;
}

.userlist-card-noHover {
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 10px;
	padding-bottom: 15px;
	display: inline-block;
	/*column-break-inside: avoid;*/
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	word-wrap: break-word;
}

.userlist-headline-container {
	width: 100%;
	height: 50px;
	margin: auto;
	margin-bottom:5px;
	}

.userlist-headline-text {
	background-color:#EEEEEE;
	padding-left:20px;
	width: 80%;
	height: 100%;
	float: left;

	}

.userlist-headline-icon {
	color: #505050;
	font-size: 12px;
	font-weight:normal;
	line-height: 32px;
	text-align: right;

	background-color:#EEEEEE;
	padding-right:10px;
	height: 100%;
	margin-left: calc(80% + 20px);
	}

.userlist-text {
	display: none;
	overflow: hidden;
	margin-bottom: -10px;
	}

/**************************** socialPlugin videoer ****************************/

/* Responsiv video wrapper til 16:9 format */
.videoWrapper {
	position: relative;
	width: 100%; /* Gør det fuld bredde */
	padding-top: 56.25%; /* 16:9 aspekt-forhold (9 / 16 = 0.5625) */
	overflow: hidden;
	margin-bottom: 5px;
}

.videoWrapper iframe {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/**************************** tooltip ****************************/

.tooltip {
	text-decoration: none;
	position: relative;
	}

.tooltip span {
	margin-left: -999em;
	position: absolute;
	}

.tooltip:hover span {
	position: absolute; right: -40px; top: 14px; z-index: 100;
	width: 100px;
	height: 20px;
	text-align: center;
	font-size:10px;
	color:#acacac;
	}

/**************************** poll ****************************/

.pollBarActive {
	background-color: #83a2c2;
	}

.pollBarInactive {
	background-color: #e0e0e0;
	}


.readmore-js-toggle, .readmore-js-section {
  display: block;
  width: 100%;
}

.readmore-js-section {
  overflow: hidden;
}

/********************************** sticky menu **********************************/

.scroller_anchor {
	height:0px;
	margin:0;
	padding:0;
	}

.scroller {
	display: flex;
	justify-content: center;
	z-index:100;
	width:100%;
	height:49px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
	}

.scroller-container {
	position:relative; 
	top:0px; 
	z-index: 100;
}

.scroller-menu {
	display: flex;
	justify-content: left;
	width: 985px;
	height: 49px;
	z-index: 100;
	margin-left: -20px;
	}

.scroller-sublogo {
	position:absolute; 
	margin-top: 10px; 
	margin-left: 822px;
}

/******************************* socialPlugin Tagging *******************************/


.textntags-wrapper {
	position: relative;
	background: #FFFFFF;
	border: 1px solid #cccccc;
	border-radius: 3px;
	width:100%;
	min-height:100px;
	-webkit-appearance: none;
}

.textntags-wrapper textarea {
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  outline-width: 0;
  padding-left: 9px;

  width: 96%;
  min-height: 92px;

	/*dette er fra den gamle commentBox*/
	color:#666666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 16px;
	border: 0px solid red;
	resize: none;
	overflow: hidden;
	border-radius: 3px;
	background: transparent;
}

.textntags-wrapper .textntags-tag-list {
  display: none;
  background: #fff;
  border: 1px solid #b2b2b2;
  position: absolute;
  width: 100%;
  font-size: 13px;
  left: 0;
  right: 0;
  z-index: 10000;
  margin-top: 0px;
  margin-left: -1px;
  border-radius:5px;
  border-top-right-radius:0;
  border-top-left-radius:0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
}

.textntags-wrapper .textntags-tag-list ul {
    margin: 0;
    padding: 0;
}

.textntags-wrapper .textntags-tag-list li {
  background-color: #fff;
  padding: 0 5px;
  margin: 0;
  width: auto;
  border-bottom: 1px solid #eee;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}

.textntags-wrapper .textntags-tag-list li:last-child {
  border-radius:5px;
}

.textntags-wrapper .textntags-tag-list li > img,
.textntags-wrapper .textntags-tag-list li > div.icon {
  width: 16px;
  height: 16px;
  float: left;
  margin-top:5px;
  margin-right: 5px;
  -moz-background-origin:3px;

  border-radius:3px;
}

.textntags-wrapper .textntags-tag-list li em {
  font-weight: bold;
  font-style: none;
}

.textntags-wrapper .textntags-tag-list li:hover,
.textntags-wrapper .textntags-tag-list li.active {
  background-color: #e0e0e0;
}

.textntags-wrapper .textntags-tag-list li b {
  background: #ffff99;
  font-weight: normal;
}

.textntags-wrapper .textntags-beautifier {
  position: relative;
  padding-left: 10px;
  padding-top: 3px;
  color: #fff;

  white-space: pre-wrap;
  word-wrap: break-word;
}

.textntags-wrapper .textntags-beautifier > div {
  color: #fff;
  white-space: pre-wrap;
  width: 100%;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 13px;
  line-height: 16px;
  min-height: 16px;
}

.textntags-wrapper .textntags-beautifier > div > strong {
  font-weight:normal;
  background: #d8d8d8;
  line-height: 16px;
}

/*.textntags-wrapper .textntags-beautifier > div > strong > span {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
} */

/********************************** Knapper **********************************/

.buttonDelete {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: transparent url(/_media/icons/smallButton_whiteTrash.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	background-color: #acacac;
	border-radius: 3px;
	width:30px;
	height: 30px;
	cursor:pointer;
	text-align:center;
	display: block;
}

.buttonGreen_50 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #a7cf49;
	border-radius: 3px;
	width:50px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonGrey_50 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #acacac;
	border-radius: 3px;
	width:50px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonGreen_80 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #a7cf49;
	border-radius: 3px;
	width:80px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonGrey_80 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #acacac;
	border-radius: 3px;
	width:80px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}


.buttonGreen_100 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #a7cf49;
  border-radius: 3px;
	width:100px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonRed_100 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #bd2a2a;
  border-radius: 3px;
	width:100px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonGrey_100 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #acacac;
  border-radius: 3px;
	width:100px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonGrey_120 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #acacac;
  border-radius: 3px;
	width:120px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonGrey_full {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #acacac;
  border-radius: 3px;
	width:100%;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonDarkGrey_full {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #505050;
  border-radius: 3px;
	width:100%;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonRed_full{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #d00000;
  border-radius: 3px;
	width:100%;
	height: 28px;
	cursor:pointer;
	text-align:center;
	}

.buttonGreen_full {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #a7cf49;
  border-radius: 3px;
	width:100%;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonDisabled_100 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background-color: #cfcfcf;
	border-radius: 3px;
	width:100px;
	height: 28px;
	cursor:pointer;
	text-align:center;
	cursor: not-allowed;
}

.buttonDisabled_100-strong {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 1px solid #B7B7B7;
	padding: 0;
	background-color: #cfcfcf;
	border-radius: 3px;
	width:100px;
	height: 28px;
	cursor:pointer;
	text-align:center;
	cursor: not-allowed;
}

.buttonDisabled_full {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background-color: #cfcfcf;
  border-radius: 3px;
	width:100%;
	height: 28px;
	cursor:pointer;
	text-align:center;
	cursor: not-allowed;
}

.buttonDisabled_full-strong {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 1px solid #B7B7B7;
	padding: 0;
	background-color: #cfcfcf;
	border-radius: 3px;
	width:100%;
	height: 28px;
	cursor:pointer;
	text-align:center;
	cursor: not-allowed;
}

.buttonLightGrey_100 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #505050;
	border: 1px solid #505050;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #F5F5F5;
	border-radius: 3px;
	width:100px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonGrey_150 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #acacac;
  border-radius: 3px;
	width:150px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonDraft {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color: #acacac;
  border-radius: 3px;
	width:100px;
	height: 20px;
	cursor:pointer;
	text-align:center;
}

/******************************* tabbed content (dynamic) *******************************/

ul.tabs
{
    padding: 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the tabs as desired*/

}

ul.tabs li
{
    display: inline-flex;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
    margin-top:-4px; /*distance between tabs*/
}

ul.tabs li a
{
    font: normal 13px Tahoma, Geneva, sans-serif;
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 6px 16px;
    border: 1px solid #CCC;
    border-bottom-color:#cccccc;
    color: #505050;
    background: #F0F0F0 url(/_media/front/tabbg.gif) 0 0 repeat-x;
    border-radius: 4px 4px 0 0;
    outline:none;
    top:1px;

}

ul.tabs li a:visited
{
		color: #505050;
}

ul.tabs li a:hover
{
    border: 1px solid #B7B7B7;
    background:#F0F0F0 url(/_media/front/tabbg.gif) 0 -36px repeat-x;
}

ul.tabs li.selected a
{
    /*selected tab style */
    position: relative;
    top: 0px;
    background: #f4f4f4;
    border: 1px solid #cccccc;
    border-bottom-color: #f4f4f4;
    top:1px;
}


ul.tabs li.selected a:hover
{
    /*selected tab style */
    text-decoration: none;
}

div.tabcontent
{
    display: block;
}

div.tabcontents
{
    border: 1px solid #cccccc; padding: 20px 10px 20px 20px;
    background-color:#f4f4f4;
    border-radius: 0 0 4px 4px;
    height: 254px;
}

/******************************* tabbed content (static) *******************************/

ul.tablinks
{
    padding: 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the tabs as desired*/

}

ul.tablinks li
{
    display: inline-flex;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
    margin-top:-4px; /*distance between tabs*/
}

ul.tablinks li a
{
    font: normal 13px Tahoma, Geneva, sans-serif;
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 6px 16px;
    border: 1px solid #CCC;
    border-bottom-color:#cccccc;
    color: #505050;
    background: #F0F0F0 url(/_media/front/tabbg.gif) 0 0 repeat-x;
    border-radius: 4px 4px 0 0;
    outline:none;
    top:1px;

}

ul.tablinks li a:visited
{
    color: #505050;
}

ul.tablinks li a:hover
{
    border: 1px solid #B7B7B7;
    background:#F0F0F0 url(/_media/front/tabbg.gif) 0 -36px repeat-x;
}

ul.tablinks li.selected a
{
    /*selected tab style */
    position: relative;
    top: 0px;
    background: #f4f4f4;
    border: 1px solid #cccccc;
    border-bottom-color: #f4f4f4;
    top:1px;
}


ul.tablinks li.selected a:hover
{
    /*selected tab style */
    text-decoration: none;
}


/******************* New Front formular felter - benyttes fremadrettet ******************/

.newTextarea{
	color:#666666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	border: 1px solid #cccccc;
  border-radius: 3px;
	height:100px;
	width:calc(100% - 22px); /* 2 x padding + 2 x border */
	resize: none;
}

.newDropDown{
	color:#666666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	width:100%;
	height:30px;
}

.newDropDown-disabled{
	color:silver;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	width:100%;
	height:30px;
}

.newInput{
	color:#666666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	padding-left:10px;
	padding-right:10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	width:calc(100% - 22px); /* 2 x padding + 2 x border */
	height:26px; /* substracted 2 x border */
	background-color:#FFFFFF;
}

.newTextarea-onWhite{
	color:#666666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	background-color:#f4f4f4;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	height:100px;
	width:calc(100% - 22px); /* 2 x padding + 2 x border */
}

.newFileUpload {
	position: relative;
	top: 0px;
	height: 24px;
	padding: 0px;
	padding-left: 8px;
	padding-top: 4px;
	width: CALC(100% - 10px);
	border-radius: 3px;
	border: 1px solid #cccccc;
	text-align: left;
	background: linear-gradient(to top, #FFFFFF, #e8e8e8);
	background-repeat: repeat-x;
	cursor:pointer;
}

.newFileUpload-text {
	height: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #5c5c5c;
	
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 270px; /* sikrer at lange filnavne ikke strækker boksen. 280px fungerer både på web og mobil */
}

.newFileUpload-removeFile {
	position: relative; 
	z-index: 1; 
	top:-25px; 
	left: CALC(100% - 21px); 
	width:18px; 
	height:0px;
	display: none;
}

.newFileUpload-hiddenField {
	height: 0px; 
	width: 0px;
	overflow:hidden;
}


/******************************* Formular styles *******************************/

.dashboard-search{
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	height:26px;
	border-radius: 3px;
	background-color:#FFFFFF;
	width:120px;
	font-style:italic;
}

.dashboard-search-users{
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	height:26px;
	border-radius: 3px;
	background-color:#FFFFFF;
	width:481px;
	font-style:italic;
}

.skilltree-search{
	color:#666666;
	padding:0px 15px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	height:27px;
	border-radius: 3px;
	background-color:#FFFFFF;
	width:calc(100% - 22px);
}

.dashboard-search-small{
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	height:26px;
	border-radius: 3px;
	background-color:#FFFFFF;
	width:100px;
	font-style:italic;
}

.dashboard-dropdown{
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	height:28px;
	border-radius: 3px;
	background-color:#FFFFFF;
	width:180px;
	font-style:italic;
	position:relative;
	top:-1px;
}

.commentBox{
	overflow-y: hidden;
	width:290px;
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	resize: none;
	border-radius: 3px;
	background-color:#FFFFFF;
}

.textareaTranslate{
	overflow-y: hidden;
	width:490px;
	height: 50px;
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color:#FFFFFF;
}

.editComment form, .editComment input, .editComment textarea {
	width:304px;
	color:#666666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	outline: none;
	border-radius: 3px;
	border-radius: 3px;
	background-color:#FFFFFF;
}

.editComment button {
 border: 1px solid #dddddd; 
 background: #f6f6f6 
 url(/_media/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; 
 font-weight: bold; 
 color: #38385c;
}

.formInputUpload, #formInputUpload{
	position: relative;
	top: 0px;
	height: 25px;
	padding: 0px;
	padding-left: 8px;
	padding-top: 4px;
	width: CALC(100% - 8px);
	border-radius: 3px;
	border: 1px solid #cccccc;
	text-align: left;
	background: url(/_media/fileUploadFormBG.png);
	background-repeat: repeat-x;
	cursor:pointer;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #5c5c5c;
}

.formInput{
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border:0px;
	height:28px;
  border-radius: 3px;
}

.formInput_intlPhoneUnderlayer{
	background-color: #FFFFFF;
	color:#666666;
	box-sizing : border-box;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border:0px;
	height: 28px;
	width:100%;
  border-radius: 3px;
	position:absolute; top:0; left:0;
}

.formInput_intlPhoneUnderlayer_border{
	background-color: #FFFFFF;
	color:#666666;
	box-sizing : border-box;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border:0px;
	height:30px;
	width:calc(100% + 4px);
	border: 1px solid #cccccc;
	border-radius: 3px;
	position:absolute; top:-1px; left:-1px;
}

.formInput_full{
	color:#666666;
	padding-left:10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	height:28px;
	border: 1px solid #cccccc;
	width:calc(100% - 10px);
	border-radius: 3px;
}

.formInput-password{
	color:#666666;
	padding-left:10px;
	padding-right: 40px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	height:28px;
	border: 1px solid #cccccc;
	width:calc(100% - 50px);
	border-radius: 3px;
}

.formInput-password-eye-container {
	position: relative;
	left: calc(100% - 32px);
	top:32px;
	z-index: 20;
	width: 30px;
}

.formInput-password-eye {
	position: absolute;
	top: -30px;
	width: 32px;
	height: 28px;
	border-left: 1px solid #cccccc;
	border-radius: 0 3px 3px 0;
	text-align: center;
	line-height: 28px;
	cursor: pointer;
}

.formInput-myusername{
	color:#666666;
	padding-left:10px;
	padding-right: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	height:28px;
	border: 1px solid #cccccc;
	width:calc(100% - 20px);
	border-radius: 3px;
}

.formInput_validate{
	color:#666666;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 38px;
	padding-left:8px;
	padding-right:8px;
	height:60px;
	border: 1px solid #cccccc;
	width:26px;
	border-radius: 3px;
}

.formInput_validate:focus {
	outline-width: 0;
	outline: none;
}

.formInputDropdown{
	color:#666666;
	padding-left: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border:0px;
	height:28px;
	border-radius: 3px;
}

.formInputDropdownOnGrey{
	color:#666666;
	padding-left: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border:0px;
	height:28px;
	width:calc(100% + 4px);
	border: 1px solid #cccccc;
  border-radius: 3px;
}

.formInputDropdownOnGrey-disabled{
	color:#c0c0c0;
	padding-left: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border:0px;
	height:28px;
	width:calc(100% + 4px);
	border: 1px solid #cccccc;
	border-radius: 3px;
}

.formCheckbox{
	/*color:#666666;
	height:22px;
	font-size: 25px;*/
	}

.formInputMiniOnGrey{
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	border: 1px solid #c1c1c1;
	height:18px;
	border-radius: 3px;
  border-radius: 3px
	}

.formInputOnWhite{
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	height:28px;
	border-radius: 3px;
	border-radius: 3px;
	background-color:#f4f4f4;
	}

.textareaOnWhite{
	color:#666666;
	padding:10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	height:28px;
	border-radius: 3px;
	border-radius: 3px;
	background-color:#f4f4f4;
	}

.formInputOnGrey{
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	height:28px;
	border-radius: 3px;
	background-color:#FFFFFF;
	}

.formInputOnGrey-contentNaviHeader{
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-style:italic;
	font-size: 13px;
	border: 1px solid #cccccc;
	height:28px;
	width: 110px;
	border-radius: 3px;
	background-color:#FFFFFF;
	}

.formInputOnGreyFull {
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	height:28px;
	width: 100%;
	border-radius: 3px;
	background-color:#FFFFFF;
	}

.formInputOnGrey-disabled{
	color:silver;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	height:28px;
	border-radius: 3px;
	background-color:#FFFFFF;
	}

.textareaOnGrey{
	color:#666666;
	padding:10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	border-radius: 3px;
  background-color:#FFFFFF;
}

.formInputInternalLink{
	color:#666666;
	text-indent: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	height:25px;
	border-radius: 3px;
	background-color:#FFFFFF;
	width:100%;
}

.formInputOnGrey_dropdown{
	color:#666666;
	padding-left: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	height: 28px;
	border-radius: 3px;
	background-color:#FFFFFF;
}

.slimDropDown{
	color:#666666;
	padding:0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	border: 1px solid #cccccc;
	height:20px;
	border-radius: 3px;
	background-color:#FFFFFF;
	width: 150px;
	outline: none;
}

/***************************** Formateringen til master drop down *****************************/
.surfaceTouch	{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

table.menu	{
	position: absolute;
	border: 0px solid #494949;
	cursor: pointer;
	visibility: hidden;
}

#mainmenu	{
	position: static;
}

table.menu td	{
	color: #e0e0e0;            /* Must be the same as tdColor in the menu_script.js */
	background-color: #2F2F2F;
	border: 0px;
	padding: 8px 22px 8px; /*angivelse af højde/bredde på dropdown */
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
}

table.MenuTop td	{
	color: #e0e0e0;            /* Must be the same as tdColor in the menu_script.js */
	border: 0px;
	padding: 0px 8px 2px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
	cursor: pointer;
}

.notificationIcon {
	border-radius: 14px;
	z-index:1;
	position:  absolute;
	width:22px;
	height:22px;
	top: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height:21px;
	color:#FFFFFF;
	background: linear-gradient(-225deg, #EAA6A5, #C12323, #A60304);
	font-size:10px;
}

.notificationIconSmall {
  border-radius: 10px;
	z-index:1;
	position:  absolute;
	width:20px;
	height:20px;
	top: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height:19px;
	color:#FFFFFF;
	background: linear-gradient(-225deg, #EAA6A5, #C12323, #A60304);
	font-size:9px;
}

/* single-menu version*/

table.menu-single	{
	position: absolute;
	border: 0px;
	cursor: pointer;
	visibility: hidden;
	width: 130px;
}

:nth-child(1 of table.menu-single) {
	border-top: 10px solid #6d6d6d;
	border-bottom: 5px solid #6d6d6d;
	border-radius: 0px 0px 5px 5px;
}

table.menu-single td	{
	color: #FFFFFF;            /* Must be the same as tdColor in the menu_script.js */
	background-color: #6d6d6d;
	border: 0px;
	padding: 8px 18px 8px; /*angivelse af højde/bredde på dropdown */
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
}

table.MenuTop-single td	{
	color: #FFFFFF;            /* Must be the same as tdColor in the menu_script.js */
	border: 0px;
	padding: 0px 8px 2px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
	width: 130px;
}

/**************************** Formateringen til drop-down menuer ****************************/

.topMenuButton {
	border-radius: 5px;
	position: absolute;
	z-index: 100;
	height: 27px;
	width:130px;
	top:0px;
	background-color: #6d6d6d;
	border: 0px solid #2D2D2D;
	color:#FFFFFF;
}

.topMenuText {
	position: absolute;
	height: 100%;
	width:100%;
	text-align:center;
	line-height:27px;
}

/********************************** Log ind *********************************/

.wallpaperImage {
	position: fixed;
  top: 0;
  left: 0;

  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;

}

.loginContainer {
	overflow: hidden;
	width:100%;
	height:100%;
}

.loginLogo {
	height:65px;
	background-color:#2F2F2F;
	z-index:100;
	position: relative;
	width: 100%;
}

.loginLogoImage {
	position: relative;
	width:985px;
	margin:0 auto;
	top:19px;
}

.loginNavi {
	height:49px;
	background-color:#141414;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
	z-index:100;
	position: relative;
	margin: auto;
}

.loginArea {
	height:calc(100% - 114px);
	margin-left: 50%;

	/* establish flex container */
	display: flex;
	display: -ms-flexbox;
	-ms-flex-align:center;

	align-items: center;
	overflow: auto;
}

.loginAreaAlignTop {
	height:calc(100% - 114px);
	margin-left: 50%;

	/* establish flex container */
	display: flex;
	display: -ms-flexbox;
	-ms-flex-align:center;

	padding-top:50px;
	overflow: auto;
}

.loginContent {
	width:70%;
	max-width:500px;
	position: relative;
	margin:0 auto;
}

.loginButtonSelected:hover {
	text-decoration:none;
}

.loginButton:hover {
	text-decoration:none;
	color:#FFFFFF;
}

.errorHandeling {
	width:100%;
	height:38px;
}


/******************************* Generelle styles og junk *******************************/

html {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

#bgTopMenu{
	background-image: url(/_media/front/topRepeater.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 126px;
	}

.fullPageOuter {
	position:absolute;
	width:615px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	}

.fullPageInner {
	position:relative;
	right:20px;
	display: block;
	}

.roundFocusBox{
	border-radius: 3px;
	background-color:#505050;
	padding:2px 8px 2px 8px;
}

.roundFocusBox-light{
	border-radius: 3px;
	background-color:#cfcfcf;
	padding:0px 4px 1px 4px;
}

.roundFocusBox-red{
	border-radius: 3px;
	background-color:#d00000;
	padding:2px 8px 2px 8px;
}

.roundFocusBox-green{
	border-radius: 3px;
	background-color:#a7cf49;
	padding:2px 8px 2px 8px;
}

.roundFocusBox-yellow{
	border-radius: 3px;
	background-color: #e7c400;
	padding:2px 8px 2px 8px;
}

.roundFocusBox-systemColor{
	border-radius: 3px;
	padding:0px 4px 1px 4px;
}

.spacerBetweenProgress{
	padding-bottom: 5px;
	}

.textOnProgress_dark{
	position:absolute;
	z-index:10;
	width:574px;
	color:#505050;
	padding-top:5px;
	}

.textOnProgress_light{
	position:absolute;
	z-index:10;
	width:574px;
	color:#FFFFFF;
	padding-top:5px;
	}

.textUnderProgress_left{
	position:absolute;
	z-index:10;
	width:100px;
	padding-top:30px;
	font-size: 10px;
	color:#7c7c7c;
	border: 0px solid blue;
	}

.textUnderProgress_right{
	position:absolute;
	z-index:10;
	padding-top:30px;
	font-size: 10px;
	color:#7c7c7c;
	text-align:right;
	border: 0px solid red;
	}

.progressLine-full{
	position:absolute;
	z-index:10;

	font-size: 10px;
	color:#7c7c7c;
	text-align:right;
	border: 0px solid red;
	}

.moveTextUp{
	position:relative;
	top:-3px;
	}

.textOnProgress {
	position:absolute;
	z-index:1000;
	width:576px;
	padding-top: 5px;
	color:#FFFFFF;
	text-align: center;
	}

.textOnProgress_tiny {
	position:absolute;
	z-index:1000;
	width:105px;
	color:#FFFFFF;
	text-align: center;
	}

.moveCreateButton{
	position:relative;
	right:11px;
	}

.graphPlacement{
	position: relative;
	z-index: 1;
	visibility:visible;
	top:-14px;
	left:-8px;
	height:0px;
	width:0px;
	}

.betaBanner{
	position: relative;
	z-index: 1;
	visibility:visible;
	top:1px;
	left:246px;
	height:0px;
	width:0px
	}

.lastMonth{
	color: #ffffff;
	position:relative;
	top:-3px;
	width:186px;
	height:0px;
	text-align:center;
	}

.moveContent{
	position:relative;
	top:14px;
	}

.redAnswerPicTop{
	background-color:#e61414;
	}

.greenAnswerPicTop{
	background-color:#81ac1c;
	}

.redAnswerPicTop_fold{
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color:#e61414;
	}

.greenAnswerPicTop_fold{
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-color:#81ac1c;
	}

.userlistJumpToOffset{
	 display: block;
	 position: relative; top: -100px;
	 visibility: hidden;
	 }

.calenderWeekDays{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height:18px;
	margin: 0em;
	color:#8b8b8b;
	}

.socialMediaCommentBox {
	border-collapse: collapse;
	background-color: #e0e0e0;
}

.socialMediaCommentBox-dark {
	border-collapse: collapse;
	background-color: #bebebe;
}

.socialMediaCommentBox-solution {
	border-collapse: collapse;
	background-color: #cccccc;
	border: 2px dashed #7c7c7c;
}

.buttonGreen{
	border-radius: 3px;
	background-color:#81ac1c;
	padding:3px 5px 2px 5px;
	font-size:10px;
	color:#ffffff;
	font-family: Tahoma, Geneva, sans-serif;
}

.buttonRed{
	border-radius: 3px;
	background-color:#d00000;
	padding:3px 5px 2px 5px;
	font-size:10px;
	color:#ffffff;
	font-family: Tahoma, Geneva, sans-serif;
}

.buttonYellow{
	border-radius: 3px;
	background-color:#e7c400;
	padding:3px 5px 2px 5px;
	font-size:10px;
	color:#ffffff;
	font-family: Tahoma, Geneva, sans-serif;
}

.buttonGrey{
	border-radius: 3px;
	background-color:#999999;
	padding:3px 5px 2px 5px;
	font-size:10px;
	color:#ffffff;
	font-family: Tahoma, Geneva, sans-serif;
}

.buttonDarkGrey{
	border-radius: 3px;
	background-color:#505050;
	padding:3px 5px 2px 5px;
	font-size:10px;
	color:#ffffff;
	font-family: Tahoma, Geneva, sans-serif;
}

.redDot {
	background-color: #ce0814;
	background-position:top;
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 5px;
}

.yellowDot {
	background-color: #e7c400;
	background-position:top;
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 5px;
}

.greenDot {
	background-color: #82ab2c;
	background-position:top;
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 5px;
}

.onoffswitch {
    position: relative;
    width: 30px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 12px; padding: 0; line-height: 12px;
    border: 2px solid #999999; border-radius: 12px;
    background-color: #999999;
    transition: background-color 0.3s ease-in;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 12px; margin: 0px;
    background: #F5F5F5;
    position: absolute; top: 0; bottom: 0;
    right: 16px;
    border: 2px solid #999999; border-radius: 12px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #81ac1c;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #81ac1c;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
}

.academyNotificationsStyle{
	background:#F5F5F5 !important;
	padding:10px;
	border-radius: 0px 0px 6px 6px;
	box-shadow: 3px 3px 4px rgba(0,0,0,0.1), -3px 3px 4px rgba(0,0,0,0.1), 3px 3px 4px rgba(0,0,0,0.1);
}

.tags {
	font-family:sans-serif, Tahoma;
	font-size:12px;
	line-height:24px;
	color: #FFFFFF;
	border-radius: 3px;
	background-color:#505050;

	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.tags-silver {
	font-family:sans-serif, Tahoma;
	font-size:12px;
	line-height:24px;
	color: #FFFFFF;
	border-radius: 3px;
	background-color:#979797;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.speech-bubble-left {
	position: relative;
	background: #e0e0e0;
	border-radius: 10px;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	color:#505050;
	max-width:420px;
	display: inline-block;
	word-wrap: break-word;
}

.speech-bubble-left:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-right-color: #e0e0e0;
	border-left: 0;
	border-bottom: 0;
	margin-left: -15px;
}

/********************************* 2014 Progress bar *******************************/

.progressBarColor{
	height: 30px;
	border-radius: 3px;
}

.progressBarColor_tiny{
	height: 20px;
	position: absolute;
	border-radius: 3px;
}

.textOnProgress_color{
	position:absolute;
	z-index:10;
	width:574px;
	padding-top:5px;
	}

.textOnBar{
	text-align:left;
	position:relative;
	top: -25px;
	margin-left:8px;
	color: #FFFFFF;
	}

/********************************** Knapper **********************************/

.buttonSearch {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background-image: url(/_media/front/search-9-xxl.png), url(../_media/front/buttonGradient.png);
	background-repeat: no-repeat, repeat-x;
	background-position: center center, left bottom;
	background-size:18px 18px, 100% 100%;
	border-radius: 3px;
	width:28px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonAdd {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	padding-bottom:3px;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
  border-radius: 3px;
	width:28px;
	height: 28px;
	cursor:pointer;
	text-align:center;
	position:relative;
}

.buttonNormal_50 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
  border-radius: 3px;
	width:50px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonNormal_80 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
  border-radius: 3px;
	width:80px;
	height: 28px;
	cursor:pointer;
	text-align:center;
}

.buttonNormal_100 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
  border-radius: 3px;
	width:100px;
	height: 28px;
	cursor:pointer;
	text-align:center;
	position: relative;
}

.buttonNormal_120 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	border-radius: 3px;
	width:120px;
	height: 28px;
	cursor:pointer;
	text-align:center;
	position: relative;
}

.buttonNormal_full {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	border: 0px;
	padding: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	border-radius: 3px;
	width:100%;
	height: 28px;
	cursor:pointer;
	text-align:center;
	position: relative;
}

.theDot {
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	width: 10px;
	height: 10px;
	border: 1px solid #7b7b7b;
	border-radius: 6px;
}

.theSmallDot {
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	width: 6px;
	height: 6px;
	border: 1px solid #7b7b7b;
	border-radius: 4px;
}

.calenderMarker-parent {
	display: table;
	width:85%;
	height: 85%;
}

.calenderMarker {
	display: table-cell;
	vertical-align: middle;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	border-radius: 3px;
	cursor:pointer;
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#ffffff
}

.breakingBanner {
	max-height: 115px;
	background-repeat: repeat-x;
	background-position: bottom;
	text-align:center;
	padding: 11px;
	color:#FFFFFF;
	background-color: #e1c541;
	border-bottom: 1px solid rgba(55, 55, 55, 0.15);
}

/********************************** Log ind *********************************/

.loginButtonSelected {
	width:150px;
	height:49px;
	float: right;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	background-size: 150px 49px;
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #FFFFFF !important;
	cursor:pointer;
	padding: 0;
	line-height: 50px;
	border-left: 1px solid transparent;
}

.loginButton {
	width:150px;
	height:49px;
	float: right;
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	cursor:pointer;
	padding: 0;
	line-height: 50px;
	border-left: 1px solid #2F2F2F;
}

.loginButton-language {
	width:60px;
	height:49px;
	float: right;
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	cursor:pointer;
	padding: 0;
	line-height: 50px;
	border-left: 1px solid #2F2F2F;
}

.loginButton-language-clickelement {
	position: absolute; 
	display: inline-block; 
	height: 2px; 
	width: 2px; 
	right: 23px; 
	padding-top: 45px;
}

.content-language-style {
	position: relative; 
	right: -25px; 
	
}

/******************************* talebobbel *******************************/

.speech-bubble-left {
	position: relative;
	background: #e0e0e0;
	border-radius: 10px;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	color:#505050;
	max-width:300px;
	display: inline-block;
	word-wrap: break-word;
}

.speech-bubble-left:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-right-color: #e0e0e0;
	border-left: 0;
	border-bottom: 0;
	margin-left: -15px;
}

.speech-bubble-right {
	position: relative;
	border-radius: 10px;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	max-width:300px;
	display: inline-block;
	text-align:left;
}

.speech-bubble-right:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 10px;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-left: 0;
	border-bottom: 0;
	margin-right: -15px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.todaysQuestion {
	border-radius:10px;
	margin-top:26px;
	margin-bottom:26px;
	padding: 15px;
	width: 150px;
	text-align: center;
}

.todaysQuestion:before {
	content: '';
	position: absolute;
	left: 0;
	top: -7px;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-left: 0;
	border-bottom: 0;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	rotate: 135deg;
	margin-left: 82px;
}

.todaysQuestion-themedMenu {
	border-radius:10px;
	margin-top:26px;
	margin-bottom:26px;
	padding: 15px;
	width: 150px;
	text-align: center;
	background-color: #2F2F2F !important;
}

.todaysQuestion-themedMenu:before {
	content: '';
	position: absolute;
	left: 0;
	top: -7px;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-left: 0;
	border-bottom: 0;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	rotate: 135deg;
	margin-left: 82px;
	background-color: #2F2F2F !important;
}

.equalizer {
	border: 0px;
	margin-top: 5px;
	background-color: #e6a441;
	border-radius: 5px;
	width:50px;
	height: 10px;
	text-align:center;
}

.equalizerGrey {
	border: 0px;
	margin-top: 5px;
	background-color: #505050;
  border-radius: 5px;
	width:50px;
	height: 10px;
	text-align:center;
}

.squareLinks-container {
	position:relative;
	display:inline-table;
	padding-bottom:10px;
	padding-right:10px;
	top:-6px;
}

.squareLinks{
	background-color:#e0e0e0;
	border: 1px solid #cccccc;
}

.squareLinksSelected{
	background-color:#cccccc;
	border: 1px solid #505050;
}

.pictureBorder{
	border: 1px solid #cccccc;
}

.pauseIconFade {
	opacity: 0.3;
}

/********************************** select2 **********************************/

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #EDEDED !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

	/* matcher farver*/
	background-color: #acacac !important;
	color: white
}

.select2-selection--single .select2-selection__rendered {

	/* matcher font */
	line-height: 25px !important;
	color: #666666 !important;
	text-align: left;
}

.select2-selection--single {

	/* matcher ramme og højde */
	border: 1px solid #cccccc !important;
	height: 28px !important;

	/* matcher baggrundsfarve */
	background-color: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #e9e9e9)) !important;
	background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #e9e9e9 50%) !important;
	background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #e9e9e9 50%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e9e9e9', endColorstr = '#ffffff', GradientType = 0) !important;
	background-image: linear-gradient(to top, #ffffff 0%, #e9e9e9 50%) !important;
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #cccccc !important;
	font-size: 13px;
	padding-left: 4px;
	padding-top: 1px;
}

.select2-dropdown {
  border: 1px solid #cccccc !important;
}

.select2-search--dropdown .select2-search__field {
	outline: 0 !important;
	font-family: Tahoma, Geneva, sans-serif !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	color: #505050 !important;
}

/***************************** custom-file-input *****************************/

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    width: 400px;
}

.inputfile + label {
    width:calc(100% - 2px);
    font-size: 13px;
    text-align: center;

    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 1px;
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


.inputfile-1 + label {
    color: #505050;
    outline: 1px dashed #505050;
    background-color: #FFFFFF;

}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #E4E4E4;
}


/********************************** NPS **********************************/

.NPS_red{
	background-color: #d00000;
	height: 30px;
	position: absolute;
	border-radius: 3px 0px 0px 3px;
	}

.NPS_yellow{
	background-color: #e7c400;
	height: 30px;
	position: absolute;
	}

.NPS_green{
	background-color: #82ab2c;
	height: 30px;
	position: absolute;
	border-radius: 0px 3px 3px 0px;
	}

.NPSlegend_red{
	background-color: #d00000;
	height: 14px;
	width: 14px;
	position: absolute;
	border-radius: 3px;
	margin-top:2px;
	}

.NPSlegend_yellow{
	background-color: #e7c400;
	height: 14px;
	width: 14px;
	position: absolute;
	border-radius: 3px;
	margin-top:2px;
	}

.NPSlegend_green{
	background-color: #82ab2c;
	height: 14px;
	width: 14px;
	position: absolute;
	border-radius: 3px;
	margin-top:2px;
	}

.textUnderNPS{
	position:absolute;
	z-index:10;
	padding-top:39px;
	font-size: 10px;
	color:#7c7c7c;
	text-align:right;
	border: 0px solid red;
	}

.mobileTileSelection > input{
	visibility: hidden;
	position: absolute;
}

.mobileTileSelection > input + img{
	cursor:pointer;
	border:2px solid transparent;
}

.mobileTileSelection > input:checked + img{
	border-radius: 50%;
}

.foldText {

	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;

}

.video-iframe-loader {
	background:url(/_media/loader.gif) center center no-repeat;
	background-size: 100px 100px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	/*padding-top: 30px; */
	height: 0;
	overflow: hidden;
	border-bottom: 1px solid #999999
	}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.iframe-loader {
	background-image: url(/_media/loader.gif);
    background-repeat: no-repeat;
    background-size: 100px 100px;
    background-position: center 200px;
}

.snippetsHider {
	position: relative;
	height: 0px;
}

.snippetsHider-inner {
	background-color: #F5F5F5;
	border-top: 1px solid #CCCCCC;
	position: relative;
	transform: rotate(270deg);
	width: 400px;
	height: 5px;
	top: 210px;
	left: -198px;
	z-index: 2;
}

.editSnip {
	position: relative;
	width: 0;
	height: 0;
	left: -30px;
	transform: rotate(270deg);
	z-index: 1;
}

.editSnip-background {
	position: absolute;
	height: 35px;
	width: 150px;
	background-color: #505050;
	border-radius: 4px 4px 0px 0px;
	text-align: center;
	text-decoraion: none;
}

.feedbackSnip {
	position: relative;
	width: 0;
	height: 0;
	left: -30px;
	transform: rotate(270deg);
	z-index: 1;
}

.feedbackSnip-background {
	position: absolute;
	height: 35px;
	width: 100px;
	background-color: #CCCCCC; /**#2F2F2F**/
	border-radius: 4px 4px 0px 0px;
	text-align: center;
	text-decoraion: none;
}

.ui-state-highlight {
    background: #E9E9E9 !important;
    border: 1px solid #505050 !important;
    color: #505050 !important;
    font-weight: bold !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	background: #505050 !important;
    border: 1px solid #505050 !important;
    color: #EEE !important;
	}

.showOrder-input{
	width: 20px;
	height:20px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #CCCCCC;
	}

.removeFormSpace {
	margin: 0px;
	padding: 0px;
	display: inline;
}

/********************************** Sort Order/Language Dropdown **********************************/


#dropdown {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 160px;
	margin: 10px;
	background: #FaFaFa;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.175);
	z-index: 1000;
}

#dropdown.arrow-down {
	box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.3);
}

#dropdown:before {
	position: absolute;
	top: -7px;
	right: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	content: '';		
}

#dropdown:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #FaFaFa;
    border-left: 6px solid transparent;
    content: '';
		
}

#dropdown.arrow-left:before {
    right: auto;
    left: 9px;
}

#dropdown.arrow-left:after {
    right: auto;
    left: 10px;
}

#dropdown.arrow-down:before {
    top: auto;
    bottom: -7px;
    border-bottom: none;
    border-top: 7px solid #ccc;
}

#dropdown.arrow-down:after {
    top: auto;
    bottom: -6px;
    border-bottom: none;
    border-top: 6px solid #F5F5F5;
}

#dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#dropdown ul li {
    position: relative;
}

#dropdown ul li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    cursor: pointer;
    font-size:10px;
		color:#7c7c7c;
		font-family: Tahoma, Geneva, sans-serif;
    font-weight: normal;
    line-height: 1.0;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
		margin-top: 8px;
		margin-bottom: 8px;
}

#dropdown ul li a:hover,
#dropdown ul li a:focus {
    color: #505050;
    text-decoration: none;
}

#dropdown ul li a:active {
    color: #505050;

}

#dropdown ul li.divider {
    height: 1px;
		display: block;
    overflow: hidden;
    background-color: #e5e5e5;
    cursor: default;
}

/********************************** Skill Tree **********************************/

.skill-headline {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: normal;
	width: 96px;
	height: 22px;
	float:left;
}

.skill-wait {
	width: 70px;
	height: 22px;
	float:left;
	text-align: center;
	text-decoration:none !important;
	line-height: 20px;
	background-color: #dedede;
	color: #ffffff;
	font-size: 10px;
	color:#a9a9a9;
	border-radius:3px;
  cursor: not-allowed;
}

.skill-system {
	width: 70px;
	height: 22px;
	float:left;
	text-align: center;
	text-decoration:none !important;
	line-height: 20px;
	color: #ffffff;
	border-radius:3px;
}

.skill-progress {
	width: 70px;
	height: 22px;
	float:left;
	background-color: #505050;
	text-align: center;
	text-decoration:none !important;
	line-height: 20px;
	color: #ffffff;
	border-radius:3px;
}

.skill-green {
	width: 70px;
	height: 22px;
	float:left;
	background-image: linear-gradient(#8aac3c, #6b862e);
	text-align: center;
	text-decoration:none !important;
	line-height: 20px;
	color: #ffffff;
	border-radius:3px;
}

.skill-red {
	width: 70px;
	height: 22px;
	float:left;
	background-image: linear-gradient(#d00000, #A60304);
	text-align: center;
	text-decoration:none !important;
	line-height: 20px;
	color: #ffffff;
	border-radius:3px;
}

.skill-warning {
	width: 70px;
	height: 22px;
	float:left;
	background-color: #505050;
	text-align: center;
	text-decoration:none !important;
	line-height: 20px;
	color: #ffffff;
	border-radius:3px;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
	0% {

		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.8);
	}

	70% {
		box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.skill-transparent {
	width: 70px;
	height: 22px;
	float:left;
	text-align: center;
	text-decoration:none !important;
	line-height: 20px;
	color: #ffffff;
}

.connection-line {
	margin-top: 11px;
	border-top: 1px solid #acacac;
	width: 10px;
	float:left;
}

.connection-none {
	margin-top: 10px;
	width: 10px;
	float:left;
}

.tags-small {
	font-family:sans-serif, Tahoma;
	font-size:10px;
	color: #FFFFFF;
	line-height: 14px;
	background-color:#979797;

	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;

	margin-top: 5px;
	margin-left: 5px;
	float: left;
}

.tags-small-green {
	font-family:sans-serif, Tahoma;
	font-size:10px;
	color: #FFFFFF;
	line-height: 14px;
	background-color:#8aac3c;

	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;

	margin-top: 5px;
	margin-left: 5px;
	float: left;
}

.right-column-flexbox-container {
	height: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

.right-column-subgroup {
	display: flex;
	flex-direction: column;
	height: 100px;
}

.right-column-space {
	display: flex;
	flex-direction: column;
	height: 20px;
}

.cert-flexbox-container {
	height: 230px;
	display: flex;
	flex-direction: row;
}

.cert-flexbox {
	flex: 1;
	text-align:center;
}

.cert-line {
	border-right: 1px solid #cccccc;
}

#fileViewer-column {
	column-count: 2;
	column-gap: 6px;
}

#fileViewer-column-single {
	column-count: 1;
	column-gap: 6px;
}

div#fileViewer-column fileViewer-card, div#fileViewer-column-single fileViewer-card {
	display: inline-block;
	column-break-inside: avoid;
	border: 1px solid #CCCCCC;
	margin-bottom: 0px;
	width: 100%;
}

.svgStar32 {
	height: 32px;
	width: 32px;
	background-image: url("data:image/svg+xml;utf8,<svg id='star' height='32' width='32'  fill='#ff0000' viewBox='0 0 24 24' xmlns='https://www.w3.org/2000/svg'><path d='m23.363 8.584-7.378-1.127-3.307-7.044c-.247-.526-1.11-.526-1.357 0l-3.306 7.044-7.378 1.127c-.606.093-.848.83-.423 1.265l5.36 5.494-1.267 7.767c-.101.617.558 1.08 1.103.777l6.59-3.642 6.59 3.643c.54.3 1.205-.154 1.103-.777l-1.267-7.767 5.36-5.494c.425-.436.182-1.173-.423-1.266z'/></svg>");
}

.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
    display: none;
}

.addReadMore.showmorecontent .readMore {
    display: none;
}

.addReadMore .readMore,
.addReadMore .readLess {
    margin-left: 2px;
    color: #7c7c7c;
    cursor: pointer;
    font-weight: bold;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
    display: block;
}


.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
	border: 0px;
	
}
.video-container iframe {
	border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.infocenter-missingContent {
	display: table-cell; 
	vertical-align: middle; 
	padding-left: 15px; 
	width: 185px; 
	height: 50px; 
	border-radius: 5px; 
	border: 1px solid #CCCCCC; 
	background: #E0E0E0;
}

.infocenter-missingContent-large {
	display: table-cell; 
	vertical-align: middle; 
	padding-left: 15px;
	width: 260px;
	height: 125px; 
	border-radius: 5px; 
	border: 1px solid #CCCCCC; 
	background: #E0E0E0;
}

.infocenter-addMore {
	display: table-cell; 
	text-align: center; 
	vertical-align: middle; 
	width: 50px; 
	height: 50px; 
	border-radius: 5px; 
	border: 1px solid #CCCCCC; 
	background: #E0E0E0;
}

.cke_button__cowriter_label {
	display: inline !important
}

.threadUsers {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	cursor: context-menu;
	}

.showAllThreadUsers{
	-webkit-line-clamp: 200;
}

.enps {
	display:block; 
	background-color:#E0E0E0; 
	border: 1px solid #cccccc;
	height: 45px; 
	width: 45px; 
	line-height: 45px;
	cursor:pointer;
	border-radius:4px;
}

.enps > input{ 
	visibility: hidden;
	position: absolute;
}

.enps > input:checked + div{
	background-color: #505050;
	border: 1px solid #505050;
	margin-top: -1px;
	margin-left: -1px;
	color: white;
	height: 45px; 
	width: 45px;
	border-radius:4px;
}

.snackbar {
	display:none; 
	position: fixed; 
	left: 20px; 
	bottom: -15px; 
	width: 300px; 
	z-index: 1000;
}

.blinking {
	animation: opacity 1s ease-in-out infinite;
	opacity: 1;
}

@keyframes opacity {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 1;
	}
}

.fileUpload-hideInput {
	display: none;
}

.fileUpload-custom {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #A9A9A9; 
	cursor: pointer; 
	border: 1px solid #CCCCCC; 
	padding: 4px 10px 4px 10px; 
	border-radius: 3px; 
	background: white;
	height:20px;
	display: inline-block;
	width: CALC(100% - 22px);
}

.documentLibrary-container {
	background-color: #FFFFFF;
	outline: 1px solid #CCCCCC;
	width: 100%;
	padding-top: 100%;
	position: relative;
}

.documentLibrary-icon {
	position: absolute;
	top: 21%;
	text-align: center;
}