/* MESSAGES */

.messages {
	min-height: 4.25rem;
	padding: 18px 26px 16px 26px;
	color: #fff;
	outline: solid 1px transparent;
	background-color: #353641;
	border-left: solid 6px #42a877;
}

.messages__title {
	font-size: 1.3rem;
	color: #42a877;
	margin-left: 24px;
}

.messages--status .messages__header {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 13'%3e%3cpath d='M2 6.571L5.6 10 14 2' fill='none' stroke='%2342a877' stroke-width='3'/%3e%3c/svg%3e") no-repeat center left;
}

.messages-list {
	margin-top: 1.125rem;
	margin-bottom: 1.125rem;
	padding-top: 0;
	padding-bottom: 0;
	list-style: none;
}

.messages__container {
	display: flex;
}

.messages__content .placeholder {
    background: none;
}
.messages__content a {
    color: yellow;
}
.messages__header {
	margin-right: 1.125rem;
}

.messages--status .messages__icon svg {
	fill: #3fa21c;
}

.messages__content {
	overflow: auto;
	flex: 1;
	padding-top: 6px;
}

.messages__button {
	flex-shrink: 0;
	padding-top: 0.1875rem;
}

.messages__close {
	position: relative;
	width: 1.5625rem;
	height: 1.5625rem;
	padding-top: 32px;
	padding-bottom: 0;
	cursor: pointer;
	vertical-align: top;
	border: 0;
	background: none;
	-webkit-appearance: none;
	appearance: none;
}

.messages__close::before, .messages__close::after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 3.063rem;
	height: 0;
	content: "";
	border-top: solid 2px #7e96a7;
}

.messages__close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.messages__close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

#block-useraccountmenu li {
	float: left;
	list-style: none;
	padding: 8px 8px 14px 8px;
}

.block-local-tasks-block {
	font-family: metropolis,sans-serif;
	margin-bottom: 48px;
}

.block-local-tasks-block ul {
    padding-left: 0;
}

.tabs__tab {
	float: left;
	list-style: none;
	padding: 15px 23px;
	border: solid 1px #e7edf1;
	margin-right: -1px;
	border-bottom: solid 1px #e7edf1;
	background: #f7f9fa;
}

.tabs__tab.is-active {
	border-bottom: solid 5px var(--bgcolor);
	padding-bottom: 11px;
}

.block-local-tasks-block a.is-active {
    font-weight: 600;
}

.header {
    font-family: 'Roboto', sans-serif;
}

.header-top-wrapper {
	background: #f2f3f5;
}

.header-wrapper {
	margin: 24px 0 32px 0;
}

@media (max-width: 768px) {
    .header-wrapper {
	    margin: 8px 0 16px 0;
    }
}

.block-title {
	border-bottom: solid 2px #DDD;
	padding-bottom: 8px;
	margin-bottom: 16px;
}

.block-title span::before {
	content: "";
	position: absolute;
	height: 6px;
	width: 50px;
	background-color: var(--bgcolor);
	border-radius: 25px;
	margin-top: 44px;
}

@media (max-width: 575px) {
    .block-title span::before {
    	content: "";
    	position: absolute;
    	height: 6px;
    	width: 50px;
    	background-color: var(--bgcolor);
    	border-radius: 25px;
    	margin-top: 35px;
    }
}

@media (min-width: 769px) {
  .menu-reverse ul.sf-menu.sf-style-default li a {
	color: black;
	padding: 10px 40px 0px 10px
  }    
}


.header-btm {
	max-width: 1320px;
	margin: 0 auto;
}