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


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

.contentBlock.dashboard.noGrantsFound {
    display: flex;
    width: 100%;
    padding: 30px 0px;
    margin: 0px;
    justify-content: center;
    align-items: center;
}

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

.contentBlock.container.grantCorrespondence,
.contentBlock.container.proposalContent{
	order: 10;
}

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

.contentBlock.container.grantRatingStatistic {
    flex: 0 0 300px;
    align-self: auto;
    position: sticky;
    top: 155px;
    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.proposalRating .contentCont .ratingStarContainer{
	justify-content: flex-start;
}

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

.contentBlock.grant.workflowStatus {
    flex: 1 1 100%;
    margin: 0px 0px 10px;
    border: 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 var(--cd-primary-color);
	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:auto;
	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.9rem;
	order: 30;
}

.dashboardTileStatus .statusBarWrapper {
	order: 90;
}

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

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


.contentHidden{
	display:none;
}

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

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


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


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

.workflowStatusContainer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row;
    padding-top:10px;
    overflow: hidden;
}

.workflowStatusContainer .statusText {
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: center;
    flex: 1 1;
    position: relative;
    font-weight: bold;
    padding-top: 30px;
    box-sizing: border-box;
    cursor: default;
    color: initial;
    text-decoration: none;
}

.workflowStatusContainer .statusText.editable {
    cursor: pointer;
}

.workflowStatusContainer .statusText .addInfo {
    font-size: 0.85rem;
    font-weight: normal;
    line-height: 1.2;
    margin-left: 5px;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #ebebeb;
    border-radius: 10px;
    padding: 1px 7px;
}

.workflowStatusContainer .statusText .addInfo.deadline {
    margin-left: 0px;
    column-gap: 3px;
}

.workflowStatusContainer .statusText .addInfo.deadline::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-image: url(deadline.png);
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
}

.workflowStatusContainer .statusText .lineBreak1{
	flex:1 0 100%;
	display:block;
	height: 1px;
}

.workflowStatusContainer .statusText:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    left: 0px;
    position: absolute;
    z-index: 1;
    top: 12px;
    background-color: var(--cd-inactive-color);
}

.workflowStatusContainer .statusText:first-child:before {
    width: 50%;
    left: 50%;
}

.workflowStatusContainer .statusText:last-child:before {
    width: 50%;
    left: 0px;
}

.workflowStatusContainer .statusText:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    z-index: 2;
    top: 0px;
    border: 2px solid white;
    border-radius: 15px;
    background-color: #ebebeb;
    background-image: url(more.png);
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

.workflowStatusContainer .statusText.current:before {
	background: linear-gradient(90deg,var(--cd-secondary-light-color) 50%, var(--cd-inactive-color) 90%);
}

.workflowStatusContainer .statusText.current:after {
    background-color: var(--cd-secondary-xxlight-color);
    background-image: url(edit.png);
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

.workflowStatusContainer .statusText.current .pulse-ring {
    height: 36px;
    width: 36px;
    left: calc(50% - 18px);
    top: -5px;
    opacity: 1;
    z-index: 10;
    border-width: 5px;
    border-color: var(--cd-secondary-color);
    outline: 1px solid gray;
}

.workflowStatusContainer .statusText.done:before {
    background-color: var(--cd-secondary-light-color);
}

.workflowStatusContainer .statusText.done:after {
    background-color: var(--cd-secondary-light-color);
    background-image: url(ok.png);
}

.workflowStatusContainer .statusText.cancelled:after {
    background-color: #ebebeb;
    background-image: url(cancel.png);
}

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

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

.xspPanelViewColumnHeader, .viewHeader *, .projectPlanMonthHeader *{
	color:var(--cd-descr-color);
	font-weight:normal;
	font-size: 0.8rem;
	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%;
}

.listHeader,
.listRow{
	display: flex;
	flex: 1 0 100%;
	column-gap: 10px;
	padding: 5px 2px;
	align-items: flex-start;
	box-sizing: border-box;
	transition: all 0.3s ease-in;
}

.listHeader *{
	font-size: 0.8rem;
	color: var(--cd-descr-color);
}

.listHeader .pushRight,
.listRow .pushRight{
	margin-left: auto;
	order: 55;
}

.listHeader{
	align-items: flex-end;
}

.listRow img{
	width: 15px;
    height: fit-content;
}

.listHeader.faculty .lastname, 
.listRow.faculty .lastname{
	flex: 1 0;
}

.listHeader.faculty .firstname, 
.listRow.faculty .firstname{
	flex: 0 0 100px;
}

.listHeader.faculty .country, 
.listRow.faculty .country{
	flex: 0 1 100px;
}

.listHeader.faculty .international, 
.listRow.faculty .international{
	flex: 0 1 80px;
	text-align: center;
}

.listHeader.faculty .action, 
.listRow.faculty .action{
	flex: 0 0 25px;
	min-width: 25px;
	text-align: center;
}

.listRow.proposal {
	flex-wrap: wrap;
}

.listRow.proposal.out {
	filter: opacity(0.6);
}

.listHeader.proposal *{
	color:gray;
}
	
.listHeader.proposal .propDataContainer, 
.listRow.proposal .propDataContainer {
    display: flex;
    align-items: baseline;
    gap: 2px 5px;
    order: 10;
}

.listRow.proposal .propDataContainer {
    flex-wrap: wrap;
}

.listRow.proposal .lineBreak1{
	flex: 1 0 100%;
	order: 11;
}

.listRow.proposal .lineBreak2{
	flex: 1 0 100%;
	order: 49;
}

.listHeader.proposal .propTitle,
.listRow.proposal .propTitle{
	flex: 1 0 100%;
	order: 10;
}

.listHeader.proposal .propTitle{
	flex: 0 1 auto;
}

.listRow.proposal .propTitle{
	font-weight: bold;
}

.listHeader.proposal .propID,
.listRow.proposal .propID{
	order: 35;
}

.listRow.proposal .propID{
	color: gray;
	flex: 0 0 100px
}

.listHeader.proposal .propGrant,
.listRow.proposal .propGrant{
	flex: 1 0 100%;
	order: 15;
}

.listHeader.proposal .propStatusIcon, 
.listRow.proposal .propStatusIcon {
    width: 18px;
    height: fit-content;
    position: relative;
    bottom: -4px;
    order: 20;
}

.listHeader.proposal .propStatusIcon.forAuthor, 
.listRow.proposal .propStatusIcon.forAuthor {
    width: 23px;
    bottom: -5px;
}

.listHeader.proposal .propStatus, 
.listRow.proposal .propStatus {
    order: 30;
}

.listHeader.proposal .propStatus {
    flex: 0 0 auto;
}

.listRow.proposal .propStatus {
    flex: 0 0 170px;
    color: var(--cd-attention-color);
    font-size: 0.9rem;
    font-weight: bold;
}

.listHeader.proposal .propStatus.forAuthor, 
.listRow.proposal .propStatus.forAuthor {
    flex: 1 0;
}

.listHeader.proposal .propAuthor,
.listRow.proposal .propAuthor{
	order: 40;
}

.listRow.proposal .propAuthor{
	font-size: 0.9rem;
}

.listHeader.proposal .propFFManagerCheck, 
.listRow.proposal .propFFManagerCheck{
	flex: 0 0 60px;
	padding: 4px 0px 0px;
	text-align: center;
	cursor: help;
	order: 65;
}

.listRow.proposal .propFFManagerCheck img{
	width: 18px;
}

.listHeader.proposal .propFFManagerReview, 
.listRow.proposal .propFFManagerReview{
	flex: 0 0 350px;
	padding: 4px 0px 0px;
	display:flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 5px 10px;
	order: 66;
}

.listRow.proposal .propFFManagerReview{
	padding: 0px 0px 5px;
}

.listHeader.proposal .propFFManagerReview{
	cursor: help;
}

.listRow.proposal .propFFManagerReview .reviewAction{
	display: flex;
    column-gap: 5px;
}

.listRow.proposal .propFFManagerReview .reviewAction.inactive {
    color: initial;
    text-decoration: none;
}

.listRow.proposal .propFFManagerReview .reviewAction img{
	width: 18px;
	height: fit-content;
}

.listRow.proposal .propFFManagerReview .reviewComment {
    display: block;
    width:100%;
    margin: 0px 0px 0px 8px;
    padding: 0px 0px 0px 13px;
    font-size: 0.9rem;
    color: gray;
    border-left: 3px solid lightgray;
}

.listHeader.proposal .propReadCount, 
.listRow.proposal .propReadCount{
	flex: 0 0 50px;
	text-align: center;
	order: 70;
}

.listHeader.proposal .propRatingCount, 
.listRow.proposal .propRatingCount{
	flex: 0 0 50px;
	text-align: center;
	order: 80;
}

.listHeader.proposal .facultyContainer,
.listRow.proposal .facultyContainer{
	display: flex;
	column-gap: 10px;
	flex-wrap: nowrap;
	padding: 0px 15px;
	order: 80;
}	

.listHeader.proposal .faculty,
.listRow.proposal .faculty {
	flex: 0 0 80px;
	min-width: 80px;
	display: flex;
	justify-content: center;
	order: 80;
}

.listHeader.proposal .faculty {
	cursor: help;
}

.listHeader.proposal .faculty.my {
	border-color: var(--cd-secondary-color);
	border-width: 1px 1px 0px 1px;
	border-style: dashed;
	box-sizing: border-box;
}

.listHeader.proposal .faculty .initials {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 25px;
    flex: 0 0 25px;
    padding: 5px;
    border: 1px solid var(--cd-secondary-color);
    border-radius: 20px;
    background-color: var(--cd-secondary-xxlight-color);
    color: var(--cd-secondary-color) !important;
    font-weight: bold;
}

.listRow.proposal .faculty .ratingStarContainer {
    margin: 4px 0px 0px;
    display:flex;
    flex-wrap:nowrap;
}

.listHeader.proposal .propRatingAvg, 
.listRow.proposal .propRatingAvg {
    flex: 0 0 50px;
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1;
    order: 90;
}

.listHeader.proposal .propRatingAvg img {
    width: 25px;
    margin: 0px;
}

.viewRow1, .viewRow2, .viewRow1NoLink, .viewRow2NoLink, .header,
.listRow{
	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;
}

.viewHeaderContainer,
.viewRow1 tr,
.viewRow2 tr{
	display:flex;
}

.viewRow1NoLink, .viewRow2NoLink{
	cursor:auto;
}

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

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

.viewRow1:hover, .viewRow2:hover, .viewRow1.active,
.listRow:hover {
	cursor: pointer;
	background-color:var(--cd-secondary-xxlight-color)/*#f9c87f85*/;
}

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

.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:145px;
	max-width: 150px;
}

.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: 25px;
    text-align: center;
    vertical-align: top;
    padding-top: 5px;
}

.viewColumn.action a, .viewHeader.action a,
.viewColumn .xspLink .xspImage {
	margin: 0px !important;
	padding: 0px;
}

.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.granID, .viewHeader.granID{
	width:60px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.viewColumn.userType .copiedFrom, .viewHeader.userType .copiedFrom {
    width: 14px;
    height: fit-content;
    margin: 2px 3px 0px auto;
}

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

.viewColumn.propcode, .viewHeader.propcode{
	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);
}

.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;
	height: 15px;
}

.xspPickerLink img {
    height: 15px;
    width: 15px;
}

.frameContent.dashboard{
    margin: 135px 0px 0px 0px;
}

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

.granDeadlineIcon {
    margin-top: 8px;
    height: 15px;
    width: 15px;
}

.confetti.forFacultyRating {
    position: absolute;
    bottom: -115px;
    left: 0px;
    width: 300px;
    height: fit-content;
    z-index: 1;
}

.confetti.forFFManagerReview {
    position: absolute;
    top: -115px;
    right: 0px;
    width: 300px;
    height: fit-content;
    z-index: 1;
}


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

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

.proposalContent .contentDescr .wordCounter{
	margin-left: auto;
	cursor: help;
}

.proposalContent .contentDescr .wordCounter::before {
    content: "#";
    font-size: 0.8rem;
    margin-right: 2px;
}

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

.proposalStatusFinally {
    font-weight: bold !important;
    font-size: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 75px auto;
}

.proposalStatusFinally.declined::before {
    content: "";
    width: 40px;
    height: 40px;
    margin-right: 15px;
    background-image: url(smileySad.png);
    background-size: cover;
    background-repeat: no-repeat;
    filter: brightness(5);
}

.proposalRating  .ratingStarContainer,
.proposalReadStatus {
    display: flex;
    column-gap: 3px;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 100%;
}

.proposalRating .ratingStar, 
.proposalReadStatus .readStatus {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.listRow.proposal .faculty .ratingStarContainer .ratingStar::after,
.proposalRating .ratingStar::after, 
.proposalReadStatus .readStatus::after {
	content: "";
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(ratingStar.png);
    background-size: cover;
    background-position: center;
    align-items: center;
    filter: brightness(4.5);
}

.proposalRating.all .ratingStar::after {
    width: 16px;
    height: 16px;
}

.listRow.proposal .faculty .ratingStarContainer .ratingStar::after {
	width: 15px;
    height: 15px;
}

.proposalReadStatus .readStatus::after {
	content: "";
    background-image: url(eye.png);
}

.proposalRating .ratingStar.rated::after,
.listRow.proposal .faculty .ratingStarContainer .ratingStar.rated::after {
	filter: brightness(0);
}

.proposalRating .ratingStar.used::after {
    filter: blur(3px) brightness(2);
}

.proposalReadStatus .readStatus.read::after{
	filter: brightness(0);
}

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

.proposalRow .viewColumn.propNumber,
.proposalHeader .viewHeader.propNumber {
    order: 12;
    flex: 0 0 40px;
}

.proposalRow .viewColumn.propTitle,
.proposalHeader .viewHeader.propTitle {
    order: 10;
    flex: 1 0;
}

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

.proposalRow .viewColumn.propAuthor,
.proposalHeader .viewHeader.propAuthor {
    order: 40;
    flex: 0 0 160px;
}

.proposalRow .viewColumn.propStatus,
.proposalHeader .viewHeader.propStatus {
    order: 80;
    flex: 0 0 110px;
}

.proposalRow .viewColumn.propEvalSent,
.proposalHeader .viewHeader.propEvalSent {
    order: 90;
    flex: 1 0;
    text-align: right;
}

.proposalRow .viewColumn.propID,
.proposalHeader .viewHeader.propID {
    order: 50;
    flex: 0 0 120px;;
}

.proposalRow .viewColumn.propOfDistinction, 
.proposalHeader .viewHeader.propOfDistinction {
	order:11;
    width: 20px;
    text-align: center;
}

.proposalRow .lineBreak1, 
.proposalHeader .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 0px !important;
}

@media all and (max-width: 800px) {
	
}

@media all and (max-width:769px){
	.proposalRow .viewColumn.propEvalSent,
	.proposalHeader .viewHeader.propEvalSent {
	    order: 90;
	    flex: 1 0;
	    text-align: right;
	}
	
	.proposalRow .viewColumn.propID,
	.proposalHeader .viewHeader.propID {
	    order: 80;
	    flex: 0 0 120px;
	    text-align: left;
	}
	
	
	.proposalHeader .lineBreak1,
	.proposalRow .lineBreak1{
		display: block;
		flex: 1 0 100%;
	    order: 79;
	}
		
}

@media all and (max-width:699px){
	
}

@media all and (max-width:599px){
	.viewColumn.granTitle, 
	.viewHeader.granTitle,
	.proposalRow .viewColumn.propEvalSent,
	.proposalHeader .viewHeader.propEvalSent {
	    flex: 0 1 100%;
	    white-space: initial;
	}
}

@media all and (min-width:600px){
	
}