﻿#activityLogBar {
	background: white;
	position: fixed;
	width: 280px;
	top: 70px;
	height: calc(100% - 70px);
	right: 0;
	border-left: 1px solid #E7E7E7;
	border-top: 1px solid #E7E7E7;
	color: #616161;
	overflow-y: auto;
}

	#activityLogBar #sidebarTitle {
		padding: 20px;
		background: #F7F7F7;
	}

		#activityLogBar #sidebarTitle .topbar {
			display: flex;
			align-items: center;
		}

			#activityLogBar #sidebarTitle .topbar span {
				margin-left: 15px;
				font-weight: bold;
				color: #04273C;
			}

			#activityLogBar #sidebarTitle .topbar .sidebarTitleHeading:hover {
				cursor: pointer;
				text-decoration: underline;
			}

			#activityLogBar #sidebarTitle .topbar svg {
				height: 30px;
				width: 30px;
			}

				#activityLogBar #sidebarTitle .topbar svg polygon,
				#activityLogBar #sidebarTitle .topbar svg path {
					fill: #04273C;
				}

			#activityLogBar #sidebarTitle .topbar > svg:last-child {
				margin-left: auto;
				margin-right: 10px;
				cursor: pointer;
				height: 20px;
				width: 20px;
			}

		#activityLogBar #sidebarTitle .bottombar {
			margin-top: 20px;
		}

			#activityLogBar #sidebarTitle .bottombar span {
				font-size: 14px;
			}

	#activityLogBar .logEntryHolder {
		padding: 15px;
		border-bottom: 1px solid #E7E7E7;
	}

		#activityLogBar .logEntryHolder .topbar {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 15px;
		}

			#activityLogBar .logEntryHolder .topbar .smallTime {
				font-size: 10px;
			}

			#activityLogBar .logEntryHolder .topbar .infoIconHolder {
				width: 15px;
				height: 15px;
				margin-right: 5px;
				cursor: pointer;
			}

				#activityLogBar .logEntryHolder .topbar .infoIconHolder svg {
					width: 100%;
					height: 100%;
				}

					#activityLogBar .logEntryHolder .topbar .infoIconHolder svg path {
						fill: #04273C;
					}

				#activityLogBar .logEntryHolder .topbar .infoIconHolder:hover svg path {
					fill: #0C72B0;
				}

			#activityLogBar .logEntryHolder .topbar .logEntryHeading {
				font-size: 14px;
				font-weight: bold;
				color: #04273C;
			}

				#activityLogBar .logEntryHolder .topbar .logEntryHeading.hasDetails {
					cursor: pointer;
					border-bottom: solid 1px #04273C;
					padding-bottom: 0px;
				}

					#activityLogBar .logEntryHolder .topbar .logEntryHeading.hasDetails:hover {
						border-bottom: solid 1px #0C72B0;
						color: #0C72B0;
					}

			#activityLogBar .logEntryHolder .topbar .newmarker {
				background: #23c6c8;
				padding: 3px 6px;
				font-size: 10px;
				color: white;
				border-radius: 3px;
			}

		#activityLogBar .logEntryHolder .logEntryMessage {
			font-size: 12px;
			margin-bottom: 10px;
		}

		#activityLogBar .logEntryHolder .logEntryTime {
			font-size: 10px;
			color: #b0b0b0;
		}

	#activityLogBar > div:nth-child(2n) {
		background: #FDFDFD;
	}

	#activityLogBar > div:last-child {
		border-bottom: 0 solid;
	}
