body
{
	transform-origin: 0 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body *
{
	font-family: 'PT Sans';
	line-height: normal;
	/* font-size: 12px; */
}

textarea
{
	resize: none;
	border: 1px solid #d3d3d3;
}

.logo_agenda
{
	background: url(../css/images/logo_agenda.png);
}

.appointmentContainer
{
	position: absolute!important; 
	margin: -1px 0px 0px -1px; 
}

.appointment
{
	position: absolute!important; 
	margin: 1px 1px 1px 1px;
	width: calc(100% - 2px);
	border: 1px solid #fff;
	/* border-radius: 3px; */
}

.appointment .content
{
	height: 100%;
}

.appointment.readonly
{
	/* border: 1px solid #fff; */
}

/*
.appointment.ui-selecting
{
	box-shadow: 0px 0px 30px 2px #f00!important;
}

.appointment.selected, .appointment.ui-selected
{
	box-shadow: 0px 0px 30px 2px #08f!important;
}
*/

.appointment.ui-selecting:after, .appointment.ui-selected:after
{
	content: " ";
	position: absolute;
	display: block;
	top: 0px;
	width: 100%;
	height: 100%;
}

.appointment.ui-selecting:after
{
	background-color: rgba(0, 128, 255, 0.2);
	box-shadow: 0px 0px 0px 1px #08f inset;
}

.appointment.ui-selected:after
{
	background-color: rgba(0, 128, 255, 0.2);
	box-shadow: 0px 0px 0px 1px #08f inset;
}

.appointment.ui-selected.selected1:after { outline: 1px solid #0a0; box-shadow: 0px 0px 5px 2px #0a0 inset; }
.appointment.ui-selected.selected2:after { outline: 1px solid #08f; box-shadow: 0px 0px 5px 2px #08f inset; }

.appointment.ui-resizable
{
	/* border: 1px solid #aaa; */
}

.appointment.readonly .descr
{
	background-color: #fafafa;
}

td.readonly 
{
	background: #fbfbfb;
}

.cLocked
{
	background: #f8f8f8;
}

.appointment .text
{
	position: absolute;
	display: inline-block;
	font-size: 9px; /* 11px; */
	margin-top: 3px; /* 0px; */
	max-height: 100%;
	width: calc(100% - 27px);
	overflow: hidden;
}

.ellips
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 60%;
}

.ui-draggable-dragging .vacancy, .ui-draggable-dragging .appointment, .ui-draggable .appointment:active, .ui-draggable .vacancy:active
{
	z-index: 20!important;
	box-shadow: 0px 0px 7px 1px #888;
	cursor: move!important;
}

.ui-draggable-dragging, .ui-resizable-resizing, .front
{
	z-index: 20!important;
}

.ui-draggable-disabled .appointment, .ui-draggable-disabled .appointment:active
{
	box-shadow: 0px 0px 0px 0px #888;
	cursor: default;
}

.appointment.readonly:active
{
	/* box-shadow: 0px 0px 0px 0px #888; */
	cursor: default;
	z-index: 20;
}

/* .appointment.readonly.vacancy.pausapranzo:active
{
	cursor: move;
} */

.appointment.vacancy
{
	background: #f0eeee url(./images/disabled_bg.png);
	background-repeat: repeat;
	/* background-image: repeating-linear-gradient(-45deg, #F8F8F8, #F8F8F8 5px, #E0E0E0 5px, #E0E0E0 10px); */
}

/* .appointment.readonly.vacancy.pausapranzo
{
	
}
*/

.appointment.readonly.vacancy.assenza
{
	opacity: 0.2;
}

#menu
{
	background: #FFF repeating-linear-gradient(3deg, rgba(0, 128, 255, 0.1), rgba(0, 128, 255, 0.3));
	padding: 0px 15px 0px 15px;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 100%;
	height: 60px;
	z-index: 16;
	/* 
		box-shadow: 0px 0px 3px #888; 
		box-shadow: 0px 0px 0px 2px #08f;
	*/
	box-shadow: 0px 0px 0px 2px #222;
}

#menu div
{
	display: inline-block;
	margin-top: 17px;
}

#menu .icon
{
	font-size: 48px;
	vertical-align: middle;
	margin-top: -17px;
	margin-right: 15px;
	/* color: #08f; */
	/* 
	color: #ecfbff;
	text-shadow: 1px 1px 1px #08f, -1px 1px 1px #08f, 1px -1px 1px #08f, -1px -1px 1px #08f; 
	*/
}

#dvZoom 
{
	display: none; 
	white-space: nowrap;
	text-align: right;
	margin-top: 38px!important;
	width: 300px;
	position: absolute;
	right: 45px;
}
#spnZoom
{ 
	display: inline-block; 
	width: calc(100% - 65px); 
}
#spnTxtZoom { display: inline-block; width: 45px; text-align: right; padding-right: 20px; }

#datepicker
{
	cursor: pointer;
}

#fc, #ct 
{
	position: absolute;
	top: 60px;
}

#gridHeaderDivContainer, #gridFixedColsDivContainer
{
	position: fixed;
	background-color: #fff;
}

#gridTdBlankCell
{
	position: fixed;
	min-width: 97px;
	height: 31px;
	background-color: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #222;
	z-index: 15;
}

#gridTdHeader, #gridTdFixedColumns
{
	position: fixed;
	z-index: 14;
}

#tdgrid
{
	position: absolute;
	z-index: 12;
}

.appointmentContainer
{
	z-index: 13;
}

#gridTdHeader, #tdgrid
{
	margin-left: 97px;
}

#gridTdFixedColumns, #tdgrid
{
	margin-top: 31px;
}

table.gridHeader, table.gridFixedCols, table.grid td.noDrop
{
	background-color: #fff;
}

table.gridFixedCols .noDrop
{
	border-left: 1px solid #eee;
	border-right: 1px solid #fff;
}
	
table.gridHeader
{
	text-align: center;
}

table.grid, table.gridHeader, table.gridFixedCols
{ 
	table-layout: fixed; 
	border-collapse: collapse; 
}

table.gridHeader th, table.gridFixedCols td
{
	border: 1px solid #ddd;
	vertical-align: middle;
}

table.gridHeader th
{
	cursor: pointer;
	height: 30px;
}

table.gridHeader th .icon
{
	height: 16px;
	width: 16px;
	text-align: center;
	vertical-align: middle;
}

table.gridHeader th .icon.ownLocked
{
	/* color: #08F; */
}


.minus, .plus 
{
	width: auto!important;
	max-height: 16px;
	/* border-radius: 14px; */
	color: #FFF;
	overflow: hidden!important;
	font-size: 23px!important;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	align-content: center;
	font-weight: bold;
	vertical-align: middle!important;
}

.minus 
{
	padding: 0px 8px 4px 8px;
	background-color: #C9260F;
}

.plus
{
	padding: 0px 2px 5px 2px;
	background-color: #288F54;
	height: 14px;
	width: 14px!important;
	border-radius: 12px;
}

.cplus { background-color: #fff!important; }
td.cplus { border-top: 1px solid #fff!important; border-bottom: 1px solid #fff!important; }

table.grid td
{
	border: 1px solid #ddd; 
	background-color: #f0eeee; 
}

table.grid td.editable
{
	background-color: #fff; 
	border: 1px solid #ddd; 
}

table.grid td.highlighted
{
	background-color: rgba(85, 187, 255, 0.1);
}

.ui-menu { width: 200px; }

.ui-resizable-handle
{

}

.ui-resizable-handle:after 
{
	content: "=====";
	font-size: 10px;
	text-align: center;
	display: block;
	margin-top: -5px;
	background-color: rgba(255,255,255,0.5);
	line-height: 7px;
	letter-spacing: -1px;
	color: #666;
}

.ui-resizable-disabled .ui-resizable-handle:after
{
	display: none;
}

/* === modal dialog ================================================================================= */
.no-close
{
	position: fixed;
	top: 20px!important;
	/* width: 300px;
	margin-left: calc(50% - 280px);
	margin-top: 50px; */
}

.no-close .ui-dialog-titlebar-close, .loginDialog .ui-dialog-titlebar-close 
{
	display: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
	padding-left: 12px;
	float: none;
}

.errorMsg
{
	display: inline-block;   
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	margin-left: 14px;
	max-width: calc(100% - 55px);
}

.ui-state-error
{
	padding: 5px 5px 5px 5px;
}

#mError, .balloon, #d_addContatto_mError {
	transition: all 0.5s ease;
	opacity: 0;
	margin-top: 0px;
	background: #eccccc;
	background-color: #eccccc;
}

.exclamation-triangle {
	display: inline-block;
	width: 41px;
	min-width: 41px;
	height: 37px;
	vertical-align: middle;
	background: url(./images/error.png);
}

#mError.show, .balloon.show, #d_addContatto_mError.show {
	transition: all 0.5s ease;
	opacity: 1;
}

.form { padding-bottom: 5px; }
.form label
{
	display: inline-block;
	vertical-align: top;
	min-width: 80px;
}
.form input     { width: calc(100% - 100px); }
.form textarea  { width: calc(100% - 67px); height: 66px;}
.form select    { width: calc(100% - 61px); }
.form p { padding: 5px 0px 5px 0px; }
/* ================================================================================================== */

/* === animations =================================================================================== */
.rotate
{
	-webkit-animation: rotate 1s linear infinite;
	-moz-animation: rotate 1s linear infinite;
	-o-animation: rotate 1s linear infinite;
	-ms-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
}

@-webkit-keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@-moz-keyframes	rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@-ms-keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@-o-keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@-keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/*
.attention
{
	transition: all 250ms ease;
	transform: scale(1.2);
	text-shadow: 0px 0px 10px #F00!important;
	-webkit-animation:  attention 250ms linear infinite;
	-moz-animation:     attention 250ms linear infinite;
	-o-animation:       attention 250ms linear infinite;
	-ms-animation:      attention 250ms linear infinite;
	animation:          attention 250ms linear infinite;
}

@-webkit-keyframes attention    { from { transform: rotate(-15deg); } to { transform: rotate(15deg); } }
@-moz-keyframes	attention       { from { transform: rotate(-15deg); } to { transform: rotate(15deg); } }
@-ms-keyframes attention        { from { transform: rotate(-15deg); } to { transform: rotate(15deg); } }
@-o-keyframes attention         { from { transform: rotate(-15deg); } to { transform: rotate(15deg); } }
@-keyframes attention           { from { transform: rotate(-15deg); } to { transform: rotate(15deg); } }
*/
/* ================================================================================================== */

#btnDialogSave.ui-button, #btnPrint.ui-button
{
	border: 1px solid rgba( 40, 143,  84, 1); 
}

#btnDialogSave.ui-button, #btnDialogSave.ui-button .fa, #btnDialogSave.ui-button *, #btnPrint.ui-button 
{ 
	background: rgba( 40, 143,  84, 1); 
}

#btnDialogDelete.ui-button
{
	border: 1px solid rgba( 201, 38,  15, 1);   
}

#btnDialogDelete.ui-button, #btnDialogDelete.ui-button .fa, #btnDialogDelete.ui-button * 
{ 
	background-color: rgba( 201, 38,  15, 1); 
}

#btnDialogConfirm.ui-button {
	border: 1px solid #009688;
}

#btnDialogConfirm.ui-button, #btnDialogConfirm.ui-button .fa, #btnDialogConfirm.ui-button * {
	background-color: #009688;
}

#btnDialogSavePending.ui-button {
	border: 1px solid rgba( 40, 143, 84, 1);
}

#btnDialogSavePending.ui-button, #btnDialogSavePending.ui-button .fa, #btnDialogSavePending.ui-button * {
	background-color: rgba( 40, 143, 84, 1);
}

#btnDialogNewPending.ui-button {
	border: 1px solid #FF9800;
}

#btnDialogNewPending.ui-button, #btnDialogNewPending.ui-button .fa, #btnDialogNewPending.ui-button * {
	background-color: #FF9800;
}

btnLogin #btnDialogClose.ui-button {
	border: 1px solid rgba( 154, 154, 154, 1);
}

div[aria-describedby=pnlPrint], div[aria-describedby=nseller_PopUp], div[aria-describedby=eseller_PopUp], div[aria-describedby=dseller_PopUp] {
	margin-left: calc(50% - 280px);
}

div[aria-describedby=pnlPrint] #btnClose.ui-button *, #btnDialogClose.ui-button, #btnDialogClose.ui-button .fa, #btnDialogClose.ui-button * 
{ 
	background-color: rgba( 154, 154,  154, 1);
	border-width: 0px;
}

.ui-button
{
	width: 98px;
}

.ui-button-text-only .ui-button-text
{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	padding: 7px 0px;
}

/* === jquery overrides ============================================================================= */
.ui-selectmenu-button.ui-state-default, .ui-widget-content .ui-selectmenu-button.ui-state-default, .ui-selectmenu-button, .hasDatepicker, textarea[disabled=disabled]
{
	background: #fff;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled
{
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.ui-autocomplete 
{
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-datepicker-unselectable span
{
	opacity: 0.5;
}

.ui-datepicker-today .ui-state-highlight
{
	border: 1px solid #888;
	background: #e6e6e6 url("images/ui-bg_flat_75_e6e6e6_40x100.png") 50% 50% repeat-x;
	font-weight: bold;
}

.ui-datepicker-current-day a, .ui-datepicker-current-day span
{
	border: 1px solid #297825!important;
	background: #86c06a!important;
}

.ui-datepicker-next.ui-state-hover.ui-date-picker-state-hover
{
	
}
/* ================================================================================================== */

body.loading { overflow: hidden; }
#wait
{
	display:    block;
	position:   fixed;
	z-index:    5000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba(230, 230, 230, 0.5 ); /* url('') 50% 50% no-repeat; */
}
.ui-widget-overlay 
{
	background-color: rgba(230, 230, 230, 0.5 ); 
	background: rgba(230, 230, 230, 0.5 ); 
	opacity: 1;
}

#wait span
{
	font-size: 64px;
	color: #FFF;
	text-shadow: 1px 1px 5px #08F, -1px 1px 5px #08F, 1px -1px 5px #08F, -1px -1px 5px #08F;
	left: 50%;
	margin-left: -32px;
	position: absolute;
	top: 50%;
	margin-top: -32px;
}
body.loading #wait { display: block; }

/* === svg-icon ===================================================================================== */
.svg-icon
{
	color: #222;
}

.svg-icon:hover
{
	color: #555;
}

/* ================================================================================================== */
.debug1
{
	outline: 2px solid #f00;
}

.debug2
{
	outline: 2px solid #0f0;
}

.debug3
{
	outline: 2px solid #00f;
}

.balloon
{
	opacity: 0;
	z-index: 500; 
	width: 400px; 
	position: fixed; 
	top: 6px; 
	margin-left: calc(50% - 200px); 
	box-shadow: 0px 0px 15px 0px #f00;
	background-color: #eccccc;
}

.mandatory
{
	border: 1px solid #f00!important;
}

.today
{
	transform-origin: 0px 0px; 
	transform: rotate(-90deg) translate(-100%, 0px); 
	font-size: 34px; 
	letter-spacing: 5px; 
	font-weight: bold; 
	color: #444; 
	white-space: nowrap; 
	width: 500px; 
	line-height: 40px; 
	text-align: right;
}

table.gridFixedCols td.tdToday 
{
	max-width: 37px;
	min-width: 37px;
	vertical-align: top;
}


.fullscreen 
{
	fill: #eee; 
	width: 32px; 
	height: 32px;
	cursor: pointer;
	margin-top: -5px;
	overflow: hidden;
}
.fullscreen .light { display: none; fill: #fff; }
.fullscreen:hover { fill: #fff; }
.fullscreen:hover .light { display: block; }

.p1, .p2
{
	display: inline-block; width: 64px; height: 64px; 
	display: inline-block; width: 64px; height: 64px; 
}

/* === progressbar ================================= */
#progressbar
{
	margin: 200px 200px 200px 200px;
	height: 20px;
	border: 2px solid #888; 
	/* background-image: url(../images/bar_right.gif); */
}

.progressbar .back
{
	position: absolute;
	width: 400px;
	text-align: center;
	z-index: 8;
}

.progressbar #txtPrg
{
	z-index: 5; 
	font-weight: bold; 
	font-family: Helvetica,Arial,sans-serif; 
	font-size: 14px; 
	-webkit-text-shadow: 0 1px 1px white; 
	color: #666;
}

.progressbar #progress
{
	position: absolute; 
	z-index: 1; 
	background-color: #00f; 
	height: 20px; 
	width: 0px; 
	border-radius: 4px; 
	background-image: url(../images/bar_left.gif);
	
	-webkit-animation: progressBarAnimation;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: infinite;
	/* -webkit-animation-play-state: running; */
}

@-webkit-keyframes progressBarAnimation 
{
	from { background-position: 0px;}
	to { background-position: 36px;}
}

.cornerNote
{
	position: absolute;
	right: 1px;
	top: 1px;
	width: 9px;
	height: 13px;
	background: #ff0;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	cursor: default;
}
/* ================================================= */

.ui-selectmenu-menu .ui-menu 
{
	overflow: auto;
	overflow-y: auto;
	padding-bottom: 1px;
	height: 200px;
	overflow-x: hidden;
}

/* === context menu ================================ */
#cMenu #mCopia,
#cMenu #mIncolla,
#cMenu #mSposta,
#cMenu #mSwitch
{
	display: none;
}

#cMenu.mShowRoomAppointment #mCopia,
#cMenu.mDroppable #mIncolla
{
	display: block;
}

#cMenu.clipboardEmpty #mIncolla
{
	display: none;
}

/* #cMenu.mmultiselect #mSposta
{
	display: block;
} */

#cMenu.mmultiselect.selectedEmpty #mSposta,
#cMenu.mmultiselect #mCopia,
#cMenu.mmultiselect #mIncolla,
#cMenu.mmultiselect #mSwitch,
#cMenu.mmultiselect #mSelezionaSwitch,
#cMenu.mmultiselectswitch.selectedEmpty #mSwitch,
#cMenu.mmultiselectswitch #mCopia,
#cMenu.mmultiselectswitch #mIncolla,
#cMenu.mmultiselectswitch #mSposta,
#cMenu.mmultiselectswitch #mSeleziona
{
	display: none;
}

span.shadow
{
	content: " ";
	display: block;
	background: rgba(0, 128, 255, 0.2);
	z-index: 5000;
	position: absolute;
	width: inherit;
	height: inherit;
	border-left: 1px dashed #08f;
	border-right: 1px dashed #08f;
	padding-bottom: 1px;
}

span.shadow.shadowBG
{
	background: rgba(0, 128, 255, 0.2) url(./images/disabled_bg.png);
}

span.shadowFirst { border-top: 1px dashed #08f; padding-bottom: 0px; }
span.shadowLast { border-bottom: 1px dashed #08f; padding-bottom: 0px; }

span.shadow.shadowKO
{
	background: rgba(255, 0, 0, 0.3); 
	border-color: #f00;
}
span.shadow.shadowBG.shadowKO
{
	background: rgba(255, 0, 0, 0.3) url(./images/disabled_bg.png);
}
/* ================================================= */

/* === multiselect ================================= */
.multiselectFilter
{
	margin-top: -2px;
	margin-bottom: 2px;
	border: 1px solid #d3d3d3;
	
	background-image: url(./images/lens.png);
	background-repeat: no-repeat;
	background-position: 116px center;
	padding: 1px 1px 2px 1px;
}

.multiselect
{
	display: inline-block;
	width: calc(100% - 10px);
	height: 100px;
	border: 1px solid #d3d3d3;
	overflow-y: auto;
	z-index: 2;
	margin-left: 7px;
}

.multiselectItem
{
	display: block;
	min-height: 40px;
	line-height: 40px;
	border: 1px solid #fff;
	cursor: pointer;
}

.multiselectItem:hover
{
	/* preso da css jquery-ui*/
	border: 1px solid #999;
	background: #DADADA url("images/ui-bg_flat_75_dadada_40x100.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121
}

.multiselectItem[data-selected=true]
{
	/* border: 1px solid rgba(255, 128, 0, 0.7); */
	background-color: rgba(0, 128, 255, 0.2);
}

.multiselectItem .check
{
	display: inline-block;
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	height: 40px;
	min-height: 40px;
	max-height: 40px;
	font-size: 40px;
	line-height: 40px;
	vertical-align: top;
	float: right;
	text-shadow: 0px 0px 1px #00F;
	color: #FFF;
	overflow: hidden;
}

.multiselectItem[data-selected=true] .check:after
{
	/* content: "\02713"; */
	/* content: url('data:image/svg+xml;utf8,<svg><polyline points="3,5 6,9 10,3"></polyline></svg>'); */
	/* content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><polyline xmlns="http://www.w3.org/2000/svg" style="stroke-width: 5px; stroke: #00f; fill: transparent;" points="11,17 18,27 30,9"/><polyline style="stroke-width: 5; stroke: #fff; fill: transparent;" points="11,17 18,27 30,9"/></svg>'); */
	content: url('./images/check.png');
	line-height: 40px;
	line-height: 40px;
	height: 40px;
	max-height: 40px;
	overflow: hidden;
	display: block;
}

.multiselectItem[data-selected=true] .check {}

.multiselectItem span.cTavolo
{
	box-shadow: 0px 0px 0px 1px #fff; 
}

.ui-dialog-content .multiselectItem span[zona]
{
	position: relative;
	top: 5px;
	display: inline-block;
	width: 50px;
	margin-right: 4px;
	vertical-align: middle;
	box-shadow: 0px 0px 0px 1px #fff; 
}

.multiselectItem table 
{
	width: 100%;
	table-layout: fixed;
}

.multiselectItem table td { vertical-align: top; }

.multiselectItem table td.check { float: none; }
/* ================================================= */

.popUpContent { overflow: hidden!important; }
p.utente
{
	display: block; 
	position: absolute; 
	text-align: right; 
	top: 362px; 
	margin-top: -27px; 
	margin-left: -5px;
	color: #888;
}

strong {
	font-weight: bold;
}

#d_generateAppointments_PopUp {
	height: 70vh !important;
	padding: 0px;
	overflow-y: hidden!important;
}

*, ::after, ::before {
	box-sizing: initial;
}

div[aria-describedby="d_generateAppointments_PopUp"] .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
	margin-top: 0;
}
div[aria-describedby="d_generateAppointments_PopUp"] {
	max-height: 90vh;
}

.stato_in_attesa {
	position: absolute;
	z-index: 1000;
	bottom: 0; /* top: 24px; */
	left: 4px;
}

.stato_in_attesa i {
	color: #fff;
	/* background-color: #ff9800; */
	/* border: solid 5px #ff9800; */
	border-radius: 50%;
	text-shadow: 0px 0px 4px #000;
}

p.warning_in_attesa {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	background-color: #ff9800;
}

td.headerDraft {
	border-top: red dashed 2px !important;
}
td.footerDraft {
	border-bottom: red dashed 2px !important;
}
td.draft {
	border-left: red dashed 2px !important;
	border-right: red dashed 2px !important;
}

td.headerRelativeDraft {
	border-top: orange dashed 2px !important;
}

td.footerRelativeDraft {
	border-bottom: orange dashed 2px !important;
}

td.relativeDraft {
	border-left: orange dashed 2px !important;
	border-right: orange dashed 2px !important;
}