#dashboard {
	 flex: 1;
	 display: flex;
	 flex-direction: column;
}
 #dashboard h1 {
	 flex: 1;
	 max-height: 30px;
}
 #dashboard #dashboard-wrapper {
	 display: flex;
	 flex-wrap: wrap;
	 flex: 1;
	 flex-direction: row;
}
 #dashboard #dashboard-wrapper #dashboard-menu {
	 display: flex;
	 flex: 2;
	 min-width: 200px;
	 flex-direction: column;
}
#dashboard #dashboard-wrapper #dashboard-links {
	display: flex;
	flex-direction: column;
	padding: 0 20px;
}
#dashboard #dashboard-wrapper #dashboard-menu .dashboard-menu-row {
	display: flex;
	flex-direction: row;
	padding-bottom: 5px;
}
#dashboard #dashboard-wrapper #dashboard-menu .dashboard-menu-row .dashboard-menu-item {
	width: 120px;
	display: flex;
	cursor: pointer;
	padding: 20px 5px;
	background-color: #efefef;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}
 #dashboard #dashboard-wrapper #dashboard-menu .dashboard-menu-row .dashboard-menu-item:hover {
	 background-color: #ccc;
}
 #dashboard #dashboard-wrapper #dashboard-menu .dashboard-menu-row .dashboard-menu-item span {
	 display: flex;
	 padding-top: 15px;
	 flex-direction: row;
	 flex-wrap: wrap;
}
 #dashboard #dashboard-wrapper #dashboard-history {
	 display: flex;
	 flex: 2;
	 padding: 0 20px;
	 flex-direction: column;
	 height: 100%;
}
	#dashboard #dashboard-wrapper #dashboard-history .dashboard-history-header{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
 #dashboard #dashboard-wrapper #dashboard-history .dashboard-history-header #history-status-reload-icon {
	 color: grey;
	 font-size: 1.8em;
	 cursor: pointer;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-loading {
	 text-align: center;
	 text-align: center;
	 margin-top: 80px;
	 margin-bottom: 50px;
	 margin-top: 10px;
	 color: #666;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-loading #dashboard-history-no-elements-info-icon {
	 display: block;
	 margin-bottom: 10px;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-loading #dashboard-history-loading {
	 text-align: center;
	 text-align: center;
	 color: #666;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list {
	 overflow-y: auto;
	 /*height: 500px;*/
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element {
	 float: left;
	 clear: both;
	 padding-left: 110px;
	 padding-bottom: 15px;
	 position: relative;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .dashboard-history-timeline {
	 position: absolute;
	 width: 4px;
	 height: 100%;
	 background-color: #ccc;
	 float: left;
	 flex: 1;
	 margin-left: -24px;
	 top: 0px;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .dashboard-history-timeline .dashboard-history-timeline-dot {
	 background: #ccc;
	 width: 16px;
	 height: 16px;
	 border-radius: 8px;
	 margin-left: -6px;
	 margin-top: 4px;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-header {
	 display: flex;
	 background-color: #384454;
	 color: white;
	 font-size: 14px;
	 position: relative;
	 align-items: center;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-header:after {
	 right: 100%;
	 top: 0;
	 border: solid transparent;
	 content: " ";
	 height: 0;
	 width: 0;
	 position: absolute;
	 pointer-events: none;
	 border-color: rgba(136, 183, 213, 0);
	 border-right-color: #384454;
	 border-width: 10px;
	 margin-top: 3px;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-header .history-element-icon {
	 margin: 0 5px;
	 text-align: center;
	 display: flex;
	 align-items: center;
	 padding: 5px;
	 justify-content: center;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-header .history-element-icon.history-class-config {
	 background-color: #707070;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-header .history-element-icon.history-class-security {
	 background-color: #f00;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-header .history-element-icon.history-class-login {
	 background-color: #009149;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-header .history-element-icon.history-class-mail {
	 background-color: #ccc;
	 color: #313b47;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-header .history-element-icon.history-class-download {
	 background-color: #009149;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-header .history-element-icon.history-class-print {
	 background-color: #7f8282;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-header .history-element-icon.history-class-info {
	 background-color: steelblue;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-header .history-element-icon.history-class-view {
	 background-color: #f7be81;
	 color: #313b47;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-header .history-element-icon.history-class-default-info {
	 background-color: steelblue;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-body {
	 display: flex;
	 padding: 5px;
	 background-color: #eee;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-body .history-element-datetime {
	 color: #999;
	 font-size: 11px;
	 margin-left: -100px;
	 position: absolute;
	 margin-top: -30px;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-element-list .history-element .history-element-body .history-element-text {
	 font-size: 12px;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-no-elements-info {
	 text-align: center;
	 margin-top: 50px;
	 margin-bottom: 50px;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-no-elements-info #dashboard-history-no-elements-info-icon {
	 color: #009149;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-no-elements-info #dashboard-history-no-elements-info-text {
	 margin-top: 10px;
	 color: #666;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-load-more {
	 float: left;
	 clear: both;
	 width: 100%;
	 text-align: center;
	 cursor: pointer;
	 color: #666;
	 padding: 5px;
	 height: 30px;
	 flex: 1;
	 max-height: 40px;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-load-more:hover {
	 background-color: #efefef;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-load-more #dashboard-history-load-more-wrapper {
	 height: 30px;
	 display: flex;
	 justify-content: center;
	 flex-direction: row;
	 margin: 0;
	 line-height: 30px;
}
 #dashboard #dashboard-wrapper #dashboard-history #dashboard-history-load-more #dashboard-history-load-more-wrapper #dashboard-history-load-more-icon {
	 margin-right: 5px;
	 line-height: 30px;
}
 #dashboard .note-error {
	 background-color: rgba(255, 75, 75, 0.1);
	 border-color: #ff4b4b !important;
}
 #dashboard .note-error .dashboard-note-icon {
	 color: #ff4b4b;
}
 #dashboard .note-error .dashboard-note-container {
	 color: #ff4b4b;
}
 #dashboard .note-warning {
	 background-color: rgba(255, 152, 0, 0.1);
	 border-color: #ff9800 !important;
}
 #dashboard .note-warning .dashboard-note-icon {
	 color: #ff9800;
}
 #dashboard .note-warning .dashboard-note-container {
	 color: #ff9800;
}
 #dashboard .note-information {
	 background-color: rgba(113, 197, 232, 0.1);
	 border-color: #71c5e8 !important;
}
 #dashboard .note-information .dashboard-note-icon {
	 color: #71c5e8;
}
 #dashboard .note-information .dashboard-note-container {
	 color: #71c5e8;
}
 #dashboard .dashboard-note:first-child {
	 margin-top: 0;
}
 #dashboard .dashboard-note {
	 border: 1px solid;
	 margin-top: 5px;
	 display: flex;
	 flex-direction: row;
}
 #dashboard .dashboard-note .dashboard-note-icon {
	 padding: 10px;
	 display: flex;
	 align-items: center;
}
 #dashboard .dashboard-note .onemessage {
	 flex-direction: row !important;
	 align-items: center;
}
 #dashboard .dashboard-note .dashboard-note-container {
	 padding: 10px 10px 10px 0;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
}
 #dashboard .dashboard-note .dashboard-note-container .dashboard-note-text a {
	 cursor: pointer;
}
 #dashboard .dashboard-note .dashboard-note-container .dashboard-note-text a:hover {
	 text-decoration: underline;
}