@CHARSET "UTF-8";

html {
	width:100%;        
    min-width:1006px;
}

body {
	/*background-color: #E8E8E8;*/
	background-color: #6ec1e4;
}

h1 {
	color: #2C3C7B;
}

h2 {
	color: #2C3C7B;
}

h3 {
	margin-bottom: 0.5em;
	color: #2C3C7B;
}

.requiredInput {
	font-size: 10px;
}

.portlet-title {
	color: #2C3C7B;
}

.floatLeft {
	position: relative;
	float: left;
}

.floatRight {
	position: relative;
	float: right;
}

#backgroundHeader {
	height: 100px;
	width: 100%;
	/*background-color: #F7AF21;*/
	background-color: #ffa407;
	/*border-bottom: #2C3C7B 1px solid;*/
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.40);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.40);
}

input[type=button]:hover
{
    color:#117EC2;
    cursor:pointer !important;
}

input[type=submit]:hover
{
    color:#117EC2;
    cursor:pointer !important;
}

input[type=reset]:hover
{
    color:#117EC2;
    cursor:pointer !important;
}


.roundBox {
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.logo {
	position: relative;
	z-index: 90;
	float: left;
	width: 144px;
	height: 144px;
	background-color: rgb(117 197 240);
	background-size: 140px;
	background-position: 4px -7px;
	background-image: url(../images/logo_no_frame.svg);
	background-repeat: no-repeat;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

.logoFree {
	position: relative;
	z-index: 90;
	float: left;
	width: 144px;
	height: 144px;
	background-image: url(../images/logo_no_frame.svg);
	background-repeat: no-repeat;
	background-size: contain;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

.contentWrapper {

	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-bottomleft: 25px;
	-moz-border-radius-topleft: 25px;
	-webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;

	box-sizing: border-box;
	position: relative;
	margin-top: -50px;
	left: 50%;
	margin-left: -500px;
	padding: 10px;
	width: 1000px;
	/*border: #2C3C7B 1px solid;*/
	background-color: #FFFFFF;
	box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.40);
}

.navigation {
	min-width: 258px;
	position: relative;
	float: left;
	list-style-type: none;
	margin: 0;
	margin-left: 10px;
	margin-bottom: 15px;
	padding: 0;
}

.navigation li {
	color: white;
	float: left;
	margin-right: 10px;
	/*border: #2C3C7B 1px solid;*/
	background-color: #78CCFA;
	width: 44px;
	height: 44px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

.navigation li:hover {
	background-color: #F7AF21;
}

.navigation li a {
	text-decoration: none;
}

.navigation li a:hover {
	color: #F7AF21;
}

.navButtonText {
	text-align: center;
	color: #2991d6;
	font-size: 9px;
	font-weight: bold;
}

.navButtonText > span{
	font-weight: 500;
}

.navButtonText:hover > span{
	color: #F7AF21;
}

.infoWrapper {
	color: #F7AF21;
	margin: auto;
	margin-top: 2px;
	text-align: center;
	margin-bottom: 5px;
}

#contentBody {
	position: relative;
	float: left;
	padding-left: 10px;
	width: 824px;
}

#contentBodyKeyboard {
	position: relative;
	float: left;
	width: 100%;
	/* padding-left:40px;
  margin-bottom:40px;*/
}

#sidebar {
	position: relative;
	float: left;
	width: 146px;
}

#contentHead {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#headerAd {
	position: relative;
	float: left;
	border: 0px solid black;
	height: 60px;
	width: 600px;
	margin-top: 20px;
	margin-left: 10px;
}

.gradientBox,.portlet {
	background: #F8F8F8;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
	/*background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
	*/

	/* Internet Explorer */
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 8px;
	margin-bottom: 15px;
}

.gradientBoxRegister {
	width: 280px;
	float: left;
}

#policy-checkbox {
	width: 400px;
}

#newsletter-checkbox {
	width: 400px;
}

#gpolicy-checkbox {
	width: 400px;
}

#gnewsletter-checkbox {
	width: 400px;
}

.gradientBoxCombined {
	position: relative;
	float: left;
	width: 50%;
}

#classSwitcher {
	position: relative;
	float: left;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	height: 40px;
}

#classSwitcher lable {
	color: #2C3C7B;
	font-weight: bold;
}

.toolTip {
	cursor: pointer;
}

.portlet-decoration {
	font-size: 1.4em;
	line-height: 1;
	margin-bottom: 1em;
	color: #111111;
	font-weight: normal;
}

.award-img-wrapper {
	position: relative;
	float: left;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border: #2C3C7B 1px solid;
	width: 50px;
	height: 50px;
	padding: 5px;
	margin-right: 10px;
	background-color: #FFFFFF;

	overflow: hidden;
}

.gradeFirst {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.gradeLast {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#country {
	overflow: hidden;
	position: absolute;
	display: block;
	top: 108px;
	left: 108px;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
	-moz-border-radius-topright: 18px;
	-moz-border-radius-bottomright: 18px;
	-moz-border-radius-bottomleft: 18px;
	-moz-border-radius-topleft: 18px;
	-webkit-border-top-left-radius: 18px;
	-webkit-border-top-right-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
	/*border: #2C3C7B 1px solid;*/
	z-index: 999;
	width: 29px;
	height: 29px;
	background-color: #2C3C7B;
}

#country img {
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
	-moz-border-radius-topright: 18px;
	-moz-border-radius-bottomright: 18px;
	-moz-border-radius-bottomleft: 18px;
	-moz-border-radius-topleft: 18px;
	-webkit-border-top-left-radius: 18px;
	-webkit-border-top-right-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
	position: relative;
	float: left;
	width: 29px;
	height: 29px;
	width: 29px
}

.langSwitchHref {
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 18px;
	-moz-border-radius-topright: 18px;
	-moz-border-radius-bottomright: 18px;
	-moz-border-radius-bottomleft: 18px;
	-moz-border-radius-topleft: 18px;
	-webkit-border-top-left-radius: 18px;
	-webkit-border-top-right-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
	display: block;
	position: relative;
	float: left;
	text-indent: -9999px;
	width: 29px;
	height: 29px;
}

#indicator {
	width: 200px;
	overflow: hidden;
	position: absolute;
	display: block;
	left: 90px;
	top: 118px;
}

#indicator img {
	width: 15px;
	left: 15px;
}

.langSwitchHref:hover {
	border-top-left-radius: 17px;
	border-top-right-radius: 17px;
	border-bottom-left-radius: 17px;
	border-bottom-right-radius: 17px;
	-moz-border-radius-topright: 17px;
	-moz-border-radius-bottomright: 17px;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topleft: 17px;
	-webkit-border-top-left-radius: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	-webkit-border-bottom-right-radius: 17px;
	width: 25px;
	background-position: -2px -2px;
	height: 25px;
	border: 2px solid #F7AF21;
}

.regexInfo {
	color: red;
}

/* Schroffis css */
.lessonBox {
	float: left;
	/* position: relativ; */
	text-align: center;
	width: 18px;
	height: 18px;
	border: 2px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-color: #2C3C7B;
	background-color: #75C5F0;
	margin: 0px;
}

.lessonBox:link {
	color: #fff;
}

#infobox {
	position: relative;
	float: right;
	width: 343px;
	height: 146px;
}

.registerLink {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	position: relative;
	float: left;
	width: 200px;
	background-color: #F7AF21;
	text-align: center;
	padding: 5px;
	margin-top: 15px;
	/*border: #2C3C7B 1px solid;*/
	text-decoration: none;
	color: white;
	font-size: 14px;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

.registerLink:hover {
	background-color: #75C5F0;
}

.infoWrapper a {
	text-decoration: none;
}

.operationList {
	padding: 0px;
	margin: 0px 0px 0px 2px !important;
	list-style-type: none;
}

.operationList li {
	margin-bottom: 4px;
}

.operationList img {
	margin-bottom: -3px;
	margin-right: 5px;
}

.pupilListOperationsWrapper > a {
	margin-left: 4px;
}

.pupilListOperationsWrapperTop {
	margin-top: 5px;
}

.pupilListOperationsWrapperBottom {
	margin-top: 4px;
}


.loadingBlue {
	width: 16px;
	height: 16px;
	margin-bottom: 15px;
	background-image: url('../images/ajax-loader-blue.gif');
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
}

.typeWriterButton {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    position: relative;
    margin-bottom: 5px;
    float: left;
    background-color: #F7AF21;
    /*border: #2C3C7B 2px solid;*/
    color: white;
    font-size: 14px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
    text-align: center;
    text-decoration: none;
    margin-right: 5px;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

.cockpitResumeButton {
	background-color: lime;
}

.cockpitStartButton {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	position: relative;
	margin-bottom: 5px;
	float: left;
	background-color: #F7AF21;
	/*border: #2C3C7B 1px solid;*/
	color: white;
	font-size: 14px;
	padding-right: 8px;
	text-decoration: none;
	width: 373px;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	padding-top: 2px;
	padding-bottom: 2px;
}

.cockpitStartButton:hover {
	background-color: #75C5F0;
}

.cockpitStartButton .image {
	position: relative;
	float: left;
	width: 44px;
	height: 30px;
	top: -7px;
}

.cockpitStartButton .bodyText {
	position: relative;
	float: left;
	margin-top: 5px;
}

.cockpitResumeButton {
	background-color: rgb(72, 174, 007);
}

.announcementLinkButton {
	background-color: #75C5F0;
}

.announcementLinkButton:hover {
	background-color: #F7AF21;
}

.cockpitStartButtonSmall {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	position: relative;
	margin-bottom: 5px;
	float: left;
	background-color: #F7AF21;
	/*border: #2C3C7B 2px solid;*/
	color: white;
	font-size: 14px;
	padding: 2px;
	width: 20px;
	height: 20px;
	text-align: center;
	text-decoration: none;
	margin-right: 5px;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

.cockpitStartButtonSmall:hover {
    background-color: #75C5F0;
}

.cockpitStartButtonBig {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    position: relative;
    margin-bottom: 5px;
    float: left;
    background-color: #F7AF21;
    /*border: #2C3C7B 1px solid;*/
    color: white;
    font-size: 14px;
    padding: 2px;
    width: 373px;
    height: 20px;
    padding-left: 5px;
    text-decoration: none;
    margin-right: 5px;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	padding-top: 2px;
	padding-bottom: 2px;
}

.cockpitStartButtonBig:hover {
    background-color: #75C5F0;
}

.plus-version-button{
    
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;

	background-color: #F7AF21;
	/*border: #2C3C7B 1px solid;*/
	color: white;
	font-size: 20px;
	text-decoration: none;
	
	padding: 15px;

	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

.plus-version-button:hover {
	background-color: #75C5F0;
	color: white;
}



#certificateList {
	list-style: none;
	margin-top: 5px;
	padding-left: 8px;
}

#certificateList li {
	margin-bottom: 5px;
}

#certificateList li>img {
	margin-bottom: -3px;
	margin-right: 5px;
}

#maintenance {
	position: relative;
	width: 100%;
	padding-top: 15px;
	height: 30px;
	font-size: 16px;
	color: #2C3C7B;
}

#maintenance img {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: -2px;
}

.anchor {
	text-decoration: none;
	color: #2C3C7B;
}

.anchor:hover {
	color: #2C3C7B;
}

.responseMsg {
	font-weight: bold;
}

.ms4Icons {
	margin-bottom: -3px;
	margin-right: 5px;
}

.statusMsg {
	
}

.clearBoth {
	clear: both;
}

.navigationWrapperTypwriter {
	margin-left: 12px;
	position: relative;
	float: left;
	width: 800px;
}

/* Start page related classes */
/* (c) Andreas */
.row {
	margin-right: 0px;
	margin-left: 0px;
}

.row:before,.row:after {
	display: table;
	content: " ";
}

.row:after {
	clear: both;
}

.row:before,.row:after {
	display: table;
	content: " ";
}

.row:after {
	clear: both;
}

.col-lg-4,.col-md-5,.col-md-7 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 10px;
	position: relative;
	float: left;
}

.col-lg-4 {
	width: 30%;
	text-align: center;
	margin-top: 5px;
}

.col-md-7 {
	width: 54.333333333333336%;
}

.col-md-5 {
	width: 41.66666666666667%;
}

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
	-moz-box-shadow: 0 0 20px 5px #ccc;
	-webkit-box-shadow: 0 0 20px 5px #ccc;
	box-shadow: 0px 0px 20px 4px #ccc;
}

.img-circle {
	display: inline-block;
	border-radius: 10px;
	-moz-box-shadow: 0 0 20px 2px #ccc;
	-webkit-box-shadow: 0 0 20px 2px #ccc;
	box-shadow: 0px 0px 20px 2px #ccc;
}

.img-follow {
	page-break-inside: avoid;
	vertical-align: middle;
}

.text-muted {
	color: rgb(153, 153, 153);
}

.gradientBoxHeader {
	margin-top: 20px;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border-right: 0px none;
	border-width: 1px 0px 0px;
	border-style: solid none none;
	/*     border-color: rgb(238, 238, 238) -moz-use-text-color -moz-use-text-color; */
	border-color: rgb(220, 220, 220) -moz-use-text-color -moz-use-text-color;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
}

.feature-divider {
	margin: 30px 0px;
}

.btnPos {
	margin-top: 30px;
	text-align: center;
}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 2px solid;
	border-radius: 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.btn-default {
	color: white;
	background-color: #F7AF21;
	border-color: #2C3C7B;
}

.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default
	{
	color: white;
	border-color: #2C3C7B;
	background-color: #75C5F0;
}

.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default
	{
	background-image: none;
}

.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active
	{
	background-color: #ffffff;
	border-color: #cccccc;
}

.followLine {
	text-align: middle;
	padding: 2px;
}

.likeLink {
	bottom: 2px;
	height: 100%;
	vertical-align: middle;
}

.followFacebook {
	display: inline-block;
	margin-bottom: 0;
	padding: 3px 6px;
	font-size: 12px;
	font-weight: normal;
	/* 	line-height: 1.428571429; */
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 2px solid;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: white;
	background-color: rgb(56, 104, 176);
}

.loernieBox {
	position: relative;
	float: left;
	width: 385px;
	margin-bottom: 5px;
	margin-top: 20px;
}

.emptyLine {
	position: relative;
	height: 10px;
}

#exercise-pool-grid > .summary {
	display: none;
}

#test-pool-grid > .summary {
	display: none;
}

.grid-cell-right {
	text-align: right;
}

.gradeColorCircleTypewriter {
	margin-top:1px;
	border: 2px solid grey;
	width:20px;
	height: 20px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.gradeColorCircleLevelComplete{
	position:relative;
	display: inline-block;
	border: 2px solid grey;
	width: 10px;
	height: 10px;
	top: 2px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.gradeColorCirclePerformanceTable{
	display: inline-block;
	border: 2px solid grey;
	width: 10px;
	height: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.trafficLightGradMeanNumber {
	padding-left: 20px;
	top: -3px;
	position: relative;
}

.login-input {
	width: 120px;
}

.exercise-upload-text-area {
  width: 250px;
}

.createPupilFocusOutline:focus{outline:1px dotted red;}

.gradingSmiley {
	width: 21px;
	height: 21px;
	cursor:help;
}

.gradingSmileyHUD {
	width: 26px;
	height: 26px;
	margin-top: 1px;
}

.exerciseForm{
	color:#046EB5;
}

.exerciseForm:hover {
	color: #046EB5;
}


/* cookies disclaimer style*/

.cc-message {
	font-size: 10px;
}

.cc-dismiss {
	min-width: 80px !important;
}

.cc-window {
	line-height: 0.2em !important;
}

.hiddenInfo {
	cursor: help;
}




.userPerformanceIcon {
	margin-left: 3px;
	margin-top: 4px;
	margin-bottom: -5px;
}

.pull-left {
	position: relative;
	float: left;
}

.pull-right {
	position: relative;
	float: right;
}

#register-button {
	font-size: 20px;
	background-color: #F7AF21;
	color: #FFFFFF;
}

#register-button:hover {
	background-color: #78CCFA;
}

.role-radio-wrapper {
	padding:6px;
	margin-left: 1px;
	font-size: 18px;
	margin-top:10px;
	color:#2C3C7B;
	/*border: 1px solid #2C3C7B;*/
	background-color: #F7AF21;

	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;

	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

.role-radio-wrapper > div > label:hover {
	cursor: pointer;
}

.role-radio-wrapper > div > input:hover {
	cursor: pointer;
}

.role-radio-wrapper:hover {
	background-color: #78CCFA;
	color: #FFFFFF;
	cursor: pointer;
}

.grole-radio-wrapper {
	padding:6px;
	margin-left: 1px;
	font-size: 18px;
	margin-top:10px;
	color:#2C3C7B;
	border: 1px solid #2C3C7B;
	background-color: #F7AF21;

	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.grole-radio-wrapper > div > label:hover {
	cursor: pointer;
}

.grole-radio-wrapper > div > input:hover {
	cursor: pointer;
}

.grole-radio-wrapper:hover {
	background-color: #78CCFA;
	color: #FFFFFF;
	cursor: pointer;
}

.newsletter-dialog-checkbox {
	padding-right: 2px;
	padding-left: 7px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 2px;

	background-color: #ffadad;
	margin-right: 5px;
	border: 1px solid indianred;

	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.messageTopBanner {
	padding-top: 10px;
	padding-bottom: 10px;
	width:100%;
	/*background: linear-gradient(141deg, #0FA6AD 0%, #1fc8db 51%, #2cb5e8 75%);*/
	background:  #2cb5e8;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: #ffffff;
}

.messageTopBannerWrapper {
	display: none;
	/*height: 180px;*/
	background-color: #F7AF21;
}

#announcementLinkButtonBellImage {
    width: 38px !important;
}

.announcementLinkButton > .image {
    top: -5px !important;
}

.messageTopBannerHeadline {
	text-align:center; 
	font-size:18px;
}

.messageTopBannerBody {
	width: 100%; 
	text-align:center; 
	font-size: 14px;
}

.messageTopBannerHideLink {
	text-align:center; 
	font-size:12px; 
	margin-top:10px;
}

.messageTopBannerLinks {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 5px;
}

.messageTopBannerLinks > a  {
	margin: 2px;
	padding: 4px 5px 4px 5px;
	border: 2px solid white;
	color: white;
	text-decoration: none;
	font-size: 14px;

	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.messageTopBannerLinks > a:hover  {
	background-color: #ffa407;
}

.messageTopBannerCenter{
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	width: 980px;
}

#manz-lection-logo-wrapper {
	position:relative; 
	float:left; 
	width: 300px;
}

#manz-lection-descripion-wrapper {
	position:relative; 
	float:left; 
	width: 400px;
	padding-left:25px;
}

#header-lang-select .dd-select {background: none !important; border: none !important;}
#header-lang-select .dd-option {padding: 2px !important; padding-left:8px !important; border-bottom: none !important; }
#header-lang-select .dd-selected {padding: 2px !important; text-decoration: none !important; color: #ffffff !important;}
#header-lang-select .dd-selected-text {float: right !important; line-height: 30px !important; cursor:pointer !important;}
#header-lang-select .dd-selected-image, #header-lang-select .dd-option-image{
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	-moz-border-radius-topright: 16px;
	-moz-border-radius-bottomright: 16px;
	-moz-border-radius-bottomleft: 16px;
	-moz-border-radius-topleft: 16px;
	-webkit-border-top-left-radius: 16px;
	-webkit-border-top-right-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
	border: #ffffff 1px solid;
	margin-right: 2px;
	width: 30px;
	height: 30px;
}

#header-lang-select .dd-selected-image {
	margin-top: 4px;
	margin-right: 26px;
	height: 20px;
	width: 20px;
}

.dd-option-text {cursor:pointer !important;}


.dd-pointer-up {
    border: solid 5px transparent !important;
    border-bottom: solid 5px #ffffff !important;
    margin-top: -8px;
}

.dd-pointer-down {
    border: solid 5px transparent !important;
    border-top: solid 5px #ffffff !important;
}

#registerLanguage .dd-select {background: none !important; border: none !important;}
#registerLanguage .dd-option {padding: 2px !important; border-bottom: none !important; cursor:pointer !important;}
#registerLanguage .dd-selected {padding: 2px !important; padding-left: 5px !important; text-decoration: none !important; color: #2C3C7B !important;
	/*border: 1px solid #2C3C7B;*/
    background-color: #F7AF21;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;

	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

#registerLanguage .dd-selected-text{font-size: 16px;cursor:pointer !important; }
#registerLanguage .dd-selected-image, #registerLanguage .dd-option-image{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border: #ffffff 1px solid;
	margin-right: 8px;
}

#registerLanguage .dd-selected-image {
	margin-top: 5px;
	height: 30px;
}

#registerLanguage {
	margin-top: 15px;
	margin-bottom: 15px;
}

#register-version-overview-tbl {
	/*border: 1px solid #2C3C7B;*/
	-moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	
	overflow: hidden;
}

#register-version-overview-tbl > thead > tr > th {
	background-color: #F7AF21;
	border-bottom: 1px solid #d9d9d9;
	color: #2C3C7B;
}

#register-version-overview-tbl > tbody > tr > td {
	border-bottom: 1px solid #d9d9d9;
}



#profilLanguageSwitch .dd-select {background: none !important; border: none !important;}
#profilLanguageSwitch .dd-option {padding: 2px !important; border-bottom: none !important; cursor:pointer !important;}
#profilLanguageSwitch .dd-selected {padding: 2px !important; padding-left: 5px !important; text-decoration: none !important; color: #2C3C7B !important;
	border: 1px solid #2C3C7B;
    background-color: #ffffff;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

#profilLanguageSwitch .dd-selected-text{font-size: 12px;cursor:pointer !important; }
#profilLanguageSwitch .dd-selected-image, #profilLanguageSwitch .dd-option-image{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border: #2C3C7B 1px solid;
	margin-right: 8px;
}

#profilLanguageSwitch .dd-selected-image {
	margin-top: 5px;
	height: 30px;
}

#profilLanguageSwitch {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Popup container */
.popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
  }
  
  /* The actual popup (appears on top) */
  .popup .popuptext {
	visibility: hidden;
	width: 360px;
	background-color: #ffffff;
	color: #2C3C7B;
	text-align: left;
	border: 1px solid #2C3C7B;
	border-radius: 6px;
	padding: 8px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;	
	left: -80%;
	margin-left: -80px;
	padding-left: 10px;
	padding-right: 10px;

	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.40);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.40);
  }
  
  /* Popup arrow */
  .popup .popuptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 27%;
	margin-left: -8px;
	border-width: 8px;
	border-style: solid;
	border-color: #2C3C7B transparent transparent transparent;
  }

  .popuptext td{
	  word-break: break-word; 
	  padding: 0px;
  }
  
  .popuptext table{
	margin-bottom: 0px;
  }
  /* Toggle this class when clicking on the popup container (hide and show the popup) */
  .popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 0.6s;
	animation: fadeIn 0.6s
	}
	

	.popupCloseCross {
		width:20px;
		float:right;
		text-align: right;
	} 

	.popupCloseCross:hover {
		text-decoration: underline;
		color: red;
	}
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
	from {opacity: 0;} 
	to {opacity: 1;}
  }
  
  @keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
	}
	

#externalLoginWrapper {
	margin-top: 20px;
}

#externalLoginWrapper > p {
	color: rgb(34, 34, 34);
	font-weight: bold;
  font-size: 0.9em;
}

.g-signin2 > div {
	width: 100% !important;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#googleUserWrapper {
	padding-top: 8px;
}

#newGoogleUserDialog {
	display: none;
}

#googleUserImage > img {
	border: #2C3C7B 1px solid;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

#googleUserDataList {
	margin-top: 10px;
	list-style-type: none;
}

#googleUserDataList > li {
	margin:0 0 10px 0;  
}

.gFormErros {
	margin-left: 10px;
	color: red;
}

.flexGradientBoxWrapper {
	display: flex;
	flex-direction: row;
}

.flexGradientBoxWrapper > div {
	margin-right: 10px;
}

.plusTrialInfoWrapper {
	background-color: #78CCFA;

	/*border: #2C3C7B 1px solid;*/
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;

	color: white;

	margin-bottom: 20px;
	padding-bottom: 2px;
}

.plusTrialInfoWrapper > .trialInfoHeadline {
	padding: 8px;
	color: white;
}

.plus-version-button-trial-info {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;

	background-color: #F7AF21;
	/*border: #2C3C7B 1px solid;*/
	color: white;
	font-size: 14px;
	text-decoration: none;
	
	padding: 8px;
	margin: 5px;
	text-align: center;

	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

.plus-version-button-trial-info:hover{
	color: #2C3C7B;
	cursor: pointer;
	
}

.trialInfoBodyText {
	padding: 8px;
	font-size: 14px;
}

.licenceListWrapper {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.licenceListWrapper > .licenceListEntry{
	flex: 1;

	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;

	background-color: #FFFFFF;
	/*border: #2C3C7B 1px solid;*/
	padding: 8px;

	display: flex;
	flex-direction: row;
	color: #2C3C7B;

	margin-bottom: 15px;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);

}

.licenceListWrapper > .licenceListEntry > div{
	padding: 5px;
}

.licenceListWrapper > .licenceListEntry > div:nth-child(3){
	text-align: right;
	flex: 1;
	font-size: 18px;
	font-weight: bold;
	line-height: 42px;
}


.licenceListWrapper > .licenceListEntry > div:nth-child(2){
	padding-top: 9px;
	padding-left: 10px;
}

.licenceListWrapper > .licenceListEntry > .info > div:nth-child(1) {
	font-size: 16px;
	font-weight: bold;
}

.licenceListWrapper > .licenceListEntry > div:last-child {
	font-size: 16px;
	padding-left: 24px;
	padding-right: 16px;
	line-height: 42px;
	font-weight: bold;
}

.orderButton {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;

	background-color: #F7AF21;
	border: #2C3C7B 1px solid;
	font-size: 14px;
	text-decoration: none;

	padding: 8px;
	margin: 5px;
	text-align: center;
}

#mandateRefernce {
	margin-left: 15px;
}

.billOpen {
	background-color: #ff6666 !important;
	color: white !important;
}

.billPaid {
	background-color: #afffbb !important;
}

.billCanceled {
	background-color: #ededed !important;
}

.version-columns {
	display: flex;
	flex-direction: row;
}

.version-columns > section {
	flex: 1;
	margin-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.version-columns > section:last-child {
	margin-right: 0px;
}

.version-columns > section > h2{
	 font-weight: bold;
	 text-align: center;
	 margin-bottom: 0px;
	 color: #ffa407;
	 font-size: 24px;
 }

.version-columns > section > div > h3{
	margin-left: 10px;
}

.version-columns > section > p {
	font-size: 14px;
	color: #2C3C7B;
	text-align: center;
}

.version-columns > section > div > ul {
	list-style: none;
	padding-left: 8px;
}

.version-columns > section > div > ul li {
	line-height: 24px;
	font-size: 13px;
	color: #2C3C7B;
}

@media screen and (max-width: 480px) {
	.version-columns > section > div > ul {
		text-indent: -20px;
		margin-left: 20px;
	}

	.version-columns > section > div > ul li {
		line-height: normal;
		font-size: 10px;
	}

	.version-columns > section > div > h3 {
		font-size: 12px;
	}

	.version-columns > section > div > p {
		font-size: 10px;
	}

	.version-columns > section > p {
		font-size: 11px;
	}

	.version-columns > section > p {
		font-size: 12px;
	}
}

.version-columns > section > div > ul li:before {
	content: '✓  ';
	color: green;
}

.version-columns > section > div > p {
	padding-left: 15px;
	font-weight: bold;
}

.achievementsFilterWrapper {
	display: flex;
	flex-direction: row;

	margin: 6px;
	margin-top: 20px;
	margin-bottom: 8px;
}

.achievementsFilterWrapper > .filterLabel {
	color: #FFFFFF;
	font-size: 14px;
	margin-right: 5px;
}

.achievementsFilterWrapper > .filterInput {
	margin-right: 2px;
}

.achievementsFilterWrapper > .filterInput > input {
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	width: 80px;
	border: none;
	border-bottom: 1px solid white;
	background-color: transparent;
	font-size: 16px;
}

.filterApplyButton {
	top: -3px;
	width: 140px;
	margin-left: 15px;
	cursor: pointer;
}

#filterTrigger:hover {
	cursor: pointer;
}

.pika-lendar > table > thead > tr > th  {
	background: #78CCFA;
	color: white;
}

.collapsibleTrigger:after {
	content: "\276e";
	float: right;
	margin-left: 8px;
    transform: rotate(-90deg);
    font-weight: bold;
}

.collapsibleTrigger:hover {
	cursor:pointer;
	color: #78CCFA;
}

.collActive:after {
    content: "\276e";
    transform: rotate(90deg);
    font-weight: bold;
	margin-left: 8px;
}

.achievementsCollapsible {
	display: none;
}

.achievementsCollapsible > td {
    color: #a0a0a0;
    font-style: italic;
}

.achievements_coll_tree {
	font-size: 22px;
	font-style: normal;
	text-align: right;
	line-height: 27px;
	padding-right: 6px;
	font-weight: 100;
	font-family: arial;
}

/*
EDULOG
 */
.edulog-logo-wrapper {
	margin-top: 20px;
	padding-top: 8px;
	padding-bottom: 2px;
	text-align: center;

	background-color: #ffffff;

	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;

	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

.edulog-logo-wrapper > img {
	width:70%;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.edulog-login-link  :hover {
	box-shadow: 0 0 3px 3px rgba(50, 224, 162, 0.25);
	-webkit-box-shadow: 0 0 3px 3px rgba(50, 224, 162, 0.25);
}

.extended-test-cancel-button-wrapper > a, .extended-test-submit-button-wrapper {
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 14px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	margin-bottom: 5px;
	background-color: #F7AF21;
	padding: 12px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.extended-test-cancel-button-wrapper > a {
	display: block;
}

.extended-test-cancel-button-wrapper > a:hover {
	background-color: #6ec1e4;
}

.extended-test-header-title {
	flex: 1;
	font-weight: bold;
	font-size: 14px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	margin-bottom: 5px;
	padding: 12px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.extended-test-submit-button-wrapper {
	background-color: #00AA00;
}

.extended-test-submit-button-wrapper:hover {
	cursor: pointer;
	background-color: #6ec1e4;
}

.extended-test-header-button-row > div {
	display: flex;
	margin-left: 10px;
}

.external-login-button {
	display: flex;
	/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);*/
	height: 36px;
	margin-top: 10px;
	flex-direction: row;
	background-color:white;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.external-login-button-icon {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.external-login-button:hover {
	box-shadow: 0px 0px 3px 3px rgb(27 97 225 / 25%);
}

.external-login-button-icon > img {
	width: 18px;
	height: 18px;
}

.external-login-button-text {
	display: flex;
	flex-grow: 1;
	color:rgb(117,117,117);
	font-size: 13px;
	font-weight: 500;
	align-items: center;
	justify-content: center;
}

.external-login-button-text > span {
	margin-top: -1px;
}

.edulog-login-button {
	padding: 0 6px 0 6px;
	background-color: #002654;
}

.edulog-login-button:hover {
	background-color: #144472;
}

.edulog-login-button:active {
	background-color: #001240;
}

.edulog-login-button-text {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	margin-left: 6px;
}

.edulog-login-button > .external-login-button-icon {
	width: unset;
	height: unset;
}

#licenceAssignmentResponseDialog {
	min-height: 50px;
	padding:20px;
	text-align: center;
}

.pill-blue {
	text-align: center;
	padding: 2px;
	background-color: #2c3c7b;
	color: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.pill-red {
	text-align: center;
	padding: 2px;
	background-color: red;
	color: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.clickable-row {
	cursor: pointer;
}

.clickable-row:hover {
	background-color: #facf79; /* Light gray hover color */
}

.tableSearchWrapper {
	margin: 10px;
	display: flex;
	flex-wrap: wrap;
	flex-grow: 0;
	gap: 4px;
	background-color: white;

	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;

	background-color: white;
}

.tableSearchWrapper > .title > img {
	position: relative;
	margin-left: 6px;
	margin-top: 5px;
}

.tableSearchWrapper > .search > input {
	width: 300px;
	border: none;
	height: 26px;

	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
.bulkOperationsWrapper {
	margin: 10px;
	display: flex;
	gap: 10px;
}

.gridViewHeadAction {
	border: none;
	background-color: white;
	display: flex;
	padding: 5px 8px 5px 8px;
	box-sizing: border-box;

	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

.gridViewHeadAction:hover {
	background-color: #F7AF21 !important;
	color: white !important;
}

.gridViewHeadAction:disabled {
	background-color: #e7e7e7 !important;
	color: #808080 !important;
	cursor: not-allowed !important;
}

.gridViewHeadAction:disabled:hover {
	background-color: #e7e7e7 !important;
	color: #808080 !important;
	cursor: not-allowed !important;
}