﻿@import url('https://fonts.googleapis.com/css?family=Rubik:500,700&subset=cyrillic');

strong { font-weight: 500; }

.emoji, .emoji_2x { width: 16px; height: 16px; border: none; vertical-align: -3px; margin: 0 1px; display: inline-block; }
.emoji_2x { width: 32px; height: 32px; }

.badge { font-weight: normal; font-size: 85%; padding-top: .25rem; padding-bottom: .25rem; border: 1px solid transparent; transition: background-color .15s ease-in-out; }

@media (prefers-reduced-motion:reduce) {
	.badge { transition: none }
}

.text-muted-dark { color: #888a92; }

.mark, mark { padding: 0; }

.last-m-0 > *:last-child { margin-bottom: 0 !important; }

.ckeditor_result > p,
.ckeditor_result > table,
.ckeditor_result > figure.table > table,
.ckeditor_result > hr,
.ckeditor_result > ul,
.ckeditor_result > ol { margin: 0 0 1rem; }

.ckeditor_result > figure.table > table { width: 100%; }

.ck-editor__editable { min-height: 234px; }

.collapsing { -webkit-transition: none; transition: none; display: none; }

.media-navigation-body > .media > span:last-child,
.media-navigation-body > .media > .media-body > .media > .media-body > div:last-child { display: none }

.badge-primary { border-color: rgb(60, 80, 180); background-color: rgba(60, 80, 180, .75) }
a.badge-primary:focus, a.badge-primary:hover,
button.badge-primary:focus, button.badge-primary:hover { background-color: rgb(60, 80, 180) }
.badge-secondary { border-color: rgb(228, 230, 244); background-color: rgba(228, 230, 244, .75) }
a.badge-secondary:focus, a.badge-secondary:hover,
button.badge-secondary:focus, button.badge-secondary:hover { background-color: rgb(228, 230, 244) }
.badge-success { border-color: rgb(75,181,67); background-color: rgba(75,181,67,.75) }
a.badge-success:focus, a.badge-success:hover,
button.badge-success:focus, button.badge-success:hover { background-color: rgb(75,181,67) }
.badge-info { border-color: rgb(173,216,230); background-color: rgba(173,216,230,.75) }
a.badge-info:focus, a.badge-info:hover,
button.badge-info:focus, button.badge-info:hover { background-color: rgb(173,216,230) }
.badge-warning { border-color: rgb(255,103,0); background-color: rgba(255,103,0,.75) }
a.badge-warning:focus, a.badge-warning:hover,
button.badge-warning:focus, button.badge-warning:hover { background-color: rgb(255,103,0) }
.badge-danger { border-color: rgb(255,35,35); background-color: rgba(255,35,35,.75) }
a.badge-danger:focus, a.badge-danger:hover,
button.badge-danger:focus, button.badge-danger:hover { color: #fff; background-color: rgb(255,35,35) }
.badge-light { border-color: rgb(249,250,252); background-color: rgba(249,250,252,.75) }
a.badge-light:focus, a.badge-light:hover,
button.badge-light:focus, button.badge-light:hover { background-color: rgb(249,250,252) }
.badge-dark { border-color: rgb(45,46,48); background-color: rgba(45,46,48,.75) }
a.badge-dark:focus, a.badge-dark:hover,
button.badge-dark:focus, button.badge-dark:hover { background-color: rgb(45,46,48) }

.progress { font-size: 85%; height: 22px; border: 1px solid #e9ebf6; overflow: visible; }
.progress > .progress-bar { border-radius: inherit; border: 1px solid rgba(0,0,0,.025); margin: -1px; }
.progress-bar.badge { font-size: inherit; }

.form-control-badges { position: relative; display: block; width: 100%; vertical-align: top; background-color: transparent; border-color: transparent; border-width: 1px 0; border-style: solid; margin: 0 0 0 -.6em; padding: 0; }
.form-control-badges > .badge { display: inline-flex; align-items: flex-start; width: auto; margin: .25em 0 .25em .6em; outline: 0; padding: 0; font: inherit; outline: 0 !important; }
.form-control-badges > .badge > * { padding: .25em .6em; }
.form-control-badges > .badge > .text { flex: 1; }
.form-control-badges > .badge > *:not(.text) { border: 0; margin: 0 0 0 -.6em; background: transparent; }

.form-control-badges > .badge.badge-empty { background-color: transparent; border-radius: 0; color: #3c50b4; }
.form-control-badges > .badge.badge-empty > * { padding-left: 0; padding-right: 0; }
.form-control-badges > .badge.badge-empty:hover { color: #29377b; }

fieldset { position: relative; display: block; width: 100%; margin: 0 0 1rem; border: 1px solid #e9ebf6; padding: .5rem 1rem 1rem; border-radius: .2rem; }
fieldset > legend { display: block; width: auto; font: inherit; font-weight: 500; margin: 0 -.5rem; padding: 0 .5rem; }

.clippy { position: relative; display: block; width: 100%; margin: 0 0 1rem; }
.clippy:after { position: relative; display: block; margin: 1rem 0 0 auto; width: 72px; height: 72px; background-image: url(../images/clippy.png); background-size: contain; background-position: center; background-repeat: no-repeat; content: ''; }
.clippy-body { position: relative; border: 1px solid #e4e4b5; background-color: #fefef4; padding: 1rem; border-radius: .2rem; }
.clippy-body > .close { margin: -.5rem; padding: .5rem; outline: 0 !important; font-size: .9375rem; font-weight: 400; line-height: 1.7; }
.clippy-body > .close { display: none; }
.clippy-body b { font-weight: 500; }
.clippy-body > *:last-child { margin-bottom: 0 !important; }
.clippy-body:before,
.clippy-body:after { position: absolute; z-index: 1; right: 36px; bottom: -16px; width: 0; height: 0; border: 1px solid transparent; border-width: 8px 4px; border-top-color: #e4e4b5; border-right-color: #e4e4b5; content: ''; }
.clippy-body:after { right: 37px; bottom: -13px; border-top-color: #fefef4; border-right-color: #fefef4; }

@media (max-width:991.98px) {
	.sticky-top.sticky-top-content,
	.sticky-top.sticky-top-right { position: relative; top: auto; z-index: auto; }
}

@media (min-width:992px) {
	.sticky-top.sticky-top-content,
	.sticky-top.sticky-top-right { top: calc(70px + 1.5rem) !important; }
}

.text-rubik { font-family: 'Rubik',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
.text-pink { color: #e83e8c !important; }
.cursor-pointer { cursor: pointer; }
.cursor-help { cursor: help; }
.cursor-default { cursor: default; }
.text-hover-underline:hover { text-decoration: underline; }

th.text-truncate, td.text-truncate { max-width: 1px; }

.font-reset { font-size: .9375rem; font-weight: 400; line-height: 1.7; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; font-family: 'Rubik',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }

.l-0 { left: 0; }
.t-0 { top: 0; }
.b-0 { bottom: 0; }
.r-0 { right: 0; }

.z-index-n1 { z-index: -1; }
.z-index-0 { z-index: 0; }
.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }
.z-index-3 { z-index: 3; }
.z-index-4 { z-index: 4; }
.z-index-5 { z-index: 5; }
.z-index-6 { z-index: 6; }
.z-index-7 { z-index: 7; }
.z-index-8 { z-index: 8; }
.z-index-9 { z-index: 9; }

.browser { position: relative; display: inline-block; width: 1em; height: 1em; vertical-align: -.125em; color: inherit; background-color: transparent; background-size: cover; background-repeat: no-repeat; }

.browser.browser-safari { background-image: url(../images/browsers.png); background-position: 0 0; }
.browser.browser-firefox { background-image: url(../images/browsers.png); background-position: 0 16.66666666666667%; }
.browser.browser-chrome { background-image: url(../images/browsers.png); background-position: 0 33.33333333333333%; }
.browser.browser-opera { background-image: url(../images/browsers.png); background-position: 0 50.00000000000001%; }
.browser.browser-yandex { background-image: url(../images/browsers.png); background-position: 0 66.6666666666666%; }
.browser.browser-ie { background-image: url(../images/browsers.png); background-position: 0 83.33333333333335‬%; }
.browser.browser-edge { background-image: url(../images/browsers.png); background-position: 0 100%; }
.browser.browser-1x { width: 1em; height: 1em; }
.browser.browser-2x { width: 2em; height: 2em; }
.browser.browser-3x { width: 3em; height: 3em; }
.browser.browser-4x { width: 4em; height: 4em; }
.browser.browser-5x { width: 5em; height: 5em; }

#Loader > .loader-item { position: relative; display: block; width: 100%; height: 75px; background-color: #e4e6f4; border: 1px solid rgba(0,0,0,.05); margin: 1rem 0 0; border-radius: .2rem; overflow: hidden; }
#Loader > .loader-item:first-child { margin-top: 0; }
#Loader > .loader-item::before { position: absolute; border-radius: inherit; animation: LoaderItemAnimation .5s ease-in-out infinite; left: -50%; top: 1px; bottom: 1px; width: 50%; background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); content: ''; }

@keyframes LoaderItemAnimation {
	to { left: 100%; }
}

.shadow-hover-sm,
.shadow-hover,
.shadow-hover-lg { transition: box-shadow .15s ease-in-out; }

@media (prefers-reduced-motion:reduce) {
	.shadow-hover-sm,
	.shadow-hover,
	.shadow-hover-lg { transition: none; }
}

.shadow-sm,
.shadow-hover-sm:hover { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .05) !important; }
.shadow,
.shadow-hover:hover { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .075) !important; }
.shadow-lg,
.shadow-hover-lg:hover { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .1) !important; }

input[type=date] { cursor: text; }
select.form-control { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath fill='%23b6b8c3' d='M 24.990234 8.9863281 A 1.0001 1.0001 0 0 0 24.292969 9.2929688 L 15 18.585938 L 5.7070312 9.2929688 A 1.0001 1.0001 0 0 0 4.9902344 8.9902344 A 1.0001 1.0001 0 0 0 4.2929688 10.707031 L 14.292969 20.707031 A 1.0001 1.0001 0 0 0 15.707031 20.707031 L 25.707031 10.707031 A 1.0001 1.0001 0 0 0 24.990234 8.9863281 z'/%3e%3c/svg%3e"); -webkit-appearance: none; padding-right: calc(1.7em + 1rem); background-repeat: no-repeat; background-position: center right calc(.425em + .25rem); background-size: calc(.85em + .5rem) calc(.85em + .5rem); }

.font-weight-500 { font-weight: 500 !important; }

.blockquote { border-left: .125rem solid #e9ebf6; padding-left: 1rem; margin: 0; font-size: inherit; }

.lead { font-weight: inherit; }

html, body { background-color: #f9fafc; }

@media (max-width:991.98px) {

	body { overflow-x: hidden; }
	.lead { font-size: inherit; }
}

/* Sizes */
@media (min-width:576px) {
	.w-sm-25 { width: 25% !important; }
	.w-sm-50 { width: 50% !important; }
	.w-sm-75 { width: 75% !important; }
	.w-sm-100 { width: 100% !important; }
	.w-sm-auto { width: auto !important; }
	.h-sm-25 { height: 25% !important; }
	.h-sm-50 { height: 50% !important; }
	.h-sm-75 { height: 75% !important; }
	.h-sm-100 { height: 100% !important; }
	.h-sm-auto { height: auto !important; }
	.mw-sm-100 { max-width: 100% !important; }
	.mh-sm-100 { max-height: 100% !important; }
	.min-vw-sm-100 { min-width: 100vw !important; }
	.min-vh-sm-100 { min-height: 100vh !important; }
	.vw-sm-100 { width: 100vw !important; }
	.vh-sm-100 { height: 100vh !important; }
}

@media (min-width:768px) {
	.w-md-25 { width: 25% !important; }
	.w-md-50 { width: 50% !important; }
	.w-md-75 { width: 75% !important; }
	.w-md-100 { width: 100% !important; }
	.w-md-auto { width: auto !important; }
	.h-md-25 { height: 25% !important; }
	.h-md-50 { height: 50% !important; }
	.h-md-75 { height: 75% !important; }
	.h-md-100 { height: 100% !important; }
	.h-md-auto { height: auto !important; }
	.mw-md-100 { max-width: 100% !important; }
	.mh-md-100 { max-height: 100% !important; }
	.min-vw-md-100 { min-width: 100vw !important; }
	.min-vh-md-100 { min-height: 100vh !important; }
	.vw-md-100 { width: 100vw !important; }
	.vh-md-100 { height: 100vh !important; }
}

@media (min-width:992px) {
	.w-lg-25 { width: 25% !important; }
	.w-lg-50 { width: 50% !important; }
	.w-lg-75 { width: 75% !important; }
	.w-lg-100 { width: 100% !important; }
	.w-lg-auto { width: auto !important; }
	.h-lg-25 { height: 25% !important; }
	.h-lg-50 { height: 50% !important; }
	.h-lg-75 { height: 75% !important; }
	.h-lg-100 { height: 100% !important; }
	.h-lg-auto { height: auto !important; }
	.mw-lg-100 { max-width: 100% !important; }
	.mh-lg-100 { max-height: 100% !important; }
	.min-vw-lg-100 { min-width: 100vw !important; }
	.min-vh-lg-100 { min-height: 100vh !important; }
	.vw-lg-100 { width: 100vw !important; }
	.vh-lg-100 { height: 100vh !important; }
}

@media (min-width:1200px) {
	.w-xl-25 { width: 25% !important; }
	.w-xl-50 { width: 50% !important; }
	.w-xl-75 { width: 75% !important; }
	.w-xl-100 { width: 100% !important; }
	.w-xl-auto { width: auto !important; }
	.h-xl-25 { height: 25% !important; }
	.h-xl-50 { height: 50% !important; }
	.h-xl-75 { height: 75% !important; }
	.h-xl-100 { height: 100% !important; }
	.h-xl-auto { height: auto !important; }
	.mw-xl-100 { max-width: 100% !important; }
	.mh-xl-100 { max-height: 100% !important; }
	.min-vw-xl-100 { min-width: 100vw !important; }
	.min-vh-xl-100 { min-height: 100vh !important; }
	.vw-xl-100 { width: 100vw !important; }
	.vh-xl-100 { height: 100vh !important; }
}

@media print {
	.w-print-25 { width: 25% !important; }
	.w-print-50 { width: 50% !important; }
	.w-print-75 { width: 75% !important; }
	.w-print-100 { width: 100% !important; }
	.w-print-auto { width: auto !important; }
	.h-print-25 { height: 25% !important; }
	.h-print-50 { height: 50% !important; }
	.h-print-75 { height: 75% !important; }
	.h-print-100 { height: 100% !important; }
	.h-print-auto { height: auto !important; }
	.mw-print-100 { max-width: 100% !important; }
	.mh-print-100 { max-height: 100% !important; }
	.min-vw-print-100 { min-width: 100vw !important; }
	.min-vh-print-100 { min-height: 100vh !important; }
	.vw-print-100 { width: 100vw !important; }
	.vh-print-100 { height: 100vh !important; }
}
/* ----- */

/* Modal */
.modal-backdrop.show { opacity: .25; }

.modal-content { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; border-color: rgba(0,0,0,.015); }

.modal-header,
.modal-footer { align-items: center !important; justify-content: flex-start; }
.modal-title { font-weight: 500; }

.modal-header > .btn-group > .close { margin: 0 0 0 1rem; padding: 0; font-size: inherit; outline: 0 !important; }

.modal-dialog.modal-lg .modal-header .btn-resize > .ic-arrow-expand,
.modal-dialog:not(.modal-lg) .modal-header .btn-resize > .ic-arrow-collapse { display: none !important; }

.modal-footer > *:not(:first-child) { margin-left: .5rem; }

.modal.modal-map .row.controls > .col-12 { flex: 0 0 100% !important; max-width: 100% !important; }

@media (min-width: 576px) {
	.modal.modal-map { padding: 0 !important; width: auto; height: auto; right: 0; bottom: 0; overflow: hidden; }
	.modal.modal-map .modal-dialog { max-width: none !important; margin: 0 !important; max-height: 100vh !important; height: 100%; }
	.modal.modal-map .modal-header1 { display: none; }
	.modal.modal-map .modal-footer { border-radius: 0 !important; position: absolute; left: 0; right: 0; bottom: 0; width: auto; height: 4.75rem; }
	.modal.modal-map .modal-content { border-radius: 0 !important; border: 0 !important; height: 100%; max-height: none; }
	.modal.modal-map .modal-body { position: absolute; left: 0; top: 4.055rem; bottom: 4.75rem; background: #fff; width: 100%; overflow: auto; padding: 1rem; border-right: 1px solid #e9ebf6; }
	.modal.modal-map .ymaps { position: absolute; left: 0; top: 4.055rem; right: 0; bottom: 4.75rem; width: auto; height: auto; }

	.modal.modal-down .modal-content { height: calc(100vh - 3.5rem); }
}

@media (max-width: 575.98px) {
	.modal.modal-map .ymaps { display: none !important; }
	.modal.modal-map .modal-body { flex: 1 1 auto !important; max-width: 100% !important; border: 0 !important; }

	.modal-dialog:not(.modal-dialog-centered) { display: flex; align-items: flex-end; min-height: calc(100% - 1rem); margin: 0; }
	.modal-dialog:not(.modal-dialog-centered)::before { display: block; height: calc(100vh - 1rem); content: '' }
	.modal-dialog:not(.modal-dialog-centered).modal-dialog-scrollable { flex-direction: column; justify-content: flex-end; height: 100%; max-height: 100%; padding-top: 1rem; }
	.modal-dialog:not(.modal-dialog-centered) .modal-content { max-height: none; border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
	.modal-dialog:not(.modal-dialog-centered).modal-dialog-scrollable::before { content: none }

	.modal-footer { display: block; border-radius: 0; }
	.modal-footer > *:not(:first-child) { margin-left: 0 !important; }
	.modal-footer > *:last-child { margin-bottom: 0 !important; }

	.modal.modal-down .modal-content { height: calc(100vh - 1rem); }
	.modal.modal-down .modal-dialog { flex-direction: column; justify-content: flex-end; height: 100%; max-height: 100%; padding-top: 1rem; }
	.modal.modal-down .modal-dialog::before { content: none }
}

/* ----- */

/* YMaps */
.ymaps-balloon { padding: 6px 4px; font-family: Rubik,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: .9375rem; line-height: 1.7; }
/* ----- */

/* Image Preview */
img.preview { cursor: pointer; transition: left .15s ease-in-out,top .15s ease-in-out,width .15s ease-in-out,height .15s ease-in-out }
img.preview.fullscreen { position: fixed; z-index: 100001; margin: 0 !important; max-width: none !important; max-height: none !important }
.preview-bg { position: fixed; z-index: 100000; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; transition: opacity .15s ease-in-out; }
.preview-bg:not(.active) { opacity: 0; }

@media (prefers-reduced-motion:reduce) {
	img.preview,
	.preview-bg { transition: none; }
}
/* ------------- */

/* Table */
.table-responsive { background-color: #fff; }
.table.table-sm { font-size: 80%; }
.table.table-sm th { font-weight: 500; background-color: #f5f6fb; }
.table.table-sm thead th { text-align: center; vertical-align: middle; }
.table.table-sm thead th.editable,
.table.table-sm thead th.clickable { position: relative; cursor: help; }
.table.table-sm thead th.editable:before,
.table.table-sm thead th.clickable:before { position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background-color: #4bb543; content: ''; }
.table.table-sm thead th.editable:before { background-color: #ff6700; }
.table.table-sm tbody .table-group-start td,
.table.table-sm tbody .table-group-end td,
.table.table-sm tbody td.table-divider { border-left-style: solid; }
.table.table-sm td.table-success,
.table.table-sm td.table-warning,
.table.table-sm td.table-danger,
.table.table-sm td.table-info,
.table.table-sm td.table-primary,
.table.table-sm td.table-secondary { box-shadow: inset 0 0 0 .15rem #fff; }
.table.table-sm.table-hover tbody tr:hover,
.table.table-sm.table-hover tbody tr:hover { background-color: #f5f6fb; }
.table.table-sm .table-custom-control.custom-checkbox { position: absolute; left: 50%; top: 50%; min-height: 0; width: 16px; height: 16px; padding: 0; margin: -8px 0 0 -8px; text-align: left !important; }
.table.table-sm .table-custom-control.custom-checkbox > .custom-control-label:before,
.table.table-sm .table-custom-control.custom-checkbox > .custom-control-label:after { top: 0; left: 0; }
.table.table-sm thead th { border-bottom-width: 1px; }
.table.table-sm.table-bordered thead td, .table.table-sm.table-bordered thead th { border-bottom-width: 1px }
.table.table-sm tbody + tbody { border-top-width: 1px; }
/* ----- */

.breadcrumb-item + .breadcrumb-item::before { content: "⇢"; }

.list-group-item-action { transition: background .15s ease-in-out; }
.list-group-item-action.active { background-color: #fff; border-color: #e9ebf6; }
.list-group-item-action.active:before { position: absolute; left: 1px; top: 1px; bottom: 1px; border-radius: .2rem; width: .25rem; background-color: #3c50b4; content: ''; }
.list-group-item-action.active:hover { background-color: #f9fafc }

@media (prefers-reduced-motion:reduce) {
	.list-group-item-action { transition: none }
}

@media (max-width:575.98px) {
	.card.card-body.mx-n3,
	.list-group.mx-n3 .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; border-left-width: 0; border-right-width: 0; }
	.card.card-body.mx-n3,
	.list-group.mx-n3 .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; border-right-width: 0; }

	.breadcrumb-item + .breadcrumb-item::before { margin-left: -.5rem; content: "⇣"; }
	.breadcrumb-item { display: block; width: 100%; }
}

/* Тело */
.container-parent { position: relative; display: block; width: 100%; margin: 0; padding: 0; }

.container-parent > .container,
.container-parent > .container-fluid { position: relative; }

.container, .container-fluid { padding-top: 1rem; padding-bottom: 0; }
.container, .container-fluid { padding-top: 1rem; padding-bottom: 0; }

html.html-modal,
body.body-modal { background-color: white !important; }

.body-modal .container,
.body-modal .container-fluid { padding-top: 1rem !important; padding-bottom: 1rem !important; }

@media (min-width: 576px) {
	.container, .container-fluid { padding-top: 1.5rem; padding-bottom: 1.5rem; }
}

@media (min-width: 768px) {
	.container, .container-fluid { padding-top: 3rem; padding-bottom: 3rem; }
}

@media (min-width:992px) {
	.container-parent, .container-fluid { min-height: 100vh; }
}

/* Форма */
.form { position: relative; }

#FormFooter.scrolled { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1021; }
#FormFooter.scrolled > .container { padding-top: 1rem !important; padding-bottom: 1rem !important; }

.body-modal #FormFooter.scrolled > .container { max-width: none !important; }

#FormFooter.scrolled .form-footer { position: relative; }
body:not(.body-modal) #FormFooter.scrolled .form-footer::before { position: absolute; z-index: -1; left: -15px; right: -15px; top: -1rem; bottom: -1rem; border-radius: .25rem .25rem 0 0; background-color: #fff; box-shadow: 0 1px .5rem rgba(0, 0, 0, .075); border: 1px solid rgba(60, 80, 180, .125); border-bottom-width: 0; content: ''; }
body.body-modal #FormFooter.scrolled .form-footer::before { position: absolute; z-index: -1; left: -15px; right: -15px; top: -1rem; bottom: -1rem; background-color: #fff; box-shadow: 0 1px .5rem rgba(0, 0, 0, .075); border-top: 1px solid rgba(60, 80, 180, .125); content: ''; }

@supports (-webkit-backdrop-filter: none) {
	body:not(.body-modal) #FormFooter.scrolled .form-footer::before { -webkit-backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.72); }
}

@supports (backdrop-filter: none) {
	body:not(.body-modal) #FormFooter.scrolled .form-footer::before { backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.72); }
}

#FormFooterClone { position: relative; display: block; width: 100%; height: auto; }

@media (max-width: 575.98px) {
	#FormFooter.scrolled .form-footer::before { border-left-width: 0; border-right-width: 0; border-radius: 0; }

	#FormFooter.scrolled > .container { padding-bottom: 0 !important; }
	.form-footer > * { margin-left: 0 !important; margin-right: 0 !important; }
}

@media (min-width: 576px) {
	.form-footer { display: flex; align-items: center; justify-content: flex-start; }
}

.form-group > label:first-child { color: #000; font-weight: 500; }

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: inherit; }

.form-control.is-valid, .was-validated .form-control:valid { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath fill='%234bb543' d='M 26.980469 5.9902344 A 1.0001 1.0001 0 0 0 26.292969 6.2929688 L 11 21.585938 L 4.7070312 15.292969 A 1.0001 1.0001 0 1 0 3.2929688 16.707031 L 10.292969 23.707031 A 1.0001 1.0001 0 0 0 11.707031 23.707031 L 27.707031 7.7070312 A 1.0001 1.0001 0 0 0 26.980469 5.9902344 z'/%3e%3c/svg%3e"); }
.form-control.is-invalid, .was-validated .form-control:invalid { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath fill='%23ff2323' d='M 7 4 C 6.744125 4 6.4879687 4.0974687 6.2929688 4.2929688 L 4.2929688 6.2929688 C 3.9019687 6.6839688 3.9019687 7.3170313 4.2929688 7.7070312 L 11.585938 15 L 4.2929688 22.292969 C 3.9019687 22.683969 3.9019687 23.317031 4.2929688 23.707031 L 6.2929688 25.707031 C 6.6839688 26.098031 7.3170313 26.098031 7.7070312 25.707031 L 15 18.414062 L 22.292969 25.707031 C 22.682969 26.098031 23.317031 26.098031 23.707031 25.707031 L 25.707031 23.707031 C 26.098031 23.316031 26.098031 22.682969 25.707031 22.292969 L 18.414062 15 L 25.707031 7.7070312 C 26.098031 7.3170312 26.098031 6.6829688 25.707031 6.2929688 L 23.707031 4.2929688 C 23.316031 3.9019687 22.682969 3.9019687 22.292969 4.2929688 L 15 11.585938 L 7.7070312 4.2929688 C 7.5115312 4.0974687 7.255875 4 7 4 z'/%3e%3c/svg%3e"); }

.form-control.is-valid:focus, .was-validated .form-control:valid:focus { box-shadow: 0 .125rem 1rem rgba(75, 181, 67, .125); }
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { box-shadow: 0 .125rem 1rem rgba(255, 35, 35, .25); }

select.form-control:not(disabled):not(.disabled),
.custom-control-input:not(:disabled) ~ .custom-control-label,
.form-check-input:not(:disabled) ~ .form-check-label { cursor: pointer; }

.custom-plus-minus > .custom-control-label::before { border-radius: .2rem; }
.custom-plus-minus > .custom-control-input ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23000'%3e%3cpath d='M 14.970703 2.9726562 A 2.0002 2.0002 0 0 0 13 5 L 13 13 L 5 13 A 2.0002 2.0002 0 1 0 5 17 L 13 17 L 13 25 A 2.0002 2.0002 0 1 0 17 25 L 17 17 L 25 17 A 2.0002 2.0002 0 1 0 25 13 L 17 13 L 17 5 A 2.0002 2.0002 0 0 0 14.970703 2.9726562 z'/%3e%3c/svg%3e"); }
.custom-plus-minus > .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23000'%3e%3cpath d='M 5 13 A 2.0002 2.0002 0 1 0 5 17 L 25 17 A 2.0002 2.0002 0 1 0 25 13 L 5 13 z'/%3e%3c/svg%3e"); }
.custom-plus-minus > .custom-control-input:checked ~ .custom-control-label::before { background-color: #fff; }
/* ----- */

/* asp:CheckBoxList */
.custom-control-parent > tbody,
.custom-control-parent > tbody > tr { position: static; display: inline; }
.custom-control-parent,
.custom-control-parent > tbody > tr > td { position: relative; display: block; min-height: 1.59375rem; padding-left: 1.5rem; }
.custom-control-parent > tbody > tr:first-child > td1 { padding-left: 0; }
.custom-control-parent input { position: absolute; z-index: -1; opacity: 0; }
.custom-control-parent input:checked ~ label::before { color: #fff; border-color: #3c50b4; background-color: #3c50b4; }
.custom-control-parent input:focus ~ label::before { box-shadow: 0 .125rem 1rem rgba(60, 80, 180, .125); }
.custom-control-parent input:focus:not(:checked) ~ label::before { border-color: #94a0db; }
.custom-control-parent input:not(:disabled):active ~ label::before { color: #fff; background-color: #bac2e8; border-color: #bac2e8; }
.custom-control-parent:not(.read-only) input:disabled ~ label { color: #b6b8c3; }
.custom-control-parent input:disabled ~ label::before { background-color: #f9fafc; }
.custom-control-parent label { position: relative; margin-bottom: 0; vertical-align: top; cursor: pointer; }
.custom-control-parent label::before { position: absolute; top: .29688rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #e4e6f4 solid 1px; }
.custom-control-parent label::after { position: absolute; top: .29688rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; }

.custom-control-parent.custom-control-inline,
.custom-control-parent.custom-control-inline > tbody > tr { position: relative; display: inline-flex; margin-right: 1rem; }
.custom-control-parent.custom-control-inline > tbody > tr:first-child > td { padding-left: 0; }

.custom-control-parent.custom-checkbox label::before { border-radius: .2rem; }
.custom-control-parent.custom-checkbox input:checked ~ label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-parent.custom-checkbox input:indeterminate ~ label::before { border-color: #3c50b4; background-color: #3c50b4; }
.custom-control-parent.custom-checkbox input:indeterminate ~ label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
.custom-control-parent.custom-checkbox input:disabled:checked ~ label::before { background-color: rgba(60, 80, 180, .5); }
.custom-control-parent.custom-checkbox input:disabled:indeterminate ~ label::before { background-color: rgba(60, 80, 180, .5); }

.custom-control-parent.custom-radio label::before { border-radius: 50%; }
.custom-control-parent.custom-radio input:checked ~ label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.custom-control-parent.custom-radio input:disabled:checked ~ label::before { background-color: rgba(60, 80, 180, .5); }

.custom-control-parent.custom-list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0 }
.custom-control-parent.custom-list-group > tbody > tr > td > label { position: relative; display: block; padding: .5rem 1rem; padding-left: 2.5rem; margin-bottom: -1px; background-color: #fff; border: 1px solid #e9ebf6 }
.custom-control-parent.custom-list-group > tbody > tr > td > label::before,
.custom-control-parent.custom-list-group > tbody > tr > td > label::after { top: 50%; left: 1rem; margin-top: -.5rem; }
.custom-control-parent.custom-list-group > tbody > tr:first-child > td > label { border-top-left-radius: .2rem; border-top-right-radius: .2rem }
.custom-control-parent.custom-list-group > tbody > tr:last-child > td > label { margin-bottom: 0; border-bottom-right-radius: .2rem; border-bottom-left-radius: .2rem }

.custom-control-parent.read-only { pointer-events: none; }
.custom-control-parent.read-only label { cursor: default; }
.custom-control-parent.read-only label::before { box-shadow: none !important; }
/* ---------------- */

/* Группа галочек */
.form-check-group { position: relative; margin: 0 -.5rem 1rem; }
.form-check-group:after { position: absolute; z-index: 0; left: 0; right: 0; margin: 0 .5rem; bottom: 13px; height: 1px; background: #e9ebf6; content: ''; }
.form-check-group > * { position: relative; z-index: 1; text-align: center; padding: .5rem; }
.form-check-group > *:first-child { text-align: left; }
.form-check-group > *:last-child { text-align: right; }
.form-check-group > * > label { position: relative; display: block; width: 100%; padding: 0 0 26px 0; margin: 0; }
.form-check-group > * > span { position: absolute; left: 50%; bottom: 0; display: block; background: #e9ebf6; margin: 0 0 0 -13px; padding: 0; width: 26px; height: 26px; border-radius: 26px; text-align: center; }
.form-check-group > *:first-child > span { left: .5rem; margin: 0; }
.form-check-group > *:last-child > span { left: auto; right: .5rem; margin: 0; }
.form-check-group > * > span > input { margin: 0; }
/* -------------- */

/* Avatar */
.avatar { position: relative; font-size: 1rem; display: inline-flex; width: 2.688rem; height: 2.688rem; border-radius: .2rem; text-align: center; align-items: center; justify-content: center; text-decoration: none !important; overflow: hidden; vertical-align: top; }
.avatar.avatar-default { background-color: #e4e6f4; color: #5b5c61; }
.avatar.as-emoji { border-radius: .2rem; }
.avatar img { width: 100%; vertical-align: top; margin: 0 !important; }
.avatar .img { vertical-align: top; width: 100%; height: 100%; background-color: transparent; background-repeat: no-repeat; background-size: cover; background-position: center; }
.avatar + .avatar-content { display: inline-block; margin-left: .75rem; }
.avatar-lg { font-size: 1.17188rem; width: 3.75rem; height: 3.75rem; }
.avatar-sm { font-size: .82031rem; width: 2.375rem; height: 2.375rem; }
.avatar-overlapped .avatar + .avatar { margin-left: -1rem; border: 2px solid #fff; }
.avatar-200 { font-size: 3.906266666666667rem; width: 200px; height: 200px; }
.avatar-100 { font-size: 1.953133333333333rem; width: 100px; height: 100px; }
.avatar-75 { font-size: 1.46485rem; width: 75px; height: 75px; }
.avatar-50 { font-size: .9765666666666667rem; width: 50px; height: 50px; }
.avatar-45 { font-size: 80%; width: 45px; height: 45px; }
.avatar-40 { font-size: 80%; width: 40px; height: 40px; }
.avatar-35 { font-size: 80%; width: 35px; height: 35px; }
.avatar-30 { font-size: 80%; width: 30px; height: 30px; }
.avatar-25 { font-size: 80%; width: 25px; height: 25px; }
/*.avatar .ic > svg {top:0 !important;}*/
/* ------ */

/* Заливка */
.bg-blue { background-color: #0d6efd !important; }
.text-blue { color: #0d6efd; }
.bg-info { background-color: #17a2b8 !important; }
.text-info { color: #17a2b8 !important; }
.text-night { color: #191970 !important; }
.bg-thead { background-color: #f5f6fb !important; }
/* ------- */

/* Градиент */
.bg-gradient-blue,
.bg-gradient-primary { background-image: linear-gradient(45deg, #3C50B4, #B14EAD, #F55C90, #FF876F, #FFC05B, #F9F871); }
.bg-mono-gradient-blue,
.bg-mono-gradient-primary { background-image: linear-gradient(45deg, #3C50B4, #006BC5, #0080C4, #0091B5, #009F9E, #0BAA86); }

.bg-gradient-indigo { background-image: linear-gradient(45deg, #6610f2, #F200B3, #FF0074, #FF7646, #FFBF3D, #F9F871); }
.bg-mono-gradient-indigo { background-image: linear-gradient(45deg, #6610f2, #0066FF, #008AFF, #00A0FF, #00B0DD, #00BD97); }

.bg-gradient-purple { background-image: linear-gradient(45deg, #6f42c1, #D237A7, #FF5281, #FF8860, #FFC253, #F9F871); }
.bg-mono-gradient-purple { background-image: linear-gradient(45deg, #6f42c1, #0067E0, #0080E6, #0093D5, #00A0B5, #00AA8E); }

.bg-gradient-pink { background-image: linear-gradient(45deg, #e83e8c, #FF5B75, #FF8261, #FFAA54, #FFD257, #F9F871); }
.bg-mono-gradient-pink { background-image: linear-gradient(45deg, #e83e8c, #B658C3, #5072E0, #0081DA, #0084B3, #00817C); }

.bg-gradient-red,
.bg-gradient-danger { background-image: linear-gradient(45deg, #ff2323, #E80069, #B13892, #6B4E98, #35517F, #2F4858); }
.bg-mono-gradient-red,
.bg-mono-gradient-danger { background-image: linear-gradient(45deg, #ff2323, #C36600, #738100, #008B00, #008B5A, #0087A5); }

.bg-gradient-orange,
.bg-gradient-warning { background-image: linear-gradient(45deg, #ff6700, #F63E5E, #C4448C, #7D5398, #405481, #2F4858); }
.bg-mono-gradient-orange,
.bg-mono-gradient-warning { background-image: linear-gradient(45deg, #ff6700, #C27D00, #7D8700, #248700, #00802C, #00765D); }

.bg-gradient-yellow { background-image: linear-gradient(45deg, #ffc107, #97BB30, #35A65F, #00897A, #006877, #2F4858); }
.bg-mono-gradient-yellow { background-image: linear-gradient(45deg, #ffc107, #B8BB00, #6EAF0C, #009E33, #008B4E, #007563); }

.bg-gradient-green,
.bg-gradient-success { background-image: linear-gradient(45deg, #4bb543, #00A367, #008E7C, #007780, #005F73, #2F4858); }
.bg-mono-gradient-green,
.bg-mono-gradient-success { background-image: linear-gradient(45deg, #4bb543, #00AB6B, #009F90, #008FAD, #007DBC, #0068B9); }

.bg-gradient-teal { background-image: linear-gradient(45deg, #20c997, #00AF9C, #009598, #007A8B, #216074, #2F4858); }
.bg-mono-gradient-teal { background-image: linear-gradient(45deg, #20c997, #00B7AA, #00A4B7, #008EBA, #0078B1, #26609E); }

.bg-gradient-cyan { background-image: linear-gradient(45deg, #17a2b8, #00B9B9, #3ACEAD, #78E098, #B6EF81, #F9F871); }
.bg-mono-gradient-cyan { background-image: linear-gradient(45deg, #17a2b8, #1493C2, #4A80C1, #7669B1, #944F91, #A13666); }
/* -------- */
