@font-face {
	font-family: 'SF UI Display Heavy';
	src: url('fonts/sf_ui_display_heavy.eot'); /* IE 9 Compatibility Mode */
	src: url('fonts/sf_ui_display_heavy.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('fonts/sf_ui_display_heavy.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/sf_ui_display_heavy.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('fonts/sf_ui_display_heavy.ttf') format('truetype'), /* Safari, Android, iOS */
		url('fonts/sf_ui_display_heavy.svg#sf_ui_display_heavy') format('svg'); /* Chrome < 4, Legacy iOS */
}


html,
body {
	-webkit-overflow-scrolling: touch;
}

html {
	font-size: var(--global-font-size-base, 14px);
}

body * {
	outline: none !important;
}

body {
	background: #f1f5f8;
	/*background: #f1f5f8 url(images/snowflakes.svg);
	background-repeat: repeat-x;
	background-attachment: fixed;*/
	font-family: var(--global-font-family-base);
	font-size: var(--global-font-size-base, 14px);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: var(--global-text-color);
	min-width: 320px;
}

html,
body,
.b-page,
.b-page__inner {
	min-height: 100vh;
}

@media(max-width: 580px) 
{
	body._user_login .b-page,
	body._user_login .b-page__inner {
		min-height: calc(100vh - 54px);
	}
}

.b-page__inner {
	display: grid;
	grid-template-rows: min-content auto min-content;
}

.b-page__inner>*{
	min-width: 0;
}

.b-page-title .b-ico {
	margin-right: 10px;
	font-size: 30px;
}

.b-page-title .b-context-menu-menu .b-ico {
	margin-right: 15px;
	font-size: 16px;
}

body .b-context-menu-menu__actions .b-context-menu-menu__action {
	padding: var(--global-dropdown-link-padding-vertical) var(--global-dropdown-link-padding-horizontal);
}

ul {
	list-style-type: square;
	padding-left: 2em;
}

/* override bootstrap */
body p {
	margin: 0 0 1em;
}

img {
	max-width: 100%;
	height: auto;
}

/* End hide from IE-mac */
/*************************************************************/

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
	position: relative;
}

h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
	margin-top: 15px;
	margin-bottom: 1.1em;
}

h1,
.h1 {
	font-size: var(--global-font-size-h1);
	font-weight: 900;
}

h2,
.h2 {
	font-size: var(--global-font-size-h2);
	font-weight: 700;
}

h3,
.h3 {
	font-size: var(--global-font-size-h3);
	font-weight: 600;
}

h4,
.h4 {
	font-size: var(--global-font-size-h4);
}

h5,
.h5 {
	font-size: var(--global-font-size-h5);
}

/*** Override elements ***/

/* General */
.description {
	line-height: 150%;
	margin-top: .2rem;
	margin-bottom: .75rem;
	color: var(--global-gray-light);
}

.jslink, .jslink a, .jslink a:focus, .jslink a:hover, .jslink:focus, .jslink:hover {
    border-bottom: 0;
    text-decoration: none!important;
}

/*** xpager ***/
.xquery-pager-common {
	text-align: center;
}

.b-pager .pagination {
    box-shadow: var(--global-dropdown-box-shadow, none);
}

.b-pager__prev-next {
    margin-bottom: 20px;
}

.b-pager__prev-next .b-pager-link:hover{
	text-decoration: none;
}

.pagination>li .dropdown-toggle, .pagination>li>a, .pagination>li>span{
	padding: 10px 16px;
}

/* Сетка */

body .container{
	padding-left: 10px;
    padding-right: 10px;
}

body .row {
    margin-right: -10px;
    margin-left: -10px;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, 
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transition-property: width;
    transition-property: width;
    padding-left: 10px;
    padding-right: 10px;
}

/* ПОДРАЗДЕЛЫ ПОЛЬЗОВАТЕЛЯ */

.b-user-subpage .b-xl-page__main,
.b-xog-subpage .b-xl-page__main {
	background: var(--global-block-bg);
	border-radius: var(--global-block-border-radius);
	border: var(--global-block-border) solid var(--global-block-border-width);
	padding: var(--global-block-body-padding, 15px);
}

.b-user-subpage .b-xl-block_main-content .b-xtabs__tabs,
.b-xog-subpage .b-xl-block_main-content .b-xtabs__tabs {
	margin: -20px -20px 0 -20px !important;
}

.b-xl-page__main-block-content{
	position: relative;
}

/**
 * СТИЛИЗАЦИЯ СКРОЛЛ ЭЛЕМЕНТА
 */

html *::-webkit-scrollbar {
	width: 9px;
	height: 9px;
}

html *::-webkit-scrollbar-track {
	background: #fff;
	-webkit-box-shadow: none;
}

html *::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .5);
	-webkit-box-shadow: none;
	cursor: pointer;
}

html *::-webkit-scrollbar-thumb:hover {
	/*background: var(--global-brand-primary);*/
	background: rgba(0, 0, 0, .8);
}

html>body::-webkit-scrollbar {
	background: auto;
}

html>body::-webkit-scrollbar-thumb {
	/*background: var(--global-brand-primary);*/
	background: rgba(0, 0, 0, .5);
}



/**
 * СТИЛИЗАЦИЯ СКРОЛЛ ЭЛЕМЕНТА
 */

.b-styled-scrollbar::-webkit-scrollbar {
	background: transparent;
	width: 6px;
	height: 6px;
}


.b-styled-scrollbar::-webkit-scrollbar-track {
	border-radius: 0;
	background: rgba(255, 255, 255, .1);
	cursor: pointer;
}

.b-styled-scrollbar::-webkit-scrollbar-thumb {
	/* -webkit-border-radius: 50px; 
  border-radius: 50px;  */
	background: var(--global-brand-primary);
	box-shadow: none;
	cursor: pointer;
}

.b-styled-scrollbar::-webkit-scrollbar-thumb:hover {
	background: var(--global-brand-primary-lighter);
}

.b-styled-scrollbar::-webkit-scrollbar-thumb:window-inactive {
	background: #828a8d;
}

/* ПОВЕДЕНИЕ PLACEHOLDER */

input[placeholder] {
	text-overflow: ellipsis;
}

input::-moz-placeholder {
	text-overflow: ellipsis;
}

input:-moz-placeholder {
	text-overflow: ellipsis;
}

input:-ms-input-placeholder {
	text-overflow: ellipsis;
}

textarea[placeholder] {
	text-overflow: ellipsis;
}

textarea::-moz-placeholder {
	text-overflow: ellipsis;
}

textarea:-moz-placeholder {
	text-overflow: ellipsis;
}

textarea:-ms-input-placeholder {
	text-overflow: ellipsis;
}