body
{
	margin: 				0;
	padding: 				0;
	font-family: 			Arial, sans-serif;
	font-size: 				12px;
	background-color: 		white;
	width: 					100%;
}

html,
body
{
	height:					100%;
	position: 				relative;
}

img
{
	border-style:			none;
}

a
{
	text-decoration:		none;
}

a:hover
{
	text-decoration:		underline;
}

#header
{
	background-color:		#4b84ca;
	color:					white;
	padding-left:			10px;
	height:					26px;
}

#cmsTitle
{
	font-size:				20px;
	float:					left;
}

#loginTable
{
	width:					200px;
}

#userBox
{
	float:					right;
	font-size:				12px;
	height:					16px;
	margin-top:				4px;
	padding-right:			10px;
}

#userBox a
{
	color:					white;
}

#navMenu
{
	height:					50px;
	border-bottom:			1px inset black;
	background-color:		#efefef;
}

#navMenu a
{
	color:					black;
}

.navTab
{
	float:					left;
	height:					41px;
	padding:                2px 10px;
	border-top:				1px solid black;
	border-bottom:			1px solid black;
	border-left:			1px solid #e0e0e0;
	border-right:			1px solid #e0e0e0;
	margin-top:				4px;
	margin-bottom:			0;
	display: 				grid;
	grid-template-rows: 	1fr max-content;
	align-items:			center;
	justify-items:			center;
}

.navTab > svg
{
	font-size:				20px;
}

.navTabSelected
{
	border-top:				3px solid #ffdf00;
	border-bottom-style:	none;
}

span.navTabLabel
{
	display:				block;
	font-size:				11px;
	padding-bottom:			2px;
}

#breadcrumbs
{
	background-color:		#efefef;
	color:					black;
	border-bottom:			1px solid black;
	padding-top:			4px;
	padding-bottom:			4px;
	padding-left:			6px;
	font-size:				11px;
	clear:					left;
}

.imgHeader
{
	border-bottom:			1px solid #e4ebfa;
	margin-bottom:			20px;
	color:					#0033d1;
	font-size:				30px;
}

.imgHeader img
{
	vertical-align:			middle;
}

.formTable th,
.formLabel
{
	white-space:			nowrap;
	text-align:				right;
	font-size:				14px;
	font-weight:			bold;
}

.dataTable
{
	border-collapse:		collapse;
	width:					100%;
	empty-cells: 			show;
}

.dataTable th,
.dataTable .header,
.rankerHeader
{
	background-color:		#4b84ca;
	color:					white;
	border:					1px solid black;
}

.dataTable th,
.dataTable .header
{
	text-align:				center;
}

.dataTable td
{
	border:					1px solid silver;
}

.dataTable td,
.dataTable th
{
	font-size:				10pt;
	padding:				3px;
}

.dataTable td.date
{
	white-space: 			nowrap;
	text-align: 			center;
}

.dataTable td.number
{
	text-align: 			right;
}

.dataTable td.icon,
.dataTable td.checkbox
{
	text-align: 			center;
}

.dataTable caption
{
	margin-top: 			1em;
	font-weight: 			bold;
	font-size: 				1.2em;
	padding-bottom: 		.2em;
}

.dataTable button
{
	padding: 				1px 0;
	margin: 				0;
	font-size: 				10pt;
	border: 				1px solid silver;
	background-color: 		white;
	box-sizing: 			border-box;
}

table.dragSortable tr.hover
{
	background-color:       #8ecbf1 !important;
}

table.dragSortable.dragging tr.hover:not(.dragging) td *
{
	pointer-events:         none !important;
}

button.image
{
	border: 				none;
	background-color: 		transparent;
	cursor: 				pointer;
}

button.image:hover
{
	background-color: 		white;
}

td.colonnaCheck
{
	width:					1%;
}

td.innerLayout
{
	padding:				0;
}

table.innerLayout
{
	width:					100%;
}

.innerLayout table,
table.innerLayout
{
	border-collapse:		collapse;
	border-style:			none;
	padding:				0;
	margin:					0;
}

.innerLayout td
{
	border-style:			none;
}

.evidenziaRiga:hover
{
	background-color:		blue !important;
	color:					white;
	cursor:					pointer;
}

.formButtons
{
	text-align:				right;
	background-color:		silver;
	border-top:				1px solid blue;
}

.formButtons.twoSides
{
	display:				grid;
	grid-template-columns:	1fr 1fr;
}

.formButtons.twoSides > *:first-child
{
	justify-self: 			start;
}

.formButtons.spaceBetween
{
	display:				flex;
	justify-content:		space-between;
}

div.formButtons
{
	margin-left:			2px;
	margin-right:			2px;
	padding:				4px;
}

.formButtons td
{
	padding:				4px;
}

small
{
	font-size:				11px;
}

.tableHeader
{
	margin-top:				10px;
	margin-bottom:			0;
	font-size:				14px;
	background-color:		#4b84ca;
	color:					white;
	padding:				2px;
	border:					1px solid black;
}

#popupContainer
{
	width:					99%;
	padding-left:			4px;
}

.flatTable
{
	border-collapse:		collapse;
}

.flatTable
{
	width:					100%;
}

.flatTable th,
.flatTable td
{
	border-bottom:			1px solid #aaaaff;
}

.flatTable td,
.flatTable th
{
	font-size:				13px;
}

.flatTableActions td
{
	border-bottom-style:	none;
	padding-top:			8px;
}

td.flatPadded
{
	padding-left:			4px;
	padding-right:			4px;
}

th.sortable
{
	white-space:			nowrap;
	cursor:					pointer;
}

#commentBox
{
	padding:				10px 10px 10px 10px;
	text-align:				justify;
}

#commentBoxClose
{
	padding-top:			10px;
	padding-bottom:			10px;
	text-align:				center;
}

.editors,
.adsSlots,
.pageEditors
{
	display:				grid;
	grid-gap:               2ex 1em;
	grid-template-columns:  repeat( auto-fit, minmax( 500px, 1fr ));
}

.pageEditors
{
	align-items: 			start;
	font-weight: 			normal;
}

.adsSlots div,
.editors > div:not(.fullRow)
{
	font-weight:			bold;
	font-size:				12px;
}

.editors .fullRow
{
	grid-column: 			1 / -1;
}

.enabledCurrency,
.enabledTerritory
{
	float:					left;
	min-width:				60px;
	width:					auto;
	font-size:				11px;
}

.adsSlots textarea,
.extended
{
	width:					100%;
	box-sizing:				border-box;
}

.validation-advice
{
	margin:					2px 0;
	padding:				0 0 0 2px;
	background-color:		#f30;
	color:					white;
	font-weight:			bold;
	font-size:				9px;
	font-family:			"Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, "Trebuchet MS", sans-serif;
}

input.validationPlaceholder
{
	height: 				1px; 
	width: 					100%;
	font-size:				1px;
	border-style: 			none;
	background-color: 		transparent;
	position:				relative;
	top:					-4px;
	z-index:				-1;
}

td.richEdit
{
	padding-top:			2px;
	padding-bottom:			2px;
}

.lowCodes
{
	color:					red;
}

#ActivePromos .ballot,
#ExpiredPromos .ballot
{
	color:					#007e00;
}

.pager
{
	display:                grid;
	grid-template-columns:  minmax( 120px, max-content ) 1fr minmax( 120px, max-content );
	grid-column-gap:        4ex;
	align-items:            center;
	justify-items:          center;
	margin:                 4px 0;
}

.pager > div:first-child
{
	justify-self:			start;
}

.pager > div:nth-child(2)
{
	white-space:			nowrap;
	font-size:				10pt;
}

.pager > div:nth-child(3)
{
	justify-self:			end;
}

.pager a
{
	text-decoration:		none;
	color:					black;
}

.pager a:hover
{
	text-decoration:		underline;
}

td svg.svg-inline--fa
{
	margin:					0 4px;
}

.dataTable .platforms,
.flatTable .platforms
{
	white-space: 			nowrap;
}

.dataTable .platform,
.flatTable .platform
{
	display:               	inline-block;
	width:		 			16px;
	height:		 			16px;
}

.platform:before
{
	content:                '';
	display:               	inline-block;
	background-repeat:      no-repeat;
	background-size:        100%;
	background-position:    center;
	width:                  100%;
	height:                 100%;
}

.evidenziaRiga:hover .platform:before
{
	filter: 				invert(100%);
}

.platform.Windows:before,
.platform.Windows32:before,
.platform.Windows64:before
{
	background-image:       url( '../../images/download/windows.svg' );
}

.platform.Portable:before,
.platform.Portable32:before,
.platform.Portable64:before
{
	background-image:       url( '../../images/download/portable.svg' );
}

.platform.Mac:before
{
	background-image:       url( '../../images/download/mac.svg' );
}

.platform.Linux:before
{
	background-image:       url( '../../images/download/linux.svg' );
}

.platform.Android:before
{
	background-image:       url( '../../images/download/android.svg' );
}

.platform.iPad:before
{
	background-image:       url( '../../images/download/iPad.svg' );
}

.platform.iPhone:before
{
	background-image:       url( '../../images/download/iPhone.svg' );
}

.checkboxList
{
	display: 				flex;
	flex-wrap: 				wrap;
}

input.validate-date-au + input[type="button"][value="..."]
{
	color:					transparent;
	background-color:		transparent;
	background-repeat:		no-repeat;
	background-position:	center;
	background-size:		14px;
	background-image:		url("data:image/svg+xml,%3Csvg data-icon='calendar-alt' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='black' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E");
	padding:				0;
	min-width:				20px;
	min-height:				20px;
	border:					none;
}

.blacklistButtons
{
	white-space:            nowrap;
}

.blacklistButtons button
{
	display:                block;
	width:					60px;
	margin: 				2px 0;
}