/**********************************************************
 *
 * Copyright © 2012 Wolf & Jostmeyer - Informationssysteme
 * Alle Rechte vorbehalten
 * www.time-info.de
 *
***********************************************************/

/* Swipe works with mouse as well but often causes text selection. */
body * {
   /* -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;*/
	
    font-family: "Open Sans",sans-serif;
    font-weight: 300;	
}	

	
.ui-content h1 {
    font-size: 2.4em;
    margin: 0 0 0.625em;
}
	
.ui-content h2, #login-box h2 {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    color: #38c;
    font-size: 1.6em;
    margin: 0 0 0.7375em;
    padding-bottom: 0.2em;
}


strong { font-weight: bold; }	
	
	
.ui-table td.number, .ui-table th.number {
    text-align: right;
}

textarea { max-height: 150px; }

.hidden {
	display: none !important;
}

.ui-body.ui-body-d {}
.ui-body.ui-body-d p {
	color: #777;
}


.img {
	width: 100%;
	height: auto;
}
.img.img-medium {
	max-width: 250px;
	max-height: 400px;
}
.img.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.img.img-border {
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #eee;
}
.img.img-radius {
	border-radius: 0.3125em;
}
.img.img-left { float: left; }
.img.img-right { float: right; }

.img.img-responsive {}



.ellipse {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}


/* theme c */

.ui-bar-c {
    border: 1px solid #b3b3b3;
    background: #eee;
    color: #3e3e3e;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#ddd));
    background-image: -webkit-linear-gradient(#f0f0f0,#ddd);
    background-image: -moz-linear-gradient(#f0f0f0,#ddd);
    background-image: -ms-linear-gradient(#f0f0f0,#ddd);
    background-image: -o-linear-gradient(#f0f0f0,#ddd);
    background-image: linear-gradient(#f0f0f0,#ddd);
}

.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c {
    font-family: Helvetica,Arial,sans-serif;
    text-decoration: none;
}

.ui-btn-up-c {
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
}


.ui-mobile #menu .ui-btn:active, .ui-mobile #menu .ui-btn:focus, #menu .ui-btn-active .ui-btn, #menu .ui-btn-active .ui-btn:hover, .ui-btn.ui-btn-active {
    border: 1px solid #2373a5 !important;
    background: #1a90c3 !important;
    font-weight: bold !important;
    color: #ffffff !important;
    cursor: pointer !important;
    text-shadow: 0 1px 0 #444444 !important;
    text-decoration: none !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #1c9ed6 ),to( #1781af )) !important;
    background-image: -webkit-linear-gradient( #1c9ed6,#1781af ) !important;
    background-image: -moz-linear-gradient( #1c9ed6,#1781af ) !important;
    background-image: -ms-linear-gradient( #1c9ed6,#1781af ) !important;
    background-image: -o-linear-gradient( #1c9ed6,#1781af ) !important;
    background-image: linear-gradient( #1c9ed6,#1781af ) !important;
}




/* jq calendar */
/*

.jq-calendar-wrapper td.darker, .jq-calendar-wrapper span.darker { opacity: 1; }
.jq-calendar-wrapper td.darker .ui-btn, .jq-calendar-wrapper span.darker .ui-btn {
    color: #ccc;
    background-color: #ffffff;
    background-image: none;
}
*/

/* shadow */
/*background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFc7 ), to( #E3E39F )) !important;
background-image: -webkit-linear-gradient( #FFFFc7, #E3E39F ) !important;
background-image: -moz-linear-gradient( #FFFFc7 , #E3E39F ) !important;
background-image: -ms-linear-gradient( #FFFFc7 , #E3E39F ) !important;
background-image: -o-linear-gradient( #FFFFc7 , #E3E39F ) !important;
background-image: linear-gradient( #FFFFc7 , #E3E39F ) !important;*/


.jq-calendar-wrapper td .ui-btn {
    border: 0;
}



.jq-calendar-wrapper .ui-btn.ui-btn-h:not(.ui-btn-active) {
    background-color: #FCFFBD !important;
    background-image: none;
}
.calendar-urlaubsantraege.jq-calendar-wrapper .ui-btn.ui-btn-active, 
.calendar-urlaubsantraege.jq-calendar-wrapper .ui-btn.ui-btn-active:focus, 
.calendar-urlaubsantraege.jq-calendar-wrapper .ui-btn.ui-btn-active:active, 
.calendar-urlaubsantraege.jq-calendar-wrapper .ui-btn.ui-btn-active:hover {
    cursor: pointer;
    border: 0 !important;
    background: #fdca40 !important;
    background-image: none !important;
}
.calendar-urlaubsantraege.jq-calendar-wrapper .ui-btn.ui-btn-active > div, 
.calendar-urlaubsantraege.jq-calendar-wrapper .ui-btn.ui-btn-active:focus > div, 
.calendar-urlaubsantraege.jq-calendar-wrapper .ui-btn.ui-btn-active:active > div, 
.calendar-urlaubsantraege.jq-calendar-wrapper .ui-btn.ui-btn-active:hover > div {
	background: none !important;
	display: inherit !important;
    color: #333 !important;
    text-shadow: 0 1px 0 #eee !important;
    text-decoration: none !important;
}
.jq-calendar-wrapper td span { display: none; }


/* datepicker */

#ui-datepicker-div { display: none; }

.ui-datepicker-calendar td span { padding: 0.6em 0.5em; }
.ui-datepicker-calendar td.ui-datepicker-unselectable { color: #ccc}
.ui-datepicker th:nth-child(7),
.ui-datepicker td:nth-child(7) a,
.ui-datepicker td:nth-child(7) span { 
	color: #963c3d; 
    background: #E7E7E7;
}
.ui-datepicker th:nth-child(6),
.ui-datepicker td:nth-child(6) a, 
.ui-datepicker td:nth-child(6) span { 
	color: #888; 
    background: #E7E7E7;
}

@media (max-width: 480px) {
    
    .ui-datepicker {
        /*height: 100px;	
        top: 10px;*/	
        width: 86% !important;
        left: 50% !important;
        margin-left: -43% !important;
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3) !important;
    }

}











.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

input, select, textarea { font-weight: normal !important; }

input.input-date { text-align: center; }

div.ui-input-text {
    padding: 0;
}
/*
.ui-hide-label input.ui-input-text, .ui-hide-label textarea.ui-input-text, .ui-hide-label .ui-input-search, .ui-hide-label div.ui-input-text, .ui-input-search input.ui-input-text, div.ui-input-text input.ui-input-text {
    border-radius: 10px;
    padding-left: 0.4em; 
    padding-right: 0.4em;
    width: 99%;
}*/
/*
.ui-popup .ui-hide-label input.ui-input-text, .ui-popup .ui-hide-label textarea.ui-input-text, .ui-popup .ui-hide-label .ui-input-search, .ui-popup .ui-hide-label div.ui-input-text, .ui-popup .ui-input-search input.ui-input-text, .ui-popup div.ui-input-text input.ui-input-text {
    width: 95%;
}*/
/*
.ui-header .ui-title, .ui-footer .ui-title { margin: .6em 10% .8em; }
*/
.ui-header .ui-title, .ui-footer .ui-title {
    margin: 0 10%; 
}
.align-left {
	text-align:left;
}

.align-right {
	text-align:right;
}

.pull-left { float: left; }
.pull-right { float: right; }


@media all and (min-width: 42em) {
	.inline-left { float: left; }
	.inline-right { float: right; }
}



#header-mobile {
	background: #1a90c3 linear-gradient(#1c9ed6, #1781af) repeat scroll 0 0;
    border: 1px solid #1a90c3;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 1px 0 #444444;
}

#header-mobile.header-red {
	background: #b71c33 linear-gradient(#8a1527, #6d101e) repeat scroll 0 0;    
}

input:required, input:invalid {
    box-shadow: none;
}

.ui-page-theme-a .ui-body-inherit.ui-input-text, html .ui-bar-a .ui-body-inherit.ui-input-text, 
html .ui-body-a .ui-body-inherit.ui-input-text, html body .ui-group-theme-a .ui-body-inherit.ui-input-text {
    border-color: #ccc;
    webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.4);    
}


 
.ui-mobile .ui-btn:hover {
    
}


/* btn today */
html head+body .ui-btn.ui-btn-today,
html head+body .ui-btn.ui-btn-today:visited {
    border: 1px solid #ccc;
    background: #ddd;
    background-image: none;

}
html head+body .ui-btn.ui-btn-today > div, html head+body .ui-btn.ui-btn-today:hover > div {
    color: red !important;
    text-shadow: 0 1px 0 #eee !important;
    text-decoration: none !important;
    font-weight: bold;
}


/* btn blue: b */
.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn, html body .ui-group-theme-b .ui-btn, 
html head+body .ui-btn.ui-btn-b, .ui-page-theme-g .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, 
html body .ui-group-theme-b .ui-btn:visited, html head+body .ui-btn.ui-btn-b:visited,
html head+body .ui-btn.ti-ui-btn-b, html head+body .ui-btn.ti-ui-btn-b:visited {
    background-color: #1c9ed6;
    border-color: #2373a5;
    color: #fff;
    text-shadow: 0 1px 0 #444444;    
}

.ui-page-theme-b .ui-btn:hover, html .ui-bar-b .ui-btn:hover, html .ui-body-b .ui-btn:hover, html body .ui-broup-theme-b .ui-btn:hover, html head+body .ui-btn.ui-btn-b:hover, html head+body .ui-btn.ti-ui-btn-b:hover,
.ui-page-theme-b .ui-btn:focus, html .ui-bar-b .ui-btn:focus, html .ui-body-b .ui-btn:focus, html body .ui-broup-theme-b .ui-btn:focus, html head+body .ui-btn.ui-btn-b:focus, html head+body .ui-btn.ti-ui-btn-b:focus,
.ui-page-theme-b .ui-btn:active, html .ui-bar-b .ui-btn:active, html .ui-body-b .ui-btn:active, html body .ui-broup-theme-b .ui-btn:active, html head+body .ui-btn.ui-btn-b:active, html head+body .ui-btn.ti-ui-btn-b:active {
    background-color: #2373a5;
    border-color: #2373a5;
    color: #fff;
    text-shadow: 0 1px 0 #444444;    
}

/* btn light blue: i */
.ui-page-theme-i .ui-btn, html .ui-bar-i .ui-btn, html .ui-body-i .ui-btn, html body .ui-group-theme-i .ui-btn, 
html head+body .ui-btn.ui-btn-i, .ui-page-theme-g .ui-btn:visited, html .ui-bar-i .ui-btn:visited, html .ui-body-i .ui-btn:visited, 
html body .ui-group-theme-i .ui-btn:visited, html head+body .ui-btn.ui-btn-i:visited,
html head+body .ui-btn.ti-ui-btn-i, html head+body .ui-btn.ti-ui-btn-i:visited {
    background-color: #6cc8ec;
    border-color: #3fbae6;
    color: #fff;
    text-shadow: 0 1px 0 #444444;    
}



.ui-page-theme-i .ui-btn:hover, html .ui-bar-i .ui-btn:hover, html .ui-body-i .ui-btn:hover, html body .ui-group-theme-i .ui-btn:hover, html head+body .ui-btn.ui-btn-i:hover, html head+body .ui-btn.ti-ui-btn-i:hover, html head+body .ui-btn.ti-ui-btn-feiertag:hover,
.ui-page-theme-i .ui-btn:focus, html .ui-bar-i .ui-btn:focus, html .ui-body-i .ui-btn:focus, html body .ui-group-theme-i .ui-btn:focus, html head+body .ui-btn.ui-btn-i:focus, html head+body .ui-btn.ti-ui-btn-i:focus, html head+body .ui-btn.ti-ui-btn-feiertag:focus,
.ui-page-theme-i .ui-btn:active, html .ui-bar-i .ui-btn:active, html .ui-body-i .ui-btn:active, html body .ui-group-theme-i .ui-btn:active, html head+body .ui-btn.ui-btn-i:active, html head+body .ui-btn.ti-ui-btn-i:active, html head+body .ui-btn.ti-ui-btn-feiertag:active {
    background-color: #3fbae6;
    border-color: #3fbae6;
    color: #fff;
    text-shadow: 0 1px 0 #444444;    
}

/* btn green: g */
.ui-page-theme-g .ui-btn, html .ui-bar-g .ui-btn, html .ui-body-g .ui-btn, html body .ui-group-theme-g .ui-btn, 
html head+body .ui-btn.ui-btn-g, .ui-page-theme-g .ui-btn:visited, html .ui-bar-g .ui-btn:visited, html .ui-body-g .ui-btn:visited, 
html body .ui-group-theme-g .ui-btn:visited, html head+body .ui-btn.ui-btn-g:visited,
html head+body .ui-btn.ti-ui-btn-g, html head+body .ui-btn.ti-ui-btn-g:visited {
    background-color: #77a73a;
    border-color: #6d9835;
    color: #fff;
    text-shadow: 0 1px 0 #444444;    
}

.ui-page-theme-g .ui-btn:hover, html .ui-bar-g .ui-btn:hover, html .ui-body-g .ui-btn:hover, html body .ui-group-theme-g .ui-btn:hover, html head+body .ui-btn.ui-btn-g:hover, html head+body .ui-btn.ti-ui-btn-g:hover,
.ui-page-theme-g .ui-btn:focus, html .ui-bar-g .ui-btn:focus, html .ui-body-g .ui-btn:focus, html body .ui-group-theme-g .ui-btn:focus, html head+body .ui-btn.ui-btn-g:focus, html head+body .ui-btn.ti-ui-btn-g:focus,
.ui-page-theme-g .ui-btn:active, html .ui-bar-g .ui-btn:active, html .ui-body-g .ui-btn:active, html body .ui-group-theme-g .ui-btn:active, html head+body .ui-btn.ui-btn-g:active, html head+body .ui-btn.ti-ui-btn-g:active {
    background-color: #62882f;
    border-color: #6d9835;
    color: #fff;
    text-shadow: 0 1px 0 #444444;    
}


/* btn red: f */
.ui-page-theme-f .ui-btn, html .ui-bar-f .ui-btn, html .ui-body-f .ui-btn, html body .ui-group-theme-f .ui-btn, 
html head+body .ui-btn.ui-btn-f, .ui-page-theme-f .ui-btn:visited, html .ui-bar-f .ui-btn:visited, html .ui-body-f .ui-btn:visited, 
html body .ui-group-theme-f .ui-btn:visited, html head+body .ui-btn.ui-btn-f:visited,
html head+body .ui-btn.ti-ui-btn-f, html head+body .ui-btn.ti-ui-btn-f:visited {
    background-color: #a32b2e;
    border-color: #93272a;
    color: #fff;
    text-shadow: 0 1px 0 #444444;    
}

.ui-page-theme-f .ui-btn:hover, html .ui-bar-f .ui-btn:hover, html .ui-body-f .ui-btn:hover, html body .ui-group-theme-f .ui-btn:hover, html head+body .ui-btn.ui-btn-f:hover, html head+body .ui-btn.ti-ui-btn-f:hover,
.ui-page-theme-f .ui-btn:focus, html .ui-bar-f .ui-btn:focus, html .ui-body-f.ui-btn:focus, html body .ui-group-theme-f .ui-btn:focus, html head+body .ui-btn.ui-btn-f:focus, html head+body .ui-btn.ti-ui-btn-f:focus,
.ui-page-theme-f .ui-btn:active, html .ui-bar-f .ui-btn:active, html .ui-body-f .ui-btn:active, html body .ui-group-theme-f .ui-btn:active, html head+body .ui-btn.ui-btn-f:active, html head+body .ui-btn.ti-ui-btn-f:active {
    background-color: #822225;
    border-color: #93272a;
    color: #fff;
    text-shadow: 0 1px 0 #444444;    
}

/* btn orange: n */
.ui-page-theme-n .ui-btn, html .ui-bar-n .ui-btn, html .ui-body-n .ui-btn, html body .ui-group-theme-n .ui-btn, 
html head+body .ui-btn.ui-btn-n, .ui-page-theme-n .ui-btn:visited, html .ui-bar-n .ui-btn:visited, html .ui-body-n .ui-btn:visited, 
html body .ui-group-theme-n .ui-btn:visited, html head+body .ui-btn.ui-btn-n:visited,
html head+body .ui-btn.ti-ui-btn-n, html head+body .ui-btn.ti-ui-btn-n:visited {
    background-color: #fadb4e ;
    border-color: #f9d01c;
}

.ui-page-theme-n .ui-btn:hover, html .ui-bar-n .ui-btn:hover, html .ui-body-n .ui-btn:hover, html body .ui-group-theme-n .ui-btn:hover, html head+body .ui-btn.ui-btn-n:hover, html head+body .ui-btn.ti-ui-btn-n:hover,
.ui-page-theme-n .ui-btn:focus, html .ui-bar-n .ui-btn:focus, html .ui-body-n.ui-btn:focus, html body .ui-group-theme-n .ui-btn:focus, html head+body .ui-btn.ui-btn-n:focus, html head+body .ui-btn.ti-ui-btn-n:focus,
.ui-page-theme-n .ui-btn:active, html .ui-bar-n .ui-btn:active, html .ui-body-n .ui-btn:active, html body .ui-group-theme-n .ui-btn:active, html head+body .ui-btn.ui-btn-n:active, html head+body .ui-btn.ti-ui-btn-n:active {
    background-color: #f9d01c;
    border-color: #f9d01c;
}

/* btn orange und border red: e */
.ui-page-theme-e .ui-btn, html .ui-bar-e .ui-btn, html .ui-body-e .ui-btn, html body .ui-group-theme-e .ui-btn, 
html head+body .ui-btn.ui-btn-e, .ui-page-theme-e .ui-btn:visited, html .ui-bar-e .ui-btn:visited, html .ui-body-e .ui-btn:visited, 
html body .ui-group-theme-e .ui-btn:visited, html head+body .ui-btn.ui-btn-e:visited,
html head+body .ui-btn.ti-ui-btn-e, html head+body .ui-btn.ti-ui-btn-e:visited {
    background-color: #fadb4e ;
    border-color: #e6be06;
    color: #777;    
}

.ui-page-theme-e .ui-btn:hover, html .ui-bar-e .ui-btn:hover, html .ui-body-e .ui-btn:hover, html body .ui-group-theme-e .ui-btn:hover, html head+body .ui-btn.ti-ui-btn-e:hover,
.ui-page-theme-e .ui-btn:focus, html .ui-bar-e .ui-btn:focus, html .ui-body-e.ui-btn:focus, html body .ui-group-theme-e .ui-btn:focus, html head+body .ui-btn.ti-ui-btn-e:focus,
.ui-page-theme-e .ui-btn:active, html .ui-bar-e .ui-btn:active, html .ui-body-e .ui-btn:active, html body .ui-group-theme-e .ui-btn:active, html head+body .ui-btn.ti-ui-btn-e:active {
    background-color: #f9d00f;
    border-color: #c7a505;
    color: #444;
}



/* btn gray und color red: m */
.ui-page-theme-m .ui-btn, html .ui-bar-m .ui-btn, html .ui-body-m .ui-btn, html body .ui-group-theme-m .ui-btn, 
html head+body .ui-btn.ui-btn-m, .ui-page-theme-m .ui-btn:visited, html .ui-bar-m .ui-btn:visited, html .ui-body-m .ui-btn:visited, 
html body .ui-group-theme-m .ui-btn:visited, html head+body .ui-btn.ui-btn-m:visited,
html head+body .ui-btn.ti-ui-btn-m, html head+body .ui-btn.ti-ui-btn-m:visited {
    background: #ddd;
    border-color: #d0d0d0;
    color: red;
    text-shadow: 0 1px 0 #fff;
}

.ui-page-theme-m .ui-btn:hover, html .ui-bar-m .ui-btn:hover, html .ui-body-m .ui-btn:hover, html body .ui-group-theme-m .ui-btn:hover, html head+body .ui-btn.ti-ui-btn-m:hover,
.ui-page-theme-m .ui-btn:focus, html .ui-bar-m .ui-btn:focus, html .ui-body-m.ui-btn:focus, html body .ui-group-theme-m .ui-btn:focus, html head+body .ui-btn.ti-ui-btn-m:focus,
.ui-page-theme-m .ui-btn:active, html .ui-bar-m .ui-btn:active, html .ui-body-m .ui-btn:active, html body .ui-group-theme-m .ui-btn:active, html head+body .ui-btn.ti-ui-btn-m:active {
    background: #d0d0d0;
    border-color: #d0d0d0;
    color: red;
    text-shadow: 0 1px 0 #fff;
}


/* btn light yellow: h */
.ui-page-theme-h .ui-btn, html .ui-bar-h .ui-btn, html .ui-body-h .ui-btn, html body .ui-group-theme-h .ui-btn, 
html head+body .ui-btn.ui-btn-h, .ui-page-theme-h .ui-btn:visited, html .ui-bar-h .ui-btn:visited, html .ui-body-h .ui-btn:visited, 
html body .ui-group-theme-h .ui-btn:visited, html head+body .ui-btn.ui-btn-h:visited,
html head+body .ui-btn.ti-ui-btn-h, html head+body .ui-btn.ti-ui-btn-h:visited {
    background-color: #fcffbd ;
    border-color: #fcffa3;
}

.ui-page-theme-h .ui-btn:hover, html .ui-bar-h .ui-btn:hover, html .ui-body-h .ui-btn:hover, html body .ui-group-theme-h .ui-btn:hover, html head+body .ui-btn.ti-ui-btn-h:hover,
.ui-page-theme-h .ui-btn:focus, html .ui-bar-h .ui-btn:focus, html .ui-body-h.ui-btn:focus, html body .ui-group-theme-h .ui-btn:focus, html head+body .ui-btn.ti-ui-btn-h:focus,
.ui-page-theme-h .ui-btn:active, html .ui-bar-h .ui-btn:active, html .ui-body-h .ui-btn:active, html body .ui-group-theme-h .ui-btn:active, html head+body .ui-btn.ti-ui-btn-h:active {
    background-color: #fcffa3;
    border-color: #fcffa3;
}



/* popup, groups, body error: e */
.ui-body-e, .ui-page-theme-e .ui-body-inherit, html .ui-bar-e .ui-body-inherit, 
html .ui-body-e .ui-body-inherit, html body .ui-group-theme-e .ui-body-inherit, html .ui-panel-page-container-e {
    background-color: #f9f2cf;
    color: red;
}
/* popup, groups, body correct: g */
.ui-body-h, .ui-page-theme-h .ui-body-inherit, html .ui-bar-h .ui-body-inherit, 
html .ui-body-h .ui-body-inherit, html body .ui-group-theme-h .ui-body-inherit, html .ui-panel-page-container-h {
    background-color: #f9f2cf;
    color: green;
}




/*
.ui-loader-default { opacity: initial; }
*/
.mc-loading {
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    z-index: 9999;
}
.mc-loading .loading-background {
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000;
    opacity: 0;
    z-index: 10000;
}
.mc-loading .loading-img {
    display: inline-block;
    border-radius: 10px;
    background-color: #000;
    height: 76px!important;
    width: 76px!important;
    top: 38%;
    position: relative;
    z-index: 10001;
}
.mc-loading .loading-img img {
    margin-top: 15px;
    margin-right: auto;
    text-align: center;
    border: 0!important;
    height: 46px;
    width: 46px;
    z-index: 10002;
}



.mc-loading-div {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    z-index: 9999;
}
.mc-loading-div .loading-background {
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    opacity: 0;
    z-index: 10000;
}
.mc-loading-div .loading-img {
    display: inline-block;
    border-radius: 10px;
    background-color: #000;
    height: 76px!important;
    width: 76px!important;
    top: 38%;
    position: relative;
    z-index: 10001;
    opacity: 0.2;
}
.mc-loading-div .loading-img img {
    margin-top: 15px;
    margin-right: auto;
    text-align: center;
    border: 0!important;
    height: 46px;
    width: 46px;
    z-index: 10002;
}


/* LOGIN BOX */


#login-box {
	position:absolute;
	width: 100%;
	max-width:330px;
	top:35%;
	left:50%;
	margin: -175px auto auto -165px;
}
#login-box #form-wrapper {
	padding:20px;
	background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
#login-box p.logo { text-align: center; }



/* Form style */
.form-style {
    padding: 15px 5px;
    background-color: #efefef;
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.form-style .label-icon, .form-style .ui-field-contain.ui-field-icon label { margin: 3px 0 5px; width: 16%; float: left; }
.form-style .label-icon .ui-icon, .form-style .ui-field-contain.ui-field-icon label .ui-icon { margin-top: 0; }
.form-style .ui-input-text-icon, .form-style .ui-field-contain.ui-field-icon .ui-input-text { width: 83%;  float: left; }

.checkbox-only {
	text-align: center;
}
.checkbox-only .ui-checkbox {
	margin: 0 !important;
}
.checkbox-only label {
    display: inline-block;
	padding: 14px 14px 14px 13px;
}
.checkbox-only label::after {
	margin: -9px -4px 0 !important;
}


.ui-field-contain, .ui-mobile fieldset.ui-field-contain {
    padding-bottom: 5px;
}


/* FOOTER */

.jqm-footer.ui-footer {/*
    bottom: 0;
    right: 0;
    margin-right: 0;
    width: 100%;
    padding-bottom: 0;
    position: absolute;
    border-bottom: 0;
    z-index: 5000;*/
}
.jqm-footer p:first-child {
    text-align: center;
    color: #666;
    font-size: 0.8em;
    font-weight: 400;
    margin: 0.5em 1em;
}


.search-close {
	margin-left:-50px;
	position:absolute;
	z-index:999;
}

/**************************/
.red-text {
	color:red;
}
.green-text {
	color:green;
}
.bold-text {
	font-weight:bold;
}
.normal-text {
	font-weight:normal;
}
.center-text {
	text-align:center
}
.black-text {
	color:#2F3E46;
}

.excerpt {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/*word-wrap: break-word;*/
}

.employee table {
	width:110%;
	margin: -15px;
	border-spacing:0;
	border-collapse:collapse;
}
.employee table th {
	width:7em;
}
.employee table th, .employee table td {
	text-align:left;
	line-height:2em;
	border:none;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 15px;
}

.mobile-span {
    margin-right: 20px; 
    padding: 5px 0; 
    display: inline-block;
    min-width: 150px;
}

.mobile-span-text {
    display: inline-block;
    min-width: 60px;
}

/* status icons   */
.status-icon { 
	width:1em;
	height:1em;
	display:inline-block;
	background:#000;
	/* pure css circle ;) ( circle => height=width ) */
	border-radius:50%;
	line-height:100%;
	margin-right: 1em;
}
.present {
	background: #7fad00; /* Old browsers */
	background: -moz-linear-gradient(top,  #7fad00 0%, #608900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fad00), color-stop(100%,#608900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7fad00 0%,#608900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7fad00 0%,#608900 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7fad00 0%,#608900 100%); /* IE10+ */
	background: linear-gradient(top,  #7fad00 0%,#608900 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fad00', endColorstr='#608900',GradientType=0 ); /* IE6-9 */
	color:#fff;
	text-shadow:none;
}
.away {
	background: #c42623; /* Old browsers */
	background: -moz-linear-gradient(top,  #c42623 0%, #7c1616 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c42623), color-stop(100%,#7c1616)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c42623 0%,#7c1616 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c42623 0%,#7c1616 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c42623 0%,#7c1616 100%); /* IE10+ */
	background: linear-gradient(top,  #c42623 0%,#7c1616 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c42623', endColorstr='#7c1616',GradientType=0 ); /* IE6-9 */
	color:#fff;
	text-shadow:none;
}
.vacation {
	background: #1788d3; /* Old browsers */
	background: -moz-linear-gradient(top,  #1788d3 0%, #006ea5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1788d3), color-stop(100%,#006ea5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1788d3 0%,#006ea5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1788d3 0%,#006ea5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1788d3 0%,#006ea5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1788d3 0%,#006ea5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1788d3', endColorstr='#006ea5',GradientType=0 ); /* IE6-9 */
	color:#fff;
	text-shadow:none;

}
.text-label  {
	padding:0 0.5em;
	border-radius:0.2em;
}

/* icons */
.icon-cake {
	background-image: url("theme/images/cake_16.png");
	height:16px;
	width:16px;
	display:inline-block;
	margin-left:20px;
	
}
.icon-cake2 {
	background-image: url("theme/images/cake_2_16.png");
	height:16px;
	width:16px;
	display:inline-block;
	margin-left:20px;
}

/* msg alert */
.alert {
	padding: 15px 35px 15px 45px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #F9F2CF;
	border: 1px solid #fbeed5;
	border-radius: 0;
	color: #916825;
    position: relative;
}
.alert:after {
    content: "";
    display: block;
    height: 22px;
    position: absolute;
    width: 22px;
    left: 0.5625em;
    margin-top: -12px;
    top: 50%;    
    background-color: rgba(0, 0, 0, 0.3);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 1em;
    padding: 1px;
}
.alert:after {
    background-color: #916825;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C0L0%2C12h14L7%2C0z%20M7%2C11c-0.553%2C0-1-0.447-1-1s0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1S7.553%2C11%2C7%2C11z%20M7%2C8%20C6.447%2C8%2C6%2C7.553%2C6%2C7V5c0-0.553%2C0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1v2C8%2C7.553%2C7.553%2C8%2C7%2C8z%22%2F%3E%3C%2Fsvg%3E");
}

.alert.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert.alert-success:after {
    background-color: #53A353;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
}

.alert.alert-danger, .alert.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.alert.alert-danger:after,.alert.alert-error:after {
    background-color: #b94a48;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.alert.alert-no-image {
    padding-left: 25px !important;
}
.alert.alert-no-image:after {
    background-color: #916825 !important;
    background: none !important;
}

.alert.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert.alert-info:after {
    background-color: #3a87ad;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C2c0.552%2C0%2C1%2C0.447%2C1%2C1S7.552%2C4%2C7%2C4S6%2C3.553%2C6%2C3%20S6.448%2C2%2C7%2C2z%20M9%2C11H5v-1h1V6H5V5h3v5h1V11z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.alert .alert-close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
    color: #000;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
    position: absolute;
    right: 0.8625em;
    margin-top: -12px;
    top: 50%;    
}
.alert .alert-close:hover {
    opacity: 0.4;
}
.alert.alert-mini {
	padding: 5px 35px 5px 45px;
	margin-bottom: 20px;
}


/* buttons */

.ui-btn {}
.ui-btn.ui-btn-icon-mini { margin: 0; }

#menu {
	background:url("theme/images/bg.png");
}
/* menu links shadow */
 
 #menu .ui-panel-inner li {
	/*width:265px;*/
    margin-right: 1px;
} 
#menu  .ui-li .ui-btn-inner {
	border:none;
}

.ui-panel-display-reveal .ui-listview>.ui-li-static, .ui-panel-display-reveal .ui-listview>.ui-li-divider, .ui-panel-display-reveal .ui-listview>li>a.ui-btn {
    -webkit-box-shadow: -5px 0px 5px -2px rgba(0, 0, 0, 0.20) inset;
    -moz-box-shadow: -5px 0px 5px -2px rgba(0, 0, 0, 0.20) inset;
    box-shadow: -5px 0px 5px -2px rgba(0, 0, 0, 0.20) inset;
}
        
.menu-title {
	border-top-color:#A4A4A4;
    font-size: 16px;
	line-height: 2.15em;
    min-height: 2.15em;
}

.ui-icon-anwesenheit {
	background-image: url("theme/images/clock.png");
}

/* table */

.content-table-scroll {
	overflow-x: auto;
}

.ti_tabelle tr td.align-left {
	text-align:left;
}

.ti_tabelle tr td.align-right {
	text-align:right;
}
.ti_tabelle tr td {
	border-right: 1px solid #ccc;
}
.ti_tabelle .summe {
	background-color:#F7E1AD;
	font-weight:700
}

.ti_tabelle .ui-table-cell-label {
	float:left;
	text-align:left;
}

.ti_tabelle tr.warning td {
    color: red;
}


.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px;
}

.body-projektzeit table.ui-table-reflow.ui-responsive { table-layout: fixed; /* Don't touch */ }

.body-projektzeit table tr td { word-wrap: break-word; }
.body-projektzeit table tr td.bemerkung {
    empty-cells: show;
    outline: none;
    white-space: nowrap;    
}


/*.btn-action { margin-bottom: 30px; }*/


@media (min-width: 48.1em) {
	/* Fixes table rendering when switching between breakpoints in Safari <= 5. See https://github.com/jquery/jquery-mobile/issues/5380 */
	.body-projektzeit .ui-table-reflow.ui-responsive {
		display: table-row-group;
	}
	/* Show the table header rows */ 
	.body-projektzeit .ui-table-reflow.ui-responsive td,
	.body-projektzeit .ui-table-reflow.ui-responsive th,
	.body-projektzeit .ui-table-reflow.ui-responsive tbody th,
	.body-projektzeit .ui-table-reflow.ui-responsive tbody td,
	.body-projektzeit .ui-table-reflow.ui-responsive thead td,
	.body-projektzeit .ui-table-reflow.ui-responsive thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */ 
	.body-projektzeit .ui-table-reflow.ui-responsive td .ui-table-cell-label,
	.body-projektzeit .ui-table-reflow.ui-responsive th .ui-table-cell-label { 
		display: none;
	}
    
	.body-projektzeit table.ui-table-reflow.ui-responsive { display: table; }
	.body-projektzeit table.ui-table-reflow.ui-responsive  tr.tr-mit-bemerkung  td { border-bottom: 0; }
	.body-projektzeit table.ui-table-reflow.ui-responsive  tr.tr-bemerkung  td { font-size: smaller; }

	
	
	table.ui-table-reflow.ui-responsive  tr td.action-mobile a { display: none; }
	table.ui-table-reflow.ui-responsive  tr.tr-space { display: none; }
	table.ui-table-reflow.ui-responsive  tr.tr-mobile-clear { display: none; }
	table.table-full-width-fix.ui-table-reflow.ui-responsive { display: table; }
	
}


@media (max-width: 48.1em) {
    .body-projektzeit .btn-action { margin-bottom: 10px; }
    .body-projektzeit .btn-action .icon-right, .body-projektzeit .btn-action  .icon-left, #selectPeriod-button {
        clear: both;
        display: block;
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
    
    .body-projektzeit .ui-table-reflow.ui-responsive {
        display: table;
    }
	.body-projektzeit .ui-table-reflow.ui-responsive td .ui-table-cell-label,
	.body-projektzeit .ui-table-reflow.ui-responsive th .ui-table-cell-label,
    .body-projektzeit .ui-table-reflow.ui-responsive td .td-mobile-bezeichnung    { 
		display: inline-block;
        vertical-align: top;
	}
    .body-projektzeit .ui-table-reflow.ui-responsive  td .td-mobile-bezeichnung { 
        max-width: 60%; 
    }
    
    .body-projektzeit .ui-table-reflow.ui-responsive tbody th,
    .body-projektzeit .ui-table-reflow.ui-responsive thead th {
        display: none;
    }

	.body-projektzeit .ui-table-reflow.ui-responsive td,
	.body-projektzeit .ui-table-reflow.ui-responsive th {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		clear: left;
	}

	.body-projektzeit table.ui-table-reflow.ui-responsive  tr.tr-bemerkung  td:first-child { display: none; }
    
    .body-projektzeit table.ui-table-reflow.ui-responsive  tr.tr-bemerkung  td.button-link .icon-right,
    .body-projektzeit table.ui-table-reflow.ui-responsive  tr.tr-bemerkung  td.button-link .icon-left { float: none; }
	
    .body-projektzeit table.ui-table-reflow.ui-responsive  tr.tr-bemerkung  td.button-link .ui-table-cell-label,
    .body-projektzeit table.ui-table-reflow.ui-responsive  tr.tr-mobile-clear td.bemerkung { display: none; }
	
    .body-projektzeit table.ui-table-reflow.ui-responsive  tr td.td-mobile-clear { display: none; }
	.body-projektzeit table.ui-table-reflow.ui-responsive  tr td.action-desktop { display: none !important; }
	
	
}

table.table-listview { 
    /*border-radius: 0.6em; */
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

table.table-listview tr td {
    background-color: #fff;
    color: #2f3e46;
    text-shadow: 0 1px 0 #ffffff;
}
/*table td.row-header { background: #bbbbbb linear-gradient(#dddddd, #bbbbbb) repeat scroll 0 0; font-weight:700 }*/
table.table-listview .row-header td,
table.table-listview td.row-header { background-color: #e9e9e9; font-weight:700 }
table.table-listview .row-header-2 td,
table.table-listview td.row-header-2 { background-color: #fdca40; font-weight:700 }
table.table-listview .row-header-3 td,
table.table-listview td.row-header-3 { background-color: #f7e1ad; font-weight:700 }


table.table-listview tr.tr-divider td {
    vertical-align: middle;
    font-size: smaller;
    background-color: #e9e9e9;
    border: 1px solid #bbbbbb;
    color: #333;
    text-shadow: 0 1px 0 #eee;
    font-weight: 700;    
}
table.table-listview thead tr th { 
    background-color: #e9e9e9;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #eee;
    font-weight: 700;    
}
table.table-listview thead tr th:first-child {
    border-left: 1px solid #bbbbbb;
}
table.table-listview thead tr th:last-child {
    border-right: 1px solid #bbbbbb;
}

table.table-listview.table-stroke tbody th, table.table-listview.table-stroke tbody td {
    border-bottom: 0;
    border-bottom: 1px solid #ccc;
}
table.table-listview.table-stroke-total tbody th, table.table-listview.table-stroke-total tbody td {
    border: 1px solid #ccc;
    border-bottom: 0;
}

table tr.tr-divider td .ui-table-cell-label, 
table tr.tr-space td .ui-table-cell-label, 
table tr.tr-edit td .ui-table-cell-label { display: none !important; }

table tr.tr-space td { padding: 5px 0; }

table tr.tr-success td { background-color: #dff0d8; }
table tr.tr-warning td { background-color: #FCFFA3; }
table tr.tr-danger td { background-color: #f2dede; }
table tr.tr-today td, table tr td.td-today { background-color: #EFFFBF; }
table tr.tr-edit { display: none; }

table tr td.button-link { text-align: left; }
table tr td.button-link .ui-table-cell-label { display: none; }

.icon-right, table tr td .icon-right { float: right; }
.icon-left, table tr td .icon-left { float: left; }





/* panel */
@media (min-width: 90em) {
    #menu {
        visibility: visible;
        position: relative;
        left: 0;
        clip: auto;
        /*clip: initial; non usare assolutamente! leggi documentazione prima :) (ie) */
        width: 270px;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        transition: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        transform: none !important;
        /*-webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;*/
		position:absolute;
		/*margin-top:43px;*/
    }
    .ui-panel-wrapper {
		margin-left: 270px;
		/*padding-top: 43px;*/
    }
    body {
		/*padding-top: 43px;*/
    }
	.ui-header .ti-btn-menu {
		display: none;
	}
    
    .ui-mobile .ui-page { overflow: hidden; }
}

/* footer tables */
@media (max-width: 60em) {
    .footer-uebersicht .ui-responsive > .ui-block-a, .footer-uebersicht .ui-responsive > .ui-block-b, .footer-uebersicht .ui-responsive > .ui-block-c,
    .footer-uebersicht .ui-responsive > .ui-block-d, .footer-uebersicht .ui-responsive > .ui-block-e {
        float: none;
        width: 100%;
    }
}


/* Urlaubsantrag, jq Calendar */

.calendar-urlaubsantraege {
    border: 1px solid;
    border-color: #ccc;
    margin: 0;
}

.calendar-urlaubsantraege th span.darker {
    opacity: 0.8;
}

.calendar-urlaubsantraege th:nth-child(6),
.calendar-urlaubsantraege td:nth-child(6) button {
    color: #888;
	background-color: #e7e7e7;
}

.calendar-urlaubsantraege th:nth-child(7),
.calendar-urlaubsantraege td:nth-child(7) button {
    color: #963C3D;
	background-color: #e7e7e7;
}

.calendar-urlaubsantraege td a, .calendar-urlaubsantraege td button {
    border: 0 none;
    margin: 0;
    padding: 1.68em 0;
}

#abws_antrag_legende td:first-child { 
    padding: 0; 
    text-align: center; 
    font-weight: bold; 
}

#abws_antrag_legende td:first-child button { 
    margin: 0; 
    cursor: default; 
    padding:8px;
}

.calendar-urlaubsantraege .ui-btn > div, .calendar-urlaubsantraege .ui-btn > div {
	padding: 3px 5px;
	display: inline-block;
}

.calendar-urlaubsantraege .ui-btn.ti-ui-btn-mark > div, .calendar-urlaubsantraege .ui-btn.ti-ui-btn-mark:visited > div,
.calendar-urlaubsantraege .ui-btn.ti-ui-btn-mark:hover > div, .calendar-urlaubsantraege .ui-btn.ti-ui-btn-mark:active > div{
	border-radius: 8px;
	background-color: #ccc;
	color: #333;
	text-shadow: 0 1px 0 #eee;
}


/* ajax autocomplete */
.ui-autocomplete-content {
    max-height: 300px;
    overflow-y:auto;
}

.ui-autocomplete-content .alert {
    margin:0;
    position: relative;
    top:0; left:0;
}




/* dialog */

.ui-dialog-large .ui-dialog-contain {
	width: 92.5%;
	max-width: 700px;
	margin-top: 5%;
}




/* readmore */
.readmore { }
.readmore .readmore-text { padding-right:30px; min-width: 250px; max-width: 400px; }
.readmore .readmore-text.ellipse {}
.readmore .readmore-text1 {}
.readmore .readmore-text2 { display: none; }
/*.readmore .readmore-action { float:right; margin-top:5px; margin-right:-25px; outline:none; }*/
.readmore .readmore-action { float: right; text-decoration: none; font-weight:normal; }