/* XPages Application CSS */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 5, 2012 */

@font-face {
    font-family: 'StandardFont';
    src: url('Raleway-Regular.ttf');
    src: url('Raleway-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: regular;
}

@font-face {
    font-family: 'StandardFont';
    src: url('Raleway-Bold.ttf');
    src: url('Raleway-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular.ttf');
    src: url('OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FjallaOne';
    src: url('FjallaOne-Regular.ttf');
    src: url('FjallaOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmaranthRegular';
    src: url('Amaranth-Regular.ttf');
    src: url('Amaranth-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


:root{
	--cd-primary-color: #50647f;
	--cd-primary-xxlight-color: #50647f20;
	--cd-secondary-color: #ec6b00;
	--cd-secondary-light-color: #f39100;
	--cd-secondary-xxlight-color: #feefd9;
	--cd-attention-color: #bf0404;
}

html{
	scroll-behavior: smooth;
}

body,a,p,textarea,input,div,span,table,tr,td,h,.xspTextLabel,.xspTextViewColumn,.xspInputFieldEditBox,.xspComboBox,.xspInputFieldTextArea,.xspListBox,.xspTextComputedField,.xspInputFieldFileUpload,.xspInputFieldSecret,.xspInputFieldFileUpload,.xspDataTableFileDownloadName,.xspButtonSubmit,.xspButtonCancel,.xspButtonCommand,.buttonAction, .xspPickerButton, .dijitComboBoxMenuPopup *{
	font-family:'StandardFont',Calibri,Trebuchet MS,Arial,Verdana; 
	font-size:12px;
	color:rgb(30,30,30);
	line-height:1.5;
	text-size-adjust:none;
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	margin:0px;
	padding:0px;
	scroll-behavior:smooth;
}

a:not(.frameFooter a){
	color:var(--cd-secondary-light-color);
	text-decoration:underline;
}

a{
	transition:all 0.3s linear;
}


a:hover{
	color:#ef7700;
}

span:has(.xspMessage){
	display:flex;
	width: 100%;
	flex: 1 0 100%;
}

span:has(.xspMessage) ul{
	padding: 8px 15px;
}

.h1, .h1 *{
	font-weight:bold;
	font-size:40px;
	line-height:1.2;
}

.h2, .h2 *{
	font-weight:bold;
	font-size:23px;
}

.h3, .h3 *{
	font-size:14px;
}

table{
	border-spacing:0px;
    border-collapse:collapse;
}

.ccPlaceholder{
	border:2px dotted var(--cd-attention-color);
	padding:15px;
	margin:5px 0px;
	background-color:rgb(240,240,240);
}

.wrapper{
	position:relative;
	left:0px;
	margin:0px;
	padding:0px;
}

.frameHeader{
	position:fixed;
	top:0px;
	left:0px;
	z-index:10;
	display: flex;
    align-items: flex-start;
    column-gap:24px;
    width:100%;
	height:70px;
	padding:0px 20px;
	box-sizing:border-box;
	background-color:#f07e02;
}

.frameHeaderQuickAccess{
	position:relative;
	z-index:15;
	display:flex;
	transition:all 0.3s linear;
	order: 10;
}

.frameHeaderQuickAccessButton{
	width:55px;
	margin-right:2px;
	text-align:center;
	cursor:pointer;
	display:inline-block;
	text-decoration:none !important;
	height: 62px;
	padding:15px 5px 0px 3px;
	position:relative;
	transition:all 0.3s linear;
}

.frameHeaderQuickAccessButton.login{
	position:absolute;
	top:0px;
	right:300px;
}

.frameHeaderQuickAccessButton.myProfile{
	position:absolute;
	top:0px;
	right:365px;
}

.frameHeaderQuickAccessButton:hover, .frameHeaderQuickAccessButton.active, .frameHeaderQuickAccessButton.myProfile:hover{
	background-color: #0050a0;
}	

.frameHeaderSearchGlobal{
	position: relative;
	z-index: 15;
	display: inline;
	margin-left:20px;
	order: 20;
}

.frameHeaderSearchGlobal .xspInputFieldEditBox{
	background-color:white !important;
}

.frameHeaderSystem {
    position: absolute;
    top: 46px;
    right: 70px;
    z-index: 21;
    border: 0;
    font-size: 30px;
    font-weight: bold;
    padding: 0px 20px;
    background-color: var(--cd-attention-color);
    color: white;
    box-shadow: 0px 0px 5px lightgray;
    transform: rotate(10deg);
}

.frameHeaderMenuTitle{
	position:relative;
	font-size:10px;
	color:white;
	display:block;
}

.frameHeaderLogo{
	border:0px;
	align-self: center;
	order: 90;
}

.frameHeaderLogo img {
    height: 60px;
}

.frameHeaderTitle {
    position: relative;
    margin-left: auto;
    z-index: 16;
    line-height: 70px;
    color: white;
    font-size: 36px;
    font-weight: bold;
    text-shadow: 0px 0px 2px white;
    transition: all 0.3s linear;
    order: 80;
}

.frameMenu{
	position:fixed;
	left:-380px;
	top:0px;
	z-index:12;
	width:330px;
	height:100%;
	overflow:visible;
	padding:0px;
	background-color:rgb(30,30,30);
}

.frameMenuBackground{
	position:fixed;
	left:0px;
	top:0px;
	z-index:11;
	width:100%;
	height:100%;
	padding:0px;
	background-color:rgba(150,150,150,0.7);
	opacity:0;
	display:none;
}

.frameMenuHeader{
	position:relative;
	z-index:12;
	height:70px;
	width:100%;
	margin:0px 10px 0px 0px;
	border-bottom:1px solid white;
}

.frameMenuHeaderLogo{
	position:absolute;
	z-index:12;
	bottom:24px;
	left:35px;
	cursor:pointer;
}

.frameMenuHeaderTitle{
	position:absolute;
	bottom:27px;
	left:75px;
	z-index:12;
	font-size:26px;
	line-height:1;
	color:rgb(250,250,250);
}

.frameMenuContent{
	position:relative;
	left:-8px;
	top:5px;
	width:310px;
}

.frameMenuContent * a:link, 
.frameMenuContent * a:visited, 
.frameMenuContent * a:hover, 
.frameMenuContent * a:active{
	text-decoration:none;
	color:rgb(250,250,250);
}

.frameMenuContent > ul{
	margin-top:10px;
	padding-left:10px;
	list-style-type:none;
}

.frameMenuContent > li{
	padding-left:0px;
	list-style-type:none;
}

.frameMenuContentItem{
	display:block;
	width:100%;
	height:18px;
	vertical-align:middle;
	padding:0px 0px 5px 0px;
	margin:0px;
}

.frameMenuContentItem * img{
	margin:0px 7px 0px 10px;
}

.frameMenuContentItem.sub{
	margin:0px 0px 0px 20px;
	width:95%;
}

.frameMenuContentSeparator{
	height:1px;
	width:295px;
	margin:5px 0px 5px 0px;
	border-bottom:1px solid rgb(100,100,100);
	clear:both;
}

.frameMenuContentItem.configuration{
	position:absolute;
	bottom:50px;
}	

.frameMenuContentItem.active, .frameMenuContentItem.lotusSelected, .frameMenuContentItem.main.active, .frameMenuContentItem.configuration.active{
	background-color:rgb(100,100,100);
}

.frameContent{
    border: 0px;
    box-sizing: border-box;
    display: block;
    background-color: white;
    margin: 185px 0px 50px 0px;
    padding: 0px 30px 0px 30px;
    position: relative;
    width: 100%;
    z-index: 3;
}

.frameContent.dashboard{
	margin-top:145px;
}

.frameFooter {
    position: fixed;
    z-index: 1;
    bottom: 0px;
    min-height: 40px;
    left: 0px;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 30px;
    background-color: #303c4c;
    clear: both;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.frameFooter *{
	color: #fff;
    font-size: 0.8125rem;
    text-decoration:none !important;
}

.frameFooter .innerContainer {
    flex: 1 0 100%;
    display: flex;
}

.frameFooterVersion{
	order: 10;
}

.frameFooterInfo{
	margin-left:auto;
	order: 20;
}

.contentWrapper{
	clear:both;
	margin:0px;
   	padding:0px;
	border:0px;
}

.contentFooter{
	clear:both;
	padding-bottom:30px;
}

.contentHeader {
    background-color: white;
    border-bottom: 1px solid rgb(100, 100, 100);
    display: flex;
    left: 0;
    margin: 0px 30px 25px 30px;
    min-height: 50px;
    padding: 0 0 9px;
    position: fixed;
    top: 65px;
    width: calc(100% - 60px);
    z-index: 11;
}

.contentHeader > img{
    background-color: white;
    bottom: -20px;
    left: 0;
    padding: 0 10px 0 0;
    position: relative;
    width:40px;
    height:40px;
    
}

.contentHeader.relative{
	position:relative;
	top:0px;
	padding:0px;
	margin:0px 0px 10px;
	min-height:40px;
}

.contentHeader.relative > img{
    background-color: white;
    bottom: 3px;
    left: 0;
    padding: 0 10px 0 0;
    position: relative;
}

.contentHeader * {
    position: relative;
    font-size: 23px;
    font-weight: bold;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contentHeader div {
    position: relative;
    bottom: -24px;
    display: inline;
    margin-right: 3px;
    overflow: hidden;
}

.contentHeader div img{
    position: relative;
	bottom: 3px;
    margin-right: 8px;
}

.contentHeaderSeparator{
	margin-top:3px;
}

.content{
	position: relative;
    z-index: 5;
    float: none;
    clear: both;
    padding: 0px;
    margin: 0px 0px 10px;
    display: flex;
    flex:1 0 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px 20px;
}

.content.list{
	row-gap: 0px;
}

.content.embedded{
	padding: 0px;
}

.content.dashboard{
	position: relative;
	top:-30px
}

.contentBlock{
	position: relative;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #0050a0;
	background-color:white;
	padding: 15px 0px 0px 0px;
	margin: 10px 0px 30px;
	box-sizing:border-box;
	flex: 1 0 100%;
    align-self: stretch;
	transition:all 0.3s linear;
}

.contentBlock .content .contentBlock,
.contentBlock.embedded{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

.contentBlock.container{
    background-color: transparent;
    padding: 0px !important;
    margin: 0px;
    border: 0px;
}

.contentBlock.full{
	flex: 1 0 100% !important;
}

.contentBlock.maintenance {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 50px 20px;
    gap: 20px;
    border: 0px;
}

.contentBlock.maintenance *{
	font-weight: bold;
}

.contentBlock.maintenance > img {
    width: 120px;
    height: fit-content;
    padding: 0px 0px 20px;
}

.contentBlock.container.symposiumCorrespondence,
.contentBlock.container.posterContent{
	order: 10;
}

.contentBlock.container.symposiumProcessing,
.contentBlock.container.posterAuthor{
	flex: 1 1 calc(25% - 20px);
	order: 20;
}

.contentBlock.container.registrationPersonData{
	flex: 1 1 calc(50% - 20px);
	order: 10;
}

.contentBlock.container.registrationOtherData{
	flex: 1 1 calc(50% - 20px);
	order: 20;
}

.contentBlock.registrationSymposiumData{
	margin-top:0px;
}

.contentBlock.last{
	margin-bottom:0px;
}

.blockWithResourceImage{
	margin-right:155px;
}

.dashboardTileContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    padding-top: 10px;
}

.dashboardTile{
	width:270px;
	height:270px;
	padding:10px;
	border:1px solid #0050a0;
	box-sizing: border-box;
	background-color:white;
	cursor:pointer;
	text-decoration:none;
	transition:all 0.1s linear;
	position:relative;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	gap:5px;
}

.dashboardTile *{
	transition:all 0.3s linear;
}

.dashboardTile.past{
	border:1px solid rgb(200,200,200);
}

.dashboardTile.past *{
	color:rgb(200,200,200);
	transition:all 0.3s linear;
}

.dashboardTile.add{
	border:1px dashed gray;
	background-image:url(plus50light.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.dashboardTileAddText{
	color:white !important;
	position:absolute;
	bottom:20%;
	width:calc(100% - 20px);
	text-align:center;
}

.dashboardTile:hover{
	background-color:#f6ad40;
	transform: scale(1.02);
}

.dashboardTile:hover *{
	color:white;
}

.dashboardTile.add:hover{
	background-image:url(plus50white.png);
}

.dashboardTileTitle{
	font-size:20px;
	font-weight:bold;
	order:10;
}

.dashboardTileLogo, .dashboardInSubmissionLogo{
	filter:grayscale(100);
	width:100%;
}

.dashboardTileLogo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    opacity: 0.1;
    z-index:1;
}

.dashboardTileDate{
	display:flex;
	margin-top:auto;
	order:30;
	z-index:2;
}

.dashboardTileDate *{
	font-size:14px;
	font-weight:bold;
}

.dashboardTileLocation{
	font-size:14px;
	order:20;
	z-index:2;
}

.dashboardTileStatus{
	display:flex;
	flex-wrap: wrap;
	align-items: flex-start;
	column-gap: 5px;
	margin-top:10px;
	order:90;
	z-index:2;
}

.dashboardTileStatus .statusImg{
	width: 15px;
	height: 15px;
	align-self: baseline;
    margin-top: 1px;
	order: 10;
}

.dashboardTileStatus .statusDescr{
	font-weight: bold;
	order: 20;
}

.dashboardTileStatus .statusRest{
	display:flex;
	column-gap:3px;
	margin-left:auto;
	font-size: 0.8rem;
	order: 30;
}

.dashboardTileStatus .sympStatusProgressBarBlock {
	order: 90;
}

.dashboardTileDetails{
	display:flex;
	order:80;
	z-index:2;
}

@media all and (min-width:1350px){
	.contentDescr{
		width:150px;
	}
	
	.contentBlock{
		flex: 1 1 calc(50% - 20px);
	}
}

.contentBlockTitle{
	display: block;
	position:absolute;
	top:-14px;
	left:0px;
	padding:0px 15px 0px 2px;
	color:#0050a0;
	font-weight:bold;
	font-size:17px;
	background-color:white;
}

.contentBlockTitle.inContentAttention{
	background-color: rgb(255,242,201);
}

.contentBlockLight{
	background-color: white;
    border-color: lightgray;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    margin: 0;
    flex: 1 0 100%;
    box-sizing: border-box;
    padding: 10px 5px 15px 5px;
    position: relative;
}

.contentBlockLightTitle{
	background-color: white;
    box-sizing: border-box;
    color: rgb(100, 100, 100);
    display: inline;
    font-style: italic;
    font-weight: normal;
    left: 5px;
    line-height: 1.2;
    padding: 2px 7px;
    position: absolute;
    top: -12px;
}

.contentBlockLightIcon{
	background-color: white;
    box-sizing: border-box;
    display: inline;
    position: absolute;
    top: -10px;
    left: 0px;
    padding: 2px 5px;
}

.contentBlockShadowTop{
	display:block;
	width:100%;
	height:5px;
	background-image:url(bgShadowTop10.png);
	background-repeat:repeat-x;
	background-position:top left;
}

.contentBlockShadowBottom{
	display:block;
	width:100%;
	height:5px;
	background-image:url(bgShadowBottom10.png);
	background-repeat:repeat-x;
	background-position:bottom left;
}

.contentBlockSwitch{
	padding:0px 2px;
    /*background-color:white;
    position:absolute;
    right:5px;
    top:-10px;*/
    float: right;
    padding: 0 2px;
    position: relative;
    right: 5px;
    top: -25px;
}

.contentBlockIcon{
	background-color:white;
    padding:0px 2px;
    position:absolute;
    right:0px;
    top:-7px;
}

.contentBlockIcon.icon1{
	
}

.contentBlockIcon.icon2{
	right:24px;
}

.contentTableLeft{
	width:50%;
	padding-right:5px;
	vertical-align:top;
}

.contentTableRight{
	width:50%;
	padding-left:5px;
	vertical-align:top;
	border-left:0px solid lightgray;
}

.contentDescr{
	width:150px;
	min-width:150px;
	height:22px;
	text-align:right;
	vertical-align:top;
	padding:5px 8px 5px 5px;
	border-right:1px solid lightgray;
}

.contentDescr.large{
	width:400px;
}

.contentDescr.small{
	width:60px;
}

.contentDescr.x-small{
	width:40px;
}

.contentDescr.xx-small{
	width:30px;
}

.contentDescr.auto{
	width:auto;
}

.contentDescr *{
	color:rgb(150,150,150);
	margin-right:5px;
	text-align:right;
}

.contentDescr.h1, .contentDescr.h2{
	width:250px;
	height:30px;
	vertical-align:top;
	padding:2px;
	background-color:rgb(250,250,250);
}

.contentDescr.h1 label{
	color:rgb(100,100,100);
	margin-right:5px;
	font-size:18px;
}

.contentDescr.h2 label{
	color:rgb(100,100,100);
	margin-right:5px;
	font-size:15px;
}

.contentDescrHeader{
	width:250px;
	height:22px;
	vertical-align:top;
	padding:2px;
}

.contentDescrHeader *{
	color:rgb(100,100,100);
	margin-right:5px;
	font-style:italic;
}

.contentDescrHeader.large{
	width:400px;
}

.contentDescrHeader.auto{
	width:auto;
}

.contentCont{
	box-sizing:border-box;
	vertical-align:top;
	padding:5px 0px 5px 15px;
	min-height:22px;
	width:auto;
}

.contentCont.withoutDescr{
	padding-left: 0px;
}

.contentCont.h1{
	border-bottom: 1px solid gray;
    margin: 25px 0px;
    padding: 2px;
}

.contentCont.h2{
	text-decoration:italic;
	padding:20px 0px 10px 0px;
}

.contentCont.h3{
	border-bottom:1px solid lightgray;
	margin:0px 0px 10px 0px;
}

.contentCont.h3 * {
    position: relative;
    /* bottom: -5px; */
    background-color: white;
    box-sizing: border-box;
    color: rgb(100, 100, 100);
    display: inline;
    font-weight: normal;
    border: 0px;
    font-size:1.1rem;
    /* padding: 0px 5px; */
    /* left: -15px; */
}

.contentCont.h1 span{
	font-size:22px;
	font-weight:bold;
}

.contentCont.h1 input,.contentCont.h1 select,.contentCont.h1 option{
	width:99%;
	font-size:22px;
	font-weight:bold;
	height:28px;
	padding-left:5px;
	padding-right:5px;
}

.contentCont.h2 span{
	font-size:15px;
}

.contentCont.h2 input,.contentCont.h2 select,.contentCont.h2 option{
	width:99%;
	font-size:15px;
	height:28px;
	padding-left:5px;
	padding-right:5px;
}

.contentCont.bullet{
	padding:0px 0px 0px 20px;
	margin:10px 0px 5px 0px;
	background-image:url(releaseNoteBullet15.png);
	background-repeat:no-repeat;
	background-position:left center;
}

.contentCont.bullet.sub{
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 20px;
}

.contentCont.bullet.sub.sub{
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 40px;
}

.contentHint{
	display:block;
	width:100%;
}

.contentHint *{
    color: rgb(150,150,150);
    font-size: 10px;
}

.contentAttention{
	position:relative;
	clear:both;
	padding:5px;
	background-color:var(--cd-primary-xxlight-color);
}

.contentAttentionIcon{
	position: absolute;
	top: -14px;
	left: -10px;
}

.contentAttention.processing{
	width:100%;
	box-sizing: border-box;
    margin:10px auto 20px;
    padding:10px 20px;
    margin-bottom:20px;
}

.contentAttention *{ 
	font-weight:bold;
}

.contentHidden{
	display:none;
}

.contentHidden *{
	color:rgb(255,0,0);
}

.checkboxWithTextContainer{
	display:flex;
	align-items:baseline;
	column-gap:5px;
}

.checkboxWithTextContainer > .xspCheckBox{
	top: 2px;
	margin-left:0px;
}

.xspMessage.checkboxWithTextContainerMessage{
	padding:1px 5px;
}

.fdownload_typeClass{
	width:20px;
}

.fdownload_typeClass img{
	margin-bottom:3px;
}

.fdownload_typeClass .xspTextComputedField{
	display:none;
	padding-right:0px;
}

.fdownload_sizeClass{
	display:none;
}

.fdownload_sizeClass *{
	color:gray;
}


.xspDataTableFileDownload{
	border-collapse:none;
	width:99%;
	margin-bottom:10px;
}

.xspDataTableFileDownload tbody tr td{
	border:none;
	padding-right:0px;
	white-space: normal;
}

.xspDataTableFileDownload thead{
	display:none;
}

.dojoExtListBox{
	margin:0px;
	word-wrap:break-word;
}

.dojoExtListBox span span{
	margin:0px 2px 2px 0px;
	margin-left:0px !important;
	padding:5px 0px 3px 5px;
	border:1px solid rgb(170,170,170);
	border-radius: 5px;
	display:inline-block;
}

.dojoExtListBox span span a{
	text-decoration:none;
}

.dojoExtListBox span span a span{
	padding:0px 0px 0px 5px;
}

.dojoExtListBox span span span
{
	border:0px;
	outline:0px;
	margin-left:5px;
	margin-right:5px;
	padding:0px;
	color:rgb(200,200,200);
}

.dijitTooltipContainer {
    border: 0px solid rgb(40,40,40) !important;
    padding: 5px !important;
    opacity: 0.97 !important;
    box-shadow:0px 0px 7px black;
    background:none !important;
}

.dijitTooltipContainer, .dijitTooltipContainer .contentBlockTitle{
	background-color:rgb(50,50,50) !important;
}

.dijitTooltipContainer, .dijitTooltipContainer *, .dijitTooltipContainer .contentCont *{
	color:white !important;
	font-size:13.5px;
}

.dijitTooltipContainer .contentDescr *{
	color:rgb(220,220,220) !important;
}

.dijitTooltipContainer .contentBlockTitle{
	color:white !important;
}

.dijitTooltipContainer .contentDescr, .dijitTooltipContainer .contentCont, .dijitTooltipContainer .contentBlock{ 
	background-color:transparent !important;
}

.dijitTooltipConnector{
	height: 12px !important;
    width: 12px !important;
    opacity: 0.7;
}

.dijitTooltipAbove .dijitTooltipConnector{
	background:rgba(0, 0, 0, 0) url("tooltipConnectorDown.png") no-repeat scroll left top !important;
	bottom:1px !important;
}

.dijitTooltipBelow .dijitTooltipConnector{
	background:rgba(0, 0, 0, 0) url("tooltipConnectorUp.png") no-repeat scroll left top !important;
	top:1px !important;
}

.dijitTooltipLeft .dijitTooltipConnector{
	background:rgba(0, 0, 0, 0) url("tooltipConnectorRight.png") no-repeat scroll left top !important;
	right:2px !important;
}

.dijitTooltipRight .dijitTooltipConnector{
	background:rgba(0, 0, 0, 0) url("tooltipConnectorLeft.png") no-repeat scroll left top !important;
	left:2px !important;
}

.dijitComboBoxMenuPopup *{
	background-color:rgb(250,250,250);
	padding:1px !important;
}

.xspInputFieldEditBox, .xspInputFieldSecret, .xspComboBox, .dijitTextBox, .xspTextArea, .xspInputFieldDateTimePicker, .dijitTextArea, .listMember, .xspListBox{
	box-sizing:border-box;
	width:100%;
	padding:5px;
	margin-bottom:2px;
	border-radius: 5px;
	float:none !important;
	background: white !important;	/*#77a2d41c !important;*/
	transition:all 0.3s linear;
}

.xspLabel.mandatory::after,
.xspInputFieldEditBox.mandatory::after,
.xspCheckBox.mandatory::after{
	content: "*";
    position: relative;
    top: 2px;
    left: 2px;	
    font-size: 1.1rem;
    line-height: 1;
}

.xspInputFieldEditBox.mandatory{
	width: calc(100% - 10px)
}

.xspCheckBox.mandatory::after{
	top: 0px;
    left: 15px;
}

.xspInputFieldSecret.mandatory::after, 
.xspComboBox.mandatory::after, 
.xspRadioGroup.mandatory::after, 
.xspTextArea.mandatory::after, 
.xspInputFieldDateTimePicker.mandatory::after, 
.dijitTextBox.mandatory::after, 
.dijitTextArea.mandatory::after, 
.listMember.mandatory::after, 
.xspListBox.mandatory::after{
	content: "*";
    color: red;
    position: absolute;
    left: -10px;
    top: -8px;
    font-size: 1.2rem;
}

.dijitTextBox{
	padding:6px 6px 7px 6px !important;
}

.dijitTextArea{
	min-height:50px;
}


.xspInputFieldEditBox, .xspComboBox, .xspTextArea, .xspInputFieldDateTimePicker, .listMember{
	height:auto !important;
}

.xspComboBox{
	padding: 5.5px 5px 6px 5px;
}

.xspInputFieldEditBox:disabled, .xspComboBox:disabled, .xspTextArea:disabled, .xspInputFieldDateTimePicker:disabled{
	background-color:#f3f3f3;
	color:gray;
}

.xspInputFieldDatePickerIcon{
	background:url(calendarTearOff16.png);
}

.listMember{
	border:1px solid rgb(179,179,179);
	background:none;
	display:inline-block;
	width:auto;
	margin:0px 0px 2px 0px;
}

.sumRow{
    margin: 10px 0px 10px 0px;
    margin-bottom: 10.0px;
    text-align: right;
    border-top: 1px solid gray;
    border-bottom: 3px double gray;
    padding: 0px 35px 0px 0px;
}

.xspInputFieldTimePickerIcon{
	background:url(clock16.png);
}

.dijitButtonNode{
	background:transparent !important;
}

.dijitSpinner .dijitSpinnerButtonContainer, .dijitComboBox .dijitArrowButtonContainer{
	border:0px !important;
}

.xspInputFieldEditBox:hover, 
.xspInputFieldSecret:hover,
.xspInputFieldDateTimePicker:hover, 
.xspInputFieldDatePicker:hover, 
.xspInputFieldTimePicker:hover, 
.xspComboBox:hover, 
.xspInputFieldRichText:hover, 
.dijitTextBoxFocused {
	border-color: var(--cd-primary-color);
}

.xspInputFieldEditBox:focus,
.xspInputFieldSecret:focus,
.xspInputFieldDateTimePicker:focus, 
.xspInputFieldDatePicker:focus, 
.xspInputFieldTimePicker:focus, 
.xspComboBox:focus, 
.xspInputFieldRichText:focus, 
.dijitTextBoxFocused {
	box-shadow: 0px 0px 0px 1px var(--cd-secondary-color);
	border-color: var(--cd-secondary-light-color) !important;
}

.xspInputFieldEditBox.currency{
	width:80px;
	text-align:right;
}

.xspInputFieldEditBox.number{
	width:80px;
	text-align:right;
}

.xspInputFieldEditBox.numberShort{
	width:50px;
	text-align:center;
}

.xspInputFieldEditBox.year{
	width:35px;
	text-align:left;
}

.xspInputFieldDateTimePicker
{
	width:110px;
}

.xspRadioButton{
	border:0px;
	padding:0px;
}

.xspRadioButton * input{
	margin:0px 4px 0px 0px;
}

.xspCheckBox, .xspCheckBoxViewColumn{
	margin-right:5px !important;
    position:relative;
    top:0px;
	border:0px;
	padding: 0px 0px 5px 0px;
}

.xspCheckBox input{
	margin:0px 5px 0px 0px;
	position:relative;
	top:3px;
	border-radius: 2px;
}

.xspRadioGroup{
	margin-right:5px !important;
    position:relative;
    top:0px;
	border:0px;
	padding: 0px 0px 5px 0px;
}

.xspRadioGroup label{
	margin:0px 8px 0px 0px;
}

.xspRadioGroup input{
	margin:0px 5px 0px 0px;
	position:relative;
	top:3px;
	border-radius: 2px;
}

.xspMessage, .contentMessage {
    flex: 1 0 100%;
    padding: 3px 5px;
    margin: 0px;
    border: 0px;
    color: white;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: var(--cd-attention-color);
    list-style-position: inside;
}

.xspDataTableViewPanelHeaderStart, .xspDataTableViewPanelHeaderMiddle, .xspDataTableViewPanelHeaderEnd{
	background-color:transparent;
	border:0px;
	display:none;
}

.xspDataTableViewPanelFooterStart, .xspDataTableViewPanelFooterMiddle, .xspDataTableViewPanelFooterEnd{
	background-color:rgb(250,250,250);
	border:0px;
}

.xspButtonSubmit,.xspButtonCancel,.xspButtonCommand, .xspPickerButton, .xspPickerButton1, .xspPickerButton2, .xspPickerButton3{
	color:white;
	height:25px;
	width:auto;
	min-width:100px;
	padding:0px 5px;
	margin:0px 0px 2px !important;
	background-color:var(--cd-secondary-light-color);
	border:0px solid var(--cd-secondary-light-color);
	border-radius:3px;
	cursor:pointer;
	transition:all 0.3s linear;
}

.xspButtonSubmit,.xspButtonCancel,.xspButtonCommand{
	float:left;
}

.xspButtonSubmit:hover, .xspButtonCancel:hover, .xspButtonCommand:hover, .xspButtonCommand.mainAction:hover{
	color:white;
	background-color: var(--cd-secondary-color);
}

.xspButtonSubmit img,.xspButtonCancel img,.xspButtonCommand img{
	margin:0px 5px 2px 0px;
	height: 15px;
	filter: brightness(5);
}

.xspPagerContainer *{
	background-color:transparent;
}

.xspPagerContainer * span a, .xspPagerContainer * span a:link, .xspPagerContainer * span a:hover, .xspPagerContainer * span a:visited
{
	border:0px;
	color:rgb(180,180,180);
	font-weight:normal;
}

.xspPanelViewColumnHeader, .viewHeader *, .projectPlanMonthHeader *{
	color:gray;
	font-weight:normal;
	font-style:italic;
	padding:0px;
	margin:0px;
}

.viewColumn.right, .viewHeader.right{
	text-align:right;
}

.viewFilterCriteriaBlock{
	display:inline-block;
	padding:0px 5px 0px 0px;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:lightgray;
}

.viewFilterTable{
	margin:0px 0px 10px 0px;
}

.viewFilterTable * td{
	padding-right:5px;
}

.viewFilterTable * .xspInputFieldEditBox{
	width:99%;
}

.viewRow1, .viewRow2, .viewRow1NoLink, .viewRow2NoLink, .header{
	background-color:rgb(245,245,245);
	border:0px;
	border-bottom:0px dotted lightgray;
	padding:2px;
	vertical-align:middle;
}

.viewRow1, .viewRow2, .viewRow1NoLink, .viewRow2NoLink{
	min-height:28px;
	cursor:pointer;
	transition:all 0.3s ease-in;
}

.viewRow1NoLink, .viewRow2NoLink{
	cursor:auto;
}

.viewRow1 *, .viewRow2 *{
	transition:all 0.3s ease-in;
}

.viewRow2, .viewRow2NoLink{
	background-color:white;
}

.viewRow1:hover, .viewRow2:hover, .viewRow1.active {
	background-color:#f9c87f;
}

.viewRow1:hover *, .viewRow2:hover *, .viewRow1.active *{
	
}

.viewColumn, .viewHeader{
	padding:2px;
	text-align:left;
	width:auto;
	vertical-align:top;
}

.viewHeader{
	/*background-color:rgba(170,170,170,0.5);*/
}


.viewHeader .xspInputFieldDateTimePicker{
	padding:1px 0px 2px 0px !important;
	width:57px;
}

.viewHeader .xspComboBox{
	padding:0px 0px 1px 0px;
}

.viewColumn img{
	margin: 0px 5px 2px 0px;
	max-height:15px;
}

.viewColumn.time, .viewHeader.time{
	width:40px;
}

.viewColumn.time.editable, .viewHeader.time.editable{
	width:90px;
}

.viewColumn.time.editable .xspInputFieldDateTimePicker, .viewHeader.time.editable .xspInputFieldDateTimePicker{
	width:100%;
}

.viewColumn.date, .viewHeader.date{
	width:80px;
}

.viewColumn.date.editable, .viewHeader.date.editable{
	width:100px;
}

.viewColumn.date.editable .xspInputFieldDateTimePicker, .viewHeader.date.editable .xspInputFieldDateTimePicker{
	width:100%;
}


.viewColumn.dateShort, .viewHeader.dateShort{
	width:50px;
}

.viewColumn.dateWithIcon, .viewHeader.dateWithIcon{
	width:105px;
}

.viewColumn.dateTime, 
.viewHeader.dateTime{
	width:130px;
}

.viewColumn.hours, .viewHeader.hours{
	width:65px;
	text-align:right;
}

.viewColumn.days, .viewHeader.days{
	width:50px;
	text-align:right;
}

.viewColumn.icon, .viewHeader.icon{
	width:30px;
	text-align:center;
}

.viewColumn.icon{
	position:relative;
	top:2px;
}

.viewColumn.action, .viewHeader.action {
    width: 15px;
    text-align: center;
    vertical-align: top;
    padding-top: 5px;
}


.viewColumn.validateRemove, .viewHeader.validateRemove{
	width:38px;
}

.viewColumn.validateRemove{
	width:38px;
	background-color:var(--cd-attention-color);
	color:white;
	text-align:center;
}

.viewColumn.validateRemove *{
	color:white;
}


.viewColumn.memoType, .viewHeader.memoType{
	width:160px;
}
	
.viewColumn.name, .viewHeader.name{
	width:160px;
}

.viewColumn.firstname, .viewHeader.firstname{
	width:90px;
}

.viewColumn.number, .viewHeader.number{
	width:50px;
	text-align:right;
}

.viewColumn.currency, .viewHeader.currency{
	width:80px;
	text-align:right;
}

.viewColumn.percent, .viewHeader.percent{
	width:40px;
	text-align:right;
}

.viewColumn.sympID, .viewHeader.sympID{
	width:60px;
}

.viewColumn.sympIDTitle, .viewHeader.sympIDTitle{
	width:150px;
}

.viewColumn.sympTitle, .viewHeader.sympTitle {
    flex: 0 1 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: auto;
    order: 15;
}

.viewColumn.sympLocationCity, .viewHeader.sympLocationCity{
	width:150px;
}

.viewColumn.sympStatus, .viewHeader.sympStatus{
	width:120px;
}

.viewColumn.postID, .viewHeader.postID{
	width:120px;
}

.viewColumn.postOrigin, .viewHeader.postOrigin{
	width:300px;
}

.viewColumn.postStatus, .viewHeader.postStatus{
	width:120px;
}

.viewColumn.postOfDistinction, .viewHeader.postOfDistinction{
	width:20px;
	text-align:center;
}

.viewColumn.postOfDistinction img, .viewHeader.postOfDistinction img{
	margin-top:2px;
}

.viewColumn.userID, .viewHeader.userID{
	width:120px;
}

.viewColumn.userLastFirstname, .viewHeader.userLastFirstname{
	width:300px;
}

.viewColumn.userType, .viewHeader.userType{
	width:200px;
}

.viewColumn.street, .viewHeader.street{
	width:200px;
}

.viewColumn.postcode, .viewHeader.postcode{
	width:50px;
}

.viewColumn.city, .viewHeader.city{
	width:100px;
}

.viewColumn.country, .viewHeader.country{
	overflow:hidden;
	text-overflow: ellipsis;
	width:120px;
}

.viewColumn.country.short, .viewHeader.country.short{
	width:50px;
}

.viewColumn.company, .viewHeader.company{
	width:100px;
}

.viewHeaderSortable{
	display:inline;
	padding-right:15px;
	cursor:pointer;
	background-image:url(sortAscending12.png);
	background-position:right top 3px;
	background-repeat:no-repeat;
}

.viewHeaderSortable.descending{
	background-image:url(sortDescending12.png);
}

.viewHeaderSortable.descending.active{
	background-image:url(sortDescendingActive12.png);
}

.viewHeaderSortable.active{
	background-image:url(sortAscendingActive12.png);
}

.dijitDialogUnderlay {
	background: black;
	opacity: 0.5;
}

.dijitDialog {
	width:800px;
    max-width: 95%;
	border: 1px solid lightgray !important;
	box-shadow: 0 0 15px grey !important;
	border-radius:0px;
}

.dijitDialogTitleBar{
	background:lightgray !important;
}

.dijitDialogTitleBar * {
    font-weight: bold;
	font-weight: normal;	
}

.dijitDialog table{
    width: 100%;
}

.dijitDialog .xspPickerBodyWrapper{
    width: 100% !important;
    border-radius:0px;
}

.dijitDialogPaneContent table tr:nth-child(1):not(.memoClassificationBlock table tr),
.dijitDialogPaneContent table tr:nth-child(2):not(.memoClassificationBlock table tr){
	display:flex;
}

.dijitDialogPaneContent table tr:nth-child(1),
.dijitDialogPaneContent table tr:nth-child(2){
	padding-bottom:10px;
}

.dijitDialogPaneContent table tr:nth-child(1) td:first-child,
.dijitDialogPaneContent table tr:nth-child(2) td:first-child{
	flex: 1 1 calc(50% - 65px);
}

.dijitDialogPaneContent table tr:nth-child(2) td:last-child{
	flex: 1 1 calc(50% - 65px);
}

.dijitDialogPaneContent table table tr:nth-child(2){
	display:flex;
}

.dijitDialogPaneContent table table tr:nth-child(2) td:first-child{
	flex:1 0 103px;
}

.dijitDialogPaneContent table table tr:nth-child(2) td:last-child{
	flex:1 1 100%;
	text-align:left;
}

.dijitDialogPaneContent table td:nth-child(2) {
    flex: 0 1;
    align-self: flex-start;
    padding: 0px 10px;
}

.dijitDialogPaneContent .xspPickerButton,
.dijitDialogPaneContent .xspPickerButton1,
.dijitDialogPaneContent .xspPickerButton2,
.dijitDialogPaneContent .xspPickerButton3{
	min-width:120px;
}

.dijitDialogPaneContent .xspPickerButton{
	margin: 0px 0px 7px 5px;
}

.dijitDialogPaneContent .xspPickerButton2{
	margin: 0px 8px;
}

.dijitDialogPaneContent .xspPickerButton3{
	margin: 0px 0px 7px 5px;
}

.dijitTabContainer{
	padding-left:0px;
}

.dijitTabContainer .dijitTabPaneWrapper{
	border:0px !important;
}

.dijitTabContainer .nowrapTabStrip{
	padding-left:0px;
	border:0px !important;
}

.dijitTabContainer * .dijitTab{
	background:none;
	border:0px !important;
	vertical-align:top;
	padding:2px 10px 2px 0px;
}

.dijitTabContainer * .dijitTab * {
    color: #f39100;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.1;
    padding: 0px;
    transition: all 0.3s linear;
}

.dijitTabContainer * .dijitTabChecked{
	background:none;
}

.dijitTabContainer * .dijitTabChecked *, .dijitTabContainer * .dijitTabHover *{
	color: #0050a0;
	border-bottom: 1px solid #0050a0;
}

.dijitTabContainer * .dijitContentPane{
	background:none;
	padding:10px 5px 10px 0px;
}

.xspdijitTabContainer{
	padding:0px 5px 0px 5px;
	height:25px;
}

.xspTabTabbedPanel{
	padding:15px 10px 10px 10px;
}

.xspSelectedTab, .xspUnselectedTab{
	border-radius:0px;
}

.xspSelectedTab a:link, .xspSelectedTab a:visited, .xspSelectedTab a:hover, .xspUnselectedTab a:link, .xspUnselectedTab a:visited, .xspUnselectedTab a:hover{
	text-decoration:none;
}

.xspSection-header * span{
	font-weight:normal;
	color:#001970;
}

.xspSection-header:hover * span{
	color:#ee7c01;
}

.xspSection-header * img{
	margin-bottom:2px;
}

.xspLink .xspImage{
	margin-right:5px !important;
}

.actionbar{
	box-sizing:border-box;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 5px;
	min-height:45px;
	width:100%;
	background-color:white;
	padding:0px;
}

.actionbar.fixedOnTop{
	position:fixed;
    top:125px;
    left:0px;
    z-index:10;
    padding:15px 30px 10px 30px;
    border-bottom: 0px solid lightgray;
}

.actionbar.embedded{
	background-color:transparent;
	width: 100%;
	margin: 10px 0px;
}

.actionbar.Top{
	height:35px;
	margin-bottom:0px;
	border-bottom:0px solid lightgray;
}

.actionbar.Bottom{
	margin:20px 0px 0px 0px;
	border-top:0px solid lightgray;
}

.sympStatusProgressBarBlock{
	width:calc(100% - 5px);
	height:5px;
	display:block;
	padding:1px;
	margin:3px 0px 0px;
	border:1px solid lightgray;
	background-color:white;
	cursor:help;
}

.sympStatusProgressBar{
	height:100%;
	background-color:#0050a0;
	display:block;
}

.sympDescriptionLogo {
    max-width: 100px;
    max-height: 60px;
    border: 0px solid lightgray;
    padding: 0px;
    filter: grayscale(100);
}

.posterAbstractProgress{
	background-color:#dfe8f3;
	padding: 5px 5px 20px 5px;
}

.posterOfDistinctionIcon{
	position:absolute;
	top:-9px;
	left:-8px;
}

.posterRow tr,
.posterHeader tr,
.regRow tr,
.regHeader tr,
.memoRow tr,
.memoHeader tr{
	display: flex;
    flex-wrap: wrap;
    gap: 0px 5px;
}

.posterRow .viewColumn.postNumber,
.posterHeader .viewHeader.postNumber {
    order: 12;
    flex: 0 0 40px;
}

.posterRow .viewColumn.postTitle,
.posterHeader .viewHeader.postTitle {
    order: 10;
    flex: 1 0;
}

.posterRow .viewColumn.postTitle span,
.regRow .viewColumn.regName span,
.memoRow .viewColumn.memoSubject span {
	font-weight: bold;
}

.posterRow .viewColumn.postAuthor,
.posterHeader .viewHeader.postAuthor {
    order: 40;
    flex: 0 0 160px;
}

.posterRow .viewColumn.postStatus,
.posterHeader .viewHeader.postStatus {
    order: 80;
    flex: 0 0 110px;
}

.posterRow .viewColumn.postEvalSent,
.posterHeader .viewHeader.postEvalSent {
    order: 90;
    flex: 1 0;
    text-align: right;
}

.posterRow .viewColumn.postID,
.posterHeader .viewHeader.postID {
    order: 50;
    flex: 0 0 120px;;
}

.posterRow .viewColumn.postOfDistinction, 
.posterHeader .viewHeader.postOfDistinction {
	order:11;
    width: 20px;
    text-align: center;
}

.posterRow .lineBreak1, 
.posterHeader .lineBreak1{
	display: block;
	order: 79;
	flex: 1 0 100%;
}

.regRow .viewColumn.regName,
.regHeader .viewHeader.regName {
    order: 10;
    flex: 1 0;
}

.regRow .viewColumn.regAddress,
.regHeader .viewHeader.regAddress {
    order: 50;
    flex: 1 0 100%;
}

.regRow .viewColumn.userType,
.regHeader .viewHeader.userType {
    order: 20;
    flex: 0 0 200px;
}

.regRow .viewColumn.regHotel,
.regHeader .viewHeader.regHotel {
    order: 30;
    flex: 0 0 40px;
}

.regRow .viewColumn.regTime,
.regHeader .viewHeader.regTime {
    order: 40;
}

.regHeader .lineBreak1,
.regRow .lineBreak1{
	display: block;
	width: 100%;
	order: 49;
}

.memoRow .viewColumn.memoSubject,
.memoHeader .viewHeader.memoSubject {
    order: 10;
    flex: 1 0;
}

.memoRow .viewColumn.memoRecipient,
.memoHeader .viewHeader.memoRecipient {
    order: 30;
    flex: 1 0;
}

.memoRow .viewColumn.memoType,
.memoHeader .viewHeader.memoType {
    order: 20;
    flex: 0 0 200px;
}

.memoRow .viewColumn.memoTime,
.memoHeader .viewHeader.memoTime {
    order: 50;
}

.memoHeader .viewColumn.memoLineBreak1,
.memoRow .viewHeader.memoLineBreak1{
	display: block;
	flex: 1 0 100%;
	order: 19;
}

.memoClassificationBlock .contentDescr,
.memoClassificationBlock .contentCont{
	padding: 5px 10px !important;
}

.xspButtonCommand.mainAction, .actionResult{
	height:auto;
	width:100%;
	margin:0px auto 0px auto;
	float:none;
	clear:both;
	padding:4px;
}

.xspButtonCommand.mainAction, .actionResult *{
	font-size:17px;
}

.actionResult.success, .actionResult.error{
	text-align:center;
	box-sizing: border-box;
	display: block;
	padding: 5px 20px;
	margin: 10px auto;
	background-color: #85c575;
}

.actionResult.error{
	background-color: #dd8282;
}

.actionResult.success *, .actionResult.error *{
	color:white;
}

.actionResultIcon{
	position:absolute;
    top:-10px;
    left:-9px;
}
	
.xspButtonCommand.mainAction.percent33{
	width: calc(33% - 6px);
    margin: 0px 3px;
}

.xspButtonCommand.mainAction.percent50{
	width: calc(50% - 6px);
    margin: 0px 3px;
}

.xspButtonCommand.mainAction img{
	margin:0px 8px 3px 0px;
	height:18px;
}

.projectPlanMonthHeader{
	display:inline-block;
	text-align:center;
	box-sizing:border-box;
	border-left:1px solid lightgray;
}

.projectPlanMonthColumn{
	display:inline-block;
	position:relative;
	text-align:center;
	vertical-align:top;
	box-sizing:border-box;
	border-left:1px dotted lightgray;
	height:100%;
}

.projectPlanMonthBar{
	position:absolute;
	top:6px;
	box-sizing:border-box;
	display:inline-block;
	height:8px;
	background-color:#396799;
	cursor:pointer;
}

.projectPlanMonthTodayLine{
	position:absolute;
	top:-2px;
	display:inline-block;
	height:calc(100% + 8px);
	width:1px;
	background-color:var(--cd-attention-color);
}

.logIndicatorImage{
	height:15px;
	margin: 1px 0px 0px 0px;
	padding: 7px 3px 7px 3px;
}

.logIndicatorImage.active{
	filter: drop-shadow(0px 0px 3px black)
}

@media all and (max-width:769px){
	.frameHeaderSearchGlobal{
	    display:none;
	}
	
	.posterRow .viewColumn.postEvalSent,
	.posterHeader .viewHeader.postEvalSent {
	    order: 90;
	    flex: 1 0;
	    text-align: right;
	}
	
	.posterRow .viewColumn.postID,
	.posterHeader .viewHeader.postID {
	    order: 80;
	    flex: 0 0 120px;
	    text-align: left;
	}
	
	
	.posterHeader .lineBreak1,
	.posterRow .lineBreak1{
		display: block;
		flex: 1 0 100%;
	    order: 79;
	}
		
}

@media all and (max-width:699px){
	.frameHeaderTitle{
	    font-size: 30px;
	}
	
	.contentBlock.container{
		flex: 1 0 100% !important;
	}
}

@media all and (max-width:599px){
	.frameHeader {
	    padding: 0px 10px 0px 0px;
	}
	
	.frameHeaderQuickAccess{
		left:5px;
	}
	
	.frameHeaderQuickAccessButton.login{
		right:170px;
	}
	
	.frameHeaderQuickAccessButton.myProfile{
		display:none;
	}
	
	.frameHeaderLogo{
		right:10px;
		bottom:15px;
	}
	
	.frameHeaderLogo img{
		height:40px;
	}
	
	.frameHeaderTitle{
	    font-size:24px;
	}
	
	.frameHeaderSystem{
		height:50px;
		right:20px;
	}
	
	.frameHeaderQuickAccessMobile{
		display:none;
	}
	
	.frameContent{
		padding: 0px 20px 0px 20px;
		margin: 130px 0px 50px 0px;
	}
	
	.contentHeader{
		margin: 0px 0px 25px 20px;
		width:92%;
	}
	
	.contentDescr{
		width:105px;
		min-width:105px;
	}
	
	.frameFooterInfo{
		font-size:10px;
		left:10px;
		bottom:5px;
	}
	
	.frameFooterVersion{
		font-size:10px;
		left:10px;
		bottom:20px;
	}
	
	.actionbar.fixedOnTop{
		padding:10px 10px 10px 20px;
		top:70px;
	}
	
	.xspButtonSubmit, .xspButtonCancel, .xspButtonCommand{
		font-size:0;
		min-width:20px;
	}
		
	.xspButtonSubmit.desktop,.xspButtonCancel.desktop,.xspButtonCommand.desktop{
		display:none;
	}
		
	.blockWithResourceImage{
		margin-right:75px;
	}
	
	.resourceImage.panel{
		width:70px;
		text-align:right;
	}

	.resourceImage.img{
		max-width:65px;
		width:auto;
		border:0px solid lightgray;
		padding:0px;
	}
	
	.viewColumn.sympTitle, 
	.viewHeader.sympTitle,
	.posterRow .viewColumn.postEvalSent,
	.posterHeader .viewHeader.postEvalSent,
	.memoRow .viewColumn.memoTime,
	.memoHeader .viewHeader.memoTime {
	    flex: 0 1 100%;
	    white-space: initial;
	}
	
	.viewColumn.bookContact, .viewHeader.bookContact, .viewColumn.resImage, .viewHeader.resImage, .viewColumn.bookHours, .viewHeader.bookHours,
	.viewColumn.bookAccountingStatus, .viewHeader.bookAccountingStatus, .viewColumn.bookInvoiceIcon, .viewHeader.bookInvoiceIcon, 
	.viewColumn.bookInvoiceDays, .viewHeader.bookInvoiceDays, .viewColumn.bookStatus, .viewHeader.bookStatus, .viewColumn.bookPrice, .viewHeader.bookPrice, 
	.viewColumn.street, .viewHeader.street, .viewColumn.postcode, .viewHeader.postcode, .viewColumn.country, .viewHeader.country, .viewColumn.custDiscount, .viewHeader.custDiscount, 
	.viewHeader, .contentHeader{
		display:none !important;
	}
}

@media all and (min-width:600px){
	.frameHeaderQuickAccessMobile {
	    display: flex;
	    align-items: center;
	}
}

html{
	font-size: 1rem;
}

body,a,p,textarea,input,div,span,table,tr,td,h,.xspTextLabel,.xspTextViewColumn,.xspInputFieldEditBox,.xspComboBox,.xspInputFieldTextArea,.xspListBox,.xspTextComputedField,.xspInputFieldFileUpload,.xspInputFieldSecret,.xspInputFieldFileUpload,.xspDataTableFileDownloadName,.xspButtonSubmit,.xspButtonCancel,.xspButtonCommand,.buttonAction, .xspPickerButton, .dijitComboBoxMenuPopup *{
	font-family: 'StandardFont',Calibri,Trebuchet MS,Arial,Verdana; 
	font-size:0.9375rem;
	font-weight: 400;
	color:#405065;
	line-height:1.5;
	text-size-adjust:none;
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	margin:0px;
	padding:0px;
	scroll-behavior:smooth;
}

a:not(.frameFooter a){
	color:var(--cd-primary-color);
	text-decoration:underline;
}

a{
	transition:all 0.3s linear;
}

a:hover{
	color:var(--cd-secondary-color);
}

.h1, .h1 *{
	font-weight: 900;
	font-size: 4.5rem;
	line-height:1.075;
}

.h2, .h2 *{
	font-size: 2rem;
	font-weight: 900;
	line-height: 1.25;
}

.h3, .h3 *,
.contentBlockTitle{
	font-size:1.375rem;
	font-weight:800;
}

table{
	border-spacing:0px;
    border-collapse:collapse;
}


.frameHeader {
	justify-content: flex-end;
    align-items: center;
    top: 0px;
    left: 0px;
    width: calc(100% - 100px);
    height: 100px;
    padding: 0 24px;
    column-gap:24px;
    background-color: var(--cd-secondary-light-color);
    border: 24px solid white;
    border-bottom-width: 0px;
    box-sizing:content-box;
    transition: all .3s ease;
}

.frameHeaderLogo {
	display:inline-block;
	margin-right: auto;
	width:79px;
	height:54px;
	background-image: url(logoFalkFoundationBlue150.png);
	background-repeat: no-repeat;
	background-size: cover;
	order: 1;
	filter: grayscale(1) brightness(5);
}

.frameHeader:hover,
.frameHeader.onScroll {
    background-color: var(--cd-secondary-xxlight-color);
}

.frameHeader:hover .frameHeaderLogo,
.frameHeader.onScroll .frameHeaderLogo {
    filter: none;
}

.frameHeaderSystem {
    top: 75px;
    right: -5px;
}

.frameHeaderQuickAccess{
	display:flex;
    column-gap:24px;
    order:10;
}

.frameHeaderQuickAccessButton{
	width: auto;
	height: auto;
	padding:0px;
	line-height: 1.5;
	text-align:center;
	cursor:pointer;
	text-decoration:none !important;
	transition:all 0.3s linear;
	background-color: transparent !important;
}

.frameHeaderQuickAccessButton .frameHeaderMenuTitle{
	font-size: 1rem;
	font-weight: 700;
	color: white;
}

.frameHeader:hover .frameHeaderQuickAccessButton .frameHeaderMenuTitle,
.frameHeader.onScroll .frameHeaderQuickAccessButton .frameHeaderMenuTitle{
	color: var(--cd-primary-color);
}

.frameHeader .frameHeaderQuickAccessButton.active .frameHeaderMenuTitle{
	color: var(--cd-primary-color);
}

.frameHeader:hover .frameHeaderQuickAccessButton.active .frameHeaderMenuTitle,
.frameHeader:hover .frameHeaderQuickAccessButton:hover .frameHeaderMenuTitle,
.frameHeader.onScroll .frameHeaderQuickAccessButton.active .frameHeaderMenuTitle,
.frameHeader.onScroll .frameHeaderQuickAccessButton:hover .frameHeaderMenuTitle{
	color: var(--cd-secondary-color);
}

.frameHeaderQuickAccessButton.active .frameHeaderMenuTitle{
	color: var(--cd-secondary-color);
}	

.frameHeaderQuickAccessButton.menu{
	order: 11;
}

.frameHeaderQuickAccessButton.dashboard{
	order: 10;
}

.frameHeaderQuickAccessButton.myProfile {
	position: relative;
	top:0px;
	right: 0px;
	order: 20;
}

.frameHeaderQuickAccessButton.login {
	position: relative;
	top:0px;
	right: 0px;
	order: 30;
}

.frameHeaderQuickAccessButton img{
	display:none;
}

.frameFooter {
	position: relative;
	padding: 30px 20px 40px;
    border: 24px solid white;
    border-width: 0px 24px 24px;
}

.frameFooter .innerContainer {
	display: block;
	max-width: 1150px;
	margin: 0px auto;
}

.frameFooter .footerExternal {
    flex: 1 0 100%;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    column-gap: 20px;
    flex-wrap: nowrap;
    padding: 20px 0px 0px;
    margin: 30px 0px 0px;
    border-top: 1px solid hsla(0,0%,100%,.2);
    order: 90;
}

.frameFooter .footerExternal .copyright{
	margin-right: auto;
	order: 10;
}

.frameFooter .footerExternal .imprint{
	order: 20;
}

.frameFooter .footerExternal .dataPrivacy{
	order: 30;
}

.frameContent{
    background-color: var(--cd-secondary-xxlight-color);
    margin: 124px 0px 30px 0px;
    padding: 24px;
    position: relative;
    width: 100%;
    border: 24px solid white;
    border-bottom-width: 3px;
    z-index: 3;
}

.frameContent.dashboard{
	margin-top:115px;
}

.actionbar {
    width: 100%;
    background-color: var(--cd-secondary-xxlight-color);
}

.actionbar.fixedOnTop {
    position:sticky;
    top: 124px;
    padding: 0px calc((100% - 1150px) / 2);
    border-color: var(--cd-secondary-xxlight-color);
    border-style: solid;
    border-width: 10px 0px 10px;
}

.actionbar.bottomOfPage{
	margin-top: 20px;
	width: 100%;
	justify-content: flex-end;
	background: transparent;
	order: 9999;
}

.actionbar.posterEvaluation {
    margin: 5px 0px 10px;
    padding: 5px 0px 10px;
    border-width: 0px 0px 1px 1px;
    justify-content: center;
    border-style: solid;
    border-color: lightgray;
}

.contentWrapper {
    margin: 0px auto;
}

.content:not(.content * .content) {
    margin: 0px auto;
    max-width: 1150px;
    min-height: 450px;
}

.contentBlock {
	background-color: white;
	padding: 20px;
	margin-top: 80px;
	border: 0px;
}

.contentBlock .content .contentBlock {
	padding: 20px;
	margin-top: 80px;
	border: 0px;
}

.contentBlock.withoutTitle {
	margin-top: 20px;
}

.contentBlock.container{
	background-color: transparent;
	padding: 0px !important;
}

.contentBlock.container.float100{
	margin: 0px;
	width: 100%;
}

.contentBlock.container.inline{
	padding: 0px !important;
}

/*
.contentBlockTitle {
	position: relative; 
	top: -20px;
	left: 0px;	
	padding: 0px;
	color: inherit;
}
*/
.contentBlockTitle {
    position: absolute;
    top: -55px;
    left: 0px;
    padding: 0px;
    color: #50647f;
    background: transparent;
    font-size: 1.8rem;
    font-weight: bold;
}

.contentDescr {
    display: block;
    width:auto;
	min-width:auto;
	height:auto;
	position: relative;
    padding: 10px 0px 5px;
    text-align: left;
    border: 0px;
}

.contentDescr *,
.viewHeader * {
	text-align: left;
    font-size: 0.75rem !important;
    color: #a7a7a7 !important;
    font-weight: 400;
}

.contentCont {
    display: flex;
    flex-wrap: wrap;
    place-items: baseline;
    box-sizing: border-box;
    vertical-align: top;
    padding: 0px 0px 10px 0px;
    word-break: break-word;
}

.teaserResearchGrant {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11.5px;
    color: white !important;
    text-align: center;
    text-decoration: none !important;
    width: 82px;
    height: 82px;
    position: absolute;
    right: -10px;
    top: 14px;
    z-index: 10;
    padding: 10px;
    box-sizing: content-box;
    background-color: var(--cd-attention-color);
    border: 1px solid white;
    border-radius: 100px;
    box-shadow: 0px 0px 10px 0px gray;
    transform: rotate(10deg) scale(1.3);
    transform-origin: top right;
}

.sympListSubmission {
	border: 0px;
}

.sympListSubmission .sympRow{
	display:flex;
	column-gap: 10px;
	margin-bottom: 20px;
}

.sympListSubmission .sympRowData {
    display: flex;
    gap: 5px 10px;
    flex-wrap: wrap;
}

.sympListSubmission .sympLogo {
    height: 42px;
    margin: 4px 0px 0px;
    filter: grayscale(100);
}

.sympListSubmission .sympTitle{
	font-weight: 700;
	flex: 1 0 100%;
	order: 10;
}

.sympListSubmission .sympLocation {
    flex: 1 1;
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    order: 20;
}

.sympListSubmission .sympLocation:before,
.sympListSubmission .sympDeadline:before {
    content: "";
    display: inline-flex;
    padding: 0px;
    width: 15px;
    height: 15px;
    background-image: url(location.png);
    background-size: cover;
    background-position: 0px;
    background-repeat: no-repeat;
    filter: brightness(2.5);
    margin-right: 7px;
}

.sympListSubmission .sympDeadline:before{
	background-image: url(deadline.png);
}

.sympListSubmission .sympDeadline {
    display: flex;
    align-items: center;
    flex: 1 0 100%;
    margin-left: auto;
    order: 30;
}

.sympListSubmission .sympDeadline *{
	font-size:0.8rem;
}

.posterRow tr,
.posterHeader tr{
	display: flex;
    flex-wrap: wrap;
    gap: 0px 5px;
}

.posterRow .viewColumn.postNumber,
.posterHeader .viewHeader.postNumber {
    order: 5;
    flex: 0 0 40px;
}

.posterRow .viewColumn.postTitle,
.posterHeader .viewHeader.postTitle {
    order: 10;
    flex: 1 0 50%;
}

.posterRow .viewColumn.postTitle span {
	font-weight: bold;
}

.posterRow .viewColumn.postAuthor,
.posterHeader .viewHeader.postAuthor {
    order: 20;
    flex: 1 0 calc(50% - 20px - 40px - 20px);
    text-align: right;
}

.posterRow .viewColumn.postStatus,
.posterHeader .viewHeader.postStatus {
    order: 30;
    flex: 1 0 120px;
}

.posterRow .viewColumn.postEvalSent,
.posterHeader .viewHeader.postEvalSent {
    order: 40;
    flex: 1 0 160px;
}

.posterRow .viewColumn.postID,
.posterHeader .viewHeader.postID {
    order: 50;
    flex: 1 0 120px;
    text-align: right;
}

.posterHeader .viewHeader.postOfDistinction,
.posterRow .viewColumn.postOfDistinction {
	order:49;
    width: 20px;
    text-align: center;
}

.posterHeader .lineBreak1,
.posterRow .lineBreak1{
	display: block;
	flex: 1 0 100%;
    order: 21;
}


.posterPreviewHintForSO{
    flex: 1 0 100%;
    position: sticky;
    top: 178px;
    z-index: 10;
    background-color: var(--cd-primary-xxlight-color);
}

.userSignedUpImg,
.registrationDoneImg{
	width:67px;
}

.viewColumn.dateTime, 
.viewHeader.dateTime{
	width:160px;
}

.contentHint *{
	font-size: 0.8rem;
}

.dijitTabController{
	height: 50px !important;
}

.dijitTabListWrapper{
	height: 35px !important;
}

.dijitTabContainer * .dijitTab {
    padding:2px 15px 2px 0px;
}

.dijitTabContainer * .dijitTab * {
    font-size: 1.8rem;
}

.dijitTabContainer * .dijitTabChecked *, 
.dijitTabContainer * .dijitTabHover *{
	color: #50647f;
	border-bottom: 0px solid #50647f;
}

.dijitTabContainer * .dijitTabCheckedHover{
	background: transparent !important;
}

.dijitTabContainer * .dijitContentPane {
    padding: 24px;
}


.xspButtonSubmit, 
.xspButtonCancel, 
.xspButtonCommand, 
.xspPickerButton, 
.xspPickerButton1, 
.xspPickerButton2, 
.xspPickerButton3 {
    color: white;
    height: auto;
    width: auto;
    min-width: auto;
    padding: 6px 16px;
    margin: 0px !important;
    background-color: var(--cd-secondary-light-color);
    border: 0px;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s linear;
}

.xspButtonSubmit:hover, 
.xspButtonCancel:hover, 
.xspButtonCommand:hover, 
.xspPickerButton:hover, 
.xspPickerButton1:hover, 
.xspPickerButton2:hover, 
.xspPickerButton3:hover {
    color: white;
    background-color: var(--cd-secondary-color) !important;
}

.xspButtonCommand.mainAction {
    width: 100%;
    font-size: initial;
    margin: 0px auto 0px auto;
    float: none;
    clear: both;
    padding: 6px 16px;
}

.xspInputFieldEditBox, .xspInputFieldSecret, .xspComboBox, .dijitTextBox, .xspTextArea, .xspInputFieldDateTimePicker, .dijitTextArea, .listMember, .xspListBox{
	line-height:2.1;
	padding:0px 5px;
	appearance: none;
}

.xspComboBox {
    background-image: url(arrowDownContur12Light.png) !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 5px) center !important;
    padding-right: 25px;
}

.xspMessage, .contentMessage {
    padding: 1px 0px;
    margin: 0px;
    border: 0px;
    color: var(--cd-attention-color);
    background-color: transparent;
    list-style-position: inside;
}


.xspInputFieldEditBox:has(+ span):has(.xspMessage){
	background-color: #ff9f9f;
	border: 1px solid red; 
}

.dashboardTileStatus .statusImg{
	margin-top: 3px;
}

@media all and (max-width: 1400px){
	.teaserResearchGrant {
	   transform: rotate(10deg) scale(1.2);
	}
}

@media all and (max-width: 1260px){
	.actionbar.fixedOnTop {
	    top: 124px;
	    width: calc(100% + 48px);
	    padding: 0px 24px;
	    margin-left: -24px;
	}
}

@media all and (max-width: 1000px){
	.teaserResearchGrant {
	   transform: rotate(10deg) scale(1.05);
	}
}

@media all and (max-width: 599px){
	.frameHeaderQuickAccessMobile{
		display:flex;
	}
	
	.frameHeaderQuickAccessButton.myProfile {
	    display: inline-block;
	}
	
	.dashboardTile {
	    width: 100%;
	    margin-right: 0px;
	}
	
	.userSignedUpImg{
		width:40px;
	}
	
	.teaserResearchGrant {
	   transform: rotate(10deg) scale(0.9);
	}
}
.pleaseWait{
	position:fixed;
	top:0px;
	left:0px;
	z-index:99;
	width:100%;
	height:100%;
	text-align:center;
	background-color:rgba(180,180,180,0.5);
	padding:0px;
	margin:0px;
	display:none;
	opacity:0;
}

.pleaseWaitSpinner {
	position:absolute;
	top:calc(100% / 2 - 100px);
	left:calc(100% / 2 - 30px);
	width: 70px;
	text-align: center;
}

.pleaseWaitSpinner > div {
	width: 18px;
	height: 18px;
	background-color: white	/*#628CBC*/;
	
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.pleaseWaitSpinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.pleaseWaitSpinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}