/* login */
.levatis-login-error .x-form-fieldset-instructions {
	color: red !important;
}





/* colors */
.levatis-mobile-blue { color: #3C9FB7; font-weight: bold; }


/* icons */
#levatis-main-toolbar .x-layout-box { 
	background-image: url(../../images/logo.mobile.png) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

#levatis-main-toolbar {
	background-color: #2995AF !important;
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
    	color-stop(0.02, #52BCE0),
    	color-stop(0.04, #37A7CC),
    	color-stop(0.06, #135FA2),
	    color-stop(0.08, #e0e0e0),
	    color-stop(0.72, #bdbdbd),
	    color-stop(0.98, #bdbdbd)
	) !important;
	border-color: #16515B !important;
}

/* standard list style */
.levatis-list .x-list-item {
	border-top: 1px solid #EEE !important;
	border-bottom: 1px solid #AAA !important;
}

.levatis-list .levatis-thumbnail {
	width: 100%;
	height: auto;
	
}

.levatis-thumbnail-container {
	width: 30%;
}

.levatis-thumbnail-text {
	width: 69%;
	float: right;
}

/* main toolbar buttons */
#levatis-main-toolbar .x-button {
	height: 50px !important;
	margin-top: 0.6 em !important;
	border-top-left-radius: 0em;
	border-top-right-radius: 0em;
	border-top-color: #37A7CC !important;
}

#levatis-main-toolbar .x-button.levatis-alert-red {
	background-color: #cf0030 !important;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#ff003c), color-stop(0.02, #cf0030), to(#ab032a)) !important;
	border-color: #16515B !important;
	color: #fff !important;
}

#levatis-main-toolbar .x-button.x-button-pressed.levatis-alert-red {
	background-color: #2995AF !important;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#c20034), color-stop(0.02, #9e0025), to(#7d001d)) !important;
	border-color: #16515B !important;
}

#levatis-main-toolbar .x-button.levatis-alert-yellow {
	background-color: #2995AF !important;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#de8c28), color-stop(0.02, #ff9d2e), to(#b85600)) !important;
	border-color: #16515B !important;
	color: #fff !important;
}

#levatis-main-toolbar .x-button.x-button-pressed.levatis-alert-yellow {
	background-color: #2995AF !important;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#de8c28), color-stop(0.02, #b85600), to(#b85600)) !important;
	border-color: #16515B !important;
}

#levatis-main-toolbar .x-button .x-button-label {
	font-size: 0.85em !important;
}

/* sync icon */
.levatis-list-sync-icon {
	margin: auto;
	width: 60px;
	height: 60px;
	background-color: #ABABAB;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#ABABAB), color-stop(0.02, #787878), to(#565656)) !important;
	border-color: #fff !important;
	-webkit-mask-image: url(../../lib/sencha-touch-1.1.1/resources/themes/images/default/pictos/info2.png);
}
.levatis-list-sync-info {
	text-align: center;
}
.levatis-list-sync-container {
	width: 100%;
	height: 200px;
	display:-webkit-box;
    -webkit-box-orient: horizontal;        
    -webkit-box-align:center;
    -webkit-box-pack:center;
}
.levatis-sync-btn-icon {
	background-color: #fff !important;
	-webkit-mask-size: 1.5em 1.5em !important;
	-webkit-mask-image: url(../../lib/sencha-touch-1.1.1/resources/themes/images/default/pictos/sync.png) !important;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: left center;
	width: 1.5em !important;
}

.levatis-calendar-tab-icon { -webkit-mask-image: url(../../lib/sencha-touch-1.1.1/resources/themes/images/default/pictos/calendar2.png) !important; }
.levatis-taskentry-tab-icon { -webkit-mask-image: url(../../lib/sencha-touch-1.1.1/resources/themes/images/default/pictos/time.png) !important; }
.levatis-logout-tab-icon { -webkit-mask-image: url(../../lib/sencha-touch-1.1.1/resources/themes/images/default/pictos/user_send.png) !important; }

.x-tab-normal {
	color: #565656 !important;
	background-color: #2995AF !important;
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.02, #52BCE0),
    	color-stop(0.03, #37A7CC),
	    color-stop(0.04, #FAFAFA),
	    color-stop(0.72, #B8B8B8),
	    color-stop(0.98, #969696)
	) !important;
	border-color: #16515B !important;
	border-top-left-radius: 0em !important;
	border-top-right-radius: 0em !important;
	border-bottom-left-radius: 0em !important;
	border-bottom-right-radius: 0em !important;
}

.x-tab-normal.x-tab-active {
	color: #fff !important;
	background-color: #fff !important;
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.02, #52BCE0),
    	color-stop(0.03, #37A7CC),
	    color-stop(0.7, #135FA2)
	) !important;
	border-color: #135FA2 !important;
}

.x-tabbar.x-docked-bottom .x-tab-normal img {
	background-color: #ABABAB !important;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#ABABAB), color-stop(0.02, #787878), to(#565656)) !important;
	border-color: #fff !important;
}

.x-tabbar.x-docked-bottom .x-tab-normal.x-tab-active img {
	background-color: #fff !important;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fff), color-stop(0.02, #ddd), to(#eee)) !important;
	border-color: #fff !important;
}

.x-list .x-list-item .levatis-mobile-small-font { font-size: 0.8em }
.x-list-item {
	background-color: #D1D1D1 !important;
	border-bottom-color: white !important;
}

.levatis-taskentry-list-toolbar, .x-list-item.x-item-selected {
	background-color: #D1D1D1 !important;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#ABABAB), color-stop(0.02, #787878), to(#565656)) !important;
	border-color: #D1D1D1 !important;
}

.levatis-toolbar, .levatis-toolbar .x-button-normal, .x-button-levatis {
	background-color: #2995AF !important;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#52BCE0), color-stop(0.02, #37A7CC), to(#135FA2)) !important;
	border-color: #16515B !important;
	color: #fff !important;
}

.levatis-toolbar .x-button-normal.x-button-pressed, .x-button-levatis.x-button-pressed {
	background-color: #2995AF !important;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#52BCE0), color-stop(0.02, #135FA2), to(#135FA2)) !important;
	border-color: #16515B !important;
}

.x-button-levatis-orange {
	background-color: #2995AF !important;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#de8c28), color-stop(0.02, #ff9d2e), to(#b85600)) !important;
	border-color: #ba6418 !important;
	color: #fff !important;
}

.x-button-levatis-orange.x-button-pressed {
	background-color: #2995AF !important;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#de8c28), color-stop(0.02, #b85600), to(#b85600)) !important;
	border-color: #ba6418 !important;
	color: #fff !important;
}

.levatis-toolbar.x-tabbar {
	background-color: #2995AF !important;
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
    	color-stop(0.02, #52BCE0),
    	color-stop(0.04, #37A7CC),
    	color-stop(0.06, #135FA2),
	    color-stop(0.08, #ABABAB),
	    color-stop(0.72, #787878),
	    color-stop(0.98, #565656)
	) !important;
	border-color: #16515B !important;
}

/* empty list template - start */
.levatis-list-empty-icon {
	margin: auto;
	width: 60px;
	height: 60px;
	background-color: #ABABAB;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#ABABAB), color-stop(0.02, #787878), to(#565656)) !important;
	border-color: #fff !important;
	-webkit-mask-image: url(../../lib/sencha-touch-1.1.1/resources/themes/images/default/pictos/info2.png);
}
.levatis-list-empty-info {
	text-align: center;
}
.levatis-list-empty-container {
	width: 100%;
	height: 200px;
	display:-webkit-box;
    -webkit-box-orient: horizontal;        
    -webkit-box-align:center;
    -webkit-box-pack:center;
}
/* empty list template - end */

.levatis-list-item {
	padding: 25px 10px 10px 10px !important;
	border: 2px solid white !important;
	border-bottom-left-radius: 0.25em 0.25em !important;
	border-bottom-right-radius: 0.25em 0.25em !important;
	border-top-left-radius: 0.25em 0.25em !important;
	border-top-right-radius: 0.25em 0.25em !important;
	background-color: #999;
	overflow: hidden;
}

#levatis-view-container {
	background-color: #eee !important;
}

.levatis-view-item {
	padding: 10px !important;
	background-color: #eee !important;
/*
	border: 2px solid white !important;
	border-bottom-left-radius: 0.25em 0.25em !important;
	border-bottom-right-radius: 0.25em 0.25em !important;
	border-top-left-radius: 0.25em 0.25em !important;
	border-top-right-radius: 0.25em 0.25em !important;
*/
}

.levatis-view-item .x-form-label {
	width: 100% !important;
}

.levatis-list-badge { 
	top: 0.25em !important;
	left: 0.25em !important;
	right: auto !important;
	padding: 0.25em 0.25em !important;
}

.levatis-list-badge-taskentry-state { 
	top: 0.25em !important;
	right: 0.25em !important;
	background-color: #ddd !important;
	background-image: none !important;
/*
	background-position: center !important;
	background-repeat: no-repeat !important;
*/
}

.levatis-list-badge-taskentry-special { 
	background-color: #999999 !important;
	background-image: none !important;
	top: 2.5em !important;
	right: 0.25em !important;
}

.levatis-taskentry-special { 
	display: block;
	width: 1.4em;
	height: 1.4em;
	background-color: #ffff00 !important;
	-webkit-mask-size: 1.4em 1.4em !important;
	-webkit-mask-image: url(../../lib/sencha-touch-1.1.1/resources/themes/images/default/pictos/favorites.png) !important;
	z-index: 31;
	position: absolute;
	top: 0.24em;
}

.levatis-list-badge-attention {
	top: 0.25em !important;
	right: 2.5em !important;
	background-color: #ddd !important;
	background-image: none !important;
}

.levatis-conflict {
	display: block;
	width: 1.4em;
	height: 1.4em;
	background-color: #c20034 !important;
	color: #3BB556 !important;
	-webkit-mask-size: 1.4em 1.4em !important;
	-webkit-mask-image: url(../../lib/sencha-touch-1.1.1/resources/themes/images/default/pictos/warning_black.png) !important;
	z-index: 31;
	position: absolute;
	top: 0.15em;
	
	/* display: block;
	width: 1.4em;
	height: 1.4em;
	background-color: #c20034 !important;
	color: #FFFFFF !important;
	
	z-index: 31;
	position: absolute;
	top: 0.25em; */
}

.levatis-taskentry-state-positiv {
	display: block;
	width: 1.4em;
	height: 1.4em;
	background-color: #3BB556 !important;
	color: #3BB556 !important;
	-webkit-mask-size: 1.4em 1.4em !important;
	-webkit-mask-image: url(../../lib/sencha-touch-1.1.1/resources/themes/images/default/pictos/check2.png) !important;
	z-index: 31;
	position: absolute;
	top: 0.25em;
}

.levatis-taskentry-state-negativ {
	display: block;
	width: 1.4em;
	height: 1.4em;
	background-color: #D80000 !important;
	color: #D80000 !important;
	-webkit-mask-size: 1.4em 1.4em !important;
	-webkit-mask-image: url(../../lib/sencha-touch-1.1.1/resources/themes/images/default/pictos/delete1.png) !important;
	z-index: 31;
	position: absolute;
	top: 0.25em;
}

.levatis-taskentry-state-canceled {
	display: block;
	width: 1.4em;
	height: 1.4em;
	background-color: #D35F00 !important;
	color: #D35F00 !important;
	-webkit-mask-size: 1.4em 1.4em !important;
	-webkit-mask-image: url(../../levatis.mobile/resources/pictos/warning.png) !important;
	z-index: 31;
	position: absolute;
	top: 0.25em;
}

.levatis-taskentry-state-running {
	display: block;
	width: 1.4em;
	height: 1.4em;
	background-color: #37A7CC !important;
	color: #3BB556 !important;
	-webkit-mask-size: 1.4em 1.4em !important;
	-webkit-mask-image: url(../../lib/sencha-touch-1.1.1/resources/themes/images/default/pictos/settings1.png) !important;
	z-index: 31;
	position: absolute;
	top: 0.25em;
}

.levatis-taskentry-state-paused {
	display: block;
	width: 1.4em;
	height: 1.4em;
	background-color: #37A7CC !important;
	color: #3BB556 !important;
	-webkit-mask-size: 1.4em 1.4em !important;
	-webkit-mask-image: url(../../lib/sencha-touch-1.1.1/resources/themes/images/default/pictos/pause2.png) !important;
	z-index: 31;
	position: absolute;
	top: 0.25em;
}

.levatis-workload-color-1 { 
	background-color: #3C9FB7 !important;
	background-image: none !important;
}

.levatis-workload-color-2 { 
	background-color: #3C9FB7 !important;
	background-image: none !important;
}

.levatis-workload-color-3 { 
	background-color: #3BB556 !important;
	background-image: none !important;
}

.levatis-workload-color-4 { 
	background-color: #3BB556 !important;
	background-image: none !important;
}

.levatis-workload-color-5 { 
	background-color: #AEB53B !important;
	background-image: none !important;
}

.levatis-workload-color-6 { 
	background-color: #AEB53B !important;
	background-image: none !important;
}

.levatis-workload-color-7 { 
	background-color: #AEB53B !important ;
	background-image: none !important;
}

.levatis-workload-color-8 { 
	background-color: #D35F00 !important;
	background-image: none !important;
}

.levatis-workload-color-9 { 
	background-color: #D80000 !important;
	background-image: none !important;
}