/* https://yoksel.github.io/flex-cheatsheet/ */
@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Open+Sans');
@import url('font-awesome.min.css');
/* @import url('fontawesome-all.min'); */


html {
    /* overflow-x: hidden; */
	/* width: 100%; */
	/* height: 100%; */
}
html, body {
    /* max-width: 100%; */
    /* overflow: hidden; */
	/* width: 100%; */
	/* height: 100%; */
	/* margin: 0; */
}
body {
	/* font-family: Roboto, 'Open Sans', Arial, sans-serif; */
	font-family: Arial, sans-serif;
	font-size: 1rem;
	/* font-size: 9pt; */
	/* font-size: 0.8rem; */
	/* margin-top: 4rem; */
	/* margin-bottom: 30px;	 */
}
body.login {
	margin-top: 3rem;
	background-color: #adadad;
}
body.backend {
	overflow: hidden;
	background-color: #adadad;
	/* max-width: 700px; */
}
body.administrator {
	background-color: #adadad;
	/* font-size: 9pt; */
}
body.administrator .bg-inverse {
	background-color: #adadad;
	/* background-color: #440000 !important; */
}



textarea.autoexpand{  
  overflow: hidden;
}


.table td, .table th {
	vertical-align: middle;
}


.line_through {
	text-decoration: line-through !important;
}


/* .hide { */
	/* display: none !important; */
/* } */

.small, small {
    /* font-size: 85% !important; */
    /* font-weight: 400 !important; */
}


.small_sm {
    font-size: 65% !important;
    font-weight: 400 !important;
}

.small-sm {
    font-size: 70% !important;
    font-weight: 400 !important;
}

/* html.modal-open,  */
/* body.modal-open { */
    /* position: fixed; */
    /* overflow: hidden; */
	/* height: 100%; */
	/* width: 100%; */
/* } */

/* .overlayNoScroll { */
	/* z-index: 1045; */
	/* display: none; */
    /* position: fixed; */
    /* top: 0px; */
    /* left: 0px; */
    /* right: 0px; */
    /* bottom: 0px; */
    /* background-color: rgba(0, 0, 0, 0.8); */
/* } */
/* .preventscrolling { */
  /* height: 100%; */
  /* overflow: hidden; */
  /* display: fixed; */
/* } */


/*
.h7, h7 {
    display: block;
	font-size: 1rem;
    margin-bottom: 0;
    font-family: inherit;
    font-weight: 500;
    color: inherit;
}
*/


.card {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}


.h1, .h2, .h3, .h4, .h5, .h6, .h7, h1, h2, h3, h4, h5, h6, h7 {
    margin-top: 0;
	line-height: unset;
    /* margin-bottom: 0; */
}

.h6, h6 {
    /* font-size: 11pt; */
}

.strong {
	font-weight: 600;
}

label {
    margin: 0;
}



/**********************************************************
.table > thead > tr:first-child > td, 
.table > tbody > tr:first-child > td {
    border: none;
}
**/


/************************************************************/
.text-black-40 {
    color: rgba(0,0,0,.4)!important;
}
.text-black-30 {
    color: rgba(0,0,0,.3)!important;
}
.text-black-20 {
    color: rgba(0,0,0,.2)!important;
}
.text-black-10 {
    color: rgba(0,0,0,.1)!important;
}



/************************************************************/
/* .cke_dialog { */
	/* z-index: 10055 !important; */
/* } */



/************************************************************/
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track {
	/* background: #f1f1f1; */
	/* background: #ffffff; */
	/* background: #eceeef; */
	/* border-radius: 3px; */
	margin: 0;
	
	/* border-top-right-radius: 3px; */
	/* border-bottom-right-radius: 3px; */
}
 
::-webkit-scrollbar-thumb {
	background: #c5c5c5; 
	/* border-top: 3px; */
	/* border-radius: 5px; */
	/* border-top-right-radius: 3px; */
	/* border-bottom-right-radius: 3px; */
	/* border: 5px solid transparent; */
	background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
	background: #6c757d; 
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
}



/************************************************************/
.bounce_arrow {
	position: relative;
	bottom: 5px;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI1MTIiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCIvPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTU0MC4zNjIyKSI+PHBhdGggZD0ibSAxMjcuNDA2MjUsNjU3Ljc4MTI1IGMgLTQuOTg1MywwLjA3ODQgLTkuOTEwNzcsMi4xNjMwOCAtMTMuNDM3NSw1LjY4NzUgbCAtNTUsNTUgYyAtMy42MDA1NjUsMy41OTkyNyAtNS42OTY4ODMsOC42NTg5NSAtNS42OTY4ODMsMTMuNzUgMCw1LjA5MTA1IDIuMDk2MzE4LDEwLjE1MDczIDUuNjk2ODgzLDEzLjc1IEwgMjQyLjI1LDkyOS4yNSBjIDMuNTk5MjcsMy42MDA1NiA4LjY1ODk1LDUuNjk2ODggMTMuNzUsNS42OTY4OCA1LjA5MTA1LDAgMTAuMTUwNzMsLTIuMDk2MzIgMTMuNzUsLTUuNjk2ODggTCA0NTMuMDMxMjUsNzQ1Ljk2ODc1IGMgMy42MDA1NiwtMy41OTkyNyA1LjY5Njg4LC04LjY1ODk1IDUuNjk2ODgsLTEzLjc1IDAsLTUuMDkxMDUgLTIuMDk2MzIsLTEwLjE1MDczIC01LjY5Njg4LC0xMy43NSBsIC01NSwtNTUgYyAtMy41OTgxNSwtMy41OTEyNyAtOC42NTA2OCwtNS42ODEyNyAtMTMuNzM0MzgsLTUuNjgxMjcgLTUuMDgzNjksMCAtMTAuMTM2MjIsMi4wOSAtMTMuNzM0MzcsNS42ODEyNyBMIDI1Niw3NzguMDMxMjUgMTQxLjQzNzUsNjYzLjQ2ODc1IGMgLTMuNjY2NzgsLTMuNjY0MjMgLTguODQ4MDEsLTUuNzY0NDIgLTE0LjAzMTI1LC01LjY4NzUgeiIgaWQ9InBhdGgzNzY2LTEiIHN0eWxlPSJmb250LXNpemU6bWVkaXVtO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO2xpbmUtaGVpZ2h0Om5vcm1hbDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO3RleHQtYW5jaG9yOnN0YXJ0O2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZmlsbDojMjIyMjIyO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDozOC44ODAwMDEwNzttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZvbnQtZmFtaWx5OlNhbnM7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zIi8+PC9nPjwvc3ZnPg==);
}
.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}





/************************************************************/
.starrating > input {display: none;}  /* Remove radio buttons */

.starrating > label:before { 
  content: "\f005"; /* Star */
  margin: 0 2px 0 0;
  font-size: 20px;
  font-family: FontAwesome;
  display: inline-block; 
}

.starrating > label
{
  color: #222222; /* Start color when not clicked */
}

.starrating > input:checked ~ label
{ color: #ffca08 ; } /* Set yellow color when star checked */

.starrating > input:hover ~ label
{ color: #ffca08 ;  } /* Set yellow color when star hover */




/************************************************************/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/************************************************************/
@media (max-width: 667px) {
	.hidden_xs {
		display: none !important;
	}
}
/************************************************************/
/* .flex_container { */
    /* display: -webkit-flex; */
    /* display: flex; */
    /* -webkit-flex-direction: row; */
   /* flex-direction: row; */
/* } */



/************************************************************/
#svgContainerOrganisationTree,
#svgGlobalDraggable,
#svgContainerAnalysis {
  position: absolute;
  /* z-index: -100; */
  /* background-color: silver; */
  /* opacity: 0.5; */
}

	
/************************************************************/
path { 
  fill: none;
  /* stroke: #868e96; */
}
.dashed-path {
  stroke-dasharray: 5px;
}

.animated-path-normal {
  animation: dash 3s linear infinite;
  animation-direction: normal;
}
.animated-path-reverse {
  animation: dash 3s linear infinite;
  animation-direction: reverse;
}
@keyframes dash {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -100px; }
}








/************************************************************/
.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 10px;
    background: #dee2e6;
    outline: none;
}
.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 20px;
    background: #0063cd;
    cursor: pointer;
}
.slider::-moz-range-thumb {
    width: 10px;
    height: 20px;
    background: #0063cd;
    cursor: pointer;
}


/************************************************************/
.administrator_image_preview {
    position:absolute;
	top: 105px;
	right: 502px;
	
    border: 5px solid #000000;
    background: #000000;
    padding: 0;
    display: none;
}
.administrator_image_preview img {
    max-width: 500px;
	max-height: 500px
}
.administrator_fileadmin_file img {
    max-width: 500px;
	max-height: 500px
}


/************************************************************/
/*
.box {
  margin: 0 10px 10px 0;
}
.box:last-child {
  margin: 0 0 10px 0;
}
*/
.table.table_remove_first_border > tbody > tr:first-child > td {
    border: none;
}




/************************************************************/
.custom-menu {
    display: none;
    z-index: 10000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    /* font-family: sans-serif; */
    background: #ffffff;
    color: #333;
    border-radius: 0;
    padding: 0;
	min-width: 250px;
}
.custom-menu li {
    padding: 4px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.custom-menu li:hover {
    background-color: #DEF;
}



/************************************************************/
video {
  max-width: 100% !important;
  /* height: auto !important; */
  margin: 0 auto;
  display: block;
}



/************************************************************/
/* [aria-hidden="true"] { */
  /* display: none; */
  /* visibility: hidden; */
/* } */


/************************************************************/
.scrollup {
	display: none;
    position: fixed;
    width: 50px;
    height: 50px;
	line-height: 50px;
    bottom: 15px;
    /* right: 50%; */
    /* margin-right: -24px; */
	border-radius: 24px;
	background-color: rgba(52, 58, 64, 0.5);
	
	left: 50%;
    /* margin-right: -50%; */
    /* transform: translate(-50%, -50%) */
}
span.scrollup {
	outline: 0;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
span.scrollup i {
	color: #ffffff;
	font-size: 16px;
}






/************************************************************/
.input-group-text {
    border-radius: 0;
}


/************************************************************/
.card {
	border: none;
}
.card-header {
    border: 0;
	background-color: #eceeef;
}
.card-header:first-child {
    border-radius: 0;
}



/************************************************************/
.border-light {
    border-color: #eceeef !important;
}



/************************************************************/
.alert_slider{  
    display: none;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10000;
	min-width: 100px;
    background-color: #28a745; 
	/* border: 5px solid #ffffff; */
	padding: 10px 15px;
    margin: 0 auto;
	text-align: center;
	color: #ffffff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}​


/************************************************************/

/*
.calender {
    width:280px;
    border:1px solid black;
}
* html .calender,
* + html .calender {
    width:282px;
}
.calender div.after,
.calender div.before{
    color:silver;
}
.day {
    float:left;
    width:40px;
    height:40px;
    line-height: 40px;
    text-align: center;
}
.day.headline {
    background:silver;
}
.day.current {
    font-weight:bold;
}
.clear {
    clear:left;
}
.pagination {
    text-align: center;
    height:20px;
    line-height:20px;
    font-weight: bold;
}
.pagihead { 
   display:inline-block;
   background: white;
   width: 140px;
   height: 20px;
   color: black;
}
.pagination a {
    width:20px;
    height:20px;
}
*/






/************************************************************/
/* .modal:nth-of-type(even) { */
    /* z-index: 1042 !important; */
/* } */
/* .modal-backdrop.in:nth-of-type(even) { */
    /* z-index: 1041 !important; */
/* } */



/************************************************************/
.file_upload_custom {
    position: relative;
    overflow: hidden;
    /* margin: 10px; */
	width: 50px !important;
}
.file_upload_custom [type=file] {
    display: none;
	position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}




/************************************************************/
.required label{
	color: #CC0000;
}
.required input, .required select {
	background-color: #f3eaea;
}

/************************************************************/
.button_inside_input {
    display: flex;
}
.button_inside_input input.form-control {
    flex: 1;
}
.button_inside_input .btn {
	min-width: 45px;
   /* border-left: 0; */
	/* margin-left: 3px; */
}
.button_inside_input select.form-control {
    /* border-left: 0; */
	/* margin-left: 3px; */
}



.element_side_by_side {
    display: flex;
}
.element_side_by_side div {
    flex: 1;
}
.element_side_by_side .btn {
    flex: 1;
}



/************************************************************/
select, textarea, input, a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none !important;
    outline: 0 !important;
	box-shadow: none !important;
}
input::-moz-focus-inner {
    border: 0 !important;
}


/************************************************************/




/************************************************************/
input.datepicker {
  background-image: url("/images/icon/calendar_icon.png");
  background-size: 20px 20px;
  background-position: 98% 50%;
  background-repeat: no-repeat;
  padding-right: 18px;
}


/************************************************************/
.modal-open {
	/* overflow: scroll; */
	/* padding-right: 0px !important; */
}


/************************************************************/
.nav-tabs .nav-link {
	border-radius: 0;
	border: 0;
}
.nav-tabs>li>a:hover{
    /* border-color: transparent !important; */
    background-color: #f5f5f5;
}


/************************************************************/
.card-header {
    /* background-color: #eceeef; */
    /* border-bottom: 1px solid rgba(0,0,0,.125); */
}

/************************************************************/
.navbar-inverse a {
   /* font-size: 0.8rem; */
   color: #ffffff;
   text-transform: uppercase;
   text-decoration: none;
}
.navbar-inverse i {
   /* font-size: 0.8rem; */
   color: #ffffff;
}
.navbar-inverse a:hover {
   color: #ffffff;
}
.navbar-inverse .navbar-brand {
   font-size: 1rem;
   /* padding-top: 0; */
   /* padding-bottom: 0; */
   color: #a0a0a0;
}
.navbar-inverse .navbar-toggler {
    border: none;
	background-color: #000000;
	color: #ffffff;
    font-size: 11pt;
    min-width: 50px;
	cursor: pointer;
	/* line-height: normal; */
	height: 39px;
	border-radius: 2px;
	margin-right: 3px;
}


.navbar-inverse .navbar-toggler.active{
	/* background-color: #45515d !important; */
}
.navbar-inverse .navbar-toggler-icon {
   font-size: 1rem;
}
#navbarHeader {
	background-color:#000000 !important;
}

body.administrator #navbarHeader a {
	color: #a0a0a0;
} 
#navbarHeader .active {
	/* color: #0275d8; */
} 



/************************************************************/
.toogle_header {
	transition: all .3s ease-out;
	cursor: pointer;
}
.toogle_header:hover {
	background-color: #eceeef; 
}
.toogle_header.active {
	background-color: #eceeef; 
}
.toogle_open {
	border-left: 10px solid #e36e38 !important;
}


/************************************************************/
.user_load_byid {
	cursor: pointer;
}
.user_load_byid {
	/* transition: all .3s ease-out; */
	/* box-shadow: 0px 2px 2px 0px rgba(0,0,0,.175); */
}
.user_load_byid:hover {
	/* background-color: #e5e5e5;  */
}



/************************************************************/
.ajax_href {
	cursor: pointer;
}



/************************************************************/
section {
	padding: 35px 0;
	width: 100%;	
}



/************************************************************/
#cke_ckeditor_1 {
	border: 0 !important;
}
/************************************************************/
.fixed_top_quick_wrapper {	
    display: none;
	position: fixed;
    right: 0;
    left: 0;
    top: 47px;
    bottom: 0;
    z-index: 29;
    background-color: #000000;
    color: #ffffff;
    min-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
	width: 500px;
}


/************************************************************/
.global_draggable {
    min-width: 500px;
    min-height: 500px;
    border: 1px solid #d5d5d5;
    position: relative;
    background-color: #e9ecef;
}
.global_draggable_wrapper {
    display: none;
	position: fixed;
    right: 0;
    left: 0;
    top: 105px;
	bottom: 0;
    z-index: 29;
    background-color: #ffffff;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	border-top: 0px solid #dddddd;
}
.global_draggable_wrapper_functions {
    display: none;
	position: fixed;
    right: 0;
    left: 0;
    top: 47px;
    z-index: 31;
	padding: 10px 0;
    background-color: #ffffff;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,.175);
	min-height: 56px;
}




/************************************************************/
.fixed_top_spotsearch_search {
    display: none;
	position: fixed;
    right: 0;
    left: 0;
    top: 47px;
    z-index: 31;
	padding: 10px 0;
    background-color: #ffffff;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,.175);
	min-height: 56px;
}
.fixed_top_spotsearch_wrapper {
    display: none;
	position: fixed;
    right: 0;
    left: 0;
    top: 105px;
	bottom: 0;
    z-index: 30;
    background-color: #ffffff;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
/* .spotsearch_content .card { */
	/* box-shadow: 1px 2px 1px 0px rgba(0,0,0,.175); */
/* } */
.spotsearch_content h7 {
	font-size: .8rem;
	margin-bottom: .2rem;
}
.spotsearch_content p {
	/* font-size: .7rem; */
    color: #777777;
}
.spotsearch_content .spotsearch_user .d-flex {
	background-color: #eceeef;
	/* padding-right: 1rem; */
	height: 130px;
	/* box-shadow: 1px 1px 0px 0px rgba(0,0,0,.175); */
}


/* .fixed_left:not([style*="display: none"]) { */
.fixed_left_ticket,
.fixed_left {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9;
    border: 0;
    background-color: #ffffff;
	padding: 15px 0;
	font-size: 90%;
	
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.fixed_left.fixed_left_small {
	overflow-y: hidden;
}


.fixed_left td {
	padding: 5px 0;
}
.fixed_left_small {
	width: 50px;
	background-color: #eceeef;
}
.fixed_left_small .container-fluid {
    /* padding-left: 5px; */
    /* padding-right: 5px; */
}
.fixed_left_small .row {
    /* opacity: 0; */
	visibility: hidden;
}


.fixed_right {
    display: none;
    position: fixed;
    right: 0;
    width: 250px;
    /* top: 105px; */
    bottom: 0;
    z-index: 9;
    border: 0;
    background-color: #ffffff;
	padding: 15px 0;
	font-size: 90%;
	
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.fixed_left td {
	padding: 5px 0;
}


.fixed_top {
    display: none;
	position: fixed;
    right: 0;
    left: 0;
    top: 47px;
    z-index: 10;
	padding: 10px 0;
    background-color: #ffffff;
	/* border-bottom: 1px solid #d5d5d5; */
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,.175);
	/* min-height: 56px; */
	/* overflow-x: auto; */
	/* overflow-y: hidden; */
	/* -webkit-overflow-scrolling: touch; */
}
.fixed_top h6 {
    margin-top: 10px;
}


.function_loader_top {
    position: relative;
	padding: 10px 0;
    background-color: #ffffff;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,.175);
	width: 100%;
}
.function_loader_top h6 {
    margin-top: 10px;
}




/************************************************************/
/* #box {  */
	/* position: absolute;    */
	/* height: auto;  */
	/* width: 200px;     */
	/* z-index: 1; */
	/* background-color: #ffffff; */
/* }   */







/************************************************************/
.quick_button {
	cursor: pointer;
}
.quick_button.active {
	background-color: #e36e38;
}
.quick_content {
	position: fixed;
    right: 0;
    left: 0;
    top: 47px;
	bottom: 0;
	z-index: 20;
	background-color: #000000;
	color: #ffffff;
	min-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.quick_content small {
	color: #999999;
}
.quick_content img {
	width: 40px;
}
.quick_content a {
	color: #ffffff;
}
.quick_content .title {
	padding: 15px 0;
	color: #e36e38;
}
.quick_content .title a {
	color: #e36e38;
}
.quick_content .content {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #333333;
}
.quick_content.scrollable {
	/* margin-right: -15px; */
}
.quick_content .active {
	border-right: 5px solid #dd0000;
}


/************************************************************/
.spotsearch_button {
	cursor: pointer;
}
.spotsearch_button.active {
	/* background-color: #586f84; */
	/* background-color: #a71515; */
	background-color: #e36e38;
}
.spotsearch_container {
    display: none;
    position: fixed;
    padding: 10px 0;
	right: 0;
    left: 0;
    top: 47px;
    z-index: 20;
    background-color: #ffffff;
	width: 100%;
	opacity: 1;
}
/* .spot_search_wrapper a:hover { */
	/* text-decoration: underline; */
/* } */
.spotsearch_container {
	font-size: 10pt;
}





/************************************************************/
.card-block {
	/* overflow: auto; */
	/* font-size: 1rem; */
}


/************************************************************/
.fileadmin_overlay_wrapper {
	position: fixed;
    right: 0;
	width: 500px;
    /* left: 0; */
    /* top: 105px; */
	bottom: 0;
	z-index: 20;
	margin-top: 1px;
    /* border-top: 1px solid #dddddd; */
	border: 0;
	background-color: #000000;
	color: #ffffff;
	font-size: 10pt;
}
.fileadmin_overlay_wrapper .fileadmin_overlay_content {
	position: relative;
	/* top: 50px; */
	/* bottom: 0px; */
	width: 100%;
	/* height: 100%; */
	
	/* display: block; */
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.fileadmin_overlay_wrapper input.form-control-sm {
	padding: 0 3px 0 3px;
	font-size: 8pt;
	width: 100%;
	border: 0;
	background-color: #222;
	color: #ffffff;
}
.fileadmin_overlay_wrapper .btn-sm {
	min-width: 20px;
}
.fileadmin_overlay_wrapper input.form-control-sm[readonly] {
	border-top: 1px solid #000000;
	background-color: #222;
	color: #777777;
}



/************************************************************/
.fixed_top_mediathek_image_container {
	display: block;

    background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	
	overflow: hidden;
	position: fixed;
    right: 0;
    left: 0;
    top: 0;
	bottom: 0;
	z-index: 1040;
	background-color: #000000;
	color: #ffffff;
	min-height: 200px;
	font-size: 10pt;
	-webkit-overflow-scrolling: touch;
}
.fixed_top_mediathek_diashow_container { 
	display: block;
	overflow: hidden;
	position: fixed;
    right: 0;
    left: 0;
    top: 0;
	bottom: 0;
	z-index: 1040;
	background-color: #000000;
	color: #ffffff;
	min-height: 200px;
	font-size: 10pt;
	-webkit-overflow-scrolling: touch;
}
.fixed_top_mediathek_diashow_container .mediathek_diashow { 
	display: block;
	overflow: hidden;
	position: fixed;
	top: 0;
    left: 0; 
    right: 0; 
    bottom: 0; 
	
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    /* background-attachment: fixed; */
    /* @media (max-width: @iphone-screen) { */
		/* background: no-repeat center center fixed;  */
		/* -webkit-background-size: 100%;  */
		/* -moz-background-size: 100%;  */
		/* -o-background-size: 100%;  */
		/* background-size: 100%;  */
		/* -webkit-background-size: cover;  */
		/* -moz-background-size: cover;  */
		/* -o-background-size: cover;  */
		/* background-size: cover;  */
    /* } */
}
/* @media (max-width: @iphone-screen) {
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	.fixed_top_mediathek_diashow_container .mediathek_diashow { 
		background-size: cover; 
	}
} */

.mediathek_diashow_text { 
    position: absolute;
	top: 200px;
    left: 50px; 
	padding: 15px 50px;
	background-color: #000000;
	color: #ffffff;
	font-size: 25px;
	z-index: 1;
}
.mediathek_diashow_text small { 
	color: #ffffff;
	font-size: 14px;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	.mediathek_diashow_text { 
		top: 20px;
		left: 20px; 
		padding: 10px 20px;
		font-size: 14px;
	}
	.mediathek_diashow_text small { 
		font-size: 10px;
	}
}


.mediathek_diashow_zoom {
    -webkit-animation: zoomin 15s;
}
@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.5);
    }
}




.mediathek_image_manage_edit, .mediathek_image_diashow_manage {
    /* display: block; */
	/* width: 100%; */
	padding: 30px 0;
	background-color: rgba(0, 0, 0, .5);
	
	border-top: 1px solid rgba(45, 45, 45, 0.7);
	/* background-color: rgba(255, 255, 255, .5); */
	/* position: fixed; */
    /* bottom: 0; */
    /* right: 0; */
    /* left: 0; */
}
.mediathek_image_diashow_manage [type=button], 
.mediathek_image_manage_edit [type=button], 
.mediathek_image_manage_edit [type=submit] {
	background-color: #222222;
	color: #ffffff;
	border: 0;
	/* width: 33% !important% */
}
.mediathek_image_diashow_manage [type=button]:disabled, 
.mediathek_image_manage_edit [type=button]:disabled,
.mediathek_image_manage_edit [type=submit]:disabled {
	opacity: .4;
}
.mediathek_image_manage_edit input {
	background-color: #222222;
	color: #ffffff;
	border: 0;
}
.mediathek_image_manage_edit select {
	background-color: #222222;
	color: #ffffff;
	border: 0;
	height: auto !important;
}
.mediathek_image_manage_edit_parameter .mylike {
	background-color: #e36e38;
}

.mediathek_image_diashow_manage .active {
	/* background-color: #e36e38; */
	background-color: #888888;
}
.mediathek_image_diashow_manage .active_musik {
	background-color: #888888;
}


/************************************************************/
.lightning_button {
	cursor: pointer;
}
.lightning_button.active {
	/* background-color: #586f84; */
	background-color: #e36e38;
}
.lightning_footer {
	font-size: 85%;
	border-top: 1px solid #1d1d1d;
	padding: 15px;
	text-align: center;
}
/* .fixed_top_lightning_container { */
    /* display: none; */
	/* position: fixed; */
    /* right: 0; */
    /* left: 0; */
    /* top: 47px; */
    /* z-index: 20; */
/* } */
.lightning_content {
	position: fixed;
    right: 0;
    left: 0;
    top: 47px;
	bottom: 0;
	z-index: 20;
	background-color: #000000;
	/* background-color: rgba(0,0,0,0.9); */
	color: #ffffff;
	min-height: 200px;
	font-size: .8rem;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.lightning_content small {
	/* font-size: 8pt; */
	color: #999999;
}
.lightning_content img {
	width: 40px;
}
.lightning_content a {
	color: #ffffff;
}
.lightning_content .title {
	padding: 15px 0;
	/* font-size: 11pt; */
	/* color: #586f84; */
	color: #e36e38;
}
.lightning_content .title a {
	color: #e36e38;
}
.lightning_content .content {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #333333;
}
.lightning_content.scrollable {
	/* margin-right: -15px; */
}
/* .lightning_content .items_news { */
	/* border-left: 3px solid; */
	/* padding-left: 5px; */
/* } */
.lightning_content .items_news.default {
	border-left-color: #c5c5c5;
}
.lightning_content .items_news.danger {
	/* border-left-color: #AA0000; */
	border-right: 5px solid #dd0000;
}
.lightning_content .active {
	/* background-color: #222222; */
	border-right: 5px solid #dd0000;
}

@media (max-width: 667px) {
	/* .navbar-toggler { */
		/* font-size: 11pt; */
		/* padding: 10px 10px 8px 10px; */
		/* min-width: 45px; */
	/* } */

	/* .lightning_wrapper { */
		/* width: 100%; */
	/* } */
	.lightning_content {
		font-size: 8pt;
	}
	.lightning_content .title {
		font-size: 10pt;
	}
	.lightning_content img {
		width: 30px;
	}
	/* .lightning_container { */
		/* min-height: 150px; */
	/* } */
	/* .lightning_container .title { */
		/* padding: 15px 0; */
		/* border-top: 1px solid #1d1d1d; */
	/* } */
	/* .lightning_container .content.scrollable { */
		/* max-height: 100px; */
	/* } */
}


.lightning_button.highlight {
	background-color: #e36e38;
}
.lightning_button.highlight.lightningblink {
    -moz-animation:lightningblink normal 1.5s infinite ease-in-out;
    -webkit-animation:lightningblink normal 1.5s infinite ease-in-out;
    -ms-animation:lightningblink normal 1.5s infinite ease-in-out;
    animation:lightningblink normal 1.5s infinite ease-in-out;
}
@keyframes lightningblink {
    0% { background-color: rgba(227,110,56,1) }
    50% { background-color: rgba(0,0,0,1) }
    100% { background-color: rgba(227,110,56,1) }
}
@-webkit-keyframes lightningblink {
    0% { background-color: rgba(227,110,56,1) }
    50% { background-color: rgba(0,0,0,1) }
    100% { background-color: rgba(227,110,56,1) }
}




/*
.blink {
    -webkit-animation: blink 1s step-end infinite;
            animation: blink 1s step-end infinite;
}
@-webkit-keyframes blink { 50% { visibility: hidden; }}
        @keyframes blink { 50% { visibility: hidden; }}
*/
	

.blink {
	animation: blink-animation 1s steps(5, start) infinite;
	-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
	visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}



	
		
/* .divtoBlink{ */
    /* -webkit-animation: bgblink 2s;  /* Chrome, Safari, Opera */ */
    /* -webkit-animation-iteration-count: infinite;  /* Chrome, Safari, Opera */ */
/* } */
/* @-webkit-keyframes bgblink { */
    /* from {background-color: #a9a9a9;} */
    /* 50% {color:#ff0000} */
    /* to {background-color: #a9a9a9;} */
/* } */
/* @keyframes bgblink { */
    /* from {background-color: #a9a9a9;} */
    /* 50% {background-color:#ff0000} */
    /* to {background-color: #a9a9a9;} */
/* } */
/* .blink_me { */
  /* animation: blinker 1s linear infinite; */
/* } */

/* @keyframes blinker {   */
  /* 50% { opacity: 0; } */
/* } */



/************************************************************/
/*
.featured_actions_content .items {
	border-left: 5px solid;
	border-bottom: 1px solid #1d1d1d;
	padding: 0 0 0 10px; 
	margin: 0 0 15px 0;
}
.featured_actions_content .news_content_read {
	cursor: pointer;
}

.featured_actions_content .items.default {
	border-left-color: #1d1d1d; 
}
.featured_actions_content .items.new {
	color: #ffffff;
}
.featured_actions_button.active {
	background-color: #586f84;
}
*/



/************************************************************/
/* .favorite_action_button { */
	/* color: #cccccc; */
/* } */
/* .favorite_action_button:hover, .favorite_action_button:focus, .favorite_action_button:active { */
	/* color: #cccccc; */
	/* text-decoration: none; */
/* } */
/* .favorite_action_button.active { */
	/* color: #d9534f; */
/* } */



/************************************************************/
/* .textblock-container { */
	/* width: 100%; */
	/* height: 500px; */
	/* border: 1px solid red; */
	/* position: relative; */
	/* overflow: auto; */
/* } */

/* div.textblock { */
/* width: 300px; */
/* border: 1px solid black; */
/* position: absolute; */
/* top: 0; */
    /* left: 0; */
    /* /* right: 128px; */ */
    /* bottom: 0; */
    /* height: 100%; */
	
  /* z-index: 1; */
  /* overflow: hidden; */
/* } */




/************************************************************/



 
/*
#mindmapContainer { 
	border:dashed 1px #CCC; 
	width:120px; 
	height:120px; 
	padding:5px; 
	margin:5px; 
	font:13px Arial; 
	cursor: move; 
	float: left 
} 

#divResize { 
	border:dashed 1px #CCC; 
	width:120px; 
	height:120px; 
	padding:5px; 
	margin:5px; 
	font:13px Arial; 
	cursor:move; 
	float:left; 
	background-color: azure;
} 
*/


/* .mindmapLine { */
  /* width: 100%; */
  /* color: black; */
  /* height: 1px; */
  /* background-color: #ff0000; */
/* } */


        /* .mindmapLine{ */
            /* width: 100px; */
            /* height: 10px; */
            /* border: solid thin red; */
            /* position: absolute; */
            /* background-color: red; */
            /* -webkit-border-radius: 10px; */
            /* -moz-border-radius: 10px; */
            /* border-radius: 10px; */
        /* } */
		
	
/* svg { */
	/* height: 10000px; */
/* } */
/* .node1{ */
	/* position:absolute; */
	/* width:100px; */
	/* background:#666; */
	/* color : #fff; */
	/* padding:10px; */
	/* font-family:Georgia, "Times New Roman", Times, serif */
/* } */
/* .node2{ */
	/* position:absolute; */
	/* width:100px; */
	/* background:#F99; */
	/* left: 300px; */
	/* padding:10px; */
	/* font-family:Georgia, "Times New Roman", Times, serif */
/* } */



.project_mindmap_wrapperXXXXX {
	position: fixed;
    right: 0;
    left: 0;
    top: 105px;
	bottom: 0;
    /* z-index: 29; */
    /* background-color: #ffffff; */
	/* background-color: rgba(0,0,0,0.9); */
	/* border-bottom: 5px solid #ffffff; */
	/* min-height: 200px; */
	/* overflow-x: hidden; */
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
	
}

.project_mindmap_wrapper {
	position: absolute;
	
    left: 15px;
    top: 15px;
    right: 15px;
    bottom: 15px;
	
	/* left:20px; */
	/* width:100%; */
	/* height:100%; */
	/* border: 1px solid #aa0000; */
	background-color: #a5a5a5;
	border: 0;
	/* z-index:5; */
	
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	
}
	
/* .mindmapContainer {  */
	/* float: left  */
/* } */
.mindmapElement {
    z-index: 1;
	position: absolute;
    top: 150px;
    left: 300px;
	cursor: move;
	
	min-width: 100px;
	max-width: 300px;
	
	min-height: 100px;
	max-height: 300px;
	
    padding: 0;
    background-color: #ffffff;
	/* box-shadow: 2px 2px 4px 0px rgba(0,0,0,.175); */
	/* box-shadow: 0px 0px 1px 1px rgba(0,0,0,.2); */
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,.1);
	
	border-radius: 2px;
	/* font-size: 100%;  */
	font-size: 0.875em;
	
	/* border: 1px solid #aa0000; */
	
	/* font-size: 12px; */
	
    /* transform: scale(0.5); */
    /* -moz-transform: scale(0.5); */
    /* -webkit-transform: scale(0.5); */
}
/* .mindmapElementNew { */
	/* background-color: rgba(134, 142, 150, 1); */
	/* border: 1px dashed #333333; */
/* } */




.mindmapElement_title {
	padding: 10px;
	background-color: #d9534f;
	color: #ffffff;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom: 5px solid #ffffff;
}
.mindmapElement_title a {
	color: #ffffff;
}
.mindmapElement_title .strong {
	font-weight: 600;
}

.ui-draggable-dragging .mindmapElement_title {
    background-color: #495057 !important;
}

.mindmapElement_saved .mindmapElement_title {
	/* background-color: #ff0000; */
	border-bottom: 5px solid #8bc34a;
}


.mindmapElementColor_1 {
  background-color: #ff0000;
}
.mindmapElementColor_2 {
  background-color: #0000ff;
}
.mindmapElementColor_3 {
  background-color: #00ff00;
}
.mindmapElementColor_4 {
  background-color: #ffff00;
}

/* .mindmapElement_edit { */
	/* padding: 5px; */
	/* background-color: #f5f5f5; */
/* } */
.mindmapElement_description {
	padding: 10px;
	position: absolute;
	display: inline-block;
	bottom: 15px;
	top: 38px;
  
	/* text-overflow: ellipsis; */
	/* word-wrap: break-all; */
	word-break: break-all;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	min-height: 50px;
	/* max-height: 200px; */
 
 /* line-height: 1.8em; */
	/* white-space: nowrap; */
	/* text-overflow: ellipsis; */
	/* overflow: hidden;	 */
	
	/*
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	*/
}

/************************************************************/
/* *, *:before, *:after { */
  /* box-sizing: border-box; */
/* } */










.project_wrapper {
	/* position: relative; */
	/* white-space: nowrap; */
	
	/* display: block; */
	/* background-color: #ffffff; */
	/* width: 100%; */
    /* overflow-x: auto; */
    /* overflow-x: auto; */
	/* -webkit-overflow-scrolling: touch; */
	
	/* border: 1px solid #bbb; */
}
.gantt_grid, .gantt_task {
	background-color: #ffffff;
}
.project_wrapper .table td, .project_wrapper .table th {
    /* padding: 1px 1px 1px 5px; */
    vertical-align: middle;
    border-bottom: 1px solid #eceeef;
}
.project_wrapper .table p {
    margin-bottom: 1px;
}



.gantt_grid {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	/* width: 60%; */
}
.gantt_grid .gantt_grid_container {
    /* min-width: 100%; */
    /* white-space: nowrap; */
    display: table-row;
}

/*
.gantt_grid table {
	width: 100%;
}
.gantt_grid	table tr {
	border-bottom: 1px solid #eceeef;
}
*/



.gantt_grid	.gantt_grid_years {
	white-space: nowrap;
	border-bottom: 1px solid #ffffff; 
	/* border-left: 5px solid #dddddd;  */
}
.gantt_grid	.gantt_grid_month {
	white-space: nowrap;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	/* border-left: 5px solid #dddddd;  */
}
.gantt_grid .gantt_grid_days {
	white-space: nowrap;
	border-bottom: 1px solid #4e5d6b; 
	/* border-left: 5px solid #dddddd;  */
}
.gantt_grid	.gantt_grid_years > div {
	/* line-height: 20px; */
	display: inline-block;
	padding: 5px;
	text-align: center;
	background-color: #4e5d6b;
	color: #ffffff;
}
.gantt_grid	.gantt_grid_month > div {
	width: 35px;
	/* line-height: 20px; */
	display: inline-block;
	padding: 5px;
	text-align: center;
	background-color: #4e5d6b;
	color: #ffffff;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.gantt_grid	.gantt_grid_days > div {
	width: 35px;
	/* line-height: 20px; */
	display: inline-block;
	padding: 5px;
	text-align: center;
	background-color: #4e5d6b;
	color: rgba(255, 255, 255, 0.2);
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.gantt_grid	.gantt_grid_elements {
	white-space: nowrap;
	/* border-left: 5px solid #dddddd;  */
}
.gantt_grid	.gantt_grid_elements.show {
	background-color: #f5f5f5;
}
.gantt_grid	.gantt_grid_elements.hold_show {
	background-color: #f0f8ff;
	/* color: #ffffff; */
}
.gantt_grid	.gantt_grid_elements > div {
	width: 35px;
	/* line-height: 20px; */
	display: inline-block;
	padding: 5px;
	/* margin: 1px 0; */
	border-bottom: 1px solid #eceeef;
}

.gantt_grid	.gantt_grid_elements > div.busy_1 {
	background-color: #deb887;
}
.gantt_grid	.gantt_grid_elements > div.empty_start_end_1 {
	background-color: #b22222;
}


/* .gantt_grid	.info_yearsxx > div { */
	
	/* padding: 5px; */
    /* width: 35px; */
    /* overflow: hidden; */
    /* white-space: nowrap; */
	/* text-overflow: ellipsis; */
/* } */


/*
.gantt_grid table td, .gantt_grid table th {
	padding: 5px;
    width: 35px;
    overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
}
.gantt_grid table th {
	font-weight: 400;
	text-align: center;
	background-color: #343a40;
	color: #ffffff;
}
.gantt_grid .info_days th {
	color: #777777;
}
*/


.gantt_task_information {
	display: none;
	background-color: #ffffff;
	border-left: 10px solid #eceeef;
	/* overflow-y: scroll; */
	/* -webkit-overflow-scrolling: touch; */
    /* width: 450px; */
}
.gantt_task_information .gantt_task_information_scrollable {
    width: 400px;
	min-height: 300px;
	/* background-color: #f5f5dc; */
	/* white-space: nowrap; */
	/* text-overflow: ellipsis; */
	/* overflow-x: hidden; */
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}


.gantt_task .gantt_task_container {
    min-width: 500px;
    /* white-space: nowrap; */
	/* display: table-row; */
}



.gantt_task	.gantt_task_action .done {
	/* text-decoration: line-through; */
	color: #28a745;
}
.project_task_last_edited {
	background-color: #fcf8e3;
}
.gantt_task	.gantt_task_action .text-light {
    color: #d6d6d6 !important;
}
.gantt_task	.gantt_task_action a {
	color: inherit;
}
.gantt_task	.gantt_task_action > div {
	/* line-height: 20px; */
	display: block;
	padding: 5px;
	border-bottom: 1px solid #eceeef;
	cursor: pointer;
	
	overflow: hidden;
	white-space: nowrap;
	
	/* text-align: center; */
	/* background-color: #343a40; */
	/* color: #666666; */
	/* border: 1px solid #eee; */
}

.gantt_task	.gantt_task_action_fa {
	width: 30px;
	text-align: center;
}
.gantt_task	.gantt_task_action .show {
	background-color: #f5f5f5;
}
.gantt_task	.gantt_task_action .hold_show {
	background-color: #f0f8ff;
	/* background-color: #f5f5f5; */
	/* color: #ffffff; */
}
.gantt_task	.gantt_task_action .hold_border {
	border-left: 5px solid #dc3545 !important;
	/* border-right: 5px solid #dc3545 !important; */
	background-color: #eceeef;
}

/*
.gantt_task {
	background-color: #ffffff;
	border-bottom: 1px solid #eceeef;
	border-right: 1px solid #eceeef;
}
.gantt_task {
	padding: 5px;
	font-weight: 400;
	text-align: right;
	background-color: #6d5f5f;
	color: #ffffff;
}
.gantt_task {
	padding: 5px;
	text-align: left;
}
*/

/* .gantt_task  .d-flex div{ */
    /* padding: 10px 0; */
/* } */




/* .project_wrapper .card-title { */
	/* border-bottom: 1px solid #bbb; */
/* } */
.project_wrapper .strong {
	font-weight: 600;
}


.popover {
    /* font-weight: 400; */
    font-size: inherit;
    border-radius: 3px;
}
.popover-header {
    font-size: inherit;
	/* font-size: .75rem; */
}




/************************************************************/
/* .ui-dialog .ui-resizable-se { */
    /* background-image: url(""); */
/* } */



/************************************************************/
.graphviz-svg {
    position: relative;
}

/* stop tooltips wrapping */
.graphviz-svg .tooltip-inner {
    white-space: nowrap;
}

/* stop people selecting text on nodes */
.graphviz-svg text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}




/************************************************************/
.analysis_wrapper.analysis_wrapper_objectchart {
	position: absolute;
    left: 15px;
    top: 15px;
    right: 15px;
    bottom: 15px;
	background-color: #eceeef;
	/* cursor: grab; */
	overflow: hidden;
	padding: 5px;
	font-size: 9px;
	-webkit-overflow-scrolling: touch;
}



.analysis_wrapper_zoom_slider {
	min-width: 500px;
	min-height: 500px;
	border: 1px solid #969696;
	position: relative;
	background-color: #dddddd;
}
.analysis_wrapper_zoom_slider.bg_tile {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIElEQVQoU2NkIAJcvXr1PyMR6hhGFeINJXDwgAhiwhIACZUi96iuvdcAAAAASUVORK5CYII=) repeat;
}
.analysis_wrapper_zoom_slider.bg_white {
	background-color: #ffffff !important;
}


.analysis_filter_count {
	color: #b5b5b5;
}


.analysisRecord {
    z-index: 10;
	position: absolute;
    top: 25px;
    left: 25px;
	text-align: center;
    padding: 0;
	min-width: 10px;
    min-height: 10px;
	
	display: inline-block;
	white-space: nowrap;
}
.analysisRecord p {
    padding: 2px 0;
	margin: 0;
}
.analysisRecord i {
	margin: 0;
}
.analysisRecord.image  {
	/* background-color: #ffffff; */
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;  
}
.analysisRecord .content {
    position: absolute; 
	left: 0; 
	top: 0; 
	bottom: 0; 
	right: 0;
	padding: 5px;
}
.analysisRecord .content.center_center {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.analysisRecord .content.top_left {
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: flex-start;
}
.analysisRecord .content.bottom_left {
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: flex-end;
}
.analysisRecord .content.bottom_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}


.analysisRecord.text_halign_left .content {
	align-items: flex-start !important;
}
.analysisRecord.text_halign_center .content {
	align-items: center !important;
}
.analysisRecord.text_halign_right .content {
	align-items: flex-end !important;
}
.analysisRecord.text_valign_top .content {
	justify-content: flex-start !important;
}
.analysisRecord.text_valign_center .content {
	justify-content: center !important;
}
.analysisRecord.text_valign_bottom .content {
	justify-content: flex-end !important;
}

.analysisRecord.element {
	/* min-width: 30px; */
	/* min-height: 30px; */
}

.analysisRecord.textfield {
	min-width: 20px;
	min-height: 20px;
}


.analysisRecord.segment {
	/* min-width: 30px; */
	/* min-height: 30px; */
}
.analysisRecord.container {
	width: 100px;
	height: 100px;
	box-shadow: none;
	z-index: 5;
}
.analysisRecord.line {
	min-width: 5px;
	min-height: 5px;
}
.analysisRecord.symbol {
	background-color: rgba(51, 51, 51, 0);
	color: #ffffff;
}









.analysisRecord.oval,
.analysisRecord.circle {
	border-radius: 50%;
}

.analysisRecord.borderradius {
	border-radius: 5%;
}

.analysisRecord.fontsize_standard {
	font-size: 100%;
}
.analysisRecord.fontsize_60 {
	font-size: 60%;
}
.analysisRecord.fontsize_80 {
	font-size: 80%;
}
.analysisRecord.fontsize_120 {
	font-size: 120%;
}
.analysisRecord.fontsize_140 {
	font-size: 140%;
}
.analysisRecord.fontsize_180 {
	font-size: 180%;
}
.analysisRecord.fontsize_200 {
	font-size: 200%;
}
.analysisRecord.fontsize_300 {
	font-size: 300%;
}
.analysisRecord.fontsize_400 {
	font-size: 400%;
}
.analysisRecord.fontsize_500 {
	font-size: 500%;
}
.analysisRecord.fontsize_600 {
	font-size: 600%;
}
.analysisRecord.fontsize_700 {
	font-size: 700%;
}
.analysisRecord.fontsize_800 {
	font-size: 800%;
}
.analysisRecord.fontsize_900 {
	font-size: 900%;
}
.analysisRecord.fontsize_1000 {
	font-size: 1000%;
}
.analysisRecord.fontsize_1100 {
	font-size: 1100%;
}
.analysisRecord.fontsize_1200 {
	font-size: 1200%;
}
.analysisRecord.fontsize_1300 {
	font-size: 1300%;
}
.analysisRecord.fontsize_1400 {
	font-size: 1400%;
}
.analysisRecord.fontsize_1500 {
	font-size: 1500%;
}



.analysisRecord.bg_standard  {
	background-color: #ffffff;
	/* color: #333333; */
}
.analysisRecord.bg_red  {
	background-color: #d9534f;
	/* color: #ffffff; */
}
.analysisRecord.bg_red_light  {
	background-color: #c57a78;
	/* color: #ffffff; */
}
.analysisRecord.bg_grey  {
	background-color: #e9ecef;
	/* color: #ffffff; */
}
.analysisRecord.bg_grey_dark  {
	background-color: #c5c5c5;
	/* color: #ffffff; */
}
.analysisRecord.bg_green  {
	background-color: #009688;
	/* color: #ffffff; */
}
.analysisRecord.bg_lila  {
	background-color: #9c27b0;
	/* color: #ffffff; */
}
.analysisRecord.bg_violet  {
	background-color: #673ab7;
	/* color: #ffffff; */
}
.analysisRecord.bg_braun  {
	background-color: #795548;
	/* color: #ffffff; */
}
.analysisRecord.bg_yellow  {
	background-color: #ffeb3b;
	/* color: #333333; */
}
.analysisRecord.bg_orange  {
	background-color: #ff9800;
	/* color: #333333; */
}
.analysisRecord.bg_blue  {
	background-color: #2f6fb3;
	/* color: #ffffff; */
}
.analysisRecord.bg_blue_pastel  {
	background-color: #00bcd4;
	/* color: #ffffff; */
}
.analysisRecord.bg_blue_dark  {
	background-color: #607d8b;
	/* color: #ffffff; */
}
.analysisRecord.bg_black  {
	background-color: #222222;
	/* color: #ffffff; */
}
.analysisRecord.bg_white  {
	background-color: #ffffff;
	/* color: #333333; */
}
.analysisRecord.bg_transparent  {
	background-color: rgba(51, 51, 51, 0.5);
	/* color: #ffffff; */
}


.analysisRecord.bg_transparent_standard  {
	opacity: 1 !important;
}
.analysisRecord.bg_transparent_100  {
	opacity: 1 !important;
}
.analysisRecord.bg_transparent_75  {
	opacity: .75 !important;
}
.analysisRecord.bg_transparent_50  {
	opacity: .5 !important;
}
.analysisRecord.bg_transparent_25  {
	opacity: .25 !important;
}
.analysisRecord.bg_transparent_0  {
	background: transparent !important;
}
.analysisRecord.filter_opacity {
	opacity: .2 !important;	
}
.analysisRecord.filter_hide_on_opacity {
	visibility: hidden !important;
}


.analysisRecord.shadow_standard  {
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,.1);
}
.analysisRecord.shadow_none  {
	box-shadow: none;
}
.analysisRecord.shadow_0  {
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0);
}
.analysisRecord.shadow_10  {
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,.1);
}
.analysisRecord.shadow_25  {
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,.25);
}
.analysisRecord.shadow_50  {
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,.5);
}



.analysisRecord.fontcolor_standard  {
	color: #333333;
}
.analysisRecord.fontcolor_red  {
	color: #d9534f;
}
.analysisRecord.fontcolor_blue  {
	color: #0063cd;
}
.analysisRecord.fontcolor_black  {
	color: #222222;
}
.analysisRecord.fontcolor_white  {
	color: #ffffff;
}



.analysisRecord.border_standard  {
	border: 1px solid #aeb1b5;
}
.analysisRecord.border_none  {
	border: 0;
}
.analysisRecord.border_red  {
	border: 1px solid #d9534f;
}
.analysisRecord.border_grey  {
	border: 1px solid #9e9e9e;
}
.analysisRecord.border_blue  {
	border: 1px solid #0063cd;
}
.analysisRecord.border_black  {
	border: 1px solid #222222;
}
.analysisRecord.border_white  {
	border: 1px solid #ffffff;
}



path.hide {
	display: none;
}
path.interfacenode {
	stroke: rgba(0, 123, 255, 0.3);
}
path.interfacenode.interfacenodefull {
	stroke: rgba(0, 123, 255, 1);
}
path.interface {
	stroke: rgba(0, 123, 255, 1);
}
path.opacity {
	opacity: .35 !important;	
}
path.interface.pathhighlight {
	stroke: #007bff !important;
	display: block !important;
}
path.interfacenode.pathhighlight {
	stroke: rgba(0, 123, 255, 1) !important;
	display: block !important;
}
path.membership.pathhighlight {
	stroke: #cc0000 !important;
	display: block !important;
}
/* path.hide { */
	/* visibility: hidden !important;	 */
/* } */



.analysisRecord.interface .content  {
	box-shadow: inset -3px 0px 0px 0px rgba(33,150,243,1) !important;
}
.analysisRecord.recordhighlight {
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 1) !important;
}
.analysisRecord.selected {
	box-shadow: 0px 0px 3px 3px rgba(255, 0, 0, 1) !important;
}
.analysisRecord.saved {
	box-shadow: 0px 0px 0px 2px rgba(76,175,80,.9) !important;
}


.analysisRecord.recordwarning div {
    background-color: #ff0000 !important;
	color: #ffffff !important;
	-webkit-animation: effekt_blink 1s step-end infinite;
	animation: effekt_blink 1s step-end infinite;
}
.analysisRecord.effekt_blink div {
    -webkit-animation: effekt_blink 1s step-end infinite;
	animation: effekt_blink 1s step-end infinite;
}
@-webkit-keyframes effekt_blink { 50% { visibility: hidden; }}
@keyframes effekt_blink { 50% { visibility: hidden; }}


.analysisLine {
	z-index: 8;
	position: absolute;
	height: 9px;
	width: 1px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAI0lEQVQoU2NkIBIwEqmOgQYK165d+58Y62lgNTHWgtQQbTUAbIgDEJS3Qj0AAAAASUVORK5CYII=) repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAOklEQVQoU2NkQANr1679HxwczIgujiIAUgRSgFchTBFehciKcCpEV0S5iTDfEeVGdMUEgwekAVc4AgDihCQKYClLNQAAAABJRU5ErkJggg==) 45% center no-repeat;
}
.analysisLine.membership {
	z-index: 9;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAIklEQVQoU2NkIAIwEqGGgYqKzjAw/CdkJRWtI2QVSJ4o6wBOyAHVoYQH4wAAAABJRU5ErkJggg==) repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAOUlEQVQoU2NkQANnGBj+mzAwMCILo3BACkCSOBXBFOBUhKwAqyJ0BeSbBPMFQTehK8QbBCDF2MIJACjOEgqp4mzdAAAAAElFTkSuQmCC) 45% center no-repeat;
}





/************************************************************/
/* http://www.patternify.com/ */
/* font-size: 85%; */

.not_markable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/************************************************************/

.presence_calendar {
	background-color: #ffffff;
	font-size: .8rem;
}
.presence_calendar > div {
	width: 100%;
	overflow: scroll;
	/* -webkit-overflow-scrolling: touch; */
	-webkit-overflow-scrolling: auto;
}
.presence_calendar table {
	table-layout: fixed;
	margin: 0;
	padding: 0;
    border-style: hidden;
	margin-bottom: 1px;
	margin-right: 1px;
}
.presence_calendar table td, .presence_calendar table th {
    border: 1px solid #d5d5d5;
	background-clip: padding-box;
}
.presence_calendar p {
	margin: 0;
	padding: 0;
}
.presence_calendar th {
	font-size: 90%;
}
.presence_calendar th.year {
	width: 130px;
	height: 50px;
	background-color: #394148;
	color: #ffffff;
	font-weight: 300;
    text-align: right;
	vertical-align: middle;
	z-index: 3;
	position: relative;
	margin-bottom: 5px;
	
	
    /* -webkit-box-shadow:inset 0px 0px 0px 10px #f00; */
    /* -moz-box-shadow:inset 0px 0px 0px 10px #f00; */
    /* box-shadow:inset 0px 0px 0px 10px #f00; */
	
	/* box-shadow: inset 0px -1px 0 0px #ffffff; */
	/* border-bottom: 1px solid #ff0000; */
}
@media (max-width: 667px) {
	.presence_calendar th.year {
		width: 80px;
	}
}
.presence_calendar th.day {
	width: 38px;
	background-color: #4e5d6b;
	color: #ffffff;
	font-weight: 300;
	z-index: 2;
	text-align: center;
	vertical-align: middle;
	position: relative;
	
	/* box-shadow: inset 0px -1px 0 0px #ffffff; */
	/* border-top: 1px solid #ff0000; */
	/* border-bottom: 1px solid #ff0000; */
}
.presence_calendar th.day.active {
	background-color: #394148;
}


.presence_calendar th.month {
	background-color: #4e5d6b;
	color: #ffffff;
	font-weight: 300;
	/* height: 60px; */
    text-align: right;
	vertical-align: middle;
    padding: 10px;
	z-index: 1;
	position: relative;
}
.presence_calendar th.month.active {
	background-color: #394148;
}

.presence_calendar td {
	vertical-align: top;
	text-align: center;
	padding: 0;
	color: #ffffff;
	font-size: 75%;
}
.presence_calendar td > div {
	padding: 0;
	height: 35px;
	width: 100%;
	display: flex;
	/* align-items: stretch; */
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.presence_calendar td > div > div {
	display: block;
	width: 100%;
}
  


/* .presence_calendar .a { */
	/* padding: 0; */
	/* width: 100%; */
	/* display: table; */
/* } */
/* .presence_calendar .b { */
	/* display: table-row; */
/* } */
/* .presence_calendar .b div { */
    /* height: 40px; */
	/* width: 100%; */
	/* display: table-cell; */
    /* vertical-align: middle; */
/* } */




/* .presence_calendar .cal .dayname { */
	/* padding: 7px 0; */
	/* height: 40px; */
/* } */
.presence_calendar .action {
	height: 30px;
	padding: 8px 0;
	background-color: transparent;
}
.presence_calendar .dayname.today {
	box-shadow: inset 0px 3px 0 0px #007bff;
	opacity: 1;
}
.presence_calendar .dayname.presence_last_edited {
	/* border-top: 5px solid #000000; */
	box-shadow: inset 0px 3px 0 0px #000000;	
}








.presence_calendar tbody td:not(.disabled) .dayname.dayname_show_on_hover {
	color: #ffffff;
}


.presence_calendar [data-toggle="popover"] {
	cursor: help;
}

.presence_calendar .hover:not(.itemavailable):hover {
	background-color: #666666;
	color: #ffffff;
}

.presence_calendar .hover .action {
	border-top: 1px solid #ffffff;
	cursor: pointer;
}



.presence_calendar .newable:not(.itemavailable):not(.selected) .action {
	color: transparent;
	border-top: transparent;
}
.presence_calendar .newable:not(.itemavailable):hover .action {
	border-top: 1px solid #ffffff;
	color: #ffffff;
}


.presence_calendar .hover.itemavailable .action.newable {
	background-color: #868e96;
}

.presence_calendar .hover .action.abortlable,
.presence_calendar .hover .action.cancelable,
.presence_calendar .hover .action.notexist,
.presence_calendar .hover .action.deleteable,
.presence_calendar .hover .action.editable,
.presence_calendar .hover .action.infoable {
	/* background-color: #868e96; */
	/* color: #ffffff; */
}



.presence_calendar .itemavailable.hover:hover .dayname,
.presence_calendar .itemavailable.hover:hover .action {
	background-color: #666666;
	color: #ffffff;
}


.presence_calendar td.selected .dayname, 
.presence_calendar td.selected .action {
	/* background-color: #bd951c !important; */
	/* color: #ffffff !important; */
}
/* .presence_calendar td.selected:not(.itemavailable) { */
.presence_calendar td.selected {
	background-color: #bd951c !important;
	color: #ffffff !important;
}

.presence_calendar td.presence_multiedit_collect_selected {
	border: 2px inset #000000 !important;
}




/* .presence_calendar td .action.selected { */
	/* background-color: #bd951c !important; */
	/* color: #ffffff !important; */
/* } */

/* .presence_calendar td .action.selected:first-child { */
	/* background-color: #bd951c !important; */
	/* color: #ffffff !important; */
/* } */


/* .presence_calendar td .action.selected:parent { */
	/* background-color: #bd951c !important; */
	/* color: #ffffff !important; */
/* } */


/* .presence_calendar td:has(.selected) { */
	/* background-color: #bd951c !important; */
	/* color: #ffffff !important; */
/* } */




.presence_calendar .notexist {	
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAM0lEQVQoU2NkwAP+MzD8Z8QlD5VkxKoAJgnSjKEAWRJDAbokigJsknAFuCTBCvBJghQAAEQZEAcJT3KkAAAAAElFTkSuQmCC) repeat;
}
.presence_calendar .notinallowedday {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANklEQVQoU2NkwAPS0tL+M+KSB0nOmjWLEasCmCRIM4YCZEkMBeiSKAqwScIV4JIEK8AnCVIAAKymHjpCiaWdAAAAAElFTkSuQmCC) repeat;
}
.presence_calendar .notinallowedday div {
	opacity: .7;
	/* background-color: transparent !important; */
}
.presence_calendar .expired_hatch {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANklEQVQoU2NkwAPS0tL+M+KSB0nOmjWLEasCmCRIM4YCZEkMBeiSKAqwScIV4JIEK8AnCVIAAKymHjpCiaWdAAAAAElFTkSuQmCC) repeat;
}
.presence_calendar .expired {
	background-color: #e5e5e5;
	color: #e5e5e5;
	opacity: .5;
}
.presence_calendar .weekend {
	background-color: #e5e5e5;
	color: #bbbbbb;
}
.presence_calendar .bankholidayDE_NI {
	background-color: #e5e5e5;
	color: #bbbbbb;
}

.presence_calendar .test {
	background-color: #ff0000;
	color: #ffffff;
}





/* .presence_calendar td.bankholidayGUNDLACH { */
	/* background-color: #e5e5e5; */
	/* color: #bbbbbb; */
/* } */



.presence_calendar td.itemavailable {
	color: #ffffff;
}



/*
.presence_calendar .bg_ve {
	background-color: #9c27b0;
	color: #ffffff;
}
.presence_calendar .bg_kr {
	background-color: #fb4e88;
	color: #ffffff;
}
.presence_calendar .bg_tu {
	background-color: #868e96;
	color: #ffffff;
}
.presence_calendar .bg_su {
	background-color: #868e96;
	color: #ffffff;
}
.presence_calendar .bg_gtu {
	background-color: #868e96;
	color: #ffffff;
}
.presence_calendar .bg_ok {
	background-color: #4caf50;
	color: #ffffff;
}
*/



.presence_calendar .offer_for_representatio {
	/* background-color: #17a2b8 !important; */
	/* color: #ffffff; */
}
.presence_calendar .waiting {
	/* background-color: #868e96 !important; */
	/* background-color: #e36e38; */
	/* background-color: #868e96; */
	/* color: #ffffff; */
}
.presence_calendar .notapproved {
	/* background-color: #ee0000 !important; */
	/* color: #ffffff; */
}
/* .presence_calendar .xxxxx { */
	/* background-color: #ff0000; */
	/* color: #ffffff; */
/* } */
/* .presence_calendar tbody td.myitem_representatio_confirmed { */
	/* background-color: #8a6d3b; */
	/* color: #ffffff; */
/* } */
.presence_calendar .confirmed {
	/* background-color: #4caf50 !important; */
	/* color: #ffffff; */
}
.presence_calendar .border_top {
	border-top: 1px solid #ffffff;
	/* box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.4); */

}
.presence_calendar .busy {
	background-color: #e29593 !important;
	color: #ffffff;
}
/* .presence_calendar .illness { */
	/* background-color: #e91e63; */
	/* color: #ffffff; */
/* } */





.presence_calendar tr.ou th.user {
	padding: 0;
	height: 30px;
	background-color: #ffffff;
	z-index: 1;
	position: relative;
}

.presence_calendar tr.ou th.user > div {
	/* padding: 0; */
	/* height: 30px; */
	background-color: #e9ecef;
	z-index: 1;
	position: relative;
	
	padding: 0 0 0 10px;
	font-weight: 300;
	font-size: 85%;
	line-height: 25px;
	text-align: left;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.presence_calendar tr.ou th.user img {
	width: 30px;
}
.presence_calendar tr.ou td {
	background-color: #e9ecef;
	vertical-align: middle;
}
.presence_calendar tr.ou:hover th,
.presence_calendar tr.ou:hover td {
	background-color: #dddddd;
}



.presence_multiedit_highlight {
	background-color: #bd941d !important;
	color: #ffffff !important;
	border: 1px solid #bd941d !important;
}
.presence_representation_user:not(.holdopen) {
	cursor: pointer;
}












/************************************************************/
.enjoymenttrip_wrapper .form-control {
	background-color: #ffffff !important;
}
.enjoymenttrip_wrapper .order_options {
	border-left: 1px solid #d5d5d5;
}
@media (max-width: 667px) {
	.enjoymenttrip_wrapper .order_options {
		border-left: 0;
		/* border-top: 1px solid #d5d5d5; */
	}
}


/************************************************************/
.enjoymenttrip_rating i.fa-star, .rating i.fa-star {
	margin: 0 5px 0 5px;
	font-size: 2em;
	display: inline-block;
	color: #868e96; 
	cursor: pointer;
}
.enjoymenttrip_rating i.fa-star.checked, .rating i.fa-star.checked {
	color: orange;
}
/* .enjoymenttrip_rating i.fa-star.checked, .rating i.fa-star.checked:hover:not(.disabled) { */
	/* color: blue !important; */
/* } */
.enjoymenttrip_rating i.fa-star:hover, .rating i.fa-star:hover:not(.disabled) {
	color: orange;
}
.enjoymenttrip_rating i.fa-star:hover ~ i, .rating i.fa-star:hover:not(.disabled) ~ i {
	color: orange;
}

/* .starrating > input {display: none;} */
/* .starrating > label:before {  */
  /* content: "\f005"; */
  /* margin: 0 5px 0 5px; */
  /* font-size: 2em; */
  /* font-family: FontAwesome; */
  /* display: inline-block; */
/* } */
/* .starrating > label { */
  /* color: #aaaaaa; */
  /* cursor: pointer; */
/* } */
/* .starrating > input:checked ~ label {  */
	/* color: #ffc107;  */
/* } */
/* .starrating > input:hover ~ label {  */
	/* color: #ffc107; */
/* } */








/* .enjoymenttrip_wrapper input.form-control, .enjoymenttrip_wrapper select.form-control { */
	/* padding: 3px; */
	/* height: 22px !important; */
    /* line-height: 1;	 */
/* } */
/* .enjoymenttrip_wrapper .form-control:disabled, .form-control[readonly] { */
    /* background-color: #f5f5f5; */
	/* border: 1px solid #e9ecef; */
/* } */

/* .enjoymenttrip_wrapper .saved_success { */
	/* border: 1px solid #e9ecef; */
	/* background-color: #dce7f1; */
/* } */



/************************************************************/
.health_wrapper input.form-control, .health_wrapper select.form-control {
	padding: 3px;
	height: 22px !important;
    line-height: 1;	
}
.health_wrapper .form-control:disabled, .form-control[readonly] {
    background-color: #f5f5f5;
	border: 1px solid #e9ecef;
}

.health_wrapper .saved_success {
	/* border: 1px solid #e9ecef; */
	background-color: #dce7f1;
}


/************************************************************/
.blackboard_wrapper .card {
	transition: all .3s ease-out;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,.175);
}
.blackboard_wrapper .card a {
	text-decoration: none;
}
.blackboard_wrapper .booked {
	box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.8);
}
.blackboard_wrapper .blackboard_load_byid {
	cursor: pointer;
}

/************************************************************/
.workplace_wrapper .card {
	transition: all .3s ease-out;
	/* box-shadow: 0px 2px 2px 0px rgba(0,0,0,.175); */
}
.workplace_wrapper .card a {
	/* color: #999999; */
	text-decoration: none;
}
/* .fa-caret-right { */
	/* color: #b7b7b7; */
/* } */
.workplace_wrapper .booked {
	/*color: rgba(0, 0, 0, 0.3);*/
	
	/*
	-khtml-opacity:.20; 
	-moz-opacity:.20; 
	-ms-filter:"alpha(opacity=20)";
	filter:alpha(opacity=20);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	opacity:.20;
	*/
	box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.5);
	/* background-color: rgba(248,247,216,0.7);  */
  /* background: rgba(255, 0, 0, 0.25); */
}



/************************************************************/
.locker_wrapper .card {
	transition: all .3s ease-out;
}
.locker_wrapper .card a {
	text-decoration: none;
}
.locker_wrapper .booked {
	box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.7);
}


/************************************************************/

/*
.toastContainerDoYouKnow {
    position: absolute;
    display: block;
    top: 115px;
    z-index: 10;
    overflow: auto;
	max-height: 50vh;
    padding: 0;
	margin: 0 15px 0 15px;
}
@media (max-width: 667px) {
	.toastContainerDoYouKnow .toast {
		width: 100%;
	}
}
*/

.toastContainerMsg {
    position: fixed;
    display: block;
    bottom: 15px;
    right: 5px;
    z-index: 10;
    overflow: auto;
	max-height: 50vh;
    padding: 0 5px 0 0;
}
.toastContainerMsg .toast {
    width: 145px;
}


/************************************************************/
.notes_wrapper .card {
	/* height: 300px; */
	transition: all .3s ease-out;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,.175);
}
.notes_wrapper .card a {
	/* color: #999999; */
	text-decoration: none;
}
/* .fa-caret-right { */
	/* color: #b7b7b7; */
/* } */
.notes_wrapper .booked {
	/*color: rgba(0, 0, 0, 0.3);*/
	
	/*
	-khtml-opacity:.20; 
	-moz-opacity:.20; 
	-ms-filter:"alpha(opacity=20)";
	filter:alpha(opacity=20);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	opacity:.20;
	*/
	box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.8);
	/* background-color: rgba(248,247,216,0.7);  */
  /* background: rgba(255, 0, 0, 0.25); */
}




@media (max-width: 667px) {
	div#modal_ticket_bot .btn-group .btn {
		padding: .2rem;
		font-size: .9rem;
		line-height: unset;
		border-radius: unset;
	}
}


.ticket_wrapper .card {
	/* height: 300px; */
	/* transition: all .3s ease-out; */
	/* box-shadow: 0px 2px 2px 0px rgba(0,0,0,.175); */
}

.ticket_wrapper img {
	cursor: pointer;
}
.ticket_wrapper .card a {
	/* color: #6c757d; */
	/* text-decoration: none; */
}
.ticket_wrapper .card-block a {
	color: #6c757d;
}
.ticket_wrapper.ticket_administrator .card a.user_load_byid {
	color: #ffffff;
	/* text-decoration: none; */
}
/* .fa-caret-right { */
	/* color: #b7b7b7; */
/* } */
.ticket_wrapper .booked {
	/*color: rgba(0, 0, 0, 0.3);*/
	
	/*
	-khtml-opacity:.20; 
	-moz-opacity:.20; 
	-ms-filter:"alpha(opacity=20)";
	filter:alpha(opacity=20);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	opacity:.20;
	*/
	box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.8);
	/* background-color: rgba(248,247,216,0.7);  */
  /* background: rgba(255, 0, 0, 0.25); */
}
.ticket_wrapper .card.selected {
    outline-style: dashed;
    outline-color: #212529;
    outline-width: 3px;
    outline-offset: 1px;
}



/*
.ticket_user_saw_container {
	position: absolute; 
	top: 173px; 
	left: 0; 
	right: 0; 
	bottom: 96px; 
	z-index: 1000; 
	color: #fff; 
	background-color: #6c757d; 
	padding: 3rem; 
	text-align: center;
}
*/
/*
.ticket_user_saw_container {
	position: absolute; 
	top: 173px;
	width: 100%; 
	bottom: 105px;
	z-index: 1000; 
	color: #fff; 
	background-color: #6c757d; 
	padding: 3rem; 
	text-align: center;
}
*/
.ticket_user_saw_container {
	position: absolute; 
	z-index: 1000; 
	color: #fff; 
	background-color: #6c757d; 
	padding: 3rem; 
	text-align: center;
    left: 0;
    right: 0;
    height: 300px;
}

.ticket_user_saw_container .small-sm {
	color: #d5d5d5; 
}

/************************************************************/
.survey_wrapper table td {
   vertical-align: middle;
}
.survey_wrapper .card {
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,.175);	
}
.survey_wrapper .card-header {
	transition: all .3s ease-out;
}
.survey_wrapper .card-header:hover {
	background-color: #e5e5e5;
}
.survey_load_more_information_byid {
	cursor: pointer;
}
.survey_selection_type_input, .survey_selection_type_select {
	background-color: #ffffff !important;
}
.survey_selection_type_input:disabled, .survey_selection_type_select:disabled {
	background-color: #d5d5d5 !important;
}
.survey_selection_type_checkbox {
	transform: scale(1.5);
}


/************************************************************/
.rating {
    /* float: left; */
	min-width: 100px;
}
.rating:not(:checked) > input {
    position: absolute;
    top: -9999px;
    clip: rect(0,0,0,0);
}
.rating:not(:checked) > label {
    float: right;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    font-size: 20px;
    /* line-height: 1; */
    color: #cccccc;
	margin-bottom: 0;
}
.rating:not(:checked) > label:not([disabled]) {
    cursor: pointer;
}
.rating:not(:checked) > label:before {
    /* content: '★ '; */
    content: "\2605";
}
.rating > input:checked ~ label {
    color: #bf7300;
}
.rating:not(:checked) > label:hover:not([disabled]),
.rating:not(:checked) > label:hover:not([disabled]) ~ label {
    color: #bf7300;
}
.rating > input:checked + label:hover:not([disabled]),
.rating > input:checked + label:hover:not([disabled]) ~ label,
.rating > input:checked ~ label:hover:not([disabled]),
.rating > input:checked ~ label:hover:not([disabled]) ~ label,
.rating > label:hover:not([disabled]) ~ input:checked ~ label {
    color: #bf7300;
}
.rating > input:disabled ~ label {
	opacity: 0.5;
}
/* .rating > label:active { */
    /* position:relative; */
    /* top:2px; */
    /* left:2px; */
/* } */



/************************************************************/
.ticket_rating > .fa { 
	color: 868e96;
	margin-right: 3px;
}
.ticket_rating > .fa.checked { 
	color: orange;
}



.ticket_rating { 
  border: none;
  float: left;
}

.ticket_rating > input { display: none; } 
.ticket_rating > label:before { 
  margin-right: 5px;
  /* font-size: 1.25em; */
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.ticket_rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.ticket_rating > label { 
	color: #ddd; 
}

.ticket_rating > input:checked ~ label,
.ticket_rating:not(:checked) > label:hover,
.ticket_rating:not(:checked) > label:hover ~ label { color: #FFD700;  }

.ticket_rating > input:checked + label:hover, 
.ticket_rating > input:checked ~ label:hover,
.ticket_rating > label:hover ~ input:checked ~ label,
.ticket_rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 







/************************************************************/
.modal.show p > img {
	/* width: 100% !important; */
	/* height: 100% !important; */
	
	
	max-width: 100% !important;
	/* max-height: 100% !important; */
}



/************************************************************/
.faq_wrapper .card {
    /* box-shadow: 0px 2px 2px 0px rgba(0,0,0,.175);	 */
}
.faq_wrapper .card-header {
	transition: all .3s ease-out;
}


@media (max-width: 667px) {
	.faq_wrapper img, .news_wrapper img, .modal_news_popup img {
		/* width: 100% !important; */
		/* height: 100% !important; */
		max-width: 100% !important;
		max-height: 100% !important;
	}
}

/************************************************************/
.news_wrapper .card {
	/* border-left: 10px solid; */
	border-right: 10px solid #e5e5e5;
	/* border-left-color: #737373;  */
	/* border-right-color: #737373; */
	/* box-shadow: 0px 2px 2px 0px rgba(0,0,0,.175); */
	/* color: rgba(0, 0, 0, 0.4); */
    /* box-shadow: 0px 2px 2px 0px rgba(0,0,0,.175);	 */
}
.news_wrapper .card-header {
	transition: all .3s ease-out;
}
.news_wrapper .card-header:hover {
	background-color: #e5e5e5;
	/* color: rgba(0, 0, 0, 1); */
}

.news_wrapper .card:hover {
	/* background-color: #e5e5e5; */
	/* color: rgba(0, 0, 0, 1); */
}
.news_wrapper .card .active {
	background-color: #eceeef;
}
.news_wrapper .card.danger {
	border-right-color: #dc3545;
}
.news_wrapper .card .default {

}
.news_wrapper .toogle_header i {
	/* font-size: 30px; */
	/* color: #b18989; */
	/* opacity: 0.5; */
	/* padding-top: 20px; */
	/* padding-right: 10px; */
}

/* .news_wrapper .card.unread { */
	/* color: #292b2c; */
/* } */


.status_read {
	border-left: 10px solid #e5e5e5;
}
.status_unread {
	border-left: 10px solid #428bca;
}


/************************************************************/
.box_shadow {
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,.175);	
}



/************************************************************/
/* .fixed_bottom_pannel .table td { */
	/* padding: 25px 15px;    */
	/* border-top: 1px solid #111111; */
/* } */












/************************************************************/
.background_white {
	background-color: #ffffff !important;
}
.background_grey {
	/* background-color: #f5f5f5 !important; */
	background-color: #eceeef !important;
}
.background_success {
	/* background-color: #f5f5f5 !important; */
	background-color: #5cb85c !important;
}
.background_warning {
	border: 1px solid #c7a676 !important;
	background-color: #f0ad4e !important;
}
.background_danger {
	border: 1px solid #d9534f !important;
	background-color: #d9534f !important;
}
.background_primary {
	/* border: 1px solid #c7a676 !important; */
	background-color: #428bca !important;
}
/* .background_grey_dark{ */
	/* background-color: #e5e5e5 !important; */
/* } */

/************************************************************/
.text_white {
	color: #ffffff !important;
}
.text_grey {
	color: #999999 !important;
}
.text_grey_light {
	color: #cccccc !important;
}
.text_default {
	/* color: #428bca !important; */
}
.text_default {
	/* color: #428bca !important; */
}
.text_primary {
	color: #428bca !important;
}
.text_success {
	color :#5cb85c !important;
}
.text_warning {
	color: #f0ad4e !important;
}
.text_danger {
	color: #d9534f !important;
}


/************************************************************/
.scrollable {
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.modal_dynamic_scrollable .modal-body {
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}


/*
.modal_dynamic_scrollable {
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
*/



/************************************************************/
.btn, .alert, .card, .progress, .modal-content, .form-control {
	border-radius: 0;
}

input, select, textarea {
	border-radius: 0 !important;
}



.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
	border-radius: 0 !important;
	font-size: inherit;
}

/************************************************************/
.modal-content {
	border: 0;
}




/************************************************************/
.highlight {
    background-color: #ffeb3b;
}


/************************************************************/

	
	
	
	
/************************************************************/

/*
input, select {
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  height: 36px !important;
}
*/

select.form-control:not([size]):not([multiple]) {
  /* height: calc(2.5rem - 5px); */
  /* height: calc(2rem + 5px); */
}



/* .btn_min_width_m { */
	/* min-width: 140px; */
/* } */
/* .btn_min_width_s { */
	/* min-width: 110px; */
/* } */
  /* background-image: none; */
  /* outline: 0; */
  /* -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); */
          /* box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); */
/* border: 1px solid rgba(0,0,0,.1); */

@media (min-width: 992px) {
	.btn-primary, .btn-secondary, .btn-natural, .btn-success, .btn-danger, .btn-warning {
		/* min-width: 120px; */
	}
}


.btn {
	/* font-size: inherit; */
	/* line-height: 2; */
	/* cursor: pointer; */
}
.btn-xs {
	height: auto;
	font-size: 75%;
	min-width: 35px;
	/* line-height: 1; */
	padding: 3px 1px;
}

/*
.btn-xs {
	height: 24px;
	font-size: 80%;
	min-width: 70px;
	line-height: 13px;
}


.btn:focus, .btn:active  {
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
	-webkit-tap-highlight-color: transparent !important;
	outline-style: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
}
*/
/* .btn.active, .btn:active { */
    /* background-color: #343a40; */
	/* color: #ffffff; */
/* } */

.spotsearch_favorite.active {
    /* background-color: #e36e38; */
	/* border: 1px solid #e36e38; */
	/* color: #ffffff; */
}



/*
.btn-secondary, .dropdown-toggle {
	color: #292b2c;
    background-color: #eceeef;
	border: 1px solid #d5d5d5;
}
.btn-secondary:hover, .dropdown-toggle:hover {
	color: #292b2c;
    background-color: #d5d5d5;
	border: 1px solid #c5c5c5;
}
.btn-secondary.active {
    color: #ffffff;
    background-color: #586f84;	
	border: 1px solid #51677b;
}
*/

.btn-natural {
    color: inherit;
    background-color: #eceeef;	
	border: 1px solid #ced4da;
}
.btn-natural:hover {
    color: inherit;
	background-color: #ced4da;
	border: 1px solid #d5d5d5;
}
.btn-natural.active {
    color: #fff;
	border: 1px solid #dc3545;
	background-color: #e64352;
}

/************************************************************/
.tooltip-inner {
    max-width: 200px;
    padding: 6px 8px;
	font-size: 75%;
   /* color: #ffffff; */
	/* font-size: 11px; */
    text-align: center;
    /* background-color: #222222; */
    border-radius: 2px;
	opacity:1;
}
/* .tooltip.bs-tooltip-bottom .tooltip-inner { */
    /* background:#444 !important; */
/* } */
/* .tooltip .arrow:before { */
	/* border-bottom-color:#ccc !important; */
	/* border-top-color:#ccc !important; */
/* } */
/* .tooltip.in { */
	/* opacity: 1 !important; */
	/* filter: alpha(opacity=100); */
/* } */
 
/************************************************************/
.custom-select {
    background-color: #eceeef;
    transition: unset;
}
.form-control {
	background-color: #eceeef;
	transition: unset;
}
.form-control:focus {
	background-color: #eceeef;
}
.form-control:disabled, .form-control[readonly] {
	/* background-color: #d5d5d5; */
	/* border: 1px solid #b5b5b5; */
    /* opacity: 1; */
}


/************************************************************/
.dropdown-menu {
	/* margin: 1px 0 0 0; */
	/* border: 0; */
	border-radius: 0;
	/* background-color: #e9ecef; */
	/* padding: 5px 0; */
    /* font-size: inherit; */
}
.dropdown-item {
	/* padding: 5px 20px; */
}


/************************************************************/
.table thead th {
    /* border: 0; */
	/* font-weight: 400; */
}
/************************************************************/
.alert {
    border: 0;
	padding: 10px 15px;
}

/*
.alert-default {
    color: #333333;
    background-color: #f5f5f5;
}
.alert-success {
    color: #ffffff;
    background-color: #579681;
}
.alert-primary  {
    color: #ffffff;
    background-color: #0275d8;
}
*/
.alert-danger {
    color: #ffffff;
    background-color: #d9534f;
}


/************************************************************/
.error {
    /* background-color: #e2d0cf !important; */
    background-color: #f3eaea !important;
    border: 1px solid #dd0000 !important;
}
label.error {
    display: none !important;
}


.autochange {
    background-color: #e7f4ff !important;
    border: 1px solid #428bca !important;
}

/************************************************************/
.last_edited {
	background-color: #fcf8e3 !important;
}

.ticket_last_edited, .ticket_last_edited_history {
	background-color: #fcf8e3 !important;
}
/* .ticket_last_edited_history { */
	/* background-color: #f0f8ff !important; */
/* } */


/************************************************************/
.mediathek {
	display: block;
	/* background-color: #000000;  */
	/* box-shadow: 0 5px 10px 0 rgba(0,0,0,.175); */
}
.mediathek .mediathek_images div {
	display: block;
    background-size: cover;
    background-repeat: no-repeat;
	
	/* border: 1px solid white; */
	/* border-right: 1px solid white; */
	/* border-bottom: 1px solid white; */
}

/* div.box > div.box { */
    /* border-bottom: solid 1px gray; */
/* } */

/* .mediathek .mediathek_images div:last-child { */
	/* border-right: none; */
	/* border-bottom: none; */
/* } */
/* div.box > div.box > div.box:last-child { */
    /* border-bottom: none; */
/* } */



.mediathek_preview {
	display: block;
	/* min-height: 200px; */
	background-color: #000000; 
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.175);
}

.mediathek_preview .mediathek_preview_images .mediathek_image,
.mediathek_preview .mediathek_preview_images_home .mediathek_image {
	display: block;
	position: relative;
	width: auto;
	/* min-width: 100px; */
	/* height: 100px; */
    background-size: cover;
    background-repeat: no-repeat;
	/* background-position: top center;  */
	
    /* background-size: 100% 100%; */
}

.mediathek_preview .mediathek_preview_images .mediathek_image_info {
	position: absolute;
	bottom: 0;
	display: none;
	background-color: rgba(0, 0, 0, .5);
	width: 100%;
	line-height: 30px;
	padding-left: 5px;
	color: #ffffff !important;
}
.mediathek_preview .mediathek_preview_images .mediathek_image_info span {
	font-size: 85%;
	color: #ffffff;
}
/************************************************************/





.ajax_insert {
	display: block;
	position: fixed;
    right: 0;
    left: 0;
	bottom: 0;
    top: 47px;
	padding: 15px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.navigation_thumbnail {
	position: relative;
	text-align: center;
	color: #ffffff;
}
.navigation_thumbnail a {
	width: 100%; 
	height: 100%;
	display: block;
	background-color: #4e5d6b;
	color: #ffffff;
	text-decoration: none;
	transition: all .1s ease-out;
	border: 2px solid transparent;
}
.ajax_insert .navigation_thumbnail a:hover {
	border: 2px solid #ffffff;
}
.ajax_insert .navigation_thumbnail a.active {
	border: 2px solid #ffffff;
}
.ajax_insert .navigation_thumbnail {
	background-color: #dee2e6; 
	margin-bottom: 2rem;
}
.ajax_insert .navigation_thumbnail p {
	margin: 0;
}
.ajax_insert .navigation_thumbnail a {
	font-size: 14px;
	padding: 35px 10px;
}
.ajax_insert .navigation_thumbnail i {
	font-size: 25px;
	padding-bottom: 12px;
}


.bg-inverse .navigation_thumbnail a:hover {
	border: 2px solid #ffffff;
}
.bg-inverse .navigation_thumbnail a.active {
	border: 2px solid #ffffff;
}
.bg-inverse .navigation_thumbnail {
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.bg-inverse .navigation_thumbnail p {
	margin: 0;
}
.bg-inverse .navigation_thumbnail a {
	font-size: 13px;
	padding: 20px 10px;
}
.bg-inverse .navigation_thumbnail i {
	font-size: 22px;
	padding-bottom: 10px;
}

@media (max-width: 667px) {
	.ajax_insert .navigation_thumbnail {
		margin-bottom: 1rem;
	}
	.ajax_insert .navigation_thumbnail a {
		font-size: 12px;
		padding: 18px 3px;
	}
	.ajax_insert .navigation_thumbnail i {
		font-size: 18px;
		padding-bottom: 5px;
	}	
	.bg-inverse .navigation_thumbnail p {
		margin: 0;
	}
	.bg-inverse .navigation_thumbnail a {
		font-size: 11px;
		padding: 15px 3px;
	}
	.bg-inverse .navigation_thumbnail i {
		font-size: 14px;
	}
}








/************************************************************/
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: none;
}




/************************************************************/
.tree_list .table td {
    padding: .5rem;
}
.tree_list {
	margin-left: -90px;
}
.tree_list li .tree_list_container {
    position: relative;
}
.tree_list {
	margin-left: -350px;
}
.tree_list li {
	list-style-type: none;
    border-left: 2px solid #f5f5f5;
    margin-left: 310px;
}
.tree_list li .card {
	margin-bottom: 5px;
	margin-left: 270px;
}
@media only screen and (max-width: 2200px) {
	.tree_list {
		margin-left: -230px;
	}
	.tree_list li {
		margin-left: 190px;
	}
	.tree_list li .card {
		margin-left: 190px;
	}
}
@media only screen and (max-width: 1800px) {
	.tree_list {
		margin-left: -180px;
	}
	.tree_list li {
		margin-left: 140px;
	}
	.tree_list li .card {
		margin-left: 140px;
	}
}
@media only screen and (max-width: 1500px) {
	.tree_list {
		margin-left: -130px;
	}
	.tree_list li {
		margin-left: 90px;
	}
	.tree_list li .card {
		margin-left: 90px;
	}
}
@media only screen and (max-width: 1000px) {
	.tree_list {
		margin-left: -40px;
	}
	.tree_list li {
		margin-left: 0;
	}
	.tree_list li .card {
		margin-left: 10px;
	}
}
.tree_list img {
	width: 30px; 
	height: 30px;
}
.tree_list .tree_list_toogle_conversation p {
	/* color: #999999; */
	/* font-size: 85%; */
}
.tree_list li .tree_list_container::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -2px;
    bottom: 50%;
    width: 100%;
    border: 2px solid #f5f5f5;
    border-top: 0 none transparent;
    border-right: 0 none transparent;
	z-index: -1;
}
.tree_list ul > li:last-child {
    border-left: 2px solid transparent;
}

.tree_list_content {
	cursor: pointer;
	transition: all .3s ease-out;
	border-left: 5px solid #cacaca !important;
}
.tree_list_content.active {
	background-color: #d5d5d5;
}
.tree_list_content:hover {
	/* background-color: #e5e5e5; */
	border-left: 5px solid #d9534f !important;
}


.tree_list_content, .tree_list_conversation, .tree_list_contribution {
	cursor: pointer;
	/* border-top: 1px solid #d5d5d5; */
}
.tree_list_content i, .tree_list_conversation i, .tree_list_contribution i {
	color: #777777;
}
.tree_list_content_toogle, .tree_list_conversation_toogle, .tree_list_contribution_toogle {
	display: none;
}


/*
.tree_list_toogle_parent {
	border-left: 5px solid #d9534f !important;
}




.side_by_side_container .side_by_side{
    display: flex;
	overflow: hidden;
	white-space: nowrap;
}
.side_by_side_container > .side_by_side > .flex {
    flex-grow: 1;
}
.side_by_side_container > .side_by_side > .fixed_s {
    width: 100px;
}
.side_by_side_container > .side_by_side > .fixed_m {
    width: 150px;
}
.side_by_side_container > .side_by_side > .fixed_l {
    width: 300px;
}
*/



/************************************************************/
@media (min-width: 992px) {
	.sbs_wrapper {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
	}
	.sbs_wrapper .sbs_container {
		flex: 1;
		
		white-space: wrap; 
		word-break: break-all; 
		word-wrap: break-word; 
	}	
	.sbs_border_collapse {
		padding-left: 10px;
		padding-right: 10px;
		/* border-left: 2px solid transparent; */
		/* border-right: 2px solid transparent; */
	}
	.sbs_border_collapse:first-child {
		padding-left: 0;
		/* border-left: 0; */
	}
	.sbs_border_collapse:last-child {
		padding-right: 0;
		/* border-right: 0; */
	}
}


/************************************************************/
.user_wrapper h7 {
	margin-bottom: .5rem;
}
.user_wrapper i.fa-phone {
	/* color: #eeeeee; */
}
.user_wrapper .card {
	transition: all .3s ease-out;
	/* box-shadow: 0px 1px 1px 0px rgba(0,0,0,.3); */
}
.user_wrapper .card-block {
	overflow: hidden;
}
.user_wrapper .card:hover {
	background-color: #e5e5e5;
}
.user_wrapper .card img {
    width: 130px;
	height: 130px;
}



/*
.user_wrapper .table_card {
    display: table;
	border-collapse: collapse;
    width: 100%;
}
.user_wrapper .tr_card {
    display: table-row;
}
.user_wrapper .td_card {
	border: 0;
    display: table-cell;
	max-width: 1px;
	vertical-align: top;
}
.user_wrapper .td_card.settings {
    width: 50px;
	height: 130px;
}
.user_wrapper .td_card.image {
    width: 130px;
	height: 130px;
}
.user_wrapper .td_card h7, .user_wrapper .td_card p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
*/


.user_image_transition {
	display: inline-block;
	overflow: hidden;
}
.user_image_transition img {
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    vertical-align: middle;
}

/*
.user_wrapper .card:hover .user_image_transition img {
	transform:scale(1.2);
    -ms-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
}
*/


.user_image_transition_scale img {
	transform:scale(1.2);
    -ms-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
}



/************************************************************/
.organisation_wrapper {
	background-color: #adadad;
}
.organisation_wrapper .differ_h {
	display: block;
	background-color: #fff;
	height: 4px;
}
.organisation_wrapper h7 {
	font-size: .8rem;
	margin-bottom: .2rem;
}
.organisation_wrapper .facaret {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
/* .organisation_wrapper h7 { */
    /* font-size: .8rem; */
/* } */
.organisation_wrapper .facaret img {
    vertical-align: middle;
    width: 4px;
    height: 30px;
}
.organisation_wrapper .facaret .fa {
	font-size: 50px;
    color: #ffffff;
}

.organisation_wrapper .card {
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,.175);
}
.organisation_wrapper .card-header {
	transition: all .3s ease-out;
}
.organisation_wrapper .card-header:hover {
	background-color: #e5e5e5;
}

/* .organisation_wrapper a.company { */
	/* text-decoration: none; */
	/* transition: all .3s ease-out;	 */
/* } */
/* .organisation_wrapper a.company:hover { */
	/* background-color: #45515d;  */
/* } */
/* .organisation_wrapper .company { */
	/* padding: 20px; */
	/* margin-bottom: 20px;	 */
	/* background-color: #586f84; */
	/* text-decoration: none; */
	/* font-size: 18px; */
	/* color: #ffffff; */
	/* text-align: center; */
	/* display: block; */
	/* box-shadow:0px 2px 2px 0px rgba(0,0,0,.175); */
/* } */
.organisation_wrapper .department {
	/* margin: 0 1px 0 1px; */
	/* border-collapse: collapse; */
	/* border-style: solid; border-width:thin; border-color: #333; */
}
.organisation_wrapper .department .department_name {
	padding: 15px;
	/* background-color: #586f84; */
	/* background-color: #525b63; */
	background-color: #4e5d6b;
	color: #ffffff;
	text-align: center;
}
.organisation_wrapper .department .department_name_null {
	color: #525b63;
}
.organisation_wrapper .department .department_user {
	/* padding: 10px; */
	background-color: #ffffff;
	box-shadow:0px 2px 2px 0px rgba(0,0,0,.175);
}

.organisation_wrapper .department .department_user .card {
	background-color: #f5f5f5;
	margin: 15px;
	padding: 0px;
	transition: all .3s ease-out;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,.175);
}
.organisation_wrapper .department .department_user .card:hover {
	background-color: #e5e5e5; 
}

.organisation_wrapper .department .department_user .supervisor {
	margin-top: -13px;
}











/************************************************************/
.window_loading_wrapper {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2000;
    background-color: rgba(0,0,0,0.6);
	display: none;
}
.window_loading_container {
    position: relative;
    top: 25%;
	text-align: center;
}
.window_loading_spinner {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    border: 6px solid #eeeeee;
    border-top: 6px solid #0069d9;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}




.input_spinner {
    background-image: url('/images/icon/input_spinner.gif');
    background-repeat: no-repeat;
    background-position: 98%;
}




.loader {
    text-align: center;
	margin: 30px;
}
.loader > .spinner {
    display: inline-block;
    vertical-align: middle;
	margin: 0;
    border: 6px solid #eeeeee;
    border-top: 6px solid #0069d9;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;			
}
.loader > .spinner_lg {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    border: 6px solid #eeeeee;
    border-top: 6px solid #0069d9;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}
.loader > .spinner_sm {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    border: 4px solid #eeeeee;
    border-top: 4px solid #0069d9;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}
.loader > .spinner_xs {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    border: 2px solid #eeeeee;
    border-top: 2px solid #0069d9;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}





/************************************************************/
footer{
	background: #cccccc;
	padding: 30px 0 30px 0;
	color: #ffffff;
	font-size: 13px;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
	margin-top: 25px;
	color: #ffffff;
}
footer a {
	color: #ffffff;
}
footer a:hover {
	text-decoration: underline;
}
footer ul {
	margin:0;
	padding:0;
	list-style:none;
}



/************************************************************/
/* @media print { */
    /* font-size: 60% !important */
/* } */



/************************************************************/
@media print {

	@page {                
		/* size: A4; */
		/* margin: auto 0mm; */
	}

	html, body {
		width: 1024px;
	}

	body {
		font-family: Arial,Times,serif !important;
		/* font-family: Georgia,'Times New Roman',Times,serif; */
		font-size: 8pt;
		background-color: transparent;
		color: #000000;
		line-height: 1.4;
		word-spacing: 1.1pt;
		letter-spacing: 0.2pt; 
		width: 100% !important;
		margin: 0 auto !important;
		padding: 0 !important;
		float: none;
	}
	.navbar, .fixed-top, .fixed_top {
		display: none;
	}
	
	/* .container-fluid { */
		/* width: 1900px; */
	/* } */
	
	.col-12 {
		/* width: 33.33333333333333%; */
	}

	
	#print_enjoymenttrip td {
		font-size: 60% !important
	}
}