body {
    background-color: #E7E3F2;
}

.clearfix {
	clear:both;
}

.okr-objective .m-badge.m-badge--wide {
	padding:0 10px;
	margin-left:20px;
}

.m-header--fixed .m-header .m-header__top,
.m-header--fixed.m-header--minimize-off .m-header .m-header__top,
.m-brand {
	background-color: #3E3C4F;
	height: 60px;
}

.m-header--fixed .m-header .m-header__bottom {
	margin-top: 90px;
}

.m-list-timeline .m-list-timeline__items.one-item:before {
    background-color: #FFFFFF;
}


.m-header-menu .m-menu__nav>.m-menu__item.m-menu__item--tabs>.m-menu__link,
.m-grid.m-grid--ver-desktop.m-grid--desktop > .m-grid__item.m-grid__item--fluid, .m-grid.m-grid--ver-desktop.m-grid--desktop > .m-grid__item.m-grid__item--fluid-desktop {
	background: #F9F8FC; 
}


.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--info > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	background: rgba(54, 163, 247, 0.3);
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--info:hover > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--info.m-nav__link-icon--active > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--info.m-dropdown--open > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	background: rgba(54, 163, 247, 0.5);
}


.m-topbar .header-profile-container {
	background: rgba(244, 81, 108, 0.3);
	margin-top:10px;
	padding-right:8px;
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--danger > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	background: none; 
}
.m-nav__item.m-nav__item--danger:hover .header-profile-container {
	background: rgba(244, 81, 108, 0.5);
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--danger:hover > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--danger.m-nav__link-icon--active > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--danger.m-dropdown--open > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	background: none; 
}


.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--warning > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	background: rgba(255, 184, 34, 0.3);
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--warning:hover > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--warning.m-nav__link-icon--active > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--warning.m-dropdown--open > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	background: rgba(255, 184, 34, 0.5);
}


.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--success > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	background: rgba(52, 191, 163, 0.3);
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--success:hover > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--success.m-nav__link-icon--active > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--success.m-dropdown--open > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	background: rgba(52, 191, 163, 0.5);
}


.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--accent > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	background: rgba(0, 197, 220, 0.3);
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--accent:hover > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--accent.m-nav__link-icon--active > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--accent.m-dropdown--open > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: rgba(0, 197, 220, 0.5);
}


.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--focus > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	background: rgba(152, 22, 244, 0.3);
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--focus:hover > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--focus.m-nav__link-icon--active > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item--focus.m-dropdown--open > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	background: rgba(152, 22, 244, 0.5);
}


.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper > i {
	color: #FFFFFF;
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item:hover > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper > i, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item.m-nav__link-icon--active > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper > i, 
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-nav__item.m-dropdown--open > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper > i {
	color: #FFFFFF;
}




.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
	border-radius: 0;
}
.m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
	padding:0;
}
.m-nav .m-nav__item > .m-nav__link .m-nav__link-icon {
	width: 20px;
}

.m-subheader .m-subheader__daterange {
	background: #E7E3F2;
}
.m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-icon > i {
	font-size: 1.5rem;
}


.esm-filter-drop-large .dropdown-toggle::after {
	display: none;
}

.m-accordion.m-accordion--bordered .m-accordion__item.m-accordion__item--none .m-accordion__item-head, 
.m-accordion.m-accordion--bordered .m-accordion__item.m-accordion__item--none .m-accordion__item-head:hover, 
.m-accordion.m-accordion--default .m-accordion__item.m-accordion__item--none .m-accordion__item-head, 
.m-accordion.m-accordion--default .m-accordion__item.m-accordion__item--none .m-accordion__item-head:hover {
	background-color: #FFFFFF;
	cursor:auto;
}


.m-accordion.m-accordion--default .m-accordion__item .m-accordion__item-head, 
.m-accordion.m-accordion--default .m-accordion__item .m-accordion__item-head:hover {
	background-color: #F4F5F8 !important;
	color: #212529 !important;
}
.m-accordion.m-accordion--default .m-accordion__item-head > span {
	color: #212529 !important;
}
.m-accordion.m-accordion--bordered.m-accordion--default .m-accordion__item .m-accordion__item-head .m-accordion__item-mode, 
.m-accordion.m-accordion--default .m-accordion__item .m-accordion__item-head .m-accordion__item-mode {
	color: #A4A6AE !important;
}

.m-accordion.m-accordion--bordered.m-accordion--default .m-accordion__item:first-child,
.m-accordion.m-accordion--default .m-accordion__item:first-child,
.m-accordion.m-accordion--bordered.m-accordion--default .m-accordion__item:last-child,
.m-accordion.m-accordion--default .m-accordion__item:last-child,
.m-accordion.m-accordion--bordered.m-accordion--default .m-accordion__item:not(:first-child):not(:last-child),
.m-accordion.m-accordion--default .m-accordion__item:not(:first-child):not(:last-child) {
	border-radius: 6px;
}
.m-accordion.m-accordion--bordered.m-accordion--default .m-accordion__item:not(:last-child),
.m-accordion.m-accordion--default .m-accordion__item:not(:last-child) {
	border-radius: 6px;
	border-bottom: 1px solid #EBEDF2;
}

.m-accordion .m-accordion__item--metal:not(:last-child) {
	border-bottom: 1px solid #E7E3F2 !important;
}

.m-accordion.m-accordion--metal .m-accordion__item:not(:last-child) {
	border-bottom: 1px solid #FFFFFF !important;
}
.esm-filter-drop-small .btn.btn-secondary:hover:not(:disabled),
.esm-filter-drop-small .btn.btn-secondary:focus:not(:disabled),
.esm-filter-drop-small .btn.btn-secondary:active:not(:disabled) {
	background-color:#E7E3F2;
}
.okr-actions .btn-sm {
	padding: 0.25rem 0.8rem;
}

@media (min-width: 1025px) {
	
}







.esm-load-hard {
	cursor:pointer;	
}

.esm-portlet-content {
	width:100%;
}

#esm-tabbed-content { }
#esm-tabbed-content .row:first-child {
    margin-right: 0;
    margin-left: 0;
}
.m-header-menu li.m-menu__item.breadcrumb-divider {
	padding-left:2px !important;
	padding-right:2px !important;
}
li.m-menu__item.breadcrumb-divider i.fa {
	color: #B8BECE;
	font-weight: 400;
    font-size: 1rem;
    text-transform: initial;
	font-family: Poppins;
}
.m-nav__link {
	cursor:pointer;
}

.list-link {
	cursor:pointer;
}
.list-link:not(td) {
	float:right;
}
.list-link span {
	display:inline-block;
	margin-left:8px;
}
.list-link:not(td) span {
	float:right;
}
.form-control.esm-disabled {
	background-color:#F4F3F9;	
}

.esm-nav-button {
	width:100%;
}
.esm-nav-button a {
	border:1px solid #EBEDF2; 
	margin:auto; 
	width:220px; 
	display:block; 
	position:relative;
	padding:20px 40px;
	cursor:pointer;
	text-align:center;
}
.esm-nav-button a:hover {
	background-color:#F7F8FA;
}
.esm-nav-button .icon-container {
	position:relative; 
}
.esm-nav-button .icon-container i {
	font-size:3em; 
	line-height:30px; 
	color:#C4C5D6; 
}
.esm-nav-button .text-container {
	position:relative; 
	color:#5867DD; 
	font-size:1.2em; 
	line-height:18px; 
	font-weight:400; 
	margin-top:12px;
}
.esm-item-list .item-title {
		
}
.esm-item-list .item-sub-title {
	font-size:0.9em;
	color:#5867DD;
}
.esm-filter-drop-large {
    display: inline-block;
    border-radius: 2rem;
    padding: 5px;
    cursor: pointer;
    background: #F9F8FC;
	border:1px solid #F0F0F0;
}
.esm-filter-drop-large:hover {
    background: #F0F0F0;
}
.esm-filter-drop-large a:first-child {
	margin:0 2px 0 10px;
	text-decoration:none;
}
.esm-filter-drop-large a:hover {
	text-decoration:none;
}
.esm-filter-drop-large span.drop-title {
    display: inline-block;
    font-weight: 400;
    color: #666666;
}
.esm-filter-drop-large span.drop-value {
    display: inline-block;
    font-weight: 500;
	margin-right:5px;
	color: #5d78ff;
}
.esm-filter-drop .m-nav__link {
	cursor:pointer;		
}
.esm-filter-drop-small .m-nav .m-nav__link .m-nav__link-text {
	padding-left:10px;
}
.m-menu__item .filter-label {
	text-transform:uppercase; 
	color:#CCCCCC; 
	display:inline-block; 
	font-weight: 400; 
	font-family: Poppins; 
	margin-right:10px;
	display:none; /* turned on by filters script */
}

.delete-me-button {
	padding:2px 0 0 6px;
	width:22px;
	height:21px;
	border-radius: 50%;
}
.delete-me-button:hover,
.delete-me-button:active {
	cursor:pointer;
	background-color: #F4516C;
}
.delete-me-button:hover .fa,
.delete-me-button:active .fa {
	color:white;
}

.ob-info-label {
	color: #5867DD; font-weight:500; font-family: Poppins;
}
.form-control[readonly].is-invalid, 
.form-control.is-invalid {
    border-color: #F4516C;
}


.btn-esm-noborder {
	border:0 !important;	
}

.objective-info {
	float:left; 
	margin-top:5px;
	margin-right:25px;	
}
.okr-status {
	margin-right: 2rem;
	margin-bottom: 5px;
	padding:5px;
}

.progress-bar-start{
	float:left;
	padding-right:2px;
	margin-top:-3px;
}

.progress-bar-end{
	float:right; 
	text-align:right;
	padding-left:2px;
	margin-top:-3px;
}

.okr-comment-display{
	display:none;
}

.okr-comment-box{
	font-family:Poppins;
	font-size:13px; 
}

.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge.m-list-timeline__badge--color:before{
	background-color: var(--status-color);
	cursor:pointer;
}


.esm-activity-cell {
	border:1px solid #F4F5F8;
	padding:10px;
}
.activity-summary {
	float:left;
	width:100%;
}
table.activity-chages-table {
	width:97%;
	border:1px solid #EBEDF2;
	margin-left:15px;
}
table.activity-chages-table td,
table.activity-chages-table th {
	border:1px solid #EBEDF2;
	padding:5px;
}
table.activity-chages-table th {
	background-color:#F9F8FC;
}
table.activity-chages-table th.column-label {
	font-weight:normal;
	font-size:0.9em;
	padding:2px 5px;
	color:#898b96;
}
table.activity-chages-table th.section-header {
	background:#E6E8FB;
}

.activity-before, .activity-after {
	width:38%;	
}
.activity-type-cell, .activity-to-cell, .activity-from-cell {
	white-space:nowrap;
	vertical-align:top;
	width:20%;
	text-align:center;
	width:30px;
}
.activity-type-cell {
	width:120px;
	text-align:left;	
}
.activity-toggle-link {
	float:right;
	margin-left:15px;	
}
.esm-activity-cell.activity-toggle:hover {
	cursor:pointer;
}
.activity-detail {
	clear:both;
	padding-top:10px;
}
.activity-detail-item {
	float:left;
	padding:3px;
	margin-left:15px;
}
.activity-detail, .activity-hide-detail {
	display:none;
}