@charset "UTF-8";

*,
::after,
::before {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
  outline: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.fi:before {
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.flaticon-menu:before {
  content: "\f100";
}

.flaticon-user:before {
  content: "\f101";
}

.flaticon-search:before {
  content: "\f102";
}

.flaticon-more:before {
  content: "\f103";
}

.flaticon-quotes:before {
  content: "\f104";
}

.flaticon-next:before,
.flaticon-right:before {
  content: "\f105";
}

.flaticon-down:before,
.flaticon-down-arrow:before {
  content: "\f106";
}

.flaticon-display:before {
  content: "\f107";
}

.flaticon-list:before {
  content: "\f108";
}

.flaticon-list-sm:before {
  content: "\f109";
}

.flaticon-open-book:before {
  content: "\f10a";
}

.flaticon-elearning:before {
  content: "\f10b";
}

.flaticon-phone:before {
  content: "\f10c";
}

.flaticon-mail:before {
  content: "\f10d";
}

.flaticon-vk:before {
  content: "\f10e";
}

.flaticon-facebook:before {
  content: "\f10f";
}

.flaticon-odnoklassniki:before {
  content: "\f110";
}

.flaticon-instagram:before {
  content: "\f111";
}

.flaticon-close:before,
.flaticon-cancel:before {
  content: "\f112";
}

.flaticon-copyright:before {
  content: "\f113";
}

.flaticon-elemental-tip:before,
.flaticon-tip:before {
  content: "\f114";
}

.flaticon-exit:before {
  content: "\f115";
}

.flaticon-calendar:before {
  content: "\f116";
}

.flaticon-text-document:before,
.flaticon-doc:before {
  content: "\f117";
}

.flaticon-checked:before {
  content: "\f118";
}

.flaticon-clock:before {
  content: "\f119";
}

.flaticon-talent:before {
  content: "\f11a";
}

.flaticon-edit:before {
  content: "\f11b";
}

.flaticon-download:before {
  content: "\f11c";
}

.flaticon-settings:before {
  content: "\f11d";
}

.flaticon-star:before,
.flaticon-last_semester:before {
  content: "\f11e";
}

.flaticon-view:before {
  content: "\f11f";
}

.flaticon-chat:before,
.flaticon-comment:before {
  content: "\f120";
}

.flaticon-team:before {
  content: "\f121";
}

.flaticon-admin-interface:before {
  content: "\f122";
}

.flaticon-star-fill:before {
  content: "\f123";
}

.flaticon-transfer:before {
  content: "\f124";
}

.flaticon-heart:before,
.flaticon-swimming_exception:before {
  content: "\f125";
}

.flaticon-shopping-cart:before {
  content: "\f126";
}

.flaticon-document:before {
  content: "\f127";
}

.flaticon-sso:before {
  content: "\f128";
}

.flaticon-video:before {
  content: "\f129";
}

.flaticon-qr:before {
  content: "\f12a";
}

.flaticon-rocket:before {
  content: "\f12b";
}

.flaticon-trash:before {
  content: "\f12c";
}

.flaticon-circle:before {
  content: "\f12d";
}

.flaticon-circle-checked:before {
  content: "\f12e";
}

.flaticon-copy:before {
  content: "\f12f";
}

.flaticon-link:before {
  content: "\f130";
}

.flaticon-header:before {
  content: "\f131";
}

.flaticon-paragraph:before {
  content: "\f132";
}

.flaticon-image:before {
  content: "\f133";
}

.flaticon-cut:before {
  content: "\f134";
}

.flaticon-photoalbum:before {
  content: "\f135";
}

.flaticon-swimming:before,
.flaticon-swimming_want:before {
  content: "\f136";
}

.flaticon-building:before,
.flaticon-live_izmailovo:before {
  content: "\f137";
}

@font-face {
  font-family: "Filetype";
  src: url("../fonts/Filetype.woff2") format("woff2"), url("../fonts/Filetype.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

a.filetype-icon:before {
  display: inline-block;
  font-family: "Filetype";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  margin-right: 0.3rem;
}

a.filetype-icon[href$=".pdf"]:before {
  content: "\f105";
  color: #B80D14;
}

.filetype:before {
  display: inline-block;
  font-family: "Filetype";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.filetype-doc:before {
  content: "\f100";
}

.filetype-xls:before {
  content: "\f101";
}

.filetype-xls:before.colored {
  color: #387A47;
}

.filetype-ppt:before {
  content: "\f102";
}

.filetype-jpg:before {
  content: "\f103";
}

.filetype-png:before {
  content: "\f104";
}

.filetype-pdf:before {
  content: "\f105";
}

.filetype-pdf.colored {
  color: #B80D14;
}

.filetype-zip:before {
  content: "\f106";
}

.filetype-odt:before {
  content: "\f107";
}

.filetype-odp:before {
  content: "\f108";
}

.filetype-ods:before {
  content: "\f109";
}

.filetype-odg:before {
  content: "\f10a";
}

.jSelect {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  display: inline-block;
  height: 50px;
}

.jSelect * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.jSelect.open {
  outline: none;
  border-radius: 0.25rem;
  box-shadow: 0 0 0 0.25rem #b3c9f7;
}

.jSelect select {
  display: none !important;
}

.jSelect .jSelect-selected {
  width: 100%;
  height: 50px;
  position: relative;
  padding: 0.5rem 15px;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  line-height: 35px;
  color: #000;
  background: #F4F7FB;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jSelect .jSelect-selected.placeholder {
  color: #848E99;
}

.jSelect.disabled .jSelect-selected {
  background: #929292;
  color: #D6D6D6;
  cursor: not-allowed;
}

.jSelect .jSelect-selected:after {
  position: absolute;
  pointer-events: none;
  right: 1em;
  top: 8px;
  font-family: "Flaticon";
  content: "\f106";
  z-index: 10;
}

.jSelect.open .jSelect-selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #F4F7FB;
}

.jSelect.open .jSelect-selected:after {
  position: absolute;
  pointer-events: none;
  right: 1em;
  top: 8px;
  font-family: "Flaticon";
  content: "\f106";
  z-index: 10;
  transform: rotate(180deg);
}

.jSelect .jSelect-wrapper {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  z-index: 999;
  left: 0;
  top: 49px;
  box-sizing: border-box;
  background: #FFF;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
}

.jSelect.open .jSelect-wrapper {
  display: block;
}

.jSelect .jSelect-wrapper .jSelect-option {
  padding: 1rem 15px;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1.2;
}

.jSelect .jSelect-wrapper .jSelect-option:hover,
.jSelect .jSelect-wrapper .jSelect-option.active {
  background: #F4F7FB;
  color: #000;
}

.jSelect .jSelect-wrapper .jSelect-option:last-child:hover {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.jSelect:hover .jSelect-selected {
  background-color: #E1E9F4;
  border: #CFDCED 1px solid;
}

.select2-container .select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 0.25rem;
  border-color: #C5C5C5;
}

.select2-container .select2-selection--multiple {
  min-height: 50px;
  border: #C5C5C5 1px solid;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding-top: 0.5rem;
}

.select2-container .select2-selection--multiple .select2-search__field:focus {
  box-shadow: none;
}

.select2-container .select2-selection--single {
  height: 50px;
  display: flex;
  align-items: center;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 2.5rem;
  padding-left: 1rem;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #b3c9f7;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #cfdced;
  background-color: #f4f7fb;
}

.select2-container--default .select2-selection--single:hover {
  background-color: #e1e9f4;
}

.select2-container--default .select2-selection--single:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.select2-container--focus {
  outline: none;
  border-radius: 0.25rem;
  box-shadow: 0 0 0 0.25rem #b3c9f7;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-dropdown {
  background-color: #eef2f4;
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
  border-color: transparent;
  z-index: 9999;
}

.select2-results__option--highlighted {
  background-color: #e1eafc;
}

.select2-results__option {
  min-height: 2.5rem;
  margin-bottom: 0 !important;
  padding: 0.5rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
  position: absolute;
  pointer-events: none;
  right: 0.5rem;
  top: -0.7rem;
  font-weight: normal;
  font-family: "Flaticon";
  content: "\f106";
  z-index: 5;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
  position: absolute;
  pointer-events: none;
  right: 0.5rem;
  top: -0.3rem;
  font-weight: normal;
  font-family: "Flaticon";
  content: "\f106";
  z-index: 10;
  transform: rotate(180deg);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: transparent;
}

.select2-selection__choice {
  white-space: nowrap;
  margin-right: 0.5rem;
  display: inline-block;
  font-weight: 400;
  font-size: 0.8rem;
  position: relative;
  height: 1.5rem;
  display: flex;
  align-items: center;
  border-radius: 0.125rem 0 0 0.125rem;
  color: #000;
  background: #D7D7D7;
  border-color: transparent !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  font-size: 1.5rem;
  font-weight: normal;
  position: relative;
  top: -2px;
}

.select2-container--disabled.select2-container--focus {
  box-shadow: none;
}

.select2-container--disabled .select2-selection--single:hover {
  cursor: not-allowed;
  background: #eee;
}

.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1800;
  display: none;
  width: 276px;
  min-height: 32px;
  padding: 0;
  text-align: left;
  white-space: normal;
  background-color: #FFF;
  background-clip: padding-box;
  border-radius: 0.286rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
  margin-top: -8px;
}

.webui-popover.right,
.webui-popover.right-bottom,
.webui-popover.right-top {
  margin-left: 8px;
}

.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
  margin-top: 8px;
}

.webui-popover.left,
.webui-popover.left-bottom,
.webui-popover.left-top {
  margin-left: -8px;
}

.webui-popover.pop {
  transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  transform: scale(0.8);
}

.webui-popover.fade {
  transition: opacity 0.15s linear;
}

.webui-popover.in {
  opacity: 1;
  transform: none;
}

.webui-popover-inner .close {
  float: right;
  margin: 5px 10px 0 0;
  font-family: arial;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  color: #000;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}

.webui-popover-inner .close:focus,
.webui-popover-inner .close:hover {
  opacity: 0.5;
}

.webui-popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 1rem;
  background-color: #f3f7f9;
  border-bottom: 1px solid #e2ecf1;
  border-radius: -0.714rem -0.714rem 0 0;
}

.webui-popover-content {
  padding: 0px;
  overflow: auto;
}

.webui-popover-content p {
  font-size: 0.8rem;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
}

.webui-popover-content p.title {
  font-size: 0.9rem;
  font-weight: 700;
}

.webui-popover-content hr {
  border: 0;
  border-bottom: #C5C5C5 1px solid;
  height: 0px;
}

.webui-no-padding .webui-popover-content {
  padding: 0;
}

.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none;
}

.webui-no-padding .list-group-item:first-child {
  border-top: 0;
}

.webui-no-padding .list-group-item:last-child {
  border-bottom: 0;
}

.webui-popover > .webui-arrow,
.webui-popover > .webui-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.webui-popover > .webui-arrow {
  border-width: 9px;
}

.webui-popover > .webui-arrow:after {
  content: "";
  border-width: 8px;
}

.webui-popover.top-left > .webui-arrow,
.webui-popover.top-right > .webui-arrow,
.webui-popover.top > .webui-arrow {
  bottom: -9px;
  left: 50%;
  margin-left: -9px;
  border-top-color: #a8bbc2;
  border-top-color: rgba(204, 213, 219, 0.8);
  border-bottom-width: 0;
}

.webui-popover.top-left > .webui-arrow:after,
.webui-popover.top-right > .webui-arrow:after,
.webui-popover.top > .webui-arrow:after {
  bottom: 1px;
  margin-left: -8px;
  content: " ";
  border-top-color: #F6F6F6;
  border-bottom-width: 0;
}

.webui-popover.right-bottom > .webui-arrow,
.webui-popover.right-top > .webui-arrow,
.webui-popover.right > .webui-arrow {
  top: 50%;
  left: -9px;
  margin-top: -9px;
  border-right-color: #a8bbc2;
  border-right-color: rgba(204, 213, 219, 0.8);
  border-left-width: 0;
}

.webui-popover.right-bottom > .webui-arrow:after,
.webui-popover.right-top > .webui-arrow:after,
.webui-popover.right > .webui-arrow:after {
  bottom: -8px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.webui-popover.bottom-left > .webui-arrow,
.webui-popover.bottom-right > .webui-arrow,
.webui-popover.bottom > .webui-arrow {
  top: -9px;
  left: 50%;
  margin-left: -9px;
  border-top-width: 0;
  border-bottom-color: #a8bbc2;
  border-bottom-color: rgba(204, 213, 219, 0.8);
}

.webui-popover.bottom-left > .webui-arrow:after,
.webui-popover.bottom-right > .webui-arrow:after,
.webui-popover.bottom > .webui-arrow:after {
  top: 1px;
  margin-left: -8px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.webui-popover.left-bottom > .webui-arrow,
.webui-popover.left-top > .webui-arrow,
.webui-popover.left > .webui-arrow {
  top: 50%;
  right: -9px;
  margin-top: -9px;
  border-right-width: 0;
  border-left-color: #a8bbc2;
  border-left-color: rgba(204, 213, 219, 0.8);
}

.webui-popover.left-bottom > .webui-arrow:after,
.webui-popover.left-top > .webui-arrow:after,
.webui-popover.left > .webui-arrow:after {
  right: 1px;
  bottom: -8px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.webui-popover-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1799;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
}

.webui-popover-primary .webui-popover-title {
  color: #fff;
  background-color: #3e8ef7;
  border-color: #3e8ef7;
}

.webui-popover-primary.bottom .webui-arrow {
  border-bottom-color: #3e8ef7;
}

.webui-popover-primary.bottom .webui-arrow:after {
  border-bottom-color: #3e8ef7;
}

.webui-popover-success .webui-popover-title {
  color: #fff;
  background-color: #11c26d;
  border-color: #11c26d;
}

.webui-popover-success.bottom .webui-arrow {
  border-bottom-color: #11c26d;
}

.webui-popover-success.bottom .webui-arrow:after {
  border-bottom-color: #11c26d;
}

.webui-popover-info .webui-popover-title {
  color: #fff;
  background-color: #0bb2d4;
  border-color: #0bb2d4;
}

.webui-popover-info.bottom .webui-arrow {
  border-bottom-color: #0bb2d4;
}

.webui-popover-info.bottom .webui-arrow:after {
  border-bottom-color: #0bb2d4;
}

.webui-popover-warning .webui-popover-title {
  color: #fff;
  background-color: #eb6709;
  border-color: #eb6709;
}

.webui-popover-warning.bottom .webui-arrow {
  border-bottom-color: #eb6709;
}

.webui-popover-warning.bottom .webui-arrow:after {
  border-bottom-color: #eb6709;
}

.webui-popover-danger .webui-popover-title {
  color: #fff;
  background-color: #ff4c52;
  border-color: #ff4c52;
}

.webui-popover-danger.bottom .webui-arrow {
  border-bottom-color: #ff4c52;
}

.webui-popover-danger.bottom .webui-arrow:after {
  border-bottom-color: #ff4c52;
}

.bmstu-calendar {
  background-color: #fff;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar td,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: transparent;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
}

.bmstu-calendar .xdsoft_noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}

.bmstu-calendar .xdsoft_datetimepicker * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_datepicker,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_datepicker.active,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_prev {
  font-family: "Flaticon";
  content: "\f118";
  width: 1rem;
  color: green;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_label i,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_prev,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_next,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_today_button {
  background-image: none;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_label i {
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_next,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_prev,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_today_button {
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.bmstu-calendar .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_today_button:hover,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_next:hover,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  max-height: 160px;
  overflow-y: hidden;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #3af;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: none;
  width: 100%;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 0px;
  padding: 0.1rem;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.bmstu-calendar .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #3af;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #3af !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar th {
  text-align: center;
  color: #3B4255;
  cursor: default;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_copyright {
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}

.bmstu-calendar .xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}

.bmstu-calendar .xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}

.bmstu-calendar .xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}

.bmstu-calendar .xdsoft_scroller_box {
  position: relative;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #c50;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #c50;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}

.bmstu-calendar .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}

.bmstu-calendar .xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}

.bmstu-calendar .xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #ddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}

.bmstu-calendar .xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#f4f8fa", GradientType=0);
}

.bmstu-calendar .xdsoft_datetimepicker .blue-gradient-button:hover,
.bmstu-calendar .xdsoft_datetimepicker .blue-gradient-button:focus,
.bmstu-calendar .xdsoft_datetimepicker .blue-gradient-button:hover span,
.bmstu-calendar .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: linear-gradient(to bottom, #f4f8fa 0, #fff 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f8fa", endColorstr="#FFF", GradientType=0);
}

.bmstu-calendar .xdsoft_datetimepicker {
  color: #3B4255;
  padding: 0;
  width: 100%;
  padding-top: 2px;
  position: absolute;
  z-index: 100;
  box-sizing: border-box;
  border: none;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_datepicker {
  width: 100%;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_monthpicker {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  align-items: flex-end;
}

.bmstu-calendar .xdsoft_today_button,
.bmstu-calendar .xdsoft_year,
.bmstu-calendar .xdsoft_monthselect {
  display: none !important;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar td,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  border: none;
  color: #3B4255;
  font-size: 0.8rem;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar td,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  border: none;
  color: #888da8;
  font-size: 0.8rem;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar td {
  color: #4b4e65;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  margin: 0;
  padding: 5px 3px;
  font-size: 1rem;
  line-height: 20px;
  font-weight: bold;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}

.bmstu-calendar .xdsoft_prev {
  position: relative;
}

.bmstu-calendar .xdsoft_label {
  background: transparent;
}

.bmstu-calendar .xdsoft_next {
  position: relative;
}

.bmstu-calendar .xdsoft_next:before {
  position: absolute;
  font-family: "Flaticon";
  content: "\f105";
  color: #c9cfd5;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_monthpicker {
  background: #dfe6ea;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar {
  padding: 0.5rem 1rem 1rem 1rem;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_other_month {
  opacity: 0.15;
  cursor: default;
}

.bmstu-calendar .xdsoft_datetimepicker input,
.bmstu-calendar .xdsoft_datetimepicker button {
  background-color: transparent;
}

.bmstu-calendar .xdsoft_datetimepicker td {
  height: 2.5rem;
}

.bmstu-calendar .xdsoft_datetimepicker td:not(.xdsoft_disabled) {
  cursor: pointer !important;
  position: relative;
}

.bmstu-calendar .xdsoft_datetimepicker td:not(.xdsoft_disabled)::before {
  content: "•";
  font-size: 1.5rem;
  color: #5ED1C3;
  position: absolute;
  top: 1.1rem;
  right: calc(50% - 0.3rem);
}

.bmstu-calendar .xdsoft_datetimepicker td:not(.xdsoft_disabled):hover {
  background-color: #5ED1C3;
  color: #fff;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_today {
  background-color: #6DB6FC !important;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_today:hover {
  background-color: #9fcffd;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.bmstu-calendar .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 1;
  -ms-filter: "alpha(opacity=50)";
  cursor: default;
}

.xdsoft_bmstu-calendar {
  max-width: 320px;
  padding: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-color: transparent;
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
}

.xdsoft_bmstu-calendar .xdsoft_monthpicker {
  height: 1.5rem;
}

.xdsoft_bmstu-calendar .xdsoft_calendar {
  margin-top: 1rem;
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  text-align: center;
  border: 1px solid #C5C5C5;
  color: #3B4255;
  font-size: 0.7rem;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #3B4255;
  cursor: default;
  background-color: transparent;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #6DB6FC;
  box-shadow: none;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff;
  background-color: #86c2fd;
  box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 0px;
}

.xdsoft_timepicker {
  padding: 2rem 0rem 0 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  border-top-width: 1px;
  color: #3B4255;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  overflow: hidden;
  overflow-y: hidden;
  border-bottom: 1px solid #ddd;
}

.xdsoft_scrollbar {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_label {
  line-height: 20px;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 0.5rem 0;
  font-size: 0.8rem;
  width: 7rem;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  background-color: #86c2fd;
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
  height: 2rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_label {
  padding: 0;
}

.xdsoft_datetimepicker .xdsoft_month,
.xdsoft_datetimepicker .xdsoft_year {
  width: auto;
  text-align: left;
  font-weight: normal;
  font-size: 1rem;
  pointer-events: none;
}

.xdsoft_datetimepicker .xdsoft_month i,
.xdsoft_datetimepicker .xdsoft_year i {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background-color: #b3c9f7 !important;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  display: flex;
  flex-direction: column;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar {
  position: relative;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table td,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table th {
  border: 0;
  text-align: center;
  font-size: 0.8rem;
  font-family: "Roboto", sans-serif;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table td div,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table th div {
  padding: 0.6rem 0.4rem;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table th {
  padding: 0.6rem 0.4rem;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table td {
  border-top: #C5C5C5 1px solid;
  background-color: #fff;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: red;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next {
  background-image: none;
  position: absolute;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev:before,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next:before {
  position: relative;
  color: gray;
  content: "\f105";
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev {
  margin-right: auto;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev:before {
  transform: rotate(180deg);
  left: 1rem;
  top: 8px;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next {
  margin-left: auto;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next:before {
  left: -1rem;
  top: 8px;
}

.xdsoft_prev {
  color: red;
}

.xdsoft_prev:before {
  margin-left: 0;
  height: 3rem;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 46px;
  margin-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker .xdsoft_time_box {
  height: 225px;
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
  height: auto;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  margin-top: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_label {
  padding: 0;
}

.xdsoft_datetimepicker .xdsoft_month,
.xdsoft_datetimepicker .xdsoft_year {
  width: auto;
  text-align: left;
  font-weight: normal;
  font-size: 1rem;
  pointer-events: none;
}

.xdsoft_datetimepicker .xdsoft_month i,
.xdsoft_datetimepicker .xdsoft_year i {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background-color: #b3c9f7 !important;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  display: flex;
  flex-direction: column;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar {
  position: relative;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table td,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table th {
  border: 0;
  text-align: center;
  font-size: 0.8rem;
  font-family: "Roboto", sans-serif;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table td div,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table th div {
  padding: 0.6rem 0.4rem;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table th {
  padding: 0.6rem 0.4rem;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table td {
  background-color: #fff;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table td.xdsoft_today {
  background-color: #9fcffd !important;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table td.xdsoft_current {
  background-color: #6DB6FC !important;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: red;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next {
  background-image: none;
  position: relative;
  opacity: 1;
  margin: 0;
  padding: 0;
  color: #3B4255;
  padding: 0;
  border: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  width: 2rem;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev {
  margin-right: auto;
  left: 0rem;
  transform: rotate(180deg);
  margin-left: 1rem;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_prev i:before {
  position: relative;
  top: 5px;
  left: -3px;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next {
  margin-left: auto;
  margin-right: 1rem;
}

.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_next i:before {
  position: relative;
  top: -3px;
  left: -3px;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #fff;
  background: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  box-shadow: none;
}

.bmstu-calendar .xdsoft_datetimepicker .xdsoft_monthpicker {
  z-index: 0;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
}

.teacher_day:hover div {
  color: #fff !important;
}

.xdsoft_datepicker {
  display: none !important;
}

.xdsoft_datepicker.active {
  display: flex !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: #F5F7FB;
  color: #333;
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
}

.leaflet-popup-tip {
  display: none;
}

.vue-modal-resizer {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 12px;
  height: 12px;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  background: transparent;
  cursor: se-resize;
}

.vue-modal-resizer::after {
  display: block;
  position: absolute;
  content: "";
  background: transparent;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ddd;
  border-left: 10px solid transparent;
}

.close-icon {
  position: absolute;
  right: 1rem;
  top: 1rem;
  color: lightgray;
  font-size: 1.5rem;
  cursor: pointer;
}

.close-icon.svg-icon {
  font-size: 1.2rem;
}

.vue-modal-resizer.clicked::after {
  border-bottom: 10px solid #369be9;
}

.vm--block-scroll {
  overflow: hidden;
  width: 100vw;
}

.vm--container {
  position: fixed;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 1100;
}

.vm--overlay {
  position: fixed;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1100;
  opacity: 1;
}

.vm--container.scrollable {
  height: 100%;
  min-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.vm--modal {
  position: relative;
  overflow: scroll;
  box-sizing: border-box;
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
  z-index: 1150;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}

.vm--modal__header {
  font-size: 1.3rem;
  font-weight: 700;
}

.vm--modal__footer {
  margin-top: auto;
}

.vm--modal__footer .action {
  display: flex;
}

.vm--container.scrollable .vm--modal {
  margin-bottom: 2px;
}

.vm--top-right-slot {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.vm-transition--overlay-enter-active,
.vm-transition--overlay-leave-active {
  transition: all 50ms;
}

.vm-transition--overlay-enter,
.vm-transition--overlay-leave-active {
  opacity: 0;
}

.vm-transition--modal-enter-active,
.vm-transition--modal-leave-active {
  transition: all 400ms;
}

.vm-transition--modal-enter,
.vm-transition--modal-leave-active {
  opacity: 0;
  transform: translateY(-20px);
}

.vm-transition--default-enter-active,
.vm-transition--default-leave-active {
  transition: all 2ms;
}

.vm-transition--default-enter,
.vm-transition--default-leave-active {
  opacity: 0;
}

.vue-dialog div {
  box-sizing: border-box;
}

.vue-dialog .dialog-flex {
  width: 100%;
  height: 100%;
}

.vue-dialog .dialog-content {
  flex: 1 0 auto;
  width: 100%;
  padding: 15px;
  font-size: 14px;
}

.vue-dialog .dialog-c-title {
  font-weight: 600;
  padding-bottom: 15px;
}

.vue-dialog .vue-dialog-buttons {
  display: flex;
  flex: 0 1 auto;
  width: 100%;
  border-top: 1px solid #eee;
}

.vue-dialog .vue-dialog-buttons-none {
  width: 100%;
  padding-bottom: 15px;
}

.vue-dialog-button {
  font-size: 12px !important;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 40px;
  height: 40px;
  color: inherit;
  font: inherit;
  outline: none;
}

.vue-dialog-button:hover {
  background: rgba(0, 0, 0, 0.01);
}

.vue-dialog-button:active {
  background: rgba(0, 0, 0, 0.025);
}

.vue-dialog-button:not(:first-of-type) {
  border-left: 1px solid #eee;
}

.autocomplete-suggestions {
  background-color: #eef2f4;
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
  border-color: transparent;
  border-top-color: transparent;
  z-index: 1200;
  overflow-y: hidden;
}

.autocomplete-suggestions .autocomplete-suggestion {
  min-height: 2.5rem;
  margin-bottom: 0 !important;
  padding: 0.5rem;
  cursor: default;
}

.autocomplete-suggestions .autocomplete-suggestion:hover {
  color: #fff;
  background-color: #95cff3;
}

.autocomplete-suggestions .autocomplete-selected {
  background-color: #b3c9f7;
}

.autocomplete-suggestions strong {
  font-weight: bold;
}

.autocomplete-group {
  padding: 2px 5px;
}

.autocomplete-group strong {
  font-weight: bold;
  font-size: 16px;
  color: #000;
  display: block;
  border-bottom: 1px solid #000;
}

.chosen-container-multi {
  display: flex;
  align-items: center;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 1px 0;
  padding: 0;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #848E99;
  font-size: 100%;
  line-height: normal;
}

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  cursor: text;
  background-image: none;
  font-size: 0.9rem;
  min-height: 50px;
  display: block;
  background-color: #fff;
  box-sizing: border-box;
  width: 100%;
  color: #000;
  border: 1px solid #C5C5C5;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.chosen-container-multi .chosen-choices li.search-field {
  display: flex;
  align-items: center;
  height: 3rem;
  margin-left: 0.5rem;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  display: flex;
  padding: 0rem 2rem 0rem 1rem;
  align-items: center;
  height: 2.5rem;
  border: 1px solid transparent;
  max-width: 100%;
  border-radius: 0.25rem;
  background-color: #eeeeee;
  background-image: none;
  box-shadow: none;
  color: #333;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 13px;
  right: 10px;
  display: block;
  font-size: 1px;
}

.chosen-container-multi .chosen-drop {
  background-color: #eef2f4;
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
  border-color: transparent;
  border-top-color: transparent;
  z-index: 1200;
}

.chosen-container-multi .chosen-drop .chosen-results li {
  padding: 1.5rem 0.5rem;
  font-size: 1rem;
  position: relative;
  height: 1.5rem;
  display: flex;
  align-items: center;
}

.chosen-container-multi .chosen-drop .chosen-results li.highlighted {
  background-color: #6DB6FC;
  background-image: none;
  color: #fff;
}

.chosen-container-active .chosen-choices {
  outline: none;
  box-shadow: 0 0 0 0.25rem #b3c9f7;
  border: 1px solid transparent;
}

/**
 * Modals
 *
 * @module modal
 *
 * @license   GNU General Public License, version 2
 * @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
 * @author    Denis Shakhov <denis.shakhov@gmail.com>
 */

/* Base class */

.ls-modal {
  display: none;
  position: relative;
  min-width: 400px;
  max-width: 600px;
  color: #333;
  border-radius: 4px;
  background-color: #fff;
  z-index: 1000;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  border-radius: 0.25rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.ls-modal.w50 {
  width: 50%;
  max-width: 50%;
}

.ls-modal .modal-footer {
  padding: 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ls-modal .modal-footer .btn-danger {
  min-width: 1rem;
}

/* Close button */

.ls-modal .ls-modal-close {
  position: absolute;
  top: 17px;
  right: 15px;
  padding: 0;
  line-height: 1em;
  color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.ls-modal .ls-modal-close:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* Header */

.ls-modal-header {
  background: #fafafa;
  border-bottom: 1px solid #eee;
  border-radius: 4px 4px 0 0;
  padding: 15px 20px 13px;
  position: relative;
  min-height: 20px;
}

.ls-modal-title {
  font-size: 17px;
  margin: 0 30px 0 0;
  color: #000;
  position: relative;
}

/* Табы */

.ls-modal .ls-tabs.ls-modal-tabs .ls-tab-list {
  padding: 15px;
  margin-bottom: 0;
  border-bottom: 1px solid #eee;
}

/* Content */

.ls-modal .ls-modal-body {
  padding: 20px;
  max-height: 80vh;
  overflow-y: scroll;
}

/* Lock */

.ls-modal .ls-modal-lock {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
  border-radius: 3px;
}

/* Footer */

.ls-modal .ls-modal-footer {
  background: #fafafa;
  border-top: 1px solid #eee;
  border-radius: 0 0 4px 4px;
  padding: 15px;
  text-align: right;
}

/* Loader */

.ls-modal-loader {
  display: none;
  width: 100px;
  height: 50px;
  margin: -25px 0 0 -50px;
  position: fixed;
  top: 50%;
  left: 50%;
  border-radius: 5px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1001;
}

.ls-modal-loader.ls-modal-loader-text {
  background-image: none;
  color: #eee;
  text-align: center;
  font-size: 13px;
  line-height: 1.2em;
  padding: 15px;
  width: 300px;
  margin-left: -150px;
  height: auto;
}

/* Overlay */

.ls-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==);
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  overflow: auto;
  padding: 30px;
}

.iti.iti--allow-dropdown input[type=tel] {
  padding-left: 3.5rem;
}

.iti .iti__selected-flag {
  background: #eef2f4;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.swiper-container-horizontal {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}

.swiper-slide-active {
  overflow: hidden;
}

.swiper-pagination {
  bottom: 0;
  position: relative;
}

.swiper-notification {
  display: none;
}

.swiper-pagination-bullet-active {
  background: #192231;
}

.swiper-slide-prev,
.swiper-slide-next {
  opacity: 0;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAxNCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDAwMjEgMjZMMTMuMjAxMiAxMy41NTk4TDEuMDAwMjEgMSIgc3Ryb2tlPSJibGFjayIvPgo8L3N2Zz4K");
}

.swiper-button-next:focus {
  outline: none;
}

.swiper-button-prev {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAxNCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjIwMSAxTDEgMTMuNDQwMkwxMy4yMDEgMjYiIHN0cm9rZT0iYmxhY2siLz4KPC9zdmc+Cg==");
}

.swiper-button-prev:focus {
  outline: none;
}

/* roboto-300 - latin_cyrillic-ext_cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-300.woff2") format("woff2"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-300.woff") format("woff"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-300.ttf") format("truetype"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-300.svg#Roboto") format("svg");
  /* Legacy iOS */
}

/* roboto-regular - latin_cyrillic-ext_cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-regular.woff") format("woff"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-regular.ttf") format("truetype"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
}

/* roboto-500 - latin_cyrillic-ext_cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-500.woff2") format("woff2"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-500.woff") format("woff"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-500.ttf") format("truetype"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-500.svg#Roboto") format("svg");
  /* Legacy iOS */
}

/* roboto-700 - latin_cyrillic-ext_cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-700.woff") format("woff"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-700.ttf") format("truetype"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-700.svg#Roboto") format("svg");
  /* Legacy iOS */
}

/* roboto-900 - latin_cyrillic-ext_cyrillic */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-900.woff2") format("woff2"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-900.woff") format("woff"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-900.ttf") format("truetype"), url("../fonts/roboto-v30-latin_cyrillic-ext_cyrillic-900.svg#Roboto") format("svg");
  /* Legacy iOS */
}

html,
body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #3b4255;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "onum" 0, "pnum" 0, "liga" 1, "hlig" 1, "calt" 1, "swsh" 1, "hist" 1, "ss01" 1, "kern" 1;
  text-rendering: optimizeLegibility;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title {
  margin: 0;
  padding: 0;
  line-height: 1.2;
  font-weight: 700;
  text-align: left;
}

h1,
h1.title,
h2 {
  margin-bottom: 1rem;
}

h3 {
  margin-bottom: 0.5rem;
}

ul,
ol {
  margin-bottom: 0.5rem;
  padding-left: 2rem;
}

ul li,
ol li {
  margin-bottom: 0.2rem;
}

p {
  text-align: left;
  margin-bottom: 0.5rem;
}

p:last-child {
  margin-bottom: 0;
}

a {
  color: #144ECA;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
}

button,
input {
  border: 0;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

blockquote {
  box-shadow: rgb(41, 41, 41) 3px 0px 0px 0px inset;
  font-size: 1.1rem;
  padding-left: 2rem;
  margin-left: 3px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-style: italic;
  color: #3B4255;
}

blockquote p:last-child {
  margin-bottom: 0;
}

p.important {
  background: #def6fe;
  background: linear-gradient(0deg, #def6fe 0, #def6fe 100%, transparent 30%, transparent 100%);
}

p.speech {
  font-size: 1.1rem;
  margin: 1rem 0;
  font-style: italic;
  color: #555555;
  padding: 1rem 30px 1.2em 3rem;
  position: relative;
}

p.speech::before {
  content: "“";
  color: #3B4255;
  font-size: 4em;
  position: absolute;
  left: -10px;
  top: -5px;
}

p.speech span {
  display: block;
  color: #3B4255;
  font-style: normal;
  margin-top: 1em;
  font-size: 0.9em;
}

p.notabene {
  font-size: 1.1rem;
  color: #555555;
  padding: 0em 0rem 0em 2.5rem;
  border-left: 0.5rem solid #eb5768;
  position: relative;
}

p.notabene::after {
  content: "";
}

p.notabene span {
  display: block;
  color: #3B4255;
  font-style: normal;
  margin-top: 1em;
  font-size: 0.9em;
}

.wrapper {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.author {
  color: #666666;
  font-size: 0.9rem;
}

.d-none {
  display: none;
}

.d-show {
  display: block;
}

.v-none {
  visibility: hidden;
}

.v-show {
  visibility: visible;
}

.cursor {
  cursor: pointer;
}

.local {
  color: #144ECA;
  cursor: pointer;
  border-bottom: #144ECA 1px dashed;
  transition: 0.25s ease-in-out;
}

.local:hover {
  border-bottom: transparent 1px dashed;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 2rem;
  }
}

.dot {
  display: inline-block;
  margin: 0 1rem;
  position: relative;
}

.dot:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #c7ccd1;
  height: 6px;
  width: 6px;
  opacity: 0.7;
}

.mb1 {
  margin-bottom: 1rem;
}

.mb2 {
  margin-bottom: 2rem;
}

.ml-auto {
  margin-left: auto;
}

.mt-auto {
  margin-top: auto;
}

.w100 {
  width: 100%;
}

.full-height {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
}

.full-height > footer {
  margin-top: auto;
}

.sq-spinner {
  z-index: 1000;
  width: 40px;
  height: 40px;
  background-color: #f6744f;
  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
  -webkit-animation-iteration-count: 100;
  animation-iteration-count: 100;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.infoblock {
  border-radius: 0.25rem;
  padding: 2rem;
}

.bg-wrapper {
  background-color: #eef2f4;
  padding: 2rem 0;
}

.bg-wrapper .table td,
.bg-wrapper .table th {
  border: #aeadae 1px solid;
}

hr {
  border: 0;
  border-top: 1px dashed #C5C5C5;
}

.lead {
  margin-bottom: 1.4rem;
  font-size: 1.3rem;
  line-height: 1.6;
}

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1100;
}

.overflow-wrapper {
  position: relative;
  width: 100%;
}

.left-overflow-wrapper {
  position: absolute;
  display: none;
  width: 1rem;
  height: 100%;
  z-index: 100;
  left: 0;
  top: 0;
  background: #dedede;
  background: linear-gradient(to right, #dedede, transparent);
  transition: 0.5s ease-in-out;
}

.right-overflow-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  height: 100%;
  width: 1rem;
  background: #dedede;
  background: linear-gradient(to left, #dedede, transparent);
}

.table-wrapper {
  overflow-x: auto;
}

table.table thead {
  background-color: lightgray;
}

table.table td,
table.table th {
  border: #ececec 1px solid;
  padding: 0.5rem;
}

table.table.compact td,
table.table.compact th {
  padding: 0.2rem 0.3rem;
  font-size: 0.75rem;
}

table.table.zebra thead tr {
  background-color: lightgray !important;
}

table.table.zebra tr:nth-child(odd) {
  background: #ececec;
}

table.table.zebra tr:nth-child(odd) td {
  border-right: #fff 1px solid;
}

table.table.zebra tr:nth-child(odd) td:last-child() {
  border: #ececec 1px solid;
}

table.table.zebra.zebra-hover tr:hover {
  background: #f4f7fb;
}

.col,
.col-12,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2 {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
}

.col-2 {
  width: calc(16.6666666667% - 30px);
}

.col-3 {
  width: calc(25% - 30px);
}

.col-4 {
  width: calc(33.3333333333% - 30px);
}

.col-5 {
  width: calc(41.6666666667% - 30px);
}

.col-6 {
  width: calc(50% - 30px);
}

.col-7 {
  width: calc(58.3333333333% - 30px);
}

.col-8 {
  width: calc(66.6666666667% - 30px);
}

.col-9 {
  width: calc(75% - 30px);
}

.col-12 {
  width: calc(100% - 30px);
}

div[class^=column] {
  display: grid;
  grid-gap: 1rem;
}

.columns-1 {
  grid-template-columns: repeat(1, 1fr);
}

.columns-1-2 {
  grid-template-columns: 1fr 2fr;
}

.columns-1-3 {
  grid-template-columns: 1fr 3fr;
}

.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.columns-2-1 {
  grid-template-columns: 2fr 1fr;
}

.columns-3-1 {
  grid-template-columns: 3fr 1fr;
}

.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.columns-12 {
  grid-template-columns: repeat(12, 1fr);
}

.shift-left-1 {
  margin-left: calc(8.3333333333% + 15px);
}

.shift-left-2 {
  margin-left: calc(16.6666666667% + 15px);
}

.color-background {
  background-color: #eef2f4;
}

.d-flex {
  display: flex;
}

.drag-row {
  cursor: move;
  background-image: linear-gradient(45deg, #ffffff 10%, #e6e6e6 10%, #e6e6e6 50%, #ffffff 50%, #ffffff 60%, #e6e6e6 60%, #e6e6e6 100%);
  background-size: 21.21px 21.21px;
}

.swipe-table {
  gap: 0.5rem;
  margin: 1rem 0;
  display: none;
  background: #fcf0a4;
  padding: 1rem;
  align-items: center;
}

.swipe-table svg {
  width: 5rem;
}

.small {
  font-size: 0.8em;
}

.nowrap {
  white-space: nowrap;
}

.ml-auto {
  margin-left: auto;
}

.ml1 {
  margin-left: 1rem;
}

.mr1 {
  margin-right: 1rem;
}

.mt-auto {
  margin-top: auto;
}

.text-center {
  text-align: center;
}

img.align-left {
  float: left;
  margin-top: 1rem;
  display: block;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

img.align-right {
  float: right;
  display: block;
  margin-top: 1rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
  max-width: 50%;
}

img.align-center {
  display: block;
  margin: 0 auto;
}

.copying {
  position: relative;
}

.copying .copying-btn {
  right: 0;
  top: 0;
  position: absolute;
  display: none;
  padding: 0.3rem 0.5rem;
  cursor: pointer;
  font-size: 0.8rem;
  background: #fff;
  border: #C5C5C5 1px solid;
  border-radius: 0.25rem;
}

.copying .copying-btn:before {
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f12f";
}

@-webkit-keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.copying .copying-btn .bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

.copying:hover .copying-btn {
  display: inline-block;
}

.copying.copying-btn:hover {
  display: inline-block;
}

.bg-striped {
  background: repeating-linear-gradient(-55deg, gray 1px, white 2px, white 11px, gray 12px, gray 20px);
}

.svg-icon {
  font-size: 1rem;
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.svg-icon.rotate-180 {
  transform: rotate(180deg);
}

.svg-block {
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}

.ignore-dom {
  display: contents;
}

.pre-text {
  font-family: Roboto;
  display: block;
  white-space: pre-wrap;
  margin: 0;
}

@-webkit-keyframes animated-bg {
  from {
    background-position: 100% 50%;
  }

  to {
    background-position: 0% 50%;
  }
}

@keyframes animated-bg {
  from {
    background-position: 100% 50%;
  }

  to {
    background-position: 0% 50%;
  }
}

.document-frame {
  margin-bottom: 1.5rem;
}

.document-frame .item {
  margin-bottom: 3rem;
}

.document-frame .item:last-child {
  margin-bottom: 0;
}

.document-frame .item .title {
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}

.document-frame .item .title h2 {
  font-size: 1.3rem;
}

.document-frame .item .description {
  margin-bottom: 1rem;
  font-size: 0.7rem;
}

.document-frame .item .fulltext {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem;
  background-color: #F4F7FB;
}

.document-frame .item .badge-list {
  margin-bottom: 0.5rem;
}

.document-frame .item .data {
  font-size: 0.7rem;
}

.document-frame .item .data ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.document-frame .item .data ul li {
  padding: 0;
  margin: 0;
  margin-bottom: 0.3rem;
}

.document-frame .item .data ul li:last-child {
  margin-bottom: 0;
}

.document-frame .item .file-list h3 {
  margin-bottom: 1rem;
}

.document-frame .item .file-list .item {
  margin-bottom: 2rem;
  display: flex;
}

.document-frame .item .file-list .item:last-child {
  margin-bottom: 0;
}

.document-frame .item .file-list .item .type {
  margin-right: 1rem;
  width: 1rem;
  padding-top: 0.3rem;
}

.document-frame .item .file-list .item .type i::before {
  font-size: 2rem;
}

.document-frame .item .file-list .item .type i.filetype-doc::before {
  color: #30619F;
}

.document-frame .item .file-list .item .type i.filetype-xls::before {
  color: #257046;
}

.document-frame .item .file-list .item .type i.filetype-ppt::before {
  color: #E73C1A;
}

.document-frame .item .file-list .item .type i.filetype-pdf::before {
  color: #B80D14;
}

.document-frame .item .file-list .item .type i.filetype-zip::before {
  color: #FA8B25;
}

.document-frame .item .file-list .item .type i.filetype-odt::before,
.document-frame .item .file-list .item .type i.filetype-odp::before,
.document-frame .item .file-list .item .type i.filetype-ods::before,
.document-frame .item .file-list .item .type i.filetype-odg::before {
  color: #1AA1DF;
}

.document-frame .item .file-list .item .text {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(91.6666666667% - 30px);
}

.document-frame .item .file-list .item .text .filesize {
  font-size: 0.7rem;
}

.document-frame .doclist {
  background-color: #F4F7FB;
  padding: 2rem;
}

.document-frame .doclist .document__item .data {
  margin-bottom: 0;
}

.no-sso-data {
  padding: 1rem 2rem;
  background-color: #eef2f4;
}

.no-sso-data .text ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.no-sso-data .text ul li {
  padding: 0;
  margin: 0;
  margin-bottom: 0.5rem;
}

.no-sso-data .text ul li:last-child {
  margin-bottom: 0;
}

.no-sso-data .text ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.no-sso-data .text ul li:before {
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: bold;
  content: "\f118";
  color: Green;
  margin-right: 1rem;
}

.no-sso-data .text ul li.empty:before {
  content: "\f112";
  color: red;
}

.uploader-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.uploader {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: stretch;
  border: #C5C5C5 1px dashed;
  min-height: 10rem;
}

.uploader .uploader__area {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 3rem;
  position: relative;
}

.uploader .uploader__area .filename {
  display: flex;
  align-items: center;
  height: 100%;
  max-height: 10rem;
  font-size: 0.75rem;
  padding: 1rem;
  overflow: hidden;
}

.uploader .uploader__area .status {
  margin-bottom: 0;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  width: 100%;
  font-size: 0.75rem;
}

.uploader .uploader__area .loading,
.uploader .uploader__area .processing {
  background: repeating-linear-gradient(-55deg, #eef2f4 1px, white 2px, white 11px, #eef2f4 12px, #eef2f4 20px);
  background-size: 200% 200%;
  -webkit-animation: animated-bg 10s linear infinite;
  animation: animated-bg 10s linear infinite;
}

.uploader .uploader__area .error {
  color: #EB5767;
}

.uploader .uploader__area .action {
  position: absolute;
  bottom: 0.3rem;
  right: 0.3rem;
  margin-bottom: 0;
}

.uploader .uploader__area .action .btn {
  min-width: 2rem;
  margin-right: 0;
}

.uploader .uploader__area .uploader__file {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}

.uploader .uploader__area .uploader__file a {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.uploader .uploader__area .uploader__file .icon {
  width: 5rem;
}

.uploader__message {
  position: absolute;
  padding: 0.5rem;
  background-color: rgba(235, 87, 103, 0.3);
  width: 100%;
  font-size: 0.7rem;
  text-align: center;
  pointer-events: none;
  text-transform: uppercase;
}

.uploader__button-wrapper {
  display: flex;
  width: 100%;
}

.uploader__button-wrapper > div:last-child {
  margin-bottom: 0;
}

.uploader__button_file {
  cursor: pointer;
  display: flex;
  width: 100%;
}

.uploader__button_file:hover label i {
  transform: translateY(3px);
}

.uploader__button_file label {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 0.75rem;
}

.uploader__button_file label i {
  transition: transform 0.25s ease-in-out;
  font-size: 1.5rem;
  display: block;
}

.uploader__button_file label .text {
  position: absolute;
  top: 50%;
  pointer-events: none;
  font-size: 0.75rem;
  left: 50%;
  padding: 0.5rem;
  z-index: 3;
  border-radius: 0.25rem;
  background-color: #fff;
  transform: translateY(-50%) translateX(-50%);
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
  cursor: default;
  text-align: center;
}

.uploader__button_file input[type=file] {
  position: absolute;
  left: -9999px;
}

.uploader-multiple {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
}

.uploader-multiple .item {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  min-height: 3rem;
  position: relative;
}

.uploader-multiple .item:hover {
  background: #eef2f4;
}

.uploader-multiple .item .status {
  margin-bottom: 0;
  position: relative;
  cursor: pointer;
  display: flex;
  display: block;
  padding: 6rem 0.5rem;
  text-align: center;
  width: 100%;
  font-size: 0.75rem;
}

.uploader-multiple .item .loading,
.uploader-multiple .item .processing {
  background: repeating-linear-gradient(-55deg, #eef2f4 1px, white 2px, white 11px, #eef2f4 12px, #eef2f4 20px);
  background-size: 200% 200%;
  -webkit-animation: animated-bg 10s linear infinite;
  animation: animated-bg 10s linear infinite;
}

.uploader-multiple .item .error {
  color: #EB5767;
}

.uploader-multiple .item .action {
  position: absolute;
  bottom: 0.3rem;
  z-index: 2;
  right: 0.3rem;
  margin-bottom: 0;
}

.uploader-multiple .item .action .btn {
  min-width: 2rem;
  margin-right: 0;
}

.uploader-multiple .item .uploader__file {
  display: flex;
  align-items: center;
}

.uploader-multiple .item .uploader__file .icon {
  margin-right: 0.5rem;
  flex-shrink: 0;
  font-size: 2rem;
}

.uploader-multiple .uploader__message {
  position: absolute;
  padding: 0.5rem;
  background-color: rgba(235, 87, 103, 0.3);
  width: 15rem;
  right: 0;
  font-size: 0.7rem;
  text-align: center;
  pointer-events: none;
  text-transform: uppercase;
}

.uploader-multiple .uploader__button {
  cursor: pointer;
  display: flex;
  width: 100%;
  align-items: center;
  border: #C5C5C5 1px dashed;
  min-height: 10rem;
}

.uploader-multiple .uploader__button:hover label i {
  transform: translateY(3px);
}

.uploader-multiple .uploader__button label {
  cursor: pointer;
  display: flex;
  margin-left: 2rem;
  margin-right: 2rem;
  text-align: center;
  width: 100%;
  font-size: 0.75rem;
  margin-bottom: 0;
}

.uploader-multiple .uploader__button label i {
  transition: transform 0.25s ease-in-out;
  font-size: 1.5rem;
  display: block;
}

.uploader-multiple .uploader__button label .text {
  position: absolute;
  top: 50%;
  pointer-events: none;
  font-size: 0.75rem;
  left: 50%;
  padding: 0.5rem;
  z-index: 3;
  border-radius: 0.25rem;
  background-color: #fff;
  transform: translateY(-50%) translateX(-50%);
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
  cursor: default;
  text-align: center;
}

.uploader-multiple .uploader__button input[type=file] {
  position: absolute;
  left: -9999px;
}

.user-status {
  background: gray;
  width: 1rem;
  height: 1rem;
}

.user-status.confirmed {
  background: linear-gradient(to right, #36d1dc, #5b86e5);
}

/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.2 - 2015
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/

#outdated {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1500;
  background-color: pink;
  color: #1E242B;
  padding: 2rem 0;
  font-size: 0.8rem;
}

#outdated .wrapper {
  display: flex;
  align-items: center;
}

#outdated .text {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(66.6666666667% - 30px);
  text-align: left;
}

#outdated .action {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.3333333333% - 30px);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#outdated .action img {
  margin-left: 1rem;
  height: 2rem;
}

* html #outdated {
  position: absolute;
}

.bubbles {
  position: relative;
}

.bubble {
  display: inline-block;
  padding: 0px 5px;
}

.bubble:nth-of-type(1) .circle {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.bubble:nth-of-type(2) .circle {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.bubble:nth-of-type(3) .circle {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.bubble:nth-of-type(4) .circle {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.bubble:nth-of-type(5) .circle {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.bubble:nth-of-type(6) .circle {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.bubble:nth-of-type(7) .circle {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.bubble:nth-of-type(8) .circle {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.bubble:nth-of-type(9) .circle {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.bubble:nth-of-type(10) .circle {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.bubble .circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #E1E9F4;
  -webkit-animation: pulse 1.5s infinite;
  animation: pulse 1.5s infinite;
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.2);
    opacity: 0.75;
  }

  100% {
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.2);
    opacity: 0.75;
  }

  100% {
    transform: scale(1);
  }
}

.preloader-clock {
  position: relative;
  width: 4rem;
  height: 4rem;
  border: 0.4rem solid #2085e6;
  border-radius: 100%;
}

.preloader-clock:before,
.preloader-clock:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.2rem 0 0 -0.2rem;
  border-bottom: 0.4rem solid #2085e6;
  border-radius: 0.6rem;
  -webkit-transform-origin: 0.2rem center;
}

.preloader-clock:before {
  /* hour hand */
  width: 30%;
  -webkit-animation: rotate 10s linear infinite;
}

.preloader-clock:after {
  /* minute hand */
  width: 40%;
  background-color: #2085e6;
  -webkit-animation: rotate 1s linear infinite;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

.preloader-bar {
  background: repeating-linear-gradient(-55deg, #fff 1px, #F6F6F6 2px, #F6F6F6 11px, #fff 12px, #fff 20px);
  background-size: 200% 200%;
  -webkit-animation: animated-bg 10s linear infinite;
  animation: animated-bg 10s linear infinite;
  padding: 1rem 2rem;
  border-radius: 3rem;
  text-transform: uppercase;
  color: #2D2D2D;
  font-size: 0.9rem;
  text-align: center;
}

.preloader-dotline .preloader-dot {
  display: inline-block;
  background: #C5C5C5;
  height: 1rem;
  width: 1rem;
  opacity: 0;
  border-radius: 50%;
  -webkit-animation: dotline-move 4s infinite;
  animation: dotline-move 4s infinite;
  transform: translateX(300px);
}

.preloader-dotline .preloader-dot:nth-child(1) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.preloader-dotline .preloader-dot:nth-child(2) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.preloader-dotline .preloader-dot:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.preloader-dotline .preloader-dot:nth-child(4) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.preloader-dotline .preloader-dot:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.preloader-dotline .preloader-dot:nth-child(6) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.preloader-dotline .preloader-dot:nth-child(7) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.preloader-dotline .preloader-dot:nth-child(8) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

@-webkit-keyframes dotline-move {
  40% {
    transform: translateX(0px);
    opacity: 0.8;
  }

  100% {
    transform: translateX(300px);
    opacity: 0;
  }
}

@keyframes dotline-move {
  40% {
    transform: translateX(0px);
    opacity: 0.8;
  }

  100% {
    transform: translateX(300px);
    opacity: 0;
  }
}

.card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: #eef2f4;
  border-radius: 0.25rem;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.card.left {
  text-align: left;
}

.card table td,
.card table th {
  border: #c0ced6 1px solid;
}

.card table thead {
  background-color: #a1b7c2;
}

.card table thead td,
.card table thead th {
  border: #a1b7c2 1px solid;
}

.card.card-horizontal {
  flex-direction: row;
  justify-content: space-between;
}

.card.card-horizontal .card-image img {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  width: 100%;
}

.card.card-horizontal .card-content {
  width: 100%;
  align-items: flex-start;
}

.card .card-image img {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  width: 100%;
}

.card .card-content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}

.card .card-content .card-title {
  font-size: 1.2em;
  margin-bottom: 1rem;
}

.card .card-content .card-body {
  margin-bottom: 1rem;
}

.card .card-content .card-footer {
  margin-top: auto;
}

.card-shadow {
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
}

.card-shadow-hover {
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
}

.card-shadow-hover:hover {
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
}

.card-shadow-lift {
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
  transition: box-shadow 300ms ease, transform 300ms ease;
}

.card-shadow-lift:hover {
  transform: translateY(-0.5rem);
  box-shadow: 0 4px 6px 3px rgba(9, 63, 179, 0.1), 0 12px 15px 7px rgba(2, 11, 34, 0.15);
}

.alert,
.alert-warning,
.alert-blank,
.alert-success,
.alert-danger,
.alert-info_outline,
.alert-info,
.alert-error {
  margin-bottom: 1rem;
  padding: 2rem;
  color: #3B4255;
  background-color: #eef2f4;
  border: #eef2f4 1px solid;
}

.alert ul,
.alert-warning ul,
.alert-blank ul,
.alert-success ul,
.alert-danger ul,
.alert-info_outline ul,
.alert-info ul,
.alert-error ul {
  padding-left: 0;
  margin-bottom: 0;
}

.alert ul li,
.alert-warning ul li,
.alert-blank ul li,
.alert-success ul li,
.alert-danger ul li,
.alert-info_outline ul li,
.alert-info ul li,
.alert-error ul li {
  list-style: none;
}

.alert a,
.alert-warning a,
.alert-blank a,
.alert-success a,
.alert-danger a,
.alert-info_outline a,
.alert-info a,
.alert-error a {
  text-decoration: underline;
}

.alert a.btn,
.alert-warning a.btn,
.alert-blank a.btn,
.alert-success a.btn,
.alert-danger a.btn,
.alert-info_outline a.btn,
.alert-info a.btn,
.alert-error a.btn {
  text-decoration: none;
}

.alert-icon {
  display: grid;
  align-items: center;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  grid-gap: 2rem;
}

.alert-icon .icon {
  font-size: 2rem;
}

.alert-icon .image {
  flex-shrink: 0;
}

.alert-icon .image i {
  font-size: 2rem;
  width: 2rem;
  margin-right: 1rem;
}

.alert-icon img {
  width: 2rem;
  margin-right: 1rem;
}

.alert-error {
  color: #fff;
  background-color: #e94b3d;
  border: #e94b3d 1px solid;
}

.alert-error a {
  color: #fff;
}

.alert-info {
  border: transparent 1px solid;
  background-color: #FEE17F;
  color: #000;
}

.alert-info_outline {
  border: #FEE17F 1px solid;
  background-color: transparent;
  color: #000;
}

.alert-danger {
  border: #EB5767 1px solid;
  color: #fff;
  background-color: #EB5767;
}

.alert-success {
  border: #169449 1px solid;
  color: #fff;
  background-color: #169449;
}

.alert-blank {
  border: transparent 1px solid;
  color: #3B4255;
  background-color: transparent;
}

.alert-warning {
  border: transparent 1px solid;
  color: #3B4255;
  background-color: #F0E9D1;
}

.btn,
a.btn,
.btn-xs,
a.btn-xs,
.btn-sm,
a.btn-sm,
.btn-bg,
a.btn-bg,
.btn-outline,
a.btn-outline,
.btn-action,
a.btn-action,
.btn-success,
a.btn-success,
.btn-danger,
a.btn-danger,
.btn-primary,
a.btn-primary {
  border: 0px;
  background-color: #144ECA;
  color: #fff;
  padding: 0.4rem 0.8rem;
  text-align: center;
  border-radius: 0.25rem;
  display: inline-block;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  border-color: #144ECA;
  font-size: 0.8rem;
  font-weight: 600;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 8rem;
}

.btn-narrow,
a.btn-narrow {
  min-width: 1rem;
}

.btn:hover,
a.btn:hover,
.btn-xs:hover,
.btn-sm:hover,
.btn-bg:hover,
.btn-outline:hover,
.btn-action:hover,
.btn-success:hover,
.btn-danger:hover,
.btn-primary:hover {
  background-color: #2765ea;
  border-color: #2765ea;
}

.btn:active,
.btn:focus,
a.btn:active,
a.btn:focus,
.btn-xs:active,
.btn-sm:active,
.btn-bg:active,
.btn-outline:active,
.btn-action:active,
.btn-success:active,
.btn-danger:active,
.btn-primary:active,
.btn-xs:focus,
.btn-sm:focus,
.btn-bg:focus,
.btn-outline:focus,
.btn-action:focus,
.btn-success:focus,
.btn-danger:focus,
.btn-primary:focus {
  outline: none;
  box-shadow: 0 0 0 0.25rem #b3c9f7;
}

.btn::-moz-focus-inner,
a.btn::-moz-focus-inner,
.btn-xs::-moz-focus-inner,
.btn-sm::-moz-focus-inner,
.btn-bg::-moz-focus-inner,
.btn-outline::-moz-focus-inner,
.btn-action::-moz-focus-inner,
.btn-success::-moz-focus-inner,
.btn-danger::-moz-focus-inner,
.btn-primary::-moz-focus-inner {
  border: 0;
}

.btn:not([disabled]),
a.btn:not([disabled]),
.btn-xs:not([disabled]),
.btn-sm:not([disabled]),
.btn-bg:not([disabled]),
.btn-outline:not([disabled]),
.btn-action:not([disabled]),
.btn-success:not([disabled]),
.btn-danger:not([disabled]),
.btn-primary:not([disabled]) {
  cursor: pointer;
}

.btn-primary,
a.btn-primary {
  background-color: #144ECA;
  border-color: #144ECA;
  color: #fff;
}

.btn-primary:hover,
a.btn-primary:hover {
  background-color: #2765ea;
  border-color: #2765ea;
}

.btn-primary.processing,
.btn-primary.ls-loading,
a.btn-primary.processing,
a.btn-primary.ls-loading {
  background: repeating-linear-gradient(-55deg, #144ECA 1px, #2765ea 2px, #2765ea 11px, #144ECA 12px, #144ECA 20px);
  background-size: 200% 200%;
  -webkit-animation: animated-bg 10s linear infinite;
  animation: animated-bg 10s linear infinite;
}

.btn-danger,
a.btn-danger {
  background-color: #EB5767;
  border-color: #EB5767;
  color: #fff;
}

.btn-danger:hover,
a.btn-danger:hover {
  background-color: #e33b3b;
  border-color: #e33b3b;
  color: #fff;
}

.btn-success,
a.btn-success {
  background-color: MediumSeaGreen;
  border-color: MediumSeaGreen;
  color: #fff;
}

.btn-success:hover,
a.btn-success:hover {
  background-color: #5ac88b;
  border-color: #5ac88b;
}

.btn-success.processing,
.btn-success.ls-loading,
a.btn-success.processing,
a.btn-success.ls-loading {
  background: repeating-linear-gradient(45deg, #5ED1C3, #5ED1C3 10px, #86dcd2 10px, #86dcd2 20px);
  background-size: 110% 100%;
  -webkit-animation-name: MOVE-BG;
  animation-name: MOVE-BG;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.btn-action,
a.btn-action {
  background-color: #5ED1C3;
  border-color: #5ED1C3;
  color: #1c1f26;
}

.btn-action:hover,
a.btn-action:hover {
  background-color: #e92238;
  border-color: #e92238;
  color: #fff;
}

.btn-outline,
a.btn-outline {
  background-color: transparent;
  color: #144ECA;
  border: 1px solid #144ECA;
}

.btn-outline:hover,
a.btn-outline:hover {
  border: 1px solid #5686ee;
  color: #5686ee;
  background-color: transparent;
}

.btn-outline_inverse,
a.btn-outline_inverse {
  border-color: #fff;
  color: #fff;
  background: transparent;
}

.btn .icon:before,
a.btn .icon:before,
.btn-xs .icon:before,
.btn-sm .icon:before,
.btn-bg .icon:before,
.btn-primary .icon:before,
.btn-danger .icon:before,
.btn-success .icon:before,
.btn-action .icon:before,
.btn-outline .icon:before {
  transform: scale(1.5);
  margin-right: 0.5rem;
}

.btn-bg,
a.btn-bg {
  padding: 0.8rem 1.2rem;
}

.btn-sm,
a.btn-sm {
  text-transform: none;
  padding: 0.4rem 0.6rem;
  min-width: auto;
}

.btn-xs,
a.btn-xs {
  padding: 0.2rem 0.4rem;
  font-size: 0.8em;
  min-width: auto;
}

button[disabled],
html input[disabled] {
  background-color: #dde1e6;
  border-color: #ced4db;
  color: #848e99;
  opacity: 1;
  cursor: not-allowed;
}

button[disabled]:hover,
html input[disabled]:hover {
  background-color: #dde1e6;
  border-color: #dde1e6;
  color: #848e99;
  opacity: 1;
}

@-webkit-keyframes MOVE-BG {
  from {
    background-position: 0% 0;
  }

  to {
    background-position: 6.2rem 0;
  }
}

@keyframes MOVE-BG {
  from {
    background-position: 0% 0;
  }

  to {
    background-position: 6.2rem 0;
  }
}

.badge-list {
  margin-bottom: 1rem;
}

.badge-list::after {
  display: block;
  content: "";
  clear: both;
}

a.badge,
.badge,
a.badge-success,
.badge-success,
a.badge-danger,
.badge-danger,
a.badge-primary,
.badge-primary {
  white-space: nowrap;
  margin-right: 0.5rem;
  display: inline-block;
  font-weight: 600;
  padding: 1px 7px 1px 9px;
  font-size: 0.6rem;
  position: relative;
  border-radius: 0.125rem 0 0 0.125rem;
  color: #000;
  line-height: 1rem;
  background: #D7D7D7;
}

a.badge:before,
.badge:before,
.badge-success:before,
.badge-danger:before,
.badge-primary:before {
  top: 0;
  width: 0;
  height: 0;
  left: 100%;
  content: "";
  position: absolute;
  border-color: #D7D7D7 !important;
  border-left: 0.35rem solid;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
}

a.badge-primary,
.badge-primary {
  color: #fff;
  line-height: 16px;
  background: #f16945;
}

a.badge-primary:before,
.badge-primary:before {
  border-color: #f16945 !important;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
}

a.badge-danger,
.badge-danger {
  color: #fff;
  line-height: 16px;
  background: #ff564e;
}

a.badge-danger:before,
.badge-danger:before {
  border-color: #ff564e !important;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
}

a.badge-success,
.badge-success {
  color: #fff;
  line-height: 16px;
  background: #28bc00;
}

a.badge-success:before,
.badge-success:before {
  border-color: #28bc00 !important;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
}

a.badge i,
.badge i,
.badge-primary i,
.badge-danger i,
.badge-success i {
  margin-left: 0.5rem;
}

a.badge:last-child,
.badge:last-child,
.badge-primary:last-child,
.badge-danger:last-child,
.badge-success:last-child {
  margin-right: 0;
}

a.badge:hover {
  background: #7b7b7b;
  color: #fff;
}

a.badge:hover:before {
  top: 0;
  width: 0;
  height: 0;
  left: 100%;
  content: "";
  position: absolute;
  border-color: #7b7b7b !important;
  border-left: 0.35rem solid;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
}

.tag {
  display: inline-block;
  color: #000;
  font-weight: 400;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  font-size: 0.7em;
  text-transform: uppercase;
  border-radius: 0.25rem;
  background: #ccd1d9;
  white-space: nowrap;
}

.tag.removable {
  border: transparent 1px solid;
  transition: 0.25s ease-in-out;
}

.tag.removable:hover {
  cursor: pointer;
  background-color: #fff;
  border: #EB5767 1px dashed;
  color: #EB5767;
  transform: translateY(-5px);
  opacity: 0.5;
}

.modal-content {
  background-color: white;
  box-shadow: 0 19px 19px rgba(0, 0, 0, 0.1), 0 0px 15px rgba(0, 0, 0, 0.22);
  z-index: 1900;
  will-change: transform;
  position: fixed;
  top: 5vh;
  left: 50%;
  margin-left: -25%;
  width: 50%;
  max-height: 90vh;
  overflow: scroll;
  transform: scale(0);
  opacity: 0;
  transition: all 300ms cubic-bezier(0.72, 0.91, 0.35, 1.2);
}

.modal-content .modal-header {
  display: flex;
  padding: 1rem;
}

.modal-content .modal-header div {
  width: 100%;
}

.modal-content .modal-header .close-modal {
  position: absolute;
  padding: 1rem;
  right: 0;
  top: -10px;
  cursor: pointer;
  font-size: 1.5em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.modal-content .modal-body {
  padding: 1rem;
  overflow: auto;
}

.modal-content .modal-footer {
  padding: 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.opened-modal {
  transform: scale(1);
  opacity: 1 !important;
}

.closed-modal {
  transform: scale(0);
  opacity: 0 !important;
}

.ls-fixed-modal .wrapper {
  padding: 0px;
}

.modal-w50 {
  min-width: 50%;
}

.field-row {
  margin-bottom: 1rem;
}

.input-line {
  display: flex;
  border-radius: 0.25rem;
  width: 100%;
}

.input-line input,
.input-line .btn {
  border-radius: 0;
}

.input-line input[type=text]:first-child,
.input-line .btn:first-child {
  border-radius: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-right-color: transparent;
}

.input-line input[type=text]:last-child,
.input-line .btn:last-child {
  border-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.input-line.focused {
  outline: none;
  box-shadow: 0 0 0 0.25rem #b3c9f7;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-line.focused input:not([type=file]):not([type=checkbox]):not([type=radio]),
.input-line.focused select,
.input-line.focused textarea {
  border-color: transparent;
}

.input-line.focused input:focus {
  box-shadow: none;
}

.input-autosuggest {
  padding: 0.5rem 0rem;
}

.input-autosuggest ul {
  margin-bottom: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.input-autosuggest ul::after {
  display: block;
  content: "";
  clear: both;
}

.input-autosuggest ul li {
  list-style: none;
  float: left;
  margin-right: 1rem;
  color: #144ECA;
  border-bottom: #144ECA 1px dashed;
  cursor: pointer;
}

.input-wrapper .label + .switch-wrapper {
  margin-top: 0.5rem;
}

.switch-wrapper {
  display: flex;
  gap: 0.25rem;
  align-items: flex-start;
}

.switch-wrapper input[type=checkbox],
.switch-wrapper input[type=radio] {
  flex-shrink: 0;
}

.switch-wrapper:not(:last-child) {
  margin-bottom: 0.5rem;
}

.switch-wrapper label {
  font-weight: normal;
  margin-bottom: 0;
}

.upload-wrapper input[type=file] {
  position: absolute;
  left: -9999px;
}

.upload-wrapper label[class^=btn-] {
  font-weight: normal;
  cursor: pointer;
}

.upload-wrapper .image {
  margin-bottom: 1rem;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type=checkbox],
  input[type=radio] {
    --active: #275efe;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, 0.3);
    --border: #bbc1e1;
    --border-hover: #275efe;
    --background: #fff;
    --disabled: #f6f8ff;
    --disabled-inner: #e1e6f9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }

  input[type=checkbox]:after,
  input[type=radio]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }

  input[type=checkbox]:checked,
  input[type=radio]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: 0.3s;
    --d-t: 0.6s;
    --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
  }

  input[type=checkbox]:disabled,
  input[type=radio]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }

  input[type=checkbox]:disabled:checked,
  input[type=radio]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }

  input[type=checkbox]:disabled + label,
  input[type=radio]:disabled + label {
    cursor: not-allowed;
  }

  input[type=checkbox]:hover:not(:checked):not(:disabled),
  input[type=radio]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }

  input[type=checkbox]:focus,
  input[type=radio]:focus {
    box-shadow: 0 0 0 var(--focus);
  }

  input[type=checkbox]:not(.switch),
  input[type=radio]:not(.switch) {
    width: 21px;
  }

  input[type=checkbox]:not(.switch):after,
  input[type=radio]:not(.switch):after {
    opacity: var(--o, 0);
  }

  input[type=checkbox]:not(.switch):checked,
  input[type=radio]:not(.switch):checked {
    --o: 1;
  }

  input[type=checkbox] + label,
  input[type=radio] + label {
    font-size: 1rem;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    cursor: pointer;
    margin-left: 4px;
  }

  input[type=checkbox]:not(.switch) {
    border-radius: 0.25rem;
  }

  input[type=checkbox]:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(var(--r, 20deg));
  }

  input[type=checkbox]:not(.switch):checked {
    --r: 43deg;
  }

  input[type=checkbox].switch {
    width: 38px;
    border-radius: 11px;
  }

  input[type=checkbox].switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--ab, var(--border));
    transform: translateX(var(--x, 0));
  }

  input[type=checkbox].switch:checked {
    --ab: var(--active-inner);
    --x: 17px;
  }

  input[type=checkbox].switch:disabled:not(:checked):after {
    opacity: 0.6;
  }

  input[type=radio] {
    border-radius: 50%;
  }

  input[type=radio]:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(var(--s, 0.7));
  }

  input[type=radio]:checked {
    --s: 0.5;
  }
}

.validating-result {
  font-size: 0.75rem;
  padding: 2px;
}

.validating-error input:not([type=file], [type=checkbox], [type=radio]),
.validating-error select,
.validating-error textarea {
  box-shadow: 0 0 0 0.25rem #fbdbdb;
  border: 1px solid transparent !important;
}

.validating-error .validating-result {
  color: #ff1a1a;
}

.validating-error .validating-result > div {
  margin-top: 0.25rem;
}

@-webkit-keyframes animated-border {
  from {
    box-shadow: 0 0 0 0rem #b3c9f7;
    color: #144ECA;
  }

  50% {
    box-shadow: 0 0 0 0.25rem #b3c9f7;
    color: #144ECA;
  }

  to {
    box-shadow: 0 0 0 0rem #b3c9f7;
    color: #3B4255;
  }
}

@keyframes animated-border {
  from {
    box-shadow: 0 0 0 0rem #b3c9f7;
    color: #144ECA;
  }

  50% {
    box-shadow: 0 0 0 0.25rem #b3c9f7;
    color: #144ECA;
  }

  to {
    box-shadow: 0 0 0 0rem #b3c9f7;
    color: #3B4255;
  }
}

.border-pulse {
  -webkit-animation-duration: 1s !important;
  animation-duration: 1s !important;
  transition-duration: 1ms !important;
  -webkit-animation-name: animated-border;
  animation-name: animated-border;
}

.input-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}

.input-wrapper label {
  font-weight: 500;
  margin-bottom: 0.25rem;
  display: block;
}

.input-wrapper .label {
  font-weight: bold;
  font-size: 0.9rem;
  margin-bottom: 0.2rem;
}

.input-wrapper select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.input-wrapper textarea[disabled],
.input-wrapper input[disabled] {
  background-color: #dde1e6;
  border-color: #ced4db;
  color: #848e99;
  opacity: 1;
  cursor: not-allowed;
}

.input-wrapper input[type=text],
.input-wrapper input[type=tel],
.input-wrapper input[type=search],
.input-wrapper input[type=number],
.input-wrapper input[type=password],
.input-wrapper select,
.input-wrapper textarea {
  font-size: 1rem;
  height: auto;
  padding: 0.75rem 1rem;
  display: block;
  background-color: #fff;
  box-sizing: border-box;
  width: 100%;
  color: #000;
  border: 1px solid #C5C5C5;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-wrapper input[type=text]:focus,
.input-wrapper input[type=tel]:focus,
.input-wrapper input[type=search]:focus,
.input-wrapper input[type=number]:focus,
.input-wrapper input[type=password]:focus,
.input-wrapper select:focus,
.input-wrapper textarea:focus {
  outline: none;
  box-shadow: 0 0 0 0.25rem #b3c9f7;
  border: 1px solid transparent;
}

.input-wrapper .has-prepend,
.input-wrapper .has-append {
  display: flex;
  position: relative;
  border-radius: 0.25rem;
  align-items: stretch;
}

.input-wrapper .has-prepend .icon,
.input-wrapper .has-append .icon {
  font-size: 1.2rem;
}

.input-wrapper .has-prepend label,
.input-wrapper .has-append label {
  margin-bottom: 0;
  border: 1px solid #C5C5C5;
  background-color: #fafafa;
}

.input-wrapper .has-prepend button,
.input-wrapper .has-append button {
  min-width: 3.5rem;
}

.input-wrapper .has-prepend.focused,
.input-wrapper .has-append.focused {
  outline: none;
  box-shadow: 0 0 0 0.25rem #b3c9f7;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input-wrapper .has-prepend.focused input:not([type=file]):not([type=checkbox]):not([type=radio]),
.input-wrapper .has-prepend.focused select,
.input-wrapper .has-prepend.focused textarea,
.input-wrapper .has-append.focused input:not([type=file]):not([type=checkbox]):not([type=radio]),
.input-wrapper .has-append.focused select,
.input-wrapper .has-append.focused textarea {
  border-color: transparent;
}

.input-wrapper .has-prepend.focused input:focus,
.input-wrapper .has-append.focused input:focus {
  box-shadow: none;
}

.input-wrapper .has-prepend input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-wrapper .has-prepend.focused label {
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.input-wrapper .has-prepend label {
  padding: 0.8rem 1rem 0.7rem 1rem;
  border-radius: 0.25rem 0 0 0.25rem;
}

.input-wrapper .has-prepend button {
  border-radius: 0.25rem 0 0 0.25rem;
}

.input-wrapper .has-append input:not([type=file]):not([type=checkbox]):not([type=radio]) {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-wrapper .has-append label {
  padding: 0.8rem 1rem 0.7rem 1rem;
  border-radius: 0 0.25rem 0.25rem 0;
}

.input-wrapper .has-append button {
  border-radius: 0 0.25rem 0.25rem 0;
}

.input-wrapper .has-append.focused label {
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.input-wrapper .error {
  margin-top: 0.3rem;
  color: red;
  font-size: 0.7rem;
  margin-left: 0.5rem;
}

.input-wrapper .help {
  padding-top: 0.2rem;
  margin-left: 0.5rem;
  font-size: 0.7rem;
}

.input-wrapper .help:before {
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f114";
  font-size: 0.8rem;
  color: orange;
  padding-right: 0.5rem;
}

.input-wrapper.float-label {
  position: relative;
}

.input-wrapper.float-label label {
  position: absolute;
  top: 1.45rem;
  font-weight: normal;
  left: 0;
  padding: 1rem;
  pointer-events: none;
  transition: all 0.25s ease;
  transform: translateY(-50%);
  color: #848e99;
  width: 100%;
}

.input-wrapper.float-label input,
.input-wrapper.float-label textarea {
  padding: 1.3rem 1rem 0.2rem 1rem;
}

.input-wrapper.float-label input::-webkit-input-placeholder,
.input-wrapper.float-label textarea::-webkit-input-placeholder {
  color: transparent;
}

.input-wrapper.float-label input::-moz-placeholder,
.input-wrapper.float-label textarea::-moz-placeholder {
  color: transparent;
}

.input-wrapper.float-label input::placeholder,
.input-wrapper.float-label textarea::placeholder {
  color: transparent;
}

.input-wrapper.float-label input:not(:-moz-placeholder-shown) ~ label,
.input-wrapper.float-label textarea:not(:-moz-placeholder-shown) ~ label {
  font-size: 0.8rem;
  color: #848E99;
  top: 0.7rem;
  -moz-transition: all 0.125s ease;
  transition: all 0.125s ease;
}

.input-wrapper.float-label input:focus ~ label,
.input-wrapper.float-label input.not-empty ~ label,
.input-wrapper.float-label input:not(:placeholder-shown) ~ label,
.input-wrapper.float-label textarea:focus ~ label,
.input-wrapper.float-label textarea.not-empty ~ label,
.input-wrapper.float-label textarea:not(:placeholder-shown) ~ label {
  font-size: 0.8rem;
  color: #848E99;
  top: 0.7rem;
  transition: all 0.125s ease;
}

.dropdown-row {
  position: relative;
}

.dropdown-row select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #cfdced;
  background-color: #f4f7fb;
  padding-right: 3rem;
  outline: none;
  vertical-align: top;
  width: 100%;
}

.dropdown-row select option {
  width: 100%;
  padding: 1rem;
  height: 3rem;
}

.dropdown-row:after {
  position: absolute;
  pointer-events: none;
  right: 1rem;
  top: 0.8rem;
  font-family: "Flaticon";
  content: "\f106";
  z-index: 8;
}

.breadcrumb,
.breadcrumbs {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 0.8rem;
  align-items: center;
  margin-bottom: 1rem;
}

.breadcrumb a,
.breadcrumb i,
.breadcrumbs a,
.breadcrumbs i {
  margin-right: 0.5rem;
}

.breadcrumb i,
.breadcrumbs i {
  font-size: 0.7rem;
}

.breadcrumb ul,
.breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
}

.breadcrumb ul li,
.breadcrumbs ul li {
  margin-right: 0.5rem;
}

.breadcrumb ul li a,
.breadcrumbs ul li a {
  margin-right: 0;
}

.breadcrumb ul li:after,
.breadcrumbs ul li:after {
  margin-left: 0.5rem;
  content: "\f105";
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.breadcrumb ul li:last-child,
.breadcrumbs ul li:last-child {
  margin-right: 0;
}

.breadcrumb ul li:last-child:after,
.breadcrumbs ul li:last-child:after {
  content: "";
}

.breadcrumb ul,
.breadcrumb li,
.breadcrumbs ul,
.breadcrumbs li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.noUi-horizontal {
  border: #C5C5C5 1px solid;
  height: 10px;
  width: calc(100% - 14px);
  margin-left: 9px;
}

.noUi-connect {
  background: #6DB6FC;
  background: linear-gradient(90deg, #6DB6FC, #0984fa);
}

.noUi-handle::after,
.noUi-handle::before {
  content: none;
}

.noUi-horizontal .noUi-handle {
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  top: -4px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -6px;
  left: auto;
  outline: 0;
}

.pagination {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pagination ul {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0;
}

.pagination ul li {
  min-width: 2.5rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.pagination ul .ls-pagination-item {
  margin-right: 0;
}

.pagination li div {
  display: inline-block;
  padding: 0 1rem;
}

.pagination li a {
  transition: all 0.15s ease-in-out 0s;
}

.pagination li.active {
  border-radius: 0.25rem;
  color: #fff;
  background-color: #6DB6FC;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}

.pagination li:hover a {
  color: #fff;
  background-color: #144ECA;
}

.pagination li.active a {
  color: #fff;
  background-color: #6DB6FC;
}

.pagination li a {
  background-color: #eaeae8;
  border-radius: 0.25rem;
  color: #3B4255;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.5rem 0.9rem;
}

.topbar {
  font-size: 0.8em;
  background: #323232;
  color: #fff;
  padding-top: 0.52rem;
  padding-bottom: 0.52rem;
  z-index: 1050;
}

.topbar a {
  color: #fff;
}

.topbar .usercurrent {
  position: relative;
}

.topbar .usercurrent .user-status {
  position: absolute;
  right: 0.1rem;
  top: 0rem;
  width: 0.8rem;
  height: 0.8rem;
  mask: url("../framework-images/status.svg") no-repeat center/contain;
  -webkit-mask: url("../framework-images/status.svg") no-repeat center/contain;
}

.topbar .userbar {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.topbar .item {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}

.topbar .item.lang .icon {
  font-size: 1.6rem;
}

.topbar .item .icon,
.topbar .item i {
  flex-shrink: 0;
  margin-right: 0.5rem;
  font-size: 1.25rem;
  line-height: 1rem;
}

.topbar .item .icon .avatar,
.topbar .item i .avatar {
  transform: scale(1.3);
  height: 1.4rem;
  border-radius: 50%;
}

.topbar .wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.topbar .btn-sm {
  padding: 0.2rem 0.6rem;
}

.topbar .logout {
  border-color: #ee587f;
  color: #ee587f;
}

.topbar .logout:hover {
  border-color: #cc1846;
  background-color: rgba(238, 88, 127, 0.3);
}

.topbar .logout .icon {
  display: none;
}

.topbar .login,
.topbar .logout {
  margin-left: 1rem;
}

.topbar .login {
  border-color: #909090;
  color: #999999;
}

.topbar .login:hover {
  color: #32bec7;
  border-color: #1c6d71;
  background-color: rgba(28, 109, 113, 0.3);
}

.topbar .global-menu {
  margin-right: 2rem;
}

.topbar .bmstu-projects {
  position: relative;
}

.topbar .bmstu-projects .bmstu-projects-toggle {
  cursor: pointer;
  transform: scale(1.3);
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  border-radius: 50%;
}

.topbar .bmstu-projects .bmstu-projects-toggle .icon {
  transform: scale(0.8);
}

.topbar .bmstu-projects .bmstu-projects-toggle:hover {
  background: rgba(255, 255, 255, 0.2);
}

.topbar .bmstu-projects .panel-wrapper {
  display: none;
  position: absolute;
  overflow-y: scroll;
  background: #fff;
  top: 40px;
  left: -8rem;
  color: #000;
  padding: 1.5rem;
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
  border-radius: 0.25rem;
  z-index: 100;
}

.topbar .bmstu-projects .panel-wrapper.active {
  display: block;
}

.topbar .bmstu-projects .panel {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  align-items: flex-start;
}

.topbar .bmstu-projects .panel a {
  color: #000;
}

.topbar .bmstu-projects .panel .item {
  margin-right: 0;
  display: flex;
  flex-direction: column;
  border-radius: 0.25rem;
  padding: 0.5rem;
}

.topbar .bmstu-projects .panel .item:hover {
  background: #eef2f4;
}

.topbar .bmstu-projects .panel .item.avatar img {
  border-radius: 50%;
}

.topbar .bmstu-projects .panel .item img {
  width: 48px;
  margin-bottom: 0.5rem;
  height: 48px;
}

.admin-toolbar {
  width: 3rem;
  position: fixed;
  top: 30%;
  right: 0;
  list-style: none;
  padding: 0.5rem 0;
  margin: 0;
  z-index: 50;
  background: #fff;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 0.25rem 0 0 0.25rem;
}

.admin-toolbar .admin-toolbar__item {
  margin: 0;
  padding: 0.25rem;
  text-align: center;
}

.admin-toolbar .admin-toolbar__item > a {
  color: #3B4255;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  transition: background 0.3s ease;
}

.admin-toolbar .admin-toolbar__item > a:hover {
  background: #f4f4f8;
  color: #144ECA;
}

[data-tooltip] {
  position: relative;
  /* opinion 1 */
}

/* Applies to all tooltips */

[data-tooltip]::before,
[data-tooltip]::after {
  text-transform: none;
  /* opinion 2 */
  font-size: 0.75rem;
  /* opinion 3 */
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[data-tooltip]::before {
  content: "";
  border: 5px solid transparent;
  /* opinion 4 */
  z-index: 1001;
  /* absurdity 1 */
}

[data-tooltip]::after {
  content: attr(data-tooltip);
  /* magic! */
  /* most of the rest of this is opinion */
  text-align: center;
  /*
    Let the content set the size of the tooltips
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.75rem 0.75rem;
  border-radius: 0.25rem;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000;
  /* absurdity 2 */
}

/* Make the tooltips respond to hover */

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */

[data-tooltip=""]::before,
[data-tooltip=""]::after {
  display: none !important;
}

/* FLOW: UP */

[data-tooltip]:not([data-tooltip-flow])::before,
[data-tooltip][data-tooltip-flow^=up]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}

[data-tooltip]:not([data-tooltip-flow])::after,
[data-tooltip][data-tooltip-flow^=up]::after {
  bottom: calc(100% + 5px);
}

[data-tooltip]:not([data-tooltip-flow])::before,
[data-tooltip]:not([data-tooltip-flow])::after,
[data-tooltip][data-tooltip-flow^=up]::before,
[data-tooltip][data-tooltip-flow^=up]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */

[data-tooltip][data-tooltip-flow^=down]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}

[data-tooltip][data-tooltip-flow^=down]::after {
  top: calc(100% + 5px);
}

[data-tooltip][data-tooltip-flow^=down]::before,
[data-tooltip][data-tooltip-flow^=down]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

/* FLOW: LEFT */

[data-tooltip][data-tooltip-flow^=left]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}

[data-tooltip][data-tooltip-flow^=left]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}

/* FLOW: RIGHT */

[data-tooltip][data-tooltip-flow^=right]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);
}

[data-tooltip][data-tooltip-flow^=right]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);
}

/* KEYFRAMES */

@-webkit-keyframes tooltips-vert {
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-vert {
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltips-horz {
  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: 1;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */

[data-tooltip]:not([data-tooltip-flow]):hover::before,
[data-tooltip]:not([data-tooltip-flow]):hover::after,
[data-tooltip][data-tooltip-flow^=up]:hover::before,
[data-tooltip][data-tooltip-flow^=up]:hover::after,
[data-tooltip][data-tooltip-flow^=down]:hover::before,
[data-tooltip][data-tooltip-flow^=down]:hover::after {
  -webkit-animation: tooltips-vert 100ms ease-out forwards;
  animation: tooltips-vert 100ms ease-out forwards;
}

[data-tooltip][data-tooltip-flow^=left]:hover::before,
[data-tooltip][data-tooltip-flow^=left]:hover::after,
[data-tooltip][data-tooltip-flow^=right]:hover::before,
[data-tooltip][data-tooltip-flow^=right]:hover::after {
  -webkit-animation: tooltips-horz 100ms ease-out forwards;
  animation: tooltips-horz 100ms ease-out forwards;
}

body {
  overflow: auto;
}

body.has-mobile-menu {
  overflow: hidden;
}

.mobile-menu-button {
  margin-right: 2rem;
  display: none;
}

.mobile-menu {
  height: 100%;
  width: 100vw;
  max-width: 400px;
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  transform: translateX(-1000px);
  transition: all 0.3s ease-in-out 0s;
  z-index: 1060;
}

.mobile-menu.opened {
  overflow-y: scroll;
  overflow-x: hidden;
  transform: translateX(0px);
}

.mobile-menu-button {
  cursor: pointer;
  transform: scale(1.6);
}

.mobile-menu-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  opacity: 0;
  transition: all 0s ease-in-out 0s;
}

.mobile-menu-overlay.opened {
  opacity: 1;
  display: block;
}

.mobile-menu .content {
  position: absolute;
  width: 100vw;
  max-width: 400px;
  background-color: #24292e;
  right: 0;
  height: 100%;
}

.mobile-menu .content .close {
  display: flex;
  cursor: pointer;
  top: 1rem;
  left: 1.5rem;
  position: absolute;
  align-items: center;
}

.mobile-menu .content .close .flaticon-close {
  font-size: 0.75rem;
}

.mobile-menu .content .close .flaticon-close::before {
  color: #fff;
}

.mobile-menu .content .close .icon {
  color: #fff;
  transform: rotate(180deg) scale(1.6);
}

.mobile-menu .content .base {
  padding-top: 4rem;
}

.mobile-menu .content .base ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.mobile-menu .content .base ul li {
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
}

.mobile-menu .content .base ul li:last-child {
  margin-bottom: 0;
}

.mobile-menu .content .base ul {
  padding: 1rem 1rem;
}

.mobile-menu .content .base ul li {
  font-weight: bold;
  font-size: 1.3rem;
}

.mobile-menu .content .base ul li a {
  color: #fff;
}

.mobile-menu .content__footer {
  background-color: #24292e;
}

.off-canvas__hamburger {
  margin-left: auto;
  z-index: 1031;
  display: none;
  position: fixed;
  top: 5rem;
  right: 0rem;
  opacity: 0.9;
  padding: 0.5rem 1rem;
  cursor: pointer;
}

.off-canvas__hamburger.is-active {
  position: fixed;
}

.off-canvas__hamburger.is-active .line:nth-child(2) {
  opacity: 0;
}

.off-canvas__hamburger.is-active .line:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
  background-color: #fff;
}

.off-canvas__hamburger.is-active .line:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
  background-color: #fff;
}

.off-canvas__hamburger .line {
  width: 2rem;
  height: 2px;
  opacity: 1;
  background-color: #fff;
  display: block;
  margin: 8px auto;
}

.off-canvas__hamburger:hover {
  cursor: pointer;
}

.videowrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.videoplayer-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
}

.videoplayer-wrapper a {
  width: 100%;
  max-width: 500px;
  display: block;
}

.videoplayer-wrapper a .title {
  position: absolute;
  background: linear-gradient(black, transparent);
  width: 100%;
  height: 3rem;
  max-width: 500px;
  padding: 0.7rem 1rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  color: #fff;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.videoplayer-wrapper a[data-fancybox]:not(.video-play-button):hover img {
  transform: none;
}

.videoplayer-wrapper a[data-fancybox]:not(.video-play-button):hover + .icon {
  transform: scale(1.2);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0);
  color: red;
}

.videoplayer-wrapper img {
  width: 100%;
  display: block;
  border-radius: 0.25rem;
  transition: all 2s ease-in-out 0s;
}

.videoplayer-wrapper .icon {
  transition: all 0.5s ease-in-out;
  position: absolute;
  left: calc(50% - 3rem);
  top: calc(50% - 3rem);
  font-size: 5rem;
  color: white;
  pointer-events: none;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}

.usercard {
  display: flex;
  background-color: #eef2f4;
  border-radius: 0.25rem;
  padding: 1rem;
}

.usercard__image {
  margin-right: 1rem;
  flex-shrink: 0;
}

.usercard__image img {
  border-radius: 50%;
  width: 5rem;
}

.usercard__body {
  overflow: hidden;
}

.usercard__body-title {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.usercard__body-content {
  font-size: 0.9rem;
  color: #3B4255;
}

.video-play-button {
  position: relative;
  margin-bottom: 1rem;
}

.video-play-button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  border: 5px solid #fff;
  border-radius: 100%;
  z-index: 1;
  transition: border-color 300ms, transform 0.1s ease-in-out 0.1s;
}

.video-play-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -1.2rem 0 0 -0.8rem;
  border-left: 2rem solid #fff;
  border-top: 1.3rem solid transparent;
  border-bottom: 1.3rem solid transparent;
  transition: border-color 300ms, transform 0.1s ease-in-out 0.1s;
}

.video-play-button:hover::before,
.video-play-button:hover::after {
  transform: scale(1.1);
}

.bmstu-modal {
  background: #eef2f4;
}

.bmstu-modal .ls-modal-header,
.bmstu-modal .ls-modal-footer {
  background: #eef2f4;
}

.component-editor .overflow-wrapper {
  position: relative;
  width: 100%;
}

.component-editor .left-overflow-wrapper {
  position: absolute;
  display: none;
  width: 1rem;
  height: 100%;
  z-index: 100;
  left: 0;
  top: 0;
  background: #dedede;
  background: linear-gradient(to right, #dedede, transparent);
  transition: 0.5s ease-in-out;
}

.component-editor .right-overflow-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  height: 100%;
  width: 1rem;
  background: #dedede;
  background: linear-gradient(to left, #dedede, transparent);
}

.component-editor .table-wrapper {
  overflow-x: auto;
}

.component-editor table.table thead {
  background-color: lightgray;
}

.component-editor table.table td,
.component-editor table.table th {
  border: #ececec 1px solid;
  padding: 0.5rem;
}

.component-editor table.table.compact td,
.component-editor table.table.compact th {
  padding: 0.2rem 0.3rem;
  font-size: 0.75rem;
}

.component-editor table.table.zebra thead tr {
  background-color: lightgray !important;
}

.component-editor table.table.zebra tr:nth-child(odd) {
  background: #ececec;
}

.component-editor table.table.zebra tr:nth-child(odd) td {
  border-right: #fff 1px solid;
}

.component-editor table.table.zebra tr:nth-child(odd) td:last-child() {
  border: #ececec 1px solid;
}

.component-editor table.table.zebra.zebra-hover tr:hover {
  background: #f4f7fb;
}

.component-editor table.table {
  box-shadow: none;
}

.component-editor table.table tr:hover td {
  background: inherit;
}

.component-editor .mce-item-table,
.component-editor .mce-item-table caption,
.component-editor .mce-item-table td,
.component-editor .mce-item-table th {
  border: 0;
}

.component-editor .component-editor__block .mce-content-body:-moz-focusring,
.component-editor .component-editor__block .mce-content-body {
  text-shadow: none;
}

.component-editor__block {
  width: 100%;
  margin-bottom: 0.5rem;
  position: relative;
  padding: 0.5rem;
  border: lightgray 1px dashed;
  border-radius: 0.25rem;
}

.component-editor__block.block-page {
  padding: 1rem 0;
  border: none;
}

.component-editor__block.block-page hr {
  border-top: 1px dashed #3B4255;
  margin-left: 1.5rem;
}

.component-editor__block.block-page hr:before {
  left: -1.5rem;
  position: relative;
  top: -1.55rem;
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 1.3rem;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  color: #3B4255;
  font-size: 2rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f134";
}

.component-editor__block .mce-content-body:-moz-focusring,
.component-editor__block .mce-content-body {
  text-shadow: 0 0 0 #000;
  outline: none;
}

.component-editor__block.selected {
  box-shadow: 0 0 0 0.25rem #b3c9f7;
  border: transparent 1px dashed;
  background: #fff;
}

.component-editor__block .mce-content-body {
  padding: 0.5rem 0;
  outline: none;
}

.component-editor__block .block-type-header-item[contentEditable=true][data-placeholder]:empty::before {
  display: block;
}

.component-editor__block .block-type-header-item[contentEditable=true][data-placeholder]::before {
  content: attr(data-placeholder);
  color: #c5c5c5;
  font-weight: 700;
  display: none;
}

.component-editor__block .block-type-header-item {
  margin: 0;
  outline: none;
}

.component-editor__block-action {
  position: absolute;
  top: 0rem;
  display: flex;
  gap: 0.25rem;
  flex-direction: row-reverse;
  right: -1.5rem;
  border: #c5c5c5 1px transparent;
  border-radius: 0.25rem;
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08);
  background: #fff;
  z-index: 8;
  padding: 0.5rem;
}

.component-editor__block-action .component-editor-btn {
  cursor: pointer;
  width: 2.5rem;
  height: 2rem;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  transition: 0.05s ease-in-out;
}

.component-editor__block-action .component-editor-btn:hover {
  background: #e7e7eb;
}

.component-editor__block-action .component-editor-btn div {
  padding: 0.5rem;
}

.component-editor__block-action .component-editor-btn.active div {
  background: blue;
}

.component-editor__block-action .component-editor-btn.disabled div {
  opacity: 0.2;
}

.component-editor__block-action .component-editor-btn div {
  width: 1rem;
  height: 1rem;
  background: #3B4255;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.component-editor__block-action .component-editor-btn_down div {
  -webkit-mask-image: url("../framework-images/arrow-down.svg");
  mask-image: url("../framework-images/arrow-down.svg");
}

.component-editor__block-action .component-editor-btn_up div {
  -webkit-mask-image: url("../framework-images/arrow-up.svg");
  mask-image: url("../framework-images/arrow-up.svg");
}

.component-editor__block-action .component-editor-btn_remove div {
  -webkit-mask-image: url("../framework-images/trash.svg");
  mask-image: url("../framework-images/trash.svg");
}

.component-editor__block-action .component-editor-btn_edit div {
  -webkit-mask-image: url("../framework-images/edit.svg");
  mask-image: url("../framework-images/edit.svg");
}

.component-editor__block-action .component-editor-btn.btn-h1 div {
  -webkit-mask-image: url("../framework-images/h1.svg");
  mask-image: url("../framework-images/h1.svg");
}

.component-editor__block-action .component-editor-btn.btn-h2 div {
  -webkit-mask-image: url("../framework-images/h2.svg");
  mask-image: url("../framework-images/h2.svg");
}

.component-editor__block-action .component-editor-btn.btn-h3 div {
  -webkit-mask-image: url("../framework-images/h3.svg");
  mask-image: url("../framework-images/h3.svg");
}

.component-editor__block-action .component-editor-btn_menu div {
  -webkit-mask-image: url("../framework-images/menu.svg");
  mask-image: url("../framework-images/menu.svg");
}

.component-editor__block .group-properties {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: #fff;
  transform: translateY(-50%) translateX(-50%);
  box-shadow: 0 4px 6px 0 rgba(9, 63, 179, 0.08), 0 8px 20px 2px rgba(2, 11, 34, 0.1);
  cursor: default;
  text-align: center;
}

.component-editor__block.block-image {
  padding: 0;
  border-radius: 0.25rem;
}

.component-editor__block.block-image img.first-preview {
  border-radius: 0.25rem;
}

.component-editor__block.block-image .photo-wrapper {
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.component-editor__block.block-image .gallery-wrapper {
  position: relative;
}

.component-editor .create-block-panel {
  margin-top: 1rem;
  margin-bottom: 0.25rem;
  background: #f1f4f4;
  padding: 0rem;
  border-radius: 0.25rem;
  justify-content: center;
  display: flex;
}

.component-editor .create-block-panel .btn-create-block {
  padding: 0;
  width: 3rem;
  height: 3rem;
  background: #3B4255;
  margin-right: 0rem;
  background-color: #fff;
  border: #3b4255 1px solid;
  border-right: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.component-editor .create-block-panel .btn-create-block .svg-icon {
  width: 3rem;
  font-size: 1.5rem;
}

.component-editor .create-block-panel .btn-create-block:hover {
  background: #333333;
  color: #fff;
}

.component-editor .create-block-panel .btn-create-block:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.component-editor .create-block-panel .btn-create-block:last-child {
  border-right: #3b4255 1px solid;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.component-editor .create-block-panel .btn-create-block div {
  width: 100%;
}

.component-editor .create-block-panel .btn-create-block div:before {
  display: inline-block;
  font-family: "Flaticon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1.2;
  font-size: 1.3rem;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.component-editor .create-block-panel .btn-create-block_page div:before {
  content: "\f134";
  font-size: 1.7rem;
}

.component-editor .create-block-panel .btn-create-block_header div:before {
  content: "\f131";
}

.component-editor .create-block-panel .btn-create-block_text div:before {
  content: "\f132";
}

.component-editor .create-block-panel .btn-create-block_image div:before {
  content: "\f133";
  font-size: 1.7rem;
}

.component-editor .create-block-panel .btn-create-block_event div:before {
  content: "\f116";
}

.component-editor .create-block-panel .btn-create-block_document div:before {
  content: "\f127";
}

.component-editor .create-block-panel .btn-create-block_photoalbum div:before {
  content: "\f135";
}

.component-editor .create-block-panel .btn-create-block_video div:before {
  content: "\f129";
  font-size: 1.4rem;
}

.editor-block-modal .objects-wrapper {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}

.editor-block-modal .objects-wrapper .objects-select {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.editor-block-modal .objects-wrapper .objects-select .objects-filter {
  width: 100%;
  display: grid;
  grid-gap: 1rem;
}

.editor-block-modal .objects-wrapper .objects-select .objects-filter .input-wrapper {
  width: 100%;
}

.editor-block-modal .objects-wrapper .objects-select .objects-filter .input-wrapper select {
  width: 100%;
}

.editor-block-modal .objects-wrapper .objects-select .objects-filter .droparea {
  grid-row: 1;
  grid-column: 1;
  padding: 0;
}

.editor-block-modal .objects-wrapper .objects-select .objects-filter .droparea label {
  width: 100%;
  cursor: pointer;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.25s ease-in-out;
}

.editor-block-modal .objects-wrapper .objects-select .objects-filter .droparea label:hover {
  background-color: #eef2f4;
}

.editor-block-modal .objects-wrapper .objects-select .objects-filter .droparea label span {
  padding: 0.75rem 0;
  display: flex;
  align-items: center;
  display: block;
  width: 100%;
}

.editor-block-modal .objects-wrapper .objects-select .objects-filter .filter-owner {
  grid-row: 1;
  grid-column: 2/span 1;
}

.editor-block-modal .objects-wrapper .objects-select .objects-filter .filter-date {
  grid-row: 1;
  grid-column: 3;
}

.editor-block-modal .objects-wrapper .objects-list {
  padding: 1rem 0;
  display: grid;
  grid-gap: 0.25rem;
}

.editor-block-modal .objects-wrapper .objects-list .object-list-item {
  display: flex;
  position: relative;
}

.editor-block-modal .objects-wrapper .objects-list .object-list-item .object-list-item-processing {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: justify;
  justify-content: center;
  font-size: 0.8rem;
  background: repeating-linear-gradient(-55deg, #fff 1px, #f6f6f6 2px, #f6f6f6 11px, #fff 12px, #fff 20px);
  background-size: 200% 200%;
  -webkit-animation: animated-bg 10s linear infinite;
  animation: animated-bg 10s linear infinite;
}

.editor-block-modal .objects-wrapper .objects-list .object-list-item .object-list-item-processing .loading {
  align-self: center;
  text-align: center;
}

.editor-block-modal .objects-wrapper .objects-list .object-list-item .object-list-item-processing .processing {
  align-self: center;
  text-align: center;
}

.editor-block-modal .objects-wrapper .objects-list .object-list-item .object-list-item-preview {
  position: relative;
  cursor: pointer;
  transition: box-shadow 300ms ease, transform 300ms ease;
  overflow: hidden;
  z-index: 2;
  width: 100%;
}

.editor-block-modal .objects-wrapper .objects-list .object-list-item .object-list-item-preview img {
  padding: 0.25rem;
}

.editor-block-modal .objects-wrapper .objects-list .object-list-item.active .object-list-item-preview {
  box-shadow: inset 0 0 0 0.25rem DodgerBlue;
  border-radius: 0.25rem;
}

.editor-block-modal .objects-wrapper .objects-list .object-list-item.selected .object-list-item-preview:after {
  top: 50%;
}

.editor-block-modal .objects-wrapper .objects-list .object-list-item .object-list-item-status {
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
}

.editor-block-modal .objects-wrapper .objects-list .object-list-item .object-list-item-status .selected:hover:after {
  transform: scale(1.2);
  background: #ff3333;
  color: #fff;
  content: "\f112";
}

.editor-block-modal .objects-wrapper .objects-list .object-list-item .object-list-item-status .selected:after {
  background: yellowgreen;
  padding: 0.25rem;
  text-align: center;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  border-radius: 50%;
  z-index: 2;
  content: "\f118";
  display: inline-block;
  position: absolute;
  color: #000;
  font-family: "Flaticon";
  font-size: 1rem;
  top: -0.25rem;
  right: -0.25rem;
  transition: all 0.1s ease-in-out;
}

.editor-block-modal .objects-wrapper .object-list-status {
  width: 100%;
  margin-top: auto;
  padding: 0.5rem;
  background-color: #F4F7FB;
  display: flex;
  align-items: flex-start;
}

.editor-block-modal .objects-wrapper .object-list-status .head {
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.editor-block-modal .objects-wrapper .object-list-status .head .action {
  display: flex;
}

.editor-block-modal .objects-wrapper .object-list-status .head .btn-sm {
  padding: 0.1rem 0.5rem;
  float: right;
  white-space: nowrap;
  margin-left: 0.5rem;
}

.editor-block-modal .objects-wrapper .object-list-status .selected-items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-gap: 0.25rem;
}

.editor-block-modal .objects-wrapper .object-list-status .selected-items .item {
  padding: 0.15rem;
}

.editor-block-modal .objects-wrapper .object-list-status .selected-items .item.active {
  box-shadow: inset 0 0 0 0.15rem DodgerBlue;
}

.editor-block-modal .objects-wrapper .selected-object {
  flex-shrink: 0;
  width: 300px;
}

.editor-block-modal .objects-wrapper .selected-object .preview {
  margin-bottom: 1rem;
}

.editor-block-modal .objects-wrapper .selected-object .preview img {
  width: 100%;
}

.editor-block-modal .objects-wrapper .selected-object h6 {
  margin-bottom: 0.5rem;
}

.editor-block-modal .objects-wrapper .selected-object .field-row {
  margin-bottom: 0.5rem;
}

.editor-block-modal .objects-wrapper .selected-object ul {
  font-size: 0.8rem;
  padding-left: 1rem;
  overflow: hidden;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.editor-block-image .editor-block-modal .objects-wrapper {
  gap: 2rem;
}

.editor-block-image .editor-block-modal .objects-wrapper .objects-filter {
  grid-template-columns: repeat(3, 1fr);
}

.editor-block-image .editor-block-modal .objects-wrapper .objects-list {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(4, 1fr);
}

.editor-block-image .droparea {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: block;
  border-radius: 0.25rem;
  color: #3B4255;
  background-color: #5ED1C3;
  text-align: center;
  font-weight: normal;
  color: #000;
  padding: 0.75rem 0;
  font-size: 16px;
}

.editor-block-image .droparea label {
  margin-bottom: 0;
}

.editor-block-image .droparea input[type=file] {
  position: absolute;
  left: -999px;
}

.editor-block-document .editor-block-modal .objects-wrapper .objects-filter {
  grid-template-columns: repeat(1, 1fr);
}

.editor-block-document .editor-block-modal .objects-wrapper .objects-list {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
}

.editor-block-document .editor-block-modal .objects-wrapper .objects-list .object-list-item {
  background: #eef2f4;
  font-size: 0.8rem;
}

.editor-block-document .editor-block-modal .objects-wrapper .objects-list .object-list-item .object-list-item-preview {
  padding: 1rem;
}

.editor-block-document .render-wrapper {
  position: relative;
  padding: 0.5rem 0;
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-gap: 0.5rem;
}

.editor-block-document .render-wrapper .document-item {
  background-color: #eef2f4;
  padding: 0.5rem;
  font-size: 0.8rem;
  font-weight: bold;
}

.editor-block-album .editor-block-modal .objects-wrapper .objects-filter {
  grid-template-columns: repeat(1, 1fr);
}

.editor-block-album .editor-block-modal .objects-wrapper .objects-list {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.editor-block-album .editor-block-modal .objects-wrapper .objects-list .object-list-item {
  background: #eef2f4;
  font-size: 0.8rem;
}

.editor-block-album .editor-block-modal .objects-wrapper .objects-list .object-list-item .object-list-item-preview {
  padding: 0.5rem;
  text-overflow: hidden;
}

.editor-block-album .render-wrapper {
  position: relative;
  padding: 0.5rem 0;
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-gap: 0.5rem;
}

.editor-block-album .render-wrapper .document-item {
  background-color: #eef2f4;
  padding: 0.5rem;
  font-size: 0.8rem;
  font-weight: bold;
}

.component-editor__block table {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.component-editor__block table td,
.component-editor__block table th {
  padding: 0.2rem 0.3rem;
  font-size: 0.75rem;
}

.component-editor__block h2 {
  font-size: 1.5rem;
}

.component-editor__block h3 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}

.component-editor__block.block-text .mce-content-body {
  padding-top: 1rem;
}

.sticked-panel {
  position: -webkit-sticky;
  position: sticky;
  top: 3.5rem;
  float: left;
  margin-top: -2rem;
  box-shadow: 0 4px 10px 5px rgba(0, 0, 0, 0.05);
  height: 0;
  transition: 0.25s ease-in-out;
  opacity: 1;
}

.sticked-panel.hide {
  opacity: 0;
  pointer-events: none;
}

.editor-block-randomizer .blocklist {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}

.editor-block-randomizer .item {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr 90px 90px;
}

.editor-block-randomizer .item div {
  display: flex;
  padding: 0.75rem 1rem;
  background: #E2E9F3;
  border-radius: 0.25rem;
  align-items: center;
}

.tox-collection__item-label blockquote::before {
  display: none;
}

.tox-collection__item-label blockquote::after {
  display: none;
}

.search-by-user .preloader-wrapper {
  margin-top: 1rem;
  width: 100%;
  display: flex;
  justify-content: center;
}

.search-by-user .preloader-clock {
  position: relative;
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid #3B4255;
  border-radius: 100%;
}

.search-by-user .preloader-clock:before,
.search-by-user .preloader-clock:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.1rem 0 0 -0.2rem;
  border-bottom: 0.1rem solid #3B4255;
  -webkit-transform-origin: 0.2rem center;
}

.search-by-user .preloader-clock:before {
  /* hour hand */
  width: 30%;
  -webkit-animation: rotate 10s linear infinite;
}

.search-by-user .preloader-clock:after {
  /* minute hand */
  width: 40%;
  background-color: #3B4255;
  -webkit-animation: rotate 1s linear infinite;
}

.search-by-user .list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.search-by-user .list ul li {
  padding: 0;
  margin: 0;
  margin-bottom: 0rem;
}

.search-by-user .list ul li:last-child {
  margin-bottom: 0;
}

.search-by-user .list li {
  display: flex;
  font-size: 0.8rem;
  padding: 0.5rem !important;
}

.search-by-user .list li:hover {
  background-color: #E3E9ED;
}

.search-by-user .list li .avatar {
  margin-right: 1rem;
  width: 50px;
  min-width: 50px;
}

.search-by-user .list li .avatar img {
  border-radius: 50%;
}

.search-by-user .list li .user {
  width: 100%;
}

.search-by-user .list li .action {
  margin-left: auto;
}

.search-by-user .list li .action .btn {
  white-space: nowrap;
}

body {
  position: relative;
  overflow-x: hidden;
  transition: all 0.2s ease-in-out;
}

body.is-panel {
  margin-right: 300px;
}

.header-wrapper {
  min-height: auto;
  height: auto;
}

.header-wrapper_hero {
  min-height: 400px;
  height: 400px;
}

.page-header {
  display: flex;
  width: 100%;
  color: #3B4255;
  padding: 2rem 0 2rem 0;
  align-items: center;
}

.page-header .logo a {
  color: #3B4255;
  font-weight: 700;
  display: flex;
  align-items: center;
  -webkit-hyphens: none;
  hyphens: none;
}

.page-header .logo a img {
  flex-shrink: 0;
  width: 65px;
  margin-right: 1rem;
}

.page-header .logo a .project-name {
  font-size: 1.2rem;
  flex-grow: 1;
  line-height: 1.5;
}

.page-header .logo a .project-name div {
  font-size: 0.875rem;
  font-weight: 300;
  color: #3B4255;
}

.page-header .menu {
  margin-left: auto;
}

.page-header .menu nav {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  width: 100%;
}

.page-header .menu-item {
  margin-left: 2rem;
}

.page-header .menu-item:first-child {
  margin-left: 0;
}

.page-header .menu-item a[aria-disabled=true] {
  cursor: not-allowed;
  opacity: 0.3;
}

.page-header .menu-item a[aria-disabled=true]::after {
  display: none;
}

.page-header .menu-item a {
  color: #3B4255;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 400;
  white-space: nowrap;
}

.page-header .menu-item a::after {
  content: "";
  display: block;
  width: 0%;
  top: 10px;
  z-index: -1;
  position: relative;
  height: 2px;
  background-color: #144ECA;
  transition: width 0.3s;
}

.page-header .menu-item a:hover::after {
  width: 100%;
}

.page-header .menu-item a.active::after {
  background-color: #6DB6FC;
  width: 100%;
}

.page-header .menu-item a.not-active {
  opacity: 0.3;
}

.page-header .menu-item a.not-active:hover {
  cursor: default;
}

.page-header .menu-item a.not-active:hover::after {
  width: 0%;
}

section.page-body.has-right-sidebar .sidebar {
  order: 2;
}

.footer {
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.footer .project-name {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(100% - 30px);
  margin-bottom: 3rem;
  font-size: 1.2rem;
  font-weight: 700;
}

.footer .project-name div {
  font-size: 0.8rem;
  font-weight: 500;
}

.footer__contact {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.3333333333% - 30px);
}

.footer__menu {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.3333333333% - 30px);
}

.footer__about {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.3333333333% - 30px);
}

.footer h4 {
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
}

.footer ul {
  margin: 0;
  padding: 0;
}

.footer li {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.footer li i {
  margin-right: 0.5rem;
  color: #abb1ba;
}

.footer a {
  color: #abb1ba;
  text-decoration: none;
}

.footer a:hover {
  color: #e3e5e8;
}

.footer .copyright {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(100% - 30px);
  margin-top: 3rem;
  border-top: #d3d4d5 1px solid;
  padding-top: 3rem;
  display: flex;
  align-items: center;
}

.footer .copyright .cc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #d3d4d5;
}

.footer .copyright .cc__icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}

.footer .copyright .links {
  margin-left: auto;
  font-size: 1.5rem;
}

.say-hello {
  padding: 2rem 0 4rem;
  color: #fff;
}

.say-hello a {
  color: #fff;
}

.say-hello .row {
  align-items: center;
}

.say-hello .text {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(41.6666666667% - 30px);
}

.say-hello .text p {
  color: #848E99;
}

.say-hello .links {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  margin-left: calc(16.6666666667% + 15px);
  width: calc(41.6666666667% - 30px);
  padding: 2rem;
  display: flex;
  flex-direction: column;
}

.say-hello .links .item {
  width: 100%;
  display: flex;
  padding: 1rem 0;
  align-items: center;
}

.say-hello .links .item:hover > img {
  transform: scale(1.2);
}

.say-hello .links .item img {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(25% - 30px);
  margin-right: 0;
  height: 2.5rem;
  transition: all 0.1s ease-in-out;
}

.say-hello .links .item div {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(75% - 30px);
}

.main-menu nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}

.main-menu nav ul li {
  padding: 0;
  margin: 0;
  margin-right: 2rem;
}

.main-menu nav ul li:last-child {
  margin-right: 0;
}

.main-menu nav a {
  color: #394153;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 400;
  white-space: nowrap;
}

.main-menu nav a::after {
  content: "";
  display: block;
  width: 0;
  margin-top: 1rem;
  height: 2px;
  background: #064264;
  transition: width 0.3s;
}

.main-menu nav a:hover::after {
  width: 100%;
}

.main-menu nav a.active::after {
  background-color: #EF653E;
  width: 100%;
}

.main-menu nav a i {
  font-size: 0.8em;
}

section.page-body.has-right-sidebar .layout-base,
section.page-body.has-left-sidebar .layout-base {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

section.page-body.has-right-sidebar .layout-base .sidebar,
section.page-body.has-left-sidebar .layout-base .sidebar {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(25% - 30px);
}

section.page-body.has-right-sidebar .layout-base .content,
section.page-body.has-left-sidebar .layout-base .content {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(75% - 30px);
}

section.page-body.has-right-sidebar .layout-base .content .content-header,
section.page-body.has-right-sidebar .layout-base .content .content-body,
section.page-body.has-right-sidebar .layout-base .content .breadcrumb,
section.page-body.has-left-sidebar .layout-base .content .content-header,
section.page-body.has-left-sidebar .layout-base .content .content-body,
section.page-body.has-left-sidebar .layout-base .content .breadcrumb {
  max-width: auto;
  padding: 0;
}

.page-body .content-header {
  display: flex;
  margin-bottom: 1.5rem;
  align-items: center;
}

.page-body .content-header .page-title {
  flex-grow: 1;
}

.page-body .content-header .page-action {
  margin-left: auto;
}

.page-body .content-header h1 {
  font-size: 2rem;
  margin-bottom: 0;
}

.page-body .content-body {
  margin-bottom: 2rem;
}

.page-body .content-body p:last-child {
  margin-bottom: 0;
}

.layout-error .error-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  align-items: center;
  padding: 5rem 0;
}

.layout-error .error-code {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.3333333333% - 30px);
  text-align: center;
  font-size: 8em;
  font-weight: 500;
  margin-top: 0;
  line-height: 1.2em;
  color: #3B4254;
}

.layout-error .error-text {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(66.6666666667% - 30px);
}

.layout-error .error-text p {
  -webkit-hyphens: none;
  hyphens: none;
}

.layout-content .page-body {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.layout-myprofile .content-body .dashboard {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(66.6666666667% - 30px);
}

.layout-myprofile .content-body .dashboard .title {
  display: flex;
  margin-bottom: 0.5rem;
}

.layout-myprofile .content-body .dashboard .title .action {
  padding-left: 1rem;
  margin-left: auto;
}

.layout-myprofile .summary {
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(33.3333333333% - 30px);
}

.layout-myprofile .summary .card .card-content {
  padding: 0;
}

.layout-myprofile .summary .card .card-content .avatar {
  padding: 1rem;
  padding-bottom: 0;
  text-align: center;
}

.layout-myprofile .summary .card .card-content .avatar img {
  width: 100px;
  border-radius: 50%;
}

.layout-myprofile .summary .card .card-content .card-title {
  padding: 1.5rem;
  margin-bottom: 0rem;
}

.layout-myprofile .summary .card .card-content .card-body {
  font-size: 0.9em;
  padding: 0rem 1.5rem 1.5rem 1.5rem;
}

.layout-myprofile .summary .card .card-content .card-body .item {
  margin-bottom: 1rem;
}

.layout-myprofile .summary .card .card-content .card-body .item:last-child {
  margin-bottom: 0;
}

.layout-myprofile .summary .card .card-content .card-body .action {
  margin-top: 2rem;
  margin-bottom: 0;
}

.layout-myprofile .summary .public-profile-switch {
  padding: 2rem;
  padding-bottom: 1rem;
}

.layout-myprofile .summary .public-profile-switch .input-wrapper {
  flex-direction: row;
}

.layout-myprofile .summary .public-profile-switch .input-wrapper .switch {
  margin-left: auto;
}

.layout-documents .badge-list {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.layout-documents .data {
  margin-bottom: 2rem;
  font-size: 0.8rem;
}

.layout-documents .data ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.layout-documents .data ul li {
  padding: 0;
  margin: 0;
  margin-bottom: 0.5rem;
}

.layout-documents .data ul li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 992px) {
  p.speech {
    width: 100%;
  }

  p.notabene {
    width: 100%;
  }

  .wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .col-2 {
    width: calc(50% - 30px);
  }

  .col-3 {
    width: calc(50% - 30px);
  }

  .col-4 {
    width: calc(50% - 30px);
  }

  .col-7 {
    width: calc(50% - 30px);
  }

  .columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .columns-6 {
    grid-template-columns: repeat(3, 1fr);
  }

  .columns-12 {
    grid-template-columns: repeat(4, 1fr);
  }

  .document-frame .item .file-list .item .text {
    width: calc(83.3333333333% - 30px);
  }

  .breadcrumb,
  .breadcrumbs {
    padding-left: 15px;
    padding-right: 15px;
  }

  .off-canvas {
    width: calc(100vw - 2rem);
    position: relative;
    overflow: hidden;
    display: flex;
  }

  .off-canvas__navigation {
    background-color: #2f363c;
    display: none;
    left: 100vw;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1010;
    transition: all 0.3s linear;
    padding: 3rem;
    padding-top: 3rem;
  }

  .off-canvas__navigation.is-active {
    display: block;
    z-index: 1030;
    transition: all 0.3s linear;
    left: 0vw;
    position: fixed;
  }

  .off-canvas__navigation ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .off-canvas__navigation ul li {
    padding: 0;
    margin: 0;
    margin-bottom: 1rem;
  }

  .off-canvas__navigation ul li:last-child {
    margin-bottom: 0;
  }

  .off-canvas__navigation a {
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    white-space: nowrap;
  }

  .off-canvas__navigation a::after {
    content: "";
    display: block;
    width: 0;
    margin-top: 0.5rem;
    height: 2px;
    background: #064264;
    transition: width 0.3s;
  }

  .off-canvas__navigation a:hover::after {
    width: 100%;
  }

  .off-canvas__navigation a.active::after {
    background-color: #EF653E;
    width: 100%;
  }

  .off-canvas__navigation a i {
    font-size: 0.8em;
  }

  .off-canvas__hamburger {
    display: block;
    background-color: #2F363C;
  }

  .footer__contact {
    width: calc(100% - 30px);
  }

  .footer__menu {
    width: calc(100% - 30px);
  }

  .footer__menu {
    margin-bottom: 2rem;
  }

  .footer__about {
    width: calc(100% - 30px);
  }

  .say-hello .text {
    width: calc(100% - 30px);
  }

  .layout-error .error-code {
    width: calc(50% - 30px);
  }

  .layout-error .error-text {
    width: calc(50% - 30px);
  }

  .layout-content .page-body {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 720px) {
  .ls-modal {
    min-width: 100vw;
    max-width: 100vw;
    width: 100vw;
    position: absolute;
    top: 0;
    transform: none;
    left: 0;
    height: 100vh;
    border-radius: 0;
  }

  .ls-modal .modal-footer {
    position: absolute;
    bottom: 0;
    border-top: #eeeeee 1px solid;
    background: #fafafa;
  }

  body {
    margin-top: 40px;
  }

  .col-2 {
    width: calc(100% - 30px);
  }

  .col-3 {
    width: calc(100% - 30px);
  }

  .col-4 {
    width: calc(100% - 30px);
  }

  .col-5 {
    width: calc(100% - 30px);
  }

  .col-6 {
    width: calc(100% - 30px);
  }

  .col-7 {
    width: calc(100% - 30px);
  }

  .col-8 {
    width: calc(100% - 30px);
  }

  .columns-1-2 {
    grid-template-columns: repeat(1, 1fr);
  }

  .columns-1-3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .columns-2 {
    grid-template-columns: repeat(1, 1fr);
  }

  .columns-2-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .columns-3-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .columns-3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .columns-4 {
    grid-template-columns: repeat(1, 1fr);
  }

  .columns-6 {
    grid-template-columns: repeat(2, 1fr);
  }

  .columns-12 {
    grid-template-columns: repeat(2, 1fr);
  }

  .swipe-table {
    display: flex;
  }

  .breadcrumb ul li,
  .breadcrumbs ul li {
    margin-bottom: 0.5rem;
  }

  .topbar {
    position: fixed;
    width: 100%;
    top: 0px;
  }

  .topbar .usercurrent .item {
    margin-right: 0;
  }

  .topbar .usercurrent .item .icon {
    margin-right: 0;
  }

  .topbar .usercurrent .user-status {
    top: -0.4rem;
    right: -0.7rem;
  }

  .topbar .item .text {
    display: none;
  }

  .topbar .logout {
    padding: 0 !important;
    border: none;
    color: #fff;
  }

  .topbar .logout:hover {
    border-color: transparent;
    background-color: transparent;
  }

  .topbar .logout .icon {
    font-size: 1.5rem;
    display: block;
  }

  .topbar .logout div {
    display: none;
  }

  .topbar .bmstu-projects .panel-wrapper {
    position: fixed;
    left: 0;
    top: 40px;
    width: 100vw;
    min-height: calc(100vh - 3rem);
    border-radius: 0;
  }

  .desktop-primary-menu {
    display: none;
  }

  .mobile-menu-button {
    display: block;
  }

  .editor-block-modal .objects-wrapper {
    flex-direction: column;
  }

  .editor-block-modal .objects-wrapper .objects-select .objects-filter {
    grid-template-columns: 1fr;
  }

  .editor-block-modal .objects-wrapper .objects-select .objects-filter .droparea {
    grid-row: inherit;
    grid-column: inherit;
  }

  .editor-block-modal .objects-wrapper .objects-select .objects-filter .filter-owner {
    grid-row: inherit;
    grid-column: inherit;
  }

  .editor-block-modal .objects-wrapper .objects-select .objects-filter .filter-date {
    grid-row: inherit;
    grid-column: inherit;
  }

  .editor-block-modal .objects-wrapper .object-list-status .selected-items {
    grid-template-columns: repeat(5, 1fr);
  }

  .editor-block-modal .objects-wrapper .selected-object {
    width: 100%;
  }

  .editor-block-image .editor-block-modal .objects-wrapper .objects-list {
    grid-template-columns: repeat(3, 1fr);
  }

  .page-header .menu nav {
    justify-content: flex-start;
  }

  .footer {
    padding: 2rem 0;
  }

  .footer .copyright {
    margin-top: 1rem;
    font-size: 0.75rem;
    padding-top: 1rem;
  }

  section.page-body.has-right-sidebar .layout-base .sidebar,
  section.page-body.has-left-sidebar .layout-base .sidebar {
    width: calc(100% - 30px);
  }

  section.page-body.has-right-sidebar .layout-base .content,
  section.page-body.has-left-sidebar .layout-base .content {
    width: calc(100% - 30px);
  }

  .layout-error .error-code {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 576px) {
  .document-frame .item .file-list .item .text {
    width: calc(100% - 30px);
  }

  .layout-error .error-code {
    width: calc(100% - 30px);
  }

  .layout-error .error-text {
    width: calc(100% - 30px);
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
}
}