.notificationSettingsContentHeader {
	border: 1px #c0c0c0 solid;
	border-bottom: none;
	background-color: rgb(212, 212, 212);
	box-sizing: border-box;
	display: flex;
	width: 100%;
	overflow-y: scroll;
}

.notificationSettingsContentHeaderNotification {
	box-sizing: border-box;
	display: inline-block;
	width: 15%;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
}

.notificationSettingsContentHeaderLocation {
    width: calc(50% - 10px);
	border-left: 1px #c0c0c0 solid;
	box-sizing: border-box;
	display: inline-block;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
}

.notificationSettingsContentHeaderReason {
    width: calc(35% - 10px);
    border-left: 1px #c0c0c0 solid;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}

.notificationSettingsContentHolder {
	border: 1px #c0c0c0 solid;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	overflow-y: scroll;
}

.notificationSettingsNotificationTypeRow {
	border-bottom: 1px #c0c0c0 solid;
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding: 0px;
}

.notificationSettingsNotificationNameHolder {
    width: 15%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}

.notificationSettingsNotificationLocationHolder {
    width: calc(50% - 10px);
	border-left: 1px #c0c0c0 solid;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}

.notificationSettingsNotificationReasonHolder {
    width: calc(35% - 10px);
    border-left: 1px #c0c0c0 solid;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}

.notificationSettingsContent {
	box-sizing: border-box;
	display: inline-block;
	padding: 0px;
}


/* ############################################################################################## */

.desktopDockManagementHolder {
	position: relative;
	margin-top: 10px;
	border: 1px #c0c0c0 solid;
	box-sizing: border-box;
	width: 100%;
	overflow: auto;
	background: white;
}

#desktopDockManagementTable {
	white-space: nowrap;
	margin: 0;
	border: none;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
}

#desktopDockManagementTable thead th:first-child {
	position: sticky;
	left: 0;
	z-index: 92;
	width: 50px;
	max-width: 50px;
	height: 50px;
	background-color: #f0f0f0;
	vertical-align: bottom;
	border-right: 1px #c0c0c0 solid;
	border-bottom: 1px #c0c0c0 solid;
}

#desktopDockManagementTable thead th {
	position: sticky;
	top: 0;
	z-index: 91;
	background: white;
	background-color: #f0f0f0;
	padding: 5px;
	vertical-align: top;
	border-right: 1px #c0c0c0 solid;
	border-bottom: 1px #c0c0c0 solid;
	box-sizing: border-box;
	
}

#desktopDockManagementTable tbody td {
	z-index: 0;
	background: white;
	border-right: 1px #c0c0c0 solid;
}

#desktopDockManagementTable tbody th {
	position: sticky;
	padding: 0px;
	width: 50px;
	max-width: 50px;
	width: 50px;
	left: 0;
	z-index: 90;
	background: white;
	border-right: 1px #c0c0c0 solid;
}

#desktopDockManagementTableColumnHour,
	.desktopDockManagementTableColumnDock {
	white-space: nowrap;
	margin: 0;
	border: none;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
}

#desktopDockManagementTableColumnHour tbody td {
	z-index: 0;
	background: none;
	border-right: none;
	border-bottom: 1px #c0c0c0 solid;
}

.desktopDockManagementTableColumnDock tbody td {
	z-index: 0;
	background: none !important;
	border-right: none !important;
	border-bottom: 1px #c0c0c0 solid !important;
}

.desktopDockManagementTableColumnHourWrapper,
	.desktopDockManagementTableColumnDockWrapper {
	position: relative;
	top: 0px;
	box-sizing: border-box;
	width: 100%;
	box-sizing: border-box;
}

.desktopDockManagementHeaderDocDescription {
	font-weight: normal;
	padding-top: 5px;
	box-sizing: border-box;
	width: 100%;
}

.desktopDockManagementDockHour {
	box-sizing: border-box;
	width: 100%;
	z-index: 50;
}

.desktopDockManagementDockHour.desktopDockManagementDockHourHover {
	background-color: #37795a;
	border: 1px #000000 solid;
}

.desktopDockManagementDockHourLine {
	position: relative;
	left: 5%;
	width: 90%;
	z-index: 30;
	border-bottom: 1px #c0c0c0 solid !important;
}

.desktopDockManagement-dock-booking-box {
	position: absolute;
	left: 0px;
	width: 100%;
	padding: 5px;
	border: 1px #a89c9c solid;
	background: #80ffff;
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 3px 3px 10px rgb(0 0 0/ 0.3);
	z-index: 50;
}

.desktopDockManagement-dock-access-box {
	position: absolute;
	left: 0px;
	width: 100%;
	padding: 5px;
	border: 1px #dddddd solid;
	background: #cff3c5;
	font-weight: bold;
	box-sizing: border-box;
	opacity: 0.6;
	z-index: 40;
}

.desktopDockManagement-dock-not-active-box {
	position: absolute;
	left: 0px;
	width: 100%;
	padding: 5px;
	border: 1px #dddddd solid;
	background: #c0c0c0;
	font-weight: bold;
	box-sizing: border-box;
	opacity: 0.6;
	z-index: 40;
}

.desktopDockManagement-dock-exclusion-box {
	position: absolute;
	left: 0px;
	width: 100%;
	padding: 5px;
	border: 1px #dddddd solid;
	background: #eeeeee;
	box-sizing: border-box;
	z-index: 41;
}

.desktopDockManagement-dock-limit-over-box {
	position: absolute;
	left: 0px;
	width: 100%;
	padding: 5px;
	border: 1px #dddddd solid;
	background: #fda8ae;
	box-sizing: border-box;
	z-index: 42;
}