@media ( max-width : 768px) {
	#actionlinkts-container, #messagebox-container {
		height: auto !important;
	}
	.tab.nav-link {
		text-align: center;
	}
}

body {
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	overflow: hidden;
}

textarea {
	resize: none;
}

.imglogo {
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.fade.show {
	opacity: 1;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.alert-success hr {
	border-top-color: #b1dfbb;
}

.alert-dismissible .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.75rem 1.25rem;
	color: inherit;
}

button.close {
	padding: 0;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

label[position=top] {
	display: inline-block;
}

.pagetitle>div {
	display: inline-block;
	line-height: 1;
}

.label {
	color: #ffffff;
}

.loginlabel {
	padding-top: 25px;
	padding-bottom: 20px;
	/* 	font: 24px Verdana; */
	font-size: 1.5rem;
	color: #ffffff;
}

form#login .formButton {
	float: right;
}

.dialogframe {
	background-color: #54afe7;
	color: #ffffff;
	padding-bottom: 20px;
	opacity: 0.8;
	margin-top: 10px;
	padding-top: 300px;
}

.tasktable .rowclickable {
	border-bottom: 1px solid #73879C;
	cursor: pointer;
	/* 	font: 14px Verdana; */
	/* 	font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; */
	color: #73879C;
}

.dataTables_filter input {
	margin-bottom: 5px;
}

.tasktable .even {
	background-color: #f9f9f9;
}

.tasktable .rowclickable:not(div):hover {
	background: #d8d9d9;
}

.tasktable tfoot input[placeholder] {
	padding: 5px;
	border: 1px solid #ccc;
	width: inherit;
	max-width: 100px;
}

.tasktable tfoot input:not([disabled] ):focus, .tasktable tfoot input:not([disabled] ):hover
	{
	border: none;
	border-bottom: 3px solid orange;
}

.tasktable tbody td {
	padding: 2px 2px !important;
}

.px-foldericon {
	margin-right: 45px;
	float: right;
	-ms-transform: scale(2);
	/* IE 9 */
	-webkit-transform: scale(2);
	/* Chrome, Safari, Opera */
	transform: scale(2);
}

.px-foldericon:hover {
	border: solid 1px;
	border-bottom-color: #fcb103;
}

.tableheader {
	background-color: #73879C;
	color: #ffffff;
	/* 	font: 14px Verdana; */
	text-align: center;
	padding-top: 3px;
	padding-bottom: 5px;
}

.contextmenu {
	background: #d0d0d0;
	position: fixed;
	display: none;
	list-style: none;
	padding: 5px;
	border-color: blue;
	border-width: 1px;
	border-style: solid;
}

.contextmenu li {
	padding: 5px;
}

.contextmenu li:hover {
	background: #fcb103;
}

.pagetitle {
	background-color: #4da6ff;
	color: #ffffff;
	text-shadow: 0.1em 0.1em 0.2em black;
	top: 0;
	height: 30px;
	width: 100%;
	/* 	font: 20px Verdana; */
	font-size: 1.3rem;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 3px;
	box-shadow: inset 0px 0px 15px #fff;
	box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.30);
	opacity: 0.6;
}

.pagetitle a {
	color: yellow !important;
	/* 	font: 12px Verdana; */
	font-size: 0.85rem;
	float: left;
}

.footerelements {
	text-align: center;
	display: inline-block;
}

li.column {
	display: inline-block;
	margin: 0;
	vertical-align: top;
}

.dialogelement {
	display: inline-block;
}

li.column div.block {
	display: inline-block;
	margin-bottom: 0px;
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}

li.column div.blocktitle {
	padding-top: 4px;
	padding-bottom: 7px;
	background-color: #88c0ff;
	color: white;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: inset 0px 0px 15px #fff;
	box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.30);
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	opacity: 0.9;
	position: relative;
}

li.column div.blockbody {
	color: #1c6fc1;
	padding: 5px;
	background-color: #e0eeff;
	box-shadow: inset 0px 0px 15px #fff;
	box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.30);
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	opacity: 0.5;
}

.tabscontrol li {
	list-style: none;
	display: inline;
	/* 	font: 12px Verdana; */
	box-sizing: border-box;
	width: 10%;
}

.tabscontrol a {
	text-align: center;
	padding: 2px 8px;
	display: inline-block;
	background: #fff;
	color: #696969 !important;
	text-decoration: none;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	line-height: 2;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: background-color 0.2s, color 0.2s;
}

.tabscontrol a:hover {
	background: #BAE4EC;
}

.tabscontrol a.active {
	color: #fff;
	background-color: #99ccff;
	border-color: #99ccff;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	box-shadow: 3px 0px 2px 0px rgba(0, 0, 0, 0.30);
	border-top-right-radius: 2px;
	text-decoration: underline;
	font-weight: bold;
}

.tab-error {
	background-color: #ff9966 !important;
	border-color: #ff9966 !important;
}

.title-error {
	background-color: #ff9966 !important;
	border-color: #ff9966 !important;
}

.ui-dialog {
	background: #e0e0e0;
}

.accessheader {
	background: #a0a0a0;
	color: white;
}

.accessright {
	width: 60px;
	horizontal-align: center;
	padding-left: 40px;
}

.accessrole {
	width: 80px;
	padding-left: 5px;
	background: #c0c0c0;
	color: white;
}

.dialoginput {
	background: #f2f2f2;
}

.radiogroup {
	border-color: #a0a0ff;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
}

.radioelement {
	padding-left: 10px;
	margin-bottom: 4px;
	margin-top: 4px;
}

.tasklist {
	background: #ffffff;
}

.tasklisttitle {
	color: #73879C;
	font-size: 1.2rem;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 7px solid #73879C;
}

.scrollable {
	height: calc(100% - 50px);
	margin-right: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: visible;
}

.pxbutton {
	background-color: #ffffff;
	border: none;
	color: #1c6fc1;
	padding: 5px 8px;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.30), inset 0px 0px 10px
		#c6e7ff;
	display: inline;
	cursor: pointer;
}

.sendButton, .sendAction {
	margin-bottom: -22px;
	margin-right: 10px;
	background-color: #ffffff;
	border: none;
	color: #1c6fc1;
	padding: 5px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 2px;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.30), inset 0px 0px 10px
		#c6e7ff;
	cursor: pointer;
}

#help-center-open {
	background-color: #c0c0c0;
	float: right;
}

#help-center-open:hover, #minimize-help-icon:hover {
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.30), inset 0px 0px 10px
		#1c6fc1;
}

.menuContainer {
	cursor: pointer;
}

.logoutContainer, .refreshContainer {
	cursor: pointer;
}

.header_logout_btn {
	order: 3;
	padding-right: 10px;
}

.divError {
	border: 1px solid red;
}

.textError {
	color: red;
	text-align: center;
}

.pxfileinputtext {
	background-color: #ffffff;
	width: 220px;
	text-align: center;
	border: 0px;
}

input[type=file] {
	width: 0;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	border: none;
	border: 0px;
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: "alpha(opacity=0)";
}

.pxbutton:hover:enabled {
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.30), inset 0px 0px 10px
		#1c6fc1;
}

.pxbutton.right {
	float: right;
	width: 80px;
	line-height: 25px;
	height: 25px;
}

.remove-file {
	cursor: pointer;
}

.remove-file:after {
	left: 10px;
	top: 10px;
}

.remove-file:hover {
	color: #ff0000;
}

.onsubmitform-overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	background-color: rgb(136, 192, 255);
	background-color: rgba(136, 192, 255, 0.9);
	overflow-x: hidden;
	transition: 0.1s;
}

.onsubmitform-overlay-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	color: #FFFFFF;
}

.undo-file-remove {
	display: none;
	position: relative;
	background-color: #F5D0A9;
	border: none;
	color: #1c6fc1;
	padding: 5px 8px;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.30), inset 0px 0px 10px
		#c6e7ff;
	cursor: pointer;
}

.pxbutton:disabled {
	background-color: rgba(136, 192, 255, 0.3);
	cursor: default;
}

.action_permissions table {
	color: #1c6fc1;
	border: none !important;
	margin-top: 20px;
}

.add-person-element-checkbox {
	heigth: 15px;
}

.add-person-element-checkbox input {
	margin: 0 auto;
	width: 100%;
	height: 15px;
}

.person-data-inline {
	display: inline-block;
}

th {
	background: white;
	border-bottom: 1px solid silver;
	font-weight: bold;
}

.show-contact.block {
	display: block;
}

.contact-display-field {
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
}

.show-contact {
	z-index: 1000;
	margin-top: 20px;
	background-color: #ffffff;
	display: none;
	position: fixed;
	border-style: dashed;
	padding: 3px 3px;
	border-color: rgb(28, 111, 193);
	border-radius: 5px;
}

.edit-contact-button {
	display: inline-table;
}

.delete-contact-button {
	margin-left: 10px;
	display: inline-table;
}

.contact-display-row {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #000000;
}

.error-class {
	background-color: #ff9966;
	font-weight: bold;
}

.error-bottom {
	border-bottom: 10px groove #ff9966 !important;
}

.pxalert span {
	float: left;
	margin: 0 7px 50px 0;
}

.profileable {
	margin-top: 20px;
	margin-bottom: 20px;
}

#ctrlHelp-overlay {
	position: fixed;
	right: 0.8%;
	max-width: 370px;
	border-color: rgba(136, 192, 255, 0.7);
	border-width: 2px;
	border-style: solid;
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
	z-index: 1;
	bottom: 100px;
}

#ctrlHelpContainer {
	top: 20px;
	background-color: #ffffff;
	width: auto;
	height: 100px;
	z-index: 1;
	/*background-color: rgb(256, 256, 256);
	background-color: rgba(136, 192, 255, 0.7);*/
	display: none;
}

#ctrlHelpText {
	display: none;
	text-align: -webkit-center;
	-moz-box-pack: center;
	-moz-box-align: center;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	box-pack: center;
	box-align: center;
	height: 100%;
}

#helptextarea {
	white-space: nowrap;
}

.ctrlHelpContainer-min #fieldInfos {
	height: 90px;
}

.help-container {
	display: block !important;
	margin-top: 20px;
}

.px-display-block {
	text-align: -webkit-center;
	display: block !important;
}

#help-box-span {
	border-radius: 5px;
}

#ctrlHelp-content {
	white-space: pre-wrap;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	overflow-y: auto;
	max-height: 80%;
	font-family: 'Roboto', sans-serif;
	font-size: 0.875rem;
	color: #484848;
}

#fieldInfos {
	background-color: #ffffff;
	width: 300px;
	min-height: 20%;
	margin-top: 5px;
}

.ctrlHelpContainer-min {
	height: 110px !important;
}

.bold-text {
	font-weight: bold;
}

#comment-label:hover {
	background-color: #3498db;
}

.ui-autocomplete {
	max-height: 30em;
	overflow-y: auto;
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	z-index: 1000 !important;
}

.shortcutsinfo, .person_button_span {
	background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid #2196F3;
	border-radius: 3px;
	padding: 2px;
	position: absolute;
	top: 40px;
	margin-left: 22px;
}

.person_button_span {
	right: -10px;
	font-weight: bold;
	top: -5px;
	font-size: 0.7rem;
}

.btn {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	border-radius: 10px;
	color: #ffffff;
	padding: 0px 5px 3px 5px;
	border-top: solid #666666 6px;
	border-left: solid #666666 1px;
	text-decoration: none;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	margin: 0px 10px 0px 10px;
}

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

.btn:not([disabled] ):hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}

.btn[disabled] {
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #b0b9bf);
	background-image: -moz-linear-gradient(top, #ffffff, #b0b9bf);
	background-image: -ms-linear-gradient(top, #ffffff, #b0b9bf);
	background-image: -o-linear-gradient(top, #ffffff, #b0b9bf);
	background-image: linear-gradient(to bottom, #ffffff, #b0b9bf);
	cursor: default;
}

.tab-content-wrapper {
	min-height: 100%;
}

footer.page-footer {
	background: #fff;
	padding: 5px 20px;
	display: block;
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
}

footer>div>div {
	display: inline-table;
	margin-right: 10px;
}

.sendAction {
	margin-bottom: 0px;
	text-align: center;
	display: block !important;
	margin-top: 5px;
	font-weight: 500;
	margin-left: 10px;
	padding: 10px !important;
	width: auto;
	border-color: #004A8C;
}

.sendAction:hover {
	width: auto;
}

.sendAction:hover, .sendButton:hover {
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.30), inset 0px 0px 10px
		#1c6fc1;
}

.dynamic-table, .merged-table {
	padding: 10px;
	line-height: 1.42857143;
	background-color: #fff;
	max-width: 100%;
	color: #333;
	border-collapse: collapse;
	margin-top: 10px;
	overflow: auto;
}

.dynamic-table td, .merged-table td {
	width: 50px;
	text-align: center;
	padding: 10px;
}

.dynamic-table th, .merged-table th {
	background-color: #ffe4c4;
}

.dyn-matrix-add-row-button {
	margin-top: 20px;
}

@media screen and (max-width:770px) {
	footer.page-footer {
		position: fixed;
	}
	#help-window-label {
		display: none !important;
		color: #c0c0c0;
	}
}

.row_prototype {
	display: none;
}

.remove {
	cursor: pointer;
	width: 15px !important;
	text-decoration: none;
	color: #ee0a0a;
}

.remove:hover {
	color: #db8585;
}

#minimize-help-icon {
	background-color: rgba(255, 255, 255, 0.7);
}

#help_spanner {
	display: none;
}

.loading_spinner {
	display: inline-block !important;
	z-index: 1000;
	height: 20px;
	width: 20px;
}

.inputelement .loading_spinner {
	z-index: 1000;
	height: 20px;
	width: 20px;
	position: absolute;
	right: 0px;
	top: -7px;
}

tfoot {
	display: table-header-group;
}

.merged-table tr.even {
	background-color: rgba(255, 228, 196, 0.7) !important;
}

tr.isopened {
	background-color: rgba(234, 186, 109, 0.56) !important;
}

#approvedMenu {
	z-index: 1001;
	padding-left: 13px !important;
	padding-right: 13px !important;
	position: fixed;
	display: none;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
	background-color: rgba(200, 200, 200, 0.87);
	padding: 5px;
	opacity: 1;
	border: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	padding-left: 13px !important;
	border-color: black;
	border-width: 1px;
	border-style: solid;
}

*[approved], #approvedMenu.ctrl-approved {
	background-color: rgba(197, 247, 220, 0.87);
}

.approveRow {
	color: rgba(197, 247, 220, 0.99);
	cursor: pointer;
}

.tab[approved]:before, .blocktitle[approved]:before {
	content: "";
	position: absolute;
	right: 0%;
	top: 0;
	border-top: 13px solid rgba(197, 247, 220, 0.87);
	border-right: 13px solid transparent;
	border-left: 13px solid transparent;
}

.pxcheckbox[approved]:before {
	content: "";
	position: absolute;
	border-top: 6px solid transparent;
	border-left: 8px solid rgba(197, 247, 220, 0.87);
	border-bottom: 6px solid transparent;
}

.roundedOne {
	width: 14px;
	height: 14px;
	position: relative;
	margin: 10px auto;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	border-radius: 35px;
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.roundedOne label {
	width: 15px;
	height: 15px;
	cursor: pointer;
	position: absolute;
	left: 2px;
	top: 2px;
	background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
	background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
	border-radius: 35px;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}

.roundedOne input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.approved_instance .roundedOne input[type=checkbox]:checked+label:after
	{
	opacity: 1;
}

.approved_instance .roundedOne label:after {
	background: #27ae60 !important;
	background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%)
		!important;
	background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%)
		!important;
}

.processed_instance .roundedOne label:after {
	background: #FF8C00 !important;
	background: -webkit-linear-gradient(top, #FF8C00 0%, #FF9632 100%)
		!important;
	background: linear-gradient(to bottom, #FF8C00 0%, #FF9632 100%)
		!important;
}

.declined_instance .roundedOne label:after {
	background: #f31818 !important;
	background: -webkit-linear-gradient(top, #f31818 0%, #a70909 100%)
		!important;
	background: linear-gradient(to bottom, #f31818 0%, #a70909 100%)
		!important;
	width: 13px !important;
	height: 5px !important;
	top: 5px !important;
	border-radius: 5px !important;
}

.roundedOne label:after {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	top: 1px;
	left: 1px;
	opacity: 0;
	border-radius: 25px;
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.hidden_fields .roundedOne label:after {
	background: #1561f7;
	background: -webkit-linear-gradient(top, #1561f7 0%, #192dba 100%);
	background: linear-gradient(to bottom, #1561f7 0%, #192dba 100%);
}

.roundedOne input[type=checkbox] {
	visibility: hidden;
}

.task_link {
	cursor: pointer;
}

#clientinfo-container input[value=''] {
	display: none;
}

#clientinfo-container #client_info {
	max-width: 50px;
	text-align: center;
	padding: 2px;
	zoom: 1;
	background-color: white;
}

#clientinfo-container {
	position: absolute;
	top: 0%;
	right: 10%;
	display: none;
}

.instance_group {
	position: fixed;
	width: 300px;
	right: 50%;
	line-height: 1.1;
	display: none;
	border-style: solid;
	border-left-width: 5px;
	border-right-width: 5px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #fff;
	background: #1ABB9C;
}

.instance_group_content {
	height: auto;
	max-height: 370px;
	overflow-y: auto;
}

.summary-entry {
	background: #73879C;
	padding: 13px;
	border-width: 0px 0px 5px 0px;
	border-color: #fff;
	border-style: solid;
	color: #fff;
	cursor: auto;
}

.summary-entry label {
	cursor: pointer;
}

.summary-entry:hover {
	background: #fff;
	border-style: solid;
	border-width: 0px 0px 5px 0px;
	border-bottom-color: #1ABB9C !important;
	color: #73879C;
}

.spinner_container {
	position: absolute !important;
	width: 100%;
	height: inherit;
	z-index: 1000;
	background-color: rgba(255, 255, 255, 0.9);
}

.spinner_container img {
	position: absolute;
	top: 25%;
	left: 50%;
}

#fieldInfo_comment_cont {
	display: none;
	position: absolute;
	top: 0%;
	width: 100%;
	height: auto;
	left: 0;
	padding-top: 15px;
}

#talkbubble {
	width: 30px;
	height: 20px;
	background: rgba(21, 124, 240, 0.61);
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#talkbubble-small {
	width: 15px;
	height: 10px;
	background: rgba(21, 124, 240, 0.61);
	position: relative;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

#talkbubble-small:before {
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 2px solid transparent;
	border-right: 6px solid rgba(21, 124, 240, 0.61);
	border-bottom: 1px solid transparent;
}

#talkbubble:before {
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-right: 10px solid rgba(21, 124, 240, 0.61);
	border-bottom: 1px solid transparent;
}

.tasktable {
	border-collapse: collapse !important;
}

#passwordChange div>input {
	display: block;
}

#passwordChange>div {
	margin-top: 10px;
	position: relative;
}

#passwordChange, #form_test_json {
	text-align: -moz-center;
	text-align: -webkit-center;
}

#error_container, #password_notequal, #oldPasswordInvalid {
	position: absolute;
	left: 58%;
	top: 0px;
	cursor: pointer;
}

.password_error, #error_message {
	font-weight: bold;
	color: red;
}

.menuContainer.warn {
	font-weight: bold;
	color: red !important;
}

#password_notequal, #oldPasswordInvalid {
	display: none;
}

div.px_shortcut span {
	display: inline-table;
}

.px_shortcut {
	font-weight: bold;
	position: relative;
	background: #F2F5F7;
	padding: 6px 12px;
}

.all-children-inline>* {
	display: inline-block;
}

.px_shortcut_desc {
	margin-left: 5px;
	margin-right: 5px;
}

#px_shortcut_container .all-children-inline {
	margin-top: 5px;
	margin-left: 5px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	position: relative;
	line-height: 1.42857143;
	color: #337ab7;
}

#px_shortcut_container {
	overflow: auto;
	bottom: 0%;
	height: 45%;
	border: 1px solid #ddd;
	position: fixed;
	right: -15px;
	width: auto;
	-webkit-transition: width 1s;
	transition: width 1s;
	border-radius: 2px;
	z-index: 9999;
	background: #acd;
}

.open_icon {
	position: absolute;
	left: -15px;
	bottom: 0%;
	cursor: pointer;
	z-index: 2000;
	display: block !important;
	color: #26B99A;
	/* 	font-size: 13px; */
	background: #fff;
	border: 2px solid;
	padding: 0px 3px 0px 3px;
}

.shortcuts_hidden {
	width: 5px !important;
	border: none !important;
}

.shortcuts_hidden * {
	display: none;
}

.searchArea {
	position: relative;
	width: 100%;
}

.input_instance_search {
	width: 50%;
	padding: 5px 5px;
	margin: 5px 5px;
}

.ui-autocomplete {
	background: #fff !important;
	opacity: 1;
}

.ui-autocomplete a.a-autocomplete {
	display: block;
	padding: 10px 6px !important;
	clear: both !important;
	font-weight: normal !important;
	line-height: 18px !important;
	color: #555555;
	white-space: nowrap !important;
	text-decoration: none !important;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
}

.ui-autocomplete a.a-autocomplete:hover, a.ui-state-focus {
	text-decoration: none !important;
	background-image: none !important;
}

a.a-autocomplete i {
	margin-right: 10px;
}

a.a-autocomplete .fa-file-pdf-o {
	color: #df0202 !important;
}

a.a-autocomplete .fa-file-excel-o {
	color: #34c8a3 !important;
}

a.a-autocomplete .fa-file-word-o {
	color: #0080ff !important;
}

a.a-autocomplete .fa-file-image-o {
	color: #fbf17d !important;
}

a.a-autocomplete.client_certificates .prelabel {
	width: 100%;
	height: 70%;
	position: absolute;
	padding: 0px;
	margin: 0px;
}

a.a-autocomplete.ctype-1 {
	color: rgb(0, 128, 255);
}

a.a-autocomplete.ctype-17 {
	color: rgb(4, 125, 50);
}

a.a-autocomplete i.fa-check {
	right: 10px;
	color: green;
	position: absolute;
}

.instance-title {
	text-align: left !important;
	text-align: -webkit-left !important;
	text-align: -moz-left !important;
}

.summary-entry .approve {
	position: absolute;
	z-index: 1000;
	cursor: pointer;
}

.test_env {
	color: red;
	text-shadow: none;
	box-shadow: none;
	font-weight: bold;
	position: fixed;
	left: 50%;
	top: 0;
}

.delete-instance {
	position: absolute;
	right: 0;
	cursor: pointer;
}

.summary-entry .buttons {
	position: relative;
	float: right;
	right: 5px;
}

.delete-instances {
	display: inline-block;
	float: right;
}

.summary-entry .approve {
	margin: 0 !important;
}

.smallfonts {
	font-size: 0.7rem
}

.dataTables_length .dataTables_filter {
	font-size: 0.9rem;
}

.useradmin {
	background-color: #54afe7;
	color: #ffffff;
	padding-bottom: 60px;
	opacity: 0.8;
	height: 33rem;
	padding-top: 0.2rem;
}

input[type=radio] {
	transform: scale(1.5);
}

.nav-item {
	width: 100% !important;
}

.rowblock {
	display: flex;
	flex-direction: column;
}

.linebreak {
	flex-basis: 100%;
	width: 0px;
	height: 0px;
	overflow: hidden;
	margin: 0;
}

.tab-inbox {
	text-align: center;
	cursor: pointer;
	font-size: 2rem;
	cursor: pointer;
	transition: box-shadow 0.3s ease-in-out;
	display: block;
	margin: 2px;
}

.tab-inbox:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	background-color: lightgray;
}

.inbox:hover {
	border-color: #e9ecef #e9ecef #ddd;
}

.inbox {
	border-bottom: 0.214rem solid transparent;
	color: rgba(0, 0, 0, 0.54) !important;
}

.fileNameLabel {
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	text-overflow: clip;
	text-align: left;
	margin-bottom: .2rem;
	padding-bottom: .2rem;
}

.fileNameLabel:hover {
	overflow: visible;
}

.attachment_item__file_information {
	width: 76%;
}

.showfile:hover {
	color: #3384CA;
}

.imageclass {
	width: 32px;
	height: 32px;
}

#historyLayout .history_content {
	max-width: 50%;
}

#historyLayout {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 200;
	left: 0;
	top: 0;
	background-color: #f8f9fa;
	overflow-x: hidden;
	transition: 0.1s;
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
}

.history_entry.template {
	display: none;
}

.history_content {
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
}

.history_entry_body>*:not(label) {
	text-align: justify;
}

.history_entry {
	border: 2px solid #000;
	padding: 5px;
	margin-top: 5px;
}

.closebtn.historyclose {
	position: fixed !important;
}

.history_entry>div {
	margin-top: 5px;
}

.history_entry>div>label {
	margin-right: 5px;
}

.history_entry.even {
	background: #e2dede;
}

.badge-message {
	position: absolute;
	top: -3px;
	width: auto;
	height: auto;
}

.bg-red {
	background: #E74C3C !important;
	border: 1px solid #E74C3C !important;
	color: #fff;
}

.bg-green {
	background: #1ABB9C !important;
	border: 1px solid #1ABB9C !important;
	color: #fff;
}

.alert-content {
	padding: 10px 15px;
}

.fr-box, .fileuploader-item {
	word-break: break-word;
}

.dashboard_intern_body .badge {
	font-size: 0.2em;
}

.dashboard_intern_body .header {
	padding: 10px 0px;
	margin-left: 10px;
}

.summary-helper-panel-element {
	display: inline-block;
	display: -webkit-inline-box;
	margin-right: 20px;
}

.buttonbar--icon {
	font-size: 1.8rem;
}

.buttonbar .button {
	text-align: center;
	width: auto;
}

.uploadlabel {
	padding-left: 12px;
}

.pxdialog .ui-dialog-buttonset button {
	width: 100%;
}

.attachment_item__close_icon:hover {
	color: #3384CA;
	cursor: pointer;
}

.hide_restrict {
	display: none !important;
}

.userslect {
	visibility: hidden;
}

.userCheck:parent {
	border: none;
	background-color: white;
}

.userCheck {
	visibility: hidden;
	font-size: 2rem;
	color: green;
}

.userAdministration {
	display: none;
}

.newUserDetails {
	display: none;
}

.addNewUserLabel {
	display: none;
}

.newCompanyEmployee {
	display: none;
}

.newEmail {
	display: none;
}

.newEmailConfirm {
	display: none;
}

.extendsDetailsLabel {
	display: none;
}

.newSalutation {
	display: none;
}

.extendsDetails {
	display: none;
}

input[type=checkbox]:checked+label {
	text-decoration: underline;
	font-weight: bold;
}

.icon--delete {
	cursor: pointer;
}

a.sidenavigation__item-text {
	text-decoration: none;
	color: inherit;
	width: 100%;
}

sidenavigation__header-text {
	text-decoration: none;
	color: inherit;
	width: 100%;
}

.sidenavigation__item {
	transition: box-shadow .3s;
}

.sidenavigation.intern {
	width: 27% !important;
}

.sidenavigation__item:hover {
	box-shadow: 0px 1px 3px 1px rgba(33, 33, 33, .2);
	width: calc(100% - 3px);
}

language {
	display: none;
}

.fileuploader-items {
	padding-bottom: 12px;
}

.tile__hintcount_intern {
	font-size: 1rem;
	line-height: 0.875rem;
	min-width: 6px;
	text-align: center;
	padding: 2px 6px;
	background-color: #DB8628;
	color: white;
	position: absolute;
	right: 0px;
	top: 0px;
}

.pxoption_inactive {
	background-color: #ecb194a6;
}

.separatorlabel {
	position: relative;
	padding: 0 8px 16px;
	word-break: break-word;
}

.from_p_label {
	font-weight: bold;
}

.t_numeric {
	display: inline-table !important;
	margin-right: 10px;
}

.info_container {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-top: 10%;
	font-size: 1rem;
}

@media ( min-width : 961px) {
	.info_container {
		font-size: 1.5rem;
	}
}

.underlined {
	text-decoration: underline;
}

.fileuploader-error {
	border-width: 4px !important;
	border-color: #ff9966 !important;
}

.ui-effects-transfer {
	border: 2px dotted gray;
}

.pxradiogroup .tooltip__icon {
	margin-top: -2em;
	padding: 6px !important;
}

.fr-view table[width] {
	width: auto !important
}

.partingline {
	border-style: solid !important;
	border-width: 2px !important;
	width: 100% !important;
	height: 1px !important;
	border-color: black !important;
}

.print_header {
	font-size: 0.6rem;
}

.mbox_search_button {
	background-color: #3384CA;
	color: white;
}

.summary-table th.sorting_disabled {
	cursor: default !important;
	background: none !important;
}

#client_list_container {
	overflow-y: auto;
}

#client_list_container * {
	color: black !important;
}

#client_list_container table.dataTable {
	width: 100% !important;
}

#client_list_container table.dataTable input[disabled] {
	display: none !important;
}

#client_list_container table.dataTable td {
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
}

#client_list_container table.dataTable tr {
	cursor: pointer;
}

#client_list_container .dataTables_scrollHeadInner {
	width: 100% !important;
}

#client_list_container thead.datatable__header {
	width: 100% !important;
}

#client_list_container th.datatable__header-cell {
	width: 20% !important;
}

.client_userlist {
	position: absolute;
	width: 100%;
	border-bottom-width: 2px;
	background: black;
	border-color: #082424;
}

#client_list_container .dataTables_scrollBody {
	height: -webkit-fill-available;
	background-color: white;
	height: 600px;
}

#client_list_container table.dataTable tr.selected {
	background: #3498db;
}

.portal_message_buttons {
	display: flex;
}

.link_c {
	position: relative;
}

@media ( min-width : 961px) {
	.link_c a {
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		line-height: 130%;
		position: absolute;
	}
}

.download_link {
	margin-bottom: 25px;
	margin-top: 15px;
}

@media ( min-width : 961px) {
	.download_link a {
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		position: relative;
		padding-left: 10px;
	}
}

.preview_div {
	visibility: hidden;
	position: fixed;
	z-index: 1;
	border: 1px solid black;
	box-shadow: 3px 3px #888888;
}

.preview_name {
	background: lightgray
}

[data-cmd='px_language'] {
	float: right !important;
}

[data-cmd='px_location'] {
	float: right !important;
	width: 85px !important;
}

[data-cmd='insertSignature']>div {
	width: auto !important;
	display: inline-flex !important;
}

[data-cmd='insertSignature'] {
	width: auto !important;
	float: right !important;
}

[data-cmd='insertSignature'] i {
	margin: 0px !important;
}

.dep_icon {
	display: inline-block;
	display: -moz-inline-box;
	display: -webkit-inline-box;
	color: #E53D26;
}

.dep_icon .info {
	padding: 4px;
}

.grid--dashboard #app_info {
	background: white;
	z-index: 999
}

.header #app_info {
	opacity: 1.0;
	order: 2;
}

#app_info .countdown {
	border: 2px solid red;
	border-radius: 5px;
	font-weight: bold;
	visibility: hidden;
}

.dashboard-extern-container #app_info {
	text-align: right;
}

table.dataTable tbody .wrapped div.wrapped_div {
	white-space: normal;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	word-wrap: break-word;
	max-height: 2.7em;
	word-break: break-all;
}

span.new_action {
	color: #D88628;
	padding-left: 10px;
	vertical-align: middle;
	font-size: 0.8rem;
}

.header__button.period_filter div.inputelement input {
	width: 150px;
	cursor: pointer;
}

.dataTables_wrapper .spinner_container {
	top: 0;
}

.period_filter .inputelement {
	display: inline-flex;
	padding-left: 0;
	position: relative;
}

.period_filter label {
	margin: 0 8px 0 0px;
	line-height: 36px;
	font-size: 14px;
	font-weight: 500;
	overflow: hidden;
	max-height: 2.7em;
}

.print-disabled {
	cursor: not-allowed;
	opacity: 50%;
}

.print-disabled::before {
	cursor: not-allowed;
}

.header__button-menu .emc_page {
	font-size: initial;
}

.reset_link_login {
	color: black;
	cursor: pointer;
	float: right;
	padding-top: 5px;
}

.header.centrilized {
	justify-content: center;
}

.expected_date {
	position: absolute;
	left: 100%;
	top: 50%;
	width: max-content;
}

.fr-box pre {
	white-space: break-spaces;
}

.ui-dialog.hint__dialog.ui-widget-content {
	position: fixed !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
}

.dialog-closebtn {
	position: absolute;
	font-size: 60px !important;
	padding: 8px;
	text-decoration: none;
	color: #818181;
	display: block;
	transition: 0.3s;
	bottom: 90%;
	right: 0%;
	cursor: pointer;
}

.dialog-closebtn:hover {
	color: #803434;
}

.clientfile-chooser .ui-button>* {
	display: inline-table;
}

.yearly_reports_div .checkbox {
	padding-left: 0px;
}

.download_all {
	height: 20px;
	padding: 10px 9px;
}

.download_all_label {
	float: right;
}

.file_choosers>div {
	display: inline-table;
	width: 50%;
}

.file_choosers.with_dla div:nth-child(1) {
	text-align: right;
}

.file_choosers.with_dla div:nth-child(2) {
	text-align: left;
}

.file_choosers.with_dla .upload__button {
	margin-right: 30px;
}

.file_choosers.with_dla {
	margin-left: 30px;
}

.newactionlink {
	margin-top: auto !important;
	margin-bottom: auto !important;
	font-size: 1.2rem !important;
}

#settings_form .client_user_setting_selectbox .info_ .tooltip__icon {
	float: left;
}

#settings_form .client_user_setting_selectbox .info_ {
	position: absolute;
	left: 100%;
	bottom: 25%;
	width: 100%;
}

.ui-tooltip.right::after {
	bottom: unset;
	right: unset;
	left: 2px;
	transform: rotate(45deg);
}

.ui-tooltip.right {
	display: flex;
	align-items: center;
}

#auto_saved_notification {
	padding: 21px;
	padding-right: 50px;
	color: #7796ed;
	display: none;
}

#yearend_filter {
	display: none;
}

.page.sick-leave-feedback .page__content #sick-leaves_wrapper {
	width: 95%;
}

.page.sick-leave-feedback .page__content {
	text-align: center;
	text-align: -webkit-center;
}

.sick-leaves-container {
	width: 100%;
	line-height: 130%;
	color: #979797;
	text-align: start;
}

.sick-leave-feedback.table_only .sick-leaves-container {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 85%;
	width: 100%;
	z-index: 50;
	background: white;
	overflow-y: auto;
}

.sick-leave-feedback.table_only #sick-leaves_wrapper {
	overflow-y: auto;
	width: 100% !important;
}

.certification_editor {
	font-size: 14px;
	width: 85%;
	height: 60%
}

.red_x_icon {
	padding: 0 5px;
	background: red;
	margin-left: 10px;
	border-radius: 9px;
	color: white;
}

.fr-box {
	z-index: 1;
}

#sickfeedbackEditor {
	position: absolute;
	z-index: 1000;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -20%);
}

#sickfeedbackEditor input {
	padding: 8px 10px;
}

#sickfeedbackEditor label {
	text-align: center;
	margin-bottom: 0.2rem;
}

#sickfeedbackEditor  div.editables>div {
	background-color: cadetblue;
	color: white;
	display: grid;
}

#sickfeedbackEditor {
	font-size: 12px;
}

.sickfeedbackEditorLayout {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	background-color: #97979757;
	top: 0;
	display: none;
}

#sickfeedbackEditor .buttons {
	position: absolute;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -20%);
}

.sick-leaves-container .active {
	background-color: #b9b9b9bf;
	color: white;
}

.sick-leaves-container thead th.datatable__header-cell.sorting {
	padding-right: 15px;
}

.sick-leaves-container .updateable {
	cursor: pointer;
}

.sickStartDiff.temp {
	display: none;
}

.sickfeed-infobox {
	position: absolute;
	display: inline-flex;
}

.sickfeed-infobox>div {
	position: relative;
}

.sickfeed-infobox .tooltip--active .tooltip__icon {
	width: 300px;
}

.eau-reason>span {
	white-space: normal;
	word-wrap: normal;
	word-break: keep-all;
}

.keep-word-only {
	white-space: normal !important;
	word-wrap: normal;
	word-break: keep-all;
}

.inputelement>label.mandatory::after {
	content: " \002A";
	color: red;
}

.inputelement>fieldset>.radiobutton__headline.mandatory::after {
	content: " \002A";
	color: red;
}

#hintTable td {
	text-align: center;
	vertical-align: middle;
}

.active-employee-content {
	display: block;
}

.active-employee-content label {
	vertical-align: middle;
	font-size: 0.675rem !important;
	line-height: 1.0 !important;
	margin: 0px 0px !important;
	padding: 0px 0px 0px 5px !important;
	display: inline-block !important;
}

.active-employee.checkbox__input {
	font-size: 1.0rem;
	line-height: 0.700rem;
	height: 15px;
	width: 15px;
	margin: 0 1px 0 0;
}

.active-employee.checkbox__input:checked:before {
	line-height: 0.850rem;
	font-size: 0.9rem;
}

@media ( min-width : 2000px) {
	.active-employee-content label {
		width: fit-content;
	}
}

.valuetext__label {
	font-weight: bold;
}

.value_text {
	padding: 0px 0px 0px 0px;
	font-size: 1rem;
}

#form_sender_cont {
	margin-right: auto;
}

#form_sender {
	display: inline-block;
}

.tooltip_emp {
	display: block;
}

.tooltip_emp .tooltiptext_emp {
	visibility: hidden;
	background-color: #979797;
	color: #fff;
	margin: 0 15px;
	border-radius: 3px;
	padding: 0 5px;
	font-size: small;
	position: absolute;
	margin-top: -15px;
}

.tooltip_emp:hover .tooltiptext_emp {
	visibility: visible;
}

#pxPlusCommunicationCheck {
	color: red;
	display: none;
	position: absolute;
	font-size: 35px;
	align-content: center;
	padding-left: 18%;
}

.pxPlusCommunicationDisplayText {
	font-size: 25px;
	text-align: center;
	padding: 10px;
}

.login-btn {
	width: 500px;
	background: #2fa4d7;
	border: none;
	padding: 12px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

.error-login .back_to_login {
	position: absolute;
	bottom: 20px;
	width: 100%;
}

.error-login {
	width: 100%;
}

.back_to_login {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	flex: 1;
}

.pxPlusStickyMenu {
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	text-decoration: none;
	background-color: white;
	color: #35BBF6;
	font-weight: bold;
	padding-bottom: 15px;
	padding-top: 10px;
	flex-direction: column;
	-webkit-user-select: none; /* Safari */
  	-moz-user-select: none;    /* Firefox */
  	-ms-user-select: none;     /* Internet Explorer/Edge */
  	user-select: none;         /* Standard */
}

.pxPlusAdditionalTemplatesPage {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
}

#pxPlusAdditionalTemplatesPage {
	display: none;
	width: 100%;
	height: 100%;
	background-color: white;
	overflow: auto;
	margin: 0;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;

}

.pxPlusAdditionalTemplatesColor {
	color: #35BBF6;
}

#pxPlusAdditionalTemplatesPage .closebtn {
	display: none;
	position: absolute;
	right: 36px;
	z-index: 9;
	font-size: x-large;
	cursor: pointer;
}

.pxPlusStickyFunctions {
	display: flex;
}

.pepIconLink {
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	text-decoration: none;
	background-color: white;
	color: #35BBF6;
}

.pepIconColor {
	width: 19px;
    height: 19px;
    padding: 8px 0 0 0;
	color: #44C7AD;
}

.dashboard-extern-container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#refTicketDialog {
	margin: 40px;
	border-radius: 5px;
}