/*
Orange:#ff7500 rgb(255,117,0)
LightGrey :#888 rgb(136,136,136)
 
 started using bootstrap elements with own style configuration

 consider:LESS
*/

html {
	height:100%;
	width:100%;
	background:#d7d7d7;
	
	scrollbar-color: #DDDDD #E7E7E7 !important;
	scrollbar-width: thin !important;
}

body {
	overflow:hidden;
	margin:0;
	padding:0;
	background-color:transparent;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	font-size:11.5px;
	letter-spacing:0.01em;
	
	/*https://stackoverflow.com/questions/31056543/safari-font-rendering-issues*/
	-webkit-text-stroke: 0.01px;
}

body.login {
	overflow: auto;
}
body.login #content {
	overflow: visible;
}

:focus {
	outline:none!important;
}
::-moz-focus-inner {
	border:0;
}
th,
a,
pre {
	font-size:11.5px;
	margin:0;
	padding:0;
}
a {
	text-decoration:underline;
	cursor:pointer;
}
a,
li,
ui-icon {
	-webkit-user-drag:none;
	-moz-user-drag:none;
	-ms-user-drag:none;
	-o-user-drag:none;
	user-drag:none;
}
h4 {
	margin:1em 0 0 0;
}
h4:first-child {
	margin-top:0;
}

hr {
	margin:1em 0em;
}
div.separator {
	padding:10px 0em;
	height:0px;
	clear:both;
}
div.separator5 {
	padding:5px 0em;
	clear:both;
}
#page {
	position:relative;
	width:calc(100% - 15px);
	margin:0 auto;
}
.relative {
	position:relative;
}
.absolute {
	position:absolute;
}

select {
	padding:1px;
	outline:0;
	border-radius:0;
	background-color:#fff;
	
/* 	-webkit-appearance:none; */
/* 	   -moz-appearance:none; */
/* 		-ms-appearance:none; */
/* 		 -o-appearance:none; */
/* 			appearence:none; */
	cursor:context-menu;
}
select:disabled {
	color:#999;
}
ul {
	list-style:none;
	padding:0;
	margin:0;
}
.glyphicon {
	font-size:11px;
}
.cssTable {
	display:table;
	width:100%;
	height:100%;
}
.cssTableCell {
	display:table-cell;
}
#login {
	position:relative;
	margin-top:15px;
	margin-bottom:10px;
}
#login-credentials-body {
	padding:20px 25px;
}
#login-credentials-footer {padding:5px 25px;}
#loginform .formElement {
	height:auto;
	width:240px;
	margin-bottom:7px;
}
#loginform .glyphicon {font-size:16px;}

	#login #notify {margin-bottom:10px; text-align:left;}
	#login #notify-body { padding:10px; background-color:rgb(221,221,221); }
	#login #notify-image{ float:left; width:46px; height:auto; }
	#login #notify-text{ font-family: Lato; font-size: 14px; color: #000040; text-align:left; margin-left: 55px; }
	#login #notify-nose { margin-left:65px; width: 24px;}

@media (min-width: 1100px){
	#login #notify { position: absolute; top: 0px; left: 50%; width: 300px; margin-left:225px; }
	#login #notify-body { padding:20px 15px;}
	#login #notify-image{ width:56px; height:auto; }
	#login #notify-text{ font-size:16px; margin-left:70px; }
	#login #notify-nose { margin-left:85px; width:48px;}
}


#notify.ui-state-error,
#notify.ui-state-highlight {
	margin-top:3px;
	padding:3px 5px;
}

.ui-notify p {
	line-height: 1.41em;
}

nav#navigation {
	padding:0 15px 0 5px;
	margin:0 !important;
	letter-spacing:0.033em;
}
#topLeftNavigation .glyphicon {
	margin-right: 6px;
	font-size: 12px;
}

#navigation_wrapper {
	display:block;
	position:relative;
	min-height:25px;
	border-bottom:1px solid rgba(0, 0, 0, 0.65);
	background:rgb(56,56,56);
	background-size:contain;
	opacity:0;
	border-bottom:1px solid #111111;
	box-shadow:none;
	margin:0 !important;
}

#navigation .dropdown li {
	padding:0px;
	border:0px none;
	white-space:nowrap;
	text-shadow:1px 1px #333;
	user-select:none;
}

#navigation_wrapper.topZ {
	z-index:1000001;
}
#topLeftNavigation {
	float:left;
	line-height:25px;
	border-right:1px solid #777777;
}
#topLeftNavigation > li {
	position:relative;
	float:left;
	color:#fff;
	padding:0;
	border-right:1px solid #111111;
	border-left:1px solid #777777;
	cursor:pointer;
}
#topLeftNavigation > li > span,
#topLeftNavigation > li > a {
	display: block;
	color:#fff;
	padding:0px 15px;
	text-decoration:none;
}
#topLeftNavigation li:not(.disabled):hover > span,
#topLeftNavigation li:not(.disabled):hover > a {
	color:#FF7500;
}
#topLeftNavigation > li.first {
	border-left:0px solid;
}

#topRightNavigation {
	float: right;
	line-height: 25px;
	padding: 0 10px;
}
#topRightNavigation ul {
	min-width:150px;
	padding: 2px 0px 5px 0;
	margin-right: -9px;
}
#topRightNavigation li {
	position: relative;
	padding: 0;
	margin: 0;
}


#topRightNavigation .loggedInUserName {
	margin: 0;
	color: #ff7500;
}

#diskusage-wrapper {
	color:#fff;
	padding: 3px 10px 3px 30px;
	min-height:25px;
}
#diskusage-bar {
	height:5px;
	background-color:#3f3f3f;
	border-radius:6px;
	margin-top: 7px;
}
#diskused-bar {
	width:0px;
	height:5px;
	background-color:#228c00;
	border-radius:6px;
	min-width:5px;
}
#diskused-bar.warning {
	background-color:#b28500;
}
#diskused-bar.warning-urgent {
	background-color:#b20000;
}
#diskusage-info {
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 10px;
}
#diskusage-wrapper:not(:hover) #diskusage-info { display:none; }


/* testing */
.dropdown .dropdown-menu {margin-top: 0px;} /* default 2px gap */
.dropdown.dropdown_over .dropdown-menu {display:block;}
.dropdown.dropdown_over:not(:hover) .dropdown-menu {visibility:hidden;} /*  not hovering, hidding nav */
.dropdown.dropdown-submenu.dropdown_over:not(:hover) .dropdown-menu {visibility:hidden;} /*  not hovering, hidding nav */

.dropup.open:not(:hover) .dropdown-menu,
.dropdown.open:not(:hover) .dropdown-menu {
	-webkit-transition:visibility 0s 15s;
	-moz-transition:visibility 0s 15s;
	-ms-transition:visibility 0s 15s;
	-o-transition:visibility 0s 15s;
	transition:visibility 0s 15s;
} /* default delay 15s, if not hovered the menu*/
.contextMenu.showCTM:not(:hover) .subMenu {
	-webkit-transition:visibility 0s 15s;
	-moz-transition:visibility 0s 15s;
	-ms-transition:visibility 0s 15s;
	-o-transition:visibility 0s 15s;
	transition:visibility 0s 15s;
} /* default delay 15s, if not hovered the menu*/

.dropup.disabled,
.dropup li.disabled,
.dropdown.disabled,
.dropdown li.disabled { cursor:default!important; }
.dropup.disabled a,
.dropup li.disabled a,
.dropdown.disabled a,
.dropdown li.disabled a { color: #777!important; }

/* above context menu 10000, below overlay 10005 */
.dropdown-menu {z-index: 10001;}
.dropdown-menu .divider {margin:2px 0;}
.dropdown-menu li.divider:first-child{display: none;}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:-3px;
    left:100%;
    margin-left:-3px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:4px 0 4px 5px;
    border-left-color:#ff7500;
    margin-top:5px;
    margin-right:-14px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none!important;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:3px;
}

/* testing */


.dropup .dropdown-menu-withicons a,
.dropdown .dropdown-menu-withicons a {
	padding-left:30px;
}

.dropup .dropdown-menu-withicons .glyphicon,
.dropdown .dropdown-menu-withicons .glyphicon {
	position: absolute;
	font-size: 11px;
	left: 9px;
	top: 6px; /*transform generates bluryicons*/
}

.dropup .dropdown-menu a,
.dropdown .dropdown-menu a {
	position: relative;
	text-decoration:none;
	min-height: inherit;
}
/*contact popup, right nav*/
.dropup .dropdown-menu li:not(.disabled) > a:hover,
.dropdown .dropdown-menu li:not(.disabled) > a:hover {
	background:#ff7500;
	color:#fff;
}

.dropup.dropdown_style_dark .dropdown-menu,
.dropdown.dropdown_style_dark .dropdown-menu {
	background-color:#333;
	-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.75);
	box-shadow: 0 4px 12px rgba(0,0,0,0.75);
}
.dropup.dropdown_style_dark li a,
.dropdown.dropdown_style_dark li a {
	color: #fff;
	background:none;
	text-decoration: none;
}

.dropup.dropdown_style_dark li:not(.disabled) > a:hover,
.dropdown.dropdown_style_dark li:not(.disabled) > a:hover {
/* 	background: transparent; */
/* 	color: #ff7500!important; */
	background: #ff7500!important;
	color: #fff!important;
}

.ui-dialog.darkTheme .dropdown-toggle {
	background: transparent!important;
	color: #fff!important;
}
.ui-dialog.darkTheme .dropdown-toggle:hover {
	background: #ff7500!important;
	color: #fff!important;
}


#overlayCloser {
	position:absolute;
	left:0;
	top:0;
}

#content_wrapper {
	position:relative;
	margin-top:7px;
	border:0px none;
}
#content {
	height:100%;
	overflow:hidden;
	overflow-y:auto;
	
}
.login #content {
	height: auto;
}
#footer_wrapper {
	bottom:7px;
	position:absolute;
	width:100%;
	opacity:0.65;
}
#footer_wrapper #footer {
	margin-top:10px;
	margin-right:10px;
	font-size:9px;
	padding:1px 5px 2px;
	font-weight:normal;
}
#footer a {
	font-size:10px;
}
#loading {
	position:absolute;
	top:3px;
	right:5px;
	display:none;
	height:20px;
}
#loading img {
	/*
	margin-top:10px;
	margin-left:10px;
	*/
}
#notify {
	display:none;
}
#languageMenuWrapper {
	width:70px;
}
#languageMenu {
	border:0 none;
	padding-left:3px;
	width:45px;
	margin:0 2px;
}
/*contact details*/

.contact_data .form-group {
	margin-bottom:5px;
}
.contactWidget .main_tab_navigation {
	padding-right:200px;
}
.contactWidget .rightpreset .ui-tabs {
	padding-right:0px;
}
.contactWidget .rightpreset .ui-tabs-panel {
	padding-left:5px;
	padding-right:5px;
}
.contact_data .ui-widget {
	font-size:11.5px;
}
.contact_data .preset_common {
	overflow:hidden;
}
.preset_common .righttab {
	height:auto;
}
.formElement.type_mlist {
	width:320px;
}

.contactWidget .form-group {
	margin-bottom:3px;
}
.contactWidget .input-group {
	width:100%;
}

.input-group select.form-control {
	border-right-width:1px;
}
.input-group-addon {
	background:none;
	padding:0px;
	width:0.01%; /*at new browser this is 0, old safari only renders full pixel so this will 1*/
}

.contactWidget .form-group .first-xs,
.ui-dialog:not(.dialog-xs) .contactWidget .form-group .first-sm {
	padding-right:3px;
}
.contactWidget .form-group .last-xs,
.ui-dialog:not(.dialog-xs) .contactWidget .form-group .last-sm {
	padding-left:2px;
}
.ui-dialog:not(.dialog-xs) .contactWidget .form-group .mid-sm {
	padding-right:3px;
	padding-left:2px;
}

.dialog-xs .contactWidget .form-group .last-sm {
	margin-top: 3px; /* like formgroup*/
}

.contactWidget label.control-label {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:0;
}

.form-group .field {
	min-height:45px;
	margin-top:5px;
	margin-bottom:5px;
}
.contactPreset .form-group .field {
	min-height:auto;
	margin-top:0px;
	margin-bottom:0;
}

.control {
	position:relative;
}

.contactWidget .control .undo,
.contactWidget .control .delete {
	display:none;
}

.valueChanged .control .undo,
.control:hover .delete {
	display:inline-block;
}

.textarea-addon .btn,
.input-group-addon .btn {
	padding:1px 0 1px 0; /* inputs smaller,20px instead 22px*/
}

.ui-tabs-nav li:hover:not(.ui-tabs-selected) {
	background-color:#ff7500;
}
.ui-tabs-nav li:hover:not(.ui-tabs-selected) a {
	color:#fff;
}

.textarea-addon {
	position:absolute;
	right:0px;
	bottom:103%;
}


/* doppelte breite + 1x zwischenabstand*/

.type_mlist .formElement_Input,
.type_slist .formElement_Input {
	padding-right:20px;
}
.type_mlist .listmanagerOpener,
.type_slist .listmanagerOpener {
	cursor:pointer;
	margin-right:-2px;
	position:absolute;
	top:0;
	right:0;
}
.contact_data .type_textarea {
	display:block;
	width:99%;
}
.contact_data .type_textarea textarea {
	width:100%;
	max-width:100%;
}
.contact_data .presettab {
	/*padding-left:1em; padding-right:1em;
	padding-bottom:0;*/
}
.formElement {
	display:inline-block;
	padding:3px 5px;
	width:160px;
}
.formElement select {
	width:100%;
}
.configElementFormWrapper {
	display:inline-block;
	padding:0;
}
.placeholder,
input.blur {
	color: #bbb;
}

.formElement_Caption {
	padding-left:0px;
}
.formElement_Input {
	position:relative;
}
.formElement_Input input {
	padding:2px 2px 2px 2px;
	width:100%;
}
.type_date .valueChanged input {
	padding-right:0;
}
.fromParent .control input,
input.fromParent {
	font-style:italic;
}
.contact_header {
	padding-bottom:0.5em;
}
.contact_header div {
	margin-right:2px;
	padding:1px;
}


.contactValueUndo {
	position:absolute;
	right:0;
	top:1px;
	cursor:pointer;
	display:none;
}
.inputHasDatepicker .contactValueUndo {
	right:17px;
}
.adressblock .contactValueUndo {
	right:5px;
}
.contactValueDelete {
	position:absolute;
	right:16px;
	top:0;
	border:none !important;
	display:none;
	cursor:pointer;
}
.adressblock .contactValueDelete {
	right:7px;
}
.contactValueDelete>.ui-icon,
.contactValueUndo {
	margin-top:2px;
}
.valueChanged {
	position:relative;
}
.btn.contactValueUndo {
	top:0;
	margin:0;
	right:5px;
}

.valueChanged .contactValueUndo {
	display:block;
}


.contact-notify {
	display:block;
	width:100%;
	text-align:center;
}
.relationEmpty {
	line-height:3em;
	font-weight:bold;
	color:#BBB;
	text-align:center;
	margin-bottom:3px;
	border-bottom:1px solid #ddd;
}

.contactDataLeftTitle {
	line-height:1.2em;
	margin-top:-1px;
}
.table {
	width:100%;
	display:table;
}
.thead {
	display:table-header-group;
}
.tbody {
	display:table-row-group;
}
.tfoot {
	display:table-footer-group;
}
.tr {
	display:table-row;
}
.th,
.td {
	display:table-cell;
}

table,
td,
tr {
	border:0px;
}
.table_style {
	border-collapse:collapse;
	border:1px solid #ddd;
	width:100%;
	color:#111;
}

.table_style a {
	color:#111;
}
.dataTables_scrollBody .datatable_table.table_style {
	width:99.9999% !important;
	border:0;
	top:0;
}
.table_style th {
	border-right:1px solid #ccc;
	font-weight:bold;
	white-space:nowrap;
	padding:0 0 0 0; /* 0 3px 0 0; */
}
.table_style td {
	padding:1px;
	line-height:18px;
	vertical-align:top;
}
.td_icon {
	width:60px;
	align:center;
}
.td_comment {
	width:50%;
}
.odd {}
.even {
	background-color:#DFDFDF;
}
.ui-large-icon {
	margin:20px;
}


.ui-tabs-panel.ui-accordion .ui-accordion-header a {
	font-size:0.9em;
	padding-top:0.4em;
	padding-bottom:0.3em;
}
.ui-accordion-icons .ui-accordion-header a {
	display:inline-block;
}
.ui-accordion-icons .ui-accordion-header > .btn {
	padding:0;
}
/* .ui-accordion-icons .ui-accordion-header > .btn .ui-icon {*/
/* 	position:relative; */
/* 	left:0; */
/* 	margin:0; */
/*} */
.ui-accordion-header.ui-state-hover a {
	color:inherit;
}

.chosen-results .active-result {
	font-weight: normal;
	color:#333;
}}

.chosen-results .result-selected {
	color:#ff7500;
}
.chosen-container * {-moz-box-sizing:content-box; box-sizing:content-box;}
.chosen-container .chosen-drop.up {
	border-bottom:0;
	border-top:1px solid #aaa;
	top:auto;
	bottom:100%;
}


.darkTheme.ui-dialog {
	background:rgba(0,0,0,0.8);
}
.darkTheme.ui-dialog .ui-dialog-titlebar {
	border:0;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px ridge #ddd;
	background:transparent;
	color:#FFF;
}
.darkTheme.ui-dialog .ui-dialog-buttonpane {
	background:transparent;
}




/*BLACKBOARD START*/
#blackboardOpener .ui-icon {
	margin-top:-1px;
}
.blackboardCounter {
	padding:0 0 0 3px!important;
}
#blackboardSlider {
	float:right;
	padding:4px 15px;
	margin:0;
	-moz-box-shadow:0px 4px 8px #555;
}
#blackboardSlider.sliderActive {
	margin-top:-1px;
}

#blackboard {
	padding-top:5px;
}	

.blackboardElement {
	clear:both;
	padding:3px 55px 3px 7px;
	line-height: 1;
	margin:0 5px;
	border-bottom: 1px solid #aaa;
	border-top: none;
	border-left: none;
	border-right: none;
	color:#fff;
	position:relative;
	background: transparent;
}
.blackboardElement.focus:after{
	content: "";
	position: absolute;
	top: 1px;
	right: -3px;
	width: 3px;
	height: 100%;
	background-color: #FFFF9A;
}
.blackboardElement.focus {
	border-bottom-color: #FFFF9A;
}
.blackboardElement.first-child {
	padding-top: 0;
}
.blackboardElement-active {
/* 	clear:both !important; */
/* 	overflow:hidden !important; */
	color:#ff7500 !important;
}
.blackboardElement a {
	text-decoration:none;
	display: inline-block;
	max-width: 100%;
	line-height: 1.5;
	
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	overflow:hidden;
	
	color: #fff;
}
.blackboard-buttons {
	position:absolute;
	right:2px;
	top:50%;
	margin-top:-8px;
}
.blackboard-buttons .ui-state-default:not(.ui-state-hover){
	background: rgba(0,0,0,0) none;
}
.blackboard-buttons .ui-state-default .ui-icon{
	background-image: url(/app/styles/themes/baset/images/ui-icons_ffffff_256x240.png);
}
.blackboardElement-active a,
.blackboardElement-active a:active {
	text-decoration:none !important;
	color:#ff7500 !important;
}
.blackboardElement-active a:hover {
	text-decoration:underline !important;
	color:#ff7500 !important;
}
.blackboardElement a:hover {
	text-decoration:underline;
}
.noBlackboardEntry {
	padding:0.2em 0.5em 0.2em;
}

.blackboardPanel .ui-dialog-buttonpane .ui-button {
	background-image: none;
	background-color: transparent;
	border-radius: 3px;
	border-color: #fff;
}
.blackboardPanel .ui-dialog-buttonpane .ui-button span{
	color: #fff;
}
.blackboardPanel .ui-dialog-buttonpane .ui-button:hover{
	background-color: #ff7500;
	border-color: #ff7500;
	
}
.blackboardMarker {
	position: absolute;
	top: -2px;
	right: 70px;
	z-index: 10;
	color: #555;
	display: none;
	cursor: pointer;
}
.blackboardMarker.removeFromBlackboard:hover {color: #ff7500;}

.blackboardNav a:hover .glyphicon.text-primary {
	color: #333;
}

a:hover .glyphicon.text-primary,
.btn:hover .glyphicon.text-primary {
	color: #fff;
}


/*BLACKBOARD ENDE*/




/*SCHEDULENOTIFIER START*/
#scheduleNotifierPanel .timespanbar {
	margin:-10px -5px 0 -5px;
	padding:5px 5px 5px 10px;
	border-bottom:1px ridge #DDD;
}
#scheduleNotifierPanel .timespanbar .timespanbar-title {
	color:#FFF;
}
#scheduleNotifierPanel .timespanbar .btn {
	border-radius: 3px;
	margin-left: 3px;
	color: #fff;
}
#scheduleNotifierPanel .timespanbar .btn.active:not(:hover) {
	color: #ff7500;
}
#scheduleNotifierPanel .ui-widget-content {
	border:2px solid #999;
}

#scheduleNotifier {padding: 6px 3px;}
#scheduleNotifier .schedule-entry { position: relative; padding-right: 20px; padding-bottom:3px;}
#scheduleNotifier .schedule-entry .markAsDone {
    position: absolute;
    right: 0;
    top: -1px;
}

#scheduleNotifier .appointOpener {white-space: nowrap;}
#scheduleNotifier .schedule-window-entry a .ui-icon { display: inline-block; vertical-align: top;}
#scheduleNotifier .schedule-window-entry a:hover {text-decoration: underline;}

#scheduleNotifier .schedule-window-entry,
#scheduleNotifier .schedule-window-entry a,
#scheduleNotifier .schedule-window-entry a:active,
#scheduleNotifier .schedule-window-entry a:visited{text-decoration: none;}

#scheduleNotifier .schedule-window-entry.schedule-past,
#scheduleNotifier .schedule-window-entry.schedule-past a,
#scheduleNotifier .schedule-window-entry.schedule-past a:hover,
#scheduleNotifier .schedule-window-entry.schedule-past a:active,
#scheduleNotifier .schedule-window-entry.schedule-past a:visited{color: orange;}

#scheduleNotifier .schedule-window-entry.schedule-today,
#scheduleNotifier .schedule-window-entry.schedule-today a,
#scheduleNotifier .schedule-window-entry.schedule-today a:hover,
#scheduleNotifier .schedule-window-entry.schedule-today a:active,
#scheduleNotifier .schedule-window-entry.schedule-today a:visited{color: white;}

#scheduleNotifier .schedule-window-entry.schedule-upcoming,
#scheduleNotifier .schedule-window-entry.schedule-upcoming a,
.schedule-window-entry.schedule-upcoming a:hover,
.schedule-window-entry.schedule-upcoming a:active,
.schedule-window-entry.schedule-upcoming a:visited{color: grey;}




/* https://codepen.io/subfauna/pen/CLtmF */
#blackboard::-webkit-scrollbar { width: 8px; height: 8px;}
#blackboard::-webkit-scrollbar-button {  background-color: #666; }
#blackboard::-webkit-scrollbar-track { background-color: #646464;}
#blackboard::-webkit-scrollbar-track-piece { background-color: #000;}
#blackboard::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 10px;}
#blackboard::-webkit-scrollbar-corner { background-color: #646464;}}
#blackboard::-webkit-resizer { background-color: #666;}

#scheduleNotifier::-webkit-scrollbar { width: 8px; height: 8px;}
#scheduleNotifier::-webkit-scrollbar-button {  background-color: #666; }
#scheduleNotifier::-webkit-scrollbar-track { background-color: #646464;}
#scheduleNotifier::-webkit-scrollbar-track-piece { background-color: #000;}
#scheduleNotifier::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 10px;}
#scheduleNotifier::-webkit-scrollbar-corner { background-color: #646464;}}
#scheduleNotifier::-webkit-resizer { background-color: #666;}

#notification-templates::-webkit-scrollbar { width: 8px; height: 8px;}
#notification-templates::-webkit-scrollbar-button {  background-color: #666; }
#notification-templates::-webkit-scrollbar-track { background-color: #646464;}
#notification-templates::-webkit-scrollbar-track-piece { background-color: #000;}
#notification-templates::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 10px;}
#notification-templates::-webkit-scrollbar-corner { background-color: #646464;}}
#notification-templates::-webkit-resizer { background-color: #666;}


html.login {
	scrollbar-color: #666 #000 !important;
	scrollbar-width: thin !important;
}

html.login ::-webkit-scrollbar { width: 8px; height: 8px;}
html.login ::-webkit-scrollbar-button {  background-color: #666; }
html.login ::-webkit-scrollbar-track { background-color: #646464;}
html.login ::-webkit-scrollbar-track-piece { background-color: #000;}
html.login ::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 10px;}
html.login ::-webkit-scrollbar-corner { background-color: #646464;}}
html.login ::-webkit-resizer { background-color: #666;}




/*ui-icon styleing*/

.ui-icon-noicon {
	background-position:16px 0px;
}
.ui-icon-fl {
	float:left
}
.ui-icon-fr {
	float:right
}
.ui-state-nobg {
	border:1px solid transparent;
}
.contextMenuWrap,
.ui-dialog {
	-webkit-box-shadow:1px 1px 5px #444;
	-moz-box-shadow:1px 1px 5px #444;
	-ms-box-shadow:1px 1px 5px #444;
	-o-box-shadow:1px 1px 5px #444;
	box-shadow:1px 1px 5px #444;
	
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0,0,0);
}
.ui-dialog-focus {
	-webkit-box-shadow:0px 0px 7px #111;
	-moz-box-shadow:0px 0px 7px #111;
	-ms-box-shadow:0px 0px 7px #111;
	box-shadow:0px 0px 7px #111;
}
.ui-dialog {
	z-index:1000!important;
}
.ui-dialog.ui-dialog-focus {
	z-index:1010!important;
}
.ui-widget-overlay {
	z-index:1005!important;
}

.ui-dialog.ui-dialog-modal {
	z-index:10000!important;
}
.ui-dialog.ui-dialog-modal.ui-dialog-focus {
	z-index:10010!important;
}
.ui-dialog.ui-dialog-modal + .ui-widget-overlay {
	z-index:10005!important;
}

.ui-dialog .ui-dialog-titlebar-close span {
	margin:0;
}

/*resize fix - contact window resize - see last-changes-bar gets strange position*/
.ui-dialog.ui-resizable {
	height:auto!important;
}
.ui-dialog {
	max-width:90%;
}
@media (min-width:1400px){
	.ui-dialog {
		max-width:1200px;
	}	
}

/*resize fix*/
.ui-dialog.ui-resizable .ui-dialog-content {
	width:auto !important;
}
/* only first active dialogs header - not in minimized */

body>.ui-dialog>.ui-dialog-titlebar {
	box-shadow:0 1px 2px rgba(0, 0, 0, .33);
	z-index:10;
}
.ui-dialog .ui-dialog-content {
	box-sizing:content-box;
	padding:10px 5px 10px;
	/*dont add z-index! blocks ui-dialog-overlay clicks, because z.index compare of max overlay index with clicked element*/
}
.ui-dialog .disableContent {
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:100%;
	background:rgba(255,255,255,0.25);
	z-index:1000;
}
.ui-dialog.dialog_contact_details {
	padding-bottom:17px; /*for status line*/
}
.ui-dialog.dialog_contact_details[selected] > .ui-dialog-titlebar {
	background:#d5effc;
	border-color:#d5effc;
}
.ui-dialog.dialog_contact_details > .ui-dialog-content {
	padding:5px 2px;
	overflow-y:scroll; /*keep scrollbars visible for table/header content width - resizing gab on tabchange with no bars*/
}
.dialog_contact_details .tabContentLoading{position:absolute;}
.dialog_contact_details.noContentPlaced .ui-dialog-titlebar-maximize,
.dialog_contact_details.noContentPlaced .ui-dialog-titlebar-reload {
	display:none !important;
}
.ui-dialog .ui-dialog-titlebar>a {
	position:relative !important;
	display:block;
	float:right;
	margin:0px 0px 0 1px;
	padding:0px;
	top:0;
	right:0px !important;
	border:1px solid transparent;
	outline:none;
}
.ui-dialog .ui-resizable-e {
	top:-12px;
}
.ui-dialog .ui-resizable-s {
	left:-12px;
}
.ui-dialog .ui-resizable-se {
	bottom:0px;
	right:0px;
	height:12px;
	width:12px;
}
#login .ui-widget-header {
	line-height:1.5em;
}
.ui-dialog .ui-dialog-titlebar {
	min-height:20px;
	padding:2px 3px 2px 7px;
	white-space:nowrap;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	margin-right:0em;
	max-width:88%;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog .ui-dialog-titlebar .ui-dialog-title * {
	overflow:hidden;
	text-overflow:ellipsis;
}
.ui-dialog .ui-dialog-buttonpane {
	margin-top:0;
	padding:0.2em 0em 0.2em 0.4em;
}

/* like jquery.dialogextend.js for autoinsert */
#minimized-dialog-container {
	position:absolute;
	opacity: 0;
	pointer-events: none;
	left:0px;
	bottom:36px;
	padding-top:8px;
	padding-bottom:4px;
	background:none;
	border:none;

	-o-transform:translate(0, 100%);
	-ms-transform:translate(0, 100%);
	-moz-transform:translate(0, 100%);
	-webkit-transform:translate(0, 100%);
	transform:translate3d(0, 100%, 0);

	-webkit-transition:all 0.3s 0.5s;
	-moz-transition:all 0.3s 0.5s;
	-ms-transition:all 0.3s 0.5s;
	-o-transition:all 0.3s 0.5s;
	transition:transform 0.3s 0.5s, bottom 0.3s 0.5s;
}
body.page_home.hasMinimizedContacts #minimized-dialog-container {
	opacity: 1;
	pointer-events: all;
}
body.page_administration #minimized-dialog-container {
	display:none!important;
}


#minimized-dialog-container.show {
	z-index:99999;
	padding-left:8px;
	width:100vw;
	left:-8px;
	bottom:0px;
	
	-o-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	transform:translate3d(0, 0%, 0);
	
	background:rgba(213,213,213,0.77);
	-webkit-transition:all 0.3s 0.5s;
	-moz-transition:all 0.3s 0.5s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:transform 0.3s, bottom 0.3s;
}


#minimized-dialog-container .minimizedNav {
	position: absolute;
	left: 0px;
}
#minimized-dialog-container .minimizedNav button {
	height:22px;
	border: 1px solid #fff;
}
#minimized-dialog-container .minimizedNav button:not(:hover) {
	background-color:#ddd;
}
#minimized-dialog-container > div:first-child {
	margin-left:25px!important;
}
.minimizedNav.open:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: -100vh;
    left: -15px;
}


#minimized-dialog-container .ui-dialog {
	position:relative!important;
	float:left!important;
	min-width:0!important;
	min-height:0!important;
	width:auto!important;
	left:0!important;
	top:0!important;
	margin:0 3px 2px 0!important;
	padding:0px!important;
	border:1px solid #fff;
	box-shadow:none!important;
}
#minimized-dialog-container .ui-dialog .ui-dialog-titlebar {
	overflow:hidden;
	padding:0;
	cursor:default;
}
#minimized-dialog-container .ui-dialog-title {
	width:100px;
	margin:1px 3px 0;
}
#minimized-dialog-container .blackboardMarker {
	right: 60px;
}
#minimized-dialog-container .ui-dialog-statusbar {
	display:none;
	bottom:20px;
	width:100%;
	left:0;
	padding:3px;
	visibility:hidden;
	background:#eee;
	border:1px solid #fff;
	-o-transition:visibility 0.25s;
	-moz-transition:visibility 0.25s;
	-ms-transition:visibility 0.25s;
	-webkit-transition:visibility 0.25s;
	transition:visibility 0.25s;
}
#minimized-dialog-container .ui-dialog-minimized .ui-resizable-handle {display:none;}
/* #minimized-dialog-container .ui-dialog:hover .ui-dialog-statusbar {visibility:visible;} */
/* #minimized-dialog-container .ui-dialog-statusbar:hover {visibility:hidden!important; } */

#minimized-dialog-container .contactSaveMessage {
	display:none !important;
}
#extSearch {
	position:absolute;
	overflow:visible;
	z-index:2000!important;
	left:5px;
	top:27px;
	width:auto;
}
#extSearch .ui-widget-header {
	cursor:move; 
}
#extSearch tr.sf td.count:after {
	content: ".";
	display: inline;
}
#extSearch .sf td {
	padding:2px 3px;
	position: relative;
}
#extSearch .sf .filterInfo {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 7px;
	right: 4px;
	display: none;
	font-size: 12px;
	color: #ff7500;
	text-align: center;
}
#extSearch .sf .data .glyphicon-ban-circle {
	color: red;
}
#extSearch .sf .fields .filterInfo {
	right: 16px;
	color: red;
	font-size: 16px;
}

#extSearch .ui-closer,
#extSearch .ui-del,
#extSearch .ui-add,
#extSearch .ui-add-last {
	height:18px;
	width:18px;
}
#extSearch .ui-add-last {
	margin-right:5px;
	margin-left:31px;
	margin-top:3px;
}
#extSearch .ui-reset,
#extSearch .ui-search,
#extSearch .ui-match {
	height:24px;
	font-size:11px;
	padding:0pt 7px 0pt 3px;
}
#extSearch .ui-match {
	margin-left:5px;
	margin-top:2px;
}
#extSearch .ui-match select {
	width: auto;
	display: inline-block;
}
#extSearch .extSearchFields {
	max-height:60vh;
	overflow:auto;
	position:relative;
}
#extSearch select {
	font-size:11px;
	max-width: 250px;
}
#extSearch .extSearchFields .vdata {
	width:250px;
}
#saveSearch {
	display:none;
	position:absolute;
	right:-115px;
	top:22px;
	width:300px;
	z-index:250;
}
#saveSearch .ui-widget-header {
	margin-bottom:5px;
}
#saveSearch .deleteLoadedExtSearch {
	display:none;
	top:2px;
}
body.doingExtSearch #saveSearch .deleteLoadedExtSearch {
	display:inline-block;
}
#saveSearch .deleteCategory {
	top:2px;
}
#saveSearch .saveNewCategory {
	top:2px;
}
.flexigrid .savedSearch {
	position:relative;
	overflow:visible;
}
.chosen-container-single .chosen-single {
	color:#333;
	border-color:#ccc;
	box-shadow:none;
	outline:none;
	background:none!important;
}
.flexigrid .savedSearch .chosen-container-single .chosen-single {
	height:20px;
	line-height:20px;
	border-radius:0;
	box-shadow:none;
	background:none;
}
.flexigrid .savedSearch .chosen-container {
	font-size:11.5px;
	vertical-align:top;
}
.flexigrid .savedSearch .chosen-container .chosen-results li {
	padding-top:2px;
	padding-bottom:2px;
}
.flexigrid .chosen-container .chosen-drop {
	width:175%;
}
.flexigrid .savedSearch .chosen-results .spacer {
	height:0px;
}
.flexigrid .savedSearch .chosen-results .admindefined {
	color:#666;
	font-style:italic;
}
#saveSearch .ui-dialog-content {
	padding:0;
}
#saveSearch select {
	font-size:12px;
}
.extSearchFieldFunctions {
	padding-left:3px;
	margin:10px 0 0px;
}
/*demo table jui override*/
/*l.67*/

.dataTables_wrapper table.display thead th {
	padding:2px 4px 2px 4px;
}
/*l.81*/

.dataTables_wrapper table.display thead th div.DataTables_sort_wrapper {
	white-space:nowrap;
}
/*l.187*/

.dataTables_wrapper table.display tfoot th {
	padding:2px 4px 2px 4px;
}
/*l.197*/

.dataTables_wrapper table.display td {
	padding:2px 4px;
}
.table_style .dataTables_empty {
	line-height:3em;
	font-weight:bold;
	color:#888;
	text-align:center !important;
}
.dataTables_wrapper label {
	font-weight:normal;
}
.datatable_table tr.selected td {
	background-color:#c7e4ff !important;
}
.datatable_table tr.selected td,
.datatable_table tr.selected td a {
	font-size:10.75px;
	font-weight:bold;
}

#onTopOfFlexigrid {height:0;}

/* flexigrid*/

.flexigrid {
	padding:0px
}

.flexigrid div.mDiv div.ptogtitle span {
	border:0;
	margin-top: 3px;
}

#mainSearchTable {
	position: relative;
}
#mainSearchTable td .ui-state-default {
	background:none;
	border:0;
}
#mainSearchTable tr td:first-child {
	max-width:26px;
}

#mainSearchTable > tbody > tr.deleted:after {
	position: absolute;
	content: "";
	margin-top: 13px;
	left: 0;
	width: 100%;
	border-top: 1pt solid red;
}

/* #mainSearchTable > tbody > tr > td {*/
/* 	display:none; */
/*} */
#mainSearchTable > tbody > tr:not(.inViewport) > td {
	display:none;
}
/* #mainSearchTable > tbody > tr.inViewport > td {*/
/* 	display:table-cell; */
/*} */
.flexigrid div.nBtn {margin-left:24px;}
/* .flexigrid div.cDrag {margin-left:24px;} */

.flexigrid .form-control {
	vertical-align:top;
}
.flexigrid div.cDrag div {
	height:23px !important;
}
.flexigrid div.hDiv th div {
	line-height:23px;
	height:23px;
	padding:0 3px;
}
.flexigrid div.mDiv .ftitle { color:#ff7500; }
/*	some styling for cpid personfirma */
/* .flexigrid .hDiv {padding-left:24px;} */

.flexigrid div.mDiv div.ptogtitle {
	background: #fafafa url(images/fhbg.gif) repeat-x bottom;
	border-bottom: 0;
}
.flexigrid table td,
.flexigrid table th {
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #DDDDDD;
}
.flexigrid .gsearch {
	float:left;
	margin-top:1px;
	margin-bottom:0px;
	height:22px;
	line-height:22px;
}
.flexigrid .gsearch .searchValueWraper {
	width:170px;
	height:22px;
}
.flexigrid .gsearch input {
	width: 100%;
	padding:0 0 0 2px;
}

@media (max-width: 767px)
{
	.flexigrid .gsearch .searchValueWraper {
		width: 150px;
	}
	.flexigrid .gsearch input:focus {
		position: absolute;
		z-index: 10;
		height: 22px;
		width: 90vw;
	}
	.flexigrid .gsearch input:focus ~ .clearinput {
		position: absolute;
		left: calc(90vw - 20px);
		z-index: 15;	
	}
}

.flexigrid #searchOnlyFor {
	width:18px;
	height:18px;
	top:-1px;
}
.flexigrid div.tDiv {
	padding-right:20px;
	padding-top: 3px;
	padding-bottom: 3px;
	/* space for .ownToggleBtnTarget*/
}
.flexigrid .ownToggleBtnTarget {
	position:absolute;
	right:3px;
	top:0;
}
.flexigrid .ownToggleBtnTarget .nBtn {
	position:relative !important;
	left:0 !important;
	top:0px !important;
	display:block !important;
}
.flexigrid .nDiv {
	right:0 !important;
	left:auto !important;
	min-width: 200px;
}
.flexigrid .nDiv .ndcol2 {cursor:alias;}
.searchValueWraper {
	display:inline-block;
	position:relative;
}
.clearinput {
	position:absolute;
	display:none;
	top:1px;
	right:1px;
	bottom:1px;
	width:1.75em;
	padding:0;
	cursor:pointer;
	zoom:1;
	z-index:1;
	text-align:center;
}
.clearinput .cssTableCell {
	vertical-align:middle;
}
/* .clearinput.ui-state-default {background-color:#ff7500;} */

.clearinputAdded {
	position:relative;
}
/*  z-index needed for edit-file-comment with scroller(fixedHeader), else its not clickable or editable, very strange */

.clearinputAdded.notEmpty input {
	padding-right:1.75em;
}
.notEmpty .clearinput {
	display:inline-block;
}
.ui-dialog .clearinputAdded {
/* why? */
/* 	z-index:99999; */
}
.buttonset.formElement {
	min-width:260px;
	margin-bottom:7px;
}
.configuration.formElement {
	height:100px;
	width:260px;
	display:block;
	float:left;
}
.configuration input,
.configuration select {
	width:150px;
}
.contextTrigger {
	height:16px;
}
.contact_image {
	margin-top:15px;
	padding-bottom:10px;
	width:100%;
	height:102px;
}
.contact_image .img {
	width:105px;
	height:105px;
	margin:0 auto;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#ddd;
	border-radius:50%;	
}
.dialog-sm .contact_image .img {
	width: 85px;
	height: 85px;
}
.dialog-xs .contact_image .img {
	width: 75px;
	height: 75px;
}

.contact_image .ownImage {
	position:absolute;
	top:20px;
	left:5px;
	right:5px;
	z-index:10;
	-webkit-transition:all 1s 0.5s;
	-moz-transition:all 1s 0.5s;
	-ms-transition:all 1s 0.5s;
	-o-transition:all 1s 0.5s;
	transition:all 1s 0.5s;
}
.contact_image .isPerson {
	background-image:url(/app/styles/employee_transparent.png);
}
.contact_image .isCompany {
	background-image:url(/app/styles/factory_transparent.png);
}

.contact_image .contactImageActions {
	position:absolute;
	top:100px;
	left:5px;
	z-index:20;
	background:#fff;
	display:none;
}
.contact_image:hover .ownImage {
	top:0 !important;
	left:5px !important;
	width:250px;
	height:250px;
	border-radius:10px;
	background-color:#fff;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px inset #ddd;
	-webkit-transition:all 1s 1s;
	-moz-transition:all 1s 1s;
	-ms-transition:all 1s 1s;
	-o-transition:all 1s 1s;
	transition:all 1s 1s;
}
.contact_image:hover .contactImageActions {
	display:block;
}
.contactImageActions a {
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:#ff7500;
	padding:1px 4px;
	text-decoration:none;
	z-index:20;
	background-color:#fff;
}
.tabcontent {
	overflow:auto;
}
.singletab {
	min-height:290px;
}
.presettab {
	height:290px;
}
.righttab {
	height:210px;
}
.content-left {
	width:49%;
	float:left;
	display:inline-block;
	margin-bottom:4px;
	position:relative;
	overflow-x:hidden;
}
.content-left:first-child {
	margin-right:1%;
}
.content-right {
	width:49%;
	float:right;
	display:inline-block;
	margin-bottom:4px;
	position:relative;
	overflow-x:hidden;
}
.content-full {
	width:100%;
	/* 	float:left; */
	
	display:block;
	margin-bottom:4px;
	position:relative;
	clear:both;
}
.content-full:before,
.content-full:after {
	content:" ";
	display:table;
}
.content-full:after {
	clear:both;
}
.content-left-15 {
	width:15%;
	float:left;
	/* 	margin-bottom:4px; */
	
	position:relative;
}
.content-left-25 {
	width:23%;
	float:left;
	/* 	margin-bottom:4px; */
	
	position:relative;
}
.content-left-30 {
	width:30%;
	float:left;
	/* 	margin-bottom:4px; */
	
	position:relative;
}
.content-right-70 {
	width:70%;
	float:right;
	/* 	margin-bottom:4px; */
	
	position:relative;
}
.content-right-75 {
	width:75%;
	float:right;
	/* 	margin-bottom:4px; */
	
	position:relative;
}
.content-clear {
	clear:both;
}
.content-vspace-5 {
	height:5px!important;
}
.content-vspace-10 {
	height:10px!important;;
}
.vcardTypes_label .ui-icon {
	margin-top:0px;
}
.content-right-15 {
	width:15%;
	float:right;
	margin-bottom:4px;
	position:relative;
}
.content-right-20 {
	width:20%;
	float:right;
	margin-bottom:4px;
	position:relative;
}
.content-right-25 {
	width:25%;
	float:right;
	margin-bottom:4px;
	position:relative;
}
.content-right-30 {
	width:30%;
	float:right;
	margin-bottom:4px;
	position:relative;
}
.content-left-80 {
	width:79.9%;
	float:left;
	margin-bottom:4px;
	position:relative;
}
.content-left-75 {
	width:74.9%;
	float:left;
	margin-bottom:4px;
	position:relative;
}
.content-left-70 {
	width:69.9%;
	float:left;
	margin-bottom:4px;
	position:relative;
}
.content-left-65 {
	width:64.9%;
	float:left;
	margin-bottom:4px;
	position:relative;
}
.content-left-60 {
	width:59.9%;
	float:left;
	margin-bottom:4px;
	position:relative;
}
.content-right-35 {
	width:35%;
	float:right;
	margin-bottom:4px;
	position:relative;
}
.content-left-20 {
	width:19.9%;
	float:left;
	margin-bottom:4px;
	position:relative;
}
.configuration_element {
	background:none repeat scroll 0 0 transparent;
	border-width:0;
	display:block;
	padding:1em 1.4em;
}
.padding {
	padding:10px;
}
.break {
	width:100%;
	height:1em;
	display:block;
}
.content-left input,
.content-right input,
.content-full input,
.content-left textarea,
.content-right textarea,
.content-full textarea {
	width:100%;
	padding:2px;
}
.content-left .valueChanged input,
.content-right .valueChanged input,
.content-full .valueChanged input {
	padding-right:20px;
}
.content-left .input-group.valueChanged input,
.content-right .input-group.valueChanged input,
.content-full .input-group.valueChanged input {
	padding-right:0;
}
.content-left input[type="text"],
.content-right input[type="text"],
.content-full input[type="text"] {
	height:20px;
}
.content-left .form-control-static {
	height:20px;
	min-height:20px;
	padding:1px 4px;
}

.content-left select,
.content-right select,
.content-full select {
	height:19px;
	padding:0;
}
.content-left input[type="checkbox"],
.content-right input[type="checkbox"],
.content-full input[type="checkbox"],
.content-left input[type="radio"],
.content-right input[type="radio"],
.content-full input[type="radio"] {
	width:auto;
}
.ui-dialog-titlebar .contactSaveMessage {
	display:none;
	position:absolute;
	top:2px;
	right:105px;
	padding:1px 0px 1px 3px;
}
.ui-dialog-titlebar .contactSaveMessage .contact-notify {
	display:inline-block;
	width:auto;
	padding:0 5px;
}

textarea.form-control {
	min-height:75px;
	max-height:300px;
	max-width:100%;
}

.contact_data textarea {
	border:1px solid #DDDDDD;
	padding:2px 0 0 3px;
	min-height:7em;
}
.content-left textarea,
.content-right textarea,
.content-full textarea {
	min-height:7em;
	max-width:100%;
}
.content-right .righttab textarea {
	height:99.5%;
}
.lastchanged,
.contact_lastchanged {
	text-align:right;
	padding-right:5px;
	padding-top:2px;
	margin-top:2px;
	font-size:10px;
}
.lastchanged {
	border-top:1px solid #ddd;
}

.appointment_popup textarea,
.resubmission_popup textarea,
.contacthistory_popup textarea {resize:none;}

.appointment_popup .uploadedData,
.resubmission_popup uploadedData,
.contacthistory_popup .uploadedData {padding-left:0; padding-right:0; margin-top:5px;}

.resubmission_popup .appointment_lastchanged,
.appointment_popup .appointment_lastchanged {
	border:10px solid red;;
}
.formElement_Input .ui-datepicker-trigger {
	cursor:pointer;
	width:16px;
	height:17px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:transparent url(themes/baset/images/ui-icons_454545_256x240.png) no-repeat -33px -113px;
	border:1px solid #dddddd;
}
.formElement_Input .ui-datepicker-trigger:hover,
.formElement_Input .listmanagerOpener:hover {
	border-color:#ff7500;
}
.formElement_Input .listmanagerOpener:hover span,
.formElement_Input .ui-datepicker-trigger:hover {
	background-image:url(themes/baset/images/ui-icons_ffffff_256x240.png);
	background-color:#ff7500;
}
.formElement_Input .hasDatepicker {
	width:88%;
}
#administration {
	padding-bottom:30px;
} 
#usergroupAccessTabs .btn {
	margin-bottom:3px;
}
.popupWindow #content {
	padding-bottom:10px;
}
#administration select option {
	padding:2px 3px;
}
.field_Notiz textarea {
	width:340px;
	height:200px;
}
.flexigrid div.bDiv .maxcontent {
	padding:0px;
	overflow:hidden;
	text-overflow:ellipsis;

}
.flexigrid div.bDiv .contentChecked:hover .maxcontent {
	margin-left:-5px;
	padding:0px 5px;
	position:absolute;
	width:auto !important;
	min-height:23px;
	background:#d5effc url("images/hl.png") repeat-x scroll 0 10%;
	-webkit-box-shadow:2px 2px 5px #666;
	-moz-box-shadow:2px 2px 5px #666;
	-ms-box-shadow:2px 2px 5px #666;
	box-shadow:2px 2px 5px #666;
}
.flexigrid div.bDiv .contentChecked:hover .maxcontent.limitwidth {
	width:410px !important;
	white-space:normal;
	line-height:1.5;
	padding-top:3px;
	padding-bottom:2px;
}
.slist .treeRoot,
.mlist .treeRoot {
	padding:5px 4px;
}
.treeRoot ul {
	margin-left:9px;
}
.treeRoot li {
	padding:0px 4px;
	line-height:20px;
}
.treeRoot li.nolistelement {margin-left:4px; margin-right:4px;}

.dialog_listmanager {
	padding-bottom:10px;

	/*testing: flex, 21.03.2019*/
	display: flex;
	flex-flow: column;
	height: 100%;
	/*testing */
}
/*testing: flex, 21.03.2019*/
.dialog_listmanager .dialog_listmanager_content { overflow:auto; flex-grow:1; padding: 0 5px 10px 0;}
/*testing */
	
.dialog_listmanager .treeRoot li:hover {
	background-color:#eee;
}
.dialog_listmanager .treeRoot li:hover li:hover {
	background-color:#d7d7d7;
}
.dialog_listmanager .treeRoot li:hover li:hover li:hover {
	background-color:#e7e7e7;
}
.treeRoot li select {
	font-size:0.9em;
}
.treeRoot .treeSub1 {
	margin-bottom:7px;
	/* 	background-color:#f1f1f1; */
}
.treeRoot .treeSub2 {
	/* 	background-color:#eaeaea; */
}
.treeRoot .treeSub3 {
	/* 	background-color:#f1f1f1; */
}
.treeRoot .triwrap {
	position:relative;
	padding:2px;
	line-height:16px;
	margin:-1px -4px 0;
	clear:both;
	border:1px dashed transparent;
}
.treeRoot .triwrap.ui-state-hover {
	font-weight:normal;
}
.treeRoot .triwrap .tristate {
	float:left;
}
.treeRoot .triwrap .listvalue_title {
	display:block;
	margin-left:22px;
	padding-left:6px;
	padding-top:1px;
	font-size:1.15em;
	border-left:1px dotted #ccc;
	min-height:18px;
}

.contactWidget ul.treeRoot {
	padding:0 0 3px 0;
	margin-bottom:3px;
	border:0;
	border-bottom:1px solid #ddd;
}
.contactWidget ul.treeRoot li:hover {
	background-color:#c7e4ff;
}

/*appointment #reminder*/

.btnDeleteDialog {
	margin-right:2em !important;
	background:none !important;
	border:0 !important;
	text-decoration:underline !important;
}
.btnDeleteDialog:focus,
.btnDeleteDialog:active,
.btnDeleteDialog:not([disabled]):hover {
	color:#ff7500 !important;
}

.appointment_dialog .ui-dialog-title a {
	background:none;
	color:#444;
}
.appointment_dialog .ui-dialog-title a:hover {
	color:#ff7500;
}
.contacthistory_popup .conversation_comment,
.appointment_popup .appoint_message,
.resubmission_popup .appoint_message {
	min-height:150px;
}

.conversation_dialog.editNotAllowed .deleteFile {
	display: none;
}

.datatable_table .files_comment {
	cursor:pointer;
}
/* .datatable_table .files_comment:has(.noEdit) { cursor: default; } */
.datatable_table .files_comment.editing {
	cursor:default;
	padding-top:1px;
	padding-bottom:1px;
}
.datatable_table .files_comment.editing>div {
	margin-right:22px;
	margin-left:22px;
}
.datatable_table .files_comment.editing .cancel {
	position:absolute;
	left:-22px;
}
.datatable_table .files_comment.editing .save {
	position:absolute;
	right:-22px;
}
.datatable_table .files_comment .form-control {
	width:100% !important;
	height:22px;
	padding-top:0;
	padding-bottom:0;
}

.qq-uploader {
	min-height:0;
	max-height:none;
	background-color:transparent;
	border:0;
	border-radius:0;
	padding:0;
	margin-bottom:10px;
}
.qq-uploader:before {
	display:none;
}
.qq-upload-button {
	border:0;
	box-shadow:none;
	border-radius:0;
	display:block;
	width:100%;
	padding:15px;
	text-align:center;
	font-weight:bold;
	background:#dddddd;
	color:#525252;
}
.qq-upload-button-hover {
	background:#ff8000;
	color:#fff;
}
.qq-total-progress-bar-container {
	margin-left:0;
	display:block;
	float:none;
	width:100%;
}
.qq-total-progress-bar {
	height:5px;
	border-radius:5px;
}
.qq-upload-list .qq-upload-success {
	display:none;
}
.qq-upload-list {
	box-shadow:none;
}
.qq-upload-status-text {
	font-size:11px;
}
.qq-upload-list li {
	padding:3px;
	font-size:11.5px;
	position:relative;
	border:0;
	margin-bottom:2px;
}
.qq-btn {
	box-shadow:none;
	padding:3px 6px;
	float:right;
	border:0;
	border-radius:0;
	line-height:1;
}
.qq-upload-cancel:hover {
	background-color:#FFBBBB;
}
.qq-progress-bar {
	height:2px;
	border-radius:2px;
}
.qq-progress-bar-container-selector {
	position:absolute;
	width:50%;
	top:0;
	background:#ddd;
	height:2px;
	left:0;
}
.qq-upload-drop-area:before {
	content:attr(qq-drop-area-text) " ";
	position:absolute;
	font-size:200%;
	left:0;
	width:100%;
	text-align:center;
	top:12px;
	z-index:10;
	opacity:0.25;
}

INPUT.qq-edit-filename {width:0;}


.tabContentLoading {
	position:relative;
	top:0px;
	left:0.5%;
	height:100%;
	width:99%;
	opacity:0.75;
	/*box-shadow:0 0 5px #000000;*/
	
	z-index:100;
}
.tabContentLoading center {
	padding-top:32px;
	font-size:18px;
	color:#333;
}
.ui-dialog-content > .tabContentLoading center{
	padding-top:0;
}
#reminder {
	position:relative;
	z-index:1;
}
.appointmentTabs {
	width:auto !important;
}
.appointmentTabs .ui-tabs-panel {
	width:100% !important;
}
.appointmentTabs.ui-tabs > .ui-tabs-nav {
	display: flex;
}
.appointmentTabs.ui-tabs > .ui-tabs-nav > li {
	display: flex;
	overflow: hidden;
}
.appointmentTabs.ui-tabs > .ui-tabs-nav > li.ui-tabs-selected,
.appointmentTabs.ui-tabs > .ui-tabs-nav > li:hover {
	overflow: visible;
}

@media(max-width: 767px){
	
	.dataTables_wrapper > .dataTables_topmenu {
		display: flex;
		flex: 1 1 auto;
		white-space: nowrap;
	}
	.dataTables_wrapper > .dataTables_topmenu .datefilter {
		margin-right: auto;
	}
	.dataTables_wrapper > .dataTables_topmenu .datefilter .datewrap {
		display: flex;
		flex: 1 1 auto;
	}
	.dataTables_wrapper > .dataTables_topmenu .datefilter .datepart_week {
		display: none;
	}
	.dataTables_wrapper > .dataTables_topmenu .dataTables_filter {
		order:1;
	}
}
@media(min-width: 768px){

	.dialog-xs .dataTables_wrapper > .dataTables_topmenu {
		display: flex;
		flex: 1 1 auto;
		white-space: nowrap;
	}
	.dialog-xs .dataTables_wrapper > .dataTables_topmenu .datefilter {
		margin-right: auto;
	}
	.dialog-xs .dataTables_wrapper > .dataTables_topmenu .datefilter .datewrap {
		display: flex;
		flex: 1 1 auto;
	}
	.dialog-xs .dataTables_wrapper > .dataTables_topmenu .datefilter .datepart_week {
		display: none;
	}
	.dialog-xs .dataTables_wrapper > .dataTables_topmenu .dataTables_filter {
		order:1;
	}

}


.appointmentTabs .contactAppointmentWrapper {
	height:100%;
}

body.reminderHidden #reminder > .appointmentTabs {
	padding: 0 !important;
}

body.reminderHidden #reminder .ui-resizable-handle,
body.reminderHidden #reminder .ui-tabs-panel {
	display: none !important;
}


body.contactBrowserHidden #reminder > .appointmentTabs {
	padding: 0 !important;
}
body.contactBrowserHidden #reminder .ui-resizable-handle {
	display: none !important;
}
body.contactBrowserHidden:not(.reminderHidden) #mainSearchWrapper {
	border-top: 1px solid #d7d7d7;
}
body.contactBrowserHidden #mainSearchWrapper .selectedInfo {
	display: none;
}


span.ui-resize-s-helper {
	pointer-events:none;
}
.flexHeight {
	height:auto !important;
	padding:0.0em 0em 0em;
	border:0px none;
}
.flexHeight .ui-tabs-panel {
	height:200px;
	padding:2px 0em 0em;
	margin-bottom:7px;
	overflow-x:hidden;
	overflow-y:auto;
}
#reminder .ui-resizable-s {
	position:absolute;
	width:100%;
	background:#d7d7d7;
	border-width:1px 0;
	border-style:solid;
	border-color:rgb(221,221,221);
	cursor:row-resize;
	height:auto;
	bottom:0px;
	left:0px;
	z-index:1;
/* 	transform:translate(0,100%); */
}
#reminder .ui-resize-s-helper {
	padding:6px 0 4px;
	overflow:hidden;
	pointer-events: none;
}
#reminder .ui-resize-s-helper span {
	display: block;
	margin: 0 auto;
	height:3px;
	border-top:1px solid #a6a6a6;
	width:20px;
}
.ui-dialog-buttonpane .loader_small {
	margin:.5em .4em .5em 0;
	float:right;
	line-height:24px;
}
/*export*/
#exportFormular #savedExportSettingsWrap_filter {
	margin-left: auto;
}
.exportDialog .ui-dialog-buttonset {
	width:100%;
}
.exportDialog .ui-dialog-buttonset .exportCloseBtn {
	float:left;
}
.export_fields {
	word-break:break-all;
}
#functionsSelected {
	position:absolute;
	right:-25px;
	top:50%;
	margin-top:-31px;
}
#functionsSelected li {
	margin-bottom:1px;
}
#functionsAvailable {
	position:absolute;
	left:-25px;
	top:50%;
	margin-top:-10px;
}

#exportFormular .controlElement {
	display:block;
}

.exportLoadBtn {
	float:left;
}

.exportSaveBtn,
.exportCloseBtn,
.exportExportBtn,
.exportPreviewBtn {
	float:right;
}
.exportVariantTabs .ui-tabs-panel {
	width:auto;
	min-height:auto!important;
}
.exportVariantTabs .ui-tabs-panel .main_fieldset {
	border:0px none;
}
.exportVariantTabs .ui-accordion .ui-accordion-content {
	padding:0;
	height:auto !important;
}

#exportDownloadPreview table td {white-space:nowrap; font-size:10px;}

/**/

.conversationtext,
.appointmenttext {
	width:300px;
	max-height:15em;
}

.ui-effects-transfer {
	border-color:#FF7500;
}
.effectsTransferDialog {
	border-width:2px;
	border-style:dotted;
	z-index:99999;
}
.hideEffectTransfer {
	display:none !important;
}
.effectsTransferTarget {
	width:170px;
	height:0;
	float:left;
	z-index:0;
}
.singleField {
	width:auto;
	/*18.03.2014*/
	
	height:27px;
	overflow:hidden;
	margin-bottom:1px;
}
#unusedFields .singleField {
	width:auto;
	float:left;
	height:27px;
	overflow:hidden;
	margin-bottom:1px;
}
.singleFieldPlaceholder {
	width:99px;
	display:inline-block;
	float:left;
	border:2px dotted gray;
	height:25px;
	margin-bottom:1px;
}
.sortTab {
	min-height:50px;
	min-width:300px;
}
.file_handler_fileCount {
	width:100%;
	text-align:right;
	font-size:10px;
	margin-top:3px;
}
hr.ui-seperator {
	border-color:#DDDDDD;
	border-style:solid none none;
	border-width:1px medium medium;
}
/*datepicker*/
.ui-datepicker {
	z-index:99999!important; /*datepicker uses input z-index*/
}
.ui-datepicker-trigger {
	float:right;
}
.ui-timepicker-div .ui-widget-header {
	margin-bottom:8px;
}
.ui-timepicker-div dl {
	text-align:left;
}
.ui-timepicker-div dl dt {
	float:left;
	clear:left;
	padding:0 0 0 5px;
}
.ui-timepicker-div dl dd {
	margin:10px 10px 5px 40%;
}
.ui-timepicker-div td {
	font-size:90%;
}
.ui-tpicker-grid-label {
	background:none;
	border:none;
	margin:0;
	padding:0;
}
.ui-timepicker-div .ui_tpicker_unit_hide {
	display:none;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
	background:none;
	color:inherit;
	border:none;
	outline:none;
	border-bottom:solid 1px #555;
	width:95%;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
	border-bottom-color:#aaa;
}
.ui-timepicker-rtl {
	direction:rtl;
}
.ui-timepicker-rtl dl {
	text-align:right;
	padding:0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
	float:right;
	clear:right;
}
.ui-timepicker-rtl dl dd {
	margin:0 40% 10px 10px;
}
/* Shortened version style */

.ui-timepicker-div.ui-timepicker-oneLine {
	padding-right:2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
	display:none;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
	display:block;
	padding-top:2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
	text-align:right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
	display:inline-block;
	margin:0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
	content:':';
	display:inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
	content:'.';
	display:inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
	display:none;
}
.ui-timepicker-div {
	overflow:hidden;
}
/**/

.ui-widget-title {
	padding:0.4em;
	margin-bottom:0.4em;
	position:relative;
	background-color:#eee;
	background-image:none;
}
.ui-widget-padding {
	padding:0.4em;
}
.margin-helper {
	margin:4px;
}
.vcardTypes {
	display:none;
/* 	position:absolute; */
	left:initial;
	z-index:1050; /* over current active*/
	margin:0px 0px 0px 20px;
	padding:4px 0px;
	font-weight:normal;
	border-color:#bbb;
	box-shadow:1px 1px 5px #333;
	
	position:fixed;
	max-height:300px;
	overflow:auto;
	min-width:200px;
	max-width:300px;
}

.vcardTypes .typeEntrys {
	padding-left:3px;
}
.vcardTypes .checkbox {
	margin:0px;
	font-weight:normal;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.vcardTypes label {
	width:100%;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:30px;
}
.vcardTypes label:hover {
	background-color:#ddd;
}

.vcardTypes input {
/* 	width:auto; */
/* 	margin:2px 5px 0 5px; */
/* 	vertical-align:top; */
}


.vcardTypes .removeType {
	position:absolute;
	top:-2px;
	right:0px;
	color:#666;
	text-decoration:none !important;
}
.vcardTypes .removeType:hover {
	color:#ff7500;
}
.vcardTypesClose {
	display:none;
	position:absolute;
	right:-9px;
	top:-8px;
	cursor:pointer;
}
.ui-icon-triangle-1-s {
	cursor:pointer;
}
.vcardNewType {
	margin-left:4px;
}
.adrTypeSelector {
	margin-left:19px;
	height:20px;
}
.adrTypeSelector .adrSelectedInfo {
	display:inline-block;
	padding:2px 0px 0px 3px;
}
.adrTypeSelectorOpener {
	position:absolute;
	left:5px;
	top:1px;
}
.permhidden {
	display:none !important;
}
.ui-tabs {
	padding:2px 2px 0;
}
.ui-tabs .ui-tabs-nav {
	padding:2px 3px 0;
}
.ui-tabs .ui-tabs-nav li a:not(.btn) {
	padding-left:7px;
	padding-right:7px;
	font-weight:normal;
	text-overflow:ellipsis;
	overflow:hidden;
}
.ui-state-default:not(.ui-state-active):not(.ui-state-hover) a:not(:active):not(:hover){
	color:#333;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	font-weight:bold;
}
.ui-tabs .ui-tabs-panel {
	position:relative;
	min-height:150px;
	padding:5px;
}
.ui-tabs .ui-tabs-panel > .ui-tabs .ui-tabs-panel {padding-top:10px;}
.ui-tabs .ui-tabs-nav > li > .tabReload {
	display:none;
	padding:1px 1px;
	cursor:pointer !important;
}
.ui-tabs .ui-tabs-nav > li > .tabReload {
	margin:3px 3px 0 0;
}

.ui-accordion .ui-accordion-header > .tabReload{
	display:none;
}
/*
	new Styles for appointment datatables
*/

.dataTablesNotLoaded .datewrap,
.dataTablesNotLoaded .datatable_table {
	opacity:0;
}
.italic {
	font-style:italic;
}

.dataTables_wrapper .dataTables_topmenu {
	background:url("images/bg.gif") repeat-x scroll center top #FAFAFA;
	border-color:#CCCCCC #DDD #CCCCCC #FFFFFF;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	height:32px;
	padding:2px 5px 0px 7px;
	position:absolute;
	top:0;
	width:100%;
}
.dataTables_filter {
	float:right;
	margin-top:2px;
	height:21px;
}
.dataTables_filter label {
	width: 100px;
	display: flex;
	position: relative;
}
.dataTables_filter .notEmpty {
	font-weight:bold;
	color:#ff7500;
}
.dataTables_filter .form-control {
	margin-left:3px;
	width: 100%;
	right: 0;
	top: 0;
}
.dataTables_filter .form-control:focus {
	width:200px !important;
	position: absolute;
}
.datatable_table.table_style thead {
	background:url("images/fhbg.gif") repeat-x scroll center bottom #FAFAFA;
	/*	 	border-color:#CCC #DDD #DDD #FFF; */
	/* 		border-style:solid solid none; */
	/* 		border-width:0px 0px 0px 0px; */
	
	border:0;
}
.datatable_table thead th {
	background:transparent none;
	border-top:0;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #fff;
	cursor:default;
	white-space:nowrap;
	font-weight:normal;
	color:#000;
	height:23px;
	line-height:22px;
	padding-left:3px;
	padding-right:3px;
}
.DataTables_sort_wrapper {
	position:relative;
	padding-right:15px;
}
.DataTables_sort_wrapper .css_right {
	position:absolute;
	right:0;
	top:4px;
}
.datefilter {
	margin-top:1px;
	display:none;
}
.dataTables_topmenu .datefilter {
	display:inline-block;
}
.dataTables_topmenu > * {
	padding-right: 3px;
}
.datewrap {
	float:left;
}
.datewrap label {
	margin-bottom:0;
}
.dataTables_topmenu div.datewrap_button {
	float:left;
	background-color:transparent;
	border:1px solid transparent;
	cursor:pointer;
	width:20px;
	height:20px;
	margin-top:4px;
}
.dataTables_topmenu div.datewrap_button span {
	display:block;
	cursor:pointer;
	height:19px;
	width:19px;
	border-left:1px solid transparent;
	border-top:1px solid transparent;
}
.dataTables_topmenu div.datewrap_button:hover {
	border:1px solid #CCC;
}
.dataTables_topmenu div.datewrap_button:hover span {
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;
}
.dataTables_topmenu .datePrev {
	background:url("images/prev.gif") no-repeat scroll center center;
	margin:0px 5px 0px 0px
}
.dataTables_topmenu .dateNext {
	background:url("images/next.gif") no-repeat scroll center center;
}
.dataTables_topmenu .dateSelect {
	float:left;
}
.dataTables_topmenu .dateSelect label {
	overflow:hidden;
}
.dataTables_topmenu .new-entry-button,
.dataTables_topmenu .new-appointment-button {
	margin-top:2px;
	margin-left:5px;
	height: 21px;
	order: 2;
}
@media ( max-width:1199px) {
	.dataTables_topmenu .dateSelect label {
		max-width:0;
		opacity:0;
		-webkit-transition:max-width 0.500s 1.5s ease, opacity 0.25s 1.75s;
		-moz-transition:max-width 0.500s 1.5s ease, opacity 0.25s 1.75s;
		-ms-transition:max-width 0.500s 1.5s ease, opacity 0.25s 1.75s;
		-o-transition:max-width 0.500s 1.5s ease, opacity 0.25s 1.75s;
		transition:max-width 0.500s 1.5s ease, opacity 0.25s 1.75s;
	}
	.dataTables_topmenu .dateSelect:hover label,
	.dataTables_topmenu .dateSelect label.ui-state-active {
		max-width:100px;
		opacity:1;
		-webkit-transition:opacity 0.25s, max-width 0.500s;
		-moz-transition:opacity 0.25s, max-width 0.500s;
		-ms-transition:opacity 0.25s, max-width 0.500s;
		-o-transition:opacity 0.25s, max-width 0.500s;
		transition:opacity 0.25s, max-width 0.500s;
	}
}
.dataTables_topmenu .dateInfo {
	float:right;
	margin-top:6px;
	padding-left:7px;
}
.datatable_table .odd td {
	background-color:#ffffff;
}
.datatable_table .even td {
	background-color:#eeeeee;
}
.datatable_table .odd td.sorting_desc,
.datatable_table .odd td.sorting_asc,
.datatable_table .odd td.sorting_1 {
	background-color:#f3f3f3;
}
.datatable_table .odd td.sorting_2 {
	background-color:#f5f5f5;
}
.datatable_table .odd td.sorting_3 {
	background-color:#f7f7f7;
}
.datatable_table .odd td.sorting_4 {
	background-color:#f9f9f9;
}
.datatable_table .isAnswer td {
	font-style:italic;
}
/*background-color:#fff0ff;*/

.datatable_table .appointAnswerTable {
	width:100%;
	border:0px none transparent;
}
.datatable_table .appointAnswerTable thead {
	display:none;
}
.datatable_table .appointAnswerTable td {
	border-top:1px solid #ccc;
}
.datatable_table .appoint_sort {
	display:none;
}
.datatable_table .appoint_user {
	width:95px;
	text-align:center;
}
.contact_data .appoint_contacticon .ui-icon {
	cursor:default !important;
}
.datatable_table .appoint_contacticon {
	text-align:center;
	vertical-align:middle;
}
.datatable_table .appoint_contacticon .ui-icon {
	display:inline-block;
}
.datatable_table td.answerDetails {
	display:none;
}
.datatable_table td.appointAnswerDetails {
	padding:0;
}
.datatable_table th.sorting:hover div {
	background:url("images/up.png") no-repeat scroll center top;
	cursor:n-resize;
}
.datatable_table th.sorting_desc,
.datatable_table th.sorting_asc {
	background:url("images/wbg.gif") repeat-x scroll 0 -1px transparent;
}
.datatable_table th.sorting_desc div {
	background:url("images/dn.png") no-repeat scroll center top;
	cursor:n-resize;
}
.datatable_table th.sorting_desc:hover div {
	background:url("images/up.png") no-repeat scroll center top;
}
.datatable_table th.sorting_asc div {
	background:url("images/up.png") no-repeat scroll center top;
	cursor:s-resize;
}
.datatable_table th.sorting_asc:hover div {
	background:url("images/dn.png") no-repeat scroll center top;
}
.datatable_table tr td.maxh {
	position:relative;
	vertical-align:top;
}

.datatable_table tr td.appoint_contact,
.datatable_table tr td.appoint_contactcompany,
.datatable_table tr td.appoint_note {
	min-width:150px;
}

.datatable_table tr > td.export_title,
.datatable_table tr > td.export_notice {
	min-width:150px;
}
/* notice is full variable*/
.datatable_table tr > td.export_title > div {
	max-width:200px;
}

.datatable_table tr:hover td.maxh {
	z-index:2;
}
.datatable_table td .maxContent {
	overflow:hidden;
	padding-right:3px;
	padding-left:3px;
	white-space:nowrap;
	text-overflow:ellipsis;
	background:inherit;
	position:absolute;
	z-index:1;
	left:0px;
	right:0px;
}
.datatable_table td:hover .maxContent,
.datatable_table .maxContent:hover {
	position:absolute;
	white-space:pre-line !important;
	overflow:auto !important;
	word-break:break-word;
	max-height:90px;
	z-index:2;
	padding-bottom:3px;
}

.maxContent:hover a {display:inline-block;}

/* datatable css not loaded now */
.datatable_table thead .dt-header-right,
.datatable_table tfoot .dt-footer-right,
.datatable_table tbody .dt-body-right {
	text-align:right;
}

.datatable_table thead .dt-header-left,
.datatable_table tfoot .dt-footer-left,
.datatable_table tbody .dt-body-left {
	text-align:left;
}
.datatable_table thead .dt-header-center,
.datatable_table tfoot .dt-footer-center,
.datatable_table tbody .dt-center {
	text-align:center;
}

div.dataTables_wrapper div.dataTables_paginate {
	margin:0;
	white-space:nowrap;
	text-align:right;
	float:right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	margin:2px 0;
	white-space:nowrap;
}
.pagination {
	display:inline-block;
	padding-left:0;
	margin:20px 0;
	border-radius:4px;
}
.pagination>li {
	display:inline;
}
.pagination>li>a, .pagination>li>span {
	position:relative;
	float:left;
	padding:3px 9px;
	margin-left:-1px;
	line-height:1.42857143;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd;
	border-top:0;
	border-bottom:0;
}
.dataTables_paginate .paginate_button {
	padding:0;
	margin-left:0;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left:0;
	border-left:0;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color:#777;
	cursor:not-allowed;
	background-color:#fff;
	border-color:#ddd;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index:2;
	color:#fff;
	background-color:#ff7500;
	border-color:#ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index:3;
	color:#ff7500;
	cursor:default;
	font-weight:bold;
	background-color:#fff;
	border-color:#ddd;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-right:0;
}



/*administration konfiguration*/


#currentuser.ui-accordion {
	display:block;
}
.formWrapper .formrow {
	margin-bottom:6px;
	padding-bottom:6px;
	border-bottom:1px solid #DDD;
}
.formWrapper .formrow:last-child {
	border-bottom:1px none;
}
.formWrapper .formElement_Caption {
	display:inline-block;
	width:125px;
	padding:0.4em 1em;
	text-align:left;
	margin-bottom:0;
}
.formWrapper .formElement_Input {
	display:inline-block;
	margin-left:5px;
	width:150px;
}
.formWrapper .formElement_Text {
	display:inline-block;
	margin-left:5px;
	width:auto;
}
.smallbutton .ui-button-text {
	line-height:0.6em;
	padding:0.4em 0.6em 0.2em;
}
.ui-notify-message h3 {
	color:#FFF;
	font-size:1.0em;
	margin:3px 0;
	font-weight:normal;
}
.ui-notify-message a {
	color:#FFF;
}
.ui-notify-message a:hover {
	color:#FF7500;
}
.ui-notify-message div {
	color:#FFF;
}
.ui-notify-message select {
	color:#000;
}
.ui-notify-message .headline {
	font-size:12px;
	margin:-5px 0 5px 0px;
	color:rgb(255, 117, 0);
	font-weight:bold;
}
.ui-notify-message .headline.change {
	color:#fff;
}
.ui-notify-message .headline.alertchange {
	color:#fff;
}
.ui-notify-message .title {
	font-size:0.9em;
}
.ui-notify-cross {
	text-decoration:none;
	text-shadow:none;
}

.ui-notify>div {
	padding:0.2em 0.5em
}
#notification-templates .ui-notify-message {
	padding:10px;
	margin:7px 5px 7px 7px;
	color:#eee;
	border-radius: 3px;
}

/* notification reminder */
#notification-templates.ui-notify {
    width: 300px;
    right: 3px;
    overflow-y: auto;
    max-height: calc(100vh - 33px);
}
#notification-templates.ui-notify:hover {
	-o-box-shadow: 0 0 7px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 0 7px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.25);
	box-shadow: 0 0 7px rgba(0,0,0,0.25);
	background-color: rgba(0,0,0,0.15);
	border-radius: 3px;
}
#notification-templates .ui-notify-cross {
	margin:-12px -5px 0 0;
}
.ui-notify {
	z-index:1000;
}
.ui-notify.newNotifyArrived,
.ui-notify:hover {
	z-index:1011;
}
.ui-notify.lowerZIndex {
	z-index:1;
}
.notificationButtonWrapper {
	margin-top:5px;
}
.notificationButtonWrapper .btn{
	border-radius: 3px;
	color: #fff;
}
.postpone_button {
	font-size:11px;
	font-weight:normal !important;
}
.postpone_show {
	float:right;
}
.notificationButtonWrapper select {}
.notificationMessageToggle {
	color:#fff;
	margin:4px 10px 0px 0;
	float:right;
	font-size:0.9em;
}
.notificationMessage {
	color:#FFF;
	margin-top:5px;
}

/* .appointsync-template .title {color:rgb(255,117,0);} */

.popupHider {
	display:none;
}
#config_tabConfiguration .ui-tabs-panel,
#config_vcardConfiguration .ui-tabs-panel,
#config_fieldConfiguration .ui-tabs-panel {
	min-height:58px;
}
#config_vcardConfiguration input,
#config_fieldConfiguration input {
	height:20px;
	font-size:1.1em;
	width:100%;
}
#config_vcardConfiguration .ui-button {
	margin-top:16px;
	margin-left:0px;
}
#config_vcardConfiguration .configElementFormWrapper,
#config_fieldConfiguration .configElementFormWrapper {
	margin:4px 8px 4px 0;
}
#config_fieldConfiguration .funcbtn {
	margin-top:-2px;
}

/* Appoint, Schedule popup*/
.appointment_popup .dateWholeday {display:none;}
.showWholeday .appointment_popup .dateWholeday {display:block;}
.showWholeday .appointment_popup .dateDuration {display:none;}

.scheduleSyncOkInfo {
	float:left;
	font-size:0.90em;
	padding-top:16px;
	margin-left:15px;
}
.targetUserBusyButton {
	margin-left:5px;
}
.targetUserBusyInfo {} .targetUserBusyInfo .highlightBusy {
	color:red;
}
.targetUserBusyInfo .highlightFree {
	color:green;
}
/* whatever */

.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
	margin-top:-7px;
}
/* fontsize 11.5px mod */
.ui-button-text-only .ui-button-text {
	padding-top:0.35em;
	padding-bottom:0.35em;
}
.ui-button {
	vertical-align:middle;
}
.ui-button.ui-state-disabled {
	pointer-events:none;
}
.fieldVisible_0,
.fieldAccess_0 {
	color:#FFF;
	background:#D41708;
}
.fieldAccess_1 {
	color:#222;
	background:#EEEE00;
}
.fieldVisible_1,
.fieldAccess_2 {
	color:#222;
	background:#00E248
}
.dd-pointer {
	cursor:pointer;
}
.dd-select.isSaving {
	opacity:0.5;
}
.coloredStatus {
	float:right;
	width:40px;
}
/**/

.dd-select {
	border:0px none;
}
.dd-select label {
	cursor:pointer;
}
.dd-desc {
	padding:4px;
}
.dd-option {
	padding:5px 10px;
}
.dd-selected {
	padding:0px;
}
.dd-option-selected {
	background:none repeat scroll 0 0 #DDDDDD;
}
.dd-option label {
	cursor:pointer
}
.dd-option-selected label {
	font-weight:bold;
}
/* .ibutton-set {margin-right:89px; width:189px;} */

.buttonWrap {
	display:block;
	;
	margin-bottom:7px;
}
.buttonWrap input[type="checkbox"] {
	float:right;
}
.ibutton-container {
	position:absolute !important;
	right:-89px;
	top:-1px;
}
#reminder .ptogtitle {
	float:right;
	border:1px solid #CCCCCC !important;
	cursor:pointer;
	height:16px;
	overflow:hidden;
	padding:0;
	right:0px;
	top:4px;
	width:18px;
}
#reminder .ptogtitle span {
	background:url("images/uup.png") no-repeat scroll center center transparent;
	border-bottom:1px solid #DDDDDD;
	border-left:1px solid #EEEEEE;
	border-top:1px solid #FFFFFF;
	display:block;
	height:14px;
	width:14px;
}
#reminder .ptogtitle.vsble span {
	background:url("images/ddn.png") no-repeat scroll center center transparent;
}
#reminder .appointmentTabs {
	background:#fff;
	border-top:0px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 17px;
}
#reminder .ui-tabs-panel {
	padding:5px 0px 0 0px;
/* 	background:#fff; */
/* 	border-left:1px solid #ccc; */
}

.listLevel1,
.listLevel2,
.listLevel3,
.listLevel4,
.listLevel5 {
	clear:both;
}

/*contactFields*/
.duplicateCheck input.form-control{
	border-bottom:1px solid rgba(255,117,0,0.33) !important;
}
.duplicateCheck.hasDup input.form-control{
	border-bottom:1px solid rgba(255,117,0,1) !important;
}

/*Dub-Check Box*/
.duplicateWarningBox {
	position:relative;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.duplicateWarningBox .duplicateWarning {
	display:none;
	background:#3D3D3D url(images/dub_warning.gif) no-repeat 28px 15px;
	padding:15px;
	margin:-1px;
}
.duplicateWarningBox .handle {
	cursor:pointer;
	position:absolute;
	bottom:-19px;
	left:50%;
	margin-left:-20px;
	z-index:50;
	height:20px;
	width:40px;
	background:transparent url(/app/styles/images/dub_ignore_handle.png) center center;
}
#minimized-dialog-container .duplicateWarningBox {
	display:none;
}
.duplicateWarning .leftcol {
	float:left;
	width:35.9%;
}
.duplicateWarning .midcol {
	float:left;
	width:34.5%;
	min-height:70px;
	max-height:155px;
	overflow:auto;
}
.duplicateWarning .rightcol {
	float:right;
	width:27.9%;
}
.duplicateWarning .leftcol h3 {
	text-align:right;
	font-size:20px;
	font-weight:normal;
	margin:0;
	color:#F8A519;
}
.duplicateWarning .midcol ul {
	position:relative;
	margin-top:3px;
	margin-left:40px;
}
.duplicateWarning .midcol li,
.duplicateWarning .midcol li a {
	color:#fff;
	text-decoration:none;
}
.duplicateWarning .midcol li a:hover {
	text-decoration:underline;
}
.duplicateWarning .midcol .ui-icon {
	position:absolute;
	left:-25px;
}
.duplicateWarning .rightcol {
	text-align:left;
}
.duplicateWarning .btn {
	font-size:16px;
	text-decoration:none;
	color:#F8A519;
}
.duplicateWarning .btn .glyphicon {
    font-size: inherit;
}
.duplicateWarning .btn:hover {
	color:#FFF;
}

.dialog-xs .leftcol,
.dialog-xs .midcol {
	float: none;
	width: auto;
	margin-left: 100px;
}
.dialog-xs .leftcol h3 {
	text-align:left;
}
.dialog-xs .midcol {
	margin-right: 220px;
}
.dialog-xs .duplicateWarningBox .duplicateWarning {
	background-position-y: 23px
}
.dialog-xs .duplicateWarning .leftcol h3 {
	font-size: 18px;
}




.newContact .duplicateWarning .ignoreDuplicateBt,
.duplicateWarning .removeNewContactBt {
	display:none;
}
.newContact .duplicateWarning .removeNewContactBt {
	display:inline-block;
}

pre,
p,
.userSelectable,
.ui-dialog .ui-dialog-title,
.ui-dialog .ui-dialog-statusbar,
.form-control,
.formElement_Input span,
.datatable_table td,
.infoContent {
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	user-select:text;
}

.ui-draggable-dragging {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	box-shadow:none;
	border-color:#a9a9a9;
}
.ui-draggable-dragging > .ui-dialog-titlebar {
	pointer-events:none;
}
.contact-button-caption {
	padding:0 3px;
	font-weight:normal !important;
}
/*suche*/


.listManagerDialog_rename .ui-notify,
.listManagerDialog_new .ui-notify,
.listManagerDialog_delete .ui-notify {
	position:relative;
	width:initial;
	top:initial;
	right:initial;
}
.mlist .sortingHandle {
	position:absolute;
	right:0;
	height:18px;
	width:18px;
	top:0;
	text-indent:6px;
	background-color:#ccc;
}
.contact_locked,
.contact_deleted {
	position:absolute;
	right:85px;
	top:0px;
	background-color:red;
	color:#fff;
	padding:0 8px;
	line-height:22px;
}
.contact_locked {
	background-color:orange;
}
.contact_locked .ui-icon,
.contact_deleted .ui-icon {
	background-image:url(themes/baset/images/ui-icons_ff7500_256x240.png) !important;
	float:left;
	margin-top:3px;
	margin-right:5px;
}
#minimized-dialog-container:hover .minimizedNav {
	left: 8px;
}
#minimized-dialog-container .contact_locked,
#minimized-dialog-container .contact_deleted {
	width:22px;
	right:60px;
	top:0;
	padding:0 4px 0px 3px;
	overflow:hidden;
}
#minimized-dialog-container .contact_locked .ui-icon,
#minimized-dialog-container .contact_deleted .ui-icon {
	margin-top:1px;
}
#minimized-dialog-container .contact_lastchanged {
	display:none;
}
#content>.flexigrid>.vGrip {
	display:none;
}
#reminder .new-appointment-button {
	display:none;
}
#blackboard-postit {
	display:none;
	opacity:0;
	position:absolute;
	background-color:#FFFF9A;
	left:100%;
	top:25px;
	bottom:43px;
	height:auto;
	width:250px;
	margin-left:5px;
	box-shadow:2px 2px 6px #000;
	z-index:-1;
	padding:0px 10px 5px 10px;
}
#blackboard-postit.active {
	display:block;
}
#blackboard-postit.postitLeft {
	left:-5px;
	margin-left:0px;
	transform:translate(-100%,0);
}
#blackboard-postit-contactname {
	padding-top:7px;
	font-weight:bold;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
#blackboard-postit-textarea {
	height:230px;
	width:100%;
	background:none;
	border:none;
	resize:none;
	padding:1em 0;
	outline:none;
	opacity:0;
}
.postitState {position:absolute; right:3px;}
.postitState i {color:green;}
#blackboard-postit:not(.saved) .postitState i,
#blackboard-postit:not(.saveing) .postitState span {display:none;}

.ui-no-border {
	border:none !important;
}
#space-sidebar {
	position:absolute;
	top:0px;
	left:0;
	height:100%;
	width:0px;
	z-index:1;
	background-color:#3f3f3f;
	overflow:hidden;
	padding-top:25px;
	padding-bottom:25px;
}
#space-sidebar-content-wrapper {
	height:100%;
	position:realtive;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
#space-sidebar-title {
	overflow:hidden;
	font-family:Verdana;
	font-size:20px;
	color:#d6d6d6;
	line-height:1.2;
	font-weight:normal;
	margin-bottom:15px;
	margin-top:20px;
}
.sidebar-content {
	margin-left:25px;
	width:220px;
	color:#ffffff;
	font-family:verdana;
	font-size:12px;
	font-weight:normal;
	line-height:1.4;
	overflow-x:hidden;
	overflow-y:auto;
	box-sizing:content-box;
}
.sidebar-content h2 {
	font-size:16px;
	font-weight:normal;
	margin-bottom:0.4em;
}
.sidebar-content .ui-icon{cursor:pointer;}

#space-sidebar-hint {
	width:220px;
	margin-left:0px;
	padding:15px 25px;
	border-top:1px solid #6a6a6a;
	border-bottom:1px solid #6a6a6a;
}
#space-sidebar-content {
	width:245px;
}
#space-sidebar-footer {
	position:absolute;
	bottom:0;
	width:220px;
	margin-left:0px;
	padding:15px 25px;
	border-top:1px solid #6a6a6a;
	background:#3f3f3f;
}

#space-sidebar-content .chosen-container .chosen-search input,
#space-sidebar-content .chosen-container .chosen-results li.no-results {background:none;}

.sidebar_relations_show,
.sidebar_contactpersons_show,
.sidebar_visible_show,
.sidebar_visible.sidebar_relations .sidebar_relations_hide,
.sidebar_visible.sidebar_contactpersons .sidebar_contactpersons_hide,
.sidebar_visible .sidebar_visible_hide,
.sidebar_visible .selectedInfo {
	display:none;
}
.sidebar_visible.sidebar_relations .sidebar_relations_show,
.sidebar_visible.sidebar_contactpersons .sidebar_contactpersons_show,
.sidebar_visible .sidebar_visible_show {
	display:initial;
}
#relateContactPersons-company {
	margin-bottom:2em;
}
.relatedContacts_entry {
	display:block;
	padding-right: 5px;
	clear:both;
	font-size:11px;
	line-height:1.7;
}
#relateContacts_ok,
#relateContacts_cancel {
	padding-left:30px;
	padding-bottom:5px;
	font-size:18px;
}
#relateContacts_ok:hover,
#relateContacts_cancel:hover {
	color:#fff;
}
#relateContacts_ok {
	background:transparent url(images/check_arrow_green.png) no-repeat left center;
	color:#00cc00;
	cursor:pointer;
}
#relateContacts_ok.disabled {
	color:#c2c2c2;
	opacity:0.3;
}
#relateContacts_cancel {
	background:transparent url(images/check_arrow_yellow.png) no-repeat left center;
	color:#F8A519;
	cursor:pointer;
}
#relateContactPersons-type {
	margin-bottom:2em;
}
/* chosen.js style in sidebar */

#space-sidebar-content .chosen-container-single .chosen-single {
	background:#424242;
	border:1px solid #9a9a9a;
	box-shadow:none;
	border-radius:0px;
	color:#FFFFFF;
	height:25px;
}
#space-sidebar-content .chosen-container-single .chosen-single b { 
	border-color: #fff;
}
#space-sidebar-content .chosen-container-active.chosen-with-drop .chosen-single div b {
	margin-top: 10px;
}

#space-sidebar-content .chosen-container .chosen-drop {
	background:#424242;
	border:1px solid #9a9a9a;
	box-shadow:none;
	border-radius:0px;
	color:#FFFFFF;
}
#space-sidebar-content .chosen-results .active-result:not(.highlighted):not(.result-selected){
	color:#fff;
}
#space-sidebar-content .chosen-container .chosen-results li.highlighted {}
#contactRelationType-newRelationType,
.contactRelationType-renameType {
	background:#424242;
	border:1px solid #9a9a9a;
	box-shadow:none;
	border-radius:0px;
	color:#FFFFFF;
	width:190px;
	height:23px;
	padding:0 5px;
}
#contactRelationTypeError {
	position:absolute;
	width:100%;
	background:#3f3f3f;
	z-index:2;
}
#contactRelationTypeError-overlay {
	position:absolute;
	width:100%;
	background-color:#666;
	opacity:0.75;
}
#contactRelationTypeError-title {
	background:url(images/dub_warning.gif) no-repeat 25px 0px;
	min-height:65px;
	color:#fcb125;
	font-family:Verdana;
	font-size:20px;
	padding:10px 0 10px 110px;
}
#contactRelationTypeError-content {
	color:#fff;
	padding:15px 25px;
}
#contactRelationTypeDelete_ok,
#contactRelationTypeDelete_cancel {
	padding-left:30px;
	padding-bottom:5px;
	font-size:18px;
}
#contactRelationTypeDelete_ok:hover,
#contactRelationTypeDelete_cancel:hover {
	color:#fff;
}
#contactRelationTypeDelete_ok {
	background:transparent url(images/check_arrow_yellow.png) no-repeat left center;
	color:#F8A519;
	cursor:pointer;
}
#contactRelationTypeDelete_cancel {
	background:transparent url(images/check_arrow_green.png) no-repeat left center;
	color:#00cc00;
	cursor:pointer;
}
.relationsWarningIcon {
	display:block;
	height:65px;
	width:100%;
	margin-bottom:1em;
	background-image:url(/app/styles/images/lic_warning.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#relateAlreadyRelated_cancel,
#relateAlreadyRelated_save {
	padding-left:30px;
	padding-bottom:5px;
	font-size:18px;
}
#relateAlreadyRelated_cancel:hover,
#relateAlreadyRelated_save:hover {
	color:#fff;
}
#relateAlreadyRelated_cancel {
	background:transparent url(images/check_arrow_green.png) no-repeat left center;
	color:#00cc00;
	cursor:pointer;
}
#relateAlreadyRelated_save {
	background:transparent url(images/check_arrow_yellow.png) no-repeat left center;
	color:#F8A519;
	cursor:pointer;
}
#alreadyRelatedContacts {
	margin-bottom:1em;
	margin-top:1em;
}
.content-right .righttab textarea.contactnotes {
	resize:none;
	height:200px;
}
/* hide search radios, style buttons in search bar */

.extSearch .extendedSearch {
	display:none;
}
.gsearch .globalSearch {
	display:none;
}
.gsearch .searchIcon {
	padding:0px 6px 0px 6px;
	font-size:14px;
	line-height:1.5em;
	float:left;
}

.files_action {
	white-space:nowrap;
	min-width:22px;
}
.files_crdate {
	white-space:nowrap;
}
.files_comment {
	min-width:125px !important;
}
.files_filename {
	min-width:125px !important;
	max-width:210px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
tbody .files_action {
	padding:2px 1px 2px 1px;
}
.adressblock {
	position:relative;
	display:inline-block;
	margin-bottom:10px;
}
.uploadedData {
	padding:0 5px 15px;
}
.uploadedData .dataTables_topmenu {
	height:0;
	padding:0;
}
.contextMenuWrap .ui-state-hover a {
	font-weight:normal;
}
.chosen-container-single .chosen-single {
	height:25px;
}
.ui-buttonset .ui-button {
	margin-right:-5px;
	border-right-width:0!important;
}
.ui-buttonset .ui-button:last-child {
	border-right-width:1px!important;
}
.noContentAccordionHeader {
	height:0;
	overflow:hidden;
}

.infoBox {
	color:#444;
}
.infoBox:before,
.infoBox:after {
	content:" ";
	display:table;
}
.infoBox:after {
	clear:both;
}
.infoBox .infoIcon {
	width:60px;
	text-align:center;
	font-size:16px;
	float:left;
}
.infoBox .infoContent {
	margin-left:70px;
}
.infoBox .infoContent>*:first-child {
	margin-top:3px;
	margin-bottom:0;
	padding-left:0;
}

.infoBox .infoContent.collapse:not(.in) {
	display: block;
	min-height: 20px;
	height: 0; /* collapse may not initialized if vue is used*/
	margin-top: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.warningBox {
	display:flex;
	align-items:center;
	color:#444;
	padding:10px 20px 10px 0;
}
.warningBox .infoIcon {
	width:70px;
	text-align:center;
	font-size:28px;
}
.warningBox .infoContent p {marign-bottom:4px;}
.warningBox .infoContent > *:last-child {margin-bottom: 0;}

.relationContent {
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:1px solid #ddd;
}

.relationContent th {
	border-right:none;
}
.relationContent tr.related-contact.deleted {
    text-decoration: line-through;
    text-decoration-color: red;
}
label.listHeader,
.relationContent th div {
	color:#444;
	padding:1px 4px 4px;
	margin-bottom: 2px;
}
.relationContent .relationName {
	margin-left:23px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.relationActions {
	text-align:right;
}
.extRelationsParentInfo,
.extRelationsChildInfo {
	color:white;
	background:#000;
	border-radius:50%;
	width:1.2rem;
	height:1.2rem;
	font-size:8px;
	line-height:1.2rem;
	font-weight: normal;
	cursor:default;
}
.extRelationsParentInfo {
	font-size:10px;
}

#cCM {width:auto;}
.showCTM.contextMenu {
	-webkit-transition:top 0.12s;
	-moz-transition:top 0.12s;
	-ms-transition:top 0.12s;
	-o-transition:top 0.12s;
	transition:top 0.12s;
}
.ctm-active {
	color:#ff7500;
	background:#fddcc7!important; /* rgba(255,117,0,0.25) */
	font-weight:normal!important;
}
.ctm-active > td {
	background:#fddcc7!important; /* rgba(255,117,0,0.25) */
}



/* comming bootstrap */
.d-inline-block { display:inline-block; }
.d-block { display:block; }

.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-justify {
	text-align:justify;
}
.text-nowrap {
	white-space:nowrap;
}
.dt-text-wrap {
	word-break:break-word!important;
	white-space:pre!important;
}
.no-gutter>[class*='col-'] {
	padding-right:0;
	padding-left:0;
}
.no-gutter-left {
	padding-left:0;
}
.no-gutter-right {
	padding-right:0;
}
.table-striped>tbody>tr:nth-of-type(even) {
	background-color:#eee;
}
.contact_data .form-horizontal .form-group {
	margin-left:-5px;
	margin-right:-5px;
}
.contact_data .form-group>[class*='col-'] {
	padding-left:5px;
	padding-right:5px;
}

.glyphicon-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}
.glyphicon-stack-1x, .glyphicon-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
.glyphicon-stack-1x {
	line-height: inherit;
}
.glyphicon-stack-2x {
	font-size: 2em;
}

.btn {
	font-size:11px;
}
.btn .glyphicon {
	text-shadow:none;
	padding-left:2px;
	padding-right:2px;
	top:0.1em;
}
.btn i.glyphicon{
	padding-left:0;
	padding-right:0;
}
.btn span {
	padding-left:4px;
	padding-right:4px;
}

.btn .caret {
	padding:0;
}

.input-group-addon .btn .glyphicon {padding-right:2.5px;} /*compensate some flicker on hover*/
.btn,
.btn:focus {
	background-image:none;
/* 	font-weight:bold; */
	outline:0;
	text-decoration: none;
}
.btn-sm {
	padding:2px 2px 3px;
}
.btn.btn-ui-icon {
	padding:1px;
}
.btn .ui-icon {
	margin-top:-1px;
}
.btn.btn-ui-icon .ui-icon{
	margin-top:0px;
}
/* icon 16 - border 18 - padding 20 */
.btn-icon-orange:not(:hover) {
	color: #ff7500
}
.btn-default:not([disabled]){
	background-color:#f6f6f6;
}

.btn-default:not([disabled]):focus {
	background-color:#fff;
	outline:0;
}
/* same as ui-state-active */

.btn-default:not([disabled]):hover {
	background:#ff7500;
	color:#fff;
	border-color:#ff7500;
	box-shadow:none; /* for the flat */
}

.btn-default.active:not([disabled]),
.btn-default:not([disabled]):active {
	border-color:#ff7500;
}
.btn:not([disabled]):active {
	border:1px solid #dddddd !important;
	background-color:#ffffff !important;
	color:#ff7500 !important;
}
.btn:not([disabled]):active .ui-icon {
	background-image:url(/app/styles/themes/baset/images/ui-icons_ff7500_256x240.png) !important;
}
.btn-link.noBg,
.btn.noBg {
	background-color:transparent;
	box-shadow:none;
	text-shadow:none;
}
.btn-link.noBg:not([disabled]):focus,
.btn-link.noBg:not([disabled]):active,
.btn.noBg:not([disabled]):focus,
.btn.noBg:not([disabled]):active {
	background-color:transparent !important;
	text-shadow:none;
	color:#ff7500;
/* 	outline:1px solid rgba(255,117,0,0.25); */
}
.btn.noBorder
 {
	border:1px solid transparent !important;
}
.btn.noBorder.noBg
{
	box-shadow: none!important;
}


.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
	text-shadow:0 0px 0 rgba(0, 0, 0, 0.25);
}
.btn-primary {
	border-color:#ff7500;
}
.btn-default:hover .ui-icon {
	background-image:url(/app/styles/themes/baset/images/ui-icons_ffffff_256x240.png);
}
.ui-accordion-header.ui-state-active .btn-default:hover .ui-icon {
	background-image:url(/app/styles/themes/baset/images/ui-icons_ff7500_256x240.png);
} 
.ui-button[disabled],
.btn[disabled] {
	opacity:0.5;
}

.ui-button[disabled]:active,
.btn[disabled]:active {
	pointer-events:none;
}
.btn-default[disabled] .ui-icon {
	background-image:url(/app/styles/themes/baset/images/ui-icons_666666_256x240.png) !important;
	background-color:none;
}


.ui-state-default .ui-icon-factory {
	background-image:url(/app/styles/images/factory_666666.png);
	background-position:1px 1px;
}

.ui-icon-factory,
.duplicateWarning .ui-icon-factory, /*duplicate found*/
.ui-state-default.ui-state-likehover .ui-icon-factory,
.btn.btn-default .ui-icon-factory{
	background-image:url(/app/styles/images/factory_ff7500.png);
}

.ui-state-hover .ui-icon-factory,
.ui-state-focus .ui-icon-factory,
.btn.btn-default:hover .ui-icon-factory,
.btn.btn-default:focus .ui-icon-factory {
	background-image:url(/app/styles/images/factory_ffffff.png);
}
.ui-state-active .ui-icon-factory {
	background-image:url(/app/styles/images/factory_666666.png);
	background-position:1px 1px;
}

.btn.btn-default:hover:active .ui-icon-factory,
.btn.btn-default:active .ui-icon-factory {
	background-image:url(/app/styles/images/factory_ff7500.png)!important;
}


mark {
	background-color:#FFFF99;
	padding:1px;
}



/* crm.license.restrictionAlert */
.header_alert_wrapper {
	display:none;
	border-bottom:1px solid rgb(0, 0, 0);
	z-index:9999;
	position:relative;
	background:rgb(51, 51, 51) url(/app/styles/images/lic_warning.gif) no-repeat 5% 17px;
}
.header_alert_wrapper > div {
	padding:25px 0;
	position:relative;
	z-index: 10;
}
.header_alert_title {
	color:rgb(248, 165, 25);
	font-weight:normal;
	font-size:20px;
}
@media(min-width:992px){
	.header_alert_title {text-align:right;}
}
.header_alert_links div {
	margin-top:7px;
}
.header_alert_links div:first-child {
	margin-top:0;
}
.header_alert_links a {
	color:rgb(248, 165, 25);
	font-size:18px;
	cursor:pointer;
	text-decoration: none;
}
.header_alert_links a span {
	margin-right:10px;
	vertical-align: middle;
	padding: 0;
}
.header_alert_links a:hover {
	color:rgb(255, 255, 255) !important;
	text-decoration:none;
}
.header_alert_wrapper.sticky ._closeInfo {
	display:none;
}
.header_alert_wrapper>.row {
	min-height:57px;
}
.header_alert_content {
	color:rgb(255, 255, 255);
	font-size:14px;
	padding-top:5px;
}

header_alert_links ._buyLicenseUpgrade a {
	color:rgb(0, 204, 0) !important;
}

.ui-dialog.pushDownAlertIsVisible {
	margin-top: 200px;
}

.ui-button .ui-button-text [class^="icon-"],
.ui-button .ui-button-text [class*=" icon-"] {
	margin-right:7px;
	margin-left:-3px;
	font-size:0.9em;
}
.dialog_listmanager .treeFilter {
	float:right;
}
.dialog_listmanager .selectlist-info p {
	float:left;
}
.padding-all-l {
	padding:15px;
}
.padding-all-m {
	padding:10px;
}
.padding-all-s {
	padding:5px;
}
.margin-vertical-l {
	margin-top:15px;
	margin-bottom:15px;
}
.margin-vertical-m {
	margin-top:10px;
	margin-bottom:10px;
}
.margin-vertical-s {
	margin-top:5px;
	margin-bottom:5px;
}


/*Dialog Contact-Print*/
.contact-print-dialog {
	box-shadow:0 0 0 transparent;
	border:0px none transparent;
	background-color:transparent;
}
.contact-print-dialog .ui-dialog-content {
	overflow:visible;
	padding:0;
}
.contact-print-dialog .ui-dialog-titlebar a {
	margin-right:5px;
	margin-left:10px;
	margin-top:1px;
	display:inline-block;
}
.contact-print-dialog .ui-dialog-titlebar a span{
	font-size:18px;
	top:2px;
}
.contact-print-dialog .selecttext {
	margin-top:5px;
}
.contact-print-dialog .printcheckbox {
	padding-top:5px;
	margin-left:15px;
}
.contact-print-dialog .printcheckbox label {
	margin-bottom:0;
	cursor:pointer;
}
.contact-print-dialog label:before {
	display:block;
	float:left;
	background-color:rgb(37, 139, 0);
	width:35px;
	height:16px;
	margin-right:5px;
	content:'';
}
.contact-print-dialog .inactive label:before {
	background-color:rgb(177, 23, 0);
}

.contact-print-dialog .printcheckbox:hover label {
	color:rgb(249, 127, 3);
}
.contact-print-dialog iframe{
	background:#fff;
	border:0;
}


.ui-widget-overlay {
	background:#000 url("images/transparent_background.png") 50% 50% repeat-x;
	opacity:0.5;
}

input::-ms-clear {
	display:none;
	width:0;
	height:0;
}
input::-ms-reveal {
	display:none;
	width:0;
	height:0;
}
.chosen-container {
	font-size:11.5px;
}
/* @default-font-size */

.form-control-static {
	margin-top:0;
	min-height:21px; /*26.5px height calculated is wrong, dosnt fit 21px input style*/
}
label + .form-control-static {
	margin-top: -5px;
}
.checkbox input[type="radio"],
input[type="checkbox"] {
	margin-top:2px;
	cursor: pointer;
}
.radio input[type="radio"] {
	margin-top: 1px;
}
.chosen-container .chosen-drop {
	left:-99999em;
	margin-top:0;
}
.chosen-container .chosen-results {
	margin:0;
	padding:2px 0;
}
.chosen-container .chosen-results li {
	padding:2px 5px 3px;
	line-height:1.5em;
}
.chosen-container .chosen-results li.group-result {
	background-color:rgba(50,50,50,.1);
}
.chosen-container .chosen-results li.highlighted {
	background: #eee;
	color:#333;
}
.chosen-container .chosen-results li.result-selected {
	font-weight:bold;
	padding-left: 12px;
	border-left: 3px solid #ff7500;
	color: #ff7500;
	background: none;
}

.chosen-container-single .chosen-single div b {
    display: block;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: rgba(60,60,60,.5);
    height: 6px;
    width: 6px;
    margin-top: 8px;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
    transform:rotate(135deg);
    
    -webkit-transition:transform 0.25s;
	-moz-transition:transform 0.25s;
	-ms-transition:-ms-transform 0.25s;
	-o-transition:transform 0.25s;
    transition:transform 0.25s;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    margin-top: 10px;
    -webkit-transform:rotate(315deg);
	-moz-transform:rotate(315deg);
	-ms-transform:rotate(315deg);
	-o-transform:rotate(315deg);
    transform:rotate(315deg);
}


.savedSearch .chosen-container-single .chosen-single div b {
    margin-top: 5px;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
	margin-top: 8px;
}

.folderNeedFix {
	font-size:91%;
	margin-bottom:5px;
	word-break:break-all;
}
.userData .formWrapper .formElement_Input {
	width:175px;
}
[class^="icon-"],
[class*=" icon-"] {
	top:1px;
}
.typeahead.dropdown-menu {
	z-index:1010;
}
.typeahead {
	max-height:200px;
	overflow:auto;
}
.typeahead li {
	position:relative;
}
.typeahead li a {
	padding:2px 5px 4px 10px;
	text-decoration:none;
	white-space:normal;
	line-height:1.21em;
}
.typeahead li .glyphicon {
	position:absolute;
	right:3px;
	top:50%;
	margin-top:-7px;
	color:#ff7500;
}
.typeahead li.active .glyphicon {
	color:#fff;
}
#debugControlWrapper .btnToggleMainPanel {
	position:absolute;
	top:-3px;
	font-weight:normal;
	font-size:9px;
}
#debugControlWrapper .debugMainPanel {
	display: flex;
	flex-direction: column;
	max-height:80vh;
	margin:0;
	border:0;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0);
	-webkit-transition:transform 0.5s;
	-moz-transition:transform 0.5s;
	-ms-transition:transform 0.5s;
	-o-transition:transform 0.5s;
	transition:transform 0.5s;
}
#debugControlWrapper .debugMainPanel .panel-body {
	overflow: auto;
}
#debugControlWrapper .container {top: -1em;}
#debugControlWrapper.show .container {top: 0px;}
#debugControlWrapper.show .btnToggleMainPanel {
	display:none;
}
#debugControlWrapper.show .debugMainPanel {
	box-shadow:0px 0 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
[debug] {
	height:200px;
	width:100%;
	white-space:pre-wrap;
	resize:both;
	overflow:auto;
}
[debug]:before {
	content:"DEBUG output:";
}


.contactAppointmentWrapper table tr td {
	text-align:center;
}
.datatable_table tr:hover td {
	background-color:#c7e4ff !important;
}
.appointmentTabs .datatable_table tr td:last-child {
	text-align:left;
}
.appointmentTabs .dataTables_info,
.appointmentTabs .dataTables_length,
.appointmentTabs .dataTables_paginate,
.contactWidget .dataTables_info,
.contactWidget .dataTables_length,
.contactWidget .dataTables_paginate {
	float:right;
	margin-top:5px;
	margin-right:20px;
}
/*hide table until initialized*/
.datatable_table {opacity:0;}
.dataTables_scroll table.datatable_table {opacity:1!important;}

.dataTables_wrapper .dataTables_info {
	display:inline-block;
	margin-left:4px;
	margin-right:4px;
	margin-top:2px;
	line-height:21px;
}
.dataTables_wrapper .dt-buttons {
	margin-left:4px;
	margin-right:4px;
}
.dataTables_wrapper .dataTables_length {
	display:inline-block;
	margin-left:4px;
	margin-right:4px;
}
.dataTables_wrapper .dataTables_length label {
	margin-bottom:0;
}
.dataTables_wrapper .select-info:before {
	content:'/';
	margin:0 1rem;
	display:inline-block;
}
.appointmentTabs .dataTables_paginate .paginate_button,
.appointmentTabs .dataTables_paginate .paginate_active,
.contactWidget .dataTables_paginate .paginate_button,
.contactWidget .dataTables_paginate .paginate_active {
	cursor:pointer;
	float:left;
	margin:0px 0px 5px 0px;
	width:20px;
	height:20px;
	display:inline-block;
	text-align:center;
	padding-top:1px;
}
.appointmentTabs .dataTables_paginate .paginate_active,
.contactWidget .dataTables_paginate .paginate_active {
	cursor:default;
	font-weight:bold;
}
.appointmentTabs .dataTables_paginate .paginate_button.first,
.appointmentTabs .dataTables_paginate .paginate_button.previous,
.appointmentTabs .dataTables_paginate .paginate_button.next,
.appointmentTabs .dataTables_paginate .paginate_button.last,
.contactWidget .dataTables_paginate .paginate_button.first,
.contactWidget .dataTables_paginate .paginate_button.previous,
.contactWidget .dataTables_paginate .paginate_button.next,
.contactWidget .dataTables_paginate .paginate_button.last {
	margin:0px 0px 5px 0px;
}
.appointmentTabs .dataTables_paginate .paginate_button.first,
.contactWidget .dataTables_paginate .paginate_button.first {
	background:url(images/first.gif) no-repeat center;
}
.appointmentTabs .dataTables_paginate .paginate_button.previous,
.contactWidget .dataTables_paginate .paginate_button.previous {
	background:url(images/prev.gif) no-repeat center;
}
.appointmentTabs .dataTables_paginate .paginate_button.next,
.contactWidget .dataTables_paginate .paginate_button.next {
	background:url(images/next.gif) no-repeat center;
}
.appointmentTabs .dataTables_paginate .paginate_button.last,
.contactWidget .dataTables_paginate .paginate_button.last {
	background:url(images/last.gif) no-repeat center;
}
.appointmentTabs .dataTables_paginate .paginate_button:hover,
.contactWidget .dataTables_paginate .paginate_button:hover {
	border:1px solid #fff;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.bottomTabs .ui-tabs-panel {
	position:relative;
	height:280px;
}
.dataTables_container {
	position:relative;
	height:100%;
	padding-top:32px;
}
.dataTables_container.noTopmenu {
	padding-top:1px;
}
.dataTables_wrapper {
	height:100%;
}
.dataTables_scroll {
	height:100%;
	/*space for static header*/
	padding-top:24px;
	overflow:hidden;
}
.dataTables_scrollHead {
	background:url("images/fhbg.gif") repeat-x scroll left bottom #fafafa;
	margin-top:-24px;
}
.dataTables_scrollBody {
	height:100%;
	min-height:77px;
	/* for collapse ones with no outer height like files in contact*/
	
	z-index:2;
}
.dataTables_scrollFoot tfoot th {
	padding:3px 5px;
	border:0;
}
#reminder .dataTables_scrollBody {
	min-height:100%;
}
.dataTables_processing {
	position:absolute;
	z-index:10;
	top:25%;
	left:50%;
	width:320px;
	margin-left:-160px;
	text-align:center;
	background-color:rgba(255,255,255,0.95);
	line-height:30px;
	padding:10px;
	font-weight:bold;
}
.dataTables_processing .loader_small {
	padding:10px 0;
}
table.dataTable tbody td.select-checkbox,
table.dataTable tbody th.select-checkbox {
	position:relative;
	color:#ff7500;
	font-size:11px;
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after,
table.dataTable tbody th.select-checkbox:before,
table.dataTable tbody th.select-checkbox:after {
	display:block;
	position:absolute;
	top:1.2em;
	left:50%;
	width:13px;
	height:13px;
	box-sizing:border-box;
}
table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
	content:' ';
	margin-top:-8px;
	margin-left:-6px;
	border:1px solid #aaa;
	border-radius:0px;
}
table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
	content:'\2714';
	margin-top:-10px;
	margin-left:-5px;
	text-align:center;
/* 	text-shadow:1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9; */
}
.contactAppointmentWrapper .dataTables_topmenu {
	position:absolute;
	top:0px;
	width:100%;
}
.contactAppointmentWrapper .dataTables_topmenu:after {
	content:" ";
	clear:both;
	display:table;
}
.appointmentTabs.flexHeight .ui-tabs-panel {
	position:relative;
}
.appoint_action {
	min-width:84px;
}
.datatable_table tbody td {
	padding:3px 3px 0px 3px;
	text-align:center;
}

.dataTables_scrollBody .datatable_table .actionCol,
.dataTables_scrollBody .datatable_table .files_action,
.dataTables_scrollBody .datatable_table .appoint_action {
	padding:1px 1px 0px 0px;
	height:24px;
}

.datatable_table td .spacer {
	display:inline-block;
	width:20px;
	height:0px;
}
.appoint_appoint {
	min-width:126px;
}
.appoint_created {
	min-width:126px;
}
/* .contactWidget */

.contactWidget .dataTables_length {
	display:none;
}
.contactWidget .dataTables_paginate {
	float:left;
	margin-left:20px;
}
.appointmentTabs .dataTables_paginate,
.contactWidget .dataTables_paginate {
	display:none;
}
.dataTables_paginate.show {
	display:block !important;
}
.datatable_table tbody tr td:first-child .ui-icon {
	cursor:pointer;
}
@media (max-width:1600px) {
	.dataTables_wrapper .dataTables_topmenu span.large {
		display:none;
	}
}
.form-control {
	box-shadow:none;
}

/* copy of feedback for future use less and add mixing */
.has-feedbefore {position:relative;}
.form-control-feedbefore {
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	display:block;
	width:24px;
	height:22px;
	line-height:22px;
	text-align:center;
	pointer-events:none;
}
.form-control-feedbefore.isHandle {
	pointer-events: all;
}
/*default size - may add for input-sm/input-lg*/
.has-feedbefore .form-control {
	padding-left:24px;
}
.has-feedbefore .form-control-static {
	padding-left:25px;
	border-bottom:1px solid #ddd;
}
.has-feedbefore label ~ .form-control-feedbefore {top:21px;}

/*override readonly style*/
.form-control.hasDatepicker[readonly] {
	background-color:#fff!important;
}


.contactWidget .bottomArea .tabs > .ui-tabs-panel {
/* 	height:305px; */
}
.contactWidget .bottomArea .tabs > .ui-tabs-panel > div,
.contactWidget .bottomArea .tabs > .ui-tabs-panel > div > div {
	height:100%;
}
.contactWidget .bottomArea .tabs .ui-tabs-panel .dataTables_container {
/* 	height:300px; */
	padding-bottom:10px; /* for statusline */
}
/* animate all changes to input fields */

.btn:focus,
.form-control:focus,
input:focus {
	border-color:rgba(255, 117, 0, 0.6);
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 117, 0, .075), 0 0 6px rgba(255, 117, 0, 0.4);
	-moz-box-shadow:inset 0 1px 1px rgba(255, 117, 0, .075), 0 0 6px rgba(255, 117, 0, 0.4);
	-ms-box-shadow:inset 0 1px 1px rgba(255, 117, 0, .075), 0 0 6px rgba(255, 117, 0, 0.4);
	box-shadow:inset 0 1px 1px rgba(255, 117, 0, .075), 0px 1px 6px rgba(255, 117, 0, 0.4);
}
.form-control,
input {
	-webkit-transition:border-color, width ease-in-out .15s .15s, -webkit-box-shadow ease-in-out .3s;
	-moz-transition:border-color, width ease-in-out .15s .15s, -moz-box-shadow ease-in-out .3s;
	-ms-transition:border-color, width ease-in-out .15s .15s, -ms-box-shadow ease-in-out .3s;
	-o-transition:border-color, width ease-in-out .15s .15s, -o-box-shadow ease-in-out .3s;
	transition:border-color, width ease-in-out .15s .15s, box-shadow ease-in-out .3s;
}

.ui-resizable-helper {
	z-index:9999999 !important;
	border:2px solid #ff7a00 !important;
}

.ui-dialog.ui-state-disabled {
	opacity:0.95;
}

.ui-dialog.ui-state-disabled textarea:not(.dontDisable),
.ui-dialog.ui-state-disabled select:not(.dontDisable),
.ui-dialog.ui-state-disabled input:not(.dontDisable),
.ui-dialog.ui-state-disabled a:not(.dontDisable),
.ui-dialog.ui-state-disabled button:not(.canCancelRequest):not(.dontDisable) {
	opacity:0.5;
	pointer-events:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.valueModified {
	border:1px dashed red;
	padding:0 5px 5px;
}

.valueModified .new,
.valueModified .cur {
	pointer-events:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.homepageLabel,
.addressLabel,
.telephonLabel,
.emailLabel {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.addressLabel {position:absolute; width:95%;}

.valueModified .mailToLabel,
.mailToLabel:hover {
	position:absolute;
	white-space:normal;
	overflow:auto;
	padding-bottom:5px;
}
.valueModified .mailToLabel {
	position:relative;
}

/* Enter and leave animations can use different */
/* durations and timing functions.			  */
.slide-fade-enter-active {
	-o-transition:all .33s ease;
	-ms-transition:all .33s ease;
	-moz-transition:all .33s ease;
	-webkit-transition:all .33s ease;
	transition:all .33s ease;
}
.slide-fade-leave-active {
	-o-transition:all .33s ease;
	-ms-transition:all .33s ease;
	-moz-transition:all .33s ease;
	-webkit-transition:all .33s ease;
	transition:all .33s ease;
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active below version 2.1.8 */ {
	-o-transform:translate(20px,0);
	-ms-transform:translate(20px,0);
	-moz-transform:translate(20px,0);
	-webkit-transform:translate(20px,0);
	transform:translate3d(20px,0,0);
	opacity:0;
}

.contactWidget .topArea,
.contactWidget .bottomArea {
	height:50%;
}
.contactWidget .bottomArea {
	margin-top:10px;
}
.contactWidget .topArea > .ui-tabs > .ui-tabs-nav {
	padding-right:60px; /*175*/
}


.contactWidget .iconBar {
	position:absolute;
	right:5px;
	top:14px;
	z-index:10;
}

.iconBar ul li {
	vertical-align: middle;
}


.contactWidget .iconBar .spacer {
	border-left: 1px solid #a9a9a9;
	margin: -1px 0px 0px;
	min-height: 1.25em;
}



.contactWidget .leftpreset,
.contactWidget .rightpreset {
	max-height:275px;
	overflow:auto;
	overflow-x:hidden; /* for slide animation*/
}
.contactWidget.noBottomArea .leftpreset,
.contactWidget.noBottomArea .rightpreset {
	height: auto;
	overflow: unset;
}
.contactWidget .leftpreset {
	padding-right:5px;
}

.contactWidget .ui-tabs-panel {
	padding-left:0;
	padding-right:0;
}
.contactWidget .contactNotes textarea {
	height:230px;
	resize:none;
}
.contactWidget .btn.addVal {
	-webkit-transition:padding 0.2s;
	-moz-transition:padding 0.2s;
	-ms-transition:padding 0.2s;
	-o-transition:padding 0.2s;
	transition:padding 0.2s;
}
.contactWidget .btn.addVal:not(:hover) {
	padding-right:0px;
}
.contactWidget .btn.addVal:not(:hover) .contact-button-caption {
	padding-right:0px;
}


.ui-dialog-statusbar {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:10;
	font-size:10px;
	padding:2px 5px;
	border-top:1px solid #ddd;
	background:#fff;
	white-space:nowrap;
}
.ui-dialog-statusbar .contactTitle {
	max-width:50%;
	overflow:hidden;
	text-overflow:ellipsis;
}
.ui-dialog-statusbar .contact_locked,
.ui-dialog-statusbar .contact_deleted {
	display:none;
}
.ui-dialog-titlebar-minimize .ui-icon-minus {
	background-position:-48px -126px;
}

.showEllipsis,
.whitespaceNoBreak {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
table.whitespaceNoBreak tbody td {
	max-width:0; /*works special at tables*/
}

input[type=date]::-webkit-inner-spin-button {
	-webkit-appearance:none;
	display:none;
}
input[type=datetime]::-webkit-inner-spin-button {
	-webkit-appearance:none;
	display:none;
}


.field.smListField .smListValues span {
	padding-right:6px;
}
.field.smListField .smListValues span:last-child {
	padding-right:0;
}
.field.smListField .smListValues span:before {
	content:"\2022";
	display:inline-block;
	padding-right:2px;
}
.field.smListField .smListValues .placeholder:before {
	display:none;
}

.field.smListField .edit {
	margin-right:-3px;
	line-height:1;
	padding:0;
}

.field.smListField:hover .form-control {
	position:absolute;
	z-index:3;
	height:auto;
	max-height:250px;
	overflow:auto;
	padding-top:1px;
	padding-bottom:1px;
}
.field.smListField:not(:hover) .edit {
	margin-top:-1px;
}
.field.smListField:hover .showEllipsis {
	white-space:normal;
}
.field.smListField:hover .smListValues span {
	margin-top:1px;
	margin-bottom:1px;
	display:inline-block;
}











/* waiting for acception */
.ui-dialog {
	padding:0;
	border-radius:0;
	overflow:visible;
}
.ui-widget-header {
	letter-spacing:0.033em;
}
.ui-dialog:not(.ui-dialog-focus) .ui-widget-header {
	color:#555;
	font-weight:normal;
}
.ui-dialog.darkTheme:not(.ui-dialog-focus) .ui-widget-header {
	color:#ddd;
	font-weight:normal;
}

.ui-dialog .ui-resizable-se {
	opacity:0;
	background-image:url(/app/styles/themes/baset/images/ui-icons_666666_256x240.png);
}
.ui-tabs .ui-tabs-nav {
	background:transparent;
	border-left:0;
	border-top:0;
	border-right:0;
}

.ui-tabs .ui-tabs-nav li:not(.ui-tabs-selected) {
	padding-top:1px;
	border-top-width:0;
	border-top-color:transparent;
	border-right-color:transparent;
}
.ui-tabs .ui-tabs-nav li:not(.ui-tabs-selected):not(:hover) {
	background:#fff;
}

.ui-tabs .ui-tabs-nav li {
	margin:2px 0em 0px 0;
	border-left:1px solid #ddd !important;
	border-bottom:1px solid #ddd !important;
	border-radius:0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	border-bottom:1px solid #fff !important;
	padding-bottom:0px;
	margin-left:1px;
}
.appointmentTabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
/* 	margin-left:0px; */
}

.ui-tabs .ui-tabs-nav li:first-child:not(.ui-tabs-selected),
.ui-tabs .ui-tabs-nav li:hover:not(.ui-tabs-selected),
.ui-tabs .ui-tabs-nav li.ui-tabs-selected + li,
.ui-tabs .ui-tabs-nav li:hover + li:not(.ui-tabs-selected) {border-left-color:#fff !important;}

.ui-dialog .ui-corner-all {
	-o-border-radius:0px;
	-ms-border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0;
}


.form-control:hover,
.form-control:focus {
	border-right-width:1px;
}

.input-group-addon {
	border-top:0;
	border-left:0;
	border-right:0;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	-ms-box-shadow:none !important;
	box-shadow:none !important;
}
.form-control:not(:hover):not(:focus) {
	border-top-color:transparent;
	border-left-color:transparent;
	border-right-color:transparent;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	-ms-box-shadow:none !important;
	box-shadow:none !important;
}
/* .contactWidget  */



.table_style {
	border:0;
}
.table_style tr:hover td {
	background-color:#c7e4ff;
}

.dataTables_wrapper .dataTables_topmenu {
	background:none;
	padding:0;
	border:none;
	border-bottom:1px solid #ddd;
}
.dataTables_scrollHead {
	background:none;
}
.datatable_table.table_style thead {
	background:none;
}
.datatable_table tbody td {
	border-right:1px solid #ddd;
	border-left:1px solid #fff;
	white-space:nowrap;
}
.datatable_table td:last-child, .datatable_table th:last-child {
	border-right:0;
}
.datatable_table th.sorting_desc, .datatable_table th.sorting_asc {
	background:#eee;
}

.ui-buttonset label {
	border-top:0 !important;
	border-bottom:0 !important;
	border-radius:0;
}
.ui-buttonset label:not(:hover) {
	background:none !important;
}
.ui-buttonset label:not(.ui-state-active) {
	font-weight:normal !important;
}
.ui-buttonset label.ui-state-active {
	cursor:default;
}

.ui-buttonset label:not(.ui-state-active) .istrue {display:none;}
.ui-buttonset label.ui-state-active .isfalse {display:none;}

.btn.dateSelectToday {
	font-size:1em;
	font-weight:normal;
	float:left;
	margin-top:1px;
	margin-right:5px;
}

.tippy-tooltip {
	word-break:break-word;
	box-shadow: 1px 1px 2px rgba(255,255,255,0.5);
	letter-spacing: 0.066em;
	-webkit-font-smoothing: antialiased!Important;
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	-o-user-select:text;
	user-select:text;

}
.tippy-tooltip[data-size=regular] {
	font-size:1.1rem!Important; /* 11px */
	padding:3px 6px 5px!Important;
}
.tippy-tooltip[data-size=small] {
	font-size:0.9rem!Important;
}
.tippy-popper[x-placement^=top] [data-size=small][data-animation=shift-toward][data-state=visible] {
	-webkit-transform:translate(0,-8px);
	-moz-transform:translate(0,-8px);
	-ms-transform:translate(0,-8px);
	transform:translate(0,-8px);
}
.tippy-popper[x-placement^=top] [data-size=small] .tippy-arrow {
	border-top-width:8px;
	border-right-width:5px;
	border-left-width:5px;
	bottom:-7px; /*edge wants 1px more*/
	margin:0 8px;
}
.tippy-popper[x-placement^=left] [data-size=small] .tippy-arrow {
	right: -6px;
	margin: 1px 0;
}
.tippy-popper[x-placement^=bottom] [data-size=small][data-animation=shift-toward][data-state=visible] {
	-webkit-transform:translate(0,15px);
	-moz-transform:translate(0,15px);
	-ms-transform:translate(0,15px);
	transform:translate(0,15px);
}
.tippy-popper[x-placement^=bottom] [data-size=small] .tippy-arrow {
	border-bottom-width:10px;
	border-right-width:5px;
	border-left-width:5px;
	top:-10px;
	margin:0 8px;
}

/* change inactive cursor from text to default */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor:default;
}


/* li > i :set tab as default */
.ui-tabs-nav li > i {
	display:none;
	position:absolute;
	width:0;
	height:0;
	top:0px;
	left:0px;
	border-left:8px solid #dddddd;
	border-bottom:8px solid transparent;
	cursor:pointer;
}
.ui-tabs-nav li.isDefault > i {
	border-left:6px solid #fff;
	border-bottom:6px solid #ff7500;
	display:block;
}
.ui-tabs-nav li.isDefault:not(.ui-state-active):not(:hover) {
	border-left-color:#fff!important;
}
.ui-tabs-nav li.isDefault:not(.ui-state-active):not(:hover):before {
	position: absolute;
	border-left: 1px solid #ddd;
	height: 100%;
	content: "";
}
.ui-tabs-nav li.isDefault.ui-state-active > i {
	top:-1px;
	left:-1px;
}
.ui-tabs-nav li.isDefault:not(:hover) > i {
/* 	left:-1px; */
}
.ui-tabs-nav li:hover > i {
	display:block;
}

.progress {
	position:relative;
}

.progress .summary {
	position:absolute;
	width:100%;
	text-align:center;
	color:#000;
	text-shadow:1px 1px #ccc;
}

.progress.slimLine {
	clear:both;
	height:3px;
	margin:0;
	
	position:absolute;
	z-index:2000;
	width:100%;
	bottom:0px;
}
.progress.slimLine .progress-bar {
	min-width:0.5em;
}

.progress.slimLine

@keyframes backupRunningSelectOptionAnimation {
	from {padding-left:0px;}
	to {padding-left:10px;}
}
#bak_list .running {
	color:#FF7500;
	animation-duration:2s;
	animation-name:backupRunningSelectOptionAnimation;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}

@keyframes rotate {
	from { transform: rotate(0) }
	to { transform: rotate(360deg) }
}
.checking .icon-loop2free {
	animation-duration:2.5s;
	animation-name:rotate;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}

@keyframes mainSearchReloadNeededAnimation {
	from {opacity:1;}
	to {opacity:0.1;}
}
body.searchNeedsReload #content .flexigrid .pReload {
	animation-duration:0.75s;
	animation-name:mainSearchReloadNeededAnimation;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}

body:not(.page_home) #triggerTableCTxMenu {
	pointer-events: none;
}


.contactWidget.contactLocked .btn:not(.showContactBtn),
.contactWidget.contactLocked .qqFileUploader {
	display:none;
}

.ui-tabs .ui-tabs-nav > .ui-state-active > .tabReload,
.ui-accordion .ui-accordion-header.ui-state-active > .tabReload  {
	display:inline-block;
}

/* .contextMenu .areaTitle, */
/* #editSubNavigation .areaTitle { */
/* 	position:absolute; */
/* 	transform:rotate(-90deg); */
/* 	transform-origin:bottom; */
/* 	top:50px; */
/* 	left:-5px; */
/* 	letter-spacing:1px; */
/* 	font-weight:bold; */
/* 	color:#aaa; */
/* 	z-index:1; */
/* 	pointer-events:none; */
/* } */
/* #editSubNavigation .areaTitle { */
/* 	left:-2px; */
/* } */

#deletedContacts .btg_dtReload {
	margin-top:-2px;
}
#deletedContacts label:not(.ui-state-active) .btg_dtReload {
	display:none;
}
#deletedContacts .dateSelect.ui-buttonset .ui-button {
	margin-right:0;
}
#deletedContacts .dateSelect.ui-buttonset .ui-button-text {
	padding-right:0.5em;
}

/* .isCompany, */
.isPerson {
	padding-left:15px;
}
/* .isCompany:before, */
.isPerson:before {
	content:"";
	position:absolute;
	width:22px;
	height:22px;
	top:0px;
	left:0px;
	background-image:url("/app/styles/employee_transparent.png");
	background-position:center center;
	background-size:contain;
}
/* .isCompany:before {*/
/* 	background-image:url("/app/styles/factory_transparent.png"); */
/*} */
/* #minimized-dialog-container .isCompany:before, */
#minimized-dialog-container .isPerson:before {
	top:-2px;
	left:-2px;
}

.loadFieldUses .counter {
	cursor:pointer;
}
#flexigridError {
	position:absolute;
	width:90%;
	top:50%;
	left:5%;
	margin-top:-40px;
	font-size:1.25rem;
}
#flexigridError .alert {
	padding: 15px;
	margin: 0;
}

.ui-accordion .ui-accordion-content {
	padding:7px;
}
.ui-accordion .ui-accordion-content-active {
	margin-bottom:7px;
}
.panel-default>.panel-heading {
	background:#f6f6f6 url(themes/baset/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;
	border-color:#ddd;
}
.panel-footer + .panel-heading,
.panel-body + .panel-heading {
	border-top:1px solid #ddd;
	margin-top:2em;
}
.panel-footer {
	background:#f0f0f0;
}
.panel-footer:first-child {
	border-top:0;
}
.panel-footer label {
	margin-bottom:3px;
}
.panel-title {
	font-size:11.5px;
}
h2.panel-title {
	font-size:13px;
}

.panel-collapse {
	position:relative;
	margin-bottom:4px;
}
.panel-collapse > .panel-heading {cursor:pointer;}
.panel-collapse > .panel-heading .panel-title {display:inline-block;}
.panel-collapse > .panel-heading:before {
	content:"\e258";
	position:relative;
	display:inline-block;
	font-family:'Glyphicons Halflings';
	font-style:normal;
	font-weight:normal;
	line-height:1;
	font-size:11px;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	top:1px;
	margin-right:10px;

	-o-transition:-o-transform 0.25s 0.1s;
	-moz-transition:-moz-transform 0.25s 0.1s;
	-ms-transition:-ms-transform 0.25s 0.1s;
	-webkit-transition:-webkit-transform 0.25s 0.1s;
	transition:transform 0.25s 0.1s;
}
.panel-collapse.active > .panel-heading:before {transform:rotate(90deg);}
.panel-collapse.active:hover {border-color: rgba(255,117,0,0.41)}
.panel-collapse:hover > .panel-heading {color:#ff7500;}
.processingActivityPanel .inValid {color:red;}

.panel-heading .reload.glyphicon {
	margin-top:-2px;
	text-decoration:none;
	line-height:1;
}
.panel-collapse:not(.active) > .panel-heading .reload {display:none;}

.panel-in_ui_accordion {
	border-left:0;
	border-right:0;
	border-bottom:0;
	-webkit-box-shadow:none;
	box-shadow:none;
	margin-bottom:0;
}
.panel-in_ui_accordion .panel-heading {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.panel-in_ui_accordion > .panel-footer,
.ui-accordion-content > .panel-footer {
	margin:0 -7px -7px;
}
#processingActivitiyOverview > .panel-footer {
	margin:0 -12px -7px;
}

.error-text {
	display:none;
	color:red;
	padding:2px 3px 0px;
}
.has-error .error-text {
	display:block;
}


/* vue-select start*/
#page .v-select .dropdown-toggle {
	border-radius:0;
	background:#fff;
	padding-bottom:0px;
}
#page .v-select.disabled .dropdown-toggle {
	background:#f8f8f8;
}
#page .v-select.disabled .dropdown-toggle {
	pointer-events:none;
}
#page .v-select.loading .spinner {
	display: block!important;
	width:20px;
	height:20px;
}
#page .v-select .dropdown-toggle .clear {
	font-size:16px;
}
#page .v-select .open-indicator {
	width:24px;
	padding-left:7px;
}
#page .v-select .open-indicator:before {
	border-width:2px 2px 0 0;
	height:8px;
	width:8px;
	margin-top:-2px;
}
#page .v-select .open-indicator:hover:before {
	border-color:#ff7500;
}
#page .v-select.open .open-indicator:before {
	margin-top:5px;
}
#page .v-select .open-indicator,
#page .v-select .open-indicator:before {
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	-ms-transition:all .15s;
	-o-transition:all .15s;
	transition:all .15s;
}
#page .v-select .dropdown-menu {
	overflow-y:auto;
	visibility:visible;
}
#page .v-select li > a {
	text-decoration:none;
}
#page .v-select:not(.open) .vs__selected-options > * {
	margin-top:0;
}
#page .v-select:not(.single) .selected-tag {
	position:relative;
	white-space:nowrap;
	flex-grow:0;
	border:0;
	line-height:1;
	border-radius:0;
	margin:2px 2px 2px 1px;
	padding:5px 20px 5px 5px;
}
@media (min-width:992px){
	#page .v-select:not(.single) .selected-tag {
		flex-basis:calc( (100% - 15px) / 4);
	}
}
#page .v-select.disabled .close {display:none;}
#page .v-select .selected-tag .close {
	position:absolute;
	right:5px;
	margin:0;
}
#page .v-select .selected-tag .close:hover {
	color:#ff7500;
	opacity:1;
}
#page .v-select.unsearchable input[type=search] {
	opacity:1;
	margin:0px 1px 0px 1px;
}

#page .v-select .dropdown-menu > .highlight > a {
	background:#eee;
	color:#333;
}
#page .v-select .dropdown-menu > li.active a {
	font-weight:bold;
	background:none;
	color:#ff7500;
}
#page .v-select .dropdown-menu > li:hover a {
	background:#eee!important;
}
/* vue-select end */



.panel-footer .loader_small {display:inline-block; line-height:1;}

.rightsCell {
	display:inline-block;
	width:30px;
	height:25px;
	position:relative;
	text-align:center;
	padding-top:3px;
}

.rightsCellWrap .glyphicon[class$=_access_0]:before,
.rightsCellWrap .glyphicon[class$=_create_0]:before,
.rightsCellWrap .glyphicon[class$=_delete_0]:before,
.glyph_access_0:before,
.glyph_create_0:before,
.glyph_delete_0:before,
.glyph_permission_0:before {content:"\e014"; color:#D41708;}

.rightsCellWrap .glyphicon[class$=_access_2]:before,
.rightsCellWrap .glyphicon[class$=_create_1]:before,
.rightsCellWrap .glyphicon[class$=_delete_1]:before,
.glyph_access_2:before,
.glyph_create_1:before,
.glyph_delete_1:before,
.glyph_permission_1:before {content:"\e013"; color:#00E248;}

.rightsCellWrap .glyphicon[class$=_access_1]:before {content:"\e105"; color:#EEEE00;}
.glyph_access_1:before {content:"\e105"; color:#EEEE00;}
.glyph_permission_2:before {content:"\e106"; color:#EEEE00;} /*selected options*/

.glyph_visible_0:before {content:"\e106"; color:#D41708;}
.glyph_visible_1:before {content:"\e105"; color:#EEEE00;}

.groupPermissions .rightsCellWrap:not(.btn) {
	border-bottom:1px solid #eee;
}
.groupPermissions .rightsCellWrap {
	width:100%;
	white-space:nowrap;
	text-align:left;
	line-height:21px;
}
.groupPermissions .rightsCellWrap .rightsLabel {
	width:calc(100% - 25px);
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:middle;
}

.form-inline .radio label {
	padding-right:15px;
}
.form-inline .radio label input {
	margin-right:3px;
}
.userIsDeleted {
	text-decoration:line-through;
}
.userIsLocked:before {
	content:"(!)";
	position:absolute;
	left:3px;
	margin-top:1px;
	color:red;
	font-weight:bold;
	font-size:1rem;
}


#book_access_table_wrapper {overflow:auto;}
#book_access_table > div {
	-webkit-transition:opacity 0.33s, background-color 0.33s 0.33s;
	-moz-transition:opacity 0.33s, background-color 0.33s 0.33s;
	-ms-transition:opacity 0.33s, background-color 0.33s 0.33s;
	-o-transition:opacity 0.33s, background-color 0.33s 0.33s;
	transition:opacity 0.33s, background-color 0.33s 0.33s;
}

#book_access_table .permissionsWrapper {
	position:relative;
	white-space:nowrap;
	min-width:900px;
}
#book_access_table .permissionTitle {
	float:left;
	width:25%;
	max-width:300px;
}
#book_access_table .rightsCellWrap {
	float:left;
	width:130px;
	position:relative;
}

#book_access_table .trheader .th {
	line-height:19px;
	font-weight:bold;
	vertical-align:bottom;
	padding:3px 5px;
}
#book_access_table .trheader .permissionsWrapper {
	height:80px;
}
#book_access_table .trheader .rightCellScope {
	position:absolute;
	top:-40px;
	padding:0 5px;
}
#book_access_table .trheader .rightsCell {
	height:10px;
}
#book_access_table .trheader .rightsCell div {
	position:absolute;
	height:1px;
	width:1px;
	bottom:7px;
	transform:rotate(-33deg);
}

#book_access_table .tbody .td {
	line-height:19px;
	vertical-align:top;
	padding:4px 5px;
}
#book_access_table .tbody .actionlock {padding:3px 4px 0;}
#book_access_table .tbody .permissions {padding-top:0;padding-bottom:3px;}
#book_access_table .tbody .permissionsWrapper {padding-top:3px;border-bottom:1px solid #eee;}
#book_access_table .data:nth-child(odd):not(.editing) {background-color:#f7f7f7;}
#book_access_table .tbody .permissionsContent > div:last-child {border-bottom:0;}
#book_access_table .tbody .permissionTitle {padding-top:2px;overflow:hidden;text-overflow:ellipsis;text-align:left;}

#book_access_table .trheader .th,
#book_access_table .tbody .td {border-bottom:1px solid #eee;}
#book_access_table .trLastDataLine .tdActions {padding-top:15px;padding-bottom:15px;}
#book_access_table .actionlock {padding-top:4px;}
#book_access_table .data .booktitle sub {word-break:break-all;}
#book_access_table .data .bookcontacts {text-align:center;}

#book_access_table:not(.editing) .data:hover .td.actionlock a { background-color: rgba(255,117,0,0.5);}
#book_access_table:not(.editing) .data .td.actionlock a:hover { background-color: rgba(255,117,0,1);}

#book_access_table.editing > div:not(.editing) {opacity:0.16;}
#book_access_table .editing .rightsCell {padding-top:0px;}
#book_access_table .data.editing .permissionsWrapper{padding-top:4px; padding-bottom:2px;}
#book_access_table .data.editing {box-shadow:0px 1px 4px rgba(0,0,0,0.25);background-color: #f7f7f7;}
#book_access_table .data.editing .trheader .th {
	border-top: 1px solid rgba(0,0,0,0.5);
}
#book_access_table .data.editing .actiontr .td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.5);
}
.toggleBookAccessSummary {
	position:absolute;
	right:3px;
	top:3px;
}



.fieldAccessSummary .groupPermissions {
	display:flex;
	flex-wrap:wrap;
}
.fieldAccessSummary .groupPermissions .rightsCellDetails {
	font-size:10px;
	padding-left:10px;
	color:#666;
}



/* USER APPOINT SYNC ACCOUNT */

	.addAccountWizard {display:none;}
	.appointAccountData {display:none;}
	.addAccountDialogWrapper .ui-button-disabled {display:none;}
	.invalidIco {position:absolute;right:15px;top:50%;margin-top:-8px;}
	.addAccStep1_info {display:none;line-height:16px;padding:5px;margin-bottom:1em;}
	.ui-dialog .addAccStep1_info {display:block;}
	.formrow .serverfail,.formrow .mailfail, .formrow .userfail, .formrow .pwdfail {vertical-align:middle;display:inline-block; margin-left:10px;}

	/*hide at beginning*/
	.mailfail, .formrow_user, .formrow .userfail,.formrow .pwdfail {display:none;}
	.userinformations,.textconnectionloader {display:none;}
	.addAccountWizard .shownow {display:block!important;}
	.activeAccountData .shownow {display:inline-block!important;}
	.bspvalue {color:#999;}
	.addAccStep2 {display:none;}
	
	#calendarSelectListWrap {padding:0.3em;border:1px solid #CCCCCC;}
	#calendarSelectList li:hover,
	#calendarSelectList .ui-selecting {background:#FECA40; cursor:default;}
	#calendarSelectList .ui-selected {background:#F39814; color:white;}
	#calendarSelectList {list-style-type:none; margin:0; padding:0;}
	#calendarSelectList li {margin:0px; padding:0.3em; font-size:1em;}

	.activeAccountData {margin:0 0 10px 0;display:none;}
	.activeAccountData li {padding-bottom:0.6em;margin-bottom:0.6em;border-bottom:1px solid #DDD;}
	.activeAccountData li:last-child {border-bottom:0px none;}
	.activeAccountData li label{margin-right:10px;text-align:right;display:inline-block;}
	.activeAccountData li span.value {margin-left:6px;cursor:default;}

	#calSyncActive label.ui-button {text-align:center;}
/* USER APPOINT SYNC ACCOUNT */

.draggable .rightsLabel {cursor:grab}
.draggable:[draggable="true"] .rightsLabel {cursor:grabbing}

#currentuser .visibleTableFieldsWrapper .rightsCellWrap {border:1px solid #ccc;}
#currentuser .visibleTableFieldsWrapper .sortable-chosen .rightsCellWrap {border-color: #ff7500;}

#currentuser .editTableFields .rightsCellWrap .btn {margin-left:-2px;}


.v-select .dropdown-menu .optgroup-header {
	font-weight:bold;
}

#userconfiguration_app .userSelectionWrapper .v-select li {position:relative;}
#userconfiguration_app .userSelectionWrapper .v-select li span {display:block;text-overflow:ellipsis;overflow: hidden;}
#userconfiguration_app .userSelectionWrapper .v-select li .userDisabled {color:#D41708;position:absolute;left:7px;font-size:9px;top:7px;}
#userconfiguration_app .userSelectionWrapper .v-select li .userWarning {color:#EEEE00; position:absolute;right:4px;font-size:12px;top:5px;}


@media (max-width: 1199px) {
	.flexigrid .pDiv.pagertop { clear: left; margin-bottom: 3px; float: right; }
}


.contactCategories .listContent:not(.editAllowed) .removeCategory,
.contactCategories .listContent:not(.editAllowed) .relationActions { display:none; }

.collapsed .glyphicon-menu-up:before { content:"\e259"; }


.contactWidget .topArea .ui-tabs .ui-tabs-nav {display:flex;}
.contactWidget .topArea .ui-tabs .ui-tabs-nav li {display:flex;}
.contactWidget .topArea .ui-tabs .ui-tabs-nav li:not(:hover):not(.ui-tabs-selected) {overflow: hidden;}

/* Dialoganpassungen für window breakpoints  */
@media (min-width: 992px){
	.dialog-sm [class*=col-]:not([class*=col-xs-]):not([class*=col-sm-]) {width: 100%;}
	.dialog-sm [class*=col-md-offset-]:not([class*=col-sm-offset]) {margin-left:0;}
	.dialog-sm [class*=col-lg-offset-]:not([class*=col-sm-offset]) {margin-left:0;}
	
	.dialog-sm .col-sm-12 {width: 100%;}
	.dialog-sm .col-sm-11 {width: 91.66666667%;}
	.dialog-sm .col-sm-10 {width: 83.33333333%;}
	.dialog-sm .col-sm-9 {width: 75%;}
	.dialog-sm .col-sm-8 {width: 66.66666667%;}
	.dialog-sm .col-sm-7 {width: 58.33333333%;}
	.dialog-sm .col-sm-6 {width: 50%;}
	.dialog-sm .col-sm-5 {width: 41.66666667%;}
	.dialog-sm .col-sm-4 {width: 33.3333333%;}
	.dialog-sm .col-sm-3 {width: 25%;}
	.dialog-sm .col-sm-2 {width: 16.66666667%;}
	.dialog-sm .col-sm-1 {width: 8.33333333%;}
}
@media (min-width: 768px){
	.dialog-xs [class*=col-]:not([class*=col-xs-]) {width: 100%;}
	.dialog-xs [class*=col-sm-offset-]:not([class*=col-xs-offset]) {margin-left:0;}
		
	.dialog-xs .col-xs-12 {width: 100%;}
	.dialog-xs .col-xs-11 {width: 91.66666667%;}
	.dialog-xs .col-xs-10 {width: 83.33333333%;}
	.dialog-xs .col-xs-9 {width: 75%;}
	.dialog-xs .col-xs-8 {width: 66.66666667%;}
	.dialog-xs .col-xs-7 {width: 58.33333333%;}
	.dialog-xs .col-xs-6 {width: 50%;}
	.dialog-xs .col-xs-5 {width: 41.66666667%;}
	.dialog-xs .col-xs-4 {width: 33.3333333%;}
	.dialog-xs .col-xs-3 {width: 25%;}
	.dialog-xs .col-xs-2 {width: 16.66666667%;}
	.dialog-xs .col-xs-1 {width: 8.33333333%;}
	
	.dialog-xs .visible-xs {display:block !Important;}
}
@media (min-width: 420px){
	.dialog-xxs [class*=col-]:not([class*=col-xxs-]) {width: 100%;}
	.dialog-xxs [class*=col-xs-offset-]:not([class*=col-xxs-offset]) {margin-left:0;}
	
	.dialog-xxs .col-xxs-12 {width: 100%;}
	.dialog-xxs .col-xxs-9 {width: 75%;}
	.dialog-xxs .col-xxs-8 {width: 66.66666667%;}
	.dialog-xxs .col-xxs-6 {width: 50%;}
	.dialog-xxs .col-xxs-4 {width: 33.3333333%;}
	.dialog-xxs .col-xxs-3 {width: 25%;}
	
	.dialog-xxs .col-xxs-offset-3 {margin-left: 25%;}
	.dialog-xxs .col-xxs-offset-4 {margin-left: 33.3333333%;}
	.dialog-xxs .col-xxs-offset-6 {margin-left: 50%;}
	
	.dialog-xxs .visible-xxs {display:block !Important;}
}

.dialog-xs .ui-tabs .ui-tabs-nav li a:not(.btn) {
	min-width:4em;
}

.dialog-xxs .form-horizontal .control-label { text-align: left; }

.booktitle i {float:right;}

.listvalue_title .syncicon {padding:0 7px 0 7px; font-size: 12px;}


.ui-datepicker-today .ui-state-highlight {color:#0073ea;}
.ui-datepicker-calendar .ui-state-active {background:#ff7500; color:#fff;}
.ui-datepicker td span, .ui-datepicker td a {padding:2px 3px 2px 2px;}

.dropdown-toggle {cursor: pointer;}

.viaOptions .list-group {
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 5px;
}
.viaOptions .list-group-item {
	border-color: transparent;
}

.viaOptions .isHidden *:not(:hover) {
	color: #AAA!important;
}
.viaOptions .delete:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	content: "";
	border-top: 1px solid red;
	margin-top: 1em;
	width: 100%;
}

.ui-dialog.flex-buttons .ui-dialog-buttonset {
	display: flex;
	float: none;
	flex-wrap: wrap;
}
.ui-dialog.flex-buttons .ui-dialog-buttonset .mr-a {
	margin-right: auto;
	float: none;
}

.isHandle.drag {
	cursor: move;
	cursor: -webkit-grab;
}
.sortable-chosen[draggable=true] {
	border-color: #FF7500;
	z-index: 1;
}
/*via edit button*/
.form-group label + .btn {
    margin-top: -3px;
}


.modal-content {
	/*fix: missing border pixel, reset background clip*/
    -webkit-background-clip: border-box;
    background-clip: border-box;
}
#modalAjaxError .modal-content{
	margin-bottom:15px;
}

.glyphicon.glyphicon-option-vertical {
	top: 0;
	text-indent: 1px;
}


#detailFilter .combineWrapper {
	padding: 3px 0;
}
#detailFilter .combineChildrenWrapper {
	margin: 5px 0;
	padding: 0px 5px 0 15px;
	border-left: 1px dashed #ccc;
}
#detailFilter .combineChildrenWrapper:hover {
	border-left-color: #ff7500;
}

#detailFilter .level0 > .filter > .combineWrapper > .combineChildrenWrapper {
		border-left-color: #ccc !important;
}

#detailFilter .filtergroup.level0 {
	padding: 0;
	border-left: 0;
	margin-top: 10px;
}

#detailFilter .filter span {
	padding: 0 1px;
}
#detailFilter .filter span:first-child {
	padding-left: 0;
}

#detailFilter .filter .form-control {
	font-weight: bold;
}

#detailFilter .filter .v-select {
	min-width: 75px;
	display: inline-block;
}
#detailFilter .filter .v-select.single.open .selected-tag {
	position: relative;
}
#detailFilter .filter .v-select.open .selected-tag {
	margin-top: 1px;
}

#detailFilter .rule-param label {
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
	color: #000;
	margin: 0;
}

#detailFilter .conditionWrapper {
	display: inline-block;
	padding-right: 10px;
}
#detailFilter .detailFilterCombine,
#detailFilter .detailFilterCondition {
	display: inline-block;
	/* min height for v-select */
	line-height: 24px;
	min-height: 24px;
}
#detailFilter .newConditionWrapper {
	margin: 5px 0;
}
#detailFilter .removebtn {
	border-radius: 50%;
	margin-left: 5px;
	font-size: 1px;
	padding: 1px 2px 1px 2px;
	max-height: 20px;
	height: 0;
	visibility: hidden;
	transition: height 0s 0.12s, visibility 0s 0.12s;
}

#detailFilter .filterFullEdit .removebtn,
#detailFilter .combineWrapper:hover > .removebtn,
#detailFilter .conditionWrapper:hover > .removebtn {
	height: 20px;
	visibility: visible;
	transition: none;
}
#detailFilter .filterFullEdit .removebtn {
	border-radius: 0;
}
#detailFilter .removebtn .glyphicon {
	font-size: 9px;
}





/* dont mix, or they wont apply*/
.contactWidget section.userTab .form-control[disabled]::-webkit-input-placeholder,
.contactWidget section.userTab .form-control[readonly]::-webkit-input-placeholder,
.contactWidget section.userTab fieldset[disabled] .form-control::-webkit-input-placeholder {
	color: transparent;
}
.contactWidget section.userTab .form-control[disabled]::-moz-input-placeholder,
.contactWidget section.userTab .form-control[readonly]::-moz-input-placeholder,
.contactWidget section.userTab fieldset[disabled] .form-control::-moz-input-placeholder {
	color: transparent;
}
.contactWidget section.userTab .form-control[disabled] .placeholder,
.contactWidget section.userTab .form-control[readonly] .placeholder,
.contactWidget section.userTab fieldset[disabled] .form-control .placeholder {
	color: transparent;
}
/* -- */

.contactCategories_wrap label:not(.active) {cursor:pointer;  font-weight:normal;}
.contactCategories_wrap label:not(:first-child) {border-left: 1px solid #ddd; padding-left: 8px; margin-left: 4px;}
.contactCategories_wrap .listHeader.active {color:#ff7500;}


/* .contactCategories_wrap .glyphicon-list {transition:transform 0.5s;} */
/* .contactCategories_wrap .glyphicon-list:not(.sysmode) {transform:scaleX(-1);} */




/* IE 11 - fix input group has display:table, width isnt 100% */
.input-group {
	width: 100%;
}
/* IE 11 - fix blur from translate3d*/
.contextMenuWrap:before {
	content: ".";
	position: absolute;
	left:-90000px;
	top:-90000px;
}