@import url('https://fonts.googleapis.com/css?family=Roboto');

*
{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

html, body
{
	font-family: Roboto, Tahoma, Verdana;
	font-size: 14px;
	height: 100%;
	min-height: 100%;
}

body
{
	display: flex;
	flex-direction: column;
}

h1
{
	font-size: 28px;
	font-weight: bold;
}

a
{
	text-decoration: none;
	color: #0060B9;
}

input
{
	border: 1px solid black;
	font-family: Roboto, Tahoma, Verdana;
	box-sizing : border-box;
}

textarea 
{
	resize: none;
	font-family: Roboto, Tahoma, Verdana;
}

.contentWrapper
{
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}

.legacyWrapper
{
	background-color: white;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.buttonCommon
{
	text-align: center;
	background-color: #49608D;
	font-size: 16px;
	color: white;
	border: 1px solid #49608D;
	padding: 5px 25px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
}

.buttonCommon:hover
{
	background-color: #FFFF80;
	color: black;
}

.buttonsSpacer
{
	width: 15px;
}

.buttonSmall
{
	font-size: 14px;
	padding: 4px 10px;
	border-radius: 4px;
}

.buttonSmall + .buttonSmall
{
	margin-left: 10px;
}

.multipleButtonsLayout
{
	justify-content: space-between;
}

.headerBox
{
	background-color: #e6e6e6;
	display: flex;
	flex-direction: row;
	border: 0 solid #aaa;
	border-bottom-width: 2px;
	flex-shrink: 0;
}

.headerIcon
{
	background-color:white;
	background-image:url(/img/logo.jpg);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	flex-grow: 0;
	width: 75px;
	min-height: 75px;
	border: 0 solid #aaa;
	border-right-width: 2px;
}

.headerTextWrapper
{
	display: flex;
	align-items: center;
	justify-content: center;
	color: black;
	flex-grow: 1;
}

.headerSettingDropdown
{
	position: relative;
	display: inline-block;
	border: 0 solid #aaa;
	border-left-width: 2px;
}

.headerSettingIconWrapper
{
	display: inline-block;
	padding: 5px;
}

.headerSettingIcon
{
	background-image: url(/img/settings.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 64px;
	height: 64px;
}

.headerSettingDropdown:hover
{
	background-color: #FFFF80;
}

.profileDetailsPanel
{
	position: absolute;
	right: 0;
	display: none;
	z-index: 1;
}

.profileDetailsContent
{
	display: inline-block;
	background-color: #e6e6e6;
	border: 2px solid #aaa;
	border-right-width: 0;
}

.headerSettingsDropdownItem
{
	color: black;
	padding: 5px;
	display: flex;
	flex-direction: row;
}

.headerSettingsDropdownItem:hover
{
	background-color: #ccc;
}

.headerSettingsDropdownItem a
{
	color: black;
}

.headerSettingsDropdownItemStatic
{
	background-color: #49608D;
	color: white;
	padding: 5px;
}

.headerSettingsDropdownLabel
{
	align-self: center;
	padding: 0 10px;
	flex-shrink: 0;
	flex-grow: 1;
	white-space: nowrap;
}

.headerSettingsDropdownIcon
{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 32px;
	height: 32px;
	margin: 4px;
	flex-shrink: 0;
}

.exitIcon
{
	background-image: url(/img/icon_exit.png);
}

.editIcon
{
	background-image: url(/img/icon_edit.png);
}

/* Place separator line between dropdown items */
.headerSettingsDropdownItem + .headerSettingsDropdownItem
{
	border: 0 solid #aaa;
	border-top-width: 1px;
}

.categoriesPanelWrapper
{
	flex-shrink: 0;
	display: flex;
	justify-content: left;
	padding-left: 100px;
}

.categoriesPanel
{
	justify-content: center;
	display: flex;
	flex-direction: row;
}

.categoryButton
{
	background-color: #49608D;
	padding: 5px 15px;
	color: white;
	border-radius: 0 0 10px 10px;
	border: 1px solid #49608D;
	border-top-width: 0;
}

.categoryButton:hover
{
	background-color: #ffff66;
	color: black;
}

.cetegorySpacer
{
	width: 25px;
}

.authWrapper
{
	flex-shrink: 0;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 10px;
}

.authPanelsWrapper
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.authPanel
{
	background-color: #e6e6e6;
	border: 2px solid #49608D;
	border-radius: 5px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding: 15px;
	margin: 0 auto;
}

.authButtonsContainer
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
}

.authButton
{
	flex-grow: 1;
	text-align: center;
	background-color: #49608D;
	font-size: 16px;
	color: white;
	border: 1px solid #49608D;
	padding: 5px 25px;
	border-radius: 5px;
	margin: 0 auto;
	cursor: pointer;
}

.authButton:hover
{
	background-color: #FFFF80;
	color: black;
}

.authHeader
{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}

.authFieldsWrapper
{
	display: flex;
	flex-direction: column;
}

.authField
{
	display: flex;
	flex-direction: row;
	padding: 5px 0;
	margin: auto;
}

.authFieldLabel
{
	flex-grow: 0;
	width: 180px;
	align-self: center;
}

.authFieldInputWrapper
{
	flex-grow: 0;
	width: 300px;
}

.authFieldInput
{
	background-color: white;
	border: 1px solid #49608D;
	text-align: left;
	padding: 3px 5px;
	font-size: 16px;
	border-radius: 4px;
	width: 100%;
}

.authFieldError
{
	margin-left: 10px;
	padding: 3px 6px;
	align-self: center;
}

.authFieldErrorContent
{
	color: #BE0000;
	font-weight: bold;
}

.authFieldsWrapper
{
	padding: 20px 0;
}

.restorePassLinkWrapper
{
	margin: 10px auto 0 auto;
}

.restorePassLink
{
	color: #49608D;
	font-size: 14px;
	text-decoration: underline;
}

.messageWrapper
{
	flex-shrink: 0;
	flex-grow: 0;
	padding: 25px;
}

.messageTitle
{
	font-size: 28px;
}

.messageText
{
	margin-top: 15px;
	font-size: 20px;
}

.errorMessageTitleWrapper
{
	background-color: #FF6464;
	border-radius: 6px;
	padding: 5px 15px;
	font-weight: bold;
	display: inline-block;
}

.flatPanel
{
	background-color: #e6e6e6;
	border: 2px solid #49608D;
	border-radius: 5px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding: 15px;
	margin: 0 auto;
}

.flatHeader
{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

.flatFieldLabel
{
	flex-grow: 0;
	width: 400px;
}

.flatFieldInputWrapper
{
	flex-grow: 0;
	width: 600px;
}

.flatFieldPhoto
{
	flex-grow: 0;
	width: 1000px;
}

.flatFieldsWrapper
{
	flex-grow: 1;
	flex-shrink: 0;
	align-self: center;
	padding: 10px 30px;
	display:flex;
	flex-direction: column;
	justify-content: top;
	align-items: center;
}

.flatFieldsWrapperText
{
	flex-grow: 1;
	flex-shrink: 0;
	align-self: justify;
	padding: 20px 30px;
	display:flex;
	flex-direction:column;
	justify-content: center;
}

.flatField
{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 0;
}

.flatButton
{
	flex-grow: 1;
	text-align: center;
	background-color: #49608D;
	font-size: 16px;
	color: white;
	border: 1px solid #49608D;
	padding: 5px 25px;
	border-radius: 5px;
	margin: 0 auto;
	cursor: pointer;
}

.flatButton:hover
{
	background-color: #FFFF80;
	color: black;
}

.photoText
{
	padding: 10px 0;
}

.editIcon
{
	background-image:url(/img/edit.png);
}

.openIcon
{
	background-image:url(/img/open.png);
}

.flatViewIcon
{
	display: inline-block;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	width: 38px;
	height: 38px;
	margin: 10px 10px 0 10px;
}

.flatViewIcon:hover
{
	background-color: #ccc;
	color: black;
}

.flatViewIconsWrapper
{
	flex-grow: 0;
	flex-shrink: 0;
	display:flex;
	align-items:center;
	flex-direction: column;
	padding: 0 5px;
}

.flatViewIconsLayout
{
	flex-grow: 0;
	flex-shrink: 0;
	display:flex;
	align-items:center;
	flex-direction: row;
}

.editFlatFieldInput
{
	background-color: white;
	border: 1px solid #49608D;
	text-align: left;
	padding: 3px 5px;
	font-size: 16px;
	border-radius: 4px;
	width: 100%;
}

.editFlatFieldInputWrapper
{
	flex-grow: 0;
	width: 500px;
}

.addPhotoIcon
{
	background-image:url(/img/add_photo.png);
}

.addPhotoViewIcon
{
	display: inline-block;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	width: 70px;
	height: 70px;
	margin: 10px 10px 0 10px;
}

.addPhotoWrapper
{
	flex-shrink: 0;
	flex-grow: 1;
	display: flex;
	flex-direction: row;
	justify-content: left;
	padding: 10px;
}

.addPhotoPanelsWrapper
{
	display: flex;
	flex-direction: row;
	justify-content: left;
	flex-wrap:wrap;
}

.addPhotoPanel
{
	background-color: #e6e6e6;
	border: 2px solid #49608D;
	border-radius: 5px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding: 10px;
	margin: 0 auto;
}

.editButton
{
	flex-grow: 1;
	text-align: center;
	background-color: #49608D;
	font-size: 16px;
	color: white;
	border: 1px solid #49608D;
	padding: 5px 25px;
	border-radius: 5px;
	margin: 0 auto;
	cursor: pointer;
}

.editButton:hover
{
	background-color: #FFFF80;
	color: black;
}

.photoIcon
{
	background-image:url(/img/locked.png);
}

.PhotoViewIcon
{
	display: inline-block;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	width: 70px;
	height: 70px;
	margin: 10px 10px 0 10px;
}

.photoViewIconsLayout
{
	flex-grow: 0;
	flex-shrink: 0;
	display:flex;
	align-items:center;
	flex-direction: row;
}

.collectionFlatsFieldWrapper
{
	background-color: #e6e6e6;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding: 15px;
}

.collectionFlatsWrapper
{
	display: flex;
	flex-direction: row;
	padding: 15px;
}

.customColumn + .customColumn
{
	border-left-width: 1px;
}

.customTableCell + .customTableCell
{
	border-top-width: 1px;
}



.categoryHeader
{
	font-size: 28px;
	margin: 10px;
}

.propertiesTableWrapper
{
	display: block;
	border: solid #444;
	border-width: 2px 0;
}
  
.propertiesTable
{
	display: flex;
	margin: auto;
	background-color: #fff;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
}

.propertiesTableColumn
{
	display: flex;
	flex-direction: column;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-width: 30px;
}

.propertiesTableColumn + .propertiesTableColumn
{
	border: 0 solid #444;
	border-left-width: 1px;
}

.tableCell
{
	/*overflow: hidden;*/
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 4px;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 24px;
	font-size: 12px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.tableCell span
{
	flex-grow: 1;
}

.headerRow
{
	background-color: #49608D;
	color: white;
	border: 0 solid #444;
	border-bottom-width:  2px;
}

.dataRow
{
	min-width: 40px;
}

.valueCell
{
	border: 0 solid #444;
}

.valueCell + .valueCell
{
	border-top-width:  1px;
}

.nonGrowing
{
	flex-grow: 0;
}

.shortColumn
{
	max-width: 250px;
}

.regularGrowing
{
	flex-grow: 1;
}

.lockButton
{
	background-image: url(/img/lock.png);
}

.unlockButton
{
	background-image: url(/img/unlock.png);
}

.fullInfoButton
{
	background-image: url(/img/full_info_icon.png);
}

.editInfoButton
{
	background-image: url(/img/edit_info_icon.png);
}

.garageIcon
{
	background-image: url(/img/garage.png);
}

.poolIcon
{
	background-image: url(/img/pool.png);
}

.phoneIcon
{
	background-image: url(/img/phone.png);
}

.furnitureIcon
{
	background-image: url(/img/furniture.png);
}

.technicsIcon
{
	background-image: url(/img/technics.png);
}

.internetIcon
{
	background-image: url(/img/internet.png);
}

.saunaIcon
{
	background-image: url(/img/sauna.png);
}

.tableBoolValue
{
	text-align: center;
}

.nonShrinkableCell
{
	flex-shrink: 0;
}

.propertiesTableDummyCell
{
	width: 24px;
}

.propertiesTableIcon
{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 24px;
	height: 24px;
}

.propertiesTableIconWrapper:hover
{
	background-color: #ccc;
}

.propertyTableRowDisabled
{
	background-color: #ECA2A2;
}

.tableHeader
{
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	align-items: center;
}

.tableHeader h2
{
	flex-grow: 1;
}

.tableHeader h4
{
	margin-left: 10px;
	margin-bottom: 10px;
}

.tableHeaderAddButton
{
	flex-grow: 0;
	padding: 10px;
	display: flex;
	align-items: center;
}

.tablePageInfo
{
	margin-right: 10px;
	font-size: 18px;
}

hr
{
	background-color: #49608D;
	border: none;
	height: 2px;
	width: 100%;
	display: block;
}

.entityViewTableWrapper
{
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	flex-grow: 1;
	margin-top: 25px;
	margin-left: 60px;
	margin-bottom: 20px;
}

.entityViewTable
{
	display: flex;
	flex-direction: row;

	width: 50%;
}

.entityEditTable
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.entityEditColumn
{
	display: flex;
	flex-direction: column;
}

.entityEditError
{
	
}

.entityEditCell
{
	height: 30px;
	padding: 6px 10px;
	display: flex;
	align-items: center;
}

.entityAddButtonWrapper
{
	margin: 15px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.entityEditTableHeader
{
	text-align: center;
	padding: 10px;
	font-size: 24px;
}

.entityEditCell
{
	border: 0 solid #aaa;
	border-bottom-width: 1px;
}

.entityViewTablesSpacer
{
	flex-grow: 1;
}

.tableInfo
{
	background-color: #cccccc;
}

.sortButtonsContainer
{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 5px;
}

.sortButton
{
	background-image: url(/img/sort_button.png);
	background-size: 24px 60px;
	width: 12px;
	height: 20px;
	cursor: pointer;
}

.sortButtonHoverable:hover
{
	background-position-y: 40px;
}

.sortButtonSelected
{
	background-position-y: 20px;
}

.ascendButton
{
	background-position-x: 0;
}

.descendButton
{
	background-position-x: 12px;
}


.entityEditFormWrapper
{
	display: flex;
	justify-content: center;
	flex-shrink: 0;
}

.entityEditFormWrapper h3 
{
	margin-top: 5px;
	font-size: 16px;
}

.entityEditForm
{
	display: flex;
	flex-direction: column;
	align-items: left;
	width: 850px;
}

.entityEditHorizontalLayout
{
	display: flex;
	flex-direction: row;
	padding: 3px 0;
	align-self: stretch;
	align-items: center;
}

.entityEditInput
{
	background-color: white;
	border: 1px solid #49608D;
	text-align: left;
	padding: 3px 5px;
	font-size: 16px;
	border-radius: 4px;
}

.entityEditProperty
{
	display: flex;
	flex-direction: column;
}

.entityEditProperty + .entityEditProperty,
.entityEditPropertyInput + .entityEditPropertyInput
{
	margin-left: 15px;
}

.entityEditInputWrapper + .entityEditPropertyLabel
{
	margin-left: 30px;
}

.entityEditPropertyLabel
{
	margin-right: 10px;
	margin-top: 4px;
}

.entityEditPropertyInput
{
	flex-grow: 0;
	background-color: white;
	border: 1px solid #49608D;
	text-align: left;
	padding: 3px 5px;
	font-size: 14px;
	border-radius: 4px;
}

.entityEditInputWrapper
{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.entityEditDoubleInput
{
	display: flex;
	flex-direction: row;
}

.entityEditInputError
{
	color: #BE0000;
	margin-top: 3px;
	margin-left: 4px;
}

.halfWidthProperty
{
	width: 50%;
}

.tripleWidthProperty
{
	width: 33.33%;
}

.entityEditPropertyControl
{
	display: flex;
	flex-direction: row;
}

.entityEditLogicalBreakerVertical
{
	height: 15px;
}

.entityEditForm h3
{
	margin: 5px 0;
}

.conveniencesLine
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-self: stretch;
}

.propertyConvenienceSelectorContainer
{
	display: flex;
	flex-direction: column;
	flex-grow: 0;
}

.currencySelect
{
	width: 120px;
	flex-grow: 0;
}

.roomHintSelect
{
	width: 120px;
	flex-grow: 0;
}

.roomsCountInput
{
	width: 75px;
	flex-grow: 0;
}

.areaCountInput
{
	width: 150px;
	flex-grow: 0;
}

.expandableLabel
{
	flex-grow: 1;
}

.expandableProperty
{
	flex-grow: 1;
}

.halfWidthProperty .entityEditPropertyLabel
{
	min-width: 30%;
}

.halfWidthSelect
{
	width: 50%;
	flex-grow: 0;
}

.majorWidthInput
{
	width: 70%;
	flex-grow: 0;
}

.entityEditFormHorizontalSpacer
{
	width: 50px;
}

.propertyConvenienceSelectorContainer div
{
	padding-bottom: 5px;
}


.pagesWrapper
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 8px;
	flex-shrink: 0;
	background-color: #667EB0;
}

.pagesWrapper a
{
	color: white;
	margin: 0 10px;
}

.pagesWrapper a:hover
{
	color: darkred;
}

.authForm
{
	display: flex;
	flex-direction: row;
	margin: 10px 0;
}

.authFormColumn
{
	display: flex;
	flex-direction: column;
}

.authFormCell
{
	height: 35px;
	display: flex;
	align-items: center;
	margin: 0 10px;
}

.loadingImage
{
	width: 88px; height: 58px; content: url(/img/loading.gif);
	overflow: hidden;
}

.actionsPanelWrapper
{
	border: solid #444;
	border-width: 1px 0;
	background-color: #CCC;
	margin-top: 10px;
	padding: 5px 10px;
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
}

.tableCellHover
{
	background-color: #FFF882;
	cursor: pointer;
}

.tableCellSelected
{
	background-color: #FED151;
	cursor: pointer;
}

.buttonDisabled
{
	background-color: #CCC;
	color: black;
	text-align: center;
	font-size: 16px;
	border: 1px solid black;
	padding: 5px 25px;
	border-radius: 5px;
	display: inline-block;
}

.reportSummaryNumber
{
	color: #BF4600;
	text-decoration: underline;
}

.loadingIconWrapperVertical
{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
}

.loadingIconWrapperHorizontal
{
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	justify-content: center;
}

.loadingIconWrapper
{
	display: flex;
	justify-content: center;
	margin-top: 6px;
	width: 100%;
}

.loadingIcon
{
	background-image: url(/img/loading.gif);
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	align-self: center;
}

.loadingIconBig
{
	background-image: url(/img/big-ajax-loader.gif);
	background-size: 64px 64px;
	width: 64px;
	height: 64px;
	align-self: center;
}

.searchBarWrapper
{
	padding: 15px;
	display: flex;
	align-items: center;
}

.searchBar
{
	width: 300px;
	padding: 5px;
	background: transparent;
	border-width: 0 0 1px 0;
	border-color: #888;
	color: black;
	font-size: 16px;
}

.indexMenuBarWrapper
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 500px;
	margin: auto;
	height: 500px;
	flex-grow: 1;
}

.indexMenuBarWrapper2
{
	display: flex;
	flex-direction: row;
	align-items: center;
}

#indexMenuBar
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.indexMenuElement
{
	margin: 5px 0;
	width: 100%;
}

.indexMenuButton
{
	display: block;
}

.enumsWrapper
{
	display: inline-block;
	margin: 10px auto;
}

.enumsBorder
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 auto;
	border: 2px solid #444;
	border-radius: 10px;
	padding: 10px;
	width: 600px;
}

.enumNames
{
	display: flex;
	flex-direction: column;
	padding-right: 10px;
}

.enumElementsContainer
{
	border: 2px solid #444;
	border-radius: 6px;
	padding: 10px;
}

.enumValueWrapper
{
	display: flex;
	flex-direction: row;
	height: 30px;
}

.enumValueWrapper div
{
	align-self: center;
}

.additiveValueWrapper
{
	display: flex;
	flex-direction: row;
}

.enumValueName
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
}

.addButton
{
	background-image: url(/img/add_icon.png);
	background-size: 48px 24px;
	background-position: 0px 0px;
}

.addButton:hover
{
	background-position: -24px 0px;
}

.removeButton
{
	background-image: url(/img/remove_icon.png);
	background-size: 48px 24px;
	background-position: 0px 0px;
}

.removeButton:hover
{
	background-position: -24px 0px;
}

.enumContainerApplyButton
{
	background-image: url(/img/tick_icon.png);
	background-size: 48px 24px;
	background-position: 0px 0px;
}

.enumContainerApplyButton:hover
{
	background-position: -24px 0px;
}

.enumContainerButton
{
	margin-left: 10px;
	cursor: pointer;
	align-self: center;
}

.enumContainerInput
{
	align-self: center;
	flex-grow: 1;
}

.selectedEnumType
{
	text-decoration: underline;
	color: #49608D;
}

.enumNames h3
{
	cursor: pointer;
	padding: 2px 5px;
}

.enumNames h3:hover
{
	background-color: #49608D;
	color: white;
}

.overlapContainer
{
	position: static;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.overlapContainerItem
{
	position: absolute;
}

.overlapContainerItemLast
{
	position: static;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.enumsWrapper2
{
	display: flex;
	flex-direction: column;
}

.enumElementsContainerWrapper
{
	flex-grow: 1;
}

.centerButtonWrapper
{
	padding: 10px;
	display: flex;
	justify-content: center;
}

.selectedTableItemsWrapper
{
	position: fixed;
	top: 25px;
	right: 25px;
	padding: 15px 25px;
	display: none;
	background-color: #FED151;
	border: 2px solid black;
	border-radius: 10px;
}

.selectedTableItemsButton
{
	text-align: center;
	background-color: rgb(165, 134, 49);
	font-size: 14px;
	color: white;
	border: 1px solid rgb(165, 134, 49);
	margin-top: 10px;
	padding: 3px 0;
	border-radius: 5px;
	cursor: pointer;
	width: 100%;
}

.selectedTableItemsButton:hover
{
	background-color: rgb(255, 249, 172);
	color: black;
}

.pagesWrapper a
{
	cursor: pointer;
}

.imageDropArea
{
	align-self: stretch;
	padding: 10px;
	border: 2px solid #49608D;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.imageDropFixedHeight
{
	height: 50px;
}

.imageDropArea.drag
{
	background-color: #B6C7E7;
}

.dropAreaHintText
{
	color: #192B4D;
	font-weight: bold;
	margin: 0 auto;
	font-size: 16px;
}

.dropAreaHintLink
{
	color: rgb(231, 71, 71);
}

.dropAreaHintLink:hover
{
	text-decoration: underline;
	cursor: pointer;
}

.fileInputHideout
{
	height: 0;
}

.fileInputHideout input
{
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
}

.droppedImagesContainer
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.imageDeleteButton
{
	width: 20px;
	height: 20px;
	background-image: url(/img/remove_icon.png);
	background-size: cover;
	top: -10px;
	left: 54px;
	position: relative;
	cursor: pointer;
}

.imageDeleteButton:hover
{
	background-position-x: 20px;
}

.droppedImageBlock
{
	width: 64px;
	height: 64px;
	margin: 10px 7px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border: 2px solid #192B4D;
}

.droppedImageBlockLoad
{
	animation: pulsate 4s linear;
    animation-iteration-count: infinite; 
	border: 2px dashed #192B4D;
	font-size: 24px;
	font-weight: bold;
	color: black;
	display: flex;
	justify-content: center;
	align-items: center;
}

@keyframes pulsate {
    0% {-webkit-transform: scale(1.1, 1.1); background-color: rgb(158, 214, 255); }
    50% {-webkit-transform: scale(1.0, 1.0);  background-color: rgb(218, 240, 255); }
    100% {-webkit-transform: scale(1.1, 1.1); background-color: rgb(158, 214, 255); }
}

.droppedImageBlockError
{
	background-image: url(/img/fail.png);
	border-color: red;
}

.propertyPhotosContainer
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow: hidden;
	align-content: center;
	padding: 10px 0;
	width: 850px;
}

.propertyPhotosContainerItem
{
	height: 128px;
	margin-right: 10px;
	margin-top: 0;
	margin-bottom: 0;
	border: 2px solid #192B4D;
	cursor: pointer;
	transition: margin 0.5s, border-color 0.5s, height 0.5s;
}

.propertyPhotosContainerItem:hover
{
	margin-top: -5px;
	margin-bottom: -5px;
	height: 138px;
	border-color: red;
}

.entityEditButtonWrapper
{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 15px auto;
}

.filterOverlay
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
    left: 0;
	background-color: rgba(0, 0, 0, 0.75);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.filterContainer
{
	background-color: #EEE;
	width: 1200px;
	margin: 15px auto;
	padding: 15px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
}

.filterContainer h2
{
	font-size: 28px;
}

.filterConfirmButtonsWrapper
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-shrink: 0;
}

.filterConfirmButtonsSpace
{
	width: 25px;
}

.filterConfirmButton
{
	width: 100px;
}

.filtersRegion
{
	overflow-y: auto;
	padding-right: 10px;
}

.slideshowLine
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	background-color: #DDD;
	padding: 5px 0;
	width: 100%;
	border: 2px solid #192B4D;
	border-radius: 5px;
}

.slideshowItem
{
	display: inline-block;
	margin: 0 10px;
}

.slideshowItem img
{
	height: 100px;
	border: 2px solid #192B4D;
	border-radius: 15px;
}

.slideshowItem img:hover
{
	border-color: #E4D800;
}

.sortedColumnHeader
{
	background-color: #E4D800;
	border-color: #FEF884;
	font-weight: bold;
	color: black;
}

.multipleInputContainer
{
	display: flex;
	flex-direction: column;
}

.propertyHeaderContainer
{
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	align-self: center;
}

.publicLink
{
	display: block;
	width: 32px;
	height: 32px;
	background-image: url(/img/public_link.png);
	background-size: cover;
	align-self: center;
}

.publicLink:hover
{
	background-color: #CCC;
}

.filterName
{
	font-size: 18px;
	font-weight: bold;
}

.filterGroup
{
	padding: 5px 10px;
	border-radius: 8px;
	border: 1px solid black;
	margin: 10px 0;
}

.checkboxFilter
{
	display: flex;
	flex-direction: row;
	align-content: center;
}

.checkboxFilter .filterName
{
	font-weight: normal;
	font-size: 16px;
}

.filterCheckboxWrapper
{
	display: flex;
	flex-direction: row;
	align-content: center;
}

.filterCheckboxLabel
{
	font-size: 16px;
	display: flex;
	flex-direction: row;
}

.filterCheckbox
{
	width: 18px;
	height: 18px;
	background-color: white;
	border: 2px solid black;
	border-radius: 3px;
	margin-right: 6px;
	align-self: center;
}

.filterCategorySpacer
{
	height: 10px;
}

.enumSelectAllWrapper
{
	display: flex;
	flex-direction: row;
}

.enumSelectAllWrapper a
{
	color: red;
}

.enumSelectAllWrapper a:hover
{
	text-decoration: underline;
	cursor: pointer;
}

.filterRangeInput
{
	background-color: white;
	border: 1px solid #49608D;
	text-align: left;
	padding: 3px 5px;
	font-size: 16px;
	border-radius: 4px;
	width: 300px;
}

.selectFilterWrapper
{
	display: flex;
	flex-direction: row;
	justify-content: stretch;
}

.filterSelectInput
{
	background-color: white;
	border: 1px solid #49608D;
	text-align: left;
	padding: 3px 5px;
	font-size: 16px;
	border-radius: 4px;
}

.rangeFilterWrapper
{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.rangeFilterWrapper span
{
	font-size: 16px;
	padding-right: 10px;
}

.rangeFilterWrapperHalf
{
	display: flex;
	align-items: center;
}

.rangeFilterWrapperHalf + .rangeFilterWrapperHalf
{
	margin-left: 10px;
}

.generatedMailTextArea
{
	width: 100%;
	background-color: white;
	border: 1px solid #49608D;
	text-align: left;
	padding: 5px 7px;
	font-size: 16px;
	border-radius: 4px;
	margin: 5px 0;
}

.tableContextMenu
{
	position: fixed;
	background-color: white;
	border: 2px solid #444;
	border-radius: 10px;
	overflow: hidden;
}

.contextMenuItem
{
	padding: 8px 25px;
	cursor: pointer;
	font-size: 16px;
}

.contextMenuItem:hover
{
	background-color: #E4D800;
	color: black;
}

.hasPhotosHint
{
	background-color: rgb(191, 255, 191);
}

.under-construction
{
	background-image: url(/img/under_construction.png);
	background-repeat: no-repeat;
	width: 800px;
	height: 517px;
	margin: auto;
	align-self: center;
}

.shortInfoLine
{
	font-size: 16px;
	padding: 2px 0;
}

.auctionCheckboxWrapper
{
	display: flex; 
	flex-direction: row; 
	align-self: center;
	width: 120px;
	flex-grow: 0;
	font-size: 14px;
	margin-left: 15px;
	justify-content: space-between;
}

.auctionCheckbox
{
	width: 18px;
	height: 18px;
	background-color: white;
	border: 2px solid black;
	border-radius: 3px;
	align-self: center;
}

#error-message-box
{
	background-color: rgb(255, 94, 94);
	position: fixed;
	top: 0;
	left: 0;
	min-width: 250px;
	max-width: 500px;
	max-height: 100px;
	padding: 10px;
	border-bottom-right-radius: 10px;
	overflow-y: auto;
}

footer
{
	background-color: #49608D;
	color: white;
	text-align: center;
	padding: 8px 0;
}

footer a
{
	color: rgb(175, 196, 255);
}

footer a:hover
{
	text-decoration: underline;
	color: rgb(202, 253, 255);
}

footer div
{
	padding: 2px;
}

.adminPageWrapper
{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	height: 100%;
}

.adminPageLayout
{
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	border: 0 solid #aaa;
	border-top-width: 2px;
}

.adminPageActionsMenu
{
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	flex-shrink: 0;
	background-color: #eee;
	border: 0 solid #aaa;
	border-right-width: 1px;
}

.adminPageAction
{
	padding: 7px 14px;
	font-size: 16px;
	cursor: pointer;
	border: 0 solid #ddd;
	border-bottom-width: 1px;
}

.adminPageAction:hover
{
	background-color: rgb(122, 147, 180);
	color: black;
}

.adminPageSubmenuAction
{
	padding: 7px 25px;
	font-size: 13px;
	cursor: pointer;
	border: 0 solid #ddd;
	border-bottom-width: 1px;
	color: rgb(37, 37, 37);
}

.adminPageSubmenuAction:hover
{
	background-color: rgb(122, 147, 180);
	color: black;
}

.adminPageActionWrapper
{
	overflow-y: auto;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

#table-content
{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.adminPageSelection
{
	background-color: #49608D;
	color: white;
}

.adminPageSelection:hover
{
	background-color: #49608D;
	color: white;
}

.roleChangeLine
{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-shrink: 0;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	justify-content: space-between;
}

.roleChangeLine:nth-child(odd)
{
	background-color: #eee;
}

.roleChangeLine:nth-child(even)
{
	background-color: #ddd;
}

.roleChangeLine + .roleChangeLine
{
	border: 0 solid #ccc;
	border-top-width: 1px;
}

.rolesSelect
{
	width: 200px;
	background-color: white;
	border: 1px solid #49608D;
	text-align: center;
	padding: 3px 5px;
	font-size: 16px;
	border-radius: 4px;
}

.roleChangeFieldsWrapper
{
	border: solid #ccc;
	border-width: 1px 0;
}

.roleChangeButton
{
	width: 100px;
}

#success-message-box
{
	background-color: rgb(124, 173, 124);
	text-align: center;
	color: white;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 500px;
	max-height: 100px;
	min-width: 100px;
	padding: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow-y: auto;
}

.internalInfoTitleColumn
{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-width: 250px;
	width: 25%;
}

.internalInfoTitleColumn div:nth-child(odd)
{
	background-color: #eee;
}

.internalInfoTitleColumn div:nth-child(even)
{
	background-color: #ddd;
}

.internalInfoValueColumn
{
	display: flex;
	flex-direction: column;
	flex-grow: 3;
	width: 75%;
}

.internalInfoValueCell
{
	padding: 5px 10px;
}

.internalInfoTitleColumn .internalInfoValueCell
{
	font-weight: bold;
}

.internalInfoValueColumn div:nth-child(odd)
{
	background-color: #ddd;
}

.internalInfoValueColumn div:nth-child(even)
{
	background-color: #eee;
}

.internalInfoWrapper
{
	display: flex;
	flex-direction: row;
}

.mailTemplateTextAreaWrapper
{
	padding: 10px;
	display: flex;
	flex-direction: column;
}

.mailTemplateTextArea
{
	background-color: white;
	border: 1px solid #49608D;
	text-align: left;
	padding: 3px 5px;
	font-size: 16px;
	border-radius: 4px;
	flex-grow: 1;
}

.mailTemplateBodyTextArea
{
	min-height: 250px;
	margin-top: 10px;
}

.mailTemplateSubjectWrapper
{
	display: flex;
	flex-direction: row;
}

.mailTemplateSubjectWrapper div:nth-child(1)
{
	width: 100px;
	align-self: center;
	margin-left: 4px;
	font-weight: bold;
	font-size: 18px;
}

.dbAccessManageFieldsWrapper
{
	border: 0 solid #ccc;
	border-width: 1px 0;
}

.dbAccessLine
{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-shrink: 0;
	justify-content: space-between;
}

.dbAccessLine + .dbAccessLine
{
	border: 0 solid #ccc;
	border-top-width: 1px;
}

.dbAccessGrantedHighlight
{
	background-color: rgb(134, 204, 134);
	color: #222;
}

.dbAccessDeniedHighlight
{
	background-color: rgb(221, 105, 105);
	color: white;
}

.dbAccessValue
{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-shrink: 0;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	justify-content: space-between;
}

.dbAccessLineAccessTime
{
	width: 300px;
	display: flex;
	flex-direction: column;
	align-self: stretch;
	justify-content: center;
	text-align: center;
	border: 0 solid #ccc;
	border-left-width: 1px;
	padding: 3px;
}

.dbAccessLine:nth-child(odd)
{
	background-color: #eee;
}

.dbAccessLine:nth-child(even)
{
	background-color: #ddd;
}

.dbAccessNameWrapper
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-grow: 1;
	padding-right: 5px;
}

.dbAccessManagePopUpWrapper
{
	display: flex;
	flex-direction: row;
	margin: 15px 0;
	background-color: #ddd;
	padding: 5px;
	border: 1px solid #444;
	border-radius: 5px;
}

.dbAccessManagePopUpWrapper .userNamePart
{
	flex-grow: 1;
	align-self: center;
	font-size: 18px;
	font-weight: bold;
}

.expireTimeSelectionWrapper
{
	display: flex;
	flex-direction: row;
	align-self: stretch;
}

.customExpireTimeWrapper
{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-grow: 1;
	align-content: center;
	padding: 0px 10px;
	align-self: stretch;
}

.expireTimeSelectionWrapper > input, .expireTimeSelectionWrapper > select
{
	background-color: white;
	border: 1px solid #49608D;
	text-align: left;
	padding: 3px 5px;
	font-size: 16px;
	border-radius: 4px;
	align-self: stretch;
	height: 28px;
	margin: 3px 0;
}

.expireTimeSelectionWrapper > .dateInput 
{
	width: 150px;
}

.dateInput
{
	font-size: 15px;
	padding: 3px 5px;
	align-items: stretch;
	border: 1px solid #999;
	border-radius: 5px;
}

.expireTimeSelectionWrapper > .timeInput 
{
	width: 100px;
}

.dbAccessTimeInput
{
	font-size: 15px;
	padding: 3px 5px;
	align-items: stretch;
	border: 1px solid #999;
	border-radius: 5px;
}

.dbAccessTimepointWrapper
{
	display: flex;
	align-self: stretch;
	align-items: stretch;
	margin: 5px 0;
}

.dbAccessTimepointSpacer
{
	flex-shrink: 0;
	width: 5px;
}

.customExpireTimeSpacer
{
	flex-grow: 1;
}

.expireTimeSelectionTitle
{
	margin-right: 10px;
	font-size: 16px;
}

.statsPage h3
{
	padding: 10px;
}

.statsWrapper
{
	display: flex;
	flex-direction: column;
}

.adsStatsPageLine
{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.adsStatsPageLine:nth-child(odd)
{
	background-color: #eee;
}

.adsStatsPageLine:nth-child(even)
{
	background-color: #ddd;
}

.adsLineName
{
	flex-grow: 1;
	padding: 5px 10px;
}

.adsLinePropertyCount
{
	width: 100px;
	padding: 5px 10px;
	text-align: center;
}

.adsLineClientsCount
{
	width: 100px;
	padding: 5px 10px;
	text-align: center;
}

.adsStatsHeader
{
	color: white;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	background-color: #49608D;
}

.generalStatsPeriodWrapper
{
	padding: 5px;
}

.generalStatsPageLine
{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.generalStatsPageLine:nth-child(odd)
{
	background-color: #eee;
}

.generalStatsPageLine:nth-child(even)
{
	background-color: #ddd;
}

.generalStatsPageLineUser
{
	flex-grow: 1;
	padding: 8px 10px;
}

.generalStatsPageLineCount
{
	width: 100px;
	padding: 8px 10px;
	text-align: center;
}

.agentPhonesContainer
{
	
}

.agentPhoneLine:nth-child(odd)
{
	background-color: #eee;
}

.agentPhoneLine:nth-child(even)
{
	background-color: #ddd;
}

.agentPhoneLine
{
	font-size: 15px;
	font-weight: bold;
	padding: 6px 12px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

/* CUSTOM CHECKBOX */
.squaredCheckbox input[type=checkbox] {
	visibility: hidden;
	width: 20px;
	height: 20px;
}

.squaredCheckbox {
	width: 20px;	
	margin: 5px 10px;
	position: relative;
}

.squaredCheckbox label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredCheckbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredCheckbox label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredCheckbox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* ============================================= */

.dbAccessActionsLine
{
	display: flex;
	flex-direction: row;
	padding: 5px;
	justify-content: center;
}

.dbAccessActionsLine .buttonCommon + .buttonCommon
{
	margin-left: 10px;
}

.statsHeaderPrimary
{
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.statsHeaderSecondary
{
	padding: 0px 5px;
}

#stats_mode
{
	color: rgb(134, 41, 41);
	text-decoration: underline;
}

#stats_timestamp
{
	color: rgb(134, 41, 41);
	text-decoration: underline;
}

#stats-period-from
{
	color: rgb(134, 41, 41);
	text-decoration: underline;
}

#stats-period-to
{
	color: rgb(134, 41, 41);
	text-decoration: underline;
}


.tableHintMessage
{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 95%;
	background-color: rgb(255, 253, 185);
	padding: 10px;
	border-radius: 8px;
	border: 2px solid #444;
	box-shadow: 2px 2px #555;
}


.exchangeRateWrapper
{
	display: flex;
	flex-direction: column; 
	align-items: left;
	justify-content: center;
	color: black;
	flex-grow: 0;
	padding: 5px;
}

.inboxButtonWrapper
{
	display: flex;
	flex-direction: column; 
	align-items: left;
	justify-content: center;
	color: black;
	flex-grow: 0;
	padding: 5px;
}

.inboxButton
{
	width: 48px;
	height: 48px;
	background-size: 48px 96px;
	background-image: url(/img/inbox.png);
	cursor: pointer;
}

.inboxButton:hover
{
	background-position: 0px 48px;
}

.inboxButtonHorizontalWrapper
{
	display: flex;
	flex-direction: row; 
}

.messagesCounter
{
	background-color: red;
	padding: 2px 6px;
	position: relative;
	top: 13px;
	left: -15px;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	color: white;
	align-self: center;
}

.inboxMessageShort
{
	display: flex;
	flex-direction: horizontal;
	align-items: center;
	padding: 5px;
	font-size: 16px;
	padding-left: 0;
	cursor: pointer;
}

.inboxMessageShort:nth-child(odd)
{
	background-color: #ddd;
}

.inboxMessageShort:nth-child(even)
{
	background-color: #ccc;
}

.inboxMessageShort:hover
{
	background-color: #E4D800;
}

.inboxMessageShortNew
{
	font-weight: bold;
}

.inboxMessageShort .sender 
{
	width: 200px;
	white-space: nowrap; 
    overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 5px;
	flex-grow: 0;
	flex-shrink: 0;
}

.inboxMessageShort .messageBody
{
	flex-grow: 1;
	white-space: nowrap; 
    overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 15px;
}

.inboxExclamation
{
	background-image: url(/img/inbox_exclamation.png);
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

.inboxActionsTop
{
	display: flex;
	flex-direction: horizontal;
	padding: 5px 0;
}

.inboxTopAction
{
	padding: 5px 10px;
}

.inboxTopActionsSpacer
{
	width: 5px;
}

.messageActionPicker
{
	background-color: #EEE;
	border: 1px solid #49608D;
	text-align: center;
	padding: 3px 5px;
	font-size: 16px;
	border-radius: 4px;
}

.inboxMessageFull .messageBodyWrapper
{
	display: flex;
	flex-direction: horizontal;
	align-content: stretch;
}

.inboxMessageFull .messageBody
{
	background-color: white;
	border: 1px solid #49608D;
	text-align: left;
	padding: 5px;
	font-size: 16px;
	border-radius: 4px;
	flex-grow: 1;
	margin-top: 5px;
}

.inboxMessageFullBottomWrapper
{
	display: flex;
	flex-direction: horizontal;
	padding: 5px;
	justify-content: center;
	margin: 0 auto;
}

.grayedTableCell
{
	background-color: #BBB;
	color: #444;
	font-weight: bold;
	flex-grow: 0;
	min-width: 25px;
}

.greenTableCell
{
	background-color: rgb(120, 199, 120);
	color: black;
	font-weight: bold;
	flex-grow: 0;
	min-width: 25px;
}

.dbBackupWarning
{
	margin: 10px;
	margin-bottom: 0;
	padding: 10px;
	border-radius: 10px;
	font-size: 16px;
	background-color: rgb(255, 205, 158);
}

.dbBackupWarningEmphasis
{
	color: rgb(153, 23, 23);
}

.dbBackupWarningNote
{
	font-weight: bolder;
	color: black;
}