@import url("resp.css") screen and (max-height 950px); 
@import url("phone.css")  (max-device-width:768px);
@import url("phone.css") (max-width:768px);
@import url("mid.css") (max-width:1260px);
@import url('table.css');
@import url('layout_main.css');
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

#ticket_print_html body
{
background:#fff !important;
}
#ticket_print
{
padding-left:20px;
padding-right:20px;
}
.server_cell_options button span
{
	font-size:16px !important;
}
#server_table_wrapper .dataTables_scrollHead
{
	height:33px;
}
#server_table_wrapper input,
#server_table2_wrapper input
{
	margin-left:0px !Important;
	margin-top:5px !Important;
margin-bottom:15px !important;
}

.blur
{
	-webkit-filter:blur(2px);
	-moz-filter:blur(2px);
	filter:blur(2px);

} 
/*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-origin{position:absolute;height:0;width:0}.noUi-handle{position:relative;z-index:1}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:top .3s,right .3s,bottom .3s,left .3s;transition:top .3s,right .3s,bottom .3s,left .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connect{background:#3FB8AF;border-radius:4px;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);padding-left:25px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}

.server_cell_options button
{
	padding:3px;
	height:16px;
	width:22px;
	margin-right:4px;
}
#server_form div div
{
	pointer-events: none;
}
#server_table td,#server_table2 td
{
	vertical-align:middle;padding:6px;
}
#server_table th,#server_table2 th
{
	width:auto !Important;
}
#new_server,#back_server,#kunden_server,#new_kunde
{
	   font-size: 15px !important;

 } 
	.parent_td ~ td,.parent_td
{
  background:#cec !important;
  color:green  !important;
  font-weight:bold  !important;
  font-size:13px !important;
  text-align:center;
  cursor:default !important;
}
.file_icon
{
   background: #d0dae0 none repeat scroll 0 0;
    border: 1px solid #b6b6b6;
    border-radius: 5px;
    color: #333;
    font-size: 16px !important;
    margin-right: 5px;
    padding: 4px;
cursor:pointer;
}     
.file_icon:hover
{
	background:#f9f9f9;
}

.fe_feiertag
{
	background:#111;
	opacity:0.8;
}


#tab_kunden_uebersicht
{
	overflow-y:scroll;
	height:700px;
	width:1400px;
	display:block;
}
	
	
.status2_
{
	
}

.fc-view-container
{
	
}

.status2_1
{
	background:#23559B;
    border-radius: 3px;
    display: inline-block;
    height: 7px;
    margin-left: 10px;
    width: 7px;
}
.status2_2
{
	background:#AF8624;
	 border-radius: 3px;
    display: inline-block;
    height: 7px;
    margin-left: 10px;
    width: 7px;
}
.status2_3
{
	background:#BA2727;
	 border-radius: 3px;
    display: inline-block;
    height: 7px;
    margin-left: 10px;
    width: 7px;
}
.status2_4
{
	background:#468224;
	 border-radius: 3px;
    display: inline-block;
    height: 7px;
    margin-left: 10px;
    width: 7px;
}
.unupdated_td
{
}

.updated_td
{

}

#div_west .ui-datepicker-week-col
{
	 background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #5486b7 0%, #3373b2 100%) repeat scroll 0 0;
    border-radius: 4px;
    border-top: 1px solid #eee !important;
    color: white;
    cursor:pointer;
}
#div_west  .ui-datepicker-week-col:hover
{
	background:#CE0005;
}

.week_active{
		background:#CE0005 !important;
}


thead .ui-datepicker-week-col
{
	color:black !important;
}

.kunden_data tr:hover td:not(.parent_td) {background:#f1f1f1  ;}

.kunden_datatr td:not(.parent_td) {cursor:pointer ;}

.factur_imp ~ td
{
	background:#E1ECF4 !important;
}
.factur_imp
{
	background:#E1ECF4 !important;
} 

#confirmWindow
{
 background: #f8f8f8 none repeat scroll 0 0;
    border-radius: 7px;
    box-shadow: 1px 1px 4px #888;
    color: #6eb527;
    font-size: 34px;
    padding:7px;
    padding-left: 15px;
        padding-right: 15px;

    position: absolute;
    right: 200px;
    min-height:65px;
    top: 200px;
    width: 195px;
    z-index: 555;
}

#confirmWindow .wtext
{
  color: #888;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    width: 130px;}
    
    #confirmWindow .wtext2
{
  color: #888;
    display: block;
    background:#eee;
    margin-bottom:6px;
    padding-left:3px;
    font-size: 10px;
    }
    
#confirmWindow .fa
{
	display:inline-block;margin-right:20px;
}
.rightclicked td
{
background:#e7e7e7 !important;
}
.customBorder
{
	position:absolute;background:#5292f7;
}


#factur_data .factur_val
{
	margin-left:20px;
}
#factur_table thead{
	box-shadow:0 0px 4px  #bbb;
}

#factur_data
{ margin: 8px 5px 5px;
}

#factur_data .factur_key
{
	  background: #ddd none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #444;
    display: inline-block;
    margin: 2px;
    padding: 2px;
    width: 130px;
}

.span_key
{	  background: #ddd none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #444;
    display: inline-block;
    margin: 2px;
    padding: 2px;
    width: 130px;
}
.span_val
{	 margin:2px;
display:inline-block;
margin-left:20px;
}

.child_td
{

}

.kunden_data .currentRow
{
	background:#e9e9e9 !important;
}






.eintrag_number
{
	border-bottom:1px solid #bbb;
}

.ajax_edits
 {
 	min-width:160px;
 }


 .dataTables_length
 {
 	display:none;
 }
.dataTables_info
{
	display:none;
}
.gesehen .user_change2
 {background:rgba(0,0,0,0.1);
 padding-bottom:3px;
 }
 table{
 border-spacing:0;
 }
 
 .div_upload
 {
 	background:#e2e2e2;
 	 	    border: 1px solid #dadada;

 }
 .dataTables_paginate
 {
 	display:none;
 }
 
 #unternehmen
 {
 	padding:6px;
 }
 .ui-dialog-titlebar:first-child{
 margin-bottom:6px;
 }
#offen label
{
margin:2px !important;
}
 .div_adresses
 {
 	    border: 1px solid #e2e2e2;
    margin-top: 5px !important;
 }
 #todo_erg,#eintraege_erg,.div_adresses,#admin_url_tabelle_2_wrapper,#admin_url_tabelle_3_wrapper,#tab_ueberstunden_wrapper,#admin_url_tabelle_krankentage_wrapper, #ma_table_wrapper, #from_ticket,#unternehmen_table_wrapper table,#div_load_ajax_content,#div_ajax_projekt_daten .tab
 {
 	overflow-y:auto;
 	overflow-x:hidden;
 	display:block;
 }
 #div_dialog2 .div_ticket_seen
 {
   margin-bottom: -6px;
    padding-left: 0 !important;
    padding-right: 6px !important;
    padding-top: 0 !important; }
 

 
.user_change {
    margin-top: 0;

    background:  repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.07) inset, -1px 0 0 rgba(0, 0, 0, 0.07) inset;
    margin-left: -1px;
    padding-left: 5px;
    padding-right: 5px;
}


.user_change2 {
    margin-top: 0;
    padding-left: 7px;
    padding-top:0px;
    background:  repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.07) inset, -1px 0 0 rgba(0, 0, 0, 0.07) inset;    margin-left: 7px;
width:auto;
padding-right:10px;
    display:inline-block;
}

.answerBackg
{
  background: url("/img/url.png");
  background-repeat:no-repeat;
  background-position:6px 6px;
 }
.SlectBox, .SlectBoxa { width: 200px; padding: 5px; }
#halbertag
{
width:22px;
margin-left:5px;	
}
/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.SumoSelect > .optWrapper > .options > li { -moz-transition: 200ms ease; -webkit-transition: 200ms ease; transition: 200ms ease; }
    .SumoSelect > .optWrapper > .options > li label, .SumoSelect > .CaptionCont { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.SumoSelect { display: inline-block; position: relative; }

        .SumoSelect > .CaptionCont > span { display: block; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
            /*placeholder style*/
            .SumoSelect > .CaptionCont > span.placeholder { color: #ccc; font-style: italic; }

        .SumoSelect > .CaptionCont > label {   background-color: #5b99d8;
    bottom: 0;   border: 1px solid #666;
    height: 22px;
    margin: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px !important;}
            .SumoSelect > .CaptionCont > label > i { background-image: url('https://cdn2.iconfinder.com/data/icons/picol-vector/32/arrow_sans_down-16.png'); background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }

    .SumoSelect > .optWrapper { top: 30px; width: 100%; position: absolute; left: 0; opacity: 0; visibility: hidden; transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: -100; background: #fff; border: 1px solid #ddd; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); border-radius: 3px; }
        .SumoSelect > .optWrapper.open { top: 29px;   left: 3px;
     visibility: visible; opacity: 1; z-index: 1000; }

        .SumoSelect > .optWrapper > .options { list-style: none; display: block; padding: 0px; margin: 0px; overflow: auto; border-radius: 3px; /*Set the height of pop up here (only for desktop mode)*/ max-height: 78px; /*height*/ }
        .SumoSelect > .optWrapper.isFloating > .options { max-height: 100%; }
        .SumoSelect > .optWrapper > .options > li { padding: 2px 6px; border-bottom: 1px solid #F3F3F3; position: relative; }
            .SumoSelect > .optWrapper > .options > li:first-child { border-radius: 3px 3px 0px 0px; }
            .SumoSelect > .optWrapper > .options > li:last-child { border-bottom: none; border-radius: 0px 0px 3px 3px; }
            .SumoSelect > .optWrapper > .options > li:hover { background-color: #c7d0d8; }

            .SumoSelect > .optWrapper > .options > li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
            .SumoSelect > .optWrapper > .options > li span { display: none; }

        /*Floating styles*/
        .SumoSelect > .optWrapper.isFloating { position: fixed; top: 0px; left: 0px; right: 0px; width: 90%; bottom: 0px; margin: auto; max-height: 90%; }

    /*Hover*/
    .SumoSelect:hover > .CaptionCont > label { background-color: #84A9CE; }

    /*disabled state*/
    .SumoSelect > .optWrapper > .options > li.disabled { background-color: inherit; }
        .SumoSelect > .optWrapper > .options > li.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }


    /*styling for multiple select*/
    .SumoSelect > .optWrapper.multiple > .options > li { padding-left: 35px; }
        .SumoSelect > .optWrapper.multiple > .options > li span { position: absolute; display: block; width: 30px; top: 0px; left: 0px; bottom: 0px; }
            .SumoSelect > .optWrapper.multiple > .options > li span i { background-image: url('https://graphics8.nytimes.com/packages/flash/business/20100325-FinancialTuneUp/gfx/checkbox.png'); position: absolute; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; background-repeat: no-repeat; background-position: center center; width: 16px; height: 16px; }
    .SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.13); border-radius: 0px 0px 3px 3px; }
    .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0px; width: 100%; }

    .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; }
        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; }

    .SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0px 0px 0px 3px; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0px 0px 3px 0px; }
    /*styling for select on popup mode*/
    .SumoSelect > .optWrapper.isFloating > .options > li { padding: 12px 6px; }

    /*styling for only multiple select on popup mode*/
    .SumoSelect > .optWrapper.multiple.isFloating > .options > li { padding-left: 35px; }
    .SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 43px; }
    /*selected state*/
    .SumoSelect > .optWrapper.multiple > .options > li.selected span i { background-image: url('https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/16/checkbox-checked.png'); }

    /*disabled state*/
    .SumoSelect.disabled { opacity: 0.7;}
     .SumoSelect.disabled > .CaptionCont > label { background-color: #F1F1F1; }

     /*styling for optgroups*/
    .SumoSelect > .optWrapper > .options > li.optGroup { padding-left: 5px; text-decoration: underline; }

    .SumoSelect > .CaptionCont { position: relative;padding-bottom:0px;   left: 3px;
    padding-bottom: 0;box-shadow:0 1px 2px rgba(0, 0, 0, 0.33) inset, 0 -1px 0 rgba(0, 0, 0, 0.08) inset;
    padding-top: 5px;
    top: 2px;margin-bottom:4px;
    width:171px; min-height: 20px; background-color: #fff; }

.fg-toolbar select 
{
	 margin-right:4px !important;
}
.fg-toolbar input
{
	 	 margin-left:4px !important;

}
#div_dialog2 .footer_line_div
{
	border:1px solid #d4d4d4;
border-top:none;	 
	    margin-top: -1px;
	 }
#ajax_data_config label
{
	 margin-left:14px;
}
.fright
{
	 float:right;
	 clear:both;
	 margin-right:250px;
	 width:300px;
}
.fleft
{
	 float:left;
	 clear:both;
	 	 margin-left:250px;

}

.search-icon
{
	    color: #999;     font-size: 11px !important;       margin-left: 8px;
    margin-top: 7px;   position: absolute; }

.listDiv:hover
{
	 background:linear-gradient(to bottom, #eee 0%,#e6e6e6 47%,#ddd 100%) !important;
	 cursor:pointer;
}
.fa-calendar:hover
{
  color:#164477;
  cursor:pointer;
}
span.noMargin
{
	margin-top: -7px !important;
}
#success_transfer
{
	 font-size:12px;
    color: green;
    padding: 8px;
	 margin-bottom:7px;

}


.hr.noMargin
{
	 margin-top:6px !important;
}
.hr
{
	 margin-top:20px;
	 margin-bottom:12px;
}

.hrTitle
{
	 color:#888;
	 font-size:12px;
	 margin-right:10px;
	 float:left;
	 margin-top:11px;
}


.west-head
{
	 margin-bottom: -3px;
	 border:1px solid rgba(0,0,0,0.1);
	 border-bottom:none;
	 background:#e9e9e9;
	 border-radius:15px 15px 0 0 ;
	 padding-top:2px;
	 color:#444;
	 font-weight:bold;
    text-align: center;
    width: 237px;
	 height:16px;
	 display:inline-block;
	 background:#e9e9e9;
}

.disabled
{
	 background:#ccc;
}
#ticket-search-div
{
	 padding:10px;
}


#calendar_table .title
{
	font-size:9px !Important;
	font-weight:bold !important;
box-shadow:inset 0px 1px 0 rgba(255,255,255,0.15), 2px 1px 0 rgba(255, 255, 255, 0.15) inset !important; 
	white-space:pre;
border-bottom:1px dashed rgba(255, 255, 255, 0.45) !important;

	overlow:hidden;
}

.ticketIcon.fa-male
{
	 font-size:14px;
	 margin-right:6px;
}


.ticketIcon
{
	 margin-right:3px;
}


.clear{
	clear: both;
}
.leftLabel
{
	 margin-left:10px !important;
	 width:0px  !important;
}


.header
{
	 background: linear-gradient(to left , rgba(0, 0, 0, 0), rgba(31, 95, 165, 0.1), rgba(0, 0, 0, 0)) repeat scroll 5px 5px rgba(0, 0, 0, 0);     color: rgb(31, 95, 161);     font-size: 14px;     font-weight: bold;     height: 18px;     margin-top: 0;     padding-top: 0;     text-align: center;
}
/*Layout*/

.left
{
	 float:left;
}

label
{
	 font-weight:bold;
	 color:#444;
}

.fc-right
{
	display:none;
}
.hidden
{
	display:none !important;
}
.markedInput
{
	box-shadow:	inset 0 0 0px 1px red !important;

}
.descriptionTd
{
	overflow:hidden;
	width:240px;
	height:26px;
	white-space:pre-line;
}
#pointerBoarder
{

   border-color: #ddd transparent;
    border-style: solid;
    border-width: 13px 12px 0;
    bottom: -14px;
    content: "";
    display: block;
    left: 19px;
    position: absolute;
    width: 0;
    z-index: 1;
}
#pointer
{
	   border-color: #eee transparent;
    border-style: solid;
    border-width: 13px 12px 0;
    bottom: -12px;
    content: "";
    display: block;
    left: 19px;

    position: absolute;
    width: 0;
    z-index: 2;
}
.yearBtn
{
	margin-top:4px;
}
.headerBtn
{
	top:2px;
	  float: right;
    right: calc(100% - 410px);
    	 padding-right:35px !important;

}
#projekte{
	left:350px !important;
	width:500px;

}


.headerBtn:nth-child(1)
{
	 background:url("right.png") no-repeat scroll right center rgba(0, 0, 0, 0.075) !important;
	 
	 }
.headerBtn:nth-child(2)
{
	margin-right:15px;
	 background:url("left.png") no-repeat scroll right center rgba(0, 0, 0, 0.075) !important;
	 
	 }

#tooltip
{
	height:auto;
	width:auto;
	box-shadow:0 0 3px rgba(0,0,0,0.6);
	border:1px solid white;
	position:absolute;
	padding:5px;
	display:none;
	padding-top:3px;
padding-bottom:3px;
	background:#eee;
	z-index:1000;
	white-space:pre-line  !Important;
	color:#444;
	font-size:10px;
	max-width:380px;
	 overflow:hidden;
	 z-index:5000;
	line-height:13px;
	 max-height:233px;
	border-radius:10px;
}
.info_hid.active
{
background:#cdefc2 !important;
text-decoration:none !important;
}


.clickedTd
{
	 transition:0.3s;
	  border-left:5px solid rgba(0,0,0,0.25) !Important;
}

#tooltip b
{
	font-size:9px;
}


.big
{
	width:260px !important;
	height:100px;
}
.ui-dialog
{
	top:10%;
}
body
{
	overflow-x:hidden;
}
#textarea
{
	  resize: none;
}

#calendar_list_table_wrapper .fg-toolbar:first-child
{
	display:none;
}
#unternehmen_table_wrapper .fg-toolbar:first-child
{
	display:none;
}
#unternehmen_table th
{
	width:15%;
}
#unternehmen_table th:last-child, #unternehmen_table th:first-child
{
	width:28%;
}
#admin_url_tabelle th:last-child
{
	width:120px;
}

#div_dialog1, #div_dialog2
{
	z-index:1000000;
	background:#ececec;
	margin-top:5px;max-height:700px !important;
	
	 
	overflow:auto;
	border-top:1px solid #ddd;
	border-radius:0px 0px 12px 12px;
}
#alarmstart
{
	display:none;
}
#calendar_list_table tr
{
	cursor:pointer;
}

#alarmDiv
{
	height:20px;
}

.ajax_notiz
{
}

.ajax_edit 
{
}

.user_span, .user_span b
{
	font-size:10px ;
	text-transform:none !important;margin-left:2px;display:inline-block;width:48px;
}
.invisible
{
	 display:none;
}

#calendar_table td
{
	width:900px;
}
#intervall

{
	display:none;
}

#form_groups #titel, #form_groups #kunde
{
	width:270px !Important;
}
#form_groups #bis1, #form_groups #von1
{
	width:73px !Important;
	 margin-left:8px !Important;
}
#calendar_table .fill:not(.filled)
{
box-shadow:inset 1px 0px 0 rgba(255,255,255,0.15) ;
	cursor:pointer;
	width:900px;
	padding:1px 4px 0 5px;
	overflow:visible !important;
}
.ui-autocomplete {
    max-height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
	z-index:5000000;
	max-width:380px;
	min-width:200px;
	height:auto !important;
}
option
{
	padding:2px !important;
	padding-left:6px  !important;
	font-size:10px  !important;
}

.terminVal
{
    display: inline-block;
    margin-left: 25px;
    padding: 4px;
	   border-bottom: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 -1px 0 #FFFFFF inset;
    white-space: pre-line;
    width: 400px;
}



#calendar_table th:first-child
{
	width:2%;
}

input[type='radio'],input[type='checkbox']
{
box-shadow:none !important;
}

.terminVal2
{
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
    width:auto;
font-size:10px;}

.terminKey
{

	 border-radius:2px;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px;
    position: relative;
    width: 90px ;
}

#calData
{
	 display:none;position:absolute;background:#fff;box-shadow:2px 2px 7px rgba(0,0,0,0.5); font-size: 11px;
    line-height: 22px;
    margin-left: 40px;
    margin-top: 40px;
	 text-transform:none !important;
	 border-radius:7px;
    padding: 5px;
	 
    width: 510px;   }

.termin_user
{
	background:#e7e7e7;
	 box-shadow: 1px 1px 1px #bbb,0px 0px 1px #aaa;
 padding:3px;
	 	 border-radius:4px;

	 margin-top:15px;
}
#ui-datepicker-div

{
	width:190px !important;
}

#beschreibung, #text
{
	min-height:65px;
}

.west_part_div
{
	border: 1px solid rgba(0, 0, 0, 0.1) ;
    box-shadow: 0 0 1px #FFFFFF inset;
	padding:5px;
	 padding-bottom:6px;
	 background:#e2e2e2;
	 border-radius:3px;
}
.lastFill
{
	box-shadow:inset 0px -1px 0 rgba(255,255,255,0.15), 1px 0px 0 rgba(255, 255, 255, 0.15) inset !important;	

}

hr
{

 border-bottom:1px solid white;
	border-top:1px solid rgba(0,0,0,0.1);
	border-left:none;
	border-right:none;
    margin-bottom: 10px;
    margin-top: 5px;
}


.beschr
{
	line-height: 12.5px;
	margin-top:5px;
	font-weight:normal;

	overflow:hidden;
	white-space:pre-wrap;
margin-top: 2px;
	font-size:9px;
	z-index:5;
	position:absolute;
}
#calendar_table .fill:not(.filled):first-child
{

	font-size:9px !important;
	color:#eee;
	font-weight:bold;
}




.timeTd
{    box-shadow: 0 0 1px rgba(0, 0, 0, 0.35);
	border:none !Important;
}


.realTd table tbody tr

{
	 height:19px !important;
}

#calendar_table thead
{


}


#calendar_table,#calendar_list_table
{
	border-spacing:0;
		border:1px solid #e7e7e7;

}
#calendar_table_wrapper .fg-toolbar, #terminübersch_table_wrapper .fg-toolbar  
{
	display:none ;
}

#calendar_table table
{
	border-spacing:0px;
}

.timeTd
{
	background:#eee !important;
}

#calendar_table .realTd:not(.timeTd)
{

    border: medium none !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.31);
	padding:0px;
	color:#eee;
	background:#f9f9f9;
	font-size:9px !important;
	height:38px;
	overflow:visible;
}



.smallInput
{
	width:100px !important;
}
#calendar_list_table td
{
	color:#333;
	 vertical-align: middle;
	height:17px;
	padding-top:4px !important;
	border-left:1px solid rgba(255, 255, 255, 0.21) !important;
	width:7%;
}
div.ui-dialog-titlebar button
{

}

#calendar_list_table td:nth-child(7), #calendar_list_table td:last-child, #calendar_list_table td:nth-child(6)

{
	width:17%;
}


#calendar_list_table td:nth-child(1)
 {
		width:14%;
 
 }

#calendar_table td:not(.fill):first-child
{
	color:#333;
    vertical-align: middle !important;
	padding-left:8px;

}



#calendar_table th
{
	background:#eee !important;

	  font-size: 10px;
    font-weight: bold !important;
		    box-shadow: 0 0 1px rgba(0, 0, 0, 0.40)  !important;

}





#calendar_table td:not(.fill):hover
{
	background:#ccc !important;
	cursor:pointer;

}

#calendar_table tr:hover
{
	background:#f9f9f9;
}
#calendar_table .filled:hover
{

	cursor:pointer;

}


.realTd table tbody tr td
{
	
		border:none ;

}

.realTd table tbody tr td:not(.fill)
{
		width:6.65%;
border:none;
				    box-shadow: 0 0 1px rgba(0, 0, 0, 0.176)  ;

}


.menu2
{
	 font-size:10px; list-style-type:none;display:none;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.7);position:absolute;background:#e6e6e6;border-radius:4px;
}
.menu2 span
{
margin-left:5px;}


#edit_urlaub label, #ueberstunden label
{
	width:80px;
	display:inline-block;
}


#edit_urlaub input, #ueberstunden input
{
	margin-bottom:3px;
}

#edit_urlaub, #ueberstunden
{
	padding:6px;
}
	

#type option
{
}
	
	

 .au,
option[value='au']

{
	background:#01517F  ;
			color:#eee !important;
	border-color:#013655;
}	


.sc, .sc, .be,
option[value='sc'],
option[value='sc'],
option[value='be']

{
	background:#9B733F ;
				color:#eee !important;
border-color:#915200;
}


.tb-switch  .fa-times-circle{
    font-size: 13px !important;
    height: 15px;
    margin-top: -3px;
    padding-top: 2px;
    width: 10px;
}
.fw,
option[value='fw']
{
	background:#294517  ;
			color:#eee !important;
}
.fs,

option[value='fs']
{
	background:#402A12   ;
			color:#eee !Important;
}	
*:focus {
    outline: 0;
}
.from_foreign
{
	
   background: none repeat scroll 0 0 #ddd;
    border-radius: 3px;
    font-size: 9px;
    height: 15px;
    margin-top: 0;
    margin-right:3px;
    white-space:pre;
    padding: 4px;

}
.foreign_td
{
	color:#999 !important;
 }
	.in,
option[value='in']
	{
		background:#931B19  ;
			color:#eee !important;
		border-color:#394B64;

	}
.ur,
option[value='ur']

	{
		background:#5F7F42;
			color:#eee !important;
		border-color:#55100E;

	}
	


.an,
option[value='an']

{
			background:#5F7F42  ;
				color:#eee !important;


}

.kr,
option[value='kr']
	{
		background:#C6873F  ;
			color:#eee !important;
		border-color:#594224;

	}
	
.pr, .gb,.so, .so,

option[value='pr'],
option[value='gb'],
option[value='so'],
option[value='so']
{
		background:#636363 ;
			color:#eee !important;
		border-color:#4E4E4E;

	}

	
.menu2 li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 -1px 0 #ffffff inset;
    cursor: pointer;
    height: 20px;
    margin-top: 1px !important;
    padding: 5px 0 0 8px;
    width: 142px;
}

.menu2 li:hover
{
background:#f4f4f4;
}

.menu2 li:last-child
{
	border-bottom:none;
	box-shadow:none;

}
.lastFill span
{
    font-size:8px !important;
	z-index:50;
	font-weight:bold;
	 float: right;
    padding-right: 1px;
    padding-top: 2px;
}


.realTd table tbody tr td:not(.fill):not(.today):not(.weekend)
{
		background:#f9f9f9;


	

}

	
.today:not(.fill)
{
	background:#DEE2E5 ;
}

.weekend:not(.fill)
{
	background:#eee;
}

.noneDisplay{
	width: 99%;	
	margin: 0 5px;
}
#div_slide{
	background-color: #D8DFED;
	height:8px; 
	border: 1px solid #96AAD3;
	
	
}
#div_slide:hover{
	background-color: #D8DFED;
	height:8px; 
	border: 1px solid #96AAD3;
	opacity: 0.4;
}
* {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Arial;
} 
body {
	font-size: 10px;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 14px;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 12px;
	margin: 5px 0 5px 0;
}
.error {
	margin: 0 4px 8px 2px;
}

.link {
	color: #2170b0;
	cursor: pointer;
}

input[type="button"]
{
	background:#ECECEC !important;
}

input[name="send"],input[name="speichern"],input[value="Speichern"],#start_auswertung
{
	background: url("test.png") !important;
	padding-right:30px !important;
	background-repeat:no-repeat !important;
	background-position:right !important;
	height:15px !important;
}
 
#reset
{
	background: url("test2.png") !important;
	padding-right:32px !important;
	background-repeat:no-repeat !important;
	background-position:right !important;
}



div#antrag
 {padding:12px !important;
 }
.none {
	display: none !important;
	margin: 0;
}
.red {
  color: #ce0005;
    float: right;	    margin-top: -25px;

}

.green {
  color: #ce0005;
    float: right;	    margin-top: -25px;}
.st0
{
	 	color:#9C0909;

}
.delete
{
	    border-right: 1px dashed #aaa !important;
   margin-right:2px!important;padding-right:2px!important;


}
#showTicket
{
	  border-left: 1px dashed #aaa;
    margin-left: 8px;
    padding-left: 8px;
}
.insetButton
{
	margin-left:117px !important;
}
.detailButton
{
	margin-top:10px;
	position:relative;
}
.insetButton2
{
	margin-left:60px !important;
}


.st1
{
	 color:#7C9676;
}
.st5
{transition:all 1s;
	 color:#BC6565;
}
.todo_text .fa
{
	 margin-right:5px;
	 color:#ddd;
}
.geschlossen
{
	 	 background: linear-gradient(to bottom, #888 0%,#767676 100%);

}

.weitergeleitet
{
	 	 background: linear-gradient(to bottom, #888 0%,#767676 100%);

}
.antwort
{
	 	 background: linear-gradient(to bottom, #5a87ad 0%,#4b758e 100%);

}
.st3
{
	 color:#444;
}

.fa-square
{
	 margin-right:8px;
	 font-size:14px !important;
}


.tree li 
{
	 margin-left:28px !important;
}
.tree
{
	 margin-left:-35px !important;
	 margin-bottom:8px;
}
.switch-button-label {
    float: left;

    font-size: 10pt;
	 margin-top:3px;
    cursor: pointer;
}

.switch-button-label.off {
    color: #adadad;
}

.switch-button-label.on {
    color: #0088CC;
}

.switch-button-background {
    float: left;
    position: relative;

    background: #ccc;
    border: 1px solid #aaa;

    margin: 1px 10px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    cursor: pointer;
}

.switch-button-button {
    position: absolute;

    left: -1px;
    top : -1px;

    background: #FAFAFA;
    border: 1px solid #aaa;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#div_eintrag_hidden
{
visibility:hidden;
}
.todo_text u
{
	 cursor:pointer;
}

.tree a
{
	 cursor:default;
	width:260px !important
}
.ticketText
{
	background:linear-gradient(to bottom, #a84d4d 0%, #8c4040 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);height:23px;
}

.ticketText span
{
	padding-top:4px;
}

.tree button.fa-close
{
 color: #8CA5A5; font-size: 14px; cursor:pointer;border:none;border:1px solid #ccc !important;	
}

.tree button.fa-check
{
 color: #8CA5A5; font-size: 14px;
	 margin-left:5px;cursor:pointer;border:none;border:1px solid #ccc !important;width:9px;
}

#admin_url_table_filter
 {
 	 height: 32px;
    margin-top: -5px;
 }

.commentAnswer
{
	 position:relative;
	 margin-top: 1px; font-size: 9px; margin-left: 12px;
	color: #445B5B;
	 cursor:pointer;
}

.tree a{
cursor:normal;
	 
}


.tree li
{
	 width:380px;
}
.tree u
{
	 cursor:pointer;
}

.tree a span:nth-child(2n), .answer {
    color: #fff !important;
    font-size: 11px;
    white-space: pre-line;
    background: linear-gradient(to bottom, #a1b7b7 0%,#9AAFAF 100%);
    color: rgb(85, 85, 85);
    width: 250px;
    padding-left: 5px;
    padding-top: 0px !important;
    display: block;
    padding-bottom: 0px !important;
    padding-right: 5px;
    border-radius: 2px;
}
.tree a > ins {
    display: none;

}

.tree a span:last-child {

  color: #445B5B  !important;
    font-size: 11px;
    margin-top: 1px;
	    white-space: pre-line;
}
}

.todo_text u
{
	 cursor:pointer;
}

.tree{
    height: auto !important;
}
.tree li > ins { 
    vertical-align:top; 
}

.tree .jstree-open > ins {
    margin-top: 5px !important;
}

.tree .jstree-closed > ins {
    margin-top: 5px  !important;
}


.tree{
    height: auto;
}
.tree a{
    height: auto !important;
margin-top:4px !important;
}
body{
overflow:hidden;
}

#div_dialog2 .note
{
	margin-left:0px !important;
	    padding:1px 0 1px 6px;
	    padding-right:0px;

}

#div_ajax_projekt_daten .td
{
	vertical-align:middle;
}


#wrap {
   border: medium none;
}
#div_ajax_projekt_daten
{
	border:none !important;
}
.note
{
	    border-radius: 0 0px 0px 0 !important;
    color: #f2f2f2;
    display: block;
    font-size: 10px;
    line-height: 15px;
	
    margin-bottom: 2px;
    margin-left: -23px;
    display:inline-flex;
    width:100%;
    margin-top: 6px;
    padding: 1px 12px;
    white-space: pre;
	padding-right:36px;

}

.gesehen {
display:inline;
font-size:9px;
    border-radius: 2px 0 0 2px;
    margin-right: 0;
    padding-top: 0;
    width:275px;
    margin-top: 0; 
    margin-left: 6px !important;
    padding-left: 0;
	padding-right:12px;
	
}





.angenommen
{
	 background:linear-gradient(to bottom, #7c9676 0%,#67775e 100%);
}

.st4
{
	 color:#5A87AD;
}
.gray {
    background: none repeat scroll 0 0 #999;
    border-radius: 5px 5px 5px 5px;
    color: #fcfcfc ;
    display: block;
    font-size: 11px;
    font-style: normal;
	padding-left:6px;
    line-height: 15px;
    margin-bottom: 2px;
	margin-left:-12px;
    padding: 2px 6px;
	margin-top:6px;
}

.anfrage {
    color: #CC6464  !important;
    background: #ce0005;
    margin-top: 0px;
    font-style: normal;
	border-radius:5px;
	font-size: 11px;
	margin-top:2px;
	line-height: 15px;
    display: block;
		margin-left:-12px;
	margin-top:6px;
    padding: 2px 6px;
    margin-bottom: 2px;
}

fieldset {
	border: 0px solid red;
}
.padding_10{
	padding: 5px 5px;
}
.clear {
	margin: 0;
	clear: both;
}

.center {
	text-align: center;
}

/*widths*/

.w_max {
	width: 100%;
}

.w10 {
	width: 10px;
}
.w20 {
	width: 20px;
}

.w30 {
	width: 30px;
}

.w40 {
	width: 40px;
}
.w50 {
	width: 50px;
}

.w60 {
	width: 60px;
}

.w80 {
	width: 80px;
}

.w100 {

	width: 100px;
}
.w120 {

	width: 120px;
}
.w140 {

	width: 140px;
}
.w160 {

	width: 160px;
}
.w200 {

	width: 200px;
}

.smalltext {
	font-size: 10px !important;
}

.bold {
}

.pointer {
	cursor: pointer;
}
.nopointer {
	cursor: default !important;
}
.pointer ul li p {
	cursor: default;
}

.username {
	border-bottom: 1px solid #fff;
	padding: 3px 0 5px;
}
.username:last-child {
	border-bottom: 0px solid #fff;
}

.user_info{
	
	background: none repeat scroll 0 0 #EFE4B1 !important;
    border-color: #FCD114 !important;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px !important;
    margin: 6px 0 12px;
}

/*tables*/
.div_table {
	/*margin-top: 5px;*/
}

.inline {
	display: inline-block;
	vertical-align: top;
	margin: auto 2px;
	/*border-right: 1px solid #fff;*/
}

.inline_ico{
	display: inline-block;
	vertical-align: bottom;
	margin:0px;
	padding:0px;

}

.icon{
	width: 16px !important;
	height: 16px !important;
	margin: 0 6px 0 0 !important;
	padding: 0px !important;
	border: 0px !important;
	position:relative !important;
	background: none !important;
}

.border{
	border: 1px inset #ccc;
	padding: 5px;
}

.class_inner{
	width: 260px;
	display: inline-block;
}

#add_ma{
	font-size: 10px !important;
}

/***************************/
#usernavright {
	/*border-left: 1px solid #333333;*/
	/*border-right: 1px solid #555555;*/
	position: absolute;
    right: 0px;
    top: 0px;
    width: 253px;
}

#usernavright a {
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #555555;
	/*border-right: 1px solid #333333;*/
}

#userinfo {
	color: #eee;
	font: 12px/14px sans-serif;
	/*border-left: 1px solid #555555;*/
	border-right: 1px solid #333333;
	padding: 8px 10px 8px 10px;
	height: 28px;
	float: left;
	text-align: right;
	width: 187px;
}

#userinfo small {
	color: #b9b9b9;
	font: 10px sans-serif;
}

#logout_btn {
	opacity: 1.0;
	padding: 7px 8px 8px 8px;
	height: 29px;
	color: #333;
}
#logout_btn:hover {
	cursor: pointer;
	opacity: 1.0;
	color: #333;
	/*
	background-color: #ececec;
	background-image: -ms-linear-gradient(bottom,#ececec,#ddd);
	background-image: -moz-linear-gradient(bottom,#ececec,#ddd);
	background-image: -o-linear-gradient(bottom,#ececec,#ddd);
	background-image: -webkit-gradient(linear,left bottom,left top,from(#ececec),to(#ddd));
	background-image: -webkit-linear-gradient(bottom,#ececec,#ddd);
	background-image: linear-gradient(bottom,#ececec,#ddd);
	*/
	background-color: #ffffff;
	background-image: -ms-linear-gradient(bottom,#ffffff,#ddd);
	background-image: -moz-linear-gradient(bottom,#ffffff,#ddd);
	background-image: -o-linear-gradient(bottom,#ffffff,#ddd);
	background-image: -webkit-gradient(linear,left bottom,left top,from(#ffffff),to(#ddd));
	background-image: -webkit-linear-gradient(bottom,#ffffff,#ddd);
	background-image: linear-gradient(bottom,#ffffff,#ddd);
}
/*------------------ North --------------------------*/
#div_title {
	font-size: 17px;
	float: left;
	width: 231px;
	height: 28px;
	padding: 8px 12px;
	background: transparent url("../img/logo_small.png") no-repeat 10px 12px;
}

#div_title img {
	float:left;
}

#div_nav {
	float: left;
	height: 44px;
	padding: 0;
	border-right: 1px solid #555555;
}

#div_nav a,
#div_nav a img,
#usernavright a#logout img {
	border: 0 none;
}

#div_nav div.pointer {
	border-left: 1px solid #555555;
	border-right: 1px solid #333333;
	float: left;
	padding: 8px 13px;
	height: 28px;
	color: #727272;
}

#div_nav div.pointer:hover {
	color: #b6b6b6;
	text-decoration: none;
	font-weight: normal;
	background-color: #ffffff;
	background-image: -ms-linear-gradient(bottom,#ffffff,#ddd);
	background-image: -moz-linear-gradient(bottom,#ffffff,#ddd);
	background-image: -o-linear-gradient(bottom,#ffffff,#ddd);
	background-image: -webkit-gradient(linear,left bottom,left top,from(#ffffff),to(#ddd));
	background-image: -webkit-linear-gradient(bottom,#ffffff,#ddd);
	background-image: linear-gradient(bottom,#ffffff,#ddd);

}
#div_nav div.active {
	color: #b6b6b6;
	text-decoration: none;
	font-weight: normal;
	background-color: #fff;
	background-image: -ms-linear-gradient(bottom,#fff,#ddd);
	background-image: -moz-linear-gradient(bottom,#fff,#ddd);
	background-image: -o-linear-gradient(bottom,#fff,#ddd);
	background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#ddd));
	background-image: -webkit-linear-gradient(bottom,#fff,#ddd);
	background-image: linear-gradient(bottom,#fff,#ddd);
}

#div_nav img{
	width: 28px;
	height: 28px;
	opacity: 0.5;
}

#div_nav img.todo {
	background: transparent url("../img/icons/32/todo.png") no-repeat; 
}
#div_nav img.todo.alert{
	opacity: 1.0;
	background: transparent url("../img/icons/32/todo-a.png") no-repeat; 
}

#div_nav img.ticket {
	background: transparent url("../img/icons/32/ticket.png") no-repeat; 
}
#div_nav img.ticket.alert{
	opacity: 1.0;
	background: transparent url("../img/icons/32/ticket-a.png") no-repeat; 
}

#div_nav img.frei {
	background: transparent url("../img/icons/32/frei.png") no-repeat; 
}
#div_nav img.frei.alert{
	opacity: 1.0;
	background: transparent url("../img/icons/32/frei-a.png") no-repeat; 
}

#div_nav div.alert {
	height: 25px;
	border-bottom: 3px solid #ce0005;
}

#div_nav div.pointer:hover img, #div_nav div.pointer.active img, #div_nav img:hover {
	opacity: 1.0;
}

#div_nav div.pointer:hover img.todo.alert, #div_nav div.pointer.active img.todo.alert, #div_nav img.todo.alert:hover {
	opacity: 1.0;
	background: transparent url("../img/icons/32/todo.png") no-repeat; 
}
#div_nav div.pointer:hover img.ticket.alert, #div_nav div.pointer.active img.ticket.alert, #div_nav img.ticket.alert:hover {
	opacity: 1.0;
	background: transparent url("../img/icons/32/ticket.png") no-repeat; 
}
#div_nav div.pointer:hover img.frei.alert, #div_nav div.pointer.active img.frei.alert, #div_nav img.frei.alert:hover {
	opacity: 1.0;
	background: transparent url("../img/icons/32/frei.png") no-repeat; 
}


#div_nav div.pointer span.zahl {
	color: #ffffff;
}
#div_nav div.pointer:hover span.zahl,
#div_nav div.pointer.active span.zahl {
	color: #333;
}


#div_nav div.pointer span {
	padding-left: 5px;
}

#div_nav .sub-wrapper, 
#div_nav .sub-wrapper ul, 
#div_nav .sub-wrapper ul li {
	background: 0;
	clear: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 99999;
}
.query
{
	background:none repeat scroll 0 0 #EDB1B1;
}

#div_nav .sub-wrapper {
	width:250px;
	margin: 0 0 0 -17px;
	padding: 0;
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
	box-shadow: 0 4px 4px rgba(0,0,0,0.2);
	background: #fff;
	display: none;
	position: absolute;
	top: 44px;
	float: none;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #dfdfdf;
}
#div_nav div.pointer:hover .sub-wrapper {
	display: block;
}

#div_nav .sub-wrapper > .submenu:first-child {
	border-top: 0;
}

#div_nav .sub-wrapper .submenu {
	padding: 6px 0;
	border-top: 1px solid #dfdfdf;
}

#div_nav .sub-wrapper .submenu li {
	float: none;
	background: #f8f8f8;
	margin: 1px 6px 0 6px;
}

#div_nav .sub-wrapper .submenu li:hover {
	background: #ececec;
}

#div_nav .sub-wrapper ul li .ab-item, 
#div_nav .sub-wrapper ul li a strong {
	line-height: 26px;
	height: 26px;
	text-shadow: none;
	white-space: nowrap;
	min-width: 220px
}

#div_nav .sub-wrapper ul li p,
#div_nav .sub-wrapper ul li a {
	color: #333/*21759B*/;
	display: block;
	margin: 0;
    padding: 0 12px;
    outline: 0 none;
    text-decoration: none;
}

#div_nav .sub-wrapper ul li p {
	color: #f8f8f8;
	display: block;
	margin: 0;
    padding: 0 12px;
    outline: 0 none;
    text-decoration: none;
	background: #484848;
	text-transform: uppercase;
}


/*------------------ CENTER -------------------------*/
.center-head {
	height: 20px;
	padding: 5px;
	margin-bottom:5px;
}

/*------------------ Login -------------------------*/


form .error {
	background-color: #FFF1A0;
}
form label.error {
	width: 90%;
	border: 1px solid #FFA81E;
	border-radius: 4px;
	padding: 2px;
	margin: 5px;
}
/*------------------ Dialog Forms -------------------------*/
.dialog_submit {
	height: 24px;
	margin-top: 4px;
	width: 106px;
}

.div_dialog,
#div_login {
	padding: 10px;
	text-align: left;
	background: none repeat scroll 0 0 #ececec;
    border-radius: 3px 3px 3px 3px;
    margin: 0 0 0 0;
    position: relative;
}
#div_login
{
}

.ui-dialog {
    position: relative;
}

.ui-dialog div.div_error {
	position: absolute;
	top: -2px;
	right: 15px;
	color: #CE0005;
	z-index: 999;
	font-weight: bold;
}
.ui-dialog div.div_bgrerror {
  	background: #f1f1f1;  
	position: absolute;
	top: 9px;
	left: 16px;
	width: 267px;
	color: #CE0005;
	z-index: 999;
}

.ui-dialog div.div_bgrerror a,
.ui-dialog div.div_bgrerror a:link,
.ui-dialog div.div_bgrerror a:active,
.ui-dialog div.div_bgrerror a:visited {
	color: #CE0005;
}
.ui-dialog div.div_bgrerror a:hover {
	color: #555;
}

.ui-dialog p {
	margin: 0px 3px 4px 3px;
	line-height: 16px;
}


.div_dialog label,
#div_login label {
	display: block;
	display: inline-block;
	margin: 5px 0;
	vertical-align: top;
	text-transform: uppercase;
	font-size: 10px;
	margin: 10px 5px 5px 5px;
	width: 130px;
}
#div_login label {
	width: 70px;
}

.div_dialog p label {
	width: 100px;
	margin: 0;
}

.div_dialog input, 
.div_dialog select,
.div_dialog textarea,
#div_login input, 
#div_login select,
#div_login textarea {
	margin: 5px 0 0 5px;
}
.div_dialog textarea,
#div_login textarea {
	width: 60%;
	min-height:90px;
}

.div_dialog br,
#div_login br {
	clear: both;
}

.div_dialog input[type="submit"],
#div_login input[type="submit"] {
	margin: 10px 0;
	/*width: 120px;*/
}

div.ui-dialog .div_dialog input[type="submit"] {
	margin: 25px 0 0 0;
		font-size:9px;

	/*width: 120px;*/
}
div.ui-dialog #div_login input[type="submit"]  {
	margin: 10px 0 0 0;
	width: 236px;
}

#div_login a.dlg_btn {
	margin-left: 155px;
	color: #a9a9a9;
	font-size:9px;
}

/*----------------------- DEBUG -Window ------------------------------------*/
#div_debug {
	/*border: 1px solid #5599CC;*/
	color: #55BB55;
	background-color: #151515;
	font-size: 10px;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}

#div_debug,
#div_timeline,
#div_history {
	height: 120px;
	/*max-height: 120px;*/
	padding: 0 !important;
	text-shadow: none;
	overflow-y: auto;
}

#div_timeline .timeline_urlaub {
	background-color: #464646 !important;
    color: #f8f8f8 !important;
    /*border-radius: 2px;
    -moz-border-radius: 2px;*/
    margin-bottom: 1px !important;
    height: auto !important;
    padding: 1px 0 !important;
    border: 1px solid #fff !important;
}
#div_timeline .monate {
	background-color: #fff !important;
	background: #fff url("../img/timeline-bgr.png") repeat 31px 52px; 
    color: #151515 !important;
    height: auto !important;
    min-height: auto !important;
    width: 992px;
    margin-bottom: 4px;
}
#div_timeline .line {
	background-color: #f1f1f1 !important;
	border-bottom: 0px solid #FFFFFF;
	position: inherit !important;
	color: #777;
	text-align: left;
}
#div_timeline .line div {
	width: 31px !important;
	text-align: center;
	border-right: 1px solid #fff;
}
#div_timeline .monatsname {
	background-color: #d8d8d8 !important;
	border-bottom: 1px solid #fff;
	color: #555;
}





/*---------------------- Formular ------------------------------------------*/
div.formular {
	/*width: 520px;*/
}

div.formular label {
	/*width: 120px !important;
	font-weight: normal;*/
}
/*
div.formular input[type='text'],
div.formular select,
div.formular #von,
div.formular #bis{
	width: 220px;
	text-align: left;
	margin: 0 5px;
}
div.formular  input[type='text'].small {
	width: 60px;
	text-align: center;
	margin: 0 5px;
}
div.formular input[type='submit'] {
	margin: 10px 0;
}*/

/*Datepicker*/
div#date {
	font-size: 10px;
	padding: 2px;
	margin: 2px;
	text-align:center;
	
}

/*Eingabe maske */
div#div_eintrag_input {
	padding: 9px;
	width: 334px;
	display: table-cell;	
	border-right:1px solid rgba(0, 0, 0, 0.08);
}

div.div_form_input {
	/*padding: 14px;*/
	display: table-cell;	
	background: none !important;
}


div#div_eintrag_wrap,
#admin .search,
div#frei,
div#stundenbilanz,
div#antrag {
	background: none repeat scroll 0 0 #ececec;
	margin: 6px 0 12px 0;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
#div_eintrag_wrap
{
	border-radius:7px 7px 0 0px !important;
	border-bottom:1px solid rgba(0, 0, 0, 0.07) !important;
}

.text-info
{
	display:none;
}

#backBtn,.excelBtn
{
	 float:right;
	 top:0px !important;
	 right:0px !important;
	 margin-left:12px !important;
	 font-size:14px;
	 left:0px !important;
}

#toUser
{
margin-left:3px !important;
}
#addUser
{
	  height: 16px;
    left: -25px;
    margin-right:-13px;
    width: 9px;
}
#ma_select
{
	 top:20px !important;
}
#projekte
{
	top:-4px !important;
}

div#frei,
div#stundenbilanz {
	margin: 5px 0 5px 0;
	font-weight: bold;
	padding: 4px 0;
	box-shadow:0 0 1px #c7c7c7;
		border-radius:6px 0 0 6px !important;

}

.einstellungen
{
	 padding:10px;
}
div#antrag,
div#einstellungen {
	margin: 5px 0 10px 0px;
	padding-bottom: 9px;
	border-radius:6px 0 0 6px !important;
	 padding:0px;
}
#ajax_form_allgemein
{
		border-radius:6px 0 0 6px !important;

}
.note:first-child{
margin-top:0px;
}
div#einstellungen
{
	
}


div#antrag input#send {
	margin-top: 6px;
}
div#einstellungen input[type="submit"],
div.einstellung input[type="submit"] {
	margin: 6px 0 0 0;
}
div.einstellung {
	margin: 0 0 5px;
		border-radius:6px 0 0 6px !important;

}

#admin .search p {
	padding: 5px;
}

#tab,
#tab2 {
	border: none !important;
	margin: 0;
	padding: 0;
}



.fa-times:not(#deleteBtn):hover
{
color:#f7f7f7;
}
.tb-switch
{
position: absolute;bottom: 0px; color: #777;cursor:pointer;
}

.tb-switch span
{
	 width:17px;
height:15px;text-align:center;
	 font-size:13px;
}
.tb-switch #tooltip
{
	 text-align:left;
}
.tb-info
{
	 font-size:11px;
	 margin-left:-2px;
	 
}
.tb-switch span:hover
{
	 color:#333;
}



.tb_urlaub .tb_letter
{
	 margin-left:10px;
}


.tb_letter
{
  height: 0;
    float: left;
	 margin-top:2px;
    font-size: 17px;
    font-weight: bold;
    height: 27px;
    margin-bottom: 0;
    margin-left: 13px;
    width: 11px;
}



.tb_time
{
	   float: left;
    font-size: 8px;
    font-weight: bold;
    height: 0;
    margin-bottom: 0;
    margin-left: 2px;
    margin-top: -12px;
    width: 50px;
}
.tb_termin
{	 border-radius:2px;

	     background:#526913;
   display:inline-block;
    height: 38px;
	cursor:pointer;
    margin: 2px;
    padding-top: 4px;
    width: 42px;
	 transition:all 0.3s;
}
.tb_termin:hover
{
	     background:#668217;

}
.tb_ticket
{	 border-radius:2px;

	     background: #114378;
   display:inline-block;
    height: 38px;
	cursor:pointer;
    margin: 2px;
    padding-top: 4px;
    width: 42px;
	 transition:all 0.3s;
}

.tb_ticket:hover
{
	     background: #17579C;
	 

}

.tb_urlaub
{	 border-radius:2px;

	     background: #8A6E00;
   display:inline-block;
    height: 38px;
	cursor:pointer;
    margin: 2px;
    padding-top: 4px;
    width: 42px;
	 transition:all 0.3s;
}

.tb_urlaub:hover
{
	     background: #A38612;
	 

}
.tb_name
{
   float: left;
    font-size: 8px;
    font-weight: bold;
    height: 0;
    margin-left: 3px;
    margin-top: -13px;
    text-transform: lowercase;
    width: 0;
}

.tb_new
{width:0px;
	   color: #b33434;
    font-size: 22px !important;
   left: 35px;
    right: 0;
margin-top:15px;    position: absolute;
    text-shadow: 0 1px 1px #111;
}
#div_toolbar
{
	z-index: 100000;
	
	border:1px solid #aaa;
	 border-radius:5px;
	  background: none repeat scroll 0 0 #eee;
		height:255px;
	 cursor:move;
	 box-shadow:0 0 4px rgba(0,0,0,0.4);
    position: absolute;
    width: 46px;
	 right:0px;
}
#div_eintrag_wrap
{
	margin-bottom:-6px !important;
}
div.ui-dialog,
#div_south_tab,
div#div_ajax_projekt_daten,
div.ajax_border_tab,
#to_ticket,
#from_ticket,
#ajax-search-ticket,
#sortable,
.dataTable {
	margin: 0px 0 12px 0;
	background: none #Fff !important;
    border-color: #DFDFDF ;
    -webkit-border-radius: 3px;
	border-radius: 3px;
    border-style: solid;
    border-width: 1px ;
}


#glob_search
{
	overflow:hidden;
}
/*#to_ticket,
//#from_ticket,*/
#ajax-search-ticket,
#sortable,
.dataTable {
	border-color: #ddd !important;
    border-bottom-width: 0px !important;
}
div#div_eintrag_input label {
	display: inline-block;
	margin: 5px;
	width: 100px;
}
div#div_eintrag_input input[type="text"] {
	width:200px;
	font-size:11px;
}

div.ui-dialog {
	border: none !important;
	border-radius:8px;
	 overflow:visible;
	z-index: 1002;
}

div.ui-dialog.login_win {
    border: 1px solid #E5E5E5 !important;    
    -moz-box-shadow: 0 4px 10px -1px rgba(200,200,200,0.7);
	-webkit-box-shadow: 0 4px 10px -1px rgba(200,200,200,0.7);
	box-shadow: 0 4px 10px -1px rgba(200,200,200,0.7);
	top: 256px !important;
	border-radius:15px !important;
	z-index: 1002;
}

#von, #bis, #pause ,#arbeitszeit{
	display: inline-block;
	width: 66px !important;
	margin: 0;
	font-size:10px;
}#arbeitszeit
{
	width:80px !important;
	color:green;
}

#div_eintrag_input #pause
{
	margin-right:3px;
}

#div_eintrag_input #von

{
	margin-right:9px;
}
#div_eintrag_input #bis

{
	margin-left:9px;
}

#div_eintrag_input #arbeitszeit
{
	margin-left:3px;
}
.marg
{
	margin-left:6px !important;
}
div#div_eintrag_textarea {
	padding: 9px;
	/*background-color: yellow;*/
	/*width: 60%;*/
	/*height: 220px;*/
	display: table-cell;
	vertical-align: top;
	border-left: 1px solid #FFFFFF;
}
div#div_eintrag_textarea label {
	display: inline-block;
	vertical-align: top;
	/*width: 60px;*/
	margin: 5px;
}

.div_eintrag_ticket label
{
	 width:100px !important;
}
.switch-button-background
{
	 margin-bottom:7px;
}


.commentArea
{
	 min-height:70px !important;
}
div#div_eintrag_textarea input {
	/*width: 100px;*/
	margin: 5px 5px 5px 2px;
}
div#div_eintrag_textarea input#send{
position:relative;
	 margin-bottom:5px !important;
	 width:89px;
	 float:left;
	 	 margin-top:10px !important;

}
div#div_eintrag_textarea input#reset
{
    margin-top:10px !important;

    margin-bottom:0px !important;
    font-size: 11px !important;
    margin-left: 10px;
    float:left;
    position: relative;
}

#div_eintrag_wrap
{
overflow-x:auto;
overflow-y:hidden;
}

div#div_eintrag_textarea textarea {
	display: inline-block;
	/*	vertical-align: top;*/
	min-width: 245px;
	height: 74px;
	margin:5px;
}

div#div_barometer_stunden, div#div_barometer_kosten {
	position: absolute;
	display: inline-block;
	vertical-align: top;
	margin: 25px 5px;
	border: 1px solid #000;
	width: 3%;
	height: 175px;
	background-color: green;
	/*	overflow: hidden;*/
}
div#div_barometer_stunden {
	top: 24px;
	right: 84px;
}
div#div_barometer_kosten {
	top: 24px;
	right: 22px;
}

div#div_barometer_stunden div, div#div_barometer_kosten div {
	width: 100%;
	min-height: 16px;
	/*	position: absolute;*/
	bottom: 5px;
	font-size: 10px;
	overflow: hidden;
	cursor: pointer;
}

/*Anzeige History*/
div.ajax_border,
.dataTable tr {
	background-color: #fcfcfc;
}

.geloescht td {
	color: #ccc !important;
	text-decoration: line-through;
}
.abgelehnt td {
	color: #ce0005 !important;
}
.genehmigt td {
	color: #239500 !important;
}
.bold {
	font-weight: bold;
}

#sortable div.ajax_border:hover,
#from_ticket div.ajax_border:hover,
#to_ticket div.ajax_border:hover,
#ajax-search-ticket div.ajax_border:hover,
.dataTable tr:hover {
	background-color: #f4f4f4;
}

div.ajax_border.offen {
}
div.ajax_border.offen:hover {
	background-color: #b8eaff !important;
}
div.ajax_border.offen div.normalline {
}
div.ajax_border.geschlossen div.normalline {
	/*text-decoration: line-through;*/
}

div.todo_end div.ajax_border {
	background-color: #ffefef;
}

div.ajax_border.odd {
    background-color: #fcfcfc ;
}

div.ajax_border div.headline:first-child {
}
.dataTable tr th:first-child {
}
div.ajax_border div.headline:last-child,
.dataTable tr th:last-child {
}

div.ajax_data {
}

div.ajax_notiz {
    line-height: 13px;
	 vertical-align:middle !important;
    padding: 2px 6px 2px 2px !important;
}

div.ajax_kunde {
	 min-width:90px;
}

div.ajax_time{
	/*width:50px;*/
}
div.ajax_edit{
	/*width:64px;*/
	
}
div.last {
	width: 50px;
}

.freeline + .tr  p
{
 margin-top:3px;
} 

#eintrag
{
	height:230px;
}

#search_glob #send
{
	margin-top:0px;
	margin-left:8px;
	margin-bottom:4px;
}
div.ui-dialog-titlebar,
div.ajax_border div.headline,
.dataTable tr th {
	background: none !important;
	background-color: #f1f1f1 !important; 
	color: #333 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	border-bottom-color: #DFDFDF !important;
	border-right-color: #eee !important;
    border-top-color: #DFDFDF !important;
    font-weight: normal !important;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.3em;
    padding: 7px 7px 8px !important;
    text-align: left;
    border-style: solid !important;
    border-width: 1px 1px 1px 0 !important;
    word-wrap: break-word;    
}

div.todo_end {
}

div.todo_headline_sub{
	font-weight:bold;
	text-align:center;
	border-right: 1px solid #FFFFFF;
}

div.notizline,
div.normalline,
div.ajax_edit,
.dataTable tr td {
	color: #555555;
	border-bottom-color: #DFDFDF !important;
    border-top-color: #FFFFFF !important;
    border-right-color: #FFFFFF !important;
    overflow: hidden;
    font-size: 10.5px !important;
    padding: 6px 4px 6px 3px;
    vertical-align: top;
    border-style: solid;
    border-width: 1px 1px 1px 0 !important;
    word-wrap: break-word;
}
#from_ticket div.normalline,
#to_ticket div.normalline,
#ajax-search-ticket div.normalline,
#sortable div.normalline,
.dataTable tr td {
	padding: 7px 7px 8px;
}

#div_south #div_debug, 
#div_south #div_timeline, 
#div_south #div_history {
	height: 0px;
}

#div_south #south-tabs, 
#div_south .bigslider {
	visibility: hidden;
}

#div_south .dataTable tr td {
	padding: 0px 3px;
}
#div_south .dataTable tr th {
	padding: 2px 3px !important;
}
#div_south .fg-toolbar {
	display: none !important;
}
#div_south table {
	margin: 0 !important;
}




div.todo_end div.normalline {
	color: #ce0005 !important;
}

div.notizline {
}

.eintrag_edit
{
	 background:#D9ECF7  !important;
}

div.ajax_edit {
    padding: 6px 4px 6px 8px;
}

div.emptyline,
div.td.ajax_time.last {
	background-color: #eaeaea; 
	color: #555;
	border-bottom-color: #DFDFDF;
    border-top-color: #FFFFFF;
    font-weight: normal;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.3em;
    padding: 7px 7px 8px;
    text-align: left;
    border-style: solid;
    border-width: 1px 0 0 0;
    word-wrap: break-word; 
}
	.ma_select
{
	top:21px !important;
}
div#center_nav_top {
	margin: 5px 0;
	text-align: right;
}
div#ajax_data_config .div_center_body {
	border: none;
	padding: 0;
}
div#ajax_form_allgemein {
	width: 100%;
	padding:12px;
	display: inline-block;
}
div#ausgabe_allgemein {
	display: inline-block;
	margin: 5px;
	vertical-align: top;
}
div#ausgabe_allgemein div {
	display: none;
	margin: 5px;
	padding: 3px;
}
label[for="status"]
{
	width:110px !important;
}
#div_eintrag_textarea label[for="leistung"]
{
	width:110px !important;
}
#div_eintrag_textarea label[for="projekt"]
{
	width:110px !important;
}
div#einstellungen label {
	width: 170px ;
}

div.einstellung label {
	width: 250px !important;
}
div.einstellung #form_kranken_tage label {
	width: 150px !important;
}


div.ui-dialog input[type="submit"] {
	    height: 22px;
    margin-left: calc(50% - 100px) !important;
    width: 150px;
    margin-top:20px;
}

div.ui-dialog #div_login input[type="submit"] {
	margin-left: 40px !important;
	width:180px; border-radius:20px;
	height:18px;
	margin-top:12px;
    border-radius: 20px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.1);
}

div#einstellungen input[type="submit"]#start_auswertung,
div#einstellungen input[type="submit"]#exc,
div#einstellungen input[type="submit"]#pdf,
div#einstellungen input[type="button"]#print {
	margin:6px 4px 4px 15px !important
}



div#stat_inner_wrap {
	margin: 10px 5px;
	width: 560px;
}

.stat_left {
	width: 260px;
	display: inline-block;
	background-color: #E9F3F9;
	margin: 5px 10px 0 0;
	padding: 8px;
	border-radius: 5px;
	font-weight: 400;
}
.stat_right {
	width: 150px;
	display: inline-block;
}
div#stat_inner {
	margin-top: 15px;
}
div.proj_info {
	margin: 5px auto;
	padding: 10px 10px;
	background-color: #E9F3F9;
	width: 95%;
	border-radius: 5px;
}

.proj_main {
	padding: 5px;
	border: 1px solid #2779AA;
	border-radius: 5px;
}
.proj_detail_box {
	margin: 10px 25px;
	display: inline-block;
	vertical-align: top;
}
.proj_detail_box div {
	display: inline-block;
	vertical-align: top;
	width: 120px;
	margin: 5px 0;
}
.proj_detail_box div.blue {
	width: 120px;
}

.proj_leistung_detail_box {
	margin: 10px 25px;
	display: inline-block;
	vertical-align: top;
}
.proj_leistung_detail_box div {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	margin: 5px 0;
}
.proj_leistung_detail_box div.blue {
	width: 360px;
}

.blue {
	color: #2779AA;
}

/*.verticalText{
 -webkit-transform:rotate(90deg);
 -moz-transform:rotate(90deg);
 -o-transform: rotate(90deg);
 rotation: 90deg;
 writing-mode:tb-rl;
 white-space:nowrap;
 display:block;
 margin-top:60px;
 z-index: 99;
 }*/

.verticalText {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	rotation: 90deg;
	display: block;
	margin: 0 -8px;
	position: absolute;
	top: 65px;
	white-space: nowrap;
	z-index: 99;
	font-weight: bold;
}

div#center_projekt_leiter .proj_main {
	padding: 5px;
	margin: 10px 15px;
}
div#center_projekt_leiter .proj_leiter {
	padding: 5px;
	border: 1px solid #2779AA;
	border-radius: 5px;
	background-color: #FFF17D;
}

#ui-datepicker-div {
	font-size: 10px;
}

/*Dialog Gruppen Editieren */


.sub_nav ul li {
	display: inline-block;
	margin: 5px 10px 10px 5px;
}

.active {
	font-weight: bold;
	text-decoration: underline;
}

#select_user {
	background: none repeat scroll 0 0 #CE0005;
    border: medium none;
    color: #FFFFFF;
    left: 900px;
    margin: 15px auto 5px;
    position: absolute;
    top: 0;
    width: 240px;
}

/*Formatierung Auswertungs Tabelle*/
#admin_auswertung_detail {
	width: 100%;
	font-size: 10.5px;
}
#admin_auswertung_detail  th, #admin_auswertung_detail td{
	padding: 5px;
	vertical-align:top;
   word-wrap: break-word;
}

#admin_auswertung_detail td.text {
	width: 500px;
}

.tr_first {
	background-color: #E3F1FA;
}
.user_zus, #admin_auswertung_detail th {
	background-color: #FFFFCC
}

.tr_result {
	background-color: green;
}
#admin_auswertung_detail_zeit, #admin_auswertung_detail_kosten {
	width: 98%;
	font-size: 10px;
}
#admin_auswertung_detail_zeit td:last-child, 
#admin_auswertung_detail_kosten td:last-child {
	width: 500px;
}
#admin_auswertung_detail_zeit th, #admin_auswertung_detail_kosten th, #admin_auswertung_detail_zeit td, #admin_auswertung_detail_kosten td {
	padding: 5px;
	vertical-align: top;
}

#admin_auswertung_detail_kosten th, #admin_auswertung_detail_zeit th {
	background-color: #FFFFCC;
	text-align: left;
}

.div_table_self {
	margin-bottom: 25px;
}

.center_wrap{
	margin: 5px;
}
.text-info,
.text-span{
	padding:6px;
}

div#frei .text-span,
div#stundenbilanz .text-span {
	padding: 1px 5px;
	border-bottom: 1px solid #fff;
}
div#frei .text-span:last-child,
div#stundenbilanz .text-span:last-child {
	border-bottom: 0px solid #fff;
}

div#frei .text-vars,
div#stundenbilanz .text-vars {
	/*background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px;*/
}


/*Ticket System */

#to_ticket,
#from_ticket {
border:none;

	/*margin:10px 5px;*/
}

#to_ticket button,
#from_ticket button{
	/*box-align: right;*/
	text-align: right;
}

.no_ticket {
	padding: 5px;
}

#close {
	position: relative;
}

#showTickets {
	position: absolute;
	top: 0;
	right: 60px;
	width: 50px !important;
}

.from_user,
.to_user{
	padding: 3px;
	width: 150px;
	overflow: hidden;
}

div.normalline.todo_label p,
td.normalline.todo_label p {
	border-radius: 12px 6px 6px 12px;
	-webkit-border-radius: 12px 6px 6px 12px;
    display: inline-block;
    margin-top: 3px;	
    margin-left: 3px;
    padding: 4px 6px;
    width: 64px;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
}

#sortable div.normalline.todo_label p,
#end td.normalline.todo_label p,
#ajax_erg td.normalline.todo_label p {
	border-radius: 4px;
	-webkit-border-radius: 4px;
    width: 64px;
}

.niedrig p {
	background:#d7dbba url("../img/flyer-hole.png") no-repeat 5px 5px; 
	color: #333 !important;	
}

.mittel p {
	background:#f6f290 url("../img/flyer-hole.png") no-repeat 5px 5px; 
	color: #333 !important;	
}

.hoch p {
	background:#ffa180 url("../img/flyer-hole.png") no-repeat 5px 5px; 
	color: #333 !important;	
}

.dringend p {
	/*background-color:#ce0005;*/
	background: #ce0005 url("../img/flyer-hole.png") no-repeat 5px 5px;
	color: #ffffff !important;	
}

.ui-datepicker-calendar .dringend
{
	 
	 	color: #ce0005;
	 
}


.ui-datepicker-calendar .hoch
{
	 
	 	color: #ffa180;
	 
}.ui-datepicker-calendar .mittel
{
	 
	 	color: #f6f290;
	 
}.ui-datepicker-calendar .niedrig
{
	 
	 	color: #d7dbba;
	 
}



#sortable .niedrig p,
#sortable .mittel p,
#sortable .hoch p,
#sortable .dringend p,
#end .niedrig p,
#end .mittel p,
#end .hoch p,
#end .dringend p,
#ajax_erg .niedrig p,
#ajax_erg .mittel p,
#ajax_erg .hoch p,
#ajax_erg .dringend p {
	background-image: none;
}

.todo_label{		
	color: #333 !important;
    padding: 0 5px 0 0 !important;
    /*text-align: center;*/
}

.todo_label_open .cline .normalline{
}
.todo_label_open .cline .normalline:first-child{
	border-left:15px solid #d4d4d4 !important;
	    border-bottom: medium none;
    border-top: medium none;
}
.todo_label_open .cline .normalline:last-child{
}


.text{
	margin: 15px 25px;
}

.todo_text{
	padding: 8px 23px;
		padding-top:0px;

	background: #e3e3e3;	
	color: #222;
    font-size: 12px !important;
    line-height: 21px;
    white-space:pre-wrap;	
    /*font-style: italic;*/
}
.todo_text br,
.textarea br,
#ticket_erg .ajax_data .normalline br {
	height: 0px;
	line-height: 0px;
}

.footer_line_div{
   background: none repeat scroll 0 0 #E7E7E7;
    border-top: 1px solid #F7F7F7;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08) inset;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.3em;
    padding: 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

/*
input[name='kunde'],
input[name='projekt'],
textarea[name='notiz']{
	background-color: #FFCCCC;
}
*/

#show_today{
	width:16px !important;
	background: none !important;
    height: 16px !important;
    margin: 0;
    padding: 0;
}


#tab{font-size:10px;}
#notiz{font-size:10px;}

.sortierung{
	padding: 0px;
}
.sortierung:hover{
	/*opacity: 0.8*/
}


.show{
	/*
	border-left: 2px solid #464646;
	border-right: 2px solid #464646; 
	border-bottom: 2px solid #464646; 
	*/
}
.form_help
{
	 float:left;
	 color:#888;
	 margin-left:15px;
	 font-size:13px !important;
	 cursor:pointer;
}
.form_help
{

	 cursor:pointer;
}

.ajax_edit:first-child
{
	 padding:1px !important;
	 padding-bottom:5px !important;
	 vertical-align:middle;
	 border-left: 1px solid #e7e7e7 !important;
}
.ajax_edit:last-child
{
width:170px;
border-right:1px solid #e7e7e7 !important;
}

 #from_ticket .normalline:first-child

{
border-left:1px solid #e7e7e7 !important;
}

 #from_ticket .headline:first-child

{
border-left:1px solid #e7e7e7 !important;
} 
#glob_search .headline
{
	background:#eaeaea !important;
}

#ticket_filter span
{
	width:42px;
	display:inline-block;
	white-space:nowrap;
}

#ticket_filter input
{
	width:25px;
	margin-top:4px;

}
 #from_ticket .normalline:last-child

{

}

.div_faktur
{
	    border: medium none !important;
    display: inline-block;
    height: 9px;
    margin-top: 1px;
padding-top:0px !important;
    width: 30px;
}
.div_ticket_seen
{    background: none repeat scroll 0 0 #a34b4b;
display:inline-flex;
width:100%;   margin-bottom: -6px ;

  height: 15px;
  margin-left:-23px;
padding:1px 40px 1px 6px !important;

}
.eintrag_number{
    border-radius: 12px 6px 6px 12px;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    margin-top: 3px;
    padding: 4px 6px;
    text-align: right;
    width: 64px;
    background: url("../img/flyer-hole.png") no-repeat scroll 5px 5px #D0DAE0;
    color: #333 !important;
}

.eintrag_number2{


background-position: 5px 7px !important;
    font-size: 8px;
    line-height:9px;
    margin-top: 1px;

padding-top:3px;
	 padding-bottom:3px;
}

fieldset { 
	border: 1px solid #a5a5a5; 
    border-radius: 2px; 
    -webkit-border-radius: 2px;
    background: #fff;
} 
.datepicker_ticket
{
	  color: #d18534;     float: left;     font-size: 6px !important; text-shadow:1px 1px 1px #333;    height: 0;     margin-left: 3px;     margin-top: 3px;     padding-left: 0;     padding-right: 0;     padding-top: 0;     width: 0;

}

legend { 
	color: #a5a5a5; 
    margin: 0 6px; 
    padding: 0 2px; 
} 

.jstree-default:not(.tree)  a {
    width: 226px;
}

.jstree-default .jstree-leaf a {
	width: 208px !important;
}

.tree .jstree-leaf a {
	width: 245px !important;
}

label[for=alarmstart]
{
	display:none;
}

label[for=intervall]
{
	display:none;
}