@charset "UTF-8";
@font-face {
  font-family: "Roboto-Regular";
  src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
  font-family: "Roboto-Bold";
  src: url('../fonts/Roboto-Bold.ttf');
}
@font-face {
  font-family: "Roboto-Medium";
  src: url('../fonts/Roboto-Medium.ttf');
}
@font-face {
  font-family: "Roboto-Italic";
  src: url('../fonts/Roboto-Italic.ttf');
}
@font-face {
  font-family: "Roboto-Black";
  src: url('../fonts/Roboto-Black.ttf');
}
@font-face {
  font-family: "AGBengalyC";
  src: url('../fonts/AGBengalyC.otf');
}
@font-face {
  font-family: "Proxima Nova-Bold";
  src: url('../fonts/Proxima_Nova-Bold.ttf');
}
@font-face {
  font-family: "Proxima Nova-Light";
  src: url('../fonts/Proxima_Nova-Light.ttf');
}
@font-face {
  font-family: "Proxima Nova-Regular";
  src: url('../fonts/Proxima_Nova-Regular.ttf');
}
@font-face {
  font-family: "Proxima Nova-Black";
  src: url('../fonts/Proxima_Nova-Black.ttf');
}
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
html {
  font-size: 14px;
  font-family: "Roboto-Regular", sans-serif;
  -webkit-transition: font-size ease-out 0.5s;
  -o-transition: font-size ease-out 0.5s;
  transition: font-size ease-out 0.5s;
}
html,
body {
  height: 100%;
  min-height: 100vh;
}
p {
  line-height: 1;
  font-size: 1rem;
  font-family: "Roboto-Regular", sans-serif;
}
.wrapper {
  min-height: 100%;
}
.wrapper h2,
.wrapper .h2 {
  font-size: 1.43rem !important;
  font-family: "Roboto-Regular", sans-serif !important;
}
.wrapper h3,
.wrapper .h3,
.lb-popup h3 {
  font-size: 1.14rem !important;
  font-family: "Roboto-Medium", sans-serif !important;
  color: #023a63 !important;
}
.wrapper h5,
.wrapper .h5 {
  font-size: 1rem !important;
  font-family: "Roboto-Bold", sans-serif !important;
}
input {
  font-size: 1rem;
}
svg.general_icons_sprite {
  width: 1rem;
  height: 1rem;
}
.wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: "Roboto-Regular", sans-serif;
}
.container {
  max-width: 100% !important;
  padding: 0 7% !important;
}
/* header */
.header {
  color: #fff;
}
.header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.header__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2rem;
  width: 100%;
}
.header__logo {
  min-width: 4rem;
  height: 4rem;
  text-align: right;
}
.header__logo img {
  width: auto;
  height: 100%;
}
.header__company {
  border-left: 1px solid #fff;
  padding-left: 1.3rem;
  margin-right: auto;
}
.header__company_title p {
  font-size: 1.29rem;
  line-height: 1.2rem;
}
.header__company_organization {
  font-size: 1rem;
  line-height: 1;
}
.header__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.header__user_img {
  width: 2.44rem;
  height: 2.44rem;
}
.header__user_img svg.header_sprite {
  width: 100%;
  height: 100%;
}
.header__user_name {
  font-size: 1rem;
}
.header__user_info {
  margin-left: -1rem;
}
.header__user_info p {
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.header__user_account p {
  font-size: 0.71rem;
  margin-bottom: 0.5rem;
}
.header__user_account a {
  color: #a8c5d6;
  text-decoration: underline;
}
.header__user_status p {
  font-size: 0.71rem;
  color: #a8c5d6;
}
.header__menu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.header__menu .navbar {
  padding-right: 0;
}
.header__menu .navbar-toggler-icon {
  border-top: 3px solid #fff;
  -webkit-box-shadow: 0px 7px 0px #fff;
  box-shadow: 0px 7px 0px #fff;
  height: 2px;
}
.header__menu .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: auto;
  margin-bottom: -1rem;
}
.header__menu .navbar-item {
  border-bottom: 0.2rem solid #fbca83;
  cursor: pointer;
  margin: 0.5rem 0.63rem;
  width: 3.75rem;
  height: 2.78rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.header__menu .navbar-item:hover:not(.list__switch) {
  background: #fff;
}
.header__menu .navbar-item:hover:not(.list__switch) .nav-link svg.header_sprite {
  fill: #023a63;
}
.header__menu .navbar-item:active {
  background: none;
  border-bottom: 0.2rem solid #fbca83;
}
.header__menu .navbar-item:active svg.header_sprite {
  fill: #fff;
}
.header__menu .navbar-item:active .nav-link-administration svg.header_sprite {
  fill: #023a63;
}
.header__menu .navbar-item.list__switch {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.header__menu .navbar-item.list__switch label {
  margin-bottom: 0;
}
.header__menu .navbar-item.list__switch input {
  display: none;
  position: absolute;
}
.header__menu .navbar-item.list__switch input + .list__switch_btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 1.85rem;
  height: 0.95rem;
  background: -webkit-radial-gradient(#fbca83 50%, #848484);
  background: -o-radial-gradient(#fbca83 50%, #848484);
  background: radial-gradient(#fbca83 50%, #848484);
  border-radius: 1rem;
  vertical-align: -0.3rem;
  -webkit-transition: all 0.4s cubic-bezier(0.17, 0.67, 0.43, 0.98);
  -o-transition: all 0.4s cubic-bezier(0.17, 0.67, 0.43, 0.98);
  transition: all 0.4s cubic-bezier(0.17, 0.67, 0.43, 0.98);
  overflow: hidden;
  border: 0.1rem solid #fff;
  -webkit-box-shadow: 0 0 0.6rem #444;
  box-shadow: 0 0 0.6rem #444;
}
.header__menu .navbar-item.list__switch input + .list__switch_btn:after {
  position: absolute;
  display: block;
  content: '';
  width: 1rem;
  height: 0.9rem;
  border-radius: 100%;
  top: -2px;
  right: -2px;
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.1), 0 0 0.05em rgba(0, 0, 0, 0.05), 0 0.1em 0.2em rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 0.03em rgba(0, 0, 0, 0.1), 0 0 0.05em rgba(0, 0, 0, 0.05), 0 0.1em 0.2em rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.header__menu .navbar-item.list__switch input:checked + .list__switch_btn {
  background: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#848484));
  background: -webkit-linear-gradient(bottom, #e5e5e5, #848484);
  background: -o-linear-gradient(bottom, #e5e5e5, #848484);
  background: linear-gradient(to top, #e5e5e5, #848484);
}
.header__menu .navbar-item.list__switch input:checked + .list__switch_btn:after {
  right: calc(100% - 0.9rem);
}
.header__menu .navbar-item.list__switch input:checked + .list__switch_btn .on {
  margin-left: 0.3rem;
}
.header__menu .navbar-item.list__switch .on,
.header__menu .navbar-item.list__switch .off {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}
.header__menu .navbar-item.list__switch .off {
  margin-left: -5px;
  margin-top: -1px;
  font-size: 13px;
}
.header__menu .navbar-item.list__switch.active {
  background: none;
}
.header__menu .navbar-item.item-administration {
  border: none;
  padding-bottom: 0;
}
.header__menu .navbar-item.item-administration:hover {
  background: none;
}
.header .header__menu .navbar-item .nav-link-calendar svg {
  width: 0.87rem;
  height: 0.97rem;
}
.header .header__menu .navbar-item .nav-link-email svg {
  width: 0.98rem;
  height: 0.68rem;
}
.header .header__menu .navbar-item .nav-link.chat svg {
  width: 1.01rem;
  height: 1.01rem;
}
.header .header__menu .navbar-item .nav-link-info svg {
  width: 1.01rem;
  height: 1.01rem;
}
.header .header__menu .navbar-item .nav-link-exit svg {
  width: 0.84rem;
  height: 0.91rem;
}
.header .header__menu .navbar-item .nav-link-alert .block-alert {
  width: 1.3rem;
  height: 1.3rem;
  background: url('../images/alert_orange.svg') 50% 50% no-repeat;
  background-size: contain;
}
.header .header__menu .navbar-item:hover .nav-link-alert .block-alert {
  width: 1.3rem;
  height: 1.3rem;
  background: url('../images/alert.svg') 50% 50% no-repeat;
  background-size: contain;
}
.header__menu .navbar-mobile {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
}
.header__menu .navbar-mobile-link {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  background-color: #e5e5e5;
  border-radius: 50%;
  position: relative;
}
.header__menu .navbar-mobile-link span,
.header__menu .navbar-mobile-link span::before,
.header__menu .navbar-mobile-link span::after {
  position: absolute;
  top: 50%;
  margin-top: -0.06rem;
  left: 50%;
  margin-left: -0.6rem;
  width: 1.2rem;
  height: 0.1rem;
  background-color: #848484;
}
.header__menu .navbar-mobile-link span::before,
.header__menu .navbar-mobile-link span::after {
  content: '';
  display: block;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.header__menu .navbar-mobile-link span:before {
  -webkit-transform: translateY(-0.3rem);
  -ms-transform: translateY(-0.3rem);
  transform: translateY(-0.3rem);
}
.header__menu .navbar-mobile-link span:after {
  -webkit-transform: translateY(0.3rem);
  -ms-transform: translateY(0.3rem);
  transform: translateY(0.3rem);
}
.header__menu .navbar-mobile.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__menu .navbar-mobile.active span {
  height: 0;
}
.header__menu .navbar-mobile.active span:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.header__menu .navbar-mobile.active span:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header__menu .navbar-item a {
  width: 100%;
  height: 100%;
}
.navbar-item a.chat {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAdhwAAHYcBj+XxZQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAc+SURBVHic7Z1rqFRVFMd/a1JTo6eP0qisqKQHRRFEVNCDMqnoTVRoESgV2QuKgl4UWERl9aEI1KhQiqg06GEEmYIfIioqtSzEQM1XaaVmdlt92HNrHGfuzNx7Zq9zzl4/WMydmXP2Wnfv/+yzzzr7nC2qipMuFesAHFtcAInjAkgcF0DiDLIOoBkisjdwPnAKcAhwECHe3lFrX6/tbNPJtlmX1y3ffwHrgDXAElVdTitUNVcGHAjMBXbUVIBb/2wZMA2oNK1v6wava/yrgQ05qLiy2ULgiNwKABgJvJ6Diiqz/Q5Mra97sU4EicgewGLgNNNA0uFxVb2v900ezgLuwhs/JveIyOm9b0x7ABEZD3wBDDULIk1WACep6jazHqDa9c/GG9+Co4AnwLAHEJEJwPsmzh0IA8NxlmOAywx9OyDAZZY9wEpgnIlzp5cFJgIQESFk+gZHd+7U8p3VIWAk3vh5YIyVAPYy8uvsyj55SAQ5hrgAEscFkDgugMRxASSO1ZSwLcCM6t+1iQht8VqU7/YgzGwaW7WTgGHkEPP5ACkgIsOB84BLgKuAfWwj+h8XQGREZATwAHAzMMQ4HBeAFSJyODAH48kwHQlARAYBownKld6P23jNetu8l9cDrAfWquoGmiAiewIvAZOabdN1WkzW3BeYDLxNmG/+D/aTG4tmq4BngZP7qOfHzOLrI6iLgLU5qMCyWA/wJDC0SX2/kQsBEEaoM3NQYWW1pcCpDep9OPClqQCAkwldlnUlld3+Bm5pIIJTiH2YrVPgihxUTiq2Azi+gQjmWAng+RxUSmr2GTCoTgCHE27yjCcA4Bx8hG9l9zfoBT6I6J8h+HHf0nYAh9UJYGos/xXgXOBQHCuGAFfWfTaP0CN3nQo+Pz8PXFr7RlV/BlbHcFwhnHo4tpzQ4LM1MRxXgDExHDl9sm/1knEt0QQwOoYjpyUj6943vYiUJRXC7BXHnvrpeWrh1EkMF0DiuAASxwWQOC6AxHEBJI4LIHGyvjNoPfAQ8BbhKlcsTgQeJFzYcjogawHMUNUXMy6zHT4VkRuBlXhiqyOyPgT8kHF5nbAe+M3QfyHJWgDTRGT/jMtsSfWhU7cC0X0XnawPAWcAq0XkE8K8tlicABwR0V9p6Mbt4cOAC7tQrtMF/DQwcVwAieMCSBwXQOK4ABLHBZA43XpK2Eri5gFiIoQVN6TVhkUgawEsBa5T1S8zLjdXiMiRwCzgLOtYBsifWR8Cnil74wOo6o/Ao9ZxZMDarAVQim6xTcrwv67OWgB3i0jp1wAUkWOBh63jyICPsx4DHAMsEZG1lHsQWJa7qd/u1lmA32+Yfz5U1a88D5Amm4GbwBNBqTJNVVeDCyBF3lHVV3vfuADS4mXCo3//w2rBCCcu64Apqjq//gvvAcpNDzAXOK5R40N3eoA/gI8odx7gbGCUdSA1fENo7L8Iv/Y1wBLgXVXd1NeOWQtgIXCxqv6ecbm5ovqc/1nAtdaxVDlTVTf3Z8esDwHPl73xAVR1B/C0dRxZkLUAxmdcXp4pxf+a9SHgdhHZRPybQ2NSASYAj2RcbpSHQtWTtQBGAS9UzekMk8vLfhqYOC6AxHEBJI4LIHFcAIlTwej0w9mNvy2cVoCNFo6d3YjydPB6KoTVQR1bfqmml6NTIVxJcmz53MpxhbAwtGNLozaIMjYTYC/gJ+CAGA6d3fgNOEpV19d+KCLjgcXAiDbK2L/fl4NVdSvhEWuODXfVNz6Aqi4nrOC+raveaxYrfBP7RRRTs/cbLSVft4jkRGBni3L2a1VO0/JrHI0iPG3TulJSsc3AwW01Ekyi76V9+y2A/zKBqroBuAHYitNtNgPX996c0QpVfQW4tyuRNFDbkcAi7H8hZbX3gLH96q7hqSZlDvwQUOeoAtwNbM9BhZXFtgA39behqu0iwGt15f5K3RL0AxZAjcOjgenAshxUYBFtE7AAuBkYPZDGr2mTwcBswsCwB7hjIOVJtdCWVJ8CPhY4kLDidSdMBG7rcJ9OWAw8xq6V39egaaDft9p3J7BBu5jeFZGDgeGqumIg5bQ9J1BVfyV0N9926kRExnW6Twd8Q7gXoV+JkKLS7gCyFUWfD7AKuCC1xs+SIgtgI6Hxo6yyXVaKKoCtwERV/c46kKJTRAHsBC5X1c+sAykDRROAAjeo6gLrQMpC0QRwp6rOsQ6iTBRJANNV9VnrIMpGUQQwS1Xvtw6ijBRBAPOBKdZBlJW8C2AxcI2q9lgHUlbyLICvCSne7daBlJm8CmAVMMFTvN0njwLYCJzvKd445E0AfxBSvN9bB5IKeRLATuAKT/HGJS8CUGCyp3jjkxcB3KGqc62DSJE8CGC6qj5nHUSqWAtgpqd4bYklgEaTI+cBUyP5d5rQ9qzgATkJk0JX8P8k1EWEc/0/u+7c6ZMoAgAQkbOA24EPgFe98fNBNAE4+cR6EOgY4wJIHBdA4rgAEudf/0E7HYZOah8AAAAASUVORK5CYII=');
  background-position: 10px 10px;
  background-size: 20px;
  background-repeat: no-repeat;
}
.header .nav-link {
  width: 1.7rem;
  height: 100%;
  color: #24126a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header .nav-link svg.header_sprite {
  height: 1.8rem;
  width: 1.7rem;
  fill: #ffcc83;
}
.header .nav-link-administration {
  width: 100%;
  background: #fff;
  margin-bottom: -0.2rem;
  border-bottom: 0.3rem solid #fff;
  pointer-events: all;
}
.header .nav-link-administration:hover {
  border-bottom: 0.3rem solid #fbca83;
}
.header .nav-link-administration svg.header_sprite {
  fill: #023a63;
  height: 1.4rem;
}
.header .sublist_administration {
  position: absolute;
  top: 100%;
  left: 0%;
  z-index: 100;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.header .sublist_administration li {
  list-style: none;
  width: 3.75rem;
  height: 2.5rem;
  color: #24126a;
  background: #fbca83;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.header .sublist_administration li:hover {
  background: #fff0d7;
}
.header .sublist_administration-small {
  font-size: 0.6rem;
}
.header .sublist_administration-medium {
  font-size: 0.9rem;
}
.header .sublist_administration-big {
  font-size: 1.1rem;
}
/* main */
.main {
  width: 100%;
  background: #fff;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.course__page {
  color: #023a63;
  font-size: 1rem;
  overflow: hidden;
}
.course__page .course__competation {
  font-size: 1.14rem;
  font-family: "Roboto-Medium", sans-serif;
}
.course__page .competation__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.9rem 0;
  width: 100%;
  margin-top: 5.7rem;
}
.course__page .competation__filter .competation__search {
  width: 100%;
}
.course__page .competation__filter .competation__search input {
  padding: 0.6rem;
  height: 2.17rem;
  width: 100%;
  border: 0.06rem solid #848484;
  font-size: 0.86rem;
}
.course__page .competation__filter .competation__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.course__page .topline:after {
  content: none;
}
.course__page .course__block {
  padding: 0.63rem;
}
.section__title {
  margin: 2rem 0 1.3rem;
  color: #023a63;
  font-size: 1.43rem;
}
.section__title p {
  line-height: 1.3rem;
}
.section__subtitle {
  margin: 2rem 0 1.3rem;
  color: #023a63;
  font-size: 1.14rem;
}
.section__subtitle p {
  line-height: 1.2rem;
}
.course__block,
.tabs_data.course__block_wrapper ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 245, 230, 0.8)), to(rgba(217, 255, 255, 0.8)));
  background: -webkit-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: -o-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: linear-gradient(to right, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  color: #023a63;
  position: relative;
  width: 100%;
}
.course__block .label_academia {
  position: absolute;
  top: -1.54rem;
  left: 0.94rem;
  background: #5d819b;
  color: #fff;
  width: 8.09rem;
  height: 1.54rem;
  text-align: center;
  font-family: "AGBengalyC";
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px 2px 2px 4px;
  text-shadow: 0 1px 1px #023a63;
  padding-top: 2px;
}
.course__block .course__catalogue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 16.5rem;
  height: 100%;
  margin-right: 0.57rem;
}
.course__block .course__catalogue_image {
  min-height: 11.3rem;
  height: auto;
  background: #444;
  position: relative;
}
.course__block .course__catalogue_image:before {
  content: '';
  width: 50%;
  height: 100%;
  background: url(../images/top_50.svg) top 50% left 50% no-repeat, rgba(255, 255, 255, 0.44);
  background-size: 65%;
  position: absolute;
  top: 0;
  left: 0;
}
.course__block .course__catalogue_image-education {
  margin: 0 auto;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.course__block .course__catalogue_image-education svg.welcome_sprite {
  width: 5.87rem;
  height: 4.28rem;
  fill: #023a63;
}
.copp-dev .course__block .course__catalogue_image-education svg.welcome_sprite {
  transform: scale(-1,1) rotate(180deg);
  width: 5.32rem;
  height: 6.75rem;
}
.course__block .course__catalogue_img {
  min-height: 11.3rem;
  height: auto;
  position: relative;
  margin-top: 0.57rem;
  border: 1px solid #023a63;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.course__block .course__catalogue_status {
  margin: 1.4rem 0 0.6rem;
  font-size: 0.71rem;
}
.course__block .course__catalogue_status p {
  line-height: 1rem;
  font-size: 0.71rem;
}
.course__block .course__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0.8rem 0 0 0;
}
.course__block .course__intro_title h3 {
  font-size: 1.14rem;
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 0;
}
.course__block .course__intro_competation {
  margin-top: 0.3rem;
  font-size: 0.86rem;
}
.course__block .course__intro_competation p {
  line-height: 1.2rem;
  font-size: 0.86rem;
}
.course__block .course__intro_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -5px;
}
.welcome__page {
  font-size: 1.43rem;
  color: #023a63;
  margin-top: 2.1rem;
}
.welcome__page .course__block:hover a {
  text-decoration: none;
}
.welcome__page .course__catalogue {
  width: 100%;
}
.welcome__page .course__catalogue_image:before {
  content: none;
}
.welcome__page .course__intro_title p {
  margin-bottom: 0;
}
.welcome__page .course__intro_statistic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: auto;
  min-height: 2.5rem;
  margin-left: -0.94rem;
}
.welcome__page .course__intro_report {
  background: #fff;
  min-width: 9.4rem;
  height: 100%;
  font-size: 0.71rem;
  font-family: "Roboto-Regular", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1rem;
  padding: 0.6rem 0.6rem 0;
}
.copp-dev.welcome__page .course__intro_report {
  padding: 0.6rem;
}
.welcome__page .course__intro_report p {
  font-size: 0.71rem;
  font-family: "Roboto-Regular", sans-serif;
}
.copp-dev.welcome__page {
  font-size: 1rem;
}
.copp-dev.welcome__page .course__intro_report p {
  line-height: 1.5rem;
  margin-bottom: 0;
  font-size: 0.71rem;
  font-family: "Roboto-Italic", sans-serif;
}
.copp-dev.welcome__page .course__intro_report p.bold {
  font-family: "Roboto-Bold", sans-serif;
  font-size: 0.86rem;
}
.category__title {
  margin-bottom: 1.3rem;
  font-size: 1.29rem;
  font-family: "Roboto-Bold", sans-serif;
}
.category .category__title_open {
  position: relative;
}
.category .category__title_open:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #023a63;
  border-width: 0 0.1rem 0.1rem 0;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: -1.5rem;
  margin: -0.3rem;
  border-radius: 0.1rem;
}
.category.active .category__title_open:before {
  transform: rotateZ(-135deg);
}
.category .row.open {
  cursor: pointer;
}
.category .row.show {
  display: block;
}
.category .row.hide {
  display: none;
}
.category__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 30px;
}
.category__block {
  width: 14.06rem;
  height: 100%;
}
.category__block_img {
  background: -webkit-gradient(linear, left top, right top, color-stop(-10%, rgba(255, 204, 131, 0.5)), to(rgba(66, 255, 255, 0.5)));
  background: -webkit-linear-gradient(left, rgba(255, 204, 131, 0.5) -10%, rgba(66, 255, 255, 0.5));
  background: -o-linear-gradient(left, rgba(255, 204, 131, 0.5) -10%, rgba(66, 255, 255, 0.5));
  background: linear-gradient(to right, rgba(255, 204, 131, 0.5) -10%, rgba(66, 255, 255, 0.5));
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
  padding: 1.3rem;
  font-size: 1.14rem;
}
.category__block_img p {
  line-height: 1.5rem;
  color: #023a63;
}
.category__block_icon {
  margin: 0 0 1.9rem;
  width: 100%;
  min-height: 4.5rem;
  height: 4.8rem;
}
.category__block_icon svg.welcome_sprite {
  height: 4.8rem;
  width: 100%;
  fill: #023a63;
}
.copp-dev .category__block_icon svg.welcome_sprite {
  width: 5.32rem;
  height: 6.75rem;
  transform: scale(-1,1) rotate(180deg);
}
.category__block:hover .category__block_img {
  background: -webkit-gradient(linear, left top, right bottom, from(#fbfb75), to(#fbca83));
  background: -webkit-linear-gradient(left top, #fbfb75, #fbca83);
  background: -o-linear-gradient(left top, #fbfb75, #fbca83);
  background: linear-gradient(to right bottom, #fbfb75, #fbca83);
}
.category__block:hover .category__block_img p {
  text-decoration: none;
}
.category__block.disabled,
.category__block.disabled:hover {
  cursor: default;
}
.category__block.disabled .category__block_img,
.category__block.disabled:hover .category__block_img {
  cursor: default;
  background: #f8f8f8;
}
.category__block.disabled .category__block_img p,
.category__block.disabled:hover .category__block_img p {
  color: #e5e5e5;
}
.category__block.disabled .category__block_icon svg.welcome_sprite,
.category__block.disabled:hover .category__block_icon svg.welcome_sprite {
  opacity: 0.2;
}
.reports__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 3.1rem;
  width: 100%;
}
.reports__block {
  /*min-height: 6.7rem;*/
  width: 100%;
  height: 100%;
  margin: 0.65rem;
  padding: 1rem 0;
  cursor: pointer;
}
.reports__block .underline:after {
  margin: 0.9rem 0 0;
}
.reports__block:hover {
  background: -webkit-gradient(linear, left top, right bottom, from(#fbfb75), to(#fbca83));
  background: -webkit-linear-gradient(left top, #fbfb75, #fbca83);
  background: -o-linear-gradient(left top, #fbfb75, #fbca83);
  background: linear-gradient(to right bottom, #fbfb75, #fbca83);
}
.reports__block:hover svg.header_sprite {
  fill: #e9ad59;
}
.reports__block:hover .underline:after {
  background: #023a63;
}
.reports__catalogue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100%;
}
.reports__catalogue_image {
  width: 4rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.reports__catalogue_image svg.reports_sprite {
  width: 2.63rem;
  height: 100%;
  fill: #023a63;
}
.reports__catalogue_image svg.header_sprite {
  width: 1.74rem;
  height: 100%;
  fill: #023a63;
}
.reports__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.reports__intro_content,
.reports__intro_content:hover {
  text-decoration: none;
  color: #023a63;
}
.reports__intro_content > p {
  line-height: 1.2;
}
.reports__intro h4 {
  font-size: 1rem;
  font-family: "Roboto-Medium", sans-serif;
  line-height: 1.2;
}
.infoBox .reports__block:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 204, 131, 0.5)), to(rgba(66, 255, 255, 0.5)));
  background: -webkit-linear-gradient(left, rgba(255, 204, 131, 0.5), rgba(66, 255, 255, 0.5));
  background: -o-linear-gradient(left, rgba(255, 204, 131, 0.5), rgba(66, 255, 255, 0.5));
  background: linear-gradient(to right, rgba(255, 204, 131, 0.5), rgba(66, 255, 255, 0.5));
}
.infoBox .reports__block:hover .underline:after {
  background: #ffcc83;
}
.infoBox__block {
  width: 100%;
  padding-right: 16px;
}
.infoBox__block_title {
  font-size: 1rem;
  font-family: "Roboto-Medium", sans-serif;
}
.infoBox__block_title h3 {
  padding-left: 16px;
  color: rgb(2,58,99) !important;
}
.infoBox__block_content {
  padding: 1rem;
}
.infoBox__block .underline:after {
  margin: 0 0 0.6rem;
}
.infoBox__block_content p {
  padding-left: 1.25rem;
  font-size: 0.86rem;
}
.infoBox__block_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-left: 1rem;
  margin-top: -0.2rem;
}
.infoBox__block_data .infoBox_date {
  font-size: 12px;
  color: #7C7C7C;
}
.infoBox__block_data .infoBox_tools {
  min-width: 3.2rem;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.infoBox__block_data .infoBox_tools a {
  text-decoration: none;
  margin-left: 1rem;
}
.infoBox__block_data .infoBox_tools svg {
  fill: #023a63;
}
.infoBox__block_data .infoBox_tools svg:hover {
  fill: red;
}
.infoBox__block_data .infoBox_tools button {
  margin-right: 1.5rem;
  margin-left: 0;
}
.infoBox .nav-tabs {
  border-bottom: 1px solid #023a63;
}
.infoBox .nav-tabs .nav-item {
  margin-top: 1rem;
  user-select: none;
  max-width: 11.5rem;
}
.infoBox .nav-tabs .nav-link {
  border-bottom: 1px solid #24126a;
  border-left: 1px solid #fff;
  max-width: 12rem;
  text-align: center;
}
.infoBox .nav-tabs .nav-link.active {
  color: #023a63 !important;
  border: 1px solid #023a63;
  border-bottom: 1px solid transparent;
}
.border__wrapper {
  background: linear-gradient(to top, rgb(2,58,99), rgb(66,232,224));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*margin-top: -0.2rem;*/
  width: 100%;
  height: calc(100% + 0.4rem);
  padding: 0.2rem;
}
.copp-dev .border__wrapper a:hover {
  text-decoration: none;
}
.border__wrapper_inner {
   background: #fff;
   width: 100%;
   height: 100%;
}
.border__wrapper:hover {
   background: linear-gradient(to right bottom, #fbfb75, #fbca83);
}
.border__wrapper.color-notchange:hover {
   background: linear-gradient(to top, #fbfb75, #fbca83);
}
.border__wrapper.disabled {
  background: rgb(229, 229, 229);
}
.border__wrapper.disabled:hover {
   background: rgb(229,229,229);
}
.label_checkGroup {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 1.56rem 0;
  font-size: 0.86rem;
}
.label_checkGroup label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.label_checkGroup input[type='checkbox'] + span,
.label_checkGroup input[type='radio'] + span {
  -webkit-appearance: none;
  width: 1.13rem;
  min-width: 14px;
  height: 1.13rem;
  border: 0.06rem solid #023a63;
  outline: none;
  margin-right: 0.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  background: #fff !important;
}
.label_checkGroup input[type='radio'] + span {
  border-radius: 50% !important;
}
.label_checkGroup input[type='checkbox']:checked + span:before,
.label_checkGroup input[type='radio']:checked + span:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.7rem;
  border: 1px solid #24126a;
  border-width: 0 0.15rem 0.15rem 0;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.45rem -0.25rem;
  border-radius: 0.1rem;
}
.competation__sort {
  width: 17rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.drop-menu {
  position: relative;
}
.dropdown__list {
  max-width: 25.61rem;
}
.dropdown__list.absolute {
  position: absolute;
  z-index: 200;
  margin: 0.6rem 0;
  width: 100%;
}
.dropdown__list_header {
    margin: 0;
    padding: 0.45rem;
    padding-right: 2.5rem;
    cursor: pointer;
    position: relative;
    background-color: #e5e5e5;
    border: 0.06rem solid #023a63;
    height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.click_reports_header {
  margin: 0;
  padding: 0.45rem;
  padding-right: 2.5rem;
  cursor: pointer;
  position: relative;
  background-color: #e5e5e5;
  border: 0.06rem solid #023a63;
  height: 2.44rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.86rem;
}
.dropdown__list_header_title {
  color: #023a63;
  font-size: 0.86rem;
}
.schevron {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2rem;
  height: 2rem;
}
.schevron:before,
.schevron:after {
  content: '';
  position: absolute;
  width: 0.5rem;
  height: 0.1rem;
  background-color: #023a63;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0.1rem;
}
.schevron:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 0.8rem;
}
.schevron:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0.4rem;
}
.dropdown__list_body {
    display: none;
}
.dropdown__list_body.active {
    display: block;
}
.dropdown__list_down {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2rem;
    height: 2rem;
}
.dropdown__list_down:before,
.dropdown__list_down:after {
    content: '';
    position: absolute;
    width: 0.5rem;
    height: 0.1rem;
    background-color: #023a63;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 0.1rem;
}
.dropdown__list_down:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 0.8rem;
}
.dropdown__list_down:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0.4rem;
}

.dropdown__list_item, .dropdown__list_item_checkbox {
  cursor: pointer;
  background-color: #fff;
  padding: 0.6rem;
  color: #023a63;
  font-size: 0.86rem;
  border: 0.06rem solid #023a63;
  border-top: none;
  position: relative;
}

.search__list_item_checkbox, .search__list_item {
  cursor: pointer;
  /*background-color: #fff;*/
  padding: 0.6rem;
  color: #023a63;
  font-size: 0.86rem;
  border-bottom: 1px solid #023a63;
}

.search__list_item_checkbox, .search__list_item {
  display: flex;
  align-items: center;
}

.search__list_item_checkbox input[type=checkbox] {
  margin-right: 5px;
}

.dropdown__list_item.active, .dropdown__list_item_checkbox.active, .search__list_item_checkbox.active, .search__list_item.active {
  background: #e5e5e5;
}

.dropdown__list_item:hover, .dropdown__list_item_checkbox:hover, .search__list_item_checkbox:hover, .search__list_item:hover {
  background-color: #e5e5e5;
}
.dropdown__list_sort {
  margin-top: 0;
  width: 10rem;
  position: relative;
  z-index: 100;
  max-width: inherit !important;
}
.dropdown__list_sort .dropdown__list_header {
  background-color: #ffdeb0;
  border: 1px solid transparent;
  border-bottom: 1px solid #fff0d7;
}
.dropdown__list_sort .dropdown__list_header_title {
  font-size: 0.71rem;
}
.dropdown__list_sort .dropdown__list_body {
  position: absolute;
  top: 2.25rem;
  left: 0;
  width: 100%;
}
.dropdown__list.drop-menu .dropdown__list_body .selecter {
  display: flex;
  align-items: center;
  border: 0.06rem solid #023a63;
  border-top: none;
}
.dropdown__list.drop-menu .dropdown__list_body .selecter input {
  margin-left: 10px;
  width: 15px;
  height: 15px;
}
.dropdown__list.drop-menu .dropdown__list_body .selecter .dropdown__list_item {
  border: none;
}
.dropdown__list.drop-menu .dropdown__list_body .selecter.dropdown__list_item input {
  margin-right: 10px;
}
.dropdown__list_sort .dropdown__list_item {
  border: 1px solid transparent;
  border-top: 1px solid #fff0d7;
  background-color: #fbca83;
  font-size: 0.71rem;
}
.dropdown__list_sort .dropdown__list_item:hover {
  background: #fff0d7;
}
.dropdown__list_sortByPage {
  margin-top: 0;
  width: 4.29rem;
  margin-left: 1.25rem;
  position: relative;
  z-index: 100;
  max-width: inherit !important;
}
.dropdown__list_sortByPage .dropdown__list_header {
  border: 1px solid transparent;
  background: #f8f8f8;
}
.dropdown__list_sortByPage .dropdown__list_header_title {
  color: #848484;
  pointer-events: auto;
  font-size: 0.71rem;
}
.dropdown__list_sortByPage .dropdown__list_body {
  position: absolute;
  top: 2.25rem;
  left: 0;
  width: 100%;
}
.dropdown__list_sortByPage .dropdown__list_item {
  font-size: 0.71rem;
}
.dropdown__list_sortByPage .dropdown__list_down {
  pointer-events: auto;
}
.dropdown__list_sortByPage .dropdown__list_down:before,
.dropdown__list_sortByPage .dropdown__list_down:after {
  background-color: #848484;
}
.dropdown__list_sortByPage .dropdown__list_item {
  border: 1px solid transparent;
  background-color: #e5e5e5;
  color: #848484;
  border-top: 1px solid #f8f8f8;
}
.dropdown__list_sortByPage .dropdown__list_item:hover {
  background: #f8f8f8;
}
.col-auto.absolute {
  position: absolute;
  right: 0;
  top: 0;
}
.courseList ul {
  list-style: none;
}
/* button */
.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #023a63;
  cursor: pointer;
  margin: 0.4rem;
  width: 11.15rem;
  min-width: 11.15rem;
  height: 2.44rem;
  text-align: center;
  background: #f8f8f8;
  position: relative;
  color: #023a63;
  font-size: 0.86rem;
}
.button span {
  margin-left: 0.8rem;
  font-weight: 700;
}
.button .sup {
  display: inline-block;
  border-radius: 2px;
  background: #ffcc83;
  border: 0.06rem solid #023a63;
  color: #023a63;
  font-size: 0.71rem;
  width: 2.5rem;
  height: 1rem;
  text-align: center;
  position: absolute;
  top: -0.55rem;
  right: -0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.button:hover,
.button:active {
  background: #fbca83;
  border: 1px solid #cc9a56;
  color: #023a63;
}
.button.disabled {
  background: #e5e5e5;
  color: #848484;
  border: 1px solid #848484;
  cursor: not-allowed;
}
.button.disabled:hover {
  background: #e5e5e5;
  border: 1px solid #848484;
}
.button.disabled svg {
    opacity: 0.5;
}
.button-task {
  background: #ffdeb0;
}
.button-orange {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #cc9a56;
  cursor: pointer;
  margin: 0.6rem 0;
  width: 8.76rem;
  height: 2.44rem;
  min-height: 2.17rem;
  text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 35, 0.84)), color-stop(70%, #fbca83));
    background: -webkit-linear-gradient(rgba(255, 255, 35, 0.84), #fbca83 70%);
    background: -o-linear-gradient(rgba(255, 255, 35, 0.84), #fbca83 70%);
    background: linear-gradient(rgba(255, 255, 35, 0.84), #fbca83 70%);
  position: relative;
  color: #023a63;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 0.86rem;
  outline: none;
}
.button-orange:hover {
  background: #fbca83;
  border: 1px solid #cc9a56;
  color: #023a63;
}
.button-orange:active {
  background: #fbca83;
  outline: none;
}
.button-orange:disabled,
.button-blue:disabled {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#848484));
  background: -webkit-linear-gradient(#fff, #848484);
  background: -o-linear-gradient(#fff, #848484);
  background: linear-gradient(#fff, #848484);
  border: 1px solid #848484;
  cursor: not-allowed;
  color: #848484;
}
.button-orange-modal {
  width: auto;
  height: auto;
  padding: 0.3rem 2.4rem;
  text-shadow: 0 1px 1px #fff;
}
.button-blue {
  background: rgb(61, 132, 185);
  background: -moz-linear-gradient(top, rgba(61, 132, 185, 1) 0%, rgba(18, 51, 76, 1) 38%);
  background: -webkit-linear-gradient(top, rgba(61, 132, 185, 1) 0%, rgba(18, 51, 76, 1) 38%);
  background: linear-gradient(to bottom, rgba(61, 132, 185, 1) 0%, rgba(18, 51, 76, 1) 38%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d84b9', endColorstr='#12334c', GradientType=0);
  color: #fff !important;
}
.button-blue:active {
  background: rgba(18, 51, 76, 1);
  outline: none;
}
.button-blue:hover {
  background: rgba(18, 51, 76, 1);
  border: none;
}
.button-hover-blue:hover svg,
.button-blue:active svg {
  fill: #fff;
}
.button-hover-blue:hover {
  background: rgba(18, 51, 76, 1);
  border: none;
  color: #fff;
}
.button-alert {
  background: #fbca83;
  border: 1px solid transparent;
  height: 2.9rem;
}
.button-alert .alert_icon {
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.5rem;
  background: url('../images/alert.svg') center no-repeat;
  background-size: contain;
}
.button-alert .alert_icon + .sup {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  top: -0.8rem;
  right: 0.2rem;
}
.button-table {
  min-width: auto;
  max-width: 18rem;
  height: 2.44rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0 2rem;
  outline: none;
  font-size: 0.86rem;
}
.button-table span,
.button__add span {
  width: 1rem;
  height: 1rem;
  border: 1px solid #023a63;
  color: #023a63;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
}
.button-table-help {
  padding: 0 1rem;
  font-size: 1.43rem;
}
.button-table-help-small {
  width: 1rem;
  padding: 0 1rem;
  font-size: 1.43rem;
}
.button-table-link {
  border: none;
  background: transparent;
  height: auto;
  min-height: auto;
  margin-left: auto;
  margin-right: -0.3rem;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}
.button-table-link:hover,
.button-table-link:active,
.button-table-link:focus {
  background: transparent;
  border: none;
  outline: none;
}
.button__icon {
  background: none;
  border: none;
  cursor: pointer;
  margin: 0.4rem;
}
.button__icon svg {
  fill: #023a63;
}
.button__icon span {
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #023a63;
  color: #023a63;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
}
.button-notWidth {
  padding: 0 1rem;
  width: auto;
  min-width: auto;
  min-height: 2.13rem;
}
.button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.button-group a:hover {
  text-decoration: none;
}
.button-group .button_tool {
  min-width: 3rem;
  width: 3rem;
  margin: 0 20px;
}
.button-help {
  height: 2.44rem;
  margin-top: 0.6rem;
  font-size: 1.14rem;
}
.button-question {
    display: inline-block;
    float: right;
}
.button-question-in-td {
  position: absolute;
  top: 50%;
  right: -2.2rem;
  transform: translateY(-50%);
}
.btn-opened-cust {
  position: relative;
}
.btn-opened-cust .schevron {
  transform: rotate(-90deg);
  left: 0px;
  bottom: 5px;
}
.btn-opened-cust.collapsed .schevron {
  transform: rotate(0deg);
  left: 3px;
  top: 5px;
}
.btn-opened-cust:active, .btn-opened-cust:focus {
  box-shadow: none;
}
.svgSup {
  position: relative;
}
.svgSup .sup {
  display: inline-block;
  border-radius: 100%;
  background: #ffcc83;
  border: 1px solid #023a63;
  color: #023a63;
  font-size: 0.4rem;
  width: 0.8rem;
  height: 0.8rem;
  text-align: center;
  position: absolute;
  top: -0.2rem;
  right: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.infinity {
  width: 2.2rem;
  height: 2.2rem;
  background: url('../images/infinity.svg') center no-repeat;
  margin: 0 auto;
}

/* underline */
.topline,
.leftSideline,
.centerSideline  {
  position: relative;
}
.topline_title {
  position: relative;
}
.topline_title:before {
  content: '';
  width: 100%;
  height: 0.23rem;
  background: #fbca83;
  display: block;
  margin: 0.4rem 0;
  top: 0.2rem;
  right: 0;
  position: absolute;
}
.topline:after {
  content: '';
  width: calc(100% - 6rem);
  height: 0.23rem;
  background: #fbca83;
  display: block;
  margin: 0.4rem 0;
  top: 0;
  right: 0;
  position: absolute;
}
.underline-modal:after {
  content: '';
  width: 4.1rem;
  height: 0.23rem;
  background: #fbca83;
  display: block;
  margin: 0.4rem 0 0.4rem -1rem;
}
.topline:before,
.underline:after {
  content: '';
  width: 4.1rem;
  height: 0.23rem;
  background: #fbca83;
  display: block;
  margin: 0.4rem 0;
}

.leftSideline:before {
  content: '';
  width: 0.1rem;
  height: 70%;
  background: #dedede;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.centerSideline:before {
    content: '';
    width: 1.5rem;
    height: 100%;
    background: #fff;
    top: 0;
    left: 48%;
    position: absolute;
}
.report_answer {
  margin: 1rem;
  padding: 1rem;
  background: #e5e5e5;
  color: red;
}
.annotationContent_logo {
  width: 12.3rem;
  height: 12.3rem;
  border: 1px dashed #848484;
  background: #dededd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.annotationContent_logo svg {
  width: 1.6rem;
  height: 1.9rem;
}
.annotationContent_logo img {
  width: 100%;
}
/* navigation */
.page__navigation {
  text-align: center;
  width: 100%;
}
.page__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page__item {
  margin: 0 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-bottom: 0.2rem solid #e5e5e5;
  cursor: pointer;
  font-size: 0.63rem;
}
.page__item a {
  text-decoration: none;
  color: #848484;
}
.page__item a:hover {
  text-decoration: none;
  color: #848484;
}
.page__item.active {
  border-bottom: 0.2rem solid #023a63;
  font-size: 0.63rem;
}
.page__item.active a {
  color: #023a63;
  font-weight: 600;
}
.page__item.active a:hover {
  color: #023a63;
}
.page__item.prev.dropdown__list_down,
.page__item.next.dropdown__list_down {
  position: relative;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  top: -0.06rem;
  right: 0;
  border: none;
}
.page__item.prev.dropdown__list_down.disabled,
.page__item.next.dropdown__list_down.disabled {
  cursor: default;
  top: 0.3rem;
}
.page__item.prev.dropdown__list_down.disabled a,
.page__item.next.dropdown__list_down.disabled a {
  cursor: default;
}
.page__item.prev.dropdown__list_down.disabled:before,
.page__item.prev.dropdown__list_down.disabled:after,
.page__item.next.dropdown__list_down.disabled:before,
.page__item.next.dropdown__list_down.disabled:after {
  background-color: #848484;
}
.page__item.prev.dropdown__list_down.next.dropdown__list_down,
.page__item.next.dropdown__list_down.next.dropdown__list_down {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* footer */
.footer {
  background: #023a63;
  color: #fff;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  clear: both;
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer ul {
  margin-bottom: 0;
}
.footer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.8rem 0;
  width: 100%;
}
.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  min-width: 125px;
}
.footer__logo_logotype {
  width: 3.24rem;
  height: 3.29rem;
  /*margin-top: -1.57rem;*/
}
.footer__logo_logotype img {
  width: 100%;
}
.footer__logo_rights {
  font-size: 0.5rem;
  margin-top: 0.5rem;
}
.footer__menu {
  min-height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.footer .footer__block.footer__menu {
  display: none;
}
.footer__menu_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer__menu_item {
  font-size: 0.71rem;
  list-style: none;
  border-left: 1px solid #fff;
  padding: 0.35rem 0.6rem;
  max-width: 50%;
  min-width: 38%;
}
.footer__contact {
  font-size: 0.71rem;
  min-height: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__contact_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.footer__contact_item {
  list-style: none;
  padding: 0.3rem 0.8rem 0.3rem 1.6rem;
  border-left: 1px solid #fff;
}
.footer__contact_item span {
  font-size: 0.71rem;
}
.footer__contact_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer__contact_icon {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.6rem;
}
.footer__contact_icon .footer_sprite {
  fill: #fff;
  width: 1.2rem;
  height: 1.2rem;
}
.footer__contact_phone {
  border-left: none;
}
.back_to_page {
  /*display: none;*/
  margin: 1rem 0;
}
.back_to_page .back_img {
  width: 1.8rem;
  height: 1.5rem;
  border-right: 3px solid #fbca83;
  padding-right: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*-webkit-box-align: end;*/
  /*-ms-flex-align: end;*/
  align-items: center;
  padding: 0.75rem 1rem 0.75rem 0;
  margin-bottom: 1rem;
  list-style: none;
  z-index: 100;
}
.breadcrumbs .breadcrumb-item {
  font-size: 0.71rem;
  font-family: "Roboto-Regular", sans-serif;
  color: #b4b4b4;
  cursor: pointer;
}
.breadcrumbs .breadcrumb-item.last {
  cursor: default;
}
.breadcrumbs .breadcrumb-item.active {
  color: #848484;
}
.breadcrumbs .breadcrumb-item + .breadcrumb-item:before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #b4b4b4;
  content: "\203A";
  font-size: 1.14rem;
}
.breadcrumbs .home__link {
  /*height: 1.3rem;*/
  min-height: 100%;
  display: flex;
}
.breadcrumbs .home__link a {
  width: 100%;
  height: 100%;
}
.breadcrumbs .home__link svg.header_sprite {
  fill: #848484;
  height: 0.52rem;
  width: 0.72rem;
}
.reporting__page {
  color: #023a63;
}
.reporting__page .tab-pane {
  padding: 0 !important;
}
.tab-pane ul, .tab-pane ol {
  list-style-position: inside;
}
.reporting__page .tab-pane.container .section__title h3 {
  font-family: "Roboto-Medium", sans-serif;
}
.reporting__page .tab-pane.container .button-group .button {
  background: #fbca83;
  border: 1px solid #cc9a56;
}
.reporting__page .tab-pane.container .button-group .button.active { /* as in .button */
  background: #f8f8f8;
  border: 1px solid #023a63;
}
.reporting__page .tab-pane svg.general_icons_sprite {
  fill: #24126a;
}
.reporting__page .tab-pane svg.general_icons_sprite:hover {
  fill: red;
}
.reporting__page .report__menu {
    margin: 0rem 2rem 3rem 0;
    width: 25rem;
    float: left;
}
.reporting__page .report__menu_list a {
  text-decoration: none;
  width: 100%;
}
.reporting__page .report__menu_item {
  list-style: none;
  background: #e5e5e5;
  color: #023a63;
  font-size: 1rem;
  font-family: "Roboto-Bold", sans-serif;
  font-weight: 500;
  max-width: 23.78rem;
  width: 100%;
  padding: 0.5rem;
  border-bottom: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reporting__page .report__menu_item a {
  color: inherit;
  text-decoration: none;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.reporting__page .report__menu_item input {
  width: 1.56rem;
  height: 1.56rem;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 0.86rem;
  color: #023a63;
  text-align: center;
  border: 1px solid #023a63;
}
.reporting__page .report__menu_item.active,
.reporting__page .report__menu_item:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#42e8e0), color-stop(40%, #023a63));
  background: -webkit-linear-gradient(#42e8e0, #023a63 40%);
  background: -o-linear-gradient(#42e8e0, #023a63 40%);
  background: linear-gradient(#42e8e0, #023a63 40%);
  color: #fff;
}
.reporting__page .report__menu_count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 700;
  margin-left: 1rem;
  min-width: 1rem;
}
.reporting__page .report__menu_filter {
  max-width: 23.8rem;
  width: 100%;
  height: 2.17rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0.3rem;
}
.reporting__page .report__menu_filter .nav {
  width: 100%;
}
.reporting__page .report__menu_filter .nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  border: 1px solid #023a63;
  cursor: pointer;
}
.reporting__page .report__menu_filter .nav-link {
  width: 100%;
  height: 100%;
  border: none !important;
  border-radius: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.reporting__page .report__menu_filter .nav-link-tabs {
  height: 1.45rem;
}
.reporting__page .report__menu_filter svg.general_icons_sprite {
  width: 1rem;
  height: 1rem;
  fill: #023a63;
}
.reporting__page .report__menu .tab-pane {
  padding: 0;
}
.reporting__page .report__filter {
  width: 100%;
  margin: 1rem 0rem;
}
.reporting__page .report__filter h4 {
  font-family: "Roboto-Medium", sans-serif;
}
.reporting__page .report__header {
  margin-bottom: 1.3rem;
}
.reporting__page .report__header_block td {
  background: #e5e5e5;
  border: 1px solid #fff;
  padding: 0.6rem;
  vertical-align: middle;
  font-size: 0.86rem;
  text-align: left;
}
.reporting__page .report__header_block td.pink {
  background: #fff0d7;
}
.reporting__page .report__header_block td.orange {
  background: #fbca83;
}
.reporting__page .report__header_block tr > td:first-child {
  font-family: "Roboto-Bold", sans-serif;
}
.reporting__page .report__tools_item {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
  cursor: pointer;
  display: inline-block;
}
.reporting__page .report__tools_item a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.reporting__page .report__tools_item svg.general_icons_sprite {
  width: 2.5rem;
  height: 2.5rem;
  fill: #023a63;
}
.reporting__page .report__tools_item svg.general_icons_sprite:hover {
  fill: #fbca83;
}
.reporting__page .report__tools_item .icon_list {
    background: url(images/icon_list.svg) center no-repeat;
    background-size: contain;
    width: 2.5rem;
    height: 2.5rem;
}
.reporting__page .report__tools_item .icon_list:hover {
    background: url(images/icon_list_orange.svg) center no-repeat;
}
.reporting__page .report__table {
  margin: 0 0 3rem;
  position: relative;
}
.reporting__page .report__table h3 {
  font-family: "Roboto-Medium", sans-serif;
}
.reporting__page .report__table table tr {
  background: #f8f8f8;
}
.reporting__page .report__table table.table-hover tbody tr:hover {
  background: #efefef !important;
}
.reporting__page .report__table table.table-no-hover tr:hover {
  background: #ffdeb0 !important;
}
.reporting__page .report__table table.table-no-hover tr.clickable:hover {
  background: #efefef !important;
}
.reporting__page .report__table table.table-striped tr:nth-of-type(odd) {
  background: #e5e5e5;
}
.reporting__page .report__table table tr.table-active th {
  background: -webkit-gradient(linear, left top, left bottom, from(#42e8e0), color-stop(40%, #023a63));
  background: -webkit-linear-gradient(#42e8e0, #023a63 40%);
  background: -o-linear-gradient(#42e8e0, #023a63 40%);
  background: linear-gradient(#42e8e0, #023a63 40%);
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  max-width: 12rem;
  position: relative;
}
.reporting__page .report__table table tr.table-active th.bg_topcell {
  background: -webkit-gradient(linear, left top, left bottom, from(#42e8e0), color-stop(80%, #023a63));
  background: -webkit-linear-gradient(#42e8e0, #023a63 80%);
  background: -o-linear-gradient(#42e8e0, #023a63 80%);
  background: linear-gradient(#42e8e0, #023a63 80%);
}
.reporting__page .report__table table tr.table-active th.bg_downcell {
  background: #023a63;
}
.reporting__page .report__table table tr.table-active th.no-sort {
  padding-right: 0.75rem;
  cursor: default;
}
.reporting__page .report__table table tr.table-active th.no-sort:before,
.reporting__page .report__table table tr.table-active th.no-sort:after {
  content: none !important;
}
.reporting__page .report__table table tr.table-active.second-line th {
  background: #023a63;
}
.reporting__page .report__table table tr th,
.reporting__page .report__table table tr td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #fff;
  position: relative;
  word-wrap: break-word;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 1rem;
}
.reporting__page .report__table table tr th.open,
.reporting__page .report__table table tr td.open {
  padding-right: 1.5rem;
  cursor: pointer;
}
.reporting__page .report__table table tr th.open:before,
.reporting__page .report__table table tr td.open:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #023a63;
  border-width: 0 0.1rem 0.1rem 0;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 2rem;
  margin: -0.3rem;
  border-radius: 0.1rem;
}

table.cellspacing {
  border-collapse: separate;
  border-spacing: 0 1rem;
}
table.cellspacing td {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 0.86rem;
  min-height: 1.2rem;
}
table.cellspacing thead td {
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.14rem;
}
table.cellspacing tbody td.cellspacing_td {
  padding: 5px;
  background: #e5e5e5;
}


.reporting__page .report__table table tr th.open-active:before,
.reporting__page .report__table table tr td.open-active:before {
  -webkit-transform: rotateZ(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotateZ(-135deg);
}
.reporting__page .report__table table tr th.trying,
.reporting__page .report__table table tr td.trying {
  position: relative;
  padding-left: 2rem;
}
.reporting__page .report__table table tr th.trying svg,
.reporting__page .report__table table tr td.trying svg {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  margin-top: -0.5rem;
}
.reporting__page .report__table table tr th.trying svg.left,
.reporting__page .report__table table tr td.trying svg.left {
  right: 0;
  left: 1rem;
}
.reporting__page .report__table table tr th.trying img,
.reporting__page .report__table table tr td.trying img {
  position: absolute;
  top: 0;
  right: 0.1rem;
  margin-top: 5px;
}
.reporting__page .report__table table tr th.trying img:nth-of-type(2),
.reporting__page .report__table table tr td.trying img:nth-of-type(2) {
  right: 2.3rem;
  top: 0;
  margin-top: 5px;
}
.reporting__page .report__table table tr td {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 0.86rem;
}
.reporting__page .report__table table tr td.noBorderSide {
  border-right: none !important;
  border-left: none !important;
}

.reporting__page .report__table table tr.noBorderBottom td {
  border-bottom: none !important;
}

.reporting__page .report__table table tr.noBorderTop td {
  border-top: none !important;
}
.reporting__page .report__table table tr td a {
  color: #007bff;
  text-decoration: none !important;
}
.reporting__page .report__table table tr.small_height th {
  padding: 0.3rem !important;
}
.reporting__page .report__table table.sortTable.dataTable th[class*='sorting']:not(.sorting_disabled) div {
  position: relative;
  display: inline-block;
}
.reporting__page .report__table table.dataTable thead .sorting:before,
.reporting__page .report__table table.dataTable thead .sorting_asc:before,
.reporting__page .report__table table.dataTable thead .sorting_desc:before,
.reporting__page .report__table table.dataTable thead .sorting_asc_disabled:before,
.reporting__page .report__table table.dataTable thead .sorting_desc_disabled:before {
  display: none !important;
}
.reporting__page .report__table table.dataTable thead .sorting:before,
.reporting__page .report__table table.dataTable thead .sorting:after,
.reporting__page .report__table table.dataTable thead .sorting_asc:before,
.reporting__page .report__table table.dataTable thead .sorting_asc:after,
.reporting__page .report__table table.dataTable thead .sorting_desc:before,
.reporting__page .report__table table.dataTable thead .sorting_desc:after,
.reporting__page .report__table table.dataTable thead .sorting_asc_disabled:before,
.reporting__page .report__table table.dataTable thead .sorting_asc_disabled:after,
.reporting__page .report__table table.dataTable thead .sorting_desc_disabled:before,
.reporting__page .report__table table.dataTable thead .sorting_desc_disabled:after {
  display: none !important;
}
.reporting__page .report__table table.sortTable.dataTable th[class*='sorting']:not(.sorting_disabled) div:before,
.reporting__page .report__table table.sortTable.dataTable th[class*='sorting']:not(.sorting_disabled) div:after {
  content: "";
  display: block;
  width: 0.37rem;
  height: 0.37rem;
  border: 1px solid #fff;
  border-width: 0 0.1rem 0.1rem 0;
  -ms-transform: rotate(-135deg);
  transform: rotateZ(-135deg);
  -webkit-transform: rotateZ(-135deg);
  pointer-events: none;
  position: absolute;
  top: 40%;
  right: -7px;
  margin: -0.3rem;
  border-radius: 1px;
}
.reporting__page .report__table table.sortTable.dataTable th[class*='sorting']:not(.sorting_disabled) div:after {
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  top: calc(40% + 10px);
}
.reporting__page .report__table table.sortTable.dataTable thead .sorting div:before,
.reporting__page .report__table table.sortTable.dataTable thead .sorting div:after,
.reporting__page .report__table table.sortTable.dataTable thead .sorting_asc div:before,
.reporting__page .report__table table.sortTable.dataTable thead .sorting_asc div:after,
.reporting__page .report__table table.sortTable.dataTable thead .sorting_desc div:before,
.reporting__page .report__table table.sortTable.dataTable thead .sorting_desc div:after,
.reporting__page .report__table table.sortTable.dataTable thead .sorting_asc_disabled div:before,
.reporting__page .report__table table.sortTable.dataTable thead .sorting_asc_disabled div:after,
.reporting__page .report__table table.sortTable.dataTable thead .sorting_desc_disabled div:before,
.reporting__page .report__table table.sortTable.dataTable thead .sorting_desc_disabled div:after {
  opacity: 0.3;
}
.reporting__page .report__table table.sortTable.dataTable thead .sorting_asc div:before,
.reporting__page .report__table table.sortTable.dataTable thead .sorting_desc div:after {
  opacity: 1;
}
.reporting__page .report__table div.table-responsive.dropdownInput {
  overflow-x: inherit;
}
.reporting__page .report__table div.table-responsive.dropdownInput .dropdown__list {
  position: absolute;
  width: 15rem;
  top: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.reporting__page .report__table div.table-responsive.dropdownInput .dropdown__list_item {
  z-index: 10000;
}
.reporting__page .report__table div.table-responsive > div.dataTables_wrapper {
  /* стилизация внутренних классов плагина dataTable */
}
.reporting__page .report__table div.table-responsive > div.dataTables_wrapper > div.row {
  width: 100%;
}
.reporting__page .report__table div.table-responsive > div.dataTables_wrapper .dataTables_length {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reporting__page .report__table svg.general_icons_sprite {
  fill: #023a63;
  cursor: pointer;
}
.reporting__page .report__table svg.general_icons_sprite:hover {
  fill: red;
}
.reporting__page .report__table svg.general_icons_sprite-task {
  width: 0.79rem;
  height: 0.99rem;
  margin-left: -24px;
}

.first_col_55 {
    min-width: 55px;
}
.reporting__page .report__chart-holder {
  padding: 2rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 245, 230, 0.8)), to(rgba(217, 255, 255, 0.8)));
  background: -webkit-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: -o-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: linear-gradient(to right, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
}
.reporting__page .report__chart-holder .quest_round {
  position: relative;
  border: 0.1rem solid #023a63;
  border-radius: 50%;
  width: 0.6rem;
  height: 0.6rem;
}
.reporting__page .report__chart-holder #quest_chart {
  border-bottom: 0.1rem solid #023a63;
  border-left: 0.1rem solid #023a63;
  min-height: 10.41rem;
  margin-left: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0 6rem;
}
.reporting__page .report__chart-holder #quest_chart .task_column {
  /* display: table-cell; */
  vertical-align: bottom;
  text-align: center;
  width: 1.77rem;
  height: 10.35rem;
  background: green;
  margin: 0 2rem;
  position: relative;
}
.reporting__page .report__chart-holder .task_column .task_percent {
  width: 100%;
  position: absolute;
  top: -1.5rem;
  color: #023a63;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 0.71rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.reporting__page .report__chart-holder .quest_round.right {
  float: right;
  top: -0.4rem;
  right: 0;
  background: #fff;
}
.reporting__page .report__chart-holder #quest_legend {
  width: 100%;
  color: #908C8B;
  border-left: 0.3rem solid transparent;
  height: 1.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-left: 6rem;
}
.reporting__page .report__chart-holder #quest_legend div {
  width: 1.77rem;
  margin: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #023a63;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 0.86rem;
}
.reporting__page .report__chart-holder #quest_legend .last_column {
  margin-left: auto;
}
.reporting__page .input-group {
  width: 25.61rem;
  height: 2.4rem;
}
.reporting__page .library_tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.reporting__page .library_tools svg {
  cursor: pointer;
}
.transform_svg,
.transform_wrap_svg svg {
  transform: scale(-1,1) rotate(180deg) !important;
}
.reporting__page .library_icons {
  height: 1.2rem;
  width: 1.2rem;
  margin: 0.3rem;
}
.reporting__page .library_icons-reset {
  margin-left: 1rem;
}
.reporting__page .library_logo {
  width: 4.5rem;
  margin: 0 auto;
}
.reporting__page .library_logo img {
  width: 100%;
}
.reporting__page .webform-field-upload {
  height: 3rem !important;
}
.reporting__page .webform-field-upload > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #023a63;
  cursor: pointer;
  margin: 0.4rem 0;
  width: 11.15rem;
  min-width: 11.15rem;
  height: 2.44rem;
  text-align: center;
  background: #f8f8f8;
  position: relative;
  color: #023a63;
  font-size: 0.86rem;
  font-family: "Roboto-Regular", sans-serif;
  cursor: pointer;
}
.reporting__page .webform-field-upload:hover > span {
  background: #fbca83;
  border: 1px solid #cc9a56;
  color: #023a63;
}
.reporting__page .webform-field-upload > span:before {
  content: none;
}
.reporting__page .webform-field-upload > span:after {
  background: url(/bitrix/templates/electronic_libraries/images/icon_add.svg) no-repeat center;
  background-position: 0 0;
  background-size: contain;
  margin-left: 8px;
  width: 1.4rem;
  height: 1.4rem;
}
.form_adaptive {
  width: calc(100% - 27rem);
  float: left;
}
.form_adaptive + div {
  clear: both;
}
.report__menu_item.menu__openList {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #99999b;
}
.report__menu_item.menu__openList:after,
.report__list_item:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #24126a;
  border-width: 0 0.1rem 0.1rem 0;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0.9rem;
  margin: -0.3rem;
  border-radius: 0.1rem;
}
.block__content .report__list_item:before {
  width: 0.4rem;
  height: 0.4rem;
  border: 1px solid #2f7bb5;
  border-width: 0 0.1rem 0.1rem 0;
  border-radius: 0;
  margin-top: 7px;
}
.report__list > .report__list_item:before {
  transform: rotate(45deg);
}
.report__menu_item.menu__openList:hover:after {
  border: 1px solid #fff;
  border-width: 0 0.1rem 0.1rem 0;
}
.report__menu_item.menu__openList_item {
  display: none;
}
.report__menu_item.menu__openList_item.show {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 1.5rem;
  background: #d8d6d6;
}
.report__menu_item.menu__openList_item.active,
.report__menu_item.menu__openList_item:hover,
.report__menu_item.menu__openList.up:hover,
.report__menu_item.menu__openList:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#42e8e0), color-stop(40%, #023a63));
  background: -webkit-linear-gradient(#42e8e0, #023a63 40%);
  background: -o-linear-gradient(#42e8e0, #023a63 40%);
  background: linear-gradient(#42e8e0, #023a63 40%);
  color: #fff;
}
.report__menu_item.menu__openList.up {
  color: #023a63;
}
.report__menu_item.menu__openList.up:after,
.report__openList.up:before {
  content: "";
  -webkit-transform: rotateZ(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotateZ(-45deg);
}

.report__list_item{
  position: relative;
  padding-left: 1.5rem;
}

.report__list_item:before {
  right: 100%;
  left: 0.5rem;
  top: 0;
  margin-top: 6px;
  transform: rotateZ(-45deg);
}

.form-control {
  border-radius: 0 !important;
  background-color: #e5e5e5 !important;
  border: 1px solid #023a63 !important;
  font-size: 0.86rem !important;
  color: #023a63 !important;
  width: 100% !important;
  height: calc(2.25rem + 2px);
}
.form-control option {
  width: 100% !important;
  height: calc(2.25rem + 2px);
  cursor: pointer;
  background-color: #fff;
  padding: 0.6rem;
  color: #023a63;
  font-size: 0.86rem;
  border: 1px solid #023a63;
  border-top: none;
}
table.icons_table th,
table.icons_table td {
  border: 1px solid #000;
  padding: 10px;
  vertical-align: middle;
}
table.icons_table th {
  font-weight: 700;
  text-align: center;
  background: #e5e5e5;
}
table.icons_table td:first-child {
  text-align: center;
}
table.icons_table img,
table.icons_table svg {
  width: 1.2rem;
  height: 1.2rem;
}
.datepicker {
  border-radius: 0;
  margin: 0;
  padding: 0.6rem;
  padding-right: 2.5rem;
  cursor: pointer;
  position: relative;
  background-color: #e5e5e5;
  border: 1px solid #023a63;
  color: #023a63;
  font-size: 0.86rem;
}
.datepicker__wrapper {
  position: relative;
  margin-right: 1.31rem;
  margin-bottom: 1rem;
}
.datepicker__wrapper svg.general_icons_sprite {
  position: absolute;
  top: 0.5rem;
  right: 1.5rem;
  width: 1.2rem;
  height: 1.2rem;
  fill: #023a63;
}
.datepicker__wrapper .input-group {
  /* класс input-group скрыт в плагине datepicker */
  min-width: 8.5rem;
  max-width: 11.23rem;
}
.w-40 .datepicker__wrapper .input-group {
    max-width: 100%;
}
span.input-group-append {
  /* данный класс плагина datepicker показывает ненужную иконку календаря */
  display: none;
}
.table tbody + tbody {
  border-top: none !important;
}

.scheduleСalc .scheduleСalc__hours {
  display: flex;
  flex-direction: column;
}
.scheduleСalc .scheduleСalc__hours .scheduleСalc__hours_calculation {
   display: flex;
   align-items: center;
}
.scheduleTable th {
  padding: 5px;
}
.scheduleTable td {
  padding: 5px;
  border: 1px solid #000;
  background: #e5e5e5;
}

.add_string {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
  width: 100%;
  position: relative;
}
.add_string .form-group {
  width: 100%;
}
.add_string .button-table {
    width: 45px;
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.add_string .button-table span {
    width: 1.2rem;
    height: 1.2rem;
}
.add_string svg {
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.add_string .add_string-btns {
  position: absolute;
  top: 0;
  right: -4.5rem;
  width: 4.5rem;
  display: flex;
  align-items: center;
}
.button-table.icon_save_elem {
    width: 270px;
    max-width: 20rem;
    padding: 0 1.2rem 0 0;
    position: relative;
}
.button-table.icon_save_elem img {
    position: absolute;
    right: 0;
}
.button-delete_container svg.general_icons_sprite {
  fill: #023A63;
  cursor: pointer;
}
.button-delete_container svg.general_icons_sprite:hover {
  fill: red;
}
a.edit_this_doc svg.general_icons_sprite,
a.delete_this_doc svg.general_icons_sprite {
  fill: #023A63;
  cursor: pointer;
  width: 1.3rem;
  height: 1.3rem;
}
a.edit_this_doc svg.general_icons_sprite:hover,
a.delete_this_doc svg.general_icons_sprite:hover{
  fill: red;
}
.fancybox-inner {
  padding-bottom: 10px !important;
  min-height: 150px !important;
}
.star {
  background: url(/bitrix/templates/electronic_libraries/images/png/sprite_inner_icons.png);
  background-size: cover;
  background-position: 18px -215px;
  display: inline-block;
  height: 16px;
  width: 47px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  right: 5px;
}

.star.star_footnote {
   position: relative;
}
.profile__table tr {
  border-bottom: 1px solid #fff;
  font-size: 0.84rem;
}
.profile__table tr td {
  background: rgba(207, 233, 248, 0.4);
  padding: 10px 5px;
}
.profile__table tr td:nth-of-type(even) {
  background: #cfe9f8;
  width: 60%;
  padding: 10px;
}

  /* color */
.table-pink {
  background-color: #fae9cd !important;
}
.table-orange {
  background-color: #ffdcab !important;
}
.table-grey {
  background-color: #f8f8f8 !important;
}
.table-white {
  background-color: #fff !important;
}
.table-blue {
  background-color: #d0eaf3 !important;
}


.pl-2rem {
  padding-left: 2rem !important;
}
.pl-6 {
  padding-left: 65px !important;
}


.d-inline-block {
 display: inline-block !important;
}

.w-5rem {
  width: 5rem !important;
}
.w-10rem {
  width: 10rem !important;
}
.w-12rem {
  width: 12rem !important;
}
.w-20rem {
  width: 20rem !important;
}
.w-25rem {
  width: 25rem !important;
}
.w-5 {
  width: 5% !important;
}
.w-10 {
  width: 10% !important;
}
.w-15 {
  width: 15% !important;
}
.w-20 {
  width: 20% !important;
}
.w-25 {
  width: 25% !important;
}
.w-30 {
  width: 30% !important;
}
.w-40 {
  width: 40% !important;
}
.w-60 {
    width: 60% !important;
}
.w-80 {
    width: 80% !important;
}
.w-90 {
  width: 90% !important;
}
.max-w-20rem {
  max-width: 20rem !important;
}
.max-w-30rem {
  max-width: 30rem !important;
}
.max-w-40rem {
  max-width: 40rem !important;
}
.max-w-100 {
  max-width: 100% !important;
}
.min-w-100 {
  min-width: 100% !important;
}
.max-w-sm-55 {
  max-width: 55%;
}
.max-w-sm-33 {
  max-width: 33%;
}
.w-sm-calc3 {
  width: calc(100% / 3);
}
.lh-1_5 {
  line-height: 1.5;
}
.lh-2 {
  line-height: 2;
}
.tal {
  text-align: left !important;
}
.tar {
  text-align: right !important;
}
.bold {
  font-family: "Roboto-Bold", sans-serif !important;
}
.m-0-a {
  margin: 0 auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-075 {
  margin-right: 0.75rem !important;
}
.mr-2rem {
  margin-right: 2rem !important;
}
.noBorder {
  border: none !important;
}
.noBg {
  background: none !important;
}
.bb-fff {
  border-bottom: 2px solid #fff;
}
.color-023a63 {
  color: #023a63 !important;
}
.border_color_2f7bb5 {
  border-color: #2f7bb5 !important;
}
.border {
  border-style: solid !important;
  border-width: 1px !important;
}
.font-italic {
  font-family: "Roboto-Italic", sans-serif !important;
}
.font-regular {
  font-family: "Roboto-Regular", sans-serif !important;
}
.font-bold {
  font-family: "Roboto-Bold", sans-serif !important;
}
.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.input {
  margin: 0;
  padding: 0.6rem;
  padding-right: 2.5rem;
  position: relative;
  background-color: #e5e5e5;
  border: none;
  color: #023a63;
  width: 100%;
  height: 2.44rem;
  font-size: 0.86rem;
  outline: none;
  /* Firefox 19+ */
  /* Firefox 18- */
}
.input.disabled {
  pointer-events: none;
  cursor: no-drop;
  background: #f9f2f2;
}
.input ::-webkit-input-placeholder {
  color: #023a63;
}
.input ::-moz-placeholder {
  color: #023a63;
}
.input :-ms-input-placeholder {
  color: #023a63;
}
.input.disabled ::-webkit-input-placeholder {
  color: #f1e9e9;
}
.input.disabled ::-moz-placeholder {
  color: #f1e9e9;
}
.input.disabled :-ms-input-placeholder {
  color: #f1e9e9;
}
.input_search {
  padding: 0.6rem;
  height: 2.5rem;
  width: 100%;
  border: 1px solid #848484;
  font-size: 0.86rem;
  /* Firefox 19+ */
  /* Firefox 18- */
}
.input_search ::-webkit-input-placeholder {
  color: #848484;
}
.input_search ::-moz-placeholder {
  color: #848484;
}
.input_search :-moz-placeholder {
  color: #848484;
}
.input_search :-ms-input-placeholder {
  color: #848484;
}
.input_small {
  width: 2rem;
  height: 2.25rem;
  color: #023a63;
  border: 1px solid #24126a;
}
.input_medium {
  width: 6rem;
  height: 2.25rem;
  color: #023a63;
  border: 1px solid #24126a;
  text-align: center;
}

.input_wrap div {
  margin: 0;
  padding: 0.6rem;
  background-color: white;
  border: none;
  color: #023a63;
  width: 100%;
  height: 2.44rem;
  font-size: 0.86rem;
}
.input-white {
  background: #fff;
}

.input-border {
  border: 1px solid #24126a;
}

.textarea {
  margin: 0;
  padding: 0.3rem 0.6rem;
  padding-right: 2.5rem;
  background-color: #e5e5e5;
  border: 1px solid #24126a;
  color: #023a63;
  width: 100%;
  outline: none;
}
.textarea.white {
  height: 8rem;
  border: 1px solid #848484;
  color: #848484;
  background: none;
  font-size: 12px;
}
.textarea-string {
   min-height: 1.2rem;
   height: auto;
   padding: 0 0.6rem;
 }
.textarea-string-wide {
  min-height: 2.29rem;
  height: auto;
  padding-top: 0.5rem;
  font-size: 0.86rem;
}
.act_tools {
  display: inline-block;
  width: 1.26rem;
  height: 1.26rem;
  margin: 0 auto;
  cursor: pointer;
}
.act_tools img {
  width: 100%;
  height: auto;
}
.table_datepicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
}
.table_datepicker .input-group {
  width: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.table_datepicker input {
  width: 6rem;
  height: 1.73rem;
}
.table_datepicker img {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}
.captcha__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.captcha__input img {
  border: 1px solid #023a63;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 15px 0 30px;
  height: 2.4rem;
  width: 11.3rem;
}
.captcha__input svg.general_icons_sprite {
  width: 2.4rem;
  height: 2.4rem;
  fill: #023a63;
}

.active-mark {
  background: url(/bitrix/templates/electronic_libraries/images/arrow_active.svg);
  /*background: url(/bitrix/templates/electronic_libraries/images/png/sprite_inner_icons.png);*/
  /*background-size: 58px;*/
  /*background-position: 41px 140px;*/
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 auto;
}
.active-mark-disabled {
  background: url(/bitrix/templates/electronic_libraries/images/arrow_active_dis.svg);
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 auto;
}
.notactive-mark {
  background: url(/bitrix/templates/electronic_libraries/images/arrow_inactive.svg);
  /*background: url(/bitrix/templates/electronic_libraries/images/png/sprite_inner_icons.png);*/
  /*background-size: 46px;*/
  /*background-position: -10px 83px;*/
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 auto;
}
.notactive-mark-disabled {
  background: url(/bitrix/templates/electronic_libraries/images/arrow_inactive_dis.svg);
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 auto;
}

.participantList {
  list-style: none;
  max-height: 230px;
  overflow-y: scroll;
}
.participantList li {
  border: 1px solid #fff;
}
.participantList li:hover {
  background-color: #023a63;
}
.participantList li:hover a {
  color: #fff;
}
.participantList a {
  color: #023a63;
}
.participantList a:hover {
  color: #023a63;
  text-decoration: none;
}
.search_block {
  margin-left: -1rem;
  max-width: 100%;
  position: relative;
}
.search_block .form-search {
  width: 100%;
  position: relative;
}
.search_block button {
  width: 7.8rem;
}
.search_block .search_btn {
  position: absolute;
  right: 7px;
  top: 0px;
  bottom: -2px;
  margin: 0 -0.4rem 0 0;
  width: 2.3rem;
  height: 2.5rem;
  background: url(/bitrix/templates/electronic_libraries/images/search_grey.svg) center no-repeat;
  border: none;
  background-size: 70%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  cursor: pointer;
}
.search_block .search_result {
  display: none;
  background: #e5e5e5;
  padding: 0.5rem;
}
.form-group label {
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.14rem !important;
  color: #023a63 !important;
}

/*
.form-group .dropdown__list > div:first-child {
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.14rem !important;
  color: #023a63 !important;
}
*/
.form-group select,
.form-group input {
  font-family: "Roboto-Medium", sans-serif;
  font-size: 0.86rem !important;
  color: #023a63 !important;
}
.progress {
  border-radius: 0 !important;
  border: 1px solid #023a63;
  background-color: #fff !important;
  overflow: inherit !important;
  margin: 1rem 0 2rem;
}
.progress-bar {
  background-color: #5d819b !important;
  position: relative;
}
.progress-bar:after {
  content: '';
  width: 100%;
  height: 0.1rem;
  background: #5d819b;
  position: absolute;
  bottom: -0.01rem;
  left: 0;
}
.progress-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2rem 0 0;
  font-size: 0.86rem;
}
.progress-info span {
  font-family: "Roboto-Black";
}
.modal-dialog {
    margin: 0 auto !important;
    height: 100% !important;
}
.modal-content {
    border: 1px solid #023a63 !important;
    border-radius: 4.25px !important;
    width: 99% !important;
    max-height: 98%;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: -0.2rem;
}
.content-w-100 {
  width: 100% !important;
}
.modal-addDocument input,
.modal-addDocument textarea {
  min-width: 100%;
  background-color: #e5e5e5;
  border: none !important;
  font-family: "Roboto-Regular", sans-serif !important;
  font-size: 0.86rem !important;
}
.modal-addDocument .dropdown__list {
  max-width: 100%;
}
.modal-dialog-help {
  max-width: 600px !important;
}
.modal-dialog-help .modal-header {
  border-bottom: 1px solid transparent !important;
}
.modal-dialog-help .modal-header .close {
  display: none;
}
.modal-title {
  margin-top: 0rem;
  color: #023a63;
  font-size: 1.14rem;
  font-weight: bold;
}
.modal-title-pict {
  position: relative;
}
.modal-title-pict:before {
  content: '';
  width: 50px;
  height: 50px;
  background: url(/bitrix/templates/electronic_libraries/images/info_orange.svg) no-repeat center;
  position: absolute;
  right: -25px;
  opacity: 0.5;
}
.modal-title-color {
  width: 100%;
  height: auto;
  padding: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 245, 230, 0.8)), to(rgba(217, 255, 255, 0.8)));
  background: -webkit-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: -o-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: linear-gradient(to right, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
}
.modal-header {
  border-bottom: 1px solid transparent !important;
}
.modal-header .close {
  padding: 0 !important;
  width: 1.5rem;
  height: 1.5rem;
  background: #023a63;
  color: #fbca83;
  text-shadow: none;
  opacity: 1;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 0.1rem;
  margin: -1.05rem -1.07rem -1rem auto !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}
.modal-header .close:hover {
  color: #023a63;
  background: #fbca83;
  margin-top: -1rem;
}
.modal-body {
  color: #023a63;
  font-size: 1rem;
  padding: 1rem 1rem 0;
}
.modal-body .modal-100 {
  min-width: 100% !important;
}
.modal-body ul {
  list-style-position: inside;
}
.modal-body .custom-file-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modal-body .bg-modal {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 245, 230, 0.8)), to(rgba(217, 255, 255, 0.8)));
  background: -webkit-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: -o-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: linear-gradient(to right, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  padding: 1rem;
  margin: 0.5rem 0 2rem;
  position: relative;
  overflow: hidden;
}
.modal-body .bg-modal svg.general_icons_sprite {
  position: absolute;
  display: block;
  right: 1rem;
  bottom: -0.7rem;
  width: 4rem;
  height: 4rem;
  opacity: 0.6;
  fill: #fff0d7;
}
.modal-body .bg-modal p {
  line-height: 1.3rem;
}
.modal-body .modal-switchOff,
.modal-header .modal-switchOff {
  position: relative;
}
.modal-body .modal-switchOff svg.general_icons_sprite,
.modal-header .modal-switchOff img.general_icons_sprite {
  position: absolute;
  display: block;
  left: 5rem;
  top: -5rem;
  width: 3rem;
  height: 3rem;
  opacity: 0.6;
  fill: #fff0d7;
}
.modal-header .modal-switchOff img.general_icons_sprite {
  top: 0;
}
.modal-body .modal-switchOff-color svg.general_icons_sprite {
  left: 83%;
  top: -3.5rem;
  width: 4rem;
  height: 4rem;
}
.modal-body .modal-switchOff-color img {
  position: absolute;
  display: block;
  left: 83%;
  top: -3.4rem;
  width: 4rem;
  height: 4rem;
}
.modal-body .modal-import {
  margin-bottom: 2rem;
}
.modal-footer {
  border-top: 1px solid transparent !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 0 !important;
}
.footnote {
  font-size: 0.71rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0 0;
}
.footnote_modal {
    color: #686868;
}
.footnote p {
  font-size: 0.71rem;
}
.footnote span {
  margin-right: 0.3rem;
  margin-top: -0.2rem;
}
.footnote svg {
  width: 0.63rem;
  height: 0.63rem;
  fill: #023a63;
}
.dropdown__list {
  max-width: 100%;
}
.mandatory_field {
  margin-top: 0.4rem;
  margin-right: 3.7rem;
}
.mandatory_field p {
  font-size: 0.71rem;
  color: #686868;
  margin-bottom: 0.5rem;
}
.coursesList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 245, 230, 0.8)), to(rgba(217, 255, 255, 0.8)));
  background: -webkit-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: -o-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: linear-gradient(to right, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  margin: 2rem 15px;
  width: 100%;
}
.coursesList__block {
  width: 100%;
  margin: 1rem 0 5rem;
}
.coursesList__block_img {
  background-color: #f8f8f8;
  width: 18.9rem;
  height: 14.1rem;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
  padding: 1.3rem;
  font-size: 1rem;
  border: 1px solid #023a63;
}
.coursesList__block_img img {
  width: auto;
  height: 100%;
}
.coursesList__block_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 0 0;
  width: 18.9rem;
  margin: 0 auto;
  font-size: 0.71rem;
}
.coursesList__block_title svg.general_icons_sprite {
  width: 1rem;
  height: 1rem;
  fill: #023a63;
}
.coursesList__block:after {
  content: '';
  width: 100%;
  height: 3rem;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.manageCluster_logotype .logo {
  width: 5rem;
  height: 6.5rem;
  background: url(../images/logo_cluster.svg) center no-repeat;
  background-size: contain;
}
.manageCluster_load p {
  font-size: 0.71rem;
}
.manageCluster_load .button {
  margin-left: 0;
  width: 8.8rem;
  padding: 0;
}
.manageCluster_load .button svg.general_icons_sprite {
  width: 1rem;
  height: 1rem;
  fill: #023a63;
}
.manageCluster_loadedFile p,
.manageCluster_loadedFile span {
  font-size: 0.71rem;
}
.manageCluster_loadedFile svg {
    fill: #24126a;
    float: right;
    cursor: pointer;
}
.manageCluster_loadedFile svg:hover {
    fill: red;
}
.profile_load .userpic {
  border: 1px solid #2f7bb5;
  width: 151px;
  margin-left: -1px;
}
.profile_load .userpic .btn {
  color: #023a63;
  font-size: 0.86rem;
  border-radius: 0;
  border: 1px solid #2f7bb5;
  background: #f8f8f8;
  bottom: -1px;
  left: -1px;
  right: -1px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: 31px;
}
.profile_load .fake-fancybox-close {
  background-position: -1px 0px;
}
.competenceProducts {
  margin: 3rem 0;
}
.competenceProducts p {
  font-size: 1rem;
}
.competenceProducts p:first-child {
  font-size: 1.14rem;
  font-family: "Roboto-Medium", sans-serif;
}
.nav-tabs {
  border-bottom: 1px solid #023a63;
}
.nav-tabs .nav-link {
  background: #fbca83;
  color: #023a63;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom: 1px solid #023a63;
  border-left: 1px solid #fff;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 0.86rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.nav-tabs .nav-link.active {
  color: #023a63 !important;
  border: 1px solid #023a63;
  border-bottom: 1px solid transparent;
}
.nav.nav-tabs .nav-link.disabled {
  margin-left: 1px;
  cursor: not-allowed;
}
.password_generation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.password_generation button {
  margin: 0 0 2rem;
  height: 2.4rem;
  color: #023a63;
  width: auto;
  min-width: 8rem;
  margin-left: 1.4rem;
}
.calendar th {
  width: 14.3%;
}
.calendar td {
  background-color: #e5e5e5;
  text-align: left !important;
  font-family: "Roboto-Bold", sans-serif !important;
}
.calendar__month span {
  font-size: 2.7rem;
  color: #ffdeb0;
  font-family: "Roboto-Black", sans-serif;
}
.calendar__date_otherMonth {
  background-color: #848484 !important;
}
.calendar__date_weekend {
  background-color: #fbca83 !important;
}
.calendar__date_event {
  background-color: #fff0d7 !important;
}
.calendar__date_event a {
  color: #023a63 !important;
}
.calendar__date_event svg.general_icons_sprite {
  width: 1.5rem;
  height: 1.5rem;
}
.calendar__date_event svg.general_icons_sprite:hover {
  fill: #023a63 !important;
}
.custom-file {
  margin-bottom: 2rem;
}
.custom-file-label {
  border: 1px solid #24126a;
  color: #24126a;
  border-radius: 0;
}
.custom-file-label:after {
  /* класс bootstrap, добавляющий label в строку поиска */
  content: none !important;
}
.counter {
  width: 2rem;
  position: relative;
}
.counter_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.counter .up,
.counter .down {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #023a63;
  border-width: 0 0.1rem 0.1rem 0;
  -ms-transform: rotate(-135deg);
  transform: rotateZ(-135deg);
  -webkit-transform: rotateZ(-135deg);
  position: absolute;
  top: 30%;
  right: 1rem;
  margin: -0.3rem;
  cursor: pointer;
}
.counter .down {
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
  top: 70%;
}

.lb-popup {
  min-width: 600px;
}
.lb-popup-alert {
  padding: 9px;
  margin-bottom: -10px;
  margin-top: -10px;/*for delete scroll yandex browser*/
  transform: translateY(10px);/*for delete scroll yandex browser*/
  display: flex;
  flex-direction: column;
  border: 1px solid #023a63;
  min-height: 150px;
  min-width: 400px;
  justify-content: space-around;
}
.lb-popup-alert .popup__text {
  margin: 0 10px;
  font-size: 1rem;
  font-family: "Roboto-Regular";
}
.tabs_data {
  width: 100%;
}
.tabs_data .detail_tab ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: -10px;
  margin-right: -10px;
}
.tabs_data .detail_tab ul li {
  margin: 10px !important;
  width: 48% !important;
  padding: 1rem 0 !important;
  border: none !important;
}
.tabs_data.course__block_wrapper ul li {
  padding: 1rem !important;
}
.reporting__page .report__chart-holder .task_column span.task_column-res,
.reporting__page .report__chart-holder .task_column .task {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 80px;
  height: 38px;
  line-height: 1.2;
  border: none !important;
}
/*.reporting__page .report__table table tr.clickable.collapsed td.open:before,*/
.reporting__page .report__table table tr td.open.act_right:before {
  transform: rotate(-45deg);
}

/*аккордеон */
.accordion__header_title {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px;
  background: none;
}
.accordion__header_title,
.accordion__header_title[aria-expanded="false"] {
  background: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.accordion__header_title[aria-expanded="true"] {
  background: none;
}
.accordion__header.active .accordion__header_title {
  background: none;
}
.accordion__header_title:hover {
  background: #c8c5c5;
}
.accordion__body {
  flex: 1 1 auto;
  padding: 1.25rem;
}
.accordion__header {
  background: transparent;
  border-bottom: none;
}
.accordion__header:hover {
  background: transparent;
}

.open_arrow, .js-open-arrow-parent {
    position: relative;
}

.open_arrow:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  background-image: url('../images/menu.svg');
  background-position: 0 0;
  transform: translateY(-50%) rotate(-90deg);
  margin-top: 5px;
}

.open_arrow:before {
  right: 18px;
}

.open_arrow:before, .js-open-arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('../images/menu.svg');
  background-position: 0 0;
  transform: translateY(-50%) rotate(-90deg);
  margin-top: 5px;
  cursor: pointer;
}

.open_arrow.active:before,
.js-open-arrow.active {
  transform: translateY(-50%);
  transition: transform 0.3s;
}

.js-open-arrow.active-2:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 7px;
  right: 0;
  background-image: url('../images/menu.svg');
  background-position: 0 0;
  transform: translateY(-10%);
  transition: transform 0.3s;
}

thead .js-open-arrow {
  position: absolute;
  bottom: 1px;
  left: 5px;
  background-image: url('../images/menu1-white.svg');
}

thead .js-open-arrow.active-2:after {
  background-image: url('../images/menu1-white.svg');
}

/*
.js-open-arrow-title {
  width: 16px;
  height: 16px;
}

.js-open-arrow-title:after {
  display:none;
  content: "Показать строки для следующего уровня";
  width: 300px;
  position: relative;
  top: -20px;
  right: -30px;
  border: 1px solid black;
  border-radius: 2px;
  padding: 2px;
  background-color: white;
  text-align: center;

  transform: translate(-50%,700%) rotate(+90deg); / * fixme: a dirty hack to revert transform in parent * /
}

.js-open-arrow.active .js-open-arrow-title:after {
  content: "Показать строки для всех вложенных уровней";
  transform: unset;
}

.js-open-arrow.active.active-2 .js-open-arrow-title:after {
  content: "Скрыть строки для вложенных уровней";
  transform: unset;
}

.js-open-arrow:hover .js-open-arrow-title:after{
  display: block;
}
*/

.file-input .webform-field-upload,
.cover_file.show_info .webform-field-upload {
  margin-left: 0;
}

.table__list {
    list-style: none;
}
.table__list li {
    padding: 0.7rem 1rem;
    background: #e5e5e5;
    border: 1px solid #444;
}
.table__list li:not(:last-child) {
    border-bottom: none;
}

.block-filters {
  padding-left: 15px;
  padding-right: 15px;
  width: 380px;
  min-width: 380px;
  max-width: 380px;
  flex-grow: 1;
}

.form-filter-items .field-search {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.form-filter-items .field-search input {
  width: calc(100% - 2.44rem);
  margin: 0;
  padding: 0.45rem;
  /*padding-right: 2.5rem;*/
  background-color: #fff;
  height: 2.44rem;
  font-size: 0.86rem;
  border-top: 0.06rem solid #023a63;
  border-right: none;
  border-left: 0.06rem solid #023a63;
  border-bottom: 0.06rem solid #023a63;
  border-radius: 0;
}

.form-filter-items .field-search button {
  display: inline-block;
  vertical-align: middle;
  height: 2.44rem;
  width: 2.44rem;
  background-color: #fff;
  cursor: pointer;
  border-top: 0.06rem solid #023a63;
  border-right: 0.06rem solid #023a63;
  border-left: none;
  border-bottom: 0.06rem solid #023a63;
}

.form-filter-items .field-search button:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/icon-search.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1rem 1rem;
}

.form-filter-items .filters-checkbox {
  display: inline-block;
}

.form-filter-items .filters-checkbox:not(last-child) {
  margin-right: 1rem;
}

.form-filter-items .filters-checkbox input {
  display: none;
}

.form-filter-items .filters-checkbox .checked-box {
  margin-right: .5rem;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  border: 1px solid;
  display: inline-block;
  position: relative;
  background-color: #ceeaf9;
  cursor: pointer; }

.form-filter-items .filters-checkbox input[type="checkbox"]:checked + label .checked-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  font-weight: bold;
  background-image: url("../images/png/icon-checkbox.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 9px 7px;
}

.form-filter-items .title-filter {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: .5rem;
}

.form-filter-items .group-filters {
  background-color: #f5f5f3;
  padding: 1rem .5rem;
}

.form-filter-items .filter-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}

.form-filter-items .filter-btn-group .button {
  width: 125px;
}


.form-filter-items .dropdown__list {
  margin-bottom: 1rem;
}

.dropdown__list_field-search {
  width: 100%;
  background-color: #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

/*.search_body {*/
/*height: 400px;*/
/*overflow-y: auto;*/
/*border: 1px solid #023a63;*/
/*}*/
.dropdown__list .search_body {
  max-height: 400px;
  height: auto;
  overflow-y: auto;
  /*border: 1px solid #023a63;*/
}

.dropdown__list_field-search .search_title {
  width: calc(100% - 2.44rem);
  margin: 0;
  padding: 0.45rem;
  height: 2.44rem;
  background-color: #e5e5e5;
  border-top: 0.06rem solid #023a63;
  border-right: none;
  border-left: 0.06rem solid #023a63;
  border-bottom: 0.06rem solid #023a63;
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  /*-webkit-box-align: center;*/
  /*-ms-flex-align: center;*/
  /*align-items: center;*/
  font-size: 0.86rem;
}
.dropdown__list_field-search .up_body {
  display: block;
  width: 2.44rem;
  height: 2.44rem;
  cursor: pointer;
  position: relative;
  background-color: #e5e5e5;
  border-top: 0.06rem solid #023a63;
  border-right: 0.06rem solid #023a63;
  border-left: none;
  border-bottom: 0.06rem solid #023a63;
}

.dropdown__list_field-search .up_body:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../images/icon-search.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1rem 1rem;
}

.dropdown__list_field-search .up_body.close:before {
  background-image: url("../images/icon_up.svg");
  background-size: 0.7857rem 0.7857rem;
}

.dropdown__list_field-search .delete_search {
  display: block;
  width: 2.44rem;
  height: 2.44rem;
  cursor: pointer;
  position: relative;
  background-color: #e5e5e5;
  border-top: 0.06rem solid #023a63;
  border-left: none;
  border-bottom: 0.06rem solid #023a63;
  padding: 0.4em;
}

.search_title {
  display: inline-block !important;
}

.block-filters_result {
  /*width: calc(100% - 420px);*/
  min-width: 53rem;
  padding-right: 15px;
  flex-grow: 2;
}

.filter_results-list {
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  display: grid !important;
  grid-gap: 2rem;
  grid-template-columns: 1fr;
  /*justify-content: space-between;*/
  /*flex-flow: row wrap;*/
}

.filter_result-item {
  min-width: 18rem;
  max-width: 24rem;
  margin: 1rem 1rem 1rem 0;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  border: 1px solid #2f7bb5;
  width: calc(100% / 4 - 1rem);
  /*flex-basis: calc(100% / 4 - 2rem);*/
}

.filter_result-item:not(:nth-child(3n)) {
  margin-right: 1rem;
}

.filter_result-item img {
  width: auto;
  height: 185px;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

.img_item-result {
  /*height: 185px;*/
  width: 100%;
  /*height: 100%;*/
  /*height: auto;*/
  flex: 0 0 auto;
}
.img_item-result img {
  width: 100%;
  height: 100%;
  max-height: 185px;
  object-fit: cover;
}

.desc_item-result {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.title_item-result {
  color: #113148;
  font-size: 1.1429rem;
  /*text-transform: uppercase;*/
  font-weight: bold;
  line-height: 1.2;
  /*min-height: 60px;*/
  height: 60px; /* согласно ТЗ - фиксированаая высота блока, из расчета 90 символов. */
  overflow: hidden;
  margin-bottom: 1rem;
}

.desc-training_item-result {
  height: 3.5rem;
  margin-top: auto;
  color: #6a6b6b;
  position: relative;
  padding-top: 1rem;
  font-size: .75rem;
}

.desc-training_item-result:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  border-top: 1px solid #2f7bb5;
}

.type-training_item-result {
  font-weight: bold;
}

.wrap-marker {
  padding-right: 95px;
}

.marker__deep-blue {
  background-color: #2f7bb5;
  padding: 4px;
  color: #fff;
  text-align: center;
  width: 90px;
}

.data_item-result {
  flex: 0 0 auto;
  height: 48px;
  margin-top: auto;
  -webkit-box-shadow: 0 0 0 1px #2f7bb5;
  -moz-box-shadow: 0 0 0 1px #2f7bb5;
  -ms-box-shadow: 0 0 0 1px #2f7bb5;
  box-shadow: 0 0 0 1px #2f7bb5;
  background-color: #fff;
  font-size: 0;
  border-top: 1px solid #2f7bb5;
}

.abstract_wrap,
.type_item-result,
.number-hours_item-result{
  display: inline-block;
  font-size: 0.8571rem;
  vertical-align: middle;
  color: #2f7bb5;
}

.type_item-result {
  width: 30%;
  height: 100%;
  padding: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.number-hours_wrap {
  width: 35%;
  display: inline-block;
  height: 100%;
  filter: drop-shadow(-1px 0px 0px rgb(47, 123, 181));
  /*margin-left: auto;*/
}

.abstract_wrap {
  width: 35%;
  display: inline-block;
  height: 100%;
  /*flex-grow: 1;*/
  filter: drop-shadow(0.13rem 0px 0px rgb(47, 123, 181));
}

.abstract_item-result,
.number-hours_item-result {
  /*background: linear-gradient(113deg, #fff 0%, #fff 18%, #2f7bb5 18%, #2f7bb5 19%, #ceeaf9 19%, #ceeaf9 100%);*/
  background: #ceeaf9;
  clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
  height: 100%;
  width: 100%;
  /*padding: .5rem .5rem .5rem 4.2857rem;*/
  padding: 0.5rem;
  padding-top: 0.3rem;
  padding-left: 40%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.abstract_item-result {
  background: #fff;
  clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%);
  font-size: 1rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
}

.number-hours_item-result:before {
  content: '';
  position: absolute;
  left: 16%;
  top: 46%;
  margin-top: -10px;
  height: 20px;
  width: 20px;
  background-image: url("../images/png/icon-hours.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.value-hours_item-result {
  display: block;
  font-size: 1.1429rem;
  font-weight: bold;
  line-height: 1;
}


/******************* Регистрация *****************/
.registration-choice {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.registration-choice-block {
  display: flex;
  flex-direction: column;
  /*border: 3px solid #6A6A6A;*/
  /*margin-top: 20px;*/
  padding: 20px;
  color: #113148;
  text-decoration: none;
  margin-left: 10px;
  margin-right: 10px;
  width: 340px;
  position: relative;
}

.registration-choice-block:not(:last-child):after {
  content: '';
  position: absolute;
  bottom: 80px;
  right: 0;
  width: 2px;
  height: 60%;
  background: grey;
}

.registration-choice-block:not(:last-child) {
  margin-right: 20px;
}

.registration-choice-block:hover {
  color: inherit;
  text-decoration: none;
  /*border: 3px solid #023a63;*/
}

.img-registration-organisation,
.img-registration-user,
.img-registration-educational,
.img-registration-ip {
  width: 120px;
  height: 150px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

/*.img-registration-organisation img,*/
/*.img-registration-user img {*/
/*  width: 120px;*/
/*  height: 150px;*/
/*}*/

.img-registration-educational {
  background-image: url("../images/registration_educational_hover.svg");
}
.img-registration-organisation {
  background-image: url("../images/registration_organisation.svg");
}
.img-registration-ip {
  background-image: url("../images/registration_ip.svg");
}
/*.registration-choice-block:hover .img-registration-organisation {*/
  /*background-image: url("../images/registration_educational_hover.svg");*/
/*}*/

.img-registration-user {
  background-image: url("../images/registration_user_hover.svg");
}

/*.registration-choice-block:hover .img-registration-user {*/
  /*background-image: url("../images/registration_user_hover.svg");*/
/*}*/

.registration-choice-block h3 {
  font-size: 19px !important;
  margin: 10px 0;
  color: #113148;
}

.registration-choice-block p {
  color: #2f7bb5;
  font-size: 0.86rem;
  line-height: 1.2;
}
.registration-choice-block .center {
  text-align: center;
  height: 19rem;
}
.registration-choice-block li {
  margin-left: 15px;
}

.registration_block-entrance {
  margin-top: 20px;
  border-top: 5px solid #023a63;
  text-align: center;
  padding: 1rem;
}

.block_it {
  max-width: 640px;
  margin-bottom: 1rem;
 }

.mark-required {
  color: red !important;
}

.captcha-code {
  width: 180px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: .4rem;
}

.captcha-code img {
  border: 1px solid lightgray;
  height: 40px;
  width: 180px;
}

.button.btn-refresh-code {
  vertical-align: middle;
  position: relative;
  height: 42px;
  width: 42px;
  min-width: 42px;
  margin-top: 0;
  border: none;
  background-color: #fff;
}

.btn-refresh-code:before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -.9rem;
  left: 50%;
  margin-left: -.9rem;
  background-image: url("../images/png/reload_copp.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: 1.4rem 1.6rem;
  -moz-background-size: 1.4rem 1.6rem;
  -ms-background-size: 1.4rem 1.6rem;
  background-size: 1.4rem 1.6rem;
  height: 1.8rem;
  width: 1.8rem;
 }

.btn-link {
  display: block;
  width: 10rem;
  border: 0.06rem solid #fff;
  padding: 1rem 1rem 1rem 4rem;
  position: relative;
  font-weight: bold;
  color: #fff;
  font-size: 1.1429rem;
  line-height: 1;
  margin-bottom: 1rem;
}

.btn-link:hover {
  color: #fff;
  text-decoration: none;
}

.btn-link:before {
  content: '';
  position: absolute;
  left: .7rem;
  top: 50%;
  margin-top: -.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
}

.btn-link.btn-polls:before {
  background-image: url("../images/icon-polls.svg");
}

.btn-link.btn-catalog:before {
  background-image: url("../images/icon-catalog.svg");
}

.btn-link.btn-copp-site:before,
.btn-link.btn-site-link:before {
  background-image: url("../images/icon-website.svg");
  width: 2.1rem;
  height: 2.1rem;
  margin-top: -1.1rem;
  left: .5rem;
}

.btn-link:after {
  content: '';
  position: absolute;
  top: .5rem;
  bottom: .5rem;
  left: 3rem;
  width: 0;
  border-right: 0.06rem solid #fff;
}

.block__information {
  padding: 20px;
  background: #fff;
  margin-bottom: 20px;
  color: #023a63;
}
.block__information table {
  width: 49%;
}
.block__theme {
    color: #6a6b6b;
    margin: 15px 0;
    border-bottom: 1px solid rgba(47, 123, 181, 0.6);
    padding-bottom: 20px;
    min-width: 30%;
}
.block__annotation {
  margin: 20px 0;
}
.block__theme h3 {
    color: #6a6b6b !important;
}

.block__annotation_text {
  background: rgba(255, 192, 203, 0.4);
  padding: 10px;
  color: #023a63;
}
.block__annotation_text p {
  line-height: 1.5;
}
.block__annotation_text ul,
.block__annotation_text ol {
  list-style-position: inside;
}
  /*.block__information {*/
    /*background: url(/bitrix/templates/electronic_libraries/images/icon_search_world.svg) top 50% right 0% no-repeat,*/
    /*url(/bitrix/templates/electronic_libraries/images/icon_people.svg) top 50% left 34% no-repeat, #ceeaf9;*/
    /*background-size: 10rem 10rem;*/
/*}*/
.block__information table:first-child {
  background: url(/bitrix/templates/electronic_libraries/images/icon_people.svg) top 50% right 5% no-repeat, #ceeaf9;
  background-size: 10rem;
}
.block__information table:last-child {
  background: url(/bitrix/templates/electronic_libraries/images/icon_search_world.svg) top 50% right 5% no-repeat, #ceeaf9;
  background-size: 10rem;
}
.block__information table td {
  vertical-align: middle;
  padding: 10px 20px;
  border: none;
}

.block__information table tr > td:nth-of-type(odd) {
  font-weight: bold;
}

.block__information table.activity_new_table tbody tr td:first-child {
  max-width: 50%;
}

.min-w-50 {
  min-width: 50% !important;
}

.block__picture {
  width: 100%;
  max-height: 220px;
  height: auto;
}

.block__picture + .button {
  top: 0;
  left: 0;
  padding: 10px 20px 10px 6px;
}

.block__picture img {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 220px;
}

.color-darkBlue {
  color: #023a63 !important;
}

.filter_switch,
.extra_filter {
  display: none;
}

.filter_switch.active,
.extra_filter.active {
  display: flex;
}

.filter_sortlist {
  list-style: none;
  display: flex;
  align-items: center;
}

.filter_sortlist li {
  padding: 0 15px;
  border-left: 1px solid #6a6b6b;
}

.filter_sortlist a {
  text-decoration: none;
  color: inherit;
}

.filter_sortlist li.active a {
  color: #56abeb;
}

.filter_sortlist li:last-child {
  border-right: 1px solid #6a6b6b;
}

.bg-fff {
  background: #fff !important;
}

.list__icon_check li{
  list-style: none;
  position: relative;
}
.list__icon_check li:before {
  content: url(/bitrix/templates/electronic_libraries/images/icon_up.svg);
  position: absolute;
  top: 6px;
  left: -10px;
  width: 10px;
  height: 10px;
  transform: rotate(90deg);
}

.cubes {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  min-height: 10px;
  text-align: center;
}
.cube_wrapper {
  display: inline-block;
  vertical-align: top;
  width: 18.9% !important;
  min-width: 157px;
  margin-bottom: 8px;
  margin-right: 8px;
  cursor: pointer;
}
.cube_wrapper:hover {
  text-decoration: none;
  color: inherit;
}
.cube {
  border-radius: 3px;
  /*margin-right: 8px;*/
  border: 1px solid #EEEEEE;
  border-bottom: 3px solid #EEEEEE;
  background-color: #fafafa;
  height: 168px;
  -webkit-transition: all ease 0.15s;
  transition: all ease 0.15s;
  position: relative;
}
.cube_wrapper.disabled .cube {
    /*background: #dfdcdc;*/
}
.cube_wrapper.disabled .cube .cube_pict img {
    /*background-color: #bebdbd !important;*/
}
.cube_wrapper .cube .cube_calc {
  position: absolute;
  width: 3rem;
  height: 2rem;
  top: 15px;
  left: 0;
  background: #8c8c8c;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cube_wrapper .cube .cube_calc.cube_calc_toggle {
  display: none;
}
.cube_wrapper .cube .cube_calc.active.cube_calc_toggle {
  display: flex;
}
.cube_wrapper.disabled .cube .cube_calc {
  display: none;
}
.cube .cube_pict {
  display: block;
  width: 80%;
  height: 68%;
  text-align: center;
  padding: 15px 20px 8px 20px;
  margin: 0 auto;
}
.cube .cube_pict img {
  width: 6rem;
  height: 6rem;
  display: block;
  margin: 0 auto;
  padding: 10px;
}
.cube .cube_title {
  width: 100%;
  height: 25%;
  text-align: center;
  padding: 0 12px;
  overflow: hidden;
}
.cube p {
  color: #000;
  font-size: 14px;
}
.cube.active {
  background-color: #3c94ba;
}
.cube.active, .cube:hover {
  transform: scale(1.05,1.05);
  -webkit-transform: scale(1.05,1.05);
}
.cube:hover {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  z-index: 9999;
  border-bottom: none;
}
.cube:hover .cube_pict img {
  box-shadow: 0 0 20px #fff;
  border: 2px solid #fff;
}
.cube.active .cube_title, .cube:hover .cube_title {
  overflow: visible;
  position: relative;
  background-color: inherit;
  padding-bottom: 12px;
  height: auto;
}
.cube:hover .cube_title{
  overflow: visible;
  position: relative;
  height: auto;
  background-color: inherit;
  padding-bottom: 12px;
  border-radius: 0 0 3px 3px;
}
.cube.active p, .cube:hover p {
  color: #fff;
}

.activity_new__wrap {
  width: 100%;
  margin-bottom: 3rem;
  margin-top: 1rem;
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
}

.activity_new__wrap section.block__order {
  display: flex;
  flex-direction: column;
  border: 1px solid #2f7bb5;
  margin: 1rem 1rem 1rem 0;
  background-color: #fff;
  width: 100%;
  max-width: initial;
  min-width: 18rem;
}

.activity_new__wrap section.block__order .block__order_image {
  height: 200px;
  min-height: 100%;
  overflow: hidden;
}

.line-top {
  position: relative;
  padding-top: 1rem;
}

.line-top:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  border-top: 1px solid #2f7bb5;
}

.block__order {
  border: 1px solid #2f7bb5;
  display: inline-block;
  min-width: 100%;
  position: relative;
}
.block__order.mobile_version {
  display: none;
}
.block__order .block__order_header,
.block__order .block__order_content {
  font-size: 1rem;
  background: #f5f5f3;
  padding: 10px 7px 0 7px;
  font-weight: 700;
}
.block__order .block__order_content {
  background: none;
  padding: 10px 7px 14px;
}
.block__order .block__order_content p {
  font-size: 1rem;
  color: #023a63;
  line-height: 1.3;
  font-weight: 400;
}
.block__order .block__order_header span,
.block__order .block__order_content span {
  font-weight: 100;
  color: #6a6b6b;
}
.block__order .block__order_basket {
  position: absolute;
  bottom: 7px;
  right: 7px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.block__order_screen {
  height: 23px;
  position: relative;
}

.block__order_screen:before {
  content: '';
  width: calc(100% - 140px);
  height: 2px;
  background: #2f7bb5;
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
}

.block__order_screen:after {
  content: 'Показать все';
  min-width: 120px;
  background: url(/bitrix/templates/electronic_libraries/images/icon_down.svg) 100% 50% no-repeat;
  background-size: 14px;
  position: absolute;
  right: 0;
  cursor: pointer;
}
.block__order_screen.hide:after {
  content: 'Свернуть';
  min-width: 120px;
  background: url(/bitrix/templates/electronic_libraries/images/icon_up.svg) 100% 50% no-repeat;
  background-size: 14px;
  position: absolute;
  right: 0;
  cursor: pointer;
  padding-left: 27px;
}
.negMargin {
  margin-left: -15px;
  margin-right: -15px;
}

.fw-p-700 p {
  font-weight: 700 !important;
}

.right-0 {
  right: 0 !important;
}

.w-5rem {
  width: 5rem !important;
}
.w-10rem {
  width: 10rem !important;
}
.w-15rem {
  width: 15rem !important;
}
.w-20rem {
  width: 20rem !important;
}
.w-25rem {
  width: 25rem !important;
}
.w-30rem {
  width: 30rem !important;
}
.w-35rem {
  width: 35rem !important;
}
.w-40rem {
  width: 40rem !important;
}
.w-45rem {
  width: 45rem !important;
}
.w-50rem {
  width: 50rem !important;
}
.w-5 {
  width: 5% !important;
}
.w-10 {
  width: 10% !important;
}
.w-15 {
  width: 15% !important;
}
.w-20 {
  width: 20% !important;
}
.w-25 {
  width: 25% !important;
}
.w-30 {
  width: 30% !important;
}
.w-35 {
  width: 35% !important;
}
.w-40 {
  width: 40% !important;
}
.w-45 {
  width: 45% !important;
}
.w-55 {
  width: 55% !important;
}
.w-60 {
  width: 60% !important;
}
.w-65 {
  width: 65% !important;
}
.w-70 {
  width: 70% !important;
}
.w-75 {
  width: 75% !important;
}
.w-80 {
  width: 80% !important;
}
.w-85 {
  width: 85% !important;
}
.w-90 {
  width: 90% !important;
}
.w-95 {
  width: 95% !important;
}


/*это стили для базовых элементов шаблона electronic_libraries*/
/*html-файл с базовыми элементами - /public_html/elearning_restyling/root/BASE_COMPONENT.html*/
/* start */
#electronic_libraries_template_css .button {
  border: 1px solid #023a63;
  cursor: pointer;
  margin: 0.4rem;
  width: auto;
  min-width: 8rem;
  max-width: 28rem;
  height: 2.44rem;
  text-align: center;
  background: #f8f8f8;
  position: relative;
  color: #023a63;
  font-size: 0.86rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2;
  padding: 0 10px;
}
#electronic_libraries_template_css .button:hover,
#electronic_libraries_template_css .button.active {
  background: #fbca83;
  border: 1px solid #cc9a56;
  color: #023a63;
}
svg.disabled {
  background: none !important;
}
#electronic_libraries_template_css .disabled_svg,
.disabled_svg {
  background: none !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}
#electronic_libraries_template_css .disabled_svg svg,
.disabled_svg {
  fill: #848484 !important;
}
#electronic_libraries_template_css .disabled-alert svg,
.disabled-alert svg {
  fill: #848484 !important;
  cursor: default !important;
}
#electronic_libraries_template_css svg.disabled-icon-svg,
svg.disabled-icon-svg {
  fill: #848484 !important;
  cursor: default !important;
}
#electronic_libraries_template_css button:focus {
  outline: none;
}
#electronic_libraries_template_css .button.disabled,
#electronic_libraries_template_css .button.disabled:hover {
  background: #e5e5e5;
  color: #848484;
  border: 1px solid #848484;
  cursor: not-allowed;
}
#electronic_libraries_template_css .button-orange {
  border: 1px solid #cc9a56;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 35, 0.84)), color-stop(70%, #fbca83));
  background: -webkit-linear-gradient(rgba(255, 255, 35, 0.84), #fbca83 70%);
  background: -o-linear-gradient(rgba(255, 255, 35, 0.84), #fbca83 70%);
  background: linear-gradient(rgba(255, 255, 35, 0.84), #fbca83 70%);
}
#electronic_libraries_template_css .button__add svg {
  margin-left: 0.5rem;
  fill: #023a63;
}
#electronic_libraries_template_css .button__help {
  font-size: 1.43rem;
  width: 2.5rem;
  min-width: auto;
}
/*#electronic_libraries_template_css .button__order_wrapper {*/
  /*filter: drop-shadow(-6px 5px 1px rgb(255, 255, 255));*/
  /*margin-top: -6px;*/
/*}*/
#electronic_libraries_template_css .button__order {
  color: #2f7bb5;
  border: none;
}
/*#electronic_libraries_template_css .button__order:before,*/
/*#electronic_libraries_template_css .button__order:after {*/
  /*content: '';*/
  /*position: absolute;*/
  /*bottom: -1px;*/
  /*left: 0px;*/
  /*height: 8px;*/
  /*width: 100%;*/
  /*display: block;*/
  /*background: #fff;*/
/*}*/
/*#electronic_libraries_template_css .button__order:before {*/
  /*top: 0;*/
  /*height: 100%;*/
  /*width: 7px;*/
/*}*/
#electronic_libraries_template_css .button__order:hover {
  border: none;
}
#electronic_libraries_template_css .button__order_orange {
  width: 120px;
  min-height: 38px;
  padding-right: 20px;
  padding-top: 7px;
  background: linear-gradient(to bottom, #ffff56, #ffd37d);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%);
}
#electronic_libraries_template_css .button__order_orange-leftSlash,
.button__order_orange-leftSlash {
  width: 120px;
  min-height: 38px;
  padding-left: 20px;
  padding-top: 7px;
  border: none;
  background: linear-gradient(to bottom, #ffff56, #ffd37d);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 15% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 15% 100%);
  z-index: 100;
}
#electronic_libraries_template_css .border-outline-btn {
  width: 121px;
  padding-left: 1px;
  padding-bottom: 1px;
  min-height: 39px;
  background: #2f7bb5;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);
}
#electronic_libraries_template_css .button__order_blue {
  width: 120px;
  min-height: 38px;
  padding-left: 20px;
  padding-top: 7px;
  background: #ceeaf9;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);
  cursor: default;
}
#electronic_libraries_template_css .button__order_blue:hover,
#electronic_libraries_template_css .button__order_blue.active {
  background: #ceeaf9;
  color: #2f7bb5;
}
#electronic_libraries_template_css .button__order_basket,
#electronic_libraries_template_css .button__order_add {
  top: 0px;
  right: 0px;
  width: 5rem;
  min-width: 5rem;
  min-height: 38px;
  background: url(/bitrix/templates/electronic_libraries/images/basket_blue.svg) no-repeat 55% 50%, linear-gradient(to bottom, #ffff56, #ffd37d);
  background-size: 20px;
  -webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
}
#electronic_libraries_template_css .button__order_add {
  background: linear-gradient(to bottom, #ffff56, #ffd37d);
  width: 120px;
  min-width: 120px;
  padding-left: 1rem;
}
#electronic_libraries_template_css .button__order_basket:hover {
   background: url(/bitrix/templates/electronic_libraries/images/basket_white.svg) no-repeat 55% 50%, linear-gradient(to bottom, rgba(61, 132, 185, 1) 0%, rgba(18, 51, 76, 1) 38%) !important;
   background-size: 20px !important;
 }
#electronic_libraries_template_css .button__order_basket.active {
  background: url(/bitrix/templates/electronic_libraries/images/icon_delete_white.svg) no-repeat 55% 50%, linear-gradient(to bottom, rgba(61, 132, 185, 1) 0%, rgba(18, 51, 76, 1) 38%) !important;
  background-size: 21px !important;
  border: none;
}
#electronic_libraries_template_css .button__order_add.active {
  background: linear-gradient(to bottom, rgba(61, 132, 185, 1) 0%, rgba(18, 51, 76, 1) 38%) !important;
  color: #fff !important;
  border: 1px solid #023a63;
}
#electronic_libraries_template_css .button__order_add.active:hover {
  background: #517591 !important;
}
#electronic_libraries_template_css .button__order_basket.active:hover {
  background: url(/bitrix/templates/electronic_libraries/images/icon_delete_white.svg) no-repeat 55% 50%, linear-gradient(to bottom, rgba(61, 132, 185, 1) 0%, rgba(18, 51, 76, 1) 38%) !important;
  background-size: 21px !important;
  border: none;
}
#electronic_libraries_template_css .btn_hover_blue:hover,
.btn_hover_blue:hover,
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-btn .nav-link.active {
  background: rgb(61, 132, 185);
  background: -moz-linear-gradient(top, rgba(61, 132, 185, 1) 0%, rgba(18, 51, 76, 1) 38%);
  background: -webkit-linear-gradient(top, rgba(61, 132, 185, 1) 0%, rgba(18, 51, 76, 1) 38%);
  background: linear-gradient(to bottom, rgba(61, 132, 185, 1) 0%, rgba(18, 51, 76, 1) 38%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d84b9', endColorstr='#12334c', GradientType=0);
  color: #fff !important;
  border: 1px solid #023a63;
}
#electronic_libraries_template_css a.btn_hover_blue:hover {
  background: rgba(18, 51, 76, 1) 38% !important;
}
#electronic_libraries_template_css .btn_hover_blue:hover a {
  color: #fff !important;
  text-decoration: none;
}
#electronic_libraries_template_css .button__order_green {
  width: 70px;
  min-width: 70px;
  min-height: 38px;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);
  background: #0ea51c url('/bitrix/templates/electronic_libraries/images/arrow_check.svg') center no-repeat;
  background-size: 25px 25px;
  background-position: 40% 65%;
  pointer-events: none;
}
#electronic_libraries_template_css .button__icon {
  background: none;
  border: none;
  cursor: pointer;
  margin: 0.4rem;
}
#electronic_libraries_template_css .button__icon span {
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #023a63;
  color: #023a63;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
#electronic_libraries_template_css .button__icon svg {
  fill: #023a63;
}
#electronic_libraries_template_css .button__icon_blue svg {
  fill: #2f7bb5;
}
#electronic_libraries_template_css .button-pink {
  background: #ffdeb0;
}
#electronic_libraries_template_css .button-warning {
  background: #ffcbcb;
}
#electronic_libraries_template_css .button__task span {
  margin-left: 0.8rem;
  font-weight: 700;
}
#electronic_libraries_template_css .button__task .sup {
  border-radius: 2px;
  background: #ffcc83;
  border: 0.06rem solid #023a63;
  color: #023a63;
  font-size: 0.71rem;
  width: 2.5rem;
  height: 1rem;
  text-align: center;
  position: absolute;
  top: -0.55rem;
  right: -0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#electronic_libraries_template_css .button__search {
  position: absolute;
  right: 15px;
  top: 0px;
  bottom: -2px;
  margin: 0 -0.4rem 0 0;
  width: 1.9rem;
  border: none;
  background-size: 70%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  cursor: pointer;
  outline: none !important;
}
#electronic_libraries_template_css .button__search:hover svg {
  fill: #444;
}
#electronic_libraries_template_css .disabled svg {
  fill: #c4b8b8;
}
#electronic_libraries_template_css .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#electronic_libraries_template_css .report__tools_list {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
}
#electronic_libraries_template_css .report__tools_item {
  margin: 0.4rem;
}
#electronic_libraries_template_css .report__tools_item svg {
  fill: #023a63;
}
#electronic_libraries_template_css .report__tools_item:hover svg {
  fill: red;
}
#electronic_libraries_template_css .label_checkGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Roboto-Regular", sans-serif;
  color: #023a63;
  font-size: 0.86rem;
  margin: 5px 0;
  cursor: pointer;
}
#electronic_libraries_template_css .label_checkGroup input[type='checkbox'] + span,
#electronic_libraries_template_css .label_checkGroup input[type='radio'] + span {
  -webkit-appearance: none;
  width: 1.13rem;
  min-width: 14px;
  height: 1.13rem;
  /*border: 0.06rem solid #023a63;*/
  border: 0.06rem solid #2f7bb5;
  outline: none;
  margin-right: 0.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  background: #fff !important;
}
#electronic_libraries_template_css .label_checkGroup input[type='radio'] + span {
  border-radius: 50%;
}
#electronic_libraries_template_css .label_checkGroup input[type='checkbox']:checked + span:before,
#electronic_libraries_template_css .label_checkGroup input[type='radio']:checked + span:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.7rem;
  border: 1px solid #24126a;
  border-width: 0 0.15rem 0.15rem 0;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.45rem -0.25rem;
  border-radius: 0.1rem;
}
#electronic_libraries_template_css h3.subtitle,
#electronic_libraries_template_css label.subtitle,
.lb-popup label.subtitle {
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.14rem;
  margin-bottom: 0.5rem;
  color: #023a63;
}
#electronic_libraries_template_css .click_reports_header {
  margin: 0;
  padding: 0.45rem;
  padding-right: 2.5rem;
  cursor: pointer;
  position: relative;
  /*background-color: #e5e5e5;*/
  /*border: 0.06rem solid #023a63;*/
  background: #fff;
  border: 0.06rem solid #2f7bb5;
  height: 2.44rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.86rem;
  color: #023a63;
}
#electronic_libraries_template_css .scrollbody {
  display: none;
  max-height: 200px;
  overflow: auto;
}
#electronic_libraries_template_css .scrollbody.active {
  display: block;
}

/*
Убрала, т.к. стили для search_body уже есть, не нужно их переопределять для какой-то конкретной страницы. Они должны быть одинаковыми
*/
/*#electronic_libraries_template_css .dropdown__list .search_body {*/
/*max-height: 400px;*/
/*height: auto;*/
/*overflow-y: auto;*/
/*border: 1px solid #023a63;*/
/*}*/

#electronic_libraries_template_css .dropdown__list .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#electronic_libraries_template_css .dropdown__list_item {
  cursor: pointer;
  background-color: #fff;
  padding: 0;
  color: #023a63;
  font-size: 0.86rem;
  /*border: 0.06rem solid #023a63;*/
  border: 0.06rem solid #2f7bb5;
  border-top: none;
  min-height: 2.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.6rem;
  width: 100%;
}
#electronic_libraries_template_css .dropdown__list_item.active {
  background: #e5e5e5;
}
#electronic_libraries_template_css .dropdown__list_item:hover {
  background-color: #e5e5e5 !important;
}
#electronic_libraries_template_css .dropdown__list_item .label_checkGroup {
  margin: 0;
  margin-left: 0.6rem;
  min-height: 2.3rem;
}
#electronic_libraries_template_css .dropdown__list_item .scroll-item {
  width: 100%;
}
#electronic_libraries_template_css .dropdown__list_item .scroll-item.active {
  margin: 0;
  padding: 0;
  background: inherit;
}
#electronic_libraries_template_css .dropdown__list_item_checkbox {
  border: 0.06rem solid #2f7bb5;
  border-top: none;
}
#electronic_libraries_template_css .schevron {
  position: relative;
}
#electronic_libraries_template_css .schevron-down {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2rem;
  height: 2rem;
}
#electronic_libraries_template_css .schevron-down:before,
#electronic_libraries_template_css .schevron-down:after {
  content: '';
  position: absolute;
  width: 0.5rem;
  height: 0.1rem;
  background-color: #023a63;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0.1rem;
}
#electronic_libraries_template_css .schevron-down:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 0.6rem;
}
#electronic_libraries_template_css .schevron-down:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0.6rem;
}
#electronic_libraries_template_css .schevron-down.open {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#electronic_libraries_template_css .search_block {
  position: relative;
}
#electronic_libraries_template_css .search_block button {
  width: 1.9rem;
}
#electronic_libraries_template_css .input {
  margin: 0;
  padding: 0.6rem;
  padding-right: 2.5rem;
  cursor: pointer;
  position: relative;
  /*background-color: #e5e5e5;*/
  /*border: none;*/
  background: #fff;
  border: 0.06rem solid #2f7bb5;
  color: #023a63;
  width: 100%;
  height: 2.44rem;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 0.86rem;
}
#electronic_libraries_template_css .input__search {
  border: 1px solid #848484;
  height: 2.5rem;
  background: none;
}
#electronic_libraries_template_css .input-white {
  background: #fff;
}
#electronic_libraries_template_css .input-border {
  border: 1px solid #24126a;
}
#electronic_libraries_template_css .textarea {
  margin: 0;
  padding: 0.3rem 0.6rem;
  padding-right: 2.5rem;
  /*background-color: #e5e5e5;*/
  background-color: #fff;
  /*border: 1px solid #24126a;*/
  border: 1px solid #2f7bb5;
  color: #023a63;
  width: 100%;
  outline: none;
  resize: vertical;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 0.86rem;
}
#electronic_libraries_template_css .datepicker__wrapper {
  position: relative;
}
#electronic_libraries_template_css .datepicker__wrapper .datepicker {
  border-radius: 0;
  margin: 0;
  padding: 0.6rem;
  padding-right: 2.5rem;
  cursor: pointer;
  position: relative;
  /*background-color: #e5e5e5;*/
  background-color: #fff;
  /*border: 1px solid #023a63;*/
  border: 1px solid #2f7bb5;
  color: #023a63;
  font-size: 0.86rem;
  font-family: "Roboto-Medium", sans-serif;
}
#electronic_libraries_template_css .datepicker__wrapper svg {
  position: absolute;
  top: 0.5rem;
  right: 1.5rem;
  width: 1.2rem;
  height: 1.2rem;
  fill: #023a63;
}
#electronic_libraries_template_css .datepicker__wrapper .input-group {
  max-width: 100%;
}
#electronic_libraries_template_css .border__wrapper {
  background: -webkit-gradient(linear, left bottom, left top, from(#023a63), to(#42e8e0));
  background: -webkit-linear-gradient(bottom, #023a63, #42e8e0);
  background: -o-linear-gradient(bottom, #023a63, #42e8e0);
  background: linear-gradient(to top, #023a63, #42e8e0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0.4rem;
  width: 100%;
  height: calc(100% + 0.4rem);
  padding: 0.2rem;
}
#electronic_libraries_template_css .category__wrapper .border__wrapper {
  margin: 0;
  margin-top: 0.2rem;
}
#electronic_libraries_template_css .border__wrapper_inner {
  background: #fff;
  width: 100%;
  height: 100%;
}
#electronic_libraries_template_css .border__wrapper_inner .category__block {
  width: 14.06rem;
  height: 100%;
}
#electronic_libraries_template_css .border__wrapper_inner .category__block_img {
  background: -webkit-gradient(linear, left top, right top, color-stop(-10%, rgba(255, 204, 131, 0.5)), to(rgba(66, 255, 255, 0.5)));
  background: -webkit-linear-gradient(left, rgba(255, 204, 131, 0.5) -10%, rgba(66, 255, 255, 0.5));
  background: -o-linear-gradient(left, rgba(255, 204, 131, 0.5) -10%, rgba(66, 255, 255, 0.5));
  background: linear-gradient(to right, rgba(255, 204, 131, 0.5) -10%, rgba(66, 255, 255, 0.5));
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
  padding: 1.3rem;
  font-size: 1.14rem;
}
#electronic_libraries_template_css .border__wrapper_inner .category__block_img p {
  line-height: 1.5rem;
  color: #023a63;
}
#electronic_libraries_template_css .border__wrapper_inner .category__block_icon {
  margin: 0 0 1.9rem;
  width: 100%;
  min-height: 4.5rem;
  height: 4.8rem;
}
#electronic_libraries_template_css .border__wrapper_inner .category__block_icon svg {
  height: 4.8rem;
  width: 100%;
  fill: #023a63;
}
#electronic_libraries_template_css .block-filters_result {
   min-width: auto;
 }
#electronic_libraries_template_css .border__wrapper_notBorder {
  background: none !important;
}
.header_basket {
  width: 1.5rem;
  height: 2.5rem;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: -1.2rem;
  color: #ffcc83;
  margin-right: 2rem;
}
.header_basket a {
  display: flex;
  align-items: center;
  color: #ffcc83;
}
.header_basket a:hover {
  text-decoration: none;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.header_basket img {
  height: auto;
  width: 2rem;
}
#electronic_libraries_template_css .nav.nav-tabs {
  border-bottom: 1px solid #023a63;
}
#electronic_libraries_template_css .nav.nav-tabs .nav-item {
  margin-bottom: -1px;
}
#electronic_libraries_template_css .nav.nav-tabs .nav-link {
  border-bottom: 1px solid #24126a;
  background: #fbca83;
  color: #023a63;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom: 1px solid #023a63;
  border-left: 1px solid #fff;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 0.86rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#electronic_libraries_template_css .nav.nav-tabs .nav-link.active {
  color: #023a63 !important;
  border: 1px solid #023a63;
  border-bottom: 1px solid transparent;
  background-color: #fff;
}
#electronic_libraries_template_css .nav.nav-tabs .nav-link.disabled {
  margin-left: 1px;
  cursor: not-allowed;
}
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-btn {
  border: 1px solid #023a63;
  padding: 2px 2px 3px;
  width: 17rem;
}
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-string {
  display: flex;
  align-items: center;
}
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-string .nav-link,
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-btn .nav-link {
  background: none;
  border: none;
  border-radius: 0;
  padding: 5px 25px;
}
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-string .nav-item .nav-link.active {
  font-weight: 700;
}
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-string .nav-item.asc {
  background: url(/bitrix/templates/electronic_libraries/images/sort.svg) 100% 50% no-repeat;
  font-weight: 700;
}
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-string .nav-item.desc{
  background: url(/bitrix/templates/electronic_libraries/images/sort.svg) 100% 50% no-repeat;
  transform: scale(1, -1);
}
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-string .nav-item.desc .nav-link{
  transform: scale(1, -1);
  font-weight: 700;
}
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-string .nav-item:hover .nav-link,
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-string .nav-item.asc .nav-link {
  font-weight: 700;
}
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-string .nav-item.disabled {
  background: none;
}
#electronic_libraries_template_css .nav.nav-tabs.nav-tabs-string .nav-link {
  cursor: pointer;
  font-size: 1rem;
  font-family: "Roboto-Regular", sans-serif;
}
#electronic_libraries_template_css .section__title {
  margin: 2rem 0 1.3rem;
  color: #023a63;
  font-size: 1.43rem;
}
#electronic_libraries_template_css .section__title.underline:after {
  content: '';
  width: 4.1rem;
  height: 0.23rem;
  background: #fbca83;
  display: block;
  margin: 0.4rem 0;
}
#electronic_libraries_template_css .report__menu_item {
  list-style: none;
  background: #e5e5e5;
  color: #023a63;
  font-size: 1rem;
  font-family: "Roboto-Bold", sans-serif;
  font-weight: 500;
  max-width: 23.78rem;
  width: 100%;
  padding: 0.5rem;
  border-bottom: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#electronic_libraries_template_css .report__menu_item a,
#electronic_libraries_template_css .report__menu_item a:hover {
  color: inherit;
  text-decoration: none;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#electronic_libraries_template_css .report__menu_item.active,
#electronic_libraries_template_css .report__menu_item:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#42e8e0), color-stop(40%, #023a63));
  background: -webkit-linear-gradient(#42e8e0, #023a63 40%);
  background: -o-linear-gradient(#42e8e0, #023a63 40%);
  background: linear-gradient(#42e8e0, #023a63 40%);
  color: #fff;
}
#electronic_libraries_template_css .report__menu_item.menu__openList {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #023a63;
}
#electronic_libraries_template_css .report__menu_item.menu__openList:after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #24126a;
  border-width: 0 0.1rem 0.1rem 0;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0.9rem;
  margin: -0.3rem;
  border-radius: 0.1rem;
}
#electronic_libraries_template_css .report__menu_item.menu__openList:hover:after {
  border: 1px solid #fff;
  border-width: 0 0.1rem 0.1rem 0;
}
#electronic_libraries_template_css .report__menu_item.menu__openList_item {
  display: none;
}
#electronic_libraries_template_css .report__menu_item.menu__openList_item.show {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 1.5rem;
  background: #d8d6d6;
}
#electronic_libraries_template_css .report__menu_item.menu__openList_item.active,
#electronic_libraries_template_css .report__menu_item.menu__openList_item:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#42e8e0), color-stop(40%, #023a63));
  background: -webkit-linear-gradient(#42e8e0, #023a63 40%);
  background: -o-linear-gradient(#42e8e0, #023a63 40%);
  background: linear-gradient(#42e8e0, #023a63 40%);
  color: #fff;
}
#electronic_libraries_template_css .report__menu_item.menu__openList.up {
  color: #023a63;
}
#electronic_libraries_template_css .report__menu_item.menu__openList.up:after {
  content: "";
  -webkit-transform: rotateZ(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotateZ(-45deg);
}
#electronic_libraries_template_css .report__table table tr {
  text-align: center;
}
#electronic_libraries_template_css .report__table table thead tr {
  background: transparent !important;
}
#electronic_libraries_template_css .report__table table.table-striped tr {
  background: #f8f8f8;
}
#electronic_libraries_template_css .report__table table tr.table-active th {
  background: -webkit-gradient(linear, left top, left bottom, from(#42e8e0), color-stop(40%, #023a63));
  background: -webkit-linear-gradient(#42e8e0, #023a63 40%);
  background: -o-linear-gradient(#42e8e0, #023a63 40%);
  background: linear-gradient(#42e8e0, #023a63 40%);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 500;
  max-width: 12rem;
  position: relative;
  vertical-align: middle;
}
#electronic_libraries_template_css .report__table table.table-fixed-head tr.table-active th {
  padding: 15px 5px;
}
#electronic_libraries_template_css .report__table table.col-narrow th[data-name='CODE'] {
  padding: 5px;
}
/* столбец под названием "Подрядчики" */
#electronic_libraries_template_css .report__table table.col-narrow th[data-name="COPP_ORGS"] {
  max-width: 96px;
  padding: 3px;
}
/* первый столбец под названием "Код" */
#electronic_libraries_template_css .report__table table.col-narrow td:first-child {
  max-width: 77px;
}
/* второй столбец под названием "Название" */
#electronic_libraries_template_css .report__table table.col-narrow td:nth-of-type(2) {
    max-width: 200px;
}
#electronic_libraries_template_css .report__table table.col-narrow tr th {
    font-size: 0.75rem;
}
#electronic_libraries_template_css .report__table table tr.table-active th.bg_topcell {
  background: -webkit-gradient(linear, left top, left bottom, from(#42e8e0), color-stop(80%, #023a63));
  background: -webkit-linear-gradient(#42e8e0, #023a63 80%);
  background: -o-linear-gradient(#42e8e0, #023a63 80%);
  background: linear-gradient(#42e8e0, #023a63 80%);
}
#electronic_libraries_template_css .report__table table tr.table-active th.bg_downcell {
  background: #023a63;
}
#electronic_libraries_template_css .report__table table tr.table-active th.small_height th {
  padding: 0.3rem !important;
}
#electronic_libraries_template_css .report__table table tr.table-active th .no-sort {
  padding-right: 0.75rem;
  cursor: default;
}
#electronic_libraries_template_css .report__table table tr.table-active th .no-sort:before,
#electronic_libraries_template_css .report__table table tr.table-active th .no-sort:after {
  content: none !important;
}
#electronic_libraries_template_css .report__table table.table-hover tr:hover {
  background: #efefef !important;
}
#electronic_libraries_template_css .report__table table.table-striped tr:nth-of-type(odd) {
  background: #e5e5e5;
}
#electronic_libraries_template_css .report__table table tr.table-orange {
  background-color: #ffdeb0 !important;
}
#electronic_libraries_template_css .report__table table th,
#electronic_libraries_template_css .report__table table td {
  text-align: center;
  vertical-align: middle;
  position: relative;
  word-wrap: break-word;
  font-size: 0.9rem;
}
#electronic_libraries_template_css .report__table table.table-no-bordered th,
#electronic_libraries_template_css .report__table table.table-no-bordered td {
  border: none !important;
}
#electronic_libraries_template_css .report__table table.table-bordered th,
#electronic_libraries_template_css .report__table table.table-bordered td {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #fff;
}
#electronic_libraries_template_css .report__table table.table-bordered.table-bordered-grey th,
#electronic_libraries_template_css .report__table table.table-bordered.table-bordered-grey td {
  border-color: #cacaca;
}
#electronic_libraries_template_css .report__table table th.open,
#electronic_libraries_template_css .report__table table td.open {
  padding-right: 1.5rem;
  cursor: pointer;
}
#electronic_libraries_template_css .report__table table th.open.open-left,
#electronic_libraries_template_css .report__table table td.open.open-left {
  padding-left: 2.5rem;
}
#electronic_libraries_template_css .report__table table th.open:before,
#electronic_libraries_template_css .report__table table td.open:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #023a63;
  border-width: 0 0.1rem 0.1rem 0;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 2rem;
  margin: -0.3rem;
  border-radius: 0.1rem;
}

#electronic_libraries_template_css .report__table table th.open.open-left:before,
#electronic_libraries_template_css .report__table table td.open.open-left:before {
  right: 100%;
  left: 1rem;
}

#electronic_libraries_template_css .report__table table th.open.open-right:before,
#electronic_libraries_template_css .report__table table td.open.open-right:before {
  right: 1rem;
}

#electronic_libraries_template_css .report__table table th.open.open-left.more_arr_r:before,
#electronic_libraries_template_css .report__table table td.open.open-left.more_arr_r:before {
  -webkit-transform: rotateZ(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotateZ(-45deg);
}
#electronic_libraries_template_css .report__table table th.open-active:before,
#electronic_libraries_template_css .report__table table td.open-active:before {
  -webkit-transform: rotateZ(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotateZ(-135deg);
}
#electronic_libraries_template_css .report__table table th.trying,
#electronic_libraries_template_css .report__table table td.trying {
  position: relative;
  padding-left: 2rem;
}
#electronic_libraries_template_css .report__table table th.trying svg,
#electronic_libraries_template_css .report__table table td.trying svg {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  margin-top: -0.5rem;
}
#electronic_libraries_template_css .report__table table th.trying svg.left,
#electronic_libraries_template_css .report__table table td.trying svg.left {
  right: 0;
  left: 1rem;
}
#electronic_libraries_template_css .report__table table th.trying img,
#electronic_libraries_template_css .report__table table td.trying img {
  position: absolute;
  top: 0;
  right: 0.1rem;
  margin-top: 5px;
}
#electronic_libraries_template_css .report__table table th.trying img:nth-of-type(2),
#electronic_libraries_template_css .report__table table td.trying img:nth-of-type(2) {
  right: 2.3rem;
  top: 0;
  margin-top: 5px;
}
#electronic_libraries_template_css .report__table table td.noBorderSide {
  border-right: none !important;
  border-left: none !important;
}
#electronic_libraries_template_css .report__table table td a {
  color: #007bff;
  text-decoration: none !important;
}
/*#electronic_libraries_template_css .report__table table tr.clickable.collapsed td.open:before,*/
#electronic_libraries_template_css .report__table table tr td.open.act_right:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#electronic_libraries_template_css input.load_file {
  float: left !important;
  position: relative !important;
  margin-left: 1px !important;
  margin-top: -50px;
  height: 100px;
  opacity: 0;
  cursor: pointer;
}
#electronic_libraries_template_css .file-input {
  max-width: 500px;
}
#electronic_libraries_template_css .file-input .webform-field-upload {
  cursor: pointer;
  width: 100%;
  float: left;
  height: 3rem !important;
  overflow: hidden;
  margin: 0 auto;
}
#electronic_libraries_template_css .file-input .webform-field-upload > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #023a63;
  margin: 0.4rem 0;
  width: 11.15rem;
  min-width: 11.15rem;
  height: 2.44rem;
  text-align: center;
  background: #f8f8f8;
  position: relative;
  color: #023a63;
  font-size: 0.86rem;
  font-family: "Roboto-Regular", sans-serif;
  cursor: pointer;
}
#electronic_libraries_template_css .file-input .webform-field-upload > span:after {
  background: url(/bitrix/templates/electronic_libraries/images/icon_add.svg) no-repeat center;
  background-position: 0 0;
  background-size: contain;
  margin-left: 8px;
  width: 1.4rem;
  height: 1.4rem;
}
#electronic_libraries_template_css .file-input .webform-field-upload:after {
  background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat right -222px;
  margin-left: 8px;
  width: 6px;
}
#electronic_libraries_template_css .file-input .webform-field-upload-list {
  margin: 0px 50px 10px 12px;
  float: left;
  max-width: 100%;
  padding: 0 0 0 9px;
  display: block;
}
#electronic_libraries_template_css .file-input .webform-field-upload-list li {
  color: #888;
  text-align: left;
  width: 100%;
}
#electronic_libraries_template_css .file-input .webform-field-upload-list li a.upload-file-name {
  margin: 0 0 0 -4px;
  color: #0069c4;
  text-decoration: underline;
  word-wrap: break-word;
}
#electronic_libraries_template_css .file-input .webform-field-upload-list li a.delete-file {
  vertical-align: top;
  display: inline-block;
  width: 15px;
  height: 16px;
  background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat 0 -280px;
  margin: 0 0 0 6px;
  outline: none;
}
#electronic_libraries_template_css .file-input .webform-field-upload-list li i {
  vertical-align: top;
  display: none;
  width: 15px;
  height: 15px;
  background: url(/bitrix/js/main/core/images/popup/upload-waiting.gif) no-repeat 0 2px;
  margin: 0 0 0 8px;
}
#electronic_libraries_template_css .file-input .webform-field-upload-list li input {
  width: 100%;
  height: 40px;
  display: block;
  font-size: 16px;
  border: none;
  background: #dedede;
  padding: 5px 10px;
  font-family: Roboto, Arial, sans-serif;
}
#electronic_libraries_template_css .footnote {
  font-size: 0.71rem;
  display: block;
  color: #686868;
  margin: 0.5rem 0;
}
#electronic_libraries_template_css .footnote p {
  font-size: 0.71rem;
  font-family: "Roboto-Regular", sans-serif;
}
#electronic_libraries_template_css .modal-dialog {
  margin: 0 auto !important;
  height: 100% !important;
}
#electronic_libraries_template_css .modal-content {
  border: 1px solid #023a63 !important;
  border-radius: 4.25px !important;
  /*width: 99% !important;*/
  max-height: 98%;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: -0.2rem;
  padding-bottom: 1rem;
}
#electronic_libraries_template_css .modal-addDocument input,
#electronic_libraries_template_css .modal-addDocument textarea {
  min-width: 100%;
  background-color: #e5e5e5;
  border: none !important;
}
#electronic_libraries_template_css .modal-addDocument .dropdown__list {
  max-width: 100%;
}
#electronic_libraries_template_css .modal-dialog-help {
  max-width: 600px !important;
}
#electronic_libraries_template_css .modal-dialog-help .modal-header {
  border-bottom: 1px solid transparent !important;
}
#electronic_libraries_template_css .modal-dialog-help .modal-header .close {
  display: none;
}
#electronic_libraries_template_css .modal-title {
  margin-top: 0rem;
  color: #023a63;
  font-size: 1.14rem;
  font-weight: bold;
}
#electronic_libraries_template_css .modal-title-color {
  width: 100%;
  height: auto;
  padding: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 245, 230, 0.8)), to(rgba(217, 255, 255, 0.8)));
  background: -webkit-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: -o-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: linear-gradient(to right, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
}
#electronic_libraries_template_css .modal-header {
  border-bottom: 1px solid transparent !important;
}
#electronic_libraries_template_css .modal-header h3 {
  font-size: 1.14rem !important;
  font-family: "Roboto-Medium", sans-serif !important;
  color: #023a63 !important;
}
#electronic_libraries_template_css .modal-header .underline-modal:after {
  content: '';
  width: 4.1rem;
  height: 0.23rem;
  /*background: #fbca83;*/
  background: #2f7bb5;
  display: block;
  margin: 0.4rem 0 0.4rem -1rem;
}
#electronic_libraries_template_css .modal-header .close {
  padding: 0 !important;
  width: 1.5rem;
  height: 1.5rem;
  background: #023a63;
  color: #fbca83;
  text-shadow: none;
  opacity: 1;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 0.1rem;
  margin: -1.05rem -1.07rem -1rem auto !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}
#electronic_libraries_template_css .modal-header .close:hover {
  color: #023a63;
  background: #fbca83;
  margin-top: -1rem;
}
#electronic_libraries_template_css .modal-body {
  color: #023a63;
  font-size: 1rem;
  padding: 1rem 1rem 0 !important;
}
#electronic_libraries_template_css .modal-body .custom-file-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#electronic_libraries_template_css .modal-body .form-group label {
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.14rem;
}
#electronic_libraries_template_css .modal-body .bg-modal {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 245, 230, 0.8)), to(rgba(217, 255, 255, 0.8)));
  background: -webkit-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: -o-linear-gradient(left, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  background: linear-gradient(to right, rgba(255, 245, 230, 0.8), rgba(217, 255, 255, 0.8));
  padding: 1rem;
  margin: 0.5rem 0 2rem;
  position: relative;
  overflow: hidden;
}
#electronic_libraries_template_css .modal-body .bg-modal svg.general_icons_sprite {
  position: absolute;
  display: block;
  right: 1rem;
  bottom: -0.7rem;
  width: 4rem;
  height: 4rem;
  opacity: 0.6;
  fill: #fff0d7;
}
#electronic_libraries_template_css .modal-body .bg-modal p {
  line-height: 1.3rem;
}
#electronic_libraries_template_css .modal-body .modal-switchOff {
  position: relative;
}
#electronic_libraries_template_css .modal-body .modal-switchOff svg.general_icons_sprite {
  position: absolute;
  display: block;
  left: 5rem;
  top: -5rem;
  width: 3rem;
  height: 3rem;
  opacity: 0.6;
  fill: #fff0d7;
}
#electronic_libraries_template_css .modal-body .modal-switchOff-color svg.general_icons_sprite {
  left: 83%;
  top: -3.5rem;
  width: 4rem;
  height: 4rem;
}
#electronic_libraries_template_css .modal-body .modal-switchOff-color img {
  position: absolute;
  display: block;
  left: 83%;
  top: -3.4rem;
  width: 4rem;
  height: 4rem;
}
#electronic_libraries_template_css .modal-body .modal-import {
  margin-bottom: 2rem;
}
#electronic_libraries_template_css .modal-footer {
  border-top: 1px solid transparent !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 0 !important;
}
#electronic_libraries_template_css .accordion__header {
  background: #e5e5e5;
  border-bottom: 1px solid #fff;
}
#electronic_libraries_template_css .accordion__header_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 10px;
  color: #023a63;
}
#electronic_libraries_template_css .accordion__header:hover {
  background: #c8c5c5;
}
#electronic_libraries_template_css .accordion__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}
#electronic_libraries_template_css .noBorder {
  border: none !important;
}
#electronic_libraries_template_css .text-decoration-none,
#electronic_libraries_template_css .text-decoration-none:hover {
  text-decoration: none !important;
}
#electronic_libraries_template_css .disabled {
  pointer-events: none !important;
  cursor: not-allowed !important;
  background: #dfdcdc;
  color: #909090 !important;
}
#electronic_libraries_template_css .acts_svg,
.acts_svg {
  width: 25px;
  height: 25px;
  fill: #023a63;
  cursor: pointer;
}
.acts_svg_40 {
  width: 40px;
  height: 40px;
  fill: #023a63;
  cursor: pointer;
}
#electronic_libraries_template_css .acts_svg.js-disabled,
.acts_svg.js-disabled,
.acts_svg_40.js-disabled {
  fill: #909090;
  cursor: default !important;
}
#electronic_libraries_template_css .btn_filter,
.btn_filter {
  background: transparent;
  width: 20px;
  height: 20px;
  border: none;
}
.btn_filter, .btn_filter:active, .btn_filter:focus {
  outline: none;
}
.btn_filter svg {
  fill: #fff;
}
.btn_filter.hide svg {
  fill: #fff;
}
.btn_filter.show svg {
  fill: orange;
}
.js-sort > span svg {
  fill: #fff;
}
.js-sort > span.js-sorted svg {
  fill: orange;
}
#electronic_libraries_template_css .filter-in-table,
.filter-in-table {
  width: 13px;
  height: 13px;
  /*fill: #023a63;*/
  cursor: pointer;
}
#electronic_libraries_template_css .acts_svg:hover {
  fill: #0f6caf;
}
#electronic_libraries_template_css .acts_svg_alert:hover {
  fill: red;
}
#electronic_libraries_template_css svg.table-tools {
  width: 35px;
  height: 34px;
  padding: 7px;
  border: 1px solid #2f7bb5;
  fill: #2f7bb5;
}
#electronic_libraries_template_css svg.table-tools-noBorder,
svg.table-tools-noBorder {
  width: 35px;
  height: 34px;
  fill: #023a63;
}
#electronic_libraries_template_css svg.svg-green,
svg.svg-green {
  fill: #177848 !important;
}
#electronic_libraries_template_css svg.table-tools-noBorder:hover,
svg.table-tools-noBorder:hover {
  fill: #2f7bb5;
}
#electronic_libraries_template_css svg.table-tools:hover {
  border: 1px solid #cc9a56;
  background: linear-gradient(rgba(255, 255, 35, 0.84), #fbca83 70%);
}
#electronic_libraries_template_css .fullScreen_withMenu {
  /*width: calc(100vw - 50rem);*/
  /*min-width: 100%;*/
  /*overflow-x: auto;*/
}
#electronic_libraries_template_css .fullScreen_noMenu,
.fullScreen_noMenu {
  width: 85vw;
}
/*#electronic_libraries_template_css .blue_theme_form .label_checkGroup input[type='checkbox'] + span,*/
/*#electronic_libraries_template_css .blue_theme_form .label_checkGroup input[type='radio'] + span {*/
  /*border-color: #2f7bb5;*/
/*}*/
/*#electronic_libraries_template_css .blue_theme_form .dropdown__list {*/
  /*width: 100%;*/
/*}*/
/*#electronic_libraries_template_css .blue_theme_form .click_reports_header,*/
/*#electronic_libraries_template_css .blue_theme_form .input {*/
    /*background: #fff;*/
    /*border: 0.06rem solid #2f7bb5;*/
/*}*/
#electronic_libraries_template_css .click_reports_header .schevron.schevron-down:before,
#electronic_libraries_template_css .click_reports_header .schevron.schevron-down:after {
  background-color: #2f7bb5;
}
/*#electronic_libraries_template_css .blue_theme_form .dropdown__list_item,*/
/*#electronic_libraries_template_css .blue_theme_form .dropdown__list_item_checkbox {*/
  /*border: 0.06rem solid #2f7bb5;*/
  /*border-top: none;*/
/*}*/
/*#electronic_libraries_template_css .lb-popup.blue_theme_form .underline-modal:after {*/
  /*background: #2f7bb5;*/
/*}*/

#electronic_libraries_template_css .loading_files .file-selectdialog-switcher {
  /*border: 1px solid #023a63;*/
  border: 1px solid #2f7bb5;
  font-size: 12px;
  color: #2f7bb5;
  font-weight: bold;
  padding: 7px 35px 7px 10px;
  /*background: #fff url(/bitrix/templates/electronic_libraries/images/icon_add.svg) no-repeat 95% 50%;*/
  background: #fff url(/bitrix/templates/electronic_libraries/images/icon_add_blue.svg) no-repeat 95% 50%;
  background-size: 1.3rem;
  cursor: pointer;
}

#electronic_libraries_template_css .loading_files .template_doc {
  color: #023a63;
  font-size: 12px;
  text-decoration: underline;
  margin-left: 100px;
}

/*#electronic_libraries_template_css .blue_theme_form .loading_files .file-selectdialog-switcher {*/
  /*border: 1px solid #2f7bb5;*/
  /*background: #fff url(/bitrix/templates/electronic_libraries/images/icon_add_blue.svg) no-repeat 95% 50%;*/
  /*background-size: 1.3rem;*/
/*}*/
#electronic_libraries_template_css .loading_files .file-selectdialog-switcher:hover {
  text-decoration: none;
  color: #fff;
  background: #023a63 url(/bitrix/templates/electronic_libraries/images/icon_add_white.svg) no-repeat 95% 50%;
  background-size: 1.3rem;
}
/*#electronic_libraries_template_css .blue_theme_form .loading_files .file-selectdialog-switcher:hover {*/
  /*background: #023a63 url(/bitrix/templates/electronic_libraries/images/icon_add_white.svg) no-repeat 95% 50%;*/
  /*background-size: 1.3rem;*/
/*}*/
#electronic_libraries_template_css .loading_files .file-selectdialog {
  padding: 13px 30px 13px 0;
}
#electronic_libraries_template_css .loading_files .file-selectdialog .file-extended .file-selector {
  font-size: 14px;
  margin-top: 30px;
  padding: 0;
  border: 3px dashed transparent;
}
#electronic_libraries_template_css .loading_files .file-selectdialog .file-extended .file-load-img {
  height: 40px;
  left: 0;
  top: 0;
  position: inherit;
  width: 40px;
  background-size: 37px;
}
#electronic_libraries_template_css .loading_files .file-selectdialog .file-extended .file-selector:hover .file-load-img {
  background-position: 0 -43px;
}
#electronic_libraries_template_css .loading_files .file-selectdialog .file-extended .file-selector:hover {
  padding: 5px;
  border: 3px dashed #d4dde1;
}
#electronic_libraries_template_css .filter_sortlist li.active {
  font-weight: 700;
}
#electronic_libraries_template_css .filter_sortlist li.active a {
  text-decoration: underline;
  color: #023a63;
}
  /* finish */
#header-fixed-wrapper {
  position: fixed;
  top: 0;
  overflow-x: scroll;
  z-index: 10000;
}
#header-fixed-wrapper::-webkit-scrollbar {
  width: 1em;
}

#header-fixed {
  position: fixed;
  top: 0px; display:none;
  background-color:white;
  z-index: 10000;
}

ul.contain_p p {
  line-height: 1.3;
  font-size: 0.85rem;
}

.page-left-menu {
  width: 100%;
  max-width: 27rem;
  padding-left: 15px;
}



/********** media *********/

@media (max-width: 575.98px) {
  .header__user {
      flex-wrap: wrap;
  }
  .btn-link.btn-catalog {
      margin-top: 2rem;
      margin-right: 20px;
  }
  .btn-link.btn-polls {
      margin-top: 2rem;
      margin-right: 20px;
  }
  .btn-link.btn-copp-site,
  .btn-link.btn-site-link {
      margin-top: 2rem;
      margin-right: 20px;
  }
  .header__menu {
    background: #023a63;
    margin-top: 1rem;
  }
  .header__menu .navbar {
    position: relative;
    margin-top: 0;
    padding: 0;
    margin-left: -15px;
  }
  .header__menu .navbar-mobile {
    display: block;
    order: 1;
  }
  .header__menu .navbar-mobile.active {
    order: 2;
  }
  .header__menu .navbar-mobile-link {
    background: none;
  }
  .header__menu .navbar-mobile-link span,
  .header__menu .navbar-mobile-link span::before,
  .header__menu .navbar-mobile-link span::after {
    background-color: #fbca83;
  }
  .header__menu .navbar-nav {
    display: none;
    width: calc(100% - 3rem);
    margin-bottom: 0;
    margin-left: 0;
  }
  .header__menu .navbar-nav.active {
    display: flex;
    /*position: absolute;*/
    /*right: -1rem;*/
    /*top: 3.6rem;*/
    /*background: #023a63;*/
    z-index: 10000;
  }
  .header__menu .navbar-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 0.2rem solid #fbca83;
    border-bottom: none;
    /*width: calc(100% / 3);*/
    width: 7rem;
    margin: 0;
    height: 2rem;
  }
  .header .sublist_administration {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 0.08em;
    top: inherit;
    right: 100%;
  }
  .header__user {
    justify-content: flex-start;
  }
  .header_basket {
    margin-bottom: 0;
    flex-grow: 0;
    width: 8.5rem;
    justify-content: flex-start;
    order: 0;
  }
  .footer__contact_item {
    border: none;
  }
  .button {
    margin: 0.6rem auto;
  }
  .course__intro_title {
    text-align: center;
  }
  .course__block .course__catalogue_image-education {
    min-height: auto;
  }
  .welcome__page .course__intro_statistic {
    margin-bottom: 0.1rem;
  }
  .welcome__page.copp-dev .section__title.underline {
    text-align: center;
  }
  .welcome__page.copp-dev .section__title.underline:after {
    margin: 0 auto;
  }
  .welcome__page.copp-dev .category {
    border-top: 1px solid grey;
    margin-top: 35px;
    padding-top: 20px;
  }
  .welcome__page.copp-dev .block__order {
    display: none;
  }
  .welcome__page.copp-dev .block__order.active {
    display: inline-block;
  }
  .welcome__page.copp-dev .block__order.mobile_version {
    display: flex;
    border: none;
  }
  .welcome__page.copp-dev .block__order.mobile_version a {
    border-bottom: 1px solid grey;
    display: flex;
    align-items: center;
    padding: 10px 0;
    font-size: 1.2rem;
  }
  .welcome__page.copp-dev .block__order .block__order_content .block__picture {
  /*.welcome__page.copp-dev .block__order .block__order_content .block__picture + a.button {*/
    display: none;
  }
  .cube_wrapper {
    width: 48% !important;
    margin-right: 3px;
    word-break: break-word;
  }
  .cube .cube_title {
    padding: 0 5px;
  }
  .fancybox-wrap {
    width: 80% !important;
    margin: 0 auto;
  }
  .registration-choice-block:not(:last-child):after {
    display: none;
  }
  .registration-choice-block .center {
    height: 100%;
  }
  .img-registration-organisation, .img-registration-user, .img-registration-educational, .img-registration-ip {
    width: 70px;
    min-width: 70px;
    height: auto;
  }
  .registration-choice-block {
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 17px;
  }
  .registration-choice-block h3 {
    font-size: 14px !important;
  }
  .registration-choice-block .button {
    margin-bottom: 0;
  }
  #popup_registration {
    width: 80vw !important;
  }
  #popup_registration .copp_authorization .form__auth_header {
    width: 100% !important;
  }
  #popup_registration .copp_authorization .form__auth_body {
    width: 100% !important;
    margin-top: 0 !important;
  }
  #popup_registration .copp_authorization .form__auth_enter {
    padding-left: 0;
  }
  #popup_registration .copp_authorization .form__auth_registration {
    padding-right: 5px;
  }
  .header__user .form__auth_footer {
    display: flex;
  }

  .block__picture + .button {
    padding: 0;
  }

  .w-sm-calc3 {
    width: 100%;
  }
}
@media (min-width: 575.98px) {
  .w-xs-45 {
    width: 45% !important;
  }

  .fullScreenContent_withMenu_27 {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 625px) {
  .lb-popup {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 80vw;
  }
}
@media (min-width: 630px) {
  .filter_results-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 730px) {
  .lb-popup-alert {
    padding: 9px 25px;
  }
  .course__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer .footer__menu_list {
    width: 100%;
    margin-left: -2rem;
  }
  .footer .footer__menu_list .footer__menu_item {
    width: calc(100% / 4 - 1rem);
    max-width: calc(100% / 4 - 1rem);
    min-width: calc(100% / 4 - 1rem);
  }
  #byList .filter_result-item {
    width: calc(100% - 2rem);
  }
  #electronic_libraries_template_css .nav.nav-tabs.nav-tabs-string {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767.98px) {
  .header__logo {
    margin-bottom: 1rem;
  }
  .header__user {
    margin-top: 1rem;
    justify-content: flex-start;
  }
  .course__page .competation__filter {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .competation__search {
    margin-bottom: 2.5rem;
  }
  .footer__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer__block {
    margin-bottom: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer__logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .footer__menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer__menu_list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer__menu_item {
    width: auto;
  }
  .footer__contact_list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .fancybox-wrap {
    width: 80% !important;
    margin: 0 auto;
  }
  .registration-choice {
    width: 80vw !important;
    height: 80vh;
  }
  .registration-choice-block:not(:last-child):after {
    display: none;
  }
  .filter_sortlist {
    flex-direction: column;
    align-items: flex-start;
  }
  .filter_sortlist li {
    border-left: 1px solid #6a6b6b;
    border-right: 1px solid #6a6b6b;
    padding: 5px 15px;
    margin-bottom: 10px;
  }
  .block-filters_result {
    display: flex;
    align-items: center;
    flex-grow: 0;
    margin: auto;
  }
}
@media (min-width: 841px) and (max-width: 871px) {
  .course__block .course__intro {
    margin-left: -0.9rem;
  }
}
@media (max-width: 899px) {
  .welcome__page.copp-dev .block__order,
  .welcome__page.copp-dev table.profile__table {
    width: 90vw;
  }
}
@media (min-width: 990px) {
  .filter_results-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 991.98px) {
  .header .container,
  .footer .container,
  .main .container {
    min-width: 100%;
  }
  .header__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .category__wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .registration-choice {
    width: 80vw !important;
    height: 80vh;
  }
  .max-w-sm-55 {
    max-width: 100%;
  }
  .max-w-sm-33 {
    max-width: 100%;
  }
}
@media only screen and (min-device-width: 576px) and (max-device-width: 1024px) {
  .welcome__page.copp-dev .profile {
    min-width: 20rem;
  }
  .welcome__page.copp-dev .block__order_content .button {
    width: 100%;
    min-width: 100%;
  }
}
@media (min-width: 1107px) {
  .fullScreenContent_withMenu_27 {
    max-width: calc(100% - 27rem);
    min-width: 45rem;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 1200px) {
  .container {
    padding: 0 5% !important;
  }
}

@media all and (max-width: 1440px) {
  .form_adaptive {
    width: 100%;
    float: none;
  }
  .reporting__page .report__menu {
    margin: 0rem 0rem 3rem 0;
    width: 100%;
    float: none;
  }
  .reporting__page .report__menu_list {
      display: flex;
      flex-wrap: wrap;
  }
  .reporting__page .report__menu_list a {
    width: auto;
  }
  .reporting__page .report__menu_item {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 300px;
      height: 80px;
      vertical-align: middle;
      text-align: center;
      padding: 10px !important;
      margin: 0 3px 3px 0;
  }
  #electronic_libraries_template_css .report__menu_item {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    text-align: left;
  }
  #electronic_libraries_template_css .report__menu_list a {
    width: 100%;
  }
  .reporting__page .report__menu_item.menu__openList_item {
    display: none;
  }
  .reporting__page .report__menu_item.menu__openList_item.show {
      position: relative;
      display: flex;
  }
}
@media all and (max-width: 1490px) {
  #byList .filter_sortlist {
    justify-content: center;
  }
  #byList .filter_results-list {
    justify-content: center;
    margin-left: 0 !important;
  }
  .block__information {
    flex-wrap: wrap;
  }
  .block__information table {
    width: 100%;
    min-width: 100%;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }
}
@media all and (min-width: 1512px) {
  .filter_results-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media all and (max-width: 1632px) {
  .dropdown_labelTwoLine label.subtitle {
    height: 40px;
  }
}

@media all and (min-width: 2160px) {
  #electronic_libraries_template_css .fullScreen_withMenu {
    width: 100%;
  }

  .container {
    padding: 0 12% !important;
  }

  .fullScreenContent_withMenu_30 {
    max-width: calc(100% - 30rem);
    flex: 100%;
  }

  #electronic_libraries_template_css .report__table table th,
  #electronic_libraries_template_css .report__table table td,
  #electronic_libraries_template_css .report__table table tr.table-active th {
    font-size: 0.84rem;
  }

  #electronic_libraries_template_css .acts_svg, .acts_svg {
    width: 16px;
    height: 16px;
  }
}

.lb-popup .form-group input::-webkit-outer-spin-button,
.lb-popup .form-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

@media all and (min-width: 2301px) {
  .filter_results-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10 IE11 */
  .reporting__page .report__table table.sortTable.dataTable.sortIE11 th[class*='sorting']:not(.sorting_disabled):before,
  .reporting__page .report__table table.sortTable.dataTable.sortIE11 th[class*='sorting']:not(.sorting_disabled):after {
    content: "";
    position: absolute;
    top: 90%;
  }
  .reporting__page .report__table table.sortTable.dataTable.sortIE11 th[class*='sorting']:not(.sorting_disabled):after {
    top: 130%;
  }
  .reporting__page .report__table table.sortTable.dataTable th[class*='sorting']:not(.sorting_disabled) {
    position: relative;
  }
  .reporting__page .report__table table.sortTable.dataTable th[class*='sorting']:not(.sorting_disabled):before,
  .reporting__page .report__table table.sortTable.dataTable th[class*='sorting']:not(.sorting_disabled):after {
    content: none;
  }
  .sortDiv {
    width: 25px;
    height: 100%;
    min-height: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .sortDiv:before,
  .sortDiv:after {
    content: "";
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border: 1px solid #fff;
    border-width: 0 0.1rem 0.1rem 0;
    -ms-transform: rotate(-135deg);
    transform: rotateZ(-135deg);
    -webkit-transform: rotateZ(-135deg);
    pointer-events: none;
    position: absolute;
    top: 40%;
    right: 1rem;
    margin: -0.3rem;
  }
  .sortDiv:after {
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    top: 60%;
  }
}
.dropdown__list_item_checkbox.select_all {
  background-color: #FFFFFF;
}
.dropdown__list .click_reports_header.no_click {
  opacity: 0.7;
}

.foll_info {
  margin: 0px 10px;
}

.inactive_elem {
  display: none;
  opacity: 0.5;
}

.w-80-center {
  width: 80%;
  margin: 0 auto;
}

.groupInput {
    margin-bottom: 3px !important;
}

.changeWeekArr {
  display: inline-block;
}

.changeWeekArr.left {
  float: left;
  cursor: pointer;
}

.changeWeekArr.right {
  float: right;
  cursor: pointer;
}

.disabled {
  pointer-events: none !important;
  cursor: not-allowed !important;
  background: #dfdcdc;
  color: #909090 !important;
}

.reporting__page .report__table table tr[data-type=PlanBlock] {
  background: #e8e8e8 !important;
}

.reporting__page .report__table table tr[data-type=ReadyModule] {
  background: #afdff2 !important;
}

.reporting__page .report__table table tr[data-type=Section] {
  background: #c0e5f3 !important;
}
.reporting__page .report__table table tr[data-type=Theme] {
  background: #d0eaf3 !important;
}
.reporting__page .report__table table tr[data-type=Lesson] {
  /*background: #e1f0f4 !important;*/
  background: #faf3e7 !important;
}

.reporting__page .report__table table.table-hover tbody tr:hover {
  background: #efffef !important;
}

.reporting__page .report__table table.table-striped-cust tbody tr[data-type]:hover + tr:not([data-type]) {
  background: #efffef !important;
}

.reporting__page .report__table table.table-striped-cust tr td {
  border: 1px solid #d4d1d1;
}

.gridItem {
    border-bottom: 1px solid #023a63;
    min-height: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gridItemLeft, .gridItemRight {
    display: inline-block;
}

.gridItemRight {
    float: right;
}

.gridItem a {
    display: block;
    margin: 5px;
}

span.big_plus {
    width: 2rem;
    height: 2rem;
    margin: 5px auto;
    border: 1px solid #023a63;
    color: #023a63;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    cursor: pointer;
}

.notMyGrid {
  color: #6a6b6b;
}

.passedGrid {
  color: #6a6b6b;
}

.pagination {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pagination a {
  text-decoration: none;
}
.pagination_item {
  padding: 3px 6px;
  margin: 0 5px;
  transition: background-color .3s;
  font-size: 12px;
  text-align: center;
  position: relative;
}
.pagination_item:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #007bff;
}
.pagination_item.active,
.pagination_item:hover {
  color: #023a63;
}
.pagination_item:hover:after,
.pagination_item.active:after {
  background: #023a63;
}
/* стрелки (галочка) влево/вправо/вверх/вниз */
  .arrow-prev,
  .arrow-next,
  .arrow-up,
  .arrow-down {
    width: 7px;
    height: 7px;
    border-top: 3px solid #023a63;
    border-right: 3px solid #023a63;
    padding: 0;
  }
  .arrow-prev.disabled,
  .arrow-next.disabled,
  .arrow-up.disabled,
  .arrow-down.disabled {
    background: none !important;
    border-top: 3px solid #6a6b6b;
    border-right: 3px solid #6a6b6b;
  }

  .arrow-next {
    transform: rotate(45deg);
  }
  .arrow-prev {
    transform: rotate(-135deg);
  }
  .arrow-top {
    transform: rotate(-45deg);
  }
  .arrow-down {
    transform: rotate(135deg);
  }


#map {
  width: 100%;
  height: 400px;
  padding: 0 20px 20px 20px;
}

.add_file {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
  transform: none;
}

.add_file.on {
  display: flex;
}

.generate_button {
  margin: 29px 0px !important;
}
.tinymce_container ul {
  list-style: disc;
  list-style-position: inside;
}
.tinymce_container ol {
  list-style: decimal;
  list-style-position: inside;
}

.student-already-here {
  position: absolute;
  right: 0; top: 40px;
  padding: 5px 10px;
  font-weight: bold;
  color: green;
  font-style: italic;
}

.bg-light-grey {
    background: rgba(132, 132, 132, 0.1);
}

table.fixed-header thead {
  position: initial;
  visibility: inherit;
}
table.fixed-header thead.fixed {
  position: fixed;
  top: 0;
  overflow: hidden;
  z-index: 100;
  visibility: visible;
  transition: visibility 5s;
}
table.fixed-header thead.fixed tr th:first-child > div {
  flex-direction: column !important;
  align-items: center !important;
}
.table.fixed-header thead.fixed {
  animation-name: slidein;
  -webkit-animation-name: slidein;

  animation-duration: 1s;
  -webkit-animation-duration: 1s;

  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;

  visibility: visible !important;
}

@keyframes slidein {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0%);
  }
}

@-webkit-keyframes slidein {
  0% {
    -webkit-transform: translateY(-50%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}