.filterbox {
	background:#DCEAF4;
	float:left;
	width:100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-top:0px;
	margin-bottom:0px;
	font-size:9pt;
}

hr.hr {margin:0px 0px 0px 0px}

.trurlaub .table-condensed th, .trurlaub .table-condensed td {
	padding: 0 5px;
}

.search_marker {
	background-color:green;
	color:white;
	font-weight:bold;
}

.searchtable {
	width:100%;
}

.table td.search_count {
	text-align:center;
	vertical-align:middle;
	font-size:20pt;
}

#maincontainer {margin-top:10px;}

.newbutton, .suche {
	height: 40px;
	margin: 20px 0;
}

.menu_userdata {
	width:100px;
	padding:5px;
	text-align:left;
}

.clear {clear:both;}

.odd_feier {
	background:#DCEAF4;
}

table.table-bordered table th, table.table-bordered table td {
	border-left: 0px;
}
.break {
	word-break: break-word;
	hyphens: auto;
}
.small{font-size:11px;}
.extrasmall{font-size:9px;color:grey;}

table.finance_dashboard th.xsmall, table.finance_dashboard td.xsmall  {font-size:9px;color:grey;}

.red {
    color: red;
}
.red2, .table-striped tbody tr:nth-child(odd) td.red2 {
	background-color:red;
}
.green {
	color:green;
}
.yellow {
	color:yellow;
}
.yellow2 {background-color:yellow !important;}
.heute {background:#F5F5F5;}
td.heute {border-left:4px solid yellow;}
#cal td {
	font-size:8pt;
	border-right: 1px solid #DDDDDD;
}

#cal td td {
	border-right: 0px;
}

.transparent {
	opacity: 0.2;
	filter: alpha(opacity=50);
}
.unsichtbar {display:none;}

/*input[type="text"] {height:18px;}*/
.form-horizontal .control-label {width:200px;}
.form-horizontal .controls {margin-left:220px;}

.projektbox {
	margin-bottom:10px;
	height:260px;
	border:2px solid #686A6A; 
	padding:5px;
}

.nokp {border:4px dashed #686A6A;}


.projektbox .kunde, .table .projekt {
	color:#686A6A;
	font-size:7pt;
	overflow:hidden;
	text-overflow:ellipsis;
	height:20px;
}
.projektbox .projekttitel {
	height:40px;
	color:#009EE0;
	font-size:11pt;  
	overflow:hidden;
	text-overflow:ellipsis;
}

.projektbox .usedtime, .projektbox .usedbudget {
	margin-top:10px;
}
.projektbox .alltickets {
	display:inline;
	color:#000000;
	font-size:11pt;
}
.projektbox .teamleader,  .projektbox .teammember {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.projektbox .team {
	margin-top:15px;
}

.color48 {border-color:#009EE0;}
.color58 {border-color:#66B03D;}

.teammember {
	float:left;
}

.teammember img {
	z-index:1;
	width:50px;
	margin-bottom:20px;
}

.filterbox img {
	height:40px;
	margin-right:5px;
}

.filterbox img.active {border:2px solid #009EE0;margin-bottom:5px;}

.ticketcount, .tickettime {
	background-color:#009EE0;
	width:20px;
	height:20px;
	-moz-border-radius:30px;
	-khtml-border-radius:30px;
	text-align:center;
	color:white;
	z-index:3;
	margin-bottom:-6px;
	float:left;
}
.tickettime {
	background-color:#cccccc;
	font-size:7pt;
	color:#333333;
	width:30px;
	height:30px;
	margin-bottom:-10px;
}
.ticketcount_label {margin-top:2px;}
.tickettime_label {margin-top:5px;}
.size0{width:70px;}
.size1{width:170px;}
.size2{width:270px;}
.size3{width:300px;}
.size4{width:350px;}
.size5{width:400px;}
.size6{width:450px;}

.ticketcount a {color:white;}

.pl {background-color:#B7A543}



.projektbox .notes, .projektbox .stat {
	float:right;
	width:30px;
}

/*table img{
    height: 100% !important;
    width: 100% !important;
}*/
tbody [class^="icon-"]{
    cursor: pointer;
}

#kpichart{
    width: 752px;
    margin: -250px 0 0 -376px;
}
#kpichart>.modal-body{
    height: 260px;
    width: 720px;
}
#kpichart>.modal-body>iframe{
    height: 260px;
    width: 730px;
}
#client{
    width: 640px;
    margin: -250px 0 0 -320px;
}
#client #email{
    width: 234px;
}

#time_rec>.modal-body textarea{
    height: 150px;
}

#project{
    width: 650px;
    margin: -280px 0 0 -325px;
	height: 100%;
	width: 100%;
	margin: 0 0 0 0;

}


.progress { margin-bottom:4px;}

.table .table th, .table .table td {border-top: 0px;}
.table .table, .table .table {margin: 0px;}

i.dis{opacity: 0.4;}
i.ena{opacity: 1.0;}

table.forecast table.fc th, table.forecast table.fc td {
    border-top: 0px solid #DDDDDD;
    line-height: 10px;
    padding: 5px;
    font-size:12px;
    vertical-align: top;
}

table.forecast table.fc td.right, table.forecast td.right {
    text-align: right;
}
.table td.center {
    text-align: center;
    vertical-align:middle;
}
.bold{font-weight:bold;}
.ww{width:70px;}
.yellow{color:grey;}
.popover {
	min-width:800px;
	margin-top:-10px;
	margin-left:-10px;
	font-size:7pt;
}
.table-popover th, .table-popover td {
    padding: 0px 5px;
}
div.multicolumn1 {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	height: 250px;
}
.alert ul {list-style-type:circle;}

#contact, #ansprechp, #teammember, #kunden {width:750px;}

table.fontsmall {font-size:11px;}

div.thumbnail:hover {
	border-color: #0088cc;
	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.subtask {margin-left:40px;}
a.kw {padding:0px 4px;height:20px;line-height:18px;width:20px;}
li.kw {line-height:10px;}

.auslassung {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url( 'bindings.xml#ellipsis' );
	/* mit "bindings.xml#none" deaktivierbar*/
}

.of_bem {
	width:300px;
}

.ta_ps {
	font-size:8pt;
	height:30px;
	width:450px;
}

.icon-link {
	display:block;
	width:50px;
	float:left;
}

.icon2 {
	background-size:100% auto;
	width:30px;
	height:30px;
	display:block;
	color:white;
	font-weight:bold;
}
.icon2-protokolle, .icon2-client_protokolle {
	background-image: url("../img/48x48/notepad.png");
}

.icon2-dokumente, .icon2-client_dokumente {
	background-image: url("../img/48x48/folder_open.png");
}

.icon2-tickets, .icon2-client_tickets {
	background-image: url("../img/48x48/tag.png");
}

.icon2-projekte_zugaenge, .icon2-client_zugaenge {
	background-image: url("../img/48x48/lock.png");
}

.icon2-designboard, .icon2-client_designs {
	background-image: url("../img/48x48/monitor.png");
}

.icon2-zeitplaene, .icon2-client_zeitplaene {
	background-image: url("../img/48x48/calendar.png");
}

.icon2-korres, .icon2-client_korres {
	background-image: url("../img/48x48/address_blue.png");
}


/* 
 * GREGOR CSS
 */

/*table img{
    height: 100% !important;
    width: 100% !important;
}*/
tbody [class^="icon-"]{
    cursor: pointer;
}

ul{
    list-style: none;
    margin-bottom: 4px;
}

#anzeige_hotfacts ul{
    list-style-type:circle;
    margin-bottom: 4px;
}


#protokoll_list ul, ul.okr {
    list-style-type: circle;
    margin-bottom: 4px;
}
ul>li>i{
    margin-right: 6px;
}
.personlist>li>i,.filelist>li>i{
    cursor: pointer;
}

.personlist,.filelist{
    margin-left: 2px;
    margin-top: 4px;
}

#kpichart{
    width: 752px;
    margin: -250px 0 0 -376px;
}
#kpichart>.modal-body{
    height: 260px;
    width: 720px;
}
#kpichart>.modal-body>iframe{
    height: 260px;
    width: 730px;
}
#client, #ansprechpartner, #partner{
    width: 640px;
    margin: -250px 0 0 -320px;
}
#client #email,#ansprechpartner #mail, #partner #mail{
    width: 234px;
}

#time_rec>.modal-body textarea{
    height: 150px;
    width: 254px;
}
#time_rec #projects{
    width: 268px;
}

#termin{
    width: 580px;
}

#project{
    width: 650px;
    margin: -280px 0 0 -325px;
}


#termin{
    margin-top: -350px;
}

#termin input#date{
    width: 159px;
}

#zugang{
    width: 630px;
    margin: -250px 0 0 -315px
}
#zugang textarea{
    width: 300px;
}
#zugang #projektid{
    width: 315px;
}
#zugang #zart{
    width: 170px;
}

#tickets .p-visi-wrap{
    display: none;
}
#tickets input#startdate,#tickets input#enddate{
    width: 80px;
}

#tickets #enddateinput i{
    background-position: -312px -24px;
}
#tickets #startdateinput i{
    background-position: -48px -24px;
}
#tickets #projektid{
    width: 247px;
}
#tickets textarea{
    width: 233px;
}

i.uploading{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

img.ava,img#loggedin-ava,.btn-info>img{
    cursor: pointer;
    height:50px;
    width:50px;
    margin: 1px;
    border-radius: 5px;
}

img.dis{
    opacity: 0.4;
}
img.ena{
    opacity: 1.0;
}

.choose_persons{
    width: 14px;
    padding: 4px 7px;
}
#persons{
    display: inline-block;
    width: 150px;
    vertical-align: top;
}
.uploadform>input{
    visibility: hidden;
}
.icon-add-user{background-position:0 -168px;}

.icon-ok, .icon-fire{
    cursor: pointer;
}

img#receiver,#tickets .creator{
    height: 60px;
}

button.close{
    position: relative;
    left: 10px;
    top: -8px;
}



.clickover .arrow{
    display: none;
}

table.mo>tr:nth-child(2),table.di>tr:nth-child(3),
table.mi>tr:nth-child(4),table.do>tr:nth-child(5),
table.fr>tr:nth-child(6),table.sa>tr:nth-child(7),
table.so>tr:nth-child(8){ background-color: rgba(173, 214, 231,1.0) }

.small-dd{
    width: 72px;
}

select#time_h,select#time_min{
    width: 65px;
}
div#time_rec div.control-group:nth-child(3)>.controls>.input-append>span:first-of-type{
    margin-right: 10px;
}


td.closing {
	color: #b94a48;
}
td.opening {
	color: #468847;
}
td.sonst {
	color: #3a87ad;
}

.mbb2, a {cursor: pointer; cursor: hand;}


table.ticket_short_info td, table.ticket_short_info th {
    padding: 2px;
    line-height: 15px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.cal_task_entry {
    border-radius: 12px;
    margin:0px;
    padding-left:8px;
    padding-top:2px;
    display:block;
    overflow:hidden;
    margin-bottom:1px;
    line-height: 7pt;
    position:absolute;
    width:191px;
    opacity:0.6;
}

.cal_task_entry:hover {
    border:1px solid grey;
    opacity: 0.6;
}

.cal_day, .cal_time_day {
    float:left;
    height:1000px;
    width:17%;
    margin-right:10px;
    background:#eee;
}

.cal_time_day {
    width:5%;

}

.cal_slot {
    border-top:1px solid #ddd;
}

.popover.top {

}

a.overdue {
    float:left;
    display:inline;
}

.cblist form{
    margin:0px;
}

table.ticketdetails td {
    padding-left:20px;
}


.h4_detail {
    padding-left:32px;
    padding-top:6px;
    padding-bottom:6px;
    font-weight:bold;
    font-size: 12pt;
    width:100%-32px;
    background:#009EE0;
    color:white;
}


.pdetail_box {
    width:300px;
    float:left;
    /*background:white; rgb(220, 234, 244);*/
    padding-left:32px;
    padding-top:6px;
    font-size:10pt;
    height:320px;
    margin-top:10px;
}

.pdatail_history_box {
    width:1100px;
    padding-left:32px;
    padding-top:6px;
    font-size:10pt;
    margin-top:10px;
}



.clickable {
    cursor: pointer;
}    


.thumbnail2
{
	width:200px;
	background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: block;
    line-height: 1.42857;
    margin-bottom: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}

.sumline {
    background-color:#AFEEEE !important;
    font-size:bold;
}

.cl_offen {
    color:red;
}

.cl_erledigt {
    color:green;
}

.sumzeile {
    font-weight: bold;
}
tr.sumzeile td {
    background: yellow !important;
}

.tabgrey {
    background:#DDDDDD;
}


.tagsmall {
    font-size:6pt;
    color:grey;
    valign:top;
}

.tabzeit {
    font-size:11pt;
}

.zeittab {
    height:20px;
    width:26px;
    background:#eee;
}

.gruen {
    background:#66B03D !important;
}

.rot {
    background:#DD0000 !important;
}

.hellgruen {
    background:#AADDAA !important;
}

.h4_dashboard {
    margin-top:30px;
}

.cl_nm {background:#009EE0 !important;}
.cl_hosting {background:green !important;}
.cl_hosting_light {background:#dffcd7 !important;}
.cl_apps {background:orange !important;}
.cl_suchmeisterei {background:grey !important;}
.cl_yubs {background:#ff7f24 !important;}
.cl_neo {background:#7ac5cd !important;}

tr.kufeed_1 td {background:green !important;}


.br {border-right: 2px solid grey;} 

.firmbadge {height:80px;width:80px}

table.forecast_old th a {color:white;}

.formdiv {margin-left:10px;}

.trello {
	border:1px solid #eee;
	padding:5px;
	background:white;
	width:100px;
	height:100px;
	overflow:hidden;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	border-radius: 40px;
}

.thbig {
	font-size:14pt; 
}


.troffer, .troffer_label {
	opacity: 0.5;
}

.trmaintain, .trmaintain_label {
	background:#AADDAA;
}

.trabgerechnet, .trabgerechnet_label {
	background:#3FA9F5;
}

.trarchive, .trarchive_label {
	background:#B7A543;
}

.agenda li {
	font-size:16pt;
	margin-bottom:10px;
}

.agenda {
	margin-bottom:40px;
}

#stickyHeader thead {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}

.pbox_cal {
	display:block;
	margin-bottom:2px;
	margin-right:2px;
	padding:2px;
	width:100%;
	float:left;
	border-radius: 10px;
}

.cal_buttons {
	width:auto;
}

.dashboardbox, .dashboardbox_small {
	min-height:400px;
	padding:10px;
	border-radius: 20px;
	margin-bottom:20px;
}

.dashboardbox_small {
	min-height:150px;
}

.dashboardbox_small .badge {
	font-size: 36px;
}

.db_orange {
	background:#FC3;
}

.db_green {
	background:#AADDAA;
}

.db_white {
	background:#DDDDDD;
	border:0px solid grey;
}

.db_big {
	font-size:20pt;
}

.mabox_cal {
	display:inline;
}

.box_icon {
	width:20px;
	height:20px;
}
.box_blau  {
	background:#0088cc !important;
}
.box_gruen {
	background:#468847 !important; 
}
.box_yellow {
	background:#FC3 !important;
}
.box_rot {
	background:#DD0000 !important;
}

.charttab td{
	padding:5px;
}

.control-label .required, .form-group .required {
	color: #e02222;
	font-size: 14px;
	padding: 6px 12px;
}

th.rotate {
	/* Something you can count on */
	height: 180px;
	white-space: nowrap;
}

th.rotate > div {
	transform: 
		/* Magic Numbers */
		translate(25px, 51px)
		/* 45 is really 360 - 45 */
		rotate(90deg);
	width: 20px;
	margin-left:-26px;
}
th.rotate > div > span {
	border-bottom: 0px solid #ccc;
	padding: 5px 0px;
	margin-left:-50px;
}

td.g1 {background-color:#0f0;opacity:0.1;}
td.g2 {background-color:#0f0;opacity:0.2;}
td.g3 {background-color:#0f0;opacity:0.3;}
td.g4 {background-color:#0f0;opacity:0.4;}
td.g5 {background-color:#0f0;opacity:0.5;}
td.g6 {background-color:#0f0;opacity:0.6;}
td.g7 {background-color:#0f0;opacity:0.7;}
td.g8 {background-color:#0f0;opacity:0.8;}
td.g9 {background-color:#0f0;opacity:0.9;}
td.g10 {background-color:#0f0;opacity:1;}

.small-font td, .small-font th {font-size:11px;}



.mainfilter label.checkbox {
	margin-left:30px;
	margin-top:20px;
}


/* list stuff OrgChart */
#org{
	background-color 	: white;
	margin 				: 10px;
	padding 			: 10px;
}

#show-list{
	cursor 				: pointer;
}

/* bootstrap overrides */
.alert-message{
	margin: 2px 0;
}

.topbar{
	position 			: absolute;
}

/* Custom chart styling */
.jOrgChart {
	margin                : 10px;
	padding               : 20px;
}

/* Custom node styling */
.jOrgChart .node {
	font-size 			: 14px;
	background-color 	: #35363B;
	border-radius 		: 8px;
	border 				: 5px solid white;
	color 				: #F38630;
	-moz-border-radius 	: 8px;
}
.node p{
	font-family 	: tahoma;
	font-size 		: 10px;
	line-height 	: 11px;
	padding 		: 2px;
}

.ms-container {
	width:450px;
}

.table tr.e3 td {
	font-size:8px;
}

#projektzeiten tr.e3 th {
	font-size:10px !important;
}

.table tr.e1 td {
	font-size:12px;
}

.table tr.e2 td {
	font-size:10px;
}

#raumbelegung td {padding:10px;}

/*AM Charts finance-dashboard*/
#chart_zeiten {
  width: 100%;
  height: 500px;
  font-size: 11px;
}

.amcharts-pie-slice {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  cursor: pointer;
  box-shadow: 0 0 30px 0 #000;
}

.amcharts-pie-slice:hover {
  transform: scale(1.1);
  filter: url(#shadow);
}

table.forecast td.zeitcolor, table.forecast th.zeitcolor {background:#e6eeff;}
table.forecast td.ticketcolor, table.forecast th.ticketcolor {background:#e6ffe6;}

.signature-pad--body canvas {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 250px;
        border: 1px solid #CCCCCC;
    }