/* very light green for notification background */
html,
body {
	--green1: #a5d68a;
	--green2: #62a83a;
	--green4: #217000;
	--green5: #BBE8A2;
	--green6: #a5d68a;
	--logo: url("/nc202507291500/res/sprites.png") 0 -215px;
	--header_font_color: #ffffff;
	--listing-border-color: #F0F0F4;
	--jqui-bgColorDefault: #62a83a;
	--jqui-borderColorDefault: #6dbb41;
	--jqui-bgColorHover: #6dbb41;
	--jqui-borderColorHover: #7bc352;
}
body {
	margin: 0;
	padding: 0;
	cursor: default;
}
body #loaderoverlay {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(191, 191, 191, 0.4);
	z-index: 1000;
	text-align: center;
	font-size: 80px;
	padding-top: 200px;
	cursor: wait;
	display: none;
}
body #loaderoverlay svg {
	color: #BFBFBF;
}
body .ui-widget-overlay {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
body .ui-widget-header {
	border: 1px solid #62a83a;
	background: #a5d68a;
}
body .ui-message .ui-corner-all {
	border-radius: 4px;
}
body .ui-slider .ui-slider-handle.ui-state-default,
body .ui-slider .ui-slider-handle.ui-state-hover {
	background-image: unset;
}
body .ui-helper-hidden-accessible {
	display: none;
}
body .ui-tooltip {
	max-width: 800px !important;
	word-wrap: break-word;
	white-space: pre-line;
}
body .ui-tooltip.ui-widget-shadow {
	box-shadow: 0px 0px 10px rgba(29, 5, 64, 0.32);
}
body .ui-tooltip.ui-corner-all {
	border-radius: 4px;
}
body.loaded a,
body.loaded span,
body.loaded div,
body.loaded button,
body.loaded input[type="button"],
body.loaded input[type="submit"] {
	-webkit-transition: background-color 0.3s linear, box-shadow 0.3s linear;
	-moz-transition: background-color 0.3s linear, box-shadow 0.3s linear;
	-ms-transition: background-color 0.3s linear, box-shadow 0.3s linear;
	-o-transition: background-color 0.3s linear, box-shadow 0.3s linear;
	transition: background-color 0.3s linear, box-shadow 0.3s linear;
}
body .tour-overlay {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(191, 191, 191, 0.4);
	z-index: 99998;
	text-align: center;
	font-size: 80px;
	padding-top: 200px;
	display: none;
}
body .tour-item {
	display: inline-block;
	position: absolute;
	min-width: 350px;
	max-width: 450px;
	padding: 5px;
	z-index: 99999;
	box-sizing: border-box;
}
body .tour-item .arrow {
	box-sizing: border-box;
	position: absolute;
	left: calc(50% - 10px);
	display: none;
	width: 20px;
	height: 20px;
	border: 10px solid transparent;
}
body .tour-item .arrow.left {
	left: calc(20% - 10px);
	display: inline-block;
}
body .tour-item .arrow.center {
	left: calc(50% - 10px);
	display: inline-block;
}
body .tour-item .arrow.right {
	left: calc(80% - 10px);
	display: inline-block;
}
body .tour-item .box {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 14px 7px rgba(0, 0, 0, 0.5);
}
body .tour-item .box .text {
	padding: 15px;
	border-bottom: 1px solid #f4f3f3;
}
body .tour-item .box .buttons {
	padding: 5px;
	display: flex;
	justify-content: flex-end;
	min-height: 30px;
}
body .tour-item .box .buttons a {
	font-size: small;
	margin: 9px 8px 4px 4px;
	white-space: nowrap;
}
body .tour-item .box .buttons > button {
	padding: 0px 8px;
	margin: 0 0 0 6px;
	font-size: small;
}
body .tour-item .box .buttons > .spacer {
	flex: 1;
}
body .tour-item.above .arrow {
	bottom: 0;
	border-top-color: #fff;
}
body .tour-item.above .box {
	margin-bottom: 14px;
}
body .tour-item.below .arrow {
	top: 0;
	border-bottom-color: #fff;
}
body .tour-item.below .box {
	margin-top: 14px;
}
body,
textarea,
button,
input,
select {
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-size: 14px;
}
body:not([disabled]),
textarea:not([disabled]),
button:not([disabled]),
input:not([disabled]),
select:not([disabled]) {
	color: #212121;
}
::-webkit-input-placeholder {
	color: #BFBFBF;
}
:-moz-placeholder {
	color: #BFBFBF;
}
::-moz-placeholder {
	color: #BFBFBF;
}
:-ms-input-placeholder {
	color: #BFBFBF;
}
h1 {
	font-size: 20px;
	border-bottom: 1px solid #f4f3f3;
	margin-bottom: 10px;
	margin-top: 20px;
}
h2 {
	font-size: 16px;
	border-bottom: 1px solid #f4f3f3;
}
h3 {
	margin-bottom: 8px;
	font-size: 14px;
}
p.subtitle {
	font-size: 16px;
	color: #6B6B6B;
}
.smallhint {
	font-size: 12px;
	color: #6B6B6B;
}
.badge {
	color: #BFBFBF;
	font-size: 13px;
}
a {
	color: #6B6B6B;
	text-decoration: underline;
}
a.datepreset {
	margin-right: 5px;
}
a[name] {
	display: block;
	position: relative;
	top: -180px;
	visibility: hidden;
}
form {
	display: inline-block;
	width: 100%;
}
label {
	margin: 6px 0 2px 0;
	display: inline-block;
}
label[for] {
	cursor: pointer;
}
input[type="checkbox"] {
	margin-right: 6px;
	cursor: pointer;
	vertical-align: text-bottom;
	accent-color: var(--green4);
}
.label {
	cursor: default;
}
.transcript {
	font-style: italic;
	margin-bottom: 10px;
	overflow: auto;
	max-height: 300px;
}
button,
input[type="button"] {
	background-color: #f4f3f3;
	border: 1px solid #a5d68a;
	padding: 5px 18px;
	margin-top: 2px;
	border-radius: 4px !important;
	margin-bottom: 20px;
}
button:not([disabled]),
input[type="button"]:not([disabled]) {
	cursor: pointer;
}
button:hover:not([disabled]),
input[type="button"]:hover:not([disabled]) {
	box-shadow: 0px 0px 10px rgba(29, 5, 64, 0.32);
}
button:hover:not([disabled]):not([data-provider]),
input[type="button"]:hover:not([disabled]):not([data-provider]) {
	background-color: #a5d68a;
	border: 1px solid #a5d68a;
}
input[type="file"] {
	background-color: #f4f3f3;
	border: 1px solid #a5d68a;
	padding: 3px 18px;
	margin-top: 2px;
	border-radius: 4px !important;
	margin-bottom: 20px;
}
input[type="file"]:not([disabled]) {
	cursor: pointer;
}
input[type="file"]:hover:not([disabled]) {
	box-shadow: 0px 0px 10px rgba(29, 5, 64, 0.32);
}
input[type="file"]:hover:not([disabled]):not([data-provider]) {
	background-color: #a5d68a;
	border: 1px solid #a5d68a;
}
input[type="submit"] {
	background-color: #f4f3f3;
	border: 1px solid #a5d68a;
	padding: 5px 18px;
	margin-top: 2px;
	border-radius: 4px !important;
	margin-bottom: 20px;
	float: right;
}
input[type="submit"]:not([disabled]) {
	cursor: pointer;
}
input[type="submit"]:hover:not([disabled]) {
	box-shadow: 0px 0px 10px rgba(29, 5, 64, 0.32);
}
input[type="submit"]:hover:not([disabled]):not([data-provider]) {
	background-color: #a5d68a;
	border: 1px solid #a5d68a;
}
span.select2.select2-container {
	margin-right: 5px;
	margin-top: 2px;
}
span.select2.select2-container .select2-selection {
	height: 32px;
}
span.select2.select2-container .select2-selection .select2-selection__rendered {
	margin-top: 1px;
}
.requiredstar {
	color: #BFBFBF;
}
.clearer {
	clear: both;
}
.field.oneline {
	display: inline-block;
	vertical-align: top;
}
.nice_text_input {
	padding: 5px;
	border: 1px solid #BFBFBF;
	border-radius: 4px;
	margin-bottom: 5px;
}
form .nice_text_input {
	margin-right: 5px;
	margin-top: 2px;
}
@media (min-width: 501px) and (max-width: 1270px), (min-width: 1271px) {
	form .nice_text_input {
		width: 400px;
	}
}
@media (max-width: 500px) {
	form .nice_text_input {
		width: 356px;
	}
}
.nice_text_input.hasDatepicker {
	width: 110px;
}
select.nice_text_input,
.ui-autocomplete-input.nice_text_input {
	padding: 4px 5px 4px 5px;
}
@media (max-width: 500px) {
	select.nice_text_input,
	.ui-autocomplete-input.nice_text_input {
		width: 368px;
	}
}
@media (min-width: 501px) and (max-width: 1270px), (min-width: 1271px) {
	select.nice_text_input,
	.ui-autocomplete-input.nice_text_input {
		width: 412px;
	}
}
select.nice_text_input[name="preset"],
.ui-autocomplete-input.nice_text_input[name="preset"] {
	width: 140px;
}
@media (max-width: 500px) {
	.select2 {
		width: 368px;
	}
}
@media (min-width: 501px) and (max-width: 1270px), (min-width: 1271px) {
	.select2 {
		width: 412px;
	}
}
.select2[name="preset"] {
	width: 140px;
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	textarea.nice_text_input {
		width: calc(100% - 12px);
	}
}
.morelink {
	float: right;
	margin-top: 30px;
	margin-left: 20px;
}
.ui-dialog {
	border-radius: 6px !important;
	max-width: 98%;
}
.ui-dialog .ui-widget-header .ui-icon {
	background-image: url(jquery-ui/images/iconsHeader.png);
}
.ui-dialog.ui-corner-all .ui-dialog-buttonpane {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
.ui-dialog.ui-corner-all .ui-dialog-titlebar {
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}
.ui-dialog input[type="text"],
.ui-dialog input[type="password"],
.ui-dialog input[type="email"] {
	width: calc(100% - 12px);
	margin: 2px 0 10px 0;
}
.ui-dialog select {
	width: 100%;
	margin: 6px 0 10px 0;
}
.ui-dialog button {
	border-radius: 4px;
}
.ui-dialog #dvContact {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.ui-dialog #dvContact .contactitem {
	float: inherit;
	width: calc(100% - 10px);
}
@media (min-width: 501px) and (max-width: 1270px), (min-width: 1271px) {
	.ui-dialog #dvContact .contactitem > .name,
	.ui-dialog #dvContact .contactitem > .number,
	.ui-dialog #dvContact .contactitem > .extrainfo {
		width: calc(100% - 96px);
	}
}
.ui-dialog #dvContact .contactitem > .extrainfo {
	font-size: 13px;
	margin-top: 5px;
}
.start_call_dlg input[type="text"] {
	display: block;
}
.start_call_dlg select:not([is=wdf-select2]) {
	display: block;
}
.start_call_dlg .select2 {
	width: 100%;
}
.ui-message {
	margin-bottom: 10px;
	box-shadow: 2px 2px 10px 0px rgba(29, 5, 64, 0.2);
}
.ui-button {
	background: unset !important;
	background-color: #f4f3f3 !important;
	border: 1px solid #a5d68a !important;
	cursor: pointer;
	margin-top: 2px;
	border-radius: 2px;
	color: #212121 !important;
	margin-bottom: 20px;
}
.ui-button:hover {
	background-color: #a5d68a !important;
	border: 1px solid #a5d68a !important;
}
.ui-selectmenu-button .ui-selectmenu-text {
	padding: 0.35em 2.1em 0.35em 1em !important;
}
.ui-autocomplete .ui-menu-item {
	padding: 3px;
}
.ui-autocomplete .ui-menu-item a {
	display: block;
	text-decoration: none;
}
.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.content {
	margin: auto;
}
@media (min-width: 1271px) {
	.content {
		width: 1260px;
	}
}
@media (min-width: 501px) and (max-width: 1270px), (max-width: 500px) {
	.content {
		width: 99%;
	}
}
.content .copytoclipboardbutton {
	color: #aaa;
	margin-left: 6px;
	margin-right: 6px;
}
.content .contentpanel {
	border: 1px solid rgba(54, 64, 74, 0.08);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-clip: padding-box;
	margin-bottom: 20px;
	background-color: #f4f3f3;
	margin-right: 0px;
	float: left;
	width: 100%;
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	.content .contentpanel {
		padding: 20px;
	}
}
@media (max-width: 500px) {
	.content .contentpanel {
		padding: 10px;
	}
}
.content .contentpanel > h1 {
	margin: 0 0 14px 0;
	font-size: 16px;
	color: #6B6B6B;
}
.content .contentpanel img {
	max-width: 200px;
	max-height: 200px;
}
.content .contentpanel .intro {
	color: #aaa;
}
.content .contentpanel.panel100 {
	min-height: 130px;
	margin-right: 20px;
}
@media (min-width: 1271px) {
	.content .contentpanel.panel100 {
		width: calc(100% - 20px);
	}
}
@media (min-width: 1271px) {
	.content .contentpanel.panel100.last-in-row {
		width: 100%;
		margin-right: 0px;
	}
}
.content .contentpanel.panel75 {
	min-height: 130px;
	margin-right: 20px;
}
@media (min-width: 1271px) {
	.content .contentpanel.panel75 {
		width: calc(75% - 20px);
	}
}
@media (min-width: 1271px) {
	.content .contentpanel.panel75.last-in-row {
		width: 75%;
		margin-right: 0px;
	}
}
.content .contentpanel.panel50 {
	min-height: 130px;
	margin-right: 20px;
}
@media (min-width: 1271px) {
	.content .contentpanel.panel50 {
		width: calc(50% - 20px);
	}
}
@media (min-width: 1271px) {
	.content .contentpanel.panel50.last-in-row {
		width: 50%;
		margin-right: 0px;
	}
}
.content .contentpanel.panel33 {
	min-height: 130px;
	margin-right: 20px;
}
@media (min-width: 1271px) {
	.content .contentpanel.panel33 {
		width: calc(33.3% - 20px);
	}
}
@media (min-width: 1271px) {
	.content .contentpanel.panel33.last-in-row {
		width: 33.3%;
		margin-right: 0px;
	}
}
.content .contentpanel.panel25 {
	min-height: 130px;
	margin-right: 20px;
}
@media (min-width: 1271px) {
	.content .contentpanel.panel25 {
		width: calc(25% - 20px);
	}
}
@media (min-width: 1271px) {
	.content .contentpanel.panel25.last-in-row {
		width: 25%;
		margin-right: 0px;
	}
}
#page_header {
	background-color: rgba(33, 112, 0, 0.9);
	left: 0;
	top: 0;
	width: 100%;
	position: fixed;
	z-index: 99;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	#page_header {
		height: 110px;
	}
}
@media (max-width: 500px) {
	#page_header {
		height: 72px;
	}
}
#page_header #support_hint {
	border-radius: 4px;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 15px;
	margin-left: 10%;
	background-color: yellow;
	padding: 10px 25px;
	box-shadow: 0px 0px 9px 0px #5f5c63;
}
#page_header #support_hint .closebtn {
	text-decoration: none;
	font-size: smaller;
	vertical-align: super;
}
#page_header .logo {
	background: url("/nc202507291500/res/sprites.png") 0 -215px;
	height: 63px;
	margin-top: 5px;
	display: inline-block;
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	#page_header .logo {
		width: 300px;
	}
}
@media (max-width: 500px) {
	#page_header .logo {
		width: 64px;
		margin-left: 55px;
	}
}
#page_header .logo.de {
	background-position: 0 0;
}
#page_header .userinfo {
	color: #ffffff;
	text-align: right;
	width: 250px;
}
@media (min-width: 1271px) {
	#page_header .userinfo {
		top: 10px;
		float: right;
		position: relative;
	}
}
@media (min-width: 501px) and (max-width: 1270px) {
	#page_header .userinfo {
		top: 10px;
		position: absolute;
		float: right;
		right: 7px;
	}
}
@media (max-width: 500px) {
	#page_header .userinfo {
		top: 5px;
		position: fixed;
		right: 6px;
	}
}
#page_header .userinfo a {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}
#page_header .userinfo a:hover {
	text-decoration: underline;
}
#page_header .userinfo .avatar {
	float: right;
	height: 58px;
	margin: 0 6px 0 8px;
	border: 1px solid #BFBFBF;
	border-radius: 29px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	box-shadow: 2px 2px 10px 0px rgba(29, 5, 64, 0.2);
}
#page_header .userinfo .avatar:hover {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}
#page_header .userinfo .proicon {
	position: absolute;
	right: -5px;
	top: -5px;
	background: url("/nc202507291500/res/sprites.png") 0 -134px;
	display: inline-block;
	width: 27px;
	height: 15px;
}
#page_header .userfullname {
	font-size: 14px;
	max-width: 170px;
	display: table-cell;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	#page_header .menu {
		position: absolute;
		top: 83px;
	}
}
@media (max-width: 500px) {
	#page_header .menu {
		display: none;
	}
}
@media (min-width: 501px) and (max-width: 1270px) {
	#page_header .menu > ul > li > a > .label {
		display: none;
	}
}
#page_header .menu ul {
	list-style: none outside none;
	margin: 0 0 5px;
	padding-left: 0;
	position: relative;
}
#page_header .menu ul.dropdown {
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 999;
	top: 100%;
	width: 200px;
	left: 0;
	border: 2px solid #62a83a;
	background-color: #fff;
	box-shadow: 4px 4px 10px rgba(29, 5, 64, 0.32);
	border-radius: 0 0 4px 4px;
}
#page_header .menu ul.dropdown li {
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
	list-style: none;
	display: block;
}
#page_header .menu ul.dropdown li a {
	color: #000;
	display: block;
	font-size: 14px;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-right: 0px;
}
#page_header .menu ul.dropdown li a:hover {
	color: #ffffff;
}
#page_header .menu ul:not(.dropdown) > li > a {
	border-radius: 3px 3px 0 0;
}
#page_header .menu li {
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
}
#page_header .menu li a {
	float: left;
	font-size: 17px !important;
	color: #ffffff;
	text-decoration: none;
	height: 27px;
	padding-right: 4px;
}
#page_header .menu li a:hover {
	background-color: #62a83a;
}
#page_header .menu li .label {
	display: inline-block;
	margin-top: 1px;
	padding: 0 9px 0 4px;
	vertical-align: middle;
	cursor: pointer;
}
#page_header .menu li .icon {
	display: inline-block;
	height: 17px;
	width: 17px;
	background: url("/nc202507291500/res/sprites.png") 0 -90px;
	vertical-align: middle;
	transition: all 0s;
}
@media (min-width: 1271px) {
	#page_header .menu li .icon {
		margin: 0 2px 0 16px;
	}
}
@media (min-width: 501px) and (max-width: 1270px) {
	#page_header .menu li .icon {
		margin: 0 10px 0 16px;
	}
}
#page_header .menu li i.fa,
#page_header .menu li .svg-inline--fa {
	display: inline-block;
	vertical-align: middle;
	transition: all 0s;
}
@media (min-width: 1271px) {
	#page_header .menu li i.fa,
	#page_header .menu li .svg-inline--fa {
		margin: 0 0 0 10px;
	}
}
@media (min-width: 501px) and (max-width: 1270px) {
	#page_header .menu li i.fa,
	#page_header .menu li .svg-inline--fa {
		margin: 0 10px 0 16px;
	}
}
#page_header .menu li i.fa.fa-caret-down,
#page_header .menu li .svg-inline--fa.fa-caret-down {
	margin: 0 4px 0 2px;
}
#page_header .menu li.current i.fa,
#page_header .menu li.current .svg-inline--fa {
	color: #6B6B6B;
}
#page_header .menu li.current > a {
	background-color: #fff;
	color: #000;
}
#page_header .menu li.focused {
	background-color: #62a83a;
	border-radius: 3px 3px 0 0;
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	#page_header #btn_menu {
		display: none;
	}
}
@media (max-width: 500px) {
	#page_header #btn_menu {
		font-size: 32px;
		padding: 0;
		display: inline-block;
		height: 50px;
		margin-left: 3px;
		margin-top: 11px;
		position: fixed;
		width: 50px;
	}
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	#inline_menu {
		display: none;
	}
}
@media (max-width: 500px) {
	#inline_menu {
		display: none;
		position: fixed;
		width: 100%;
		background-color: rgba(33, 112, 0, 0.9);
		z-index: 99999;
	}
	#inline_menu.visible {
		display: block;
		margin-top: -20px;
	}
	#inline_menu ul {
		padding: 0 15px;
		list-style: none outside none;
	}
	#inline_menu ul li {
		line-height: 32px;
	}
	#inline_menu ul li .label {
		margin: 0 4px;
		font-size: 16px;
	}
	#inline_menu ul.dropdown {
		margin: 0 0 0 20px;
		padding: 0;
		display: none;
		width: 200px;
	}
	#inline_menu ul.dropdown li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
	}
	#inline_menu ul.dropdown li a {
		display: block;
		width: 100%;
	}
	#inline_menu a {
		color: #ffffff;
		text-decoration: none;
	}
}
#page_content {
	width: 100%;
	min-height: 650px;
	margin-bottom: 30px;
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	#page_content {
		margin-top: 140px;
	}
}
@media (max-width: 500px) {
	#page_content {
		margin-top: 92px;
		padding: 0 10px;
		width: unset;
	}
}
#page_content .caption {
	font-size: 22px;
}
#page_content .intro {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #444444;
}
#page_content #aiwelcomeintro li {
	margin-bottom: 4px;
}
#page_content .table {
	width: 100%;
}
#page_content .table .pager {
	margin-top: 5px;
	text-align: center;
}
#page_content img.avatar {
	width: 65px;
	border-radius: 100%;
	box-shadow: 2px 2px 10px 0px rgba(29, 5, 64, 0.2);
}
#page_content #scrollloader_overlay_anim {
	display: none;
	padding: 10px;
	width: 32px;
	margin: auto;
}
#page_content #scrollloader_overlay_anim i.fa,
#page_content #scrollloader_overlay_anim .svg-inline--fa {
	color: #aaa;
}
#page_content .leaflet-container {
	z-index: 0;
	border-radius: 6px;
}
@media (min-width: 501px) and (max-width: 1270px), (min-width: 1271px) {
	#page_content .leaflet-container {
		float: right;
	}
}
@media (max-width: 500px) {
	#page_content .leaflet-container {
		width: 100% !important;
	}
}
#page_content .devicedetailsinfo {
	display: block;
	float: right;
	padding-top: 60px;
}
#page_content .linedetails,
#page_content .devicedetails,
#page_content .userdetailsinfo,
#page_content .devicedetailsinfo {
	width: 300px;
	padding-left: 50px;
}
#page_content .linedetails label,
#page_content .devicedetails label,
#page_content .userdetailsinfo label,
#page_content .devicedetailsinfo label {
	color: #6B6B6B;
}
#page_content .linedetails span,
#page_content .devicedetails span,
#page_content .userdetailsinfo span,
#page_content .devicedetailsinfo span {
	display: block;
	margin: 0 0 6px 6px;
}
#page_footer {
	background-color: #217000;
	color: #ffffff;
	margin-top: 150px;
	padding-bottom: 50px;
	background-color: rgba(33, 112, 0, 0.9);
	width: 100%;
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	#page_footer {
		font-size: 14px;
	}
}
@media (max-width: 500px) {
	#page_footer {
		font-size: 16px;
		width: unset;
	}
}
#page_footer .content {
	margin: 50px auto 0;
	padding-top: 50px;
}
@media (min-width: 1271px) {
	#page_footer .content {
		width: 1260px;
	}
}
#page_footer span {
	display: inline-block;
}
#page_footer a {
	color: #ffffff;
	text-decoration: none;
}
#page_footer a:hover {
	text-decoration: underline;
}
#page_footer .copyright {
	padding-top: 40px;
	text-align: center;
}
#page_footer .links {
	width: 95%;
	margin: auto;
}
#page_footer .links .links_block {
	float: left;
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	#page_footer .links .links_block {
		width: 23%;
	}
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	#page_footer .links .links_block:nth-child(1),
	#page_footer .links .links_block:nth-child(2) {
		width: 30%;
	}
}
@media (min-width: 1271px), (min-width: 501px) and (max-width: 1270px) {
	#page_footer .links .links_block:nth-child(3),
	#page_footer .links .links_block:nth-child(4) {
		width: 20%;
	}
}
@media (max-width: 500px) {
	#page_footer .links .links_block {
		width: 100%;
		display: inline-block;
	}
}
#page_footer .links .links_block span {
	display: block;
	font-weight: bold;
}
#page_footer .links .links_block ul {
	list-style: none outside none;
	padding-left: 16px;
	padding-top: 5px;
	margin: 0;
}
#page_footer .links .links_block ul li {
	line-height: 24px;
	vertical-align: top;
}
#page_footer .awards {
	width: 100%;
	margin: 40px auto 0;
}
#page_footer .awards .award {
	text-align: center;
}
@media (min-width: 1271px) {
	#page_footer .awards .award {
		width: 33%;
	}
	#page_footer .awards .award img {
		vertical-align: middle;
	}
}
@media (min-width: 501px) and (max-width: 1270px) {
	#page_footer .awards .award {
		width: 19.5%;
	}
}
@media (max-width: 500px) {
	#page_footer .awards .award {
		width: 100%;
		display: inline-block;
	}
}
#page_footer .small_footer {
	text-align: center;
}
#page_footer .small_footer > * {
	margin: 5px;
}
.soc {
	background: url("/nc202507291500/res/sprites.png") 0 0;
	width: 23px;
	height: 23px;
	float: left;
	margin-right: 5px;
}
.soc.fb,
.soc.facebook {
	background-position: 0 -65px;
}
.soc.gp,
.soc.google {
	background-position: -23px -65px;
}
.soc.tw,
.soc.twitter {
	background-position: -46px -65px;
}
.soc.in,
.soc.linked {
	background-position: -69px -65px;
}
.soc.sf,
.soc.salesforce {
	background-position: -92px -65px;
	width: 34px;
}
.soc.sg,
.soc.sipgate {
	background-position: -118px -277px;
	width: 20px;
}
.soc.pt,
.soc.placetel {
	background-position: -138px -278px;
	width: 20px;
	height: 22px;
	margin-top: 1px;
}
.soc.hs,
.soc.hubspot {
	background-position: -150px -65px;
	width: 24px;
	height: 25px;
}
.soc.pd,
.soc.pipedrive {
	background-position: -180px -278px;
	width: 18px;
	height: 20px;
}
.soc.zo,
.soc.zoho {
	background-position: -257px -278px;
	width: 20px;
	margin-top: 1px;
}
.soc.twilio {
	background-position: -99px -300px;
}
.soc.bx,
.soc.bitrix {
	background-position: -197px -299px;
	width: 18px;
	height: 20px;
}
.soc.we,
.soc.webex {
	background-position: -256px -299px;
	width: 22px;
	height: 20px;
}
.soc.so,
.soc.superoffice {
	background-position: -277px -299px;
	width: 22px;
	height: 20px;
}
.soc.rc,
.soc.ringcentral {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889931394/origins/ringcentral.png');
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.soc.zammad {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889935502/origins/zammad.png');
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.soc.zoom {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889924263/origins/zoom.png');
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.soc.microsoft,
.soc.microsoftapp {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889924442/origins/microsoft.svg');
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.soc.nfon {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889931387/origins/nfon.png');
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.socdel {
	background-color: transparent;
	border: 1px solid transparent;
	color: #fff !important;
	font-size: 15px;
	font-weight: bold;
	height: 37px;
	padding: 8px 9px;
	margin-top: 7px;
	margin-bottom: 0px;
}
.socdel:hover {
	color: black !important;
	background-color: white !important;
	border: 1px solid black !important;
	opacity: 0.5;
}
button[data-provider] {
	height: 40px;
	padding: 5px;
	margin: 5px;
	color: white;
	font-weight: bold;
	clear: both;
	cursor: pointer;
	font-size: 15px;
	border-radius: 4px;
	vertical-align: top;
	min-width: 140px;
}
button[data-provider] i.fa,
button[data-provider] .svg-inline--fa {
	font-size: 22px;
	float: left;
}
button[data-provider] .lab {
	float: left;
	padding-left: 4px;
}
button[data-provider="facebook"] {
	background-color: #325191;
	border: 1px solid #284070;
}
button[data-provider="twitter"] {
	background-color: #31BBEA;
	border: 1px solid #2692B8;
}
button[data-provider="google"] {
	font-family: 'Roboto';
	background-color: #4285F4;
	border: 1px solid #eee;
	padding: 0;
}
button[data-provider="google"] img {
	float: left;
	height: 38px;
}
button[data-provider="google"] .lab {
	padding: 11px 8px 0 10px;
	font-size: 14px;
}
button[data-provider="linkedin"] {
	background-color: #6EB3D5;
	border: 1px solid #0074B1;
}
button[data-provider="salesforce"] {
	background-color: #106A8E;
	border: 1px solid #0074B1;
}
button[data-provider="sipgate"] {
	background-color: #106A8E;
	border: 1px solid #0074B1;
}
button[data-provider="placetel"] {
	background-color: #049fd9;
	border: 1px solid #008dc7;
}
button[data-provider="amazon"] {
	background-color: #152939;
	border: 1px solid #425973;
}
button[data-provider="hubspot"] {
	background-color: #455E77;
	border: 1px solid #2e3f50;
}
button[data-provider="pipedrive"] {
	background-color: #26292c;
	border: 1px solid #747678;
}
button[data-provider="zoho"] {
	background-color: #666;
	border: 1px solid #313949;
}
button[data-provider="twilio"] {
	background-color: #fe8282;
	border: 1px solid #ff3e3e;
}
button[data-provider="bitrix"] {
	background-color: #32c1f6;
	border: 1px solid #32c1f6;
}
button[data-provider="webex"] {
	background-color: #222;
	border: 1px solid #282828;
}
button[data-provider="superoffice"] {
	background-color: #eee;
	border: 1px solid #0a5e58;
	color: #666666;
}
button[data-provider="ringcentral"] {
	background-color: #0684bc;
	border: 1px solid #095d81;
}
button[data-provider="zammad"] {
	background-color: #323233;
	border: 1px solid #564520;
	color: #fc0;
}
button[data-provider="zoom"] {
	background-color: #b4d0f8;
	border: 1px solid #0b5cff;
	color: #0b5cff;
}
button[data-provider="nfon"] {
	background-color: #3200c82c;
	border: 1px solid #260099;
	color: #000;
}
button[data-provider="microsoft"],
button[data-provider="microsoftapp"] {
	background-color: #e6e6e6;
	border: 1px solid #c2c2c2;
	color: #363636;
}
button[data-provider="facebook"]:hover {
	background-color: #284070;
}
button[data-provider="twitter"]:hover {
	background-color: #2692B8;
}
button[data-provider="google"]:hover {
	background-color: #4285F4;
}
button[data-provider="linkedin"]:hover {
	background-color: #0074B1;
}
button[data-provider="salesforce"]:hover {
	background-color: #2B87AD;
}
button[data-provider="sipgate"]:hover {
	background-color: #2B87AD;
}
button[data-provider="placetel"]:hover {
	background-color: #64bbe3;
}
button[data-provider="amazon"]:hover {
	background-color: #425973;
}
button[data-provider="hubspot"]:hover {
	background-color: #2e3f50;
}
button[data-provider="pipedrive"]:hover {
	background-color: #747678;
}
button[data-provider="zoho"]:hover {
	background-color: #313949;
}
button[data-provider="twilio"]:hover {
	background-color: #ff3e3e;
}
button[data-provider="bitrix"]:hover {
	background-color: #2fc7f7;
}
button[data-provider="webex"]:hover {
	background-color: #282828;
}
button[data-provider="superoffice"]:hover {
	background-color: #7dc6bf;
}
button[data-provider="ringcentral"]:hover {
	background-color: #23bbff;
}
button[data-provider="zammad"]:hover {
	background-color: #564520;
}
button[data-provider="zoom"]:hover {
	background-color: #dce9fc;
}
button[data-provider="nfon"]:hover {
	background-color: #3200c894;
}
button[data-provider="microsoft"]:hover,
button[data-provider="microsoftapp"]:hover {
	background-color: #d6d6d6;
}
.calldirectionicon {
	margin-left: 6px;
	margin-right: 6px;
	font-size: 12px;
	float: left;
}
h1 .calldirectionicon {
	margin-left: 0px;
	margin-top: 4px;
	margin-right: 8px;
	font-size: 14px;
}
.calldirectionicon svg.missed,
.calldirectionicon i.missed {
	--fa-primary-color: #cc3300;
	--fa-secondary-color: #e63900;
}
.calldirectionicon svg.success,
.calldirectionicon i.success {
	--fa-primary-color: green;
	--fa-secondary-color: #009a00;
}
.calldirectionicon svg.blocked,
.calldirectionicon i.blocked {
	--fa-primary-color: #cc3300;
}
.calldirectioniconinline {
	width: 16px;
	height: 19px;
	display: inline-block;
	transform: scale(0.8);
	vertical-align: bottom;
}
.extrainfoicon {
	opacity: 0.5;
	filter: grayscale(80%);
	margin-bottom: 1px;
}
.infobar {
	margin: auto;
}
@media (max-width: 500px) {
	.infobar {
		width: 315px;
	}
}
.infopanel {
	background-color: #f4f3f3;
	margin: 0 12px 20px 12px;
	color: #444444;
	float: left;
	border-radius: 4px;
	-moz-transition: all 0.5s !important;
	-webkit-transition: all 0.5s !important;
	-o-transition: all 0.5s !important;
	transition: all 0.5s !important;
}
@media (max-width: 500px) {
	.infopanel:not(.infochart) {
		width: calc(100% - 20px);
	}
}
@media (min-width: 1271px) {
	.infopanel:not(.infochart) {
		width: 290px;
	}
}
@media (min-width: 501px) and (max-width: 1270px) {
	.infopanel:not(.infochart) {
		width: 228px;
	}
}
.infopanel:hover {
	background-color: #a5d68a;
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	box-shadow: 0px 0px 10px rgba(29, 5, 64, 0.32);
}
.infopanel[data-report] td {
	cursor: pointer;
}
.infopanel .title {
	font-size: 20px;
	line-height: 20px;
	padding: 2px 0 0 4px;
}
.infopanel .cnt,
.infopanel .dur {
	font-size: 16px;
	text-align: right;
	padding: 4px 10px;
}
@media (max-width: 500px), (min-width: 1271px) {
	.infopanel .cnt,
	.infopanel .dur {
		min-width: 92px;
	}
}
@media (min-width: 501px) and (max-width: 1270px) {
	.infopanel .cnt,
	.infopanel .dur {
		min-width: 64px;
	}
}
.infochart {
	background-color: #fff;
	margin-left: 40px;
}
.table .td {
	vertical-align: top;
}
.table.ui-widget {
	border: 0px !important;
}
.table.ui-widget .tr .td:first-of-type {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.table.ui-widget .tr .td:last-of-type {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.table.ui-widget .thead.ui-widget-header {
	border: unset;
	background: rgba(191, 191, 191, 0.4);
}
.table.ui-widget .tbody .tr:nth-child(even) {
	background-color: #f4f3f3;
}
.table.ui-widget .tbody .tr:nth-child(odd) {
	background-color: transparent;
}
.table.ui-widget .td {
	padding: 5px;
}
.table.ui-widget a {
	cursor: pointer;
}
.listing .thead .tr .td {
	border-bottom: 1px solid #f4f3f3;
	padding-bottom: 2px;
	margin-bottom: 14px;
}
.listing .tbody .tr:nth-child(odd) {
	background-color: #f4f3f3;
}
.starface_instances,
.fritzbox_instances,
.subscriptions {
	margin-bottom: 20px;
}
.starface_instances .tbody .tr.oddrow,
.fritzbox_instances .tbody .tr.oddrow,
.subscriptions .tbody .tr.oddrow {
	background-color: #f4f3f3 !important;
}
.oddrow {
	background-color: #f4f3f3;
}
.evenrow {
	background-color: transparent;
}
.numberbtn {
	line-height: 22px;
	display: inline-block;
	padding-bottom: 16px;
}
@media (min-width: 501px) and (max-width: 1270px), (min-width: 1271px) {
	.numberbtn {
		margin-top: -6px;
		white-space: nowrap;
	}
}
.numberbtn .flag {
	margin-right: 8px;
	margin-top: 4px;
}
.phnr {
	display: inline-block;
	margin: 0 5px;
	border-radius: 4px;
}
.phnr .numberrole {
	margin-left: 8px;
	color: #aaa;
	font-weight: normal;
	font-size: 14px;
}
.contacts_page.details_subpage a > .phnr,
.history_page.details_subpage a > .phnr {
	display: inline-block;
	margin: 0 0;
	background-color: #f4f3f3;
	border: 1px solid #a5d68a;
	padding: 5px 18px;
	cursor: pointer;
}
@media (min-width: 1271px) {
	.contacts_page.details_subpage a > .phnr,
	.history_page.details_subpage a > .phnr {
		min-width: 616px;
	}
}
@media (min-width: 501px) and (max-width: 1270px) {
	.contacts_page.details_subpage a > .phnr,
	.history_page.details_subpage a > .phnr {
		min-width: 300px;
	}
}
@media (max-width: 500px) {
	.contacts_page.details_subpage a > .phnr,
	.history_page.details_subpage a > .phnr {
		min-width: 300px;
	}
}
@media (min-width: 1271px) {
	.contacts_page.details_subpage a > .phnr {
		min-width: 720px;
	}
}
.contacts_page.details_subpage a > .phnr:hover,
.history_page.details_subpage a > .phnr:hover {
	background-color: #a5d68a;
	border: 1px solid #a5d68a;
	box-shadow: 0px 0px 10px rgba(29, 5, 64, 0.32);
}
.phnr .flag {
	border-radius: 8px;
}
.datasetnoteitem {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 3px;
	margin-bottom: 10px;
	border-radius: 4px;
}
.datasetnoteitem:nth-child(odd) {
	background-color: #f4f3f3;
}
.datasetnoteitem:hover {
	background-color: #a5d68a;
}
.datasetnoteitem.interactive {
	cursor: pointer;
}
.datasetnoteitem.unseen {
	font-weight: bold;
}
.datasetnoteitem .notecontent {
	width: 100%;
}
.datasetnoteitem .title {
	color: #6B6B6B;
	display: inline-block;
	margin-bottom: 4px;
	font-size: 12px;
}
.datasetnoteitem .calldirectionicon {
	margin-left: 0px;
	margin-right: 4px;
}
.datasetnoteitem .reference img {
	height: 19px;
	margin-right: 5px;
	float: left;
}
.datasetnoteitem .reference .role {
	color: #aaa;
	margin-left: 4px;
}
.datasetnoteitem .body {
	float: left;
}
.datasetnoteitem .avatar {
	float: left;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
@media (max-width: 500px) {
	.datasetnoteitem .avatar {
		width: 20px !important;
		height: 20px;
		border-radius: 10px !important;
		margin: 2px 8px 2px 2px;
	}
}
@media (min-width: 501px) and (max-width: 1270px), (min-width: 1271px) {
	.datasetnoteitem .avatar {
		margin: 6px 10px 6px 6px;
		height: 65px;
	}
}
.datasetnoteitem:hover .avatar {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}
.datasetnoteitem .deletebtn {
	padding: 2px 4px;
}
.addnote {
	width: 100%;
	margin-bottom: 10px;
	clear: both;
}
.addnote textarea {
	width: 99%;
	resize: vertical;
	border-radius: 4px;
	height: 80px;
}
.addnote .linkableselect,
.addnote .userselect {
	display: block;
	width: 100%;
	font-size: small;
	border-radius: 4px;
	color: #444444;
}
.addnote .linkableselect.ui-autocomplete-input,
.addnote .userselect.ui-autocomplete-input {
	width: calc(100% - 12px);
}
.addnote *[type="submit"] {
	float: right;
}
.google_vis {
	border: 0 !important;
}
.google_vis .loading {
	background-color: transparent !important;
	opacity: 0.4;
}
.gvgauge {
	margin-left: 4px;
}
.nodatamessage {
	display: block;
	text-align: center;
	padding-top: 10px;
}
.toolbar {
	margin-bottom: 10px;
	text-align: right;
}
.toolbar label {
	margin-right: 14px;
	cursor: pointer;
}
.toolbar select {
	margin-right: 14px;
}
.toolbar .select2 {
	text-align: left;
}
.toolbar input[type="button"],
.toolbar input[type="submit"],
.toolbar button:not(.socdel) {
	margin-left: 5px;
}
.toolbar a[onclick] {
	margin-top: 7px;
	display: inline-block;
}
.toolbar a[onclick]:not(:last-child) {
	margin-right: 10px;
}
.rules_page .toolbar,
.editreport_subpage .toolbar {
	margin: 0;
	padding: 0;
}
.rules_page .toolbar a,
.editreport_subpage .toolbar a {
	margin-right: 20px;
}
.rules_page .toolbar > *:last-child,
.editreport_subpage .toolbar > *:last-child {
	margin-right: 0;
}
.in-progress.ringing {
	color: #cc3300;
}
.in-progress.connected {
	color: #519f26;
}
.callbtn {
	background-color: #f4f3f3;
	border: 1px solid #a5d68a;
	cursor: pointer;
	padding: 7px 10px 7px 10px;
	margin-left: -2px;
	border-radius: 4px;
}
.callbtn:hover {
	background-color: #a5d68a;
	box-shadow: 0px 0px 10px rgba(29, 5, 64, 0.32);
}
.groupheader {
	clear: both;
	border-bottom: 1px solid #f4f3f3;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 14px;
	padding-bottom: 2px;
	margin-top: 20px;
}
.fullwidthsel {
	display: block;
}
.addons_page.settings_subpage .toolbar,
.addons_page.install_subpage .toolbar {
	margin-top: 20px;
}
.addons_page.settings_subpage input[type="text"],
.addons_page.install_subpage input[type="text"],
.addons_page.settings_subpage input[type="password"],
.addons_page.install_subpage input[type="password"],
.addons_page.settings_subpage input[type="email"],
.addons_page.install_subpage input[type="email"] {
	width: calc(100% - 12px);
}
.addons_page.settings_subpage input[type="button"]:not(:last-child),
.addons_page.install_subpage input[type="button"]:not(:last-child),
.addons_page.settings_subpage button:not(.socdel):not([data-provider]):not(:last-child),
.addons_page.install_subpage button:not(.socdel):not([data-provider]):not(:last-child) {
	margin-right: 10px !important;
}
.cleanup_subpage .field.oneline {
	margin-bottom: 10px;
}
.addonbubbles {
	display: flex;
	justify-content: center;
	margin: 20px auto;
}
@media (min-width: 501px) and (max-width: 1270px), (min-width: 1271px) {
	.addonbubbles {
		width: 50%;
	}
}
@media (max-width: 500px) {
	.addonbubbles {
		width: 90%;
	}
}
.addonbubbles div {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	border: 1px solid #BFBFBF;
	-moz-transition: all 0.5s !important;
	-webkit-transition: all 0.5s !important;
	-o-transition: all 0.5s !important;
	transition: all 0.5s !important;
}
@media (min-width: 501px) and (max-width: 1270px), (min-width: 1271px) {
	.addonbubbles div {
		width: 220px;
		height: 220px;
	}
}
@media (max-width: 500px) {
	.addonbubbles div {
		width: 120px;
		height: 120px;
	}
}
@media (min-width: 501px) and (max-width: 1270px), (min-width: 1271px) {
	.addonbubbles div img {
		max-width: 140px;
		max-height: 140px;
	}
}
@media (max-width: 500px) {
	.addonbubbles div img {
		max-width: 80px;
		max-height: 80px;
	}
}
@media (min-width: 501px) and (max-width: 1270px), (min-width: 1271px) {
	.addonbubbles div.addonbubble img {
		width: 160px;
	}
}
@media (max-width: 500px) {
	.addonbubbles div.addonbubble img {
		width: 100px;
	}
}
.addonbubbles div.phonemondobubble {
	position: relative;
	left: -20px;
	background-color: white;
}
.addonbubbles div:hover {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	background-color: #a5d68a;
}
.welcome_page button {
	margin: 0 auto;
	display: block;
}
.qr.android {
	float: left;
	margin-right: 10px;
	width: 90px;
}
@media print {
	.no-print,
	.no-print *,
	.filterbar {
		display: none !important;
	}
	#page_content {
		margin-top: 0;
		margin-bottom: 0;
	}
}
.pp {
	page-break-inside: avoid;
	position: relative;
	padding: 2cm;
	padding-bottom: 0cm;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.pp .h {
	clear: both;
	overflow: hidden;
	font-size: 15px;
}
.pp .h .pp_h_proto {
	display: block;
	height: 3cm;
}
.pp .h .pp_h_proto img {
	float: right;
	height: 100%;
	margin-left: 0.5cm;
}
.pp .c {
	margin: 20px 0 20px 0;
	flex: 1;
}
.pp .f {
	clear: both;
	overflow: hidden;
	font-size: 14px;
}
.pp .f .pp_f_proto {
	display: block;
	color: #aaa;
}
.pp .f .pp_f_proto table {
	padding-bottom: 40px;
}
.pp .f .pp_f_proto table td {
	vertical-align: top;
	width: 33%;
}
.pp .pcnt {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 5cm;
	text-align: center;
}
.pp h2,
.pp h3,
.pp h4,
.pp h5 {
	font-size: 16px;
}
.pp_h_proto,
.pp_f_proto {
	display: none;
}
.mail_changer {
	display: none;
}
.mail_changer #tbMail {
	width: 500px;
}
.callnotificationpopup {
	position: fixed;
	width: 530px;
	height: 150px;
	box-shadow: 0px 12px 20px rgba(29, 5, 64, 0.32);
	z-index: 100;
	border-radius: 10px;
}
.callnotificationpopup iframe {
	border: none;
	width: 100%;
	height: 100%;
	border-radius: 8px;
}
.reportitem,
.tokenitem,
.dialcodeitem {
	padding: 10px;
	display: inline-block;
	width: calc(100% - 20px);
	border-radius: 4px;
}
.reportitem > div,
.tokenitem > div,
.dialcodeitem > div {
	display: inline-block;
}
.reportitem .actions,
.tokenitem .actions,
.dialcodeitem .actions {
	float: right;
}
.reportitem .actions a,
.tokenitem .actions a,
.dialcodeitem .actions a {
	margin-left: 15px;
}
.reportitem .details,
.tokenitem .details,
.dialcodeitem .details {
	display: block;
	float: left;
	font-size: 13px;
	color: #aaa;
	width: 100%;
	margin-top: 5px;
}
.reportitem:hover,
.tokenitem:hover,
.dialcodeitem:hover,
.reportitem.selected,
.tokenitem.selected,
.dialcodeitem.selected {
	background-color: #a5d68a;
}
.reportitem input,
.tokenitem input,
.dialcodeitem input {
	width: auto !important;
	margin: 0;
}
.reportitem button,
.tokenitem button,
.dialcodeitem button,
.reportitem input[type="button"],
.tokenitem input[type="button"],
.dialcodeitem input[type="button"] {
	margin: 0;
}
.dialcodeitem div {
	vertical-align: top;
}
.dialcodeitem .code {
	min-width: 50px;
	margin-right: 20px;
}
.dialcodeitem .label {
	width: 270px;
	margin-right: 20px;
}
.dialcodeitem .sources {
	color: #aaa;
	margin-right: 20px;
}
.tokenitem div {
	vertical-align: top;
}
.tokenitem .token {
	min-width: 270px;
	margin-right: 20px;
}
.tokenitem .label {
	width: 470px;
	margin-right: 20px;
}
.tokenitem .info {
	color: #aaa;
	width: 290px;
	margin-right: 20px;
}
.tokenitem .actions {
	float: unset;
}
.tokenlisting.starface .tokenitem .label {
	width: 380px;
	margin-right: 20px;
}
.tokenlisting.starface .tokenitem .info {
	color: #aaa;
	width: 290px;
	margin-right: 20px;
}
.tokenlisting.starface .tokenitem .actions {
	float: right;
}
.userprofileslisting .userprofileitem {
	padding: 6px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	cursor: default;
	border-radius: 4px;
}
.userprofileslisting .userprofileitem .app {
	display: inline-block;
	width: 140px;
	margin-right: 20px;
	vertical-align: top;
}
.userprofileslisting .userprofileitem .label {
	display: inline-block;
	width: 380px;
	margin-right: 20px;
	vertical-align: top;
}
.userprofileslisting .userprofileitem .info {
	display: inline-block;
	color: #aaa;
	width: 270px;
	margin-right: 20px;
	vertical-align: top;
}
.userprofileslisting .userprofileitem .actions {
	display: inline-block;
	color: #aaa;
	width: 30px;
	vertical-align: top;
}
.externaldata .extdata {
	display: inline-block;
	height: 18px;
	margin-right: 5px;
	vertical-align: middle;
	filter: grayscale(1) opacity(0.5);
	-moz-transition: filter 0.3s;
	-webkit-transition: filter 0.3s;
	-o-transition: filter 0.3s;
	transition: filter 0.3s;
}
.externaldata .extdata:hover {
	filter: unset;
}
.externaldata .extdata.salesforce {
	background: url("/nc202507291500/res/sprites.png") 0px -152px;
	width: 22px;
}
.externaldata .extdata.c-entron {
	background: url("/nc202507291500/res/sprites.png") -24px -152px;
	width: 11px;
}
.externaldata .extdata.sevdesk {
	background: url("/nc202507291500/res/sprites.png") -145px -150px;
	width: 14px;
	height: 20px;
	vertical-align: text-top;
}
.externaldata .extdata.placetel {
	background: url("/nc202507291500/res/sprites.png") 0px -300px;
	width: 16px;
}
.externaldata .extdata.sipgate {
	background: url("/nc202507291500/res/sprites.png") -120px -278px;
	width: 18px;
	height: 19px;
}
.externaldata .extdata.pipedrive {
	background: url("/nc202507291500/res/sprites.png") -180px -278px;
	width: 18px;
	height: 20px;
}
.externaldata .extdata.shopware {
	background: url("/nc202507291500/res/sprites.png") -160px -278px;
	width: 18px;
	height: 20px;
}
.externaldata .extdata.shopify {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889931024/origins/shopify.png');
	width: 18px;
	height: 18px;
	background-size: contain;
	background-repeat: no-repeat;
}
.externaldata .extdata.hubspot {
	background: url("/nc202507291500/res/sprites.png") -198px -278px;
	width: 18px;
	height: 20px;
}
.externaldata .extdata.zoho {
	background: url("/nc202507291500/res/sprites.png") -258px -278px;
	width: 18px;
	height: 20px;
}
.externaldata .extdata.meinbuero {
	background: url("/nc202507291500/res/sprites.png") -276px -278px;
	width: 20px;
	height: 20px;
}
.externaldata .extdata.orgamax {
	background: url("/nc202507291500/res/sprites.png") -119px -299px;
	width: 22px;
	height: 21px;
}
.externaldata .extdata.freshdesk {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889935938/origins/freshdesk.png');
	width: 17px;
	height: 17px;
	background-size: contain;
	background-repeat: no-repeat;
}
.externaldata .extdata.moco {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889940848/origins/moco.png');
	width: 17px;
	height: 17px;
	background-size: contain;
	background-repeat: no-repeat;
}
.externaldata .extdata.personio {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889934388/origins/personio.png');
	width: 17px;
	height: 17px;
	background-size: contain;
	background-repeat: no-repeat;
}
.externaldata .extdata.weclapp {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889939457/origins/weclapp.png');
	width: 17px;
	height: 17px;
	background-size: contain;
	background-repeat: no-repeat;
}
.externaldata .extdata.bitrix {
	background: url("/nc202507291500/res/sprites.png") -197px -299px;
	width: 18px;
	height: 20px;
}
.externaldata .extdata.odoo {
	background: url("/nc202507291500/res/sprites.png") -218px -300px;
	width: 20px;
	height: 20px;
}
.externaldata .extdata.zammad {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889935502/origins/zammad.png');
	width: 17px;
	height: 17px;
	background-size: contain;
	background-repeat: no-repeat;
}
.externaldata .tellowsinfo img {
	height: 36px;
	vertical-align: middle;
	margin-left: 10px;
	margin-bottom: 5px;
}
.tokenitem .icon,
.deviceitem .icon,
.devicedetails .icon,
.userprofileitem .icon {
	width: 18px;
	height: 20px;
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.tokenitem .icon.unknown,
.deviceitem .icon.unknown,
.devicedetails .icon.unknown,
.userprofileitem .icon.unknown {
	background: url("/nc202507291500/res/sprites.png") -80px -278px;
}
.tokenitem .icon.asterisk,
.deviceitem .icon.asterisk,
.devicedetails .icon.asterisk,
.userprofileitem .icon.asterisk {
	background: url("/nc202507291500/res/sprites.png") -60px -278px;
}
.tokenitem .icon.desktop,
.deviceitem .icon.desktop,
.devicedetails .icon.desktop,
.userprofileitem .icon.desktop,
.tokenitem .icon.edge,
.deviceitem .icon.edge,
.devicedetails .icon.edge,
.userprofileitem .icon.edge {
	background: url("/nc202507291500/res/sprites.png") -40px -278px;
}
.tokenitem .icon.android,
.deviceitem .icon.android,
.devicedetails .icon.android,
.userprofileitem .icon.android {
	background: url("/nc202507291500/res/sprites.png") -20px -278px;
}
.tokenitem .icon.icotok,
.deviceitem .icon.icotok,
.devicedetails .icon.icotok,
.userprofileitem .icon.icotok {
	background: url("/nc202507291500/res/sprites.png") 0 -278px;
}
.tokenitem .icon.starface,
.deviceitem .icon.starface,
.devicedetails .icon.starface,
.userprofileitem .icon.starface {
	background: url("/nc202507291500/res/sprites.png") -100px -278px;
}
.tokenitem .icon.sipgate,
.deviceitem .icon.sipgate,
.devicedetails .icon.sipgate,
.userprofileitem .icon.sipgate {
	background: url("/nc202507291500/res/sprites.png") -120px -278px;
}
.tokenitem .icon.placetel,
.deviceitem .icon.placetel,
.devicedetails .icon.placetel,
.userprofileitem .icon.placetel {
	background: url("/nc202507291500/res/sprites.png") 2px -298px;
}
.tokenitem .icon.shopware,
.deviceitem .icon.shopware,
.devicedetails .icon.shopware,
.userprofileitem .icon.shopware {
	background: url("/nc202507291500/res/sprites.png") -160px -278px;
}
.tokenitem .icon.pipedrive,
.deviceitem .icon.pipedrive,
.devicedetails .icon.pipedrive,
.userprofileitem .icon.pipedrive {
	background: url("/nc202507291500/res/sprites.png") -180px -278px;
}
.tokenitem .icon.hubspot,
.deviceitem .icon.hubspot,
.devicedetails .icon.hubspot,
.userprofileitem .icon.hubspot {
	background: url("/nc202507291500/res/sprites.png") -198px -278px;
}
.tokenitem .icon.zapier,
.deviceitem .icon.zapier,
.devicedetails .icon.zapier,
.userprofileitem .icon.zapier {
	background: url("/nc202507291500/res/sprites.png") -218px -278px;
}
.tokenitem .icon.browserext,
.deviceitem .icon.browserext,
.devicedetails .icon.browserext,
.userprofileitem .icon.browserext {
	background: url("/nc202507291500/res/sprites.png") -238px -278px;
}
.tokenitem .icon.reventix,
.deviceitem .icon.reventix,
.devicedetails .icon.reventix,
.userprofileitem .icon.reventix {
	background: url("/nc202507291500/res/sprites.png") -140px -299px;
}
.tokenitem .icon.chrome,
.deviceitem .icon.chrome,
.devicedetails .icon.chrome,
.userprofileitem .icon.chrome {
	background: url("/nc202507291500/res/sprites.png") -159px -300px;
}
.tokenitem .icon.firefox,
.deviceitem .icon.firefox,
.devicedetails .icon.firefox,
.userprofileitem .icon.firefox {
	background: url("/nc202507291500/res/sprites.png") -180px -300px;
}
.tokenitem .icon.bitrix,
.deviceitem .icon.bitrix,
.devicedetails .icon.bitrix,
.userprofileitem .icon.bitrix {
	background: url("/nc202507291500/res/sprites.png") -197px -299px;
}
.tokenitem .icon.salesforce,
.deviceitem .icon.salesforce,
.devicedetails .icon.salesforce,
.userprofileitem .icon.salesforce {
	background: url("/nc202507291500/res/sprites.png") 0px -152px;
	width: 22px;
	height: 18px;
}
.tokenitem .icon.odoo,
.deviceitem .icon.odoo,
.devicedetails .icon.odoo,
.userprofileitem .icon.odoo {
	background: url("/nc202507291500/res/sprites.png") -218px -300px;
	width: 20px;
	height: 20px;
}
.tokenitem .icon.macosapp,
.deviceitem .icon.macosapp,
.devicedetails .icon.macosapp,
.userprofileitem .icon.macosapp {
	background: url("/nc202507291500/res/sprites.png") -238px -300px;
}
.tokenitem .icon.moco,
.deviceitem .icon.moco,
.devicedetails .icon.moco,
.userprofileitem .icon.moco {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889940848/origins/moco.png');
	width: 17px;
	height: 17px;
	background-size: contain;
	background-repeat: no-repeat;
}
.tokenitem .icon.zoho,
.deviceitem .icon.zoho,
.devicedetails .icon.zoho,
.userprofileitem .icon.zoho {
	background: url("/nc202507291500/res/sprites.png") -258px -278px;
	width: 18px;
	height: 20px;
}
.tokenitem .icon.ringcentral,
.deviceitem .icon.ringcentral,
.devicedetails .icon.ringcentral,
.userprofileitem .icon.ringcentral {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889931394/origins/ringcentral.png');
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.tokenitem .icon.nfon,
.deviceitem .icon.nfon,
.devicedetails .icon.nfon,
.userprofileitem .icon.nfon {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889931387/origins/nfon.png');
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.tokenitem .icon.zoom,
.deviceitem .icon.zoom,
.devicedetails .icon.zoom,
.userprofileitem .icon.zoom {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889924263/origins/zoom.png');
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.tokenitem .icon.microsoft,
.deviceitem .icon.microsoft,
.devicedetails .icon.microsoft,
.userprofileitem .icon.microsoft,
.tokenitem .icon.microsoftapp,
.deviceitem .icon.microsoftapp,
.devicedetails .icon.microsoftapp,
.userprofileitem .icon.microsoftapp {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889924442/origins/microsoft.svg');
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.tokenitem .icon.nfon,
.deviceitem .icon.nfon,
.devicedetails .icon.nfon,
.userprofileitem .icon.nfon {
	background-image: url('//phonemondo.scavix.net/portal/res/nc1523889931387/origins/nfon.png');
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}
.tokenitem .icon.facebook,
.deviceitem .icon.facebook,
.devicedetails .icon.facebook,
.userprofileitem .icon.facebook {
	background: url("/nc202507291500/res/sprites.png") 0 -65px;
}
.tokenitem .icon.google,
.deviceitem .icon.google,
.devicedetails .icon.google,
.userprofileitem .icon.google {
	background: url("/nc202507291500/res/sprites.png") -23px -65px;
}
.tokenitem .icon.twitter,
.deviceitem .icon.twitter,
.devicedetails .icon.twitter,
.userprofileitem .icon.twitter {
	background: url("/nc202507291500/res/sprites.png") -46px -65px;
}
.tokenitem .icon.linked,
.deviceitem .icon.linked,
.devicedetails .icon.linked,
.userprofileitem .icon.linked {
	background: url("/nc202507291500/res/sprites.png") -69px -65px;
}
.tokenitem .icon.webex,
.deviceitem .icon.webex,
.devicedetails .icon.webex,
.userprofileitem .icon.webex {
	background: url("/nc202507291500/res/sprites.png") -256px -299px;
	width: 22px;
	height: 20px;
}
.tokenitem .icon.superoffice,
.deviceitem .icon.superoffice,
.devicedetails .icon.superoffice,
.userprofileitem .icon.superoffice {
	background: url("/nc202507291500/res/sprites.png") -277px -299px;
	width: 22px;
	height: 20px;
}
.flexcontainer {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.todoitem {
	padding: 3px;
	display: flex;
	cursor: pointer;
	border-radius: 4px;
}
.todoitem:hover {
	background-color: #a5d68a;
}
.todoitem .avatar {
	margin: 6px 10px 6px 6px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.todoitem:hover .avatar {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}
.todoitem .textual {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10px;
}
.todoitem .textual > div:not(.note) {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.todoitem .textual .note {
	width: 100%;
}
.todoitem .textual .status,
.todoitem .textual .due {
	text-align: right;
	padding-right: 8px;
}
.todoitem .textual .red {
	color: #cc3300;
	font-weight: bold;
}
.todoitem .textual .ora {
	color: goldenrod;
	font-weight: bold;
}
.todoitem .textual .yel {
	color: gold;
	font-weight: bold;
}
.rmz-label-text {
	color: #ffffff !important;
	font-family: 'Open Sans', arial, helvetica, sans-serif !important;
}
#phexPopup {
	position: absolute;
	display: none;
	background-color: white;
	border: 1px solid var(--green1);
	border-radius: 4px;
	box-shadow: 0px 0px 10px rgba(29, 5, 64, 0.32);
}
#phexPopup > div {
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 1px 5px;
}
#phexPopup > div:hover {
	background-color: var(--green1);
	color: white;
}
#phexPopup > div > pre {
	width: 150px;
	padding: 0;
	margin: 0px 0px;
}
#phexPopup > div > span {
	flex: 1;
}