@CHARSET "ISO-8859-1";

/* import tablet OR desktop file according to device in config tool */
/* @import "get?static&customer=ivu&device=tablet&file=mystyle.css";*/
@import "get?static&customer=ivu&device=desktop&file=mystyle.css"; 


/* Die folgenden Anweisungen ERGÄNZEN oder ÜBERSCHREIBEN die Basisstyles!	 */



/************************* ALLGEMEINE ANPASSUNGEN ***************************/


/* Innenschatten bei submit nur bei mouseover */
input[type="submit"] {
	-webkit-box-shadow: 0 1px 0 0 rgba(250, 250, 250, 0.5);
	-moz-box-shadow: 0 1px 0 0 rgba(250, 250, 250, 0.5);
	box-shadow: 0 1px 0 0 rgba(250, 250, 250, 0.5);
}
input[type="submit"]:hover {
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);
}


/* ========================= */
/* neue Anpassung 26.07.2013 */
/* ========================= */

#duty-sign-on-menu ul, #settings-menu ul {
	/* im Benutzmenü die Lücke im Dropdownmenü entfernt */
	margin-top: -20px;
}

.login .loginform .login_box .login_form ul {
	padding: 0px;
	margin-left: 20px;
}

/* harmonischere Anordnung */
ul.date-navigation {
	float: right;
}
.key-overview {
	margin-bottom: 10px;
}

/* Urlaubswunsch abgeben: hidden Informationen sind nicht hidden */
.vertically-centered, .request-popup .types ul li .hidden {
	display: none !important;
}

/* Falsche (alte) Positionierung des confirm-Icons bei zwei Diensten an einem Tag */
.reduce-to-medium .allocation-info.singleduty .confirm {
	right: 0;
	top: 0;
}



/* Fehler bei Buttons für IE < 10

Variablen $start_color und $end_color für IE < 10 nicht gefüllt!

Allerdings führt der Gradient-Filter ohnhin dazu, dass die Fläche auch hinter runden Ecken (durch border-radius > 0) weitergemalt wird, 
was insbesondere bei dunklerem Hintergrund doof aussieht. Ist ein Fehler im IE<10. 
Zwei Optionen: 
- in IE<10 keine runden Ecken verwenden (nur über conditional comments im HTML) und dafür den Gradienten per filter...
- in IE<10 keine Gradienten verwenden (diese Variante ist hier gewählt, daher filter: 0 gesetzt.

*/

.login .loginform {
	background-color: #F6F8F9;
	filter: 0;
}

.button-base, .button, .login .loginform .login_box .login_form input[type="submit"], .mainNavi_out ul.mainNavi li a, .headline ul.usecase-switch li a, .headline ul.message-filter li a, .headline ul.date-navigation li a {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dae3e6');
	filter: 0;
}

.mainNavi_out ul.mainNavi li.active a {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00baf2', endColorstr='#00b0e6');
	filter: 0;
}

.header .brand .duty-done, .header .brand .settings, .header .brand .logout, .header .brand .print-all-menu, .header .brand .logout {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dae3e6');
	filter: 0;
}

.headline ul.usecase-switch li.active a, .headline ul.message-filter li.active a, .headline ul.date-navigation li.active a {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00baf2', endColorstr='#00a4d8');
	filter: 0;
}
.headline ul.date-navigation #prev-button a {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dae3e6');
	filter: 0;
}
.headline ul.date-navigation #next-button a {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dae3e6');
	filter: 0;
}

.allocation-info.singleduty {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color_begin', endColorstr='$color_end');
	background: -o-linear-gradient(270deg, #3086bf 0%, #00558f 100%);
	filter: 0;
}
.allocation-info.dutyplaceholder {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30b8bf', endColorstr='#00888f');
	filter: 0;
}
.allocation-info.shiftclass {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30c0a3', endColorstr='#008f73');
	filter: 0;
}
.allocation-info.standby {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccc66', endColorstr='#b6b644');
	filter: 0;
}
.allocation-info.timesegment.type_offday {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8acc66', endColorstr='#6cb644');
	filter: 0;
}
.allocation-info.timesegment.type_absence {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c32729', endColorstr='#915500');
	filter: 0;
}
.allocation-info.timesegment.type_presence {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c38227', endColorstr='#915500');
	filter: 0;
}
.allocation-info.work_in_progress {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#b6b6b6');
	filter: 0;
}

.request-popup .types ul li.active {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a3da', endColorstr='#00a3da');
	filter: 0;
}

.request-popup .popup-button {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dae3e6');
	filter: 0;
}
.request-popup .popup-button.send.delete {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9404c', endColorstr='#de0105');
	filter: 0;
}

.button-add {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dae3e6');
	filter: 0;
}

.button-normal {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dae3e6');
	filter: 0;
}

.change-password {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f8f9');
	filter: 0;
}
.change-password input[type=submit] {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a9b1b3');
	filter: 0;
}


/* ============================ */
/* weitere Anpassung 26.07.2013 */
/* ============================ */

/* display defect hint */
.display-full .allocation-info.singleduty .defect-hint {
	background: url("get?file=images/duty_defect_16.png") no-repeat scroll center top transparent;
	display: block;
	padding-top: 20px;
	margin-top: -12px;
	text-align: center;
}
/* hide defect icon because it's already in the defect-hint */
.display-full .allocation-info.singleduty .defect-icon {
	display: none;
}

/* little more padding-top to the defect hint in duty details */
.duty-components-popup .allocations .allocation .table-header-block td .desc.defect-hint {
	padding-top: 3px;
	line-height: 16px;
}

/* display large amount of absence types correctly */
.year-overview .key-overview table {
	width: 100%;
}
.year-overview .key-overview table td.key {
	display: block;
	float: left;
	width: 3%;
	height: 30px;
	line-height: 30px;
}
.year-overview .key-overview table td.value {
	display: block;
	float: left;
	width: 14.5%;
	height: 32px;
	line-height: 16px;
	margin: 0 1.5% 10px 0.6%;
	padding: 0;
}


/* ============================== */
/* weitere Anpassungen 30.08.2013 */
/* ============================== */


.changeDevice .button, .changeDevice .image-button, .changeDevice .button-add, .changeDevice .login_button, .changeDevice #password-change_0 {
	/* die device buttons gleich breit machen */
	display: block;
	padding-left: 0;
	padding-right: 0;
}

/* Message popup */
.new-message-popup .headline, .read-message-popup .headline {
	/* headline falsch positioniert */
	top: 0;
	left: 0;
}
.new-message-popup .buttons	.button, .read-message-popup .buttons .button {
	/* button nicht über, sondern neben dem anderen, links ausgerichtet */
	width: 25%;
	float: left;
}
.new-message-popup .buttons	.button.cancel, .read-message-popup .buttons .button.print {
	/* button nicht unter, sondern neben dem anderen, rechts ausgerichtet */
	width: 25%;
	float: right;
}
.new-message-popup .buttons, .read-message-popup .buttons {
	/* damit die gefloateten Buttons nicht über das message window hinausragen */
	height: 40px;
}

.read-message-popup .message-body {
	/* für bessere Lesbarkeit den Zeilenabstand erhöhen */
	line-height: 18px;
	/* Innenschatten suggeriert eine Eingabemöglichkeit, aber hier wir nur der Nachrichtentext zum Lesen ausgegeben -> deswegen besser weg mit dem Schatten */
	-moz-box-shadow: none;
	-webkit-shadow: none;
	box-shadow: none;
}

/* falsche CSS-Anweisung für Zuteilungskasten in Dienstübersicht bei defekten Diensten */
.display-full .allocation-info.duty_defect {
	display: block;
	height: 74px;
}
.display-full .allocation-info.duty_defect > * {
	display: block;
}


/* show defect icon in reduce-to-medium */
.display-full.reduce-to-medium .allocation-info.singleduty .defect-icon {
	display: block;
	top: 2px;
}


/* hide defect hint in reduce-to-medium */
.display-full.reduce-to-medium .allocation-info.singleduty .defect-hint {
	display: none;
}

/* hide times for duty_defect */
.display-full .allocation-info.singleduty.duty_defect .time {
	display: none;
}

/* changes on 15/10/2013 */

html {
	background: none;
	height: 99.5%;
}

body {
	background: #F1F4F4;  /* #E3EBEA; #E9F0F1 */
	height: auto;
}


.header {
	background: #fff;
	min-width: none;
	margin: 0 auto;
	padding: 0;
	height: 126px
}

.header .header_logo {
	width: 92%;
	min-width: 988px;
	max-width: 1360px;
	height: 60px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	position: relative;
/* nur beim Trenitalia-Logo */
	background: url("get?static&device=desktop&file=images/logo.png") no-repeat scroll -20px -10px transparent;
}

.header .brand {
	min-width: 988px;
	max-width: 1360px;
	width: 92%;
	margin: -52px auto 0 auto;
	position: relative;
	text-align: right;
}
.header .brand span.logout {
	margin-right: 0px;
}
.header .brand img.header-button-drop-down {
	margin: -19px 5px 0 0;
}
.header .brand #settings-menu, .header .brand #duty-sign-on-menu {
	text-align: left;
}

.mainNavi_out {
	width: 92%;
	min-width: 988px;
	max-width: 1360px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	top: -57px;
}
.mainNavi_out ul.mainNavi li {
	height: 58px;
}

.mainNavi_out ul.mainNavi {
	width: auto;
}

.mainNavi_out ul.mainNavi li a {
	padding-top: 12px;
	padding-bottom: 12px;
}

.wrapper {
	background: none;
	min-width: none;
	border-top: 1px solid #CDD6D8;
	padding: 15px 0px 20px 0px;
	margin-top: -58px;
}

#change-device {
	margin-top: 0;
}

.headline {
	min-width: 988px;
	max-width: 1360px;
	width: 92%;
	left: 0;
	margin: 2px auto 8px;
}


.headline > * {
	margin-left: 0;
}

.headline h1 {
	margin-right: 10px;
}

.headline ul.usecase-switch {
	margin-right: 10px;
}
.button-add {
	margin-right: 10px;
}


table.datatable {
	width: 92%;
	min-width: 988px;
	max-width: 1360px;
	margin: 0 auto;
}

#tableview {
	width: 92%;
	min-width: 988px;
	max-width: 1360px;
}

#tableview table.messages,
#tableview table.duties, 
#tableview table.long-term-duties,
#tableview .year-overview, 
#tableview .year-overview table.absences,
#tableview table.requests {
	width: 100%;
}
#tableview table.messages tr td {
	vertical-align: middle;
	background: #FCFDFD;
}

.year-overview {
	background: none;
	width: 100%;
}
.year-overview table.absences {
	width: 100%;
}
.year-overview table.absences tbody td:first-child {
	min-width: 55px;
}

.display-full .allocation-info,
.request-table-cell-slot .request-table-cell {
	width: 85%;
}

.duty-components-popup {
	background: none;
	width: 92%;
	min-width: 988px;
	max-width: 1360px;
	margin: 0 auto;
}
.duty-components-popup .allocations .allocation .content .tableview * {
	padding: 8px;
}

.noDutyExchange {
	width: 92%;
	min-width: 988px;
	max-width: 1360px;
	margin: 0 auto;
}

.change-personnel {
	clear: both;
}
.change-personnel .label {
	display: inline;
}

.duty-components-popup .allocations .allocation {
	clear:left;
}
.duty-components-popup .allocations .allocation .table-header-block td {
	padding-top: 5px;
	padding-bottom: 8px;
}
.duty-components-popup .allocations .allocation .content {
	background: #F6F8F9;
}
.duty-components-popup .allocations .allocation .content .tableview .datatable thead {
	background: #F6F8F9;
}

.mainNavi_out ul.mainNavi li a, 
.header .brand .duty-done, 
.header .brand .settings, 
.header .brand .logout, 
.header .brand .print-all-menu {
	background-color: f4f8f9;
}

/* buttons */
.button, 
.button-add, 
.button-base, 
.button-normal,
.login_button, 
.image-button, 
#password-change_0, 
ul.date-navigation li a, 
ul.message-filter li a, 
.request-popup .popup-button,
.header .brand .duty-done, 
.header .brand .settings, 
.header .brand .logout, 
.header .brand .print-all-menu, 
.mainNavi_out ul.mainNavi li a, 
.headline ul.message-filter li a,
.headline ul.date-navigation li a,
.headline ul.usecase-switch li a {
	background: url(get?file=images/custom09.png) left bottom repeat; 
	background-size: auto 100%;
	background-color: #DCE1E2; 
	-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15) inset;
	border: 1px solid #AAB1B2;
	border-color: #b2bdbf #a8b2b6 #98a2a6;
	border-color: rgba(0,0,0,0.2) rgba(0,0,0,0.26) rgba(0,0,0,0.35); 
}

.mainNavi_out ul.mainNavi li a, 
.headline ul.message-filter li a,
.headline ul.date-navigation li a,
.headline ul.usecase-switch li a {
	border-left-width: 0;
}
.mainNavi_out ul.mainNavi li:first-child a, 
.headline ul.message-filter li:first-child a,
.headline ul.date-navigation li:first-child a,
.headline ul.usecase-switch li:first-child a {
	border-left-width: 1px;
}

.button:hover, .button:active, 
.button-add:hover, .button-add:active, 
.button-base:hover, .button-base:active, 
.button-normal:hover, .button-normal:active,
.login_button:hover, .login_button:active, 
.image-button:hover, .image-button:active, 
#password-change_0:hover, #password-change_0:active, 
ul.date-navigation li a:hover, ul.date-navigation li a:active,
ul.message-filter li a:hover, ul.message-filter li a:active, 
.mainNavi_out ul.mainNavi li a:hover, .mainNavi_out ul.mainNavi li a:active, 
.headline ul.usecase-switch li a:hover, .headline ul.usecase-switch li a:active,
.headline ul.message-filter li a:hover, .headline ul.message-filter li a:active,
.request-popup .popup-button:hover, .request-popup .popup-button:active,
.header .brand .duty-done:hover, .header .brand .duty-done:active, 
.header .brand .settings:hover, .header .brand .settings:active, 
.header .brand .logout:hover, .header .brand .logout:active, 
.header .brand .print-all-menu:hover, .header .brand .print-all-menu:active, 
.headline ul.date-navigation li a:hover, .headline ul.date-navigation li a:active,
.headline ul.date-navigation #prev-button a:hover, .headline ul.date-navigation #prev-button a:active,
.headline ul.date-navigation #next-button a:hover, .headline ul.date-navigation #next-button a:active,
.headline ul.usecase-switch li a:hover, .headline ul.usecase-switch li a:active {
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
	box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
}

.mainNavi_out ul.mainNavi li.active a,
ul.message-filter li.active a,
.headline ul.usecase-switch li.active a {
	background-color: #00A4D8;
	background-size: auto 300%;
	-moz-box-shadow: 0 0 3px rgba(0, 39, 70, 0.75) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: 0 0 3px rgba(0, 39, 70, 0.75) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: 0 0 3px rgba(0, 39, 70, 0.75) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
	border: 1px solid #00739A;
}

ul.date-navigation #prev-button a {
	background-image: url("get?file=images/arrow_left.png"), url(get?file=images/custom09.png) left bottom repeat; 
	background-size: auto, auto 100%;
	background-color: #DCE1E2; 
}

ul.date-navigation #next-button a {
	background-image: url("get?file=images/arrow_right.png"), url(get?file=images/custom09.png) left bottom repeat; 
	background-size: auto, auto 100%;
	background-color: #DCE1E2; 
}

ul.date-navigation li:first-child a {
	border-left-width: 1px !important;
}

ul.date-navigation li a {
	border-left-width: 0 !important;
}


.reduce-to-medium .allocation-info {
	display: block !important;
	height: 16px !important;
}

.reduce-to-medium .allocation-info .allocation-name {
	display: block !important;
}

.request-popup {
	border: none;
	padding: 14px 10px;
}






/*********************** ANPASSUNGEN FÜR TRENITALIA *************************/



body {
	border-top: 5px solid #C00011;
}


.login .loginform .header_login	{
	background: transparent;
}

.mainNavi_out ul.mainNavi li a {
	padding-top: 12px;
	padding-bottom: 12px;
}
.mainNavi_out ul.mainNavi li.active {
	background: none;
}


.wrapper, #wrapper {
	border-top: 1px solid #bAc2c2;
}
.button-add {
	border-color: #999c9c;
}
.headline ul.usecase-switch li a, 
.headline ul.date-navigation li a {
	border-color: #999c9c;
}
.headline ul.usecase-switch li:first-child a,
.headline ul.date-navigation li:first-child a {
	border-left-width: 1px;
}
.headline ul.message-filter li a {
	font-weight: bold;
}
.headline ul.usecase-switch li.active a,
.headline ul.message-filter li.active a,
.headline ul.element-filter li.active a {
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	background: #C00022;
	background-image: url(get?file=images/custom09.png); 
	background-position: left bottom; 
	background-size: auto 300%;
	border-color: #900309;
	border-right-width: 0;
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
}



/* Kästchen für Wunschtypen-Kurznamen */
.request-popup .types ul li.active {
	background-color: #c00305;
	background-image: url("get?file=images/checkmark.png");
	background-repeat: no-repeat;
	background-position: center;
	background-position: 7px center;
}

/* Markierungen in Dunkelrot statt Türkis */
.mainNavi_out ul.mainNavi li a {
	border-color: #a9acac;
}
.mainNavi_out ul.mainNavi li:first-child a, .mainNavi_out ul.mainNavi li.active:first-child a {
	border-left-width: 1px;
}
.mainNavi_out ul.mainNavi li.active a {
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	background-image: url(get?file=images/custom09.png);
	background-position: left bottom; 
	background-size: auto 300%;
	background-color: #C00022;
	border: 1px solid #900309;
	border-left-width: 0;
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
}
#tableview table.requests tr td .checkbox-request.checked {
	background-color: #c00305;
	border-color: #900003;
}


/* Dienstplan-Header */
#tableview table.duties tr th {
	line-height: 24px;
}

/* Kurzfristdienstplan */
body.duties .duty-components-popup .allocations .allocation .table-header-block,
body.duties .duty-components-popup .allocations .allocation .content {
	border-color: #980224;
}
body.duties .duty-components-popup .allocations .allocation .table-header-block {
	border-bottom-width: 0;
}
body.duties .duty-components-popup .allocations .allocation .table-header-block.rounded {
	border-bottom-width: 1px;
}

/* Langfristdienstplan */
body.long-term-duties .duty-components-popup .allocations .allocation .table-header-block {
	border-bottom: none;
}
body.long-term-planing-duties .duty-components-popup .allocations .allocation .table-header-block,
body.long-term-planing-duties .duty-components-popup .allocations .allocation .content {
	border-color: #054225;
}
body.long-term-planing-duties .duty-components-popup .allocations .allocation .table-header-block {
	border-bottom-width: 0;
}
body.long-term-planing-duties .duty-components-popup .allocations .allocation .table-header-block.rounded {
	border-bottom-width: 1px;
}

/* in Dienstdetails auch das Label "Dienstplan" bzw. "Lanzeitdienstplan" anzeigen */
.duty-components-popup .headline.hidden {
	display: block;
}
.duty-components-popup .headline.hidden	.label {
	color: #ffffff;
	font-size: 20px;
}
.duty-components-popup .headline.hidden	.date {
	display: none;
}


/* Farbverlauf leicht anpassen, damit es besser mit Trenitalia-Rot harmoniert */
.allocation-info.timesegment.type_absence {
	background-color: #a10009;
	border: 1px solid #490000;
}

/* Für Abwesenheiten keine Zeiten anzeigen */
.display-full .allocation-info.timesegment.type_absence .time {
	display: none;
}

/* confirm muss nach links wegen Intervallo-Icon */
.display-full .allocation-info.singleduty .confirm {
	left: 0px;
	right: none;
	top: 0px;
	background: url(get?file=images/custom02.png) left top no-repeat;
}

/* Intervallo Lavorato hervorheben */
.display-full .allocation-info.singleduty .duty-nr {
	margin: -5px;
	padding: 5px;
}
#duties .display-full.reduce-to-medium .allocation-info.singleduty.status_Agente0020Avvisato_Agente0020da0020Avvisare .time-location-info .time {
	margin-left: 13px;
}
.display-full.reduce-to-medium .allocation-info.singleduty.status_Intervallo0020Lavorato_Intervallo0020Lavorato .duty-nr,
.display-full.reduce-to-medium .allocation-info.singleduty.status_Intervallo0020Lavorato_Intervallo_Lavorato_Prima_Parte .duty-nr,
.display-full.reduce-to-medium .allocation-info.singleduty.status_Intervallo0020Lavorato_Intervallo_Lavorato_Seconda_Parte .duty-nr {
	padding-right: 17px;
}

.display-full .allocation-info.singleduty.status_Intervallo0020Lavorato_Intervallo0020Lavorato .duty-nr:after {
	content: url(get?file=images/custom03.png);
	right:0;
	top: 0;
	position: absolute;
}
.display-full .allocation-info.singleduty.status_Intervallo0020Lavorato_Intervallo_Lavorato_Prima_Parte .duty-nr:after {
	content: url(get?file=images/custom04.png);
	right:0;
	top: 0;
	position: absolute;
}
.display-full .allocation-info.singleduty.status_Intervallo0020Lavorato_Intervallo_Lavorato_Seconda_Parte .duty-nr:after {
	content: url(get?file=images/custom05.png);
	right:0;
	top: 0;
	position: absolute;
}

/* don't show intervallo icons when duty defect (in modification) */
.display-full.reduce-to-medium .allocation-info.singleduty.duty_defect.status_Intervallo0020Lavorato_Intervallo0020Lavorato .duty-nr,
.display-full.reduce-to-medium .allocation-info.singleduty.duty_defect.status_Intervallo0020Lavorato_Intervallo_Lavorato_Prima_Parte .duty-nr,
.display-full.reduce-to-medium .allocation-info.singleduty.duty_defect.status_Intervallo0020Lavorato_Intervallo_Lavorato_Seconda_Parte .duty-nr {
	padding-right: 5px;
}
.display-full .allocation-info.singleduty.duty_defect.status_Intervallo0020Lavorato_Intervallo0020Lavorato .duty-nr:after,
.display-full .allocation-info.singleduty.duty_defect.status_Intervallo0020Lavorato_Intervallo_Lavorato_Prima_Parte .duty-nr:after,
.display-full .allocation-info.singleduty.duty_defect.status_Intervallo0020Lavorato_Intervallo_Lavorato_Seconda_Parte .duty-nr:after {
	content: "";
}



/* Zeilenfarbe passender zu Farben ringsum */
.datatable > tbody > tr:nth-child(2n+1) td {
	background-color: #f3f7f7;
}


/* ============================ */
/* weitere Anpassung 26.07.2013 */
/* ============================ */

/* date darker */
#tableview table.duties tr td .date {
	color: #6A6F6D;
}

.display-full .allocation-info.singleduty .duty-nr.allocationConfirmed {
	background-position: 5px 5px;
	background-image:none;
}
.display-full .allocation-info .allocation-name.allocationConfirmed {
	background-position: 0px 0px;
	background-image:none;
}


/* ============================ */
/*		changes on 06/09/2013		 */
/* ============================ */

/* sub menu buttons higher */

.headline {
	min-height: 36px; /* instead of 30px */
}
.headline h1 {
	top: 8px; 
}
.duty-components-popup .headline.hidden .label {
	padding-top: 8px;
	margin-left: 5px;
}

.make-button-small, .image-button, .button-add, ul.date-navigation li a, ul.message-filter > li a, .headline ul.usecase-switch li a, .change-password .change-password-form #password-change_0, .headline ul.element-filter li a {
	padding-top: 9px; /* instead of 6px */
	padding-bottom: 9px; /* instead of 6px */
	line-height: 20px;
}
.login_button {
	padding-top: 4px;
}
.headline ul.date-navigation #next-button a, .headline ul.date-navigation #prev-button a {
	padding-left: 20px;
	padding-right: 20px;
}

.header .brand .duty-done, .header .brand .settings, .header .brand .logout, .header .brand .print-all-menu, .header .brand .logout {
	height: 34px; /* instead of 30px */
}
.header .brand img {
	margin: 6px 5px;
}
#duty-sign-on-menu img.arrow, #settings-menu img.arrow {
	top: -28px;
}

/* date in requests overview */
#tableview table.requests tr td .date {
	color: #6A6F6D;
}

/* space below subject in new message header */
.new-message-popup .mail-header .subject {
	margin-bottom: 5px;
}

/* space between duty use-case buttons in sub menu */
#duties .headline ul.usecase-switch li a, 
#long-term-duties .headline ul.usecase-switch li a,
#duty-exchange .headline ul.usecase-switch li a,
#any-duty .headline ul.usecase-switch li a {
	margin-right: 26px;
	border-radius: 5px;
	border-left-width: 1px;
}

#duties .headline ul.usecase-switch li:last-child a, 
#long-term-duties .headline ul.usecase-switch li:last-child a {
	margin-right: 10px;
}

.headline ul.usecase-switch li.active a,
.headline ul.message-filter li.active a{
	border-left-width: 1px;
}


/* Intervallo icons also in duty details header */
.duty-components-popup .allocations .allocation .table-header-block td.circlecol {
	padding-top: 7px; /* looks better */
}

.duty-components-popup .allocations .allocation .table-header-block td .desc.defect-hint {
	padding-top: 5px;	/* looks better */
}

/*	optionally hide Intervallo icon in case of defective duty 
.duty-components-popup .allocations .allocation .table-header-block.duty_defect td.circlecol {
	background: none !important;
}
*/

.duty-components-popup .allocations .allocation .table-header-block.status_Intervallo0020Lavorato_Intervallo0020Lavorato	td.circlecol {
	background: url(get?file=images/custom13.png) center bottom no-repeat; 
}

.duty-components-popup .allocations .allocation .table-header-block.status_Intervallo0020Lavorato_Intervallo_Lavorato_Prima_Parte	td.circlecol {
	background: url(get?file=images/custom14.png) center bottom no-repeat; 
}

.duty-components-popup .allocations .allocation .table-header-block.status_Intervallo0020Lavorato_Intervallo_Lavorato_Seconda_Parte	td.circlecol {
	background: url(get?file=images/custom15.png) center bottom no-repeat; 
}

/* no print buttons for Trenitalia because employees would expect something different */
.print { 
	display: none !important;
}

/* icon position improved */
#duty-sign-on-menu ul li img.icon {
	top: 8px;
}


.headline ul.usecase-switch li a {
	font-weight: bold;
}


#long-term-duties .wrapper #tableview table.duties tr th {
	color: #000000;
	text-shadow: 0px 1px 0 #FFFFFF;
}


#duties .wrapper #tableview table.duties tr th {
	color: #000000;
	text-shadow: 1px 1px 0 #FFFFFF;
}

.duty-components-popup .headline.hidden .label {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}

.year-overview table.absences thead th {
	height: auto;
	line-height: 24px;
}


/* ============================ */
/* Personalizzazione Trenitalia */
/* ============================ */

/* Formattazione Header */

.header {
	background: url(get?file=images/custom08.png) 17px -15px no-repeat;
	background-color: #FFFFFF;
}
.header .header_logo {
	margin-left: 20px;
}
.header .brand span.settings {
	margin-right: 30px;
}
.header .brand span.duty-done {
	margin-right: 15px;
	margin-left: 20px;
}



/* Sfondo Programmazione */

#long-term-duties .wrapper, body.long-term-planing-duties .wrapper {
	background: none repeat scroll 0 0 #FDE0C2;
	border-color: #900309;
}

#long-term-duties {
	background: #FDE0C2;
}

/* Sfondo Gestione Operativa */

#duties .wrapper {
	background: none repeat scroll 0 0 #EDFAD6;
	border-color: #009a6f;
}


#duties {
	background: none repeat scroll 0 0 #EDFAD6;
}

/* Sfondo dettaglio */

#duty-details.duties {
	background: none repeat scroll 0 0 #EDFAD6;
}

#duty-details.long-term-planing-duties {
	background: none repeat scroll 0 0 #FDE0C2;
}

/* Sfondo Assenze */



#absence-overview  {
	background: none repeat scroll 0 0 #F6EBF4;
}

#absence-overview .wrapper  {
	border-color: #974887;
}


/* Sfondo Messaggi */



#message  {
	background: none repeat scroll 0 0 #E6E6E6;
}

#message .wrapper  {
	border-color: #2E3030;
}






/* Sfondo Richiesta Nastro */

#wish-request {
	background: #EBFFE7;
}

#wish-request .wrapper {
	border-color: ##2F6946;
}

/* Sfondo Richiesta Ferie */

#holiday-request {
	background: none repeat scroll 0 0 #DFEBF0;
}

#holiday-request .wrapper {
	border-color: #004A85;
}

/* Header calendario Gestione Operativa */

#duties .wrapper #tableview table.duties tr th {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
	background: #00558F;
	vertical-align: middle;
	border: 1px solid #EDFAD6;
	border-width: 0 1px 8px 1px;
}
#duties .wrapper #tableview table.duties tr th:first-child {
	border-left-width: 0;
}


/* Header calendario Programmazione */

#long-term-duties .wrapper #tableview table.duties tr th {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
	background: #991122;
	vertical-align: middle;
	border: 1px solid #FDE0C2;
	border-width: 0 1px 8px 1px;
}
#long-term-duties .wrapper #tableview table.duties tr th:first-child {
	border-left-width: 0;
}


/* Header calendario Richiesta Nastro */

#wish-request .wrapper #tableview table.requests tr th {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
	background: #2F6946;
	vertical-align: middle;
	border: 1px solid #EBFFE7;
	border-width: 0 1px 8px 1px;
}
#wish-request .wrapper #tableview table.requests tr th:first-child {
	border-left-width: 0;
}


/* Header Lista Messaggi */

#message .wrapper #tableview table.messages tr th {
	color: #FFFFFF;
	text-shadow: 1px 1px 0 #000000;
	background: #002746;
	vertical-align: middle;
	border: solid thin #E6E6E6;
	border-bottom-width: 8px;
}

#wish-request table.requests tr td,
#tableview table.requests tr td:last-child {
	border-color: #2F6946;
}

#wish-request table.requests tr td .checkbox-request.checked {
	background-color: #2F6946;
	border-color: #0F2C1B;
}

/* Pulsante Attivo Richiesta Nastro */

#wish-request .headline ul.usecase-switch li.active a {
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	background-color: #2F6946;
	border-color: #22603C;
}

/* Pulsanti rchiesta/cancellazione nastro/ferie/messaggio */

#wish-request .headline .button-add,
#holiday-request .headline .button-add,
#message .headline .button-add	{
	margin-left: 40px;
}

#wish-request .headline .button-add span,
#holiday-request .headline .button-add span,
#message .headline .button-add span {
	font-weight: bold;
	line-height: 20px;
}

/* Calendario Assenze */

#absence-overview .headline h1 {
	font-weight: bold;
	color: #6F0B3F;
}

#absence-overview .date-navigation-info {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #6F0B3F;
	padding: 6px 15px 6px 15px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	float: left;
	top: 0px;
}

#absence-overview .year-overview table.absences tbody td:first-child {
	color: #FFFFFF;
	background-color: #6F0B3F;
	border: 1px solid #F6EBF4 !important;
}

#absence-overview .year-overview table.absences thead th {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
	background-color: #6F0B3F;
	border: 1px solid #F6EBF4 !important;
}

#absence-overview .year-overview table.absences thead th:first-child {
	text-shadow: 0 1px 0 #000000;
	background: #F6EBF4;
}

#absence-overview .year-overview table.absences tbody td {
	border: 1px solid #6F0B3F !important;
}

#absence-overview .year-overview .key-overview table td.value {
	font-weight: bold;
}

.headline ul.element-filter li.active a {
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	background-color: #002647;
	border-color: #002647;
	border-right-width: 1px;
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
}

/* Calendario Richiesta Ferie */

#holiday-request .headline ul.usecase-switch li.active a {
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	background-color: #002647;
	border-color: #002647;
	border-right-width: 1px;
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
}

#holiday-request .date-navigation-info {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #002647;
	padding: 6px 15px 6px 15px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	float: left;
	top: 0px;
}

#holiday-request .year-overview table.absences tbody td:first-child {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
	background-color: #002647;
	border: 1px solid #DFEBF0 !important;
}

#holiday-request .year-overview table.absences thead th {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
	background-color: #002647;
	border: 1px solid #DFEBF0 !important;
}

#holiday-request .year-overview table.absences thead th:first-child {
	background: #DFEBF0;
}

#holiday-request .year-overview table.absences tbody td {
	border: 1px solid #004A85 !important;
}

#holiday-request .year-overview .key-overview table td.value {
	font-weight: bold;
}

/* Colore giorni non disponibili e colori assenze */
/* I colori delle assenze vanno definiti come !important per avere priorità sul rosso */

#holiday-request table.absences > tbody > tr > td.quotaExhausted {
	background-color: #FCCBB4;
}

#holiday-request .allocation-info.timesegment.shortname_R{	/* Riposo */
	background: rgba(153, 153, 255, 1.00) !important;
}

#holiday-request .allocation-info.timesegment.shortname_FR{	/* Ferie revocata */
	background: rgba(255, 0, 255, 1.00) !important;
}

#holiday-request .allocation-info.timesegment.shortname_I{	/* Intervallo */
	background: rgba(0, 153, 153, 1.00) !important;
}

#holiday-request .allocation-info.timesegment.shortname_IT{	/* Intervallo */
	background: rgba(0, 153, 153, 1.00) !important;
}

#holiday-request .allocation-info.timesegment.shortname_7010{	/* Malattia */
	background: rgba(153, 204, 255, 1.00) !important;
}

#holiday-request .allocation-info.timesegment.shortname_7269{	/* Corso */
	background: #EB9719 !important;
}

#holiday-request .allocation-info.timesegment.shortname_7569{	/* Corso in trasferta */
	background: #EB9719 !important;
}

#holiday-request .allocation-info.timesegment.shortname_F{	/* Ferie */
	background: rgba(181, 219, 130, 1.00) !important;
}

#holiday-request .allocation-info.timesegment.shortname_7403{	/* 1/2 Ferie */
	background: rgba(255, 153, 0, 1.00) !important;
}

#holiday-request .allocation-info.timesegment.shortname_RF{	/* Richiesta Ferie */
	background: rgba(242, 205, 79, 1.00) !important;
}

#holiday-request .allocation-info.timesegment.shortname_xRF{	/* Richiesta Ferie */
	background: rgba(242, 205, 79, 1.00) !important;
}

#holiday-request .allocation-info.timesegment.shortname_FN{	/* Ferie Negata */
	background: rgba(255, 0, 0, 1.00) !important;
        color: rgb(253, 250, 250);
}

#holiday-request .allocation-info.timesegment.shortname_xFN{	/* Ferie Negata */
	background: rgba(255, 0, 0, 1.00) !important;
        color: rgb(253, 250, 250);
}

#holiday-request .allocation-info.timesegment.shortname_7835{	/* Visita disposta da società */
	background: rgba(102, 255, 102, 1.00) !important;
}

#holiday-request .allocation-info.timesegment.shortname_CP{	/* Congé payé */
	background: rgba(0, 0, 255, 1.00) !important;
}

#holiday-request .allocation-info.timesegment.shortname_DCP{	/* Demande de congé payé */
	background: rgba(176, 176, 255, 1.00) !important;
}

#holiday-request .allocation-info.timesegment.shortname_RP{	/* Repos périodique  */
	background: rgba(255, 128, 0, 1.00) !important;
}

/* Popup Richiesta ferie*/

#holiday-request .request-popup.clearfix {
	width: 520px;
}
#holiday-request .request-popup .types ul li .permission-container {
	width: 480px;
}
#holiday-request .request-popup .types ul li .description {
	width: 75%;
}

#holiday-request input.hasDatepicker {
	font-size: 18px;
	line-height: 18px;
	height: 1.5em;
}

#holiday-request .allocation-info.timesegment.type_absence.shortname_RF {
	color: #000000;
	text-shadow: 1px 1px #FFFFFF
}

#holiday-request .allocation-info.timesegment.type_absence.shortname_xRF {
	color: #000000;
	text-shadow: 1px 1px #FFFFFF
}

#holiday-request .request-popup .types ul li.active {
	background-color: #002647;
}

/* Show remaining deletions but not remaining requestable days */
#holiday-request #holiday-request-submit .request-info.clearfix {
	visibility: hidden;
	padding: 0;
	margin: 0;
}

/* Popup Richiesta Nastro */

#wish-request .request-popup .types ul li.active {
	background-color: #2F6946;
}

#wish-request .requestable_type_shiftclass {
	background-color: #99FF86;
	color: #000000;
	border: solid 1px;
	border-color: #2F6946;
}

/* List item with "REP-NO" comes alphabetically first -> set red background if selected */
#wish-request .request-popup .types ul li:first-child.active {
	background-color: #c00305;
}

#wish-request .requestable_type_shiftclass.shortname_REP-NO {
	border-color: #a70204;
}

/* Richiesta Nastro */

.requestable_type_shiftclass.shortname_REP-NO {
	background: -moz-linear-gradient(270deg, #c92c2e 0%, #c00305 100%);
	background: -ms-linear-gradient(270deg, #c92c2e 0%, #c00305 100%);
	background: -o-linear-gradient(270deg, #c92c2e 0%, #c00305 100%);
	background: -webkit-linear-gradient(270deg, #c92c2e 0%, #c00305 100%);
	background: linear-gradient(180deg, #c92c2e 0%, #c00305 100%);
	background-color: #c00305;
}

/* Colore turni guida programmazione (rosso) */

#long-term-duties .allocation-info.singleduty {
	background: url(get?file=images/custom09.png) left bottom repeat; 
	background-size: auto 300%;
	background-color: #991122;
	border: 1px solid #891223;
}


/* Colore pulsante gestione operativa */
#duties .headline ul.usecase-switch li.active a {
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	background: #00558F;
	background-image: url(get?file=images/custom09.png); 
	background-position: left bottom; 
	background-size: auto 300%;
	border: 1px solid #606061;
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
}

#duties .allocation-info.singleduty, body.duties .allocation-info.singleduty {
	background: #00558F;
	background-image: url(get?file=images/custom09.png); 
	background-position: left bottom; 
	background-size: auto 300%;
}



/* Bordi Gestione Operativa */

body.duties .wrapper,
#duties .wrapper,
#duties .wrapper #tableview table.duties tr td, 
#duties .wrapper #tableview table.duties tr td:last-child,
#duties .wrapper #tableview table.duties tr:last-child td,
#duties .wrapper .button-add,
#duties .wrapper .headline ul.usecase-switch li a, 
#duties .wrapper .headline ul.date-navigation li a,
#duties .wrapper .headline ul.usecase-switch li:last-child a,
#duties .wrapper .headline ul.date-navigation li:last-child a {
	border-color: #00558F;
	border-right-color: #00558F;
	border-bottom-color: #00558F;
}

/* Colore pulsante programmazione (rosso) */

#long-term-duties .headline ul.usecase-switch li.active a {
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	background: url(get?file=images/custom09.png) left bottom repeat; 
	background-size: auto 300%;
	background-color: #991122;
	border-color: #900309;
	border-right-width: 0;
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
}

/* Bordi Programmazione */

#long-term-duties .wrapper #tableview table.duties tr td, 
#long-term-duties .wrapper #tableview table.duties tr td:last-child,
#long-term-duties .wrapper #tableview table.duties tr:last-child td,
#long-term-duties .wrapper .button-add,
#long-term-duties .wrapper .headline ul.usecase-switch li a, 
#long-term-duties .wrapper .headline ul.date-navigation li a,
#long-term-duties .wrapper .headline ul.usecase-switch li:last-child a,
#long-term-duties .wrapper .headline ul.date-navigation li:last-child a {
	border-color: #900309;
	border-right-width: 1px;
	border-right-color: #900309;
	border-bottom-color: #900309;
}


/* Colore dettaglio turno guida programmato */

body.long-term-planing-duties .allocation-info.singleduty {
	background: url(get?file=images/custom09.png) left bottom repeat; 
	background-size: auto 300%;
	background-color: #991122;
}


/* Colore servizio in Modifica */

.allocation-info.work_in_progress {
	background: url(get?file=images/custom09.png) left bottom repeat; 
	background-size: auto 250%;
	background-color: #AC8D12;
	border: 1px solid #494949;
	color: #000000;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Formattazione dettaglio */

#duty-details .table-header-block {
	width: 100%;
}

#duty-details .duty-components-table-row.duty_component.type_long_name_Corsa0020di0020linea td,
#duty-details .duty-components-table-row.duty_component.type_long_name_Linienfahrt td,
#duty-details .duty-components-table-row.duty_component.type_long_name_Revenue0020Trip td {	/* Riga evidenziata se Tipo Servizio è Corsa di Linea */
	background-color: #FFFF42;
}

#duty-details .duty-components-table-row.duty_component.type_long_name_Percorso0020di0020trasferimento td,
#duty-details .duty-components-table-row.duty_component.Passenger td,
#duty-details .duty-components-table-row.duty_component.type_long_name_Übergangsweg td,
#duty-details .duty-components-table-row.duty_component.type_long_name_Mitfahrt td,
#duty-details .duty-components-table-row.duty_component.type_long_name_Transfer0020travel0020time td,
#duty-details .duty-components-table-row.duty_component.type_long_name_Passage0020trip td {	/* Riga evidenziata se Tipo Servizio è Percorso trasferimento */
	background-color: #BAEECB;
}
 

#duty-details .duty-components-table-row.duty_component.type_long_name_Riserva td.trip_numbers {	/* Testo del campo Corsa trasparente se Tipo Servizio è Riserva */
	color: rgba(0,0,0,0);
}

body.duties .duty-components-popup .allocations .allocation .table-header-block,
body.long-term-planing-duties .duty-components-popup .allocations .allocation .table-header-block {
	border-width: 1px;
	border-color: #000000;
}

body.duties .duty-components-popup .allocations .allocation .content,
body.long-term-planing-duties .duty-components-popup .allocations .allocation .content {
	border-color: #000000;
}

.duty-components-popup .allocations .allocation .table-header-block.type_offday td,
.duty-components-popup .allocations .allocation .table-header-block.type_absence td,
.duty-components-popup .allocations .allocation .table-header-block.standby td,
.duty-components-popup .allocations .allocation .table-header-block.work_in_progress td {
	font-size: 18px;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	text-shadow: 1px 1px #FFFFFF;
}

.duty-components-popup .allocations .allocation .table-header-block.type_offday.shortname_RQQ60 td {
	color: #FFFFFF;
	text-shadow: 1px 1px #000000;
}

.duty-components-popup .allocations .allocation .table-header-block.status_Agente0020Avvisato_Agente0020da0020Avvisare {
	background-image: url(get?file=images/custom02.png), url(get?file=images/custom09.png); 
	background-position: left top, left bottom;
	background-repeat: no-repeat, repeat;
	background-size: auto, auto 300%;
}
.duty-components-popup .allocations .allocation .table-header-block.duty_defect.status_Agente0020Avvisato_Agente0020da0020Avvisare {
	background-image: url(get?file=images/custom09.png); 
	background-position: left bottom;
	background-repeat: repeat;
	background-size: auto 300%;
}

.duty-components-popup .allocations .allocation .table-header-block td.circlecol {
	text-align: center;
}


/* Formattazione Ferie ristretto */

.reduce-to-medium .allocation-info .allocation-name {
	font-weight: bold;
	font-size: 14px;
}

/* Formattazione pulsante attivo messaggi */

.headline ul.message-filter li.active a {
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	background: url(get?file=images/custom09.png) left bottom repeat; 
	background-size: auto 300%;
	background-color: #C00022;
	border: 1px solid #900309;
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
}


/* Messaggio "Non ci sono messaggi" */

.no-messages-message {
	font-size: 18px;
	text-align: center;
	margin-top: 20px;
}

/* Pulsante Conferma Presa Visione */

#duty-details .duty-components-popup #confirmButton {
	background-image: url(get?file=images/custom09.png) left bottom repeat; 
	background-size: auto 300%;
	background-color: #002746;
	color: #FFFFFF;
	text-shadow: 1px 1px #000000;
	float: left;
	margin: 10px 0 20px 0;
}

/* Risultato Presa in Servizio */

#duty-sign-on-result .dutySignOnInnerBox {
	visibility: hidden;
	height: 0;
}

#duty-sign-on-result .heading {
	line-height: 30px;
	font-size: 18px;
	text-shadow: 1px 1px #000000;
	color: #FFFFFF;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

#duty-sign-on-result .button {
	float: right;
}

#duty-sign-on-result .button a {
	color: #000000;
}

/* Presa in Servizio > Disponibilità */

#duty-sign-on-menu ul li.__active__ {
	height: 0;
	visibility: hidden;
}

/* Form di login */

.loginform {
	width: 600px !important;
	height: 350px !important;
	background: url(get?file=images/custom07.png) center top no-repeat !important;
	background-color: #FFFFFF !important;
	top: -250px !important;
}

.header_logo_login {
	background: none !important;
}

.login_title {
	visibility: hidden;
}

.login_message {
	margin-top: 100px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;

}

.login_message .normal_login {
	color: #002D5B;
}

.login_field {
	margin-left: 20px;
}


.login_field label{
	font-weight: bold;
	margin-top: 10px;
}

.login_button {
	height: 40px;
	width: 100px;
	margin-left: 20px;
	font-weight: bold;
}


.allocation-info.timesegment, .allocation-info.standby {
	background-image: url(get?file=images/custom09.png) !important;
	background-position: left bottom !important; 
}

/* ======================================== */
/* Personalizzazione Trenitalia 19/09/2014  */
/* ======================================== */

.allocation-info.timesegment.type_offday.shortname_R {
	color: rgba(255, 255, 255, 1);
	background: rgba(142, 142, 241, 1);
	border: 1px solid black;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.20);
}

/* data calendario nera */

#tableview table.duties tr td .date {
  color: #000000;
}

#duty-details .duty-components-popup .button {
float: left;
margin-top: 1px;
}

/* colore pulsante conferma turno da avvisare */

#confirmButton.button{
	color: #ffffff;
	margin-top: 7px;
	margin-left :1px;
	background: -moz-linear-gradient(180deg, #BF3058 0%, #8F2E00 100%);
	background: -ms-linear-gradient(180deg, #BF3058 0%, #8F2E00 100%);
	background: -o-linear-gradient(180deg, #BF3058 0%, #8F2E00 100%);
	background: -webkit-linear-gradient(180deg, #BF3058 0%, #8F2E00 100%);
	background: linear-gradient(180deg, #BF3058 0%, #8F2E00 100%);
	background-color: #8F2E00;
	border-color: #900309;
	border-right-width: 0;        
}
#duty-details .duty-components-popup #confirmButton {
	text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}

#holiday-request .allocation-info.timesegment.shortname_RW{	/* Riposo weekend */
	background: rgba(250, 120, 229, 1) !important;
}

#holiday-request .allocation-info.timesegment.shortname_RQQ{	/* Riposo Quanti qualitativo */
	background: rgba(201, 50, 195, 1) !important;
}

#holiday-request .allocation-info.timesegment.shortname_RQQ60{	/* Riposo Quanti qualitativo */
	background: rgba(201, 50, 195, 1) !important;
}


/* accentrano la stringa delle assenze nel calendario turni guida */

.vertically-centered, .image-button, .button-add, .request-popup .types ul li > *, .display-full .allocation-info.timesegment.type_absence, .display-full .allocation-info.name-only, .display-full .allocation-info.duty_defect {
  height: 100%;
  display: table; 
}
.display-full .allocation-info.timesegment.type_absence > * , .display-full .allocation-info.name-only > * {
  display: table-cell; 
  vertical-align: middle;
  height: 74px;
}
.display-full .allocation-info.duty_defect {
  vertical-align: middle;
  height: 74px;
}
.request-popup .types ul li > * {
	margin-left:35px;
}

/* griglia e altezza riga nel dettaglio turni guida */

.datatable td {
  font-size: 14px; 
  box-shadow: inset 0 0 2px #002548;
}



/* bordatura nera dei pulsanti */

.button, .button-add, .button-base, .button-normal, .login_button, .image-button, #password-change_0, ul.date-navigation li a, ul.message-filter li a, .request-popup .popup-button, .header .brand .duty-done, .header .brand .settings, .header .brand .logout, .header .brand .print-all-menu, .mainNavi_out ul.mainNavi li a, .headline ul.message-filter li a, .headline ul.date-navigation li a, .headline ul.usecase-switch li a, .headline ul.element-filter li a {
	border-color: rgba(19, 1, 1, 1) rgba(0, 0, 0, 1) rgba(19, 1, 1, 1);
}


/* no print buttons for Trenitalia because employees would expect something different */
.print { 
	display: none !important;
}


.mainNavi_out ul.mainNavi li a {
	border-color: #000707 !important;
}


/* if print buttons should be disabled then probably also the "print all" button on top */
.print-all-menu { 
	display: none !important;
}

/* nascosta il valore della coda per le celle diverse da RF */

.queue-position {
	display: none !important;
}


#holiday-request .shortname_RF .queue-position{	
	display: block !important;
	font-size: 11px;
	line-height: 9px;
	text-align: right;
	right: 2px;
	top: -2px;
}

#holiday-request .shortname_xRF .queue-position{	
	display: block !important;
	font-size: 11px;
	line-height: 9px;
	text-align: right;
	right: 2px;
	top: -2px;
}

#holiday-request .shortname_DCP .queue-position{	
	display: block !important;
	font-size: 11px;
	line-height: 9px;
	text-align: right;
	right: 2px;
	top: -2px;
}


/* celle gialla trasformata in bianco */
#holiday-request .approved-holiday-high {
	background: #ffffff !important;
}

#_-holiday-request-pop-up > div.types.clearfix > ul > li > div.description  {
	display: table-cell;
	vertical-align: middle;
}


/* Desktop main menu 
div[lang="en"] .mainmenu-duties-default-title { display: none; }
div[lang="en"] .mainmenu-duties-custom-title:after { content: "Custom text1";}
*/

/* Desktop sub menu*/
ul[lang="it"] .duties-default-title { display: none; }
ul[lang="it"] .duties-custom-title:after { content: "Gestione Operativa"; }
ul[lang="it"] .long-term-planing-duties-default-title { display: none; }
ul[lang="it"] .long-term-planing-duties-custom-title:after { content: "Programmato";}

/* PDA/smartphone menu + headline duty details */
div[lang="it"] .duties-default-title { display: none; }
div[lang="it"] .duties-custom-title:after { content: "Gestione Operativa"; }
div[lang="it"] .long-term-planing-duties-default-title { display: none; }
div[lang="it"] .long-term-planing-duties-custom-title:after { content: "Programmato";}


/* Absences/Holiday requests: remove background color for saturdays and sundays */
#absence-overview .allocation-info.first_weekend_day_background, 
#holiday-request .allocation-info.first_weekend_day_background {
	background: #fff;
}

/* Absences/Holiday requests: remove background color for saturdays and sundays */
#absence-overview .allocation-info.second_weekend_day_background, 
#holiday-request .allocation-info.second_weekend_day_background {
	background: #fff;
}

/* Holiday request */
.request-popup .types ul li .short-symbol {
	display: inline-block;
	height: 3em;
	line-height: 3em;
	margin: 0.4em;
}

.request-popup .shortname_F .type_abbreviation span {
	display: none;
}
.request-popup .shortname_F .type_abbreviation:after {
	content: "F";
	position: absolute;
	left: 47%;
}

#holiday-request .type_abbreviation {
	overflow: visible;
}

#holiday-request .split_color {
	display: none;
}



/* Duty details: button positions */
#duty-details .duty-components-popup #confirmButton {
	float: right;
}
#duty-details .headline.clearfix {
	position: relative; 
	z-index: 10000;
}
#duty-details .headline .button-add {
	float: right;
	margin-right: 0;
	margin-left: 20px;
}
#duty-details .headline .button-add span {
	font-size: 14px;
	font-weight: bold;
}

/* Duty detail: Absences */
#duty-details .table-header-block.timesegment span.info {
	display: inline-block;
	margin-left: 15px;
}
#duty-details .table-header-block.work_in_progress span.info {
	display: inline-block;
	margin-left: 5px;
}
#duty-details .table-header-block.timesegment.shortname_RQQ td,
#duty-details .table-header-block.timesegment.shortname_I td {
	color: #ffffff !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.8) !important;
}
#duty-details .table-header-block.timesegment.shortname_R .time-info,
#duty-details .table-header-block.timesegment.shortname_I .time-info {
	display: none;
}


/* Messages: margin to date navigation */
ul.element-filter {
	margin-left: 20px;
}



/* hide help button */
.header .brand span.help {
	display: none;
}