body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	margin: 0px;
	padding: 0px;
	background-color: #e9e9e9;
}

.page {
	color: #414141;
	margin: -4px auto 0px auto;
}

a {
	text-decoration: none;
}

.ApplicationTitleLogin {
	background-color: Transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #008055;
	font-style: italic;
	font-weight: bold;
}

.SectionTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bold;
}

.RigaVertical {
	background-image: url('../images/rigav.png');
	height: 100px;
	width: 3px;
}

.HomeTable {
	background-color: #9C9CA4;
}
/*
Login
*/
.LoginTitle {
	background-color: #008055;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}

.LoginLabel {
	border: none 0px Black;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.LoginNote {
	border: none 0px Black;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

	.LoginNote A {
		border: none 0px Black;
		color: #666666;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
	}

		.LoginNote A:visited {
			border: none 0px Black;
			color: #666666;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
		}

		.LoginNote A:hover {
			border: none 0px Black;
			color: #008055;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
		}
/*
Controls
*/
.TextBox {
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
}

.TextBoxDataEntry {
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	text-align: right;
}

.DropDownList {
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
}

.RadioButtonList {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
}

.Label {
	border: none 0px Black;
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.Validator {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: Red;
}

.Hidden {
	display: none !important;
}

.LoginStatus {
	font: 12px Arial;
	color: #666666;
}
/*
Buttons
*/
.LoginButton {
	display: inline-block;
	border: 1px solid #666666;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px Arial;
	padding: 5px 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-moz-box-shadow: 2px 2px 5px 0px #696969;
	-webkit-box-shadow: 2px 2px 5px 0px #696969;
	border-radius: 6px;
	box-shadow: 2px 2px 5px 0px #696969;
	color: #666666;
	background: #f1f1f1;
}

/*
Labels
*/
.lblRed {
	color: #C41B21;
	font-weight: bold;
}

.lblRedRet {
	font-weight: bold;
	background-color: #8AABC4;
	color: #C41B21;
	font-size: 10px;
	border: solid 1px #E4E4E4;
	height: 27px;
	padding-left: 3px;
	padding-right: 3px;
}

.Note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #828387;
}

	.Note A {
		background-color: White;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #828387;
		text-decoration: underline;
	}

		.Note A:visited {
			background-color: White;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #828387;
			text-decoration: underline;
		}

		.Note A:hover {
			background-color: White;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #008055;
			text-decoration: underline;
		}

.DetailsLabel {
	border: none 0px Black;
	color: #414141;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.DetailsViewLabel {
	border: none 0px Black;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.DataListLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #008055;
}

	.DataListLabel A {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #008055;
		text-decoration: none;
	}

		.DataListLabel A:visited {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #008055;
			text-decoration: none;
		}

		.DataListLabel A:hover {
			color: Red;
		}

/*
Page intestation
*/
.TopPage {
	background-color: #008055;
	border-bottom: solid 1px #008055;
	border-left: solid 1px #008055;
	border-right: solid 1px #008055;
	border-top: solid 1px #008055;
}

.TopPageLabel {
	background-color: Transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #008055;
}

.TopPageIdentificationLabel {
	background-color: Transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

.TopDate {
	border-bottom: none 1px Black;
	border-left: none 1px Black;
	border-right: none 1px Black;
	border-top: none 1px Black;
	background-color: Transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #008055;
	text-align: center;
}
/*
Menu
*/
.MenuTable {
	background-image: url(../images/top_cx.png);
}

/*
Panels
*/
.ContentPlaceHolder {
	background-color: White;
	border-bottom: none 1px #666666;
	border-left: none 1px #666666;
	border-right: none 1px #666666;
	border-top: none 1px #666666;
}

.Data_Table {
	border: 1px solid #dcdcdc;
	background-color: #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 4px 4px 4px 0px #696969;
	-moz-box-shadow: 2px 2px 5px 0px #696969;
	-webkit-box-shadow: 2px 2px 5px 0px #696969;
}

.ShadowPopup {
	border: 1px solid #dcdcdc;
	background-color: #ffffff;
	box-shadow: 5px 5px 5px 0px #696969;
	-moz-box-shadow: 3px 3px 6px 0px #696969;
	-webkit-box-shadow: 3px 3px 6px 0px #696969;
}

.NewModal {
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 5px 5px 5px 0px #696969;
	-moz-box-shadow: 3px 3px 6px 0px #696969;
	-webkit-box-shadow: 3px 3px 6px 0px #696969;
}



.GreenPanel {
	border: 1px solid #666666;
	background-color: #008055;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 4px 4px 4px 0px #696969;
	-moz-box-shadow: 2px 2px 5px 0px #696969;
	-webkit-box-shadow: 2px 2px 5px 0px #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	cursor: pointer;
	font-weight: bold;
}

.ttlPanel {
	background-color: #008055;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	cursor: pointer;
	font-weight: bold;
}
/*
GridView
*/
.GridViewHeader {
	background-color: #414141;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	font-weight: bold;
}

	.GridViewHeader A {
		background-color: #414141;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: White;
		font-weight: bold;
		text-decoration: none;
	}

		.GridViewHeader A:visited {
			background-color: #414141;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: White;
			font-weight: bold;
		}

		.GridViewHeader A:hover {
			background-color: #414141;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: Yellow;
			font-weight: bold;
		}

.GridViewRow {
	background-color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	padding: 0 0 0 0;
	letter-spacing: 0;
	word-spacing: 0;
}

.GridViewRowAlternative {
	background-color: #EBEBEB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
}

.GridViewRowLower {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: Black;
	font-style: italic;
}

.GridViewFooter {
	background-color: #008055;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	font-weight: bold;
}

.GridViewEmpty {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	font-style: italic;
	font-weight: bold;
}

.CountBanknotesSection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414141;
	font-weight: bold;
}

.RowHeader {
	background-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #008055;
	font-weight: bold;
}

.PageFooterLabel {
	background-color: Transparent;
	color: #008055;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.CanceledRow {
	background-color: #ff6464;
}

.e-alt_row CanceledRow {
	background-color: #ff6464;
}

.BlueRow {
	background-color: #0099CC;
}

.GreenRow {
	background-color: #00d800;
}

.LightBlueRow {
	background-color: #33e5ea;
}

.LightGreenRow {
	background-color: #99FF66;
}

.FuchsiaRow {
	background-color: #ec92e0;
}

.PinkRow {
	background-color: #FF69B4;
}

.YellowRow {
	background-color: #FFCC00;
}

.LightYellowRow {
	background-color: #FFFF66;
}

.CommonRow {
	background-color: white;
}

.MulitpleConsignmentRow {
	background-color: lightsteelblue;
}

/* Modal Popup */
.ModalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.ModalPopup {
	background-color: #ffffff;
	box-shadow: 4px 4px 4px 0px #696969;
	-moz-box-shadow: 2px 2px 5px 0px #696969;
	-webkit-box-shadow: 2px 2px 5px 0px #696969;
}


.UpdateProgressDiv {
	position: absolute;
	z-index: 10;
	left: expression((this.offsetParent.clientWidth/2)-(this.clientWidth/2)+this.offsetParent.scrollLeft);
	top: expression((this.offsetParent.clientHeight/2)-(this.clientHeight/2)+this.offsetParent.scrollTop);
}

.UpdateProgressTable {
	border: 2px solid #FF0000;
	background-color: White;
}

.UpdateProgressLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}
/*
REPORT VIEWER
*/
.ReportViewer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	border: 1px solid #CCCCCC;
}

/*
TextBox
*/
.bootstrapStyleTextBox {
	padding: 12px 20px;
	/*margin: 8px 0;*/
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	height: 30px;
}

.bootstrapStyleBigTextBox {
	padding: 12px 20px;
	/*margin: 8px 0;*/
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	height: 100px;
	resize: none;
}

/*
DropList
*/
.bootstrapStyleDropList {
	/*margin: 8px 0;*/
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	height: 30px;
}

.bootstrapStyleDropListError {
	display: inline-block;
	border: 1px solid red;
	border-radius: 4px;
	box-sizing: border-box;
	height: 30px;
}

/*
DATEtime picker
*/
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

	.ui-timepicker-div dl dt {
		height: 25px;
		margin-bottom: -25px;
	}

	.ui-timepicker-div dl dd {
		margin: 0 10px 10px 65px;
	}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-timepicker-rtl {
	direction: rtl;
}

	.ui-timepicker-rtl dl {
		text-align: right;
	}

		.ui-timepicker-rtl dl dd {
			margin: 0 65px 10px 10px;
		}

/*Tabella nel main.asp*/
.cellHeader {
	width: 10%;
	text-align: center;
	border-bottom: 1px solid white;
	border-left: 0px solid white;
	border-right: 1px solid white;
	border-top: 0px solid white;
}

.cellHeader2 {
	text-align: center;
	border-bottom: 0px solid white;
	border-left: 0px solid white;
	border-right: 1px solid white;
	border-top: 0px solid white;
}

.cellItem {
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 0px none black;
	border-top: 0px none black; /*             border-width: 1px;             border-style: none solid none solid;             */
	width: 10%;
}

.cellItem2 {
	border-bottom: 1px solid black;
	border-left: 0px solid black;
	border-right: 0px none black;
	border-top: 0px none black;
}

.tableHeader {
	width: 100%;
}

.tableItemUp {
	width: 100%;
	border-bottom: 0px none black;
	border-left: 0px none black;
	border-right: 1px solid black;
	border-top: 1px none black;
}

.tableItemDown {
	width: 98%;
	border-bottom: 0px none black;
	border-left: 0px none black;
	border-right: 1px solid black;
	border-top: 1px none black;
}


.GridSearch {
	border: solid 1px #E4E4E4;
	background-color: White;
	height: 98%;
}


.GridHeader {
	background-color: #414141;
	color: White;
	font-size: 11px;
	font-weight: bold;
	height: 35px;
	border: solid 1px #E4E4E4;
	text-decoration: none;
	text-align: center;
}

.GridHeaderDetails {
	background-color: #414141;
	color: White;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	border: solid 1px #E4E4E4;
	text-decoration: none;
}


.GridHeader a:link {
	background-color: #414141;
	color: White;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.GridHeader a:visited {
	background-color: #414141;
	color: White;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.GridHeader a:hover {
	background-color: #414141;
	color: gray;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.GridItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-left: solid 1px #E4E4E4;
	border-right: solid 1px #E4E4E4;
	border-top: solid 1px #c2bde4;
	border-bottom: solid 1px #c2bde4;
	height: 27px;
	padding-left: 3px;
	color: #252525;
}

.GridItemRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: solid 1px #E4E4E4;
	height: 27px;
	padding-right: 3px;
	color: #252525;
}


.GridItemDetails {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: solid 1px #E4E4E4;
	height: 20px;
	padding-left: 3px;
	color: #252525;
}

.GridItemHidden {
	display: none;
}


.GridItemWithImg {
	border-left: solid 1px #E4E4E4;
	border-right: solid 1px #E4E4E4;
	border-top: solid 1px #c2bde4;
	border-bottom: solid 1px #c2bde4;
	vertical-align: middle;
	text-align: center;
	height: 27px;
}


.GridItemFunction {
	border: solid 1px #E4E4E4;
	height: 22px;
}

.GridPager a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #C41B21;
}

.GridPager a:visited {
	font-size: 11px;
	color: green;
}

.GridPager a:hover {
	font-size: 11px;
	text-decoration: underline;
}

.ImgAlign {
	font-size: 11px;
	vertical-align: middle;
}


.bkg_Section {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #414141;
	background-color: #F7F7F7;
	padding-left: 10px;
	border-bottom: solid 1px #DCDCDC;
	text-align: left;
}

.MenuLeft {
	/*background-image: url(../images/menu_leftcorner.png);*/
	background-repeat: no-repeat;
	height: 34px;
	/*width: 3px;*/
}

.MenuCenter {
	background-image: url(../images/menu_sep.png);
	background-repeat: repeat-x;
	height: 34px;
	/*width: 720px;*/
}

.MenuRight {
	background-image: url(../images/menu_sep.png);
	background-repeat: repeat-x;
	width: 7px;
	vertical-align: middle;
}

.footer {
	font-size: 10px;
	color: #4e5766;
	margin: 0px auto;
	text-align: left;
	line-height: normal;
	background: #ffffff;
	padding-left: 5px;
}

input.textEntry {
	border: 1px solid #cccccc;
	background: #F2F2F2;
	font-size: 12px;
}

.TdGridNested {
	width: 95%;
	padding-bottom: 10px;
	border: 1px solid white;
	text-align: left;
}

.TdImgSubNested {
	width: 2%;
	border: 1px solid white;
	background-repeat: no-repeat;
	text-align: right;
	vertical-align: top;
}

#OuterTableCellOverlay {
	background-color: white;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	z-index: 999;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}


.DatePickerEntry {
	vertical-align: top;
	font-size: 12px;
	height: 12px;
}

.TotConsMulti {
	border: 1px solid #cccccc;
	background: white;
	font-size: 12px;
	font-weight: bold;
	color: #C41B21;
	height: 16px;
	text-align: right;
}


.GridRowRet {
	background-color: #8AABC4;
	color: White;
	font-size: 10px;
	border: solid 1px #E4E4E4;
	height: 27px;
	padding-left: 3px;
	padding-right: 3px;
}


.GridRowExp {
	background-color: #FFFFFF;
	font-size: 10px;
	border: solid 1px #E4E4E4;
	height: 27px;
	padding-left: 3px;
	padding-right: 3px;
}


.GridRowRemote {
	background-color: #C6F1FF;
	font-size: 10px;
	border: solid 1px #E4E4E4;
	height: 27px;
	padding-left: 3px;
	padding-right: 3px;
}


.GridRowTaxi {
	background-color: #FFFFB3;
	font-size: 10px;
	border: solid 1px #E4E4E4;
	height: 27px;
	padding-left: 3px;
	padding-right: 3px;
}


.GridRowCancel {
	background-color: #C41B21;
	color: White;
	font-size: 10px;
	border: solid 1px #E4E4E4;
	height: 27px;
	padding-left: 3px;
	padding-right: 3px;
}





.boxInfoPreviewZoomedOld {
	background-color: White;
	border: 1px solid #111111;
	color: #333333;
	filter: alpha(opacity=90);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	left: 80px;
	opacity: .90;
	padding: 3px 3px 3px 3px;
	position: fixed;
	top: 15px;
	vertical-align: top;
}

.boxInfoPreviewZoomed {
	border: 2px solid #666666;
	background-color: White;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 4px 4px 4px 0px #696969;
	-moz-box-shadow: 2px 2px 5px 0px #696969;
	-webkit-box-shadow: 2px 2px 5px 0px #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	cursor: pointer;
	position: fixed;
	width: 300px;
	vertical-align: top;
	top: 15px;
	left: 80px;
	color: #666666;
	filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	visibility: visible;
	padding: 5px 5px 5px 5px;
}

.boxInfoPreviewRedux {
	background-color: White;
	height: 0px;
	visibility: hidden;
	width: 0px;
}


.CommandsRowTable {
	background-color: #f9f9f9;
	border: 1px solid #e4e4e4;
}

.TeamAllocationSlotContainer {
	float: left;
	/*margin: 0 5px;*/
	margin: 0;
	width: 100%;
}

.WithDeliveries {
	background-color: #FFFECC;
}

.TeamAllocationSlotContainer > .Box {
	border: 1px solid black;
	border-radius: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 3px 0;
	padding: 3px;
	min-height: 158px;
}

.TasBox {
	border: 1px solid black;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 3px 0;
	padding: 1px;
}

.TeamAllocationSlotContainer .GridHeader {
	height: max-content;
}

.TeamAllocationSlotContainer .GridItem {
	height: max-content;
}

.TeamAllocationSlotContainer .Name {
	text-align: right;
	font-weight: bold;
}

.TeamAllocationSlotContainer .Value {
	text-align: left;
	font-weight: normal;
}

.TeamAllocationSlotContainer .Title {
	font-weight: bold;
	font-size: 10px;
}

.TeamAllocationSlotContainer .ZonesContainer {
	width: 100%;
	overflow: auto;
}

.TeamAllocationSlotContainer .DeliveriesContainer {
	width: 100%;
	overflow: auto;
}

.PanelMessageContent {
	border: 1px solid black;
	padding: 5px;
	background-color: #FCFFC9;
}

.SmallAddictionalText {
	font-size: 8px;
	font-style: italic;
}

.DeliveryShortcut {
	font-style: italic;
}


/* Font awesome */

.FALinkButton {
	color: inherit;
}

	.FALinkButton:hover {
		color: #1B809E;
	}

.FALinkButtonDisabled {
	color: gray;
}

	.FALinkButtonDisabled:hover {
		color: gray;
	}

.FAStatusLinkButton {
	color: inherit;
	/*background-color: lightgray;*/
}

	.FAStatusLinkButton:hover {
		color: none;
	}

.FALinkButtonOff {
	color: #f10400;
}

	.FALinkButtonOff:hover {
		color: #f10400;
	}

.FALinkButtonOn {
	color: green;
	cursor: default;
}

	.FALinkButtonOn:hover {
		color: green;
		cursor: default;
	}

.export-button {
	padding: 2px;
	background-color: whitesmoke;
	color: #28A745;
	border: 1px solid #28A745;
	border-radius: 3px
}

	.export-button:hover {
		padding: 2px;
		background-color: #28A745;
		color: white;
		border: 1px solid #28A745;
		border-radius: 3px
	}

.newGenericButton {
	padding: 2px;
	background-color: whitesmoke;
	color: green;
	border: 1px solid green;
	border-radius: 3px
}

	.newGenericButton:hover {
		padding: 2px;
		background-color: green;
		color: white;
		border: 1px solid green;
		border-radius: 3px
	}

	.newGenericButton:disabled {
		padding: 2px;
		background-color: gray;
		color: white;
		border: 1px solid gray;
		border-radius: 3px
	}

.newGenericButtonRed {
	padding: 2px;
	background-color: whitesmoke;
	color: #c22717;
	border: 1px solid #c22717;
	border-radius: 3px
}

	.newGenericButtonRed:hover {
		padding: 2px;
		background-color: #c22717;
		color: white;
		border: 1px solid #c22717;
		border-radius: 3px
	}

	.newGenericButtonRed:disabled {
		padding: 2px;
		background-color: gray;
		color: white;
		border: 1px solid gray;
		border-radius: 3px
	}

.gridDetailsButton {
	padding: 2px;
	background-color: whitesmoke;
	color: #414141;
	border: 1px solid #414141;
	border-radius: 3px
}

	.gridDetailsButton:hover {
		padding: 2px;
		color: #c41b21;
		border: 1px solid #c41b21;
		border-radius: 3px
	}

	.gridDetailsButton:disabled {
		padding: 2px;
		background-color: gray;
		color: white;
		border: 1px solid gray;
		border-radius: 3px
	}

/* Font awesome END */

/* Colors */

.red {
	color: #f10400;
}

.green {
	color: green;
}

.blue {
	color: blue;
}

.orange {
	color: orange;
}

.grey {
	color: grey;
}

.lightgrey {
	color: lightgrey;
}

/* Colors END*/


/* General helpers */
.ErrorMessage {
	color: red;
	font-weight: bold;
}

.ImportantInfo {
	color: #1B809E;
	font-weight: bold;
}

.SuccessMessage {
	color: green;
	font-weight: bold;
}

.disabledDiv[disabled="disabled"] {
	background-color: gray;
	opacity: 0.5;
	z-index: 0;
}

.DownloadAvailable {
	color: black;
}

.DownloadNotAvailable {
	color: lightgrey;
}

/*
	Evidenzia la riga del servizio selezionato,
	all'apertura del controllo per il Service Order
*/
.HighlightServiceRow {
	background-color: #1bff9e !important;
}

/*
	applicando la classe ad una tabella,
	le righe vengono evidenziate al passaggio
*/
.HighlightRow > tbody > tr:hover {
	background-color: #c4dde1 !important;
}

.XmlNotReceived {
	color: gray;
}

.PREReceived {
	color: #009999;
}

.EDI1Received {
	color: #FFCC00;
}

.EDI2Received {
	color: green;
}

.MANUReceived {
	color: #009900;
}

.XMLUpdatePresent {
	background-color: orange;
}


.TAS_FeatureAvailable {
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	color: #414141;
	padding: 1px;
}

.TAS_FeatureUnavailable {
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	color: lightgray;
	padding: 1px;
}


/* BUTTONS - start*/

.ButtonConfirmSmall {
	background-color: #c41b21;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-style: none;
	box-shadow: none;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	padding: 1px 15px;
	width: 95px;
}

	.ButtonConfirmSmall:hover {
		background-color: #c41b21;
		opacity: 0.7;
	}

	.ButtonConfirmSmall:active {
		position: relative;
		top: 1px;
	}

.ButtonConfirmBig {
	background-color: #c41b21;
	border-radius: 3px;
	border-style: none;
	box-shadow: none;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	padding: 4px;
	width: 95px;
}

	.ButtonConfirmBig:hover {
		background-color: #c41b21;
		opacity: 0.7;
	}

	.ButtonConfirmBig:active {
		position: relative;
		/*top: 1px;*/
	}

.ButtonCancelSmall {
	background-color: #757575;
	border-radius: 3px;
	border-style: none;
	box-shadow: none;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	padding: 1px 15px;
	width: 95px;
}

	.ButtonCancelSmall:hover {
		background-color: #757575;
		opacity: 0.7;
	}

	.ButtonCancelSmall:active {
		position: relative;
		top: 1px;
	}

.ButtonCancelBig {
	background-color: #757575;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-style: none;
	box-shadow: none;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	padding: 4px;
	width: 95px;
}

	.ButtonCancelBig:hover {
		opacity: 0.7;
		background-color: #757575;
	}

	.ButtonCancelBig:active {
		position: relative;
		/*top: 1px;*/
	}

.postCodeGridButton {
	border-radius: 4px;
	border: 1px solid #ccc;
	width: 120px;
	height: 30px;
	font-family: Segoe UI,Helvetica Neue,Ubuntu,Arial;
}

	.postCodeGridButton:hover {
		background-color: #86cbea;
		cursor: pointer;
	}

/* BUTTONS - end*/
.UpdateMessage {
	background-color: lightblue;
	border: 1px solid blue;
	border-radius: 3px;
	color: blue;
	padding: 6px 0;
	text-align: center;
	width: 100%;
}

.StatusToValidatePresent {
	background-color: yellow !important;
}

.MessageToUsers {
	background-color: yellow;
	color: white;
	display: block;
	font-size: 14px;
	padding: 10px;
	text-align: center;
	width: 95%;
	margin-top: -5px;
}

/*OLD*/
.blonk {
	animation: blink 1s steps(5, start) infinite;
	-webkit-animation: blink 1s steps(5, start) infinite;
}

@keyframes blink {
	to {
		visibility: hidden;
	}
}

@-webkit-keyframes blink {
	to {
		visibility: hidden;
	}
}

/*Nicer blink*/

@keyframes blink {
	0% {
		background-color: rgba(255,0,0,1);
	}

	50% {
		background-color: rgba(255,0,0,0.5);
	}

	100% {
		background-color: rgba(255,0,0,1);
	}
}

@-webkit-keyframes blink {
	0% {
		background-color: rgba(255,0,0,1);
	}

	50% {
		background-color: rgba(255,0,0,0.5);
	}

	100% {
		background-color: rgba(255,0,0,1);
	}
}

.blink {
	border-radius: 15px;
	height: 13px;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-animation: blink normal 1.5s infinite ease-in-out;
	/* Firefox */
	-webkit-animation: blink normal 1.5s infinite ease-in-out;
	/* Webkit */
	-ms-animation: blink normal 1.5s infinite ease-in-out;
	/* IE */
	animation: blink normal 1.5s infinite ease-in-out;
	/* Opera */
}

.blinkInspection {
	border-radius: 15px;
	height: 17px;
	color: none;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-animation: blink normal 1.5s infinite ease-in-out;
	/* Firefox */
	-webkit-animation: blink normal 1.5s infinite ease-in-out;
	/* Webkit */
	-ms-animation: blink normal 1.5s infinite ease-in-out;
	/* IE */
	animation: blink normal 1.5s infinite ease-in-out;
	/* Opera */
}

/*End nicer blink*/


.FooterWithLabel {
	text-align: right;
}

	.FooterWithLabel .NumberOfRows {
		font-weight: bold;
	}


.groupPanel {
	background-color: white;
	border: 1px solid dimgrey;
	border-radius: 4px;
	margin: 3px;
	padding: 10px;
}

	.groupPanel .groupTitle {
		background-color: white;
		color: black;
		font-weight: bold;
		margin-top: -19px;
		padding: 2px 10px;
		width: 132px;
	}

.groupSearchFilter {
	background-color: beige;
	border-radius: 2px;
	margin: 0;
	padding: 5px;
}

.groupSearchFilterNoBg {
	border-radius: 2px;
	margin: 0;
}

.groupGridview {
}

.teamOverviewContainer {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	max-width: 1550px;
}

.teamOverview {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 2px;
}

	.teamOverview .teamOk {
		background-color: rgb(223,240,216);
	}

	.teamOverview .teamKo {
		background-color: rgb(242,222,222);
	}

.teamSlot {
	border: 1px solid #959595;
	margin: 5px 10px 5px 0px;
	border-radius: 2px;
}

.teamSlotGridviewContainer {
	border-left: 1px solid #959595;
	min-height: 270px;
	overflow: auto;
	/*padding-left: 10px;*/
	width: 100%;
}

.teamSlotTeamName {
	font-weight: bold;
}

.dropHereEnabled {
	background-color: rgb(251,255,204);
}

.dropHereSelected {
	background-color: rgb(255,253,117) !important;
}

.dragMe {
	border: 1px dashed black;
	padding: 2px;
	display: inline;
	cursor: move;
}

.draggableSelected {
	background-color: pink;
	font-weight: bold;
}

.ResponseOk {
	background-color: #d9edf7;
}

.ResponseKo {
	background-color: #f2dede;
}

.CompleteProgressPanel {
	background-color: darkorange;
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
}

.CompleteProgressPanelMessage {
	background-color: red;
	color: white;
	display: block;
	font-size: large;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: center;
	width: 39%;
}


.RecentUpdateReceived,
tr.RecentUpdateReceived > td > span,
tr.RecentUpdateReceived > td > div,
tr.RecentUpdateReceived > td > table > tbody > tr > td > span,
tr.RecentUpdateReceived > td > table > tbody > tr > td > a,
tr.RecentUpdateReceived > td > table > tbody > tr > td > div > a {
	background-color: black !important;
	color: white !important;
}

tr.RecentUpdateReceived > td > a {
	background-color: black !important;
	color: teal !important;
}

tr.RecentUpdateReceived > td > div.dragMe {
	border-color: white !important;
}

tr.RecentUpdateReceived.WrongDeliveryDay > td.GridItemDdTS > table > tbody > tr > td > span {
	color: red !important;
	font-weight: bold;
}

tr.WrongDeliveryDay > td.GridItemDdTS > table > tbody > tr > td > span {
	color: red !important;
	font-weight: bold;
}

.PopupPanelWithTable table {
	width: 360px;
}

	.PopupPanelWithTable table tr td {
		border-top: 1px solid black;
	}

		.PopupPanelWithTable table tr td:first-child {
			width: 170px;
			color: blue;
		}

		.PopupPanelWithTable table tr td:last-child {
			width: 190px;
			color: green;
		}

.HelpContainer {
	width: 100%;
	background-color: #FF9C9C;
}

.HelpContent {
	display: block;
	margin-right: auto;
	width: 70%;
	padding: 0px 0px;
}

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

/*Calendar button scroll  to top*/
.scrollToTop {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: grey; /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	font-size: 18px; /* Increase font size */
	opacity: 0.5;
}

	.scrollToTop:hover {
		background-color: red; /* Add a dark-grey background on hover */
		opacity: 1;
	}

.lnkIconDisabled:disabled {
	color: grey !important;
}

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

.toggleDropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

	.toggleDropdown-content a {
		color: black;
		padding: 12px 8px;
		text-decoration: none;
		display: block;
	}

/*.toggleDropdown-content a:hover {
			background-color: #ddd;
		}*/

.toggleDropdown:hover .toggleDropdown-content {
	display: block;
}

.toggleDropdown:hover .dropbtn {
	background-color: #3e8e41;
}

.higlightDropdownRow:hover {
	background-color: #ddd;
}

.show {
	display: block;
}

.badge {
	position: relative;
	margin-left: 60%;
	margin-top: -60%;
}

.CancelledSyncfusionGridRow {
	background-color: #ff4d4d;
}

.e-grid .e-groupdroparea {
	background: linear-gradient(to bottom,#3277b2,#296293) !important;
}

.e-ddl-popup .e-active {
	background: linear-gradient(to bottom,#3277b2,#296293) !important;
}

.grid-filter-field-name {
	font-size: 0.95rem;
	color: #6c757d;
}

.grid-filter-field-name-med {
	font-size: 0.85rem;
	color: #6c757d;
}

.grid-filter-dropdown {
	display: block;
	width: 100% !important;
	font-size: 1.0rem;
	font-weight: 700;
	line-height: 2;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	box-sizing: border-box;
	height: 48.38px !important;
}

	.grid-filter-dropdown:focus {
		border-color: #c41b21;
		box-shadow: 0 0 0 .2rem rgba(196, 27, 33, .15);
	}

.grid-filter-dropdown-med {
	display: block;
	width: 100% !important;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 2;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	box-sizing: border-box;
	height: 38.50px !important;
}

	.grid-filter-dropdown-med:focus {
		border-color: #c41b21;
		box-shadow: 0 0 0 .2rem rgba(196, 27, 33, .15);
	}


.grid-filter-input-med {
	font-size: 0.9rem;
	padding: 0.7rem 1rem;
	font-size: 1.0rem; /* come .kpi-value */
	font-weight: 700;
	line-height: 2;
	border-radius: .25rem;
	border: 1px solid #ced4da;
	height: 38.50px !important;
}

	.grid-filter-input-med:focus {
		border-color: #c41b21; /* palette coerente */
		box-shadow: 0 0 0 .2rem rgba(196, 27, 33, .15);
	}


/* Bordi e forma come Bootstrap */
.grid-filter-datepicker-med.e-input-group input.e-input {
	border: 1px solid #ced4da !important;
	border-radius: .25rem !important;
	box-sizing: border-box !important;
	height: calc(1.5em + .75rem + 2px); /* opzionale per allinearlo con altri input */
}

/* Icona calendario: bordo e sfondo coerenti */
.grid-filter-datepicker-med.e-input-group .e-input-group-icon.e-date-icon {
	border: 1px solid #ced4da;
	border-left: none;
	border-radius: 0 .25rem .25rem 0;
	background-color: #fff;
}

.secondaryColor {
	color: #c41b21
}

.back-secondaryColor {
	background: #c41b21
}