.IconHeader {
		float: left;
		margin-right: 10px; /*position: fixed;*/
	}

	.RubTitle {
		font-size: 18px;
		padding-top: 5px; /*position: fixed;*/ /*margin-left: 40px;*/ /*top: 0px;*/
	}

	.RubTitleMobile {
		font-size: 13px; /*position: fixed;*/ /*margin-left: 40px;*/ /*top: 0px;*/
	}

	.SeparatorHeader {
		margin-top: 10px;
		margin-bottom: 10px;
		border-bottom: ridge #C0C0C0 1px;
		border-top: ridge white 1px;
		border-left: ridge white 1px; /*position: fixed;*/
	}

	a.wfButton {
		color: #6e6e6e;
		font: 11px Helvetica, Arial, sans-serif !important;
		text-decoration: none;
		padding: 7px 12px;
		position: relative;
		margin-top: 5px;
		display: inline-block;
		-webkit-transition: border-color .218s;
		-moz-transition: border .218s;
		-o-transition: border-color .218s;
		transition: border-color .218s;
		background: #f3f3f3;
		background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
		background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
		border: solid 1px #dcdcdc;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		margin-right: 10px;
		cursor: pointer;
	}

		a.wfButton:hover {
			color: #333;
			border-color: #999;
			-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
		}

		a.wfButton:active {
			color: #000;
			border-color: #444;
		}

	a.Button {
		color: #6e6e6e;
		font: bold 12px Helvetica, Arial, sans-serif;
		text-decoration: none;
		padding: 7px 12px;
		position: relative;
		display: inline-block;
		text-shadow: 0 1px 0 #fff;
		-webkit-transition: border-color .218s;
		-moz-transition: border .218s;
		-o-transition: border-color .218s;
		transition: border-color .218s;
		background: #f3f3f3;
		background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
		background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
		border: solid 1px #dcdcdc;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		margin-right: 10px;
		cursor: pointer;
	}

		a.Button:hover {
			color: #333;
			border-color: #999;
			-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
		}

		a.Button:active {
			color: #000;
			border-color: #444;
		}

	a.Save-big {
		background: url(images/buttons/accept16.png) 10px 5px no-repeat #f3f3f3;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.wait {
		background: url(images/ajax_wait.gif) 10px 5px no-repeat #f3f3f3;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.RemoveUser-big {
		background: url(images/workflow/user_go16.png) 10px 5px no-repeat #f3f3f3;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.UploadFile-big {
		background: url(images/workflow/upload16.png) 10px 5px no-repeat #f3f3f3;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.Cancel-big {
		background: url(images/buttons/cancel16.png) 10px 5px no-repeat #f3f3f3;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.Clear-cart-big {
		background: url(images/buttons/clearCart16.png) 5px 0px no-repeat #f3f3f3;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.Inherit-big {
		background: url(images/buttons/inherit16.png) 10px 5px no-repeat #f3f3f3;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.Save-big-param {
		background: url(images/buttons/save_fav_24.png) 1px -3px no-repeat #f3f3f3;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.Modify-big-param {
		background: url(images/buttons/save_fav_24.png) 1px -3px no-repeat #f3f3f3;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
		margin-right: 0px;
	}


	a.Delete-big-param {
		background: url(images/buttons/delete16.png) 1px 0px no-repeat #f3f3f3;
		font-size: 13px;
		padding: 5px 10px 5px 20px;
		margin-left: 0px;
		left: -2px;
		border-left-style: dashed !important;
		position: relative;
		border: solid 1px #dcdcdc;
		-webkit-border-radius: 2px;
	}

		a.Delete-big-param:hover {
			border-color: #999;
		}


	a.Save-param {
		background: url(images/buttons/add_favorites_24.png) 0px 0px no-repeat #f3f3f3;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
		display: inline;
		position: absolute;
	}

	.ThesaurusReloadButton {
		position: relative;
		right: 10px;
	}

	.WindowButton {
		float: right;
		top: 00px;
	}

	.WindowButtonCenter {
		display: inline-block;
		top: 10px;
		position: relative;
	}


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

	.AlignLeft {
		float: left;
		position: relative;
		top: 10px;
	}

	.AlignCenter {
		text-align: center;
	}

	.AlignRight {
		text-align: right;
	}

	.FullWidthTable {
		width: 100%;
	}

	.FullWidthTableAlert {
		width: 480px;
	}

	.Label {
		font-size: 12px;
		font-weight: bold;
		width: 200px; /*white-space: nowrap;*/
		text-align: right;
	}



	.EditLabel {
		font-size: 12px;
		font-weight: bold;
	}

	.FieldValue {
		width: 100%;
	}

	.FieldValueAlertAdd {
		width: 346px;
	}

	.Information {
		width: 32px;
	}

	.InformationIcon {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.InformationIcon2 {
		float: right;
		margin-right: -5px;
		position: relative;
		top: -20px;
	}

	.TaskDescription {
		padding-top: 14px;
		padding-bottom: 14px;
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
	}

	.FileDeletionConfirmation {
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
	}

	.CheckAllText {
		font-style: italic;
		font-size: 10px;
	}

	input:focus {
		outline: none;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
		-o-box-shadow: 0 0 5px rgba(0,0,0,.3);
		box-shadow: 0 0 5px rgba(0,0,0,.3);
		padding: 2px;
		border: 1px solid #5897fb;
	}

	textarea:focus {
		outline: none;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
		-o-box-shadow: 0 0 5px rgba(0,0,0,.3);
		box-shadow: 0 0 5px rgba(0,0,0,.3);
		padding: 2px;
		border: 1px solid #5897fb;
	}

	textarea {
		font-family: "century Gothic";
		resize: none;
		font-size: 12px;
	}

	.deletedDoc {
		text-decoration: line-through;
	}

	.domWindowExplanation {
		font-style: italic;
		text-align: justify;
		overflow: hidden; /*text-overflow: ellipsis;*/ /*white-space: nowrap;*/
		line-height: 1.5;
		position: relative; /*max-height: 36px;*/
	}

	.domWindowExplanationWf {
		font-style: italic;
		text-align: justify;
		overflow: hidden; /*text-overflow: ellipsis;*/ /*white-space: nowrap;*/
		line-height: 1.5;
		position: relative; /*max-height: 36px;*/
		font-size: 13px;
	}

	/*.domWindowExplanationFull
{
    font-style: italic;
    text-align: justify;
    line-height: 1.5;
    position:relative;
}

.domWindowExplanation:hover
{
    font-style: italic;
    text-align: justify;
    overflow: visible;
    max-height: 100%;
}*/

	.ellipsis {
		background: #fff;
		bottom: 0px;
		position: absolute;
		right: 0;
		padding-left: 5px;
	}



	.label {
		font-size: 12px;
		font-weight: bold;
		padding-top: 2px;
		padding-left: 15px;
	}

	.wfLabel {
		font-size: 12px;
		font-weight: bold;
		padding-top: 2px;
	}

	.labelCheckbox {
		width: 434px;
		height: 18px;
		padding-bottom: 5px;
	}

	.formHeader {
		font-size: 13px;
		font-weight: bold;
		text-align: left;
		margin-bottom: 10px;
		border-bottom: dotted 1px #C0C0C0;
		margin-top: 10px;
		padding-bottom: 5px;
	}

	.paragraph {
		font-size: 13px;
		font-weight: normal;
		text-align: left;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-bottom: 5px;
		padding-left: 10px;
		margin-left: 5px;
	}

	.value {
		padding-left: 15px;
		color: #000000;
		font-family: "century Gothic";
		font-size: 14px;
		text-align: left;
		padding-bottom: 2px;
	}

	.valueWfForm {
		padding-left: 15px;
		color: #000000;
		font-family: "century Gothic";
		font-size: 14px;
		text-align: left;
		padding-bottom: 2px;
		display: flex;
	}

	.valueWfFormOptions {
		padding-left: 15px;
		color: #000000;
		font-family: "century Gothic";
		font-size: 14px;
		text-align: left;
		padding-bottom: 2px;
	}


	.my_tooltip {
		float: right;
		padding-top: 5px;
	}

	.my_tooltip_checkbox {
		float: right;
		top: -18px;
		position: relative;
	}

	#DOMWindow {
		box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	}

	.fieldsAndButtonsContainer {
		float: left;
		width: 380px;
		position: absolute;
		height: -moz-calc(100% - 120px);
		height: -webkit-calc(100% - 120px);
		height: calc(100% - 120px);
	}

	.fieldsDivWhiteBottomSpace {
		height: 150px;
	}

	.fieldsDivWhiteBottomSpaceSmall {
		height: 100px;
	}

	.editFieldsForm {
		width: 380px;
		height: -moz-calc(100% - 80px);
		height: -webkit-calc(100% - 80px);
		height: calc(100% - 80px);
		overflow: auto;
	}

	.editDocumentDisplay {
		float: left;
		width: -moz-calc(100% - 400px);
		width: -webkit-calc(100% - 400px);
		width: calc(100% - 400px);
		height: -moz-calc(100% - 120px);
		height: -webkit-calc(100% - 120px);
		height: calc(100% - 120px);
		position: absolute;
		left: 400px;
	}

	.editDocumentsForm {
		height: -moz-calc(100% - 80px);
		height: -webkit-calc(100% - 80px);
		height: calc(100% - 80px);
		overflow: auto;
	}

	.fixedBottom {
		position: absolute;
		top: calc(100% - 80px);
		top: -moz-calc(100% - 80px);
		top: -webkit-calc(100% - 80px);
		width: calc(100% - 10px);
	}

	.validationButtons {
		float: left;
		text-align: center;
	}

	.fullScreenDocumentDisplay {
		float: left;
		width: 100%;
		height: -moz-calc(100% - 500px);
		height: -webkit-calc(100% - 500px);
		height: calc(100% - 500px);
	}

	.fullScreenDocumentDisplayNewTab {
		float: left;
		width: 100%;
		height: -moz-calc(100% - 100px);
		height: -webkit-calc(100% - 100px);
		height: calc(100% - 100px);
	}

	.fullScreenDocumentDisplayWhenProperties {
		float: left;
		width: -moz-calc(100% - 400px);
		width: -webkit-calc(100% - 400px);
		width: calc(100% - 400px);
		height: -moz-calc(100% - 500px);
		height: -webkit-calc(100% - 500px);
		height: calc(100% - 500px); /*padding-top: 30px;*/
	}

	.fullScreenDocumentDisplayWhenPropertiesNewTab {
		float: left;
		width: -moz-calc(100% - 400px);
		width: -webkit-calc(100% - 400px);
		width: calc(100% - 400px);
		height: -moz-calc(100% - 90px);
		height: -webkit-calc(100% - 90px);
		height: calc(100% - 90px);
		overflow: auto; /*padding-top: 30px;*/
	}



	.fullScreenDocumentProperties {
		float: left;
		position: relative;
		left: 20px;
		top: 20px;
		width: 375px;
		overflow: auto;
		display: none;
	}

	.fullScreenDocumentPropertiesNewTab {
		float: left;
		position: relative;
		left: 20px;
		top: 20px;
		width: 375px;
		height: -moz-calc(100% - 90px);
		height: -webkit-calc(100% - 90px);
		height: calc(100% - 90px);
		display: none;
	}

	.ignoreField {
		text-decoration: line-through;
	}

	#fullScreenHeader {
		position: absolute;
		left: 0px;
		top: 11px;
		z-index: 5001;
		width: 70%;
	}

	#fullScreenHeaderNewTab {
		position: absolute;
		left: 5px;
		top: 5px;
		z-index: 5001;
		width: -moz-calc(100% - 520px);
		width: -webkit-calc(100% - 520px);
		width: calc(100% - 520px);
	}

	#fullScreenFooter {
		position: fixed;
		top: -moz-calc(100% - 40px);
		top: -webkit-calc(100% - 40px);
		top: calc(100% - 40px);
		font-weight: bold;
		font-size: 24px;
		color: white;
		font-family: "century gothic";
		text-align: center;
		margin-left: 40px;
	}

	#fullScreenFooterNewTab {
		position: fixed;
		top: -moz-calc(100% - 50px);
		top: -webkit-calc(100% - 50px);
		top: calc(100% - 50px);
		font-weight: bold;
		font-size: 24px;
		color: black;
		font-family: "century gothic";
		text-align: center;
		margin-left: 40px;
		width: 100%;
	}

	#splitScreenFooter {
		font-size: 18px;
		color: #000000;
		font-family: "century gothic";
		text-align: center;
	}

	#fullScreenHeaderIcon {
		float: left;
	}

	#fullScreenHeaderDescription {
		position: relative;
		top: 15px;
		font-weight: bold;
		font-size: 24px;
		color: white;
		font-family: "century gothic";
	}

	#fullScreenHeaderDescriptionNewTab {
		position: relative;
		top: 0px;
		font-weight: bold;
		font-size: 24px;
		color: grey;
		font-family: "century gothic";
		height: 28px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.propertiesTitle {
		font-weight: bold;
	}

	.wrapper2 {
		position: relative;
		padding: 0 5px;
		height: -moz-calc(100% - 110px);
		height: -webkit-calc(100% - 110px);
		height: calc(100% - 110px);
		overflow-y: auto;
		float: left;
		clear: both;
	}

	.contentAndButtonsZone250 {
		float: left;
		height: -moz-calc(100% - 250px);
		height: -webkit-calc(100% - 250px);
		height: calc(100% - 250px);
		position: absolute;
		width: calc(100% - 20px);
	}

	.contentAndButtonsZone210 {
		float: left;
		height: -moz-calc(100% - 210px);
		height: -webkit-calc(100% - 210px);
		height: calc(100% - 210px);
		position: absolute;
		width: calc(100% - 20px);
	}

	.contentZone {
		height: -moz-calc(100% - 80px);
		height: -webkit-calc(100% - 80px);
		height: calc(100% - 80px);
		overflow: auto;
	}

	.entireZone {
		float: left;
		position: absolute;
		width: calc(100% - 20px);
		height: calc(100% - 180px);
		overflow: auto;
	}

	.warningMessage {
		color: red;
		font-weight: bold;
		padding-top: 15px;
		text-align: center;
	}

	.headerCloseButton {
		float: right;
		top: 20px;
		font-size: 52px;
		color: white;
		clear: both;
		right: 70px;
		position: fixed;
		cursor: pointer;
		cursor: hand;
	}

	.wfSearchResults {
		max-height: 450px;
		overflow: auto;
	}

	.wfUserChoice {
		width: 90%;
		text-align: left;
		padding-left: 15px;
		padding-right: 15px;
	}

	.wfDownloadLink {
		position: relative;
		right: 00px;
		border: 0px;
	}

	.checkboxInformation {
		position: relative;
		top: -2px;
		left: 5px;
		max-height: 24px;
	}

	.popButton {
		transition: all 0.3s ease-out;
	}

	.overlay {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.7);
		transition: opacity 500ms;
		visibility: hidden;
		opacity: 0;
	}

		.overlay:target {
			visibility: visible;
			opacity: 1;
		}

	.popup {
		margin: 70px auto;
		padding: 20px;
		background: #fff;
		border-radius: 5px;
		width: 70%;
		height: 80%;
		position: relative;
		transition: all 5s ease-in-out;
		z-index: 9999999;
	}

		.popup h2 {
			margin-top: 0;
			color: #333;
			font-family: Tahoma, Arial, sans-serif;
		}

		.popup .close {
			position: absolute;
			top: 20px;
			right: 30px;
			transition: all 200ms;
			font-size: 30px;
			font-weight: bold;
			text-decoration: none;
			color: #333;
		}

			.popup .close:hover {
				color: #06D85F;
			}

		.popup .content {
			overflow: hidden;
		}

	.hidden {
		visibility: hidden;
	}

	.showed {
		visibility: visible;
	}



@media (prefers-color-scheme: dark) {



	.IconHeader {
		float: left;
		margin-right: 10px; /*position: fixed;*/
	}

	.RubTitle {
		font-size: 18px;
		padding-top: 5px; /*position: fixed;*/ /*margin-left: 40px;*/ /*top: 0px;*/
		color:aliceblue;
	}

	.RubTitleMobile {
		font-size: 13px; /*position: fixed;*/ /*margin-left: 40px;*/ /*top: 0px;*/
	}

	.SeparatorHeader {
		margin-top: 10px;
		margin-bottom: 10px;
		border-bottom: ridge #C0C0C0 1px;
		border-top: ridge white 1px;
		border-left: ridge white 1px; /*position: fixed;*/
	}

	a.wfButton {
		color: #6e6e6e;
		font: 11px Helvetica, Arial, sans-serif !important;
		text-decoration: none;
		padding: 7px 12px;
		position: relative;
		margin-top: 5px;
		display: inline-block;
		-webkit-transition: border-color .218s;
		-moz-transition: border .218s;
		-o-transition: border-color .218s;
		transition: border-color .218s;
		background: #f3f3f3;
		background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
		background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
		border: solid 1px #dcdcdc;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		margin-right: 10px;
		cursor: pointer;
	}

		a.wfButton:hover {
			color: #333;
			border-color: #999;
			-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
		}

		a.wfButton:active {
			color: #000;
			border-color: #444;
		}

	a.Button {
		color: aliceblue;
		font: bold 12px Helvetica, Arial, sans-serif;
		text-decoration: none;
		padding: 7px 12px;
		position: relative;
		display: inline-block;
		-webkit-transition: border-color .218s;
		-moz-transition: border .218s;
		-o-transition: border-color .218s;
		transition: border-color .218s;
		background: #f3f3f3;
		background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
		background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
		/*border: solid 1px #dcdcdc;*/
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		margin-right: 10px;
		cursor: pointer;
	}

		a.Button:hover {
			color: #333;
			border-color: #999;
			-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
		}

		a.Button:active {
			color: #000;
			border-color: #444;
		}

	a.Save-big {
		background: url(images/buttons/accept16.png) 10px 5px no-repeat #808080;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.wait {
		background: url(images/ajax_wait.gif) 10px 5px no-repeat #808080;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.RemoveUser-big {
		background: url(images/workflow/user_go16.png) 10px 5px no-repeat #808080;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.UploadFile-big {
		background: url(images/workflow/upload16.png) 10px 5px no-repeat #808080;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.Cancel-big {
		background: url(images/buttons/cancel16.png) 10px 5px no-repeat #808080;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.Clear-cart-big {
		background: url(images/buttons/clearCart16.png) 5px 0px no-repeat #808080;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.Inherit-big {
		background: url(images/buttons/inherit16.png) 10px 5px no-repeat #808080;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.Save-big-param {
		background: url(images/buttons/save_fav_24.png) 1px -3px no-repeat #808080;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
	}

	a.Modify-big-param {
		background: url(images/buttons/save_fav_24.png) 1px -3px no-repeat #808080;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
		margin-right: 0px;
	}


	a.Delete-big-param {
		background: url(images/buttons/delete16.png) 1px 0px no-repeat #808080;
		font-size: 13px;
		padding: 5px 10px 5px 20px;
		margin-left: 0px;
		left: -2px;
		border-left-style: dashed !important;
		position: relative;
		border: solid 1px #dcdcdc;
		-webkit-border-radius: 2px;
	}

		a.Delete-big-param:hover {
			border-color: #999;
		}


	a.Save-param {
		background: url(images/buttons/add_favorites_24.png) 0px 0px no-repeat #808080;
		font-size: 14px;
		padding: 5px 10px 5px 33px;
		display: inline;
		position: absolute;
	}

	.ThesaurusReloadButton {
		position: relative;
		right: 10px;
	}

	.WindowButton {
		float: right;
		top: 00px;
	}

	.WindowButtonCenter {
		display: inline-block;
		top: 10px;
		position: relative;
	}


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

	.AlignLeft {
		float: left;
		position: relative;
		top: 10px;
	}

	.AlignCenter {
		text-align: center;
	}

	.AlignRight {
		text-align: right;
	}

	.FullWidthTable {
		width: 100%;
	}

	.FullWidthTableAlert {
		width: 480px;
	}

	.Label {
		font-size: 12px;
		font-weight: bold;
		width: 200px; /*white-space: nowrap;*/
		text-align: right;
	}



	.EditLabel {
		font-size: 12px;
		font-weight: bold;
	}

	.FieldValue {
		width: 100%;
	}

	.FieldValueAlertAdd {
		width: 346px;
	}

	.Information {
		width: 32px;
	}

	.InformationIcon {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.InformationIcon2 {
		float: right;
		margin-right: -5px;
		position: relative;
		top: -20px;
	}

	.TaskDescription {
		padding-top: 14px;
		padding-bottom: 14px;
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
		color: aliceblue;
	}

	.FileDeletionConfirmation {
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
	}

	.CheckAllText {
		font-style: italic;
		font-size: 10px;
	}

	input:focus {
		outline: none;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
		-o-box-shadow: 0 0 5px rgba(0,0,0,.3);
		box-shadow: 0 0 5px rgba(0,0,0,.3);
		padding: 2px;
		border: 1px solid #5897fb;
	}

	textarea:focus {
		outline: none;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
		-o-box-shadow: 0 0 5px rgba(0,0,0,.3);
		box-shadow: 0 0 5px rgba(0,0,0,.3);
		padding: 2px;
		border: 1px solid #5897fb;
	}

	textarea {
		font-family: "century Gothic";
		resize: none;
		font-size: 12px;
	}

	.deletedDoc {
		text-decoration: line-through;
	}

	.domWindowExplanation {
		font-style: italic;
		text-align: justify;
		overflow: hidden; /*text-overflow: ellipsis;*/ /*white-space: nowrap;*/
		line-height: 1.5;
		position: relative; /*max-height: 36px;*/
		color:aliceblue;
	}

	.domWindowExplanationWf {
		font-style: italic;
		text-align: justify;
		overflow: hidden; /*text-overflow: ellipsis;*/ /*white-space: nowrap;*/
		line-height: 1.5;
		position: relative; /*max-height: 36px;*/
		font-size: 13px;
		color: aliceblue;
	}

	/*.domWindowExplanationFull
{
    font-style: italic;
    text-align: justify;
    line-height: 1.5;
    position:relative;
}

.domWindowExplanation:hover
{
    font-style: italic;
    text-align: justify;
    overflow: visible;
    max-height: 100%;
}*/

	.ellipsis {
		background: #fff;
		bottom: 0px;
		position: absolute;
		right: 0;
		padding-left: 5px;
	}



	.label {
		font-size: 12px;
		font-weight: bold;
		padding-top: 2px;
		padding-left: 15px;
		color:aliceblue;
	}

	label {
		color: aliceblue;
	}

	textarea {
		background-color: white;
		color: #757575 !important;
		border-right: 5px;
	}

	input {
		background-color: white;
		color: #757575 !important;
		border-right:5px;
	}

	.wfLabel {
		font-size: 12px;
		font-weight: bold;
		padding-top: 2px;
	}

	.labelCheckbox {
		width: 434px;
		height: 18px;
		padding-bottom: 5px;
	}

	.formHeader {
		font-size: 13px;
		font-weight: bold;
		text-align: left;
		margin-bottom: 10px;
		border-bottom: dotted 1px #C0C0C0;
		margin-top: 10px;
		padding-bottom: 5px;
		color: white;
	}

	.paragraph {
		font-size: 13px;
		font-weight: normal;
		text-align: left;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-bottom: 5px;
		padding-left: 10px;
		margin-left: 5px;
	}

	.value {
		padding-left: 15px;
		color: #000000;
		font-family: "century Gothic";
		font-size: 14px;
		text-align: left;
		padding-bottom: 2px;
	}

	.valueWfForm {
		padding-left: 15px;
		color: #000000;
		font-family: "century Gothic";
		font-size: 14px;
		text-align: left;
		padding-bottom: 2px;
		display: flex;
	}

	.valueWfFormOptions {
		padding-left: 15px;
		color: #000000;
		font-family: "century Gothic";
		font-size: 14px;
		text-align: left;
		padding-bottom: 2px;
	}


	.my_tooltip {
		float: right;
		padding-top: 5px;
	}

	.my_tooltip_checkbox {
		float: right;
		top: -18px;
		position: relative;
	}

	#DOMWindow {
		box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
		background-color: #595959!important;
	}

	.fieldsAndButtonsContainer {
		float: left;
		width: 380px;
		position: absolute;
		height: -moz-calc(100% - 120px);
		height: -webkit-calc(100% - 120px);
		height: calc(100% - 120px);
	}

	.fieldsDivWhiteBottomSpace {
		height: 150px;
	}

	.fieldsDivWhiteBottomSpaceSmall {
		height: 100px;
	}

	.editFieldsForm {
		width: 380px;
		height: -moz-calc(100% - 80px);
		height: -webkit-calc(100% - 80px);
		height: calc(100% - 80px);
		overflow: auto;
	}

	.editDocumentDisplay {
		float: left;
		width: -moz-calc(100% - 400px);
		width: -webkit-calc(100% - 400px);
		width: calc(100% - 400px);
		height: -moz-calc(100% - 120px);
		height: -webkit-calc(100% - 120px);
		height: calc(100% - 120px);
		position: absolute;
		left: 400px;
	}

	.editDocumentsForm {
		height: -moz-calc(100% - 80px);
		height: -webkit-calc(100% - 80px);
		height: calc(100% - 80px);
		overflow: auto;
	}

	.fixedBottom {
		position: absolute;
		top: calc(100% - 80px);
		top: -moz-calc(100% - 80px);
		top: -webkit-calc(100% - 80px);
		width: calc(100% - 10px);
	}

	.validationButtons {
		float: left;
		text-align: center;
	}

	.fullScreenDocumentDisplay {
		float: left;
		width: 100%;
		height: -moz-calc(100% - 500px);
		height: -webkit-calc(100% - 500px);
		height: calc(100% - 500px);
	}

	.fullScreenDocumentDisplayNewTab {
		float: left;
		width: 100%;
		height: -moz-calc(100% - 100px);
		height: -webkit-calc(100% - 100px);
		height: calc(100% - 100px);
	}

	.fullScreenDocumentDisplayWhenProperties {
		float: left;
		width: -moz-calc(100% - 400px);
		width: -webkit-calc(100% - 400px);
		width: calc(100% - 400px);
		height: -moz-calc(100% - 500px);
		height: -webkit-calc(100% - 500px);
		height: calc(100% - 500px); /*padding-top: 30px;*/
		background-color: #595959;
	}

	.fullScreenDocumentDisplayWhenPropertiesNewTab {
		float: left;
		width: -moz-calc(100% - 400px);
		width: -webkit-calc(100% - 400px);
		width: calc(100% - 400px);
		height: -moz-calc(100% - 90px);
		height: -webkit-calc(100% - 90px);
		height: calc(100% - 90px);
		overflow: auto; /*padding-top: 30px;*/
		background-color: #595959;
	}



	.fullScreenDocumentProperties {
		float: left;
		position: relative;
		left: 20px;
		top: 20px;
		width: 375px;
		overflow: auto;
		display: none;
	}

	.fullScreenDocumentPropertiesNewTab {
		float: left;
		position: relative;
		left: 20px;
		top: 20px;
		width: 375px;
		height: -moz-calc(100% - 90px);
		height: -webkit-calc(100% - 90px);
		height: calc(100% - 90px);
		display: none;
	}

	.ignoreField {
		text-decoration: line-through;
	}

	#fullScreenHeader {
		position: absolute;
		left: 0px;
		top: 11px;
		z-index: 5001;
		width: 70%;
	}

	#fullScreenHeaderNewTab {
		position: absolute;
		left: 5px;
		top: 5px;
		z-index: 5001;
		width: -moz-calc(100% - 520px);
		width: -webkit-calc(100% - 520px);
		width: calc(100% - 520px);
	}

	#fullScreenFooter {
		position: fixed;
		top: -moz-calc(100% - 40px);
		top: -webkit-calc(100% - 40px);
		top: calc(100% - 40px);
		font-weight: bold;
		font-size: 24px;
		color: white;
		font-family: "century gothic";
		text-align: center;
		margin-left: 40px;
	}

	#fullScreenFooterNewTab {
		position: fixed;
		top: -moz-calc(100% - 50px);
		top: -webkit-calc(100% - 50px);
		top: calc(100% - 50px);
		font-weight: bold;
		font-size: 24px;
		color: black;
		font-family: "century gothic";
		text-align: center;
		margin-left: 40px;
		width: 100%;
	}

	#splitScreenFooter {
		font-size: 18px;
		color: #000000;
		font-family: "century gothic";
		text-align: center;
	}

	#fullScreenHeaderIcon {
		float: left;
	}

	#fullScreenHeaderDescription {
		position: relative;
		top: 15px;
		font-weight: bold;
		font-size: 24px;
		color: white;
		font-family: "century gothic";
	}

	#fullScreenHeaderDescriptionNewTab {
		position: relative;
		top: 0px;
		font-weight: bold;
		font-size: 24px;
		color: grey;
		font-family: "century gothic";
		height: 28px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.propertiesTitle {
		font-weight: bold;
		color:aliceblue;
	}

	.wrapper2 {
		position: relative;
		padding: 0 5px;
		height: -moz-calc(100% - 110px);
		height: -webkit-calc(100% - 110px);
		height: calc(100% - 110px);
		overflow-y: auto;
		float: left;
		clear: both;
	}

	.contentAndButtonsZone250 {
		float: left;
		height: -moz-calc(100% - 250px);
		height: -webkit-calc(100% - 250px);
		height: calc(100% - 250px);
		position: absolute;
		width: calc(100% - 20px);
	}

	.contentAndButtonsZone210 {
		float: left;
		height: -moz-calc(100% - 210px);
		height: -webkit-calc(100% - 210px);
		height: calc(100% - 210px);
		position: absolute;
		width: calc(100% - 20px);
	}

	.contentZone {
		height: -moz-calc(100% - 80px);
		height: -webkit-calc(100% - 80px);
		height: calc(100% - 80px);
		overflow: auto;
	}

	.entireZone {
		float: left;
		position: absolute;
		width: calc(100% - 20px);
		height: calc(100% - 180px);
		overflow: auto;
	}

	.warningMessage {
		color: red;
		font-weight: bold;
		padding-top: 15px;
		text-align: center;
	}

	.headerCloseButton {
		float: right;
		top: 20px;
		font-size: 52px;
		color: white;
		clear: both;
		right: 70px;
		position: fixed;
		cursor: pointer;
		cursor: hand;
	}

	.wfSearchResults {
		max-height: 450px;
		overflow: auto;
	}

	.wfUserChoice {
		width: 90%;
		text-align: left;
		padding-left: 15px;
		padding-right: 15px;
	}

	.wfDownloadLink {
		position: relative;
		right: 00px;
		border: 0px;
	}

	.checkboxInformation {
		position: relative;
		top: -2px;
		left: 5px;
		max-height: 24px;
	}

	.popButton {
		transition: all 0.3s ease-out;
	}

	.overlay {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.7);
		transition: opacity 500ms;
		visibility: hidden;
		opacity: 0;
	}

		.overlay:target {
			visibility: visible;
			opacity: 1;
		}

	.popup {
		margin: 70px auto;
		padding: 20px;
		background: #fff;
		border-radius: 5px;
		width: 70%;
		height: 80%;
		position: relative;
		transition: all 5s ease-in-out;
		z-index: 9999999;
	}

		.popup h2 {
			margin-top: 0;
			color: #333;
			font-family: Tahoma, Arial, sans-serif;
		}

		.popup .close {
			position: absolute;
			top: 20px;
			right: 30px;
			transition: all 200ms;
			font-size: 30px;
			font-weight: bold;
			text-decoration: none;
			color: #333;
		}

			.popup .close:hover {
				color: #06D85F;
			}

		.popup .content {
			overflow: hidden;
		}

	.hidden {
		visibility: hidden;
	}

	.showed {
		visibility: visible;
	}

	#documentProperties > div > table > tbody > tr > td {
		color: aliceblue;
	}

	.valueWfForm > .isDate {
		background-color: white;
		border: solid 1px aliceblue;
	}

	.valueWfForm > .isText {
		background-color: white;
		border: solid 1px aliceblue;
	}
	.valueWfForm > .isNumber {
		background-color: white;
		border: solid 1px aliceblue;
	}

	
}