@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400i,700,700i');

*{
	box-sizing: content-box;
}

html, body{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	font-size: 13px;
	color: #676a6c;
}

a{
	color: #676a6c;
}

a:visited{
	color: #676a6c;
}

h1{
	font-size: 18px !important;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif !important;
	color: #676a6c !important;
	padding: 0 !important;
	line-height: 1 !important;
	font-weight: 600 !important;
	margin: 10px 0 !important;
}

h2{
	font-size: 16px !important;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif !important;
	color: #676a6c !important;
	padding: 0 !important;
	line-height: 1 !important;
	font-weight: 600 !important;
	margin: 10px 0 !important;
}

input{
	font-size: 14px;
	line-height: 1.42857143;
	color: #5d5d5d;
}

textarea{
	color: #5d5d5d;
}

select{
	color: #5d5d5d;
}

input::-moz-placeholder{
	color: #999;
	opacity: 1;
}

.clear{
	clear: both;
}

.signature-pad{
	/*width: 100%;
	height: 100%;*/
}

.signature_image{
	width: 100%;
	min-height: 50px;
	border: solid 1px #5d5d5d;
}

#link_sign_1{
	/*border: solid 1px #5d5d5d;*/
}

#loading_wait{
	display: none;
	z-index: 999;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(60,60,59,0.8);
}

#loading_wait img{
	width: 128px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -64px;
}

#wrapper{
	width: 100%;
	min-height: 100%;
	position: relative;
}

#login_wrapper{
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #EC671C;
}

#login_box:before{
	display: table;
}

@media all and (max-width: 767px) {
	#login_holder{
		width: 100%;
		margin: 0 auto;
		height: 100%;
	}
	
	#login_box form{
		padding: 0px;
	}
}
@media all and (min-width: 768px) {
	#login_holder{
		width: 400px;
		margin: 0 auto;
		height: 100%;
	}
	
	#login_box form{
		padding: 20px;
	}
}

#login_box{
	transition: all .2s ease-in-out;
	width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin-bottom: 0;
	background-color: #FFF;
	box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}

#login_box:hover{
	box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
}

.login_table{
	width: 100%;
	display: table;
}

.login_table img{
	width: 200px;
}

.login_table .table_row{
	width: 100%;
	display: table-row;
}

.login_table .table_cell{
	width: 100%;
	display: table-cell;
	padding: 6px 12px;
}

.login_field{
	width: 98%;
	padding: 3px;
}

.tfa_field{
	width: 98%;
	padding: 3px;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 10px;
	text-align: center;
}

.animated{
	animation-duration: .6s;
	
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.fadeIn{
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@media all and (max-width: 767px) {
	#page_left{
		background-color: #676767;
		/*float: left;*/
		width: 220px;
		height: 100%;
		position: fixed;
		left: 0px;
		top: 0px;
		bottom: 0px;
		
		color: #FFF;
		font-weight: 600;
		
		-webkit-transition: all 0.2s ease; /* Firefox */
		-moz-transition: all 0.2s ease; /* WebKit */
		-o-transition: all 0.2s ease; /* Opera */
		transition: all 0.2s ease; /* Standard */
		z-index: 999;
		display:  none;
	}
}
@media all and (min-width: 768px) {
	#page_left{
		background-color: #676767;
		/*float: left;*/
		width: 220px;
		height: 100%;
		position: fixed;
		left: 0px;
		top: 0px;
		bottom: 0px;
		
		color: #FFF;
		font-weight: 600;
		
		-webkit-transition: all 0.2s ease; /* Firefox */
		-moz-transition: all 0.2s ease; /* WebKit */
		-o-transition: all 0.2s ease; /* Opera */
		transition: all 0.2s ease; /* Standard */
	}
}

#user_box{
	display: block;
	background-image: url('../images/header-profile-se.png');
	width: 100%;
	height: 140px;
	position: relative;
}

#cd2_clock{
	font-size: 12px;
	font-weight: 400;
	position: absolute;
	top: 3px;
	left: 5px;
}

#cd2_date{
	font-size: 12px;
	font-weight: 400;
	position: absolute;
	top: 3px;
	right: 5px;
}

#user_box_content{
	text-align: center;
	padding: 35px 25px 25px;
	position: relative;
}

#user_box_content img{
	width: 48px;
	height: 48px;
	border-radius: 24px;
}

#user_box_profile_name{
	cursor: pointer;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

.user_menu{
	position: fixed;
	z-index: 9995;
	background-color: #FFF;
	width: 160px;
	color: #676a6c;
	font-weight: 400;
	font-size: 12px;
	top: 108px;/*55px;*/
	left: 24px;
	
	border: solid 1px #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	
	display: none;
}

.user_menu a{
	display: block;
	width: 160px;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
}

.user_menu a:hover{
	background-color: #676a6c;
	color: #FFF;
}

#category_select{
	background-color: #5d5d5d;
	/*height: 34px;*/
}

#category_select a{
	display: inline-block;
	width: 34px;
	line-height: 34px;
	color: #FFF;
	text-align: center;
	
	font-size: 1.2em;
}

#category_select a:hover{
	background-color: #676767;
}

#category_select a.active{
	background-color: #676767;
}

#open_category_select_more{
	cursor: pointer;
	display: inline-block;
	width: 15px;
}

#category_select_more{
	position: absolute;
	display: none;
	/*display: block;*/
	/*width: 220px;*/
	width: 100%;
	background-color: #5d5d5d;
	border: solid 1px #5d5d5d;
	/*border-bottom: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;*/
}

#category_select_more a{
	display: block;
	text-align: left;
	/*width: 200px;*/
	width: calc(100% - 20px);
	text-decoration: none;
	line-height: 34px;
	padding: 0px 10px;
	font-size: 1.2em;
}

#category_select_more a .title{
	padding-left: 10px;
	font-size: 0.8em;
	font-weight: 400;
}

#category_select_more a:hover{
	background-color: #717171;
}

#page_top_menu{
	padding: 5px 0 0 0;
	/*white-space: normal;*/
}

#menu{
	overflow-y: auto;
	height: calc(100% - 140px);
}

/*#menu::-webkit-scrollbar { 
    display: none;
    width: 0px;
    background: transparent;
}*/

#menu ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	padding-bottom: 50px;
}

#menu ul li a{
	color: #FFF;
	display: block;
	/*width: 100%;*/
	width: calc(100% - 20px);
	height: 100%;
	text-decoration: none;
	line-height: 34px;
	padding: 0px 10px;
	
	font-size: 1.2em;
}

#menu ul li a.active{
	background-color: #f3f3f4;
	color: #676767;
}

#menu ul li a .title{
	padding-left: 10px;
	font-size: 0.8em;
	font-weight: 400;
}

#menu ul li a:hover{
	background-color: #717171;
}

#menu ul li a.active:hover{
	background-color: #f3f3f4;
	color: #676767;
}

@media all and (max-width: 767px) {
	#page_right{
		background-color: #f3f3f4;
		/*float: right;*/
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		
		-webkit-transition: all 0.2s ease; /* Firefox */
		-moz-transition: all 0.2s ease; /* WebKit */
		-o-transition: all 0.2s ease; /* Opera */
		transition: all 0.2s ease; /* Standard */
	}
	
	#page_header{
		background-color: #fff;
		height: 50px;
	}
}
@media all and (min-width: 768px) {
	#page_right{
		background-color: #f3f3f4;
		/*float: right;*/
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 220px;
		
		-webkit-transition: all 0.2s ease; /* Firefox */
		-moz-transition: all 0.2s ease; /* WebKit */
		-o-transition: all 0.2s ease; /* Opera */
		transition: all 0.2s ease; /* Standard */
	}
	
	#page_header{
		background-color: #fff;
		height: 50px;
		position: fixed;
		width: calc(100% - 220px);
		z-index: 998;
	}
}

#header_breadcrumb{
	
}

#header_logo{
	float: right;
	margin-right: 10px;
	
}

#header_logo img{
	height: 50px;
}

@media all and (max-width: 767px) {
	#page_content{
		/*min-height: 100%;
		margin-bottom: -50px;*/
		background-color: #f3f3f4;
		padding: 0px 10px 60px 10px;
		/*font-size: 12px;*/
		/*margin: 10px;*/
	}
}
@media all and (min-width: 768px) {
	#page_content{
		/*min-height: 100%;
		margin-bottom: -50px;*/
		background-color: #f3f3f4;
		padding: 0px 10px 60px 10px;
		/*font-size: 12px;*/
		/*margin: 10px;*/
		margin-top: 50px;
	}
}

/* ---=== NOTES ===--- */
/*.sticky_notes{
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	pointer-events: none;
}

.note{
	background-color: #FFF2AB;
	width: 200px;
	height: 200px;
	padding: 3px;
	pointer-events: all;
}

.note_close{
	width: 100%;
	text-align: right; 
	
}

#note_creator{
	width: 48%;
	text-align: left;
	display: inline-block;
	font-size: 10px;
}

#note_created{
	width: 48%;
	text-align: right;
	display: inline-block;
	font-size: 10px;
}

#note_content{
	margin-top: 15px;
}*/

/* ---=== CONTENT ===--- */
#inner_content_holder{
	background-color: #FFF;
	padding: 10px;
	margin-bottom: 5px;
}

.alarm_box{
	/*width: 100%;*/
	height: 100%;
	background-color: #67ba68;
	color: #FFF;
	font-family: 'Ubuntu Mono', monospace;
	font-size: 40px;
	font-weight: 700;
	padding: 5px;
	
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

.alarm_box_alert{
	background-color: #f8ac59;
}

.alarm_box_inner{
	display: table;
	width: 100%;
}

.alarm_box_icon{
	width: 50%;
	text-align: center;
	float: left;
	display: table-cell;
}

.alarm_box_count{
	width: 50%;
	text-align: center;
	float: left;
	display: table-cell;
	font-size: 42px;
}

.seinprogress_box{
	/*width: 100%;*/
	height: 100%;
	background-color: #67ba68;
	color: #FFF;
	font-family: 'Ubuntu Mono', monospace;
	font-size: 40px;
	font-weight: 700;
	padding: 5px;
	
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

.seinprogress_box_alert{
	background-color: #F3E48D;
}

.seinprogress_box_inner{
	display: table;
	width: 100%;
}

.seinprogress_box_icon{
	width: 50%;
	text-align: center;
	float: left;
	display: table-cell;
}

.seinprogress_box_count{
	width: 50%;
	text-align: center;
	float: left;
	display: table-cell;
	font-size: 42px;
}

.container_view{
	
}

@media all and (max-width: 767px) {
	.container_view_row{
		/*display: table;*/
		clear: both;
		width: 100%;
	}
	
	.cols_2{
		width: 100%
	}
	
	.cols_3{
		width: 100%;
	}
	
	.cols_4{
		width: 100%;
	}
	
	.cols_5{
		width: 100%;
	}
}
@media all and (min-width: 768px) {
	.container_view_row{
		display: table;
		clear: both;
		width: 100%;
	}
	
	.cols_2{
		width: 50%
	}
	
	.cols_3{
		width: 33%;
	}
	
	.cols_4{
		width: 25%;
	}
	
	.cols_5{
		width: 20%;
	}
}

.container_view_col{
	float: left;
	position: relative;
	min-height: 1px;
}

.container_view_col_inner{
	margin: 0 5px 5px 5px;
	background-color: #FFF;
	padding: 10px;
	
	border: solid 1px #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.container_view_col_inventory{
	background-color: #FFFFFF !important;
	cursor: pointer;
}

.container_view_col_licences{
	background-color: #FFFFFF !important;
	cursor: pointer;
}

.inventory_icon{
	text-align: center;
	font-size: 40px;
}

.inventory_hostname{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.inventory_model{
	text-align: center;
	font-size: 14px;
}

.hold_table_div{
	height: 155px;
	overflow-y: auto;
}

@media all and (max-width: 767px) {
	.box_table{
		/*display: table;*/
		width: 100%;
	}
	
	.box_table_row{
		/*display: table-row;*/
		cursor: pointer;
	}
	
	.box_table_cell{
		/*display: table-cell;*/
	}
}
@media all and (min-width: 768px) {
	.box_table{
		display: table;
		width: 100%;
	}
	
	.box_table_row{
		display: table-row;
		cursor: pointer;
	}
	
	.box_table_cell{
		display: table-cell;
	}
}

.cell_bold{
	font-weight: 600;
}

.cell_light{
	font-weight: 400;
}

.cell_right{
	text-align: right;
}

.cell_small{
	font-size: 11px;
}

.cell_italic{
	font-weight: italic;
}

.cells_1{
	width: 100%;
}

.cells_2{
	width: 50%;
}

.cells_3{
	width: 33%;
}

.cells_4{
	width: 25%;
}

.cell_w_1_5{
	width: 1.5%;
}

.cell_w_1_5{
	width: 4%;
}

.cell_w_20{
	width: 20%;
}

.cell_w_25{
	width: 25%;
}

.cell_w_30{
	width: 30%;
}

.cell_w_33{
	width: 33%;
}

.cell_w_45{
	width: 45%;
}

.cell_w_50{
	width: 50%;
}

.cell_w_66{
	width: 66%;
}

.cell_w_75{
	width: 75%;
}

.cd_button{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	margin-left: 0px;
	text-decoration: none;
	height: 2.1em;
	padding: 0 .6em;
	font-size: 13px;
	white-space: nowrap;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	border: solid 1px #bfbfbf;
	/*border-style: none;*/
}

.cd_button_fa{
	font-size: 1.3em;
}
}

.cd_button:hover{
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
	background-color: #e6e6e6;
}

.cd_button:visited{
	color: #676a6c;
	text-decoration: none;
}

.btn_menu{
	padding: 5px;
	margin: 5px 5px 0 0;
	text-decoration: none !important;
	/*white-space: normal;*/
	line-height: 35px;
}

.btn_right{
	float: right;
}

.btn_heading{
    position: absolute;
    top: 55px;
    right: 10px;
}

.btn_heading#btn_toggle_notesview{
    position: absolute;
    top: 55px;
    right: 86px;
}

.btn_heading#btn_timer_start{
    position: absolute;
    top: 55px;
    right: 48px;
}

.btn_timer{
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.btn_timer i{
	margin: auto;
}

#servicejob_calendar{
	font-size: 12px;
}

.fc-view, .fc-view > table{
	background-color: #FFF;
}

.fc-event, .fc-event-dot{
	/*background-color: #EC681C !important;*/
}

.fc-event{
	/*border: 1px solid #CF5711 !important;*/
}

@media all and (max-width: 767px) {
	.form_table{
		/*display: table;*/
	}
	
	.table_row{
		/*display: table-row;*/
	}
	
	.table_headline .table_cell{
		font-weight: bold;
	}
	
	.table_cell{
		/*display: table-cell;*/
		padding: 3px;
		vertical-align: top;
	}
}
@media all and (min-width: 768px) {
	.form_table{
		display: table;
	}
	
	.table_row{
		display: table-row;
	}
	
	.table_headline .table_cell{
		font-weight: bold;
	}
	
	.table_cell{
		display: table-cell;
		padding: 3px;
		vertical-align: top;
	}
}

.table_workingproof{
	width: 100%;
}

.table_workingproof .table_cell{
	border-bottom: solid 2px #f3f3f4;
}

/* SERVICEJOB */
.new_servicejob_table{
	width: 100%;
}

.new_servicejob_table .table_row{
	width: 100%;
}

@media all and (max-width: 767px) {
	.new_servicejob_table .table_cell{
		width: 100%;
		vertical-align: top;
	}

	.new_servicejob_table .table_header{
		/*display: table-cell;*/
		padding: 3px;
		/*width: 15%;*/
		font-weight: bold;
	}
}
@media all and (min-width: 768px) {
	.new_servicejob_table .table_cell{
		width: 35%;
		vertical-align: top;
	}

	.new_servicejob_table .table_header{
		display: table-cell;
		padding: 3px;
		width: 15%;
	}
}

.new_servicejob_table .table_headline{
	font-weight: 600;
	font-size: 13px;
	background-color: #FFF;
}

.new_servicejob_table input[type="text"], .new_servicejob_table textarea {
    width: 95%;
    padding: 3px;
}

.new_servicejob_table select {
	width: 97%;
    padding: 3px;
}

.table_row:hover:not(.table_headline), .servereye_list_table:hover, .servicejob_list_table:hover{
	/*display: table;*/
	background-color: #f3f3f4 !important;
}

@media all and (max-width: 767px) {
	.servicejob_list_table{
		/*display: table;*/
		width: 100%;
	}
	
	.servicejob_list_row{
		/*display: table-row;*/
		cursor: pointer;
	}
	
	.servicejob_list_cell{
		/*display: table-cell;*/
	}
	
	.servicejob_list_cell.cell_status{
		width: 100%;
		padding: 0 5px 0 0;
	}
	
	.servicejob_list_cell.cell_customer{
		width: 100%;
		font-weight: 600;
	}
	
	.servicejob_list_cell.line_heading{
		width: 100%;
		font-weight: 600;
		font-size: 14px;
		background-color: #EC6A1E;
		color: #FFFFFF;
		padding: 8px 5px;
		margin: -10px -10px 10px -10px;
	}
	
	.servicejob_list_cell.cell_date{
		width: 100%;
		text-align: right;
	}
	
	.servicejob_list_cell.cell_job{
		width: 100%;
	}
	
	.servicejob_list_cell.cell_progress_bar{
		width: 100%;
	}
	
	.servicejob_list_cell.cell_technician{
		width: 100%;
		text-align: right;
		vertical-align: bottom;
		font-size: 11px;
	}
}
@media all and (min-width: 768px) {
	.servicejob_list_table{
		display: table;
		width: 100%;
	}
	
	.servicejob_list_row{
		display: table-row;
		cursor: pointer;
	}
	
	.servicejob_list_cell{
		display: table-cell;
	}
	
	.servicejob_list_cell.cell_status{
		width: 1.5%;
		padding: 0 5px 0 0;
	}
	
	.servicejob_list_cell.cell_customer{
		width: 75%;
		font-weight: 600;
	}
	
	.servicejob_list_cell.line_heading{
		width: 95%;
		font-weight: 600;
		font-size: 14px;
		background-color: #EC6A1E;
		color: #FFFFFF;
		padding: 8px 5px;
		margin: -10px -10px 10px -10px;
	}
	
	.servicejob_list_cell.cell_date{
		width: 23.5%;
		text-align: right;
	}
	
	.servicejob_list_cell.cell_job{
		width: 75%;
	}
	
	.servicejob_list_cell.cell_progress_bar{
		width: 50%;
	}
	
	.servicejob_list_cell.cell_technician{
		width: 25%;
		text-align: right;
		vertical-align: bottom;
		font-size: 11px;
	}
}

.servicejob_list_cell.cell_progress_bar .progress_bar_holder{
	border: solid 1px #4CAF50;
}

.servicejob_list_cell.cell_progress_bar #progress_bar{
	background-color: #4CAF50;
	color: #FFFFFF;
	text-shadow: -1px 0 #4CAF50, 0 1px #4CAF50, 1px 0 #4CAF50, 0 -1px #4CAF50;
	text-align: center;
}

.servicejob_list_cell.cell_job .job_type{
	
}

.servicejob_list_cell.cell_job .job_description{
	font-style: italic;
}

.servicejob_list_cell.cell_technician .cell_icons{
	font-size: 15px;
}
/* ENDE SERVICEJOB */

/* SERVEREYE */
.servereye_list_table{
	display: table;
	width: 100%;
}

.servereye_list_row{
	display: table-row;
	cursor: pointer;
}

.servereye_list_cell{
	display: table-cell;
}

.servereye_list_cell.cell_status{
	width: 1.5%;
	padding: 0 5px 0 0;
}

.servereye_list_cell.cell_customer{
	width: 98.5%;
	font-weight: 600;
}

.servereye_list_cell.cell_containername{
	width: 98.5%;
	font-weight: 600;
}

.servereye_list_cell.cell_containername #container_type{
	font-weight: 400;
	font-style: italic;
}

.servereye_list_cell.cell_containermessage{
	width: 98.5%;
}
/* ENDE SERVEREYE */

/* TICKET */
.chat_agent .chat_profile_pic{
	width: 60px;
	float: left;
}

.chat_user .chat_profile_pic{
	width: 60px;
	float: right;
}

.chat_profile_pic img{
	width: 48px;
	height: 48px;
}

.chat_agent .chat_content{
	float: left;
	width: calc(80% - 60px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	border: solid 1px #bfbfbf;
	/*padding: 5px;*/
}

.chat_agent .chat_content:after, .chat_agent .chat_content:before {
	right: 100%;
	top: 12px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.chat_agent .chat_content:after {
	border-color: transparent;
	border-right-color: #bfbfbf;
	border-width: 6px;
	margin-top: -6px;
}
.chat_agent .chat_content:before {
	border-color: transparent;
	border-right-color: #bfbfbf;
	border-width: 12px;
	margin-top: -12px;
}

.chat_user .chat_content{
	float: right;
	width: calc(80% - 60px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	border: solid 1px #bfbfbf;
	/*padding: 5px;*/
	margin-right: 12px;
}

.chat_user .chat_content:after, .chat_user .chat_content:before {
	left: 100%;
	top: 12px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.chat_user .chat_content:after {
	border-color: transparent;
	border-left-color: #bfbfbf;
	border-width: 6px;
	margin-top: -6px;
}
.chat_user .chat_content:before {
	border-color: transparent;
	border-left-color: #bfbfbf;
	border-width: 12px;
	margin-top: -12px;
}

.chat_content{
	margin-bottom: 15px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

.content_N{
	background-color: #FFFCEF;
}

.chat_content_heading{
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	border: solid 1px #bfbfbf;
	
	/*position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;*/
	padding: 5px;
	margin: -1px -1px 0px -1px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.chat_content_text{
	padding: 5px;
}
/* ENDE TICKET */

/* KMS */
.issue_solutions{
	display: none;
	padding: 8px 5px;
}
/* ENDE KMS */

.inner_content_break_line{
	border-bottom: solid 2px #f3f3f4;
	padding-top: 10px;
	margin: 0 -10px 10px -10px;
}

.inner_content_break_line.line_heading{
	background-color: #EC6A1E;
	color: #FFFFFF;
	padding: 10px 0px;
	margin: -10px -10px 10px -10px;
	font-size: 14px;
}

@media all and (max-width: 767px) {
	#page_footer{
		background-color: #fff;
		height: 50px;
		position: fixed;
		left: 0px;
		bottom: 0px;
		right: 0px;
		z-index: 9999;
		
		-webkit-transition: all 0.2s ease; /* Firefox */
		-moz-transition: all 0.2s ease; /* WebKit */
		-o-transition: all 0.2s ease; /* Opera */
		transition: all 0.2s ease; /* Standard */
	}
	
	#footer_menuopener{
		position: absolute;
		left: 10px;
		bottom: 0px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		z-index: 10;
	}
	
	#footer_menuopener a{
		font-size: 20px;
		color: #676a6c !important;
	}
	
	#footer_rights{
		/*font-weight: 700;
		float: left;
		height: 50px;
		line-height: 50px;
		margin: auto;*/
		font-weight: 700;
		position: absolute;
		bottom: 0px;
		left: 50px;
		right: 50px;
		text-align: center;
		/*line-height: 50px;*/
		z-index: 1;
	}
	
	#footer_menu{
		position: absolute;
		right: 10px;
		bottom: 0px;
		/*float: right;*/
		line-height: 50px;
		z-index: 10;
	}
}
@media all and (min-width: 768px) {
	#page_footer{
		background-color: #fff;
		height: 50px;
		position: fixed;
		left: 220px;
		bottom: 0px;
		right: 0px;
		z-index: 997;
		
		-webkit-transition: all 0.2s ease; /* Firefox */
		-moz-transition: all 0.2s ease; /* WebKit */
		-o-transition: all 0.2s ease; /* Opera */
		transition: all 0.2s ease; /* Standard */
	}
	
	#footer_menuopener{
		position: absolute;
		left: 10px;
		bottom: 0px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		z-index: 10;
	}
	
	#footer_menuopener a{
		font-size: 20px;
		color: #676a6c !important;
	}
	
	#footer_rights{
		/*font-weight: 700;
		float: left;
		height: 50px;
		line-height: 50px;
		margin: auto;*/
		font-weight: 700;
		position: absolute;
		bottom: 0px;
		left: 50px;
		right: 50px;
		text-align: center;
		line-height: 50px;
		z-index: 1;
	}
	
	#footer_menu{
		position: absolute;
		right: 10px;
		bottom: 0px;
		/*float: right;*/
		line-height: 50px;
		z-index: 10;
	}
}

#timer_holder{
	position: fixed;
	z-index: 998;
	bottom: 50px;
	right: 0px;
	width: 270px;
	/*background-color: #EC6A1E;*/
}

.timer_box{
	width: 270px;
	padding: 5px;
	background-color: #EC6A1E;
	border-bottom: solid 1px #676a6c;
}

.timer_box_slide_in{
	position: absolute;
	right: 270px;
	width: 15px;
	height: 25px;
	background-color: #EC6A1E;
	
	font-size: 20px;
	line-height: 25px;
	padding-left: 10px;
	color: #FFFFFF;
	
	cursor: pointer;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#timer-slide-in{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

.btn_overlay_div{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

.timer_box_description{
	width: 200px;
	float: left;
}

.timer_box_time{
	width: 70px;
	color: #FFFFFF;
	float: right;
	font-size: 11px;
	font-weight: bold;
}

/* JQUERY UI */
.ui-tooltip {
    background: #FFFFFF;
    color: #676a6c;
    border: 2px solid #454545;
    border-radius: 0px;
    box-shadow: 0 0 
}
.ui-autocomplete {
    background: #FFFFFF;
    border-radius: 1px;
    border: solid 1px #5d5d5d;
    width: 200px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(93,93,93,0.5);
	-moz-box-shadow: 0px 0px 5px 2px rgba(93,93,93,0.5);
	box-shadow: 0px 0px 5px 2px rgba(93,93,93,0.5);
	padding: 0px;
	margin: 0px;
}
.ui-menu .ui-menu-item:hover {
    background-color: #f3f3f4;
}

.ui-menu .ui-menu-item{
	list-style-type: none;
	border-bottom: solid 1px #f3f3f4;
	padding: 2px;
	margin: 0px;
	cursor: pointer;
}
.ui-menu .ui-menu-item a{
    height:10px;
	font-size:8px;
	padding: 0px;
	margin: 0px;
}

/*BAR SPEICHER*/
.barhoriz{
	overflow: hidden;
	background-color: #eee;
	border-radius: 4px;
}

.hprogress{
	overflow: hidden;
	border-radius: 4px;
	text-align: center;
}

.bargreen{
	background-color: #8acd1b;
	color: #FFFFFF;
}

.baryellow{
	background-color: #FECC00;
	color: #FFFFFF;
}

.barred{
	background-color: #ec4758;
	color: #FFFFFF;
}

/*TOOLS*/
/*Rackplaner*/
.rackplaner_left{
	width: 45%;
	display: inline-block;
	vertical-align: top;
}

.rackplaner_right{
	width: 45%;
	display: inline-block;
	vertical-align: top;
}

.rack{
	background-color: #666666;
	border: none;
}

.rack_u_l{
	border: dotted 1px #FFFFFF;
	width: 25px;
	height: 35px;
	padding: 0px;
}

.rack_u_m{
	border: dotted 1px #FFFFFF;
	width: 300px;
	height: 35px;
	padding: 0px;
}

.rack_u_r{
	border: dotted 1px #FFFFFF;
	width: 25px;
	height: 35px;
	padding: 0px;
}

.rack_u_r_remove{
	width: 35px;
	height: 35px;
	padding: 0px;
}

.rack_u_m img{
	width: 300px;
	cursor: pointer;
}

.btn-rackplaner-add, .btn-rackplaner-remove{
	padding: 0;
	border-style: none;
	
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	    border-top-color: transparent;
	    border-right-color: transparent;
	    border-bottom-color: transparent;
	    border-left-color: transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #fff;
	background-color: #f8ac59;
	border-color: #f8ac59;
}

.btn-rackplaner-add:hover, .btn-rackplaner-remove:hover{
	color: #fff;
	background-color: #EC6A1E;
	border-color: #EC6A1E;
	text-decoration: none;
	cursor: pointer;
}

.rackplaner_right img{
	width: 300px;
	display: block;
	margin-bottom: 10px;
	cursor: pointer;
}

.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: #000000;

  -webkit-transform:rotate(-30deg);
  -moz-transform:rotate(-30deg);
  -ms-transform:rotate(-30deg);
  -o-transform:rotate(-30deg);
  transform:rotate(-30deg);
}