/*MENU DESKTOP + RESPONSIVE */

.leading_block {margin-left: 241px; padding-right: 241px; position: fixed;  width: 100%; border-left: 1px solid rgba(0,0,0,0.1);}
header.inited .leading_block {-webkit-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s;}

/*BURGER*/
.burger_menu {z-index:102; cursor: pointer; display: inline-block; position: relative; top:0; left:0; width: 63px; height: 51px;  -webkit-transition: color 0.2s, background 0.2s; transition: color 0.2s, background-color 0.2s;}
.burger_menu i {display: block; height: 2px; width: 21px; margin: 18px 0 0 20px; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; position: absolute; opacity: 1;}
.burger_menu i:nth-child(1){ top: 0px;}
.burger_menu i:nth-child(2){ top: 6px;}
.burger_menu i:nth-child(3){ top: 12px;}


@media (max-width: 768px) {
	.burger_menu {left: auto; right: 0px; z-index: 102;}
	.active .burger_menu {width: 62px; z-index: 302;}
	.active .burger_menu i {margin-left: 23px;}
}

/*END BURGER*/


/*NOTIFICATIONS*/

.leading_block .notifications {margin: 0 0 0 20px; height: 51px; line-height: 48px;}
.leading_block .notifications li {position: relative; line-height: normal; display: inline-block; vertical-align: middle; margin-left: 25px;  cursor: pointer; height: 25px;}
.leading_block .notifications li .switcher {margin:3px 0 0 0;}
.leading_block .notifications .search_link {display: none;}
.leading_block .notifications li .i {opacity:1; display: inline-block; text-decoration: none; font-size:23px; vertical-align: middle;  -webkit-transition: 0.3s; transition: 0.3s;}
.leading_block .notifications li .i.i-bell {margin-top: 1px;}
.leading_block .notifications li .i:hover, .leading_block .notifications li.active a.i  {opacity:1;}
.leading_block .notifications li:last-child {margin-right: 34px} /*MOT-14439*/
.leading_block .notifications li.exit {height: 51px;line-height: 48px; margin-left: 9px; -webkit-transition: 0.2s; transition: 0.2s; margin-right: 0 !important;}
.leading_block .notifications li.exit a {text-decoration: none; display: inline-block; padding: 0 18px 0 22px;}
.leading_block .notifications li.exit .i {font-size: 22px;}
.leading_block .notifications li.locale .ui_filter .inlay { padding: 4px; }
.leading_block .notifications li.locale .ui_filter .mini_modal { min-width: 50px; right: -13px; }

@media (max-width: 768px) {
	.leading_block .notifications {margin:0;}
	.leading_block .notifications li {margin-left: 28px;}
	.leading_block .notifications .search_link {display: inline-block; top: 2px;}
	.leading_block .notifications li.exit a { padding: 0px 20px;}
}

/*END NOTIFICATIONS*/

.leading_block.scrolling .notifications li .i, .mobile .leading_block .notifications li .i  {opacity:0.6;}
.leading_block.scrolling .notifications li .i-magnify {position: relative;}
.leading_block.scrolling .notifications li:hover .i, .leading_block.scrolling .notifications li.active .i {opacity:1;}

.leading_block ::-webkit-input-placeholder { color: #959595;}
.leading_block ::-moz-placeholder { color: #959595;}
.leading_block :-moz-placeholder {  color: #959595;}


header {z-index:100; position: fixed; width: 241px; top:0; left:0; height: 100%;opacity:0; }
header .bordered {border-color: rgba(218,223,228,0.5) !important;}
header nav {position: relative; top: 0; left:0; width: 100%; z-index: 101; overflow: hidden; padding:0; opacity:1; }
header .logo_wrapper {width: 100%; z-index: 101; line-height: 106px; height: 106px; -webkit-transition: height 0.3s, line-height 0.3s; transition: height 0.3s, line-height 0.3s; position: relative;}
header .logo_wrapper.bordered {border:none; border-bottom: 1px solid;}
header .logo {display: block; text-decoration: none;}
header .logo img {display: inline-block;/*antibootstrap*/ vertical-align: middle; /**/ max-width: 170px; max-height: 80px;}
header .logo img[src*='.svg'] {width: 100%; height: 100%; object-fit: contain;}
header .logo span {line-height: 1.2em; font-size: 18px; font-weight: 300; display: inline-block; text-align: left; vertical-align: middle; margin-left: 26px;}
header.active nav {opacity: 1; top: 0px; }
header nav a {display: block; position: relative;}
header nav .persona_info {position: relative; padding-top: 10px; padding-bottom: 4px;}
header nav .persona_info .avatar_wrapper {text-decoration: none; width: 44px; height: 44px; left: 18px; position: absolute;}
header nav .persona_info p {font-size: 13px; font-weight: 400; opacity: 0.9; padding-bottom: 8px; margin: 0;}
header nav .persona_info p a {text-decoration: none; color: inherit; display: inline-block;}
header nav .persona_info p a:hover {opacity: 0.8;}
header nav .persona_info .inline-block {position: relative; font-size: 14px; padding: 0; line-height: 16px; cursor: default;}
header nav .persona_info .inline-block span {position: relative; padding-left: 20px; padding-right: 14px; font-size: 14px; font-family: 'robotomedium'; font-weight: 500;}
header nav .persona_info_content {backface-visibility: hidden; font-size: 0; -webkit-text-size-adjust: none; text-size-adjust: none; padding-left: 72px; padding-bottom: 14px; padding-top: 2px; min-height: 48px;}
header nav .persona_info .inline-block .i, header nav .persona_info .inline-block img, header nav .persona_info .inline-block span {display: inline-block; vertical-align: baseline; }
header nav .persona_info .inline-block .i {font-size: 16px; position: absolute; top: 0; left: 0; width: 16px; height: 16px; line-height: 16px;}
header nav .persona_info .karma_icon {width: 16px; height: 16px; position: absolute; top: 0; left: 0;}
header nav .persona_info .tooltip.top {}

header nav .persona_info .inline-block .i-emoticon-cool {color: var(--mt_green);}
header nav .persona_info .inline-block .i-emoticon-happy {color: var(--mt_green_hover);}
header nav .persona_info .inline-block .i-emoticon-neutral {color: var(--mt_blue_medium);}
header nav .persona_info .inline-block .i-emoticon-sad {color: var(--mt_orange);}
header nav .persona_info .inline-block .i-emoticon-devil {color: var(--mt_red);}


header .achievements_list {display: block; padding: 4px 4px 12px 20px; position: relative; font-size: 0;}
header .achievements_list li {display: inline-block; vertical-align: middle; margin: 0; margin-right: 8px; border-radius: 6px; width: 28px; height: 28px;}
header .achievements_list a {display: inline-block; vertical-align: middle;}
header .achievements_list a.badge_count {height: 28px; min-width: 28px; padding: 0 4px; text-align: center; text-decoration: none; font-size: 14px; font-family:'robotomedium'; font-weight: 500; -webkit-border-radius: 6px; border-radius: 6px; background: rgba(0,0,0,0.1); line-height: 28px;}
header .achievements_list a.badge_count:hover {opacity:0.8;}

header nav .nav_scroller {height: 100%; overflow: hidden; overflow-y: auto; width: 258px; padding-bottom: 15px;}

header nav .menu_items {position: relative;}
header nav .menu_item {display: block; text-decoration: none; border: none; font-size: 14px; position: relative; font-weight: 400; width: 241px; -webkit-transition: opacity 0.2s, color 0.2s, background 0.2s; transition: opacity 0.2s, color 0.2s, background 0.2s; cursor: default;}
header nav .menu_item a.inlay {padding: 10px 12px; margin: 2px 12px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: 100%; text-decoration: none; -webkit-transition: opacity 0.2s, color 0.2s, background 0.2s; transition: opacity 0.2s, color 0.2s, background 0.2s; line-height: 20px; -webkit-border-radius: 4px; border-radius: 4px;}
header nav .menu_item .secondary_menu_items  a.inlay  {margin-top: 4px; margin-bottom: 4px;}
header nav .menu_item.bordered {border-left:0; border-right:0; border-top: 1px solid; border-bottom: 1px solid; padding-top: 4px; padding-bottom: 4px; margin-top: 4px; margin-bottom: 4px; border-color: rgba(146, 146, 146, 0.15) !important;}
header nav .menu_item.bordered + .menu_item.bordered {border-top: none;}
header nav .menu_item.bordered + .menu_item.bordered  {margin-top: 0;}
header nav .menu_item.bordered:last-child  {border-bottom: none;}
header nav .menu_item .icon_wrapper {width: 20px; height: 20px; margin-left: 0; margin-right: 12px; -webkit-transition: color 0.2s; transition: color 0.2s; position: relative;  backface-visibility: hidden; font-size: 18px; line-height: 24px; text-align: center;}
header nav .menu_item .icon_wrapper:after {display: none;}
header nav .menu_item span {vertical-align: baseline; line-height: 19px; max-width: 162px; font-family: 'robotomedium'; font-weight: 500;}
header nav .menu_item .lock {position: absolute; right: 8px;}
header nav .menu_item.locked span {max-width: 140px;}

header .delimiter {width: 100%; height: 1px; background-color: rgba(146, 146, 146, 0.15); margin: 4px 0 4px 0;}

/*MENU ICONS FIX*/
header nav .menu_item .icon_wrapper .i.i-comment-text {position: relative; top: 2px;}
/* END MENU ICONS FIX*/


header.minified {width: 68px;}
header.minified .leading_block {z-index: 105; margin-left:0; padding-right: 0px;} 
header.minified .burger_menu {width: 68px;}
header.minified .burger_menu i {margin-left: 23px;}
header.minified .logo_wrapper {height: 52px; min-height: 52px;}
header.minified .logo {display: none;}
header.minified .persona_info_content {display: none;}
header.minified .achievements_list {display: none;}
header.minified .persona_info {padding-top: 12px; padding-bottom: 12px; height: 68px;}
header.minified .persona_info .avatar_wrapper {left: 12px;}
header.minified .nav_scroller {width: 85px; overflow: hidden;}
header.minified .menu_items {overflow: hidden; overflow-y: auto; height: 100%;}
header.minified .menu_item span:not(.ink) {display: none;}
header.minified .menu_item {text-align:center; width: 68px;}
header.minified .menu_item a.inlay {padding: 10px 10px;}
header.minified .menu_item a.inlay .icon_wrapper {margin:0; font-size: 22px; width: 24px; height: 24px;}
header.minified .menu_item .lock {width: 14px; height: 14px; top: 5px; right: 5px;}
header.minified .delimiter {margin-bottom: 6px;}

/*MENU ICONS FIX*/
header.minified .menu_item a.inlay .icon_wrapper svg {width: 23px; height: 22px;}
header.minified .menu_item a.inlay .icon_wrapper .i.i-home {font-size: 24px;}
header.minified .menu_item a.inlay .icon_wrapper .i.i-trophy-award {font-size: 24px;}
header.minified .menu_item a.inlay .icon_wrapper .i.i-thumb-up {font-size: 21px;}
header.minified .menu_item a.inlay .icon_wrapper .i.i-newspaper {font-size: 21px;}
/* END MENU ICONS FIX*/

@media (max-width: 768px) {
	
	header {z-index:100; width: 304px; top:0; left: auto;}
	header.minified .burger_menu {width: 63px;}
	header.minified .burger_menu i {margin-left: 20px;}
	header .logo_wrapper {margin-top: 51px;}
	header .leading_block {z-index: 105; width: 480px; margin-left:0; padding-right: 0px; border: none;}
	header nav .nav_scroller {width: 320px}
	header nav .persona_info p {font-size: 14px;}
	header nav .persona_info .inline-block { font-size: 16px;}
	header nav .persona_info .inline-block .i {top: 1px;}	
	
	header nav .menu_item {font-size: 16px; width: 304px;}
	header nav .menu_item span {line-height: 20px;}
	header nav .menu_item a.inlay {padding: 12px;}
	header nav .menu_item .icon_wrapper {font-size: 22px; height: 22px;}
	header nav .menu_item .icon_wrapper svg {width: 22px; height: 21px;}
	
	header.minified {width: 0; box-shadow: none; border-right: 0;}
	
}

.happiness_poll_btn {
	display: inline-block;
    position: relative;
	top: -2px;
    height: 30px;
    width: 30px;
    background: linear-gradient(180deg, #3e9afc -9.66%, #3b61fb 102.84%);
    border-radius: 50%;
    text-decoration: none;
}

.happiness_poll_btn i {
    position: absolute;
    top: 11px;
    left: 13px;
    height: 10px;
    width: 3px;
    background-color: #fff;
}

.happiness_poll_btn i:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -6px;
    height: 6px;
    width: 3px;
    background-color: #fff;
}

.happiness_poll_btn i:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 6px;
    height: 12px;
    width: 3px;
    background-color: #fff;
}

.happiness_poll_btn_counter {
	position: absolute;
	top: -4px;
	right: -4px;
	height: 16px;
	width: 16px;
	background-color: #F43F4A;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	font-size: 10px;
	line-height: 16px;
}