body {
  color: #8B91A0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 0;
  margin: 0;
  background: #ffffff;
  height: 100%;
}

/* ------- button steelblue */
.btn-steelblue {
--bs-btn-color: rgb(255,255,255);
--bs-btn-bg: rgb(57,106,168);
--bs-btn-border-color: rgb(57,106,168);
--bs-btn-hover-color: rgb(255,255,255);
--bs-btn-hover-bg: rgb(67,126,188);
--bs-btn-hover-border-color: rgb(27,76,138);
--bs-btn-focus-shadow-rgb: 87,136,198;
--bs-btn-active-color: rgb(255,255,255);
--bs-btn-active-bg: #565e64;
--bs-btn-active-border-color: rgb(27,76,138);
--bs-btn-active-shadow: inset 0 3px 5px rgba(27,76,138, 0.125);
--bs-btn-disabled-color: rgb(255,255,255);
--bs-btn-disabled-bg: rgb(57,106,168);
--bs-btn-disabled-border-color: rgb(57,106,168);
}
.btn-outline-steelblue {
  --bs-btn-color: rgb(57,106,168);
  --bs-btn-border-color: rgb(57,106,168);
  --bs-btn-hover-color: rgb(255,255,255);
  --bs-btn-hover-bg: rgb(57,106,168);
  --bs-btn-hover-border-color: rgb(57,106,168);
  --bs-btn-focus-shadow-rgb: 87,136,198;
  --bs-btn-active-color: rgb(255,255,255);
  --bs-btn-active-bg: rgb(57,106,168);
  --bs-btn-active-border-color: rgb(57,106,168);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(27,76,138, 0.125);
  --bs-btn-disabled-color: rgb(57,106,168);
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

.text-steelblue {
  color: rgb(57,106,168) !important;
}
.bg-steelblue {
  background-color: rgb(57,106,168) !important;
}
.border-steelblue {
  border-color: rgb(57,106,168) !important;
}

.bg-whitesmoke {
  background-color: #f4f4f4 !important;
}

.text-silver {
  color: #a0a0a0 !important;
}

/* page nav */
.btn-nav-outline-steelblue {
  --bs-btn-color: rgb(57,106,168);
  --bs-btn-border-color: rgb(222, 226, 230);
  --bs-btn-hover-color: rgb(255,255,255);
  --bs-btn-hover-bg: rgb(97,146,208);
  --bs-btn-hover-border-color: rgb(57,106,168);
  --bs-btn-focus-shadow-rgb: 87,136,198;
  --bs-btn-active-color: rgb(255,255,255);
  --bs-btn-active-bg: rgb(57,106,168);
  --bs-btn-active-border-color: rgb(57,106,168);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(27,76,138, 0.125);
  --bs-btn-disabled-color: rgb(145,151,165);
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}

body.login {
  background: url("../images/bg.png") 0 0 transparent;
  background-size: 110px auto;
}

body.page_admin {
   padding-top: calc(24px + .5rem);
}

body.page_admin_old {
   padding-top: 0;
}
@media screen and (min-width: 960px) {
  body.page_admin_old {
    padding-top: calc(24px + .5rem);
  }
}


.w-0 {
  width: 0 !important;
}

.style-d-none {
  display: none;
}

.bg-green-white {
  background: rgb(247,252,247);
}

.bg-adm-rapido {
  background: #DDDDDD;
}

.btn-green {
  background-color: #1FBBA6;
  border-color: #1ba593;
  color: #ffffff;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active {
  background-color: #1ba593;
  border-color: #188f7f;
  color: #ffffff;
}
.btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled]:active, .btn-green[disabled].active, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {
  background-color: #f5fdfc;
  border-color: #dffaf6;
  color: #ffffff;
}

.btn-list-item {
  border: transparent 0 none !important;
  background: none !important;
}
.btn-list-item:hover, .btn-list-item:focus, .btn-list-item:active, .btn-list-item.active {
  color: #0d6efd !important;
}

.topbar {
  background: #B6B6B6;
  background-color: #d0d0d0 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0 0px), to(#B6B6B6 100%));
  background-image: -webkit-linear-gradient(top, #d0d0d0 0px, #B6B6B6 100%);
  background-image: -moz-linear-gradient(top, #d0d0d0 0px, #B6B6B6 100%);
  background-image: -ms-linear-gradient(top, #d0d0d0 0px, #B6B6B6 100%);
  background-image: -o-linear-gradient(top, #d0d0d0 0px, #B6B6B6 100%);
  background-image: linear-gradient(top, #d0d0d0 0px, #B6B6B6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d0d0d0 0px', endColorStr='#B6B6B6 100%');
  z-index: 10;
}

.btn-menu-admin {
  font-size: 12px;
  color: #b7b8b8;
  background: transparent;
}
.btn-menu-admin:hover,
.btn-menu-admin:focus,
.btn-menu-admin:active {
  color: #b6b6b6;
  border-color: transparent;
}

/* ------- navigation */

.adm_nav_col {
  height: calc(100vh - 24px - .5rem);
  overflow-x: visible;
  z-index: 5;
}
.adm_nav_col.vis_hidden {
  
}

.adm_nav_wr {
  width: 0px;
  overflow: visible;
}
@media screen and (min-width: 992px) {
.adm_nav_wr {
  width: 200px;
  -webkit-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
	-ms-transition: width 0.5s linear;
	-o-transition: width 0.5s linear;
  transition: width 0.5s linear;
}
.adm_nav_col.vis_hidden .adm_nav_wr {
  width: 10px;
  -webkit-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
	-ms-transition: width 0.5s linear;
	-o-transition: width 0.5s linear;
  transition: width 0.5s linear;
}
}

  .adm_nav_wr .el_vis_close {
    height: calc(100vh - 24px - 33px);
    overflow-x: visible;
    overflow-y: auto;
  }
    /*.adm_nav_wr .collapse.show {
      min-width: 80vw;
    }*/
    .adm_nav_wr .b_menu_vis .btn {
      display: none;
      width: 0;
      color: #b3b7be;
    }
    .adm_nav_wr .b_menu_vis .btn:hover,
    .adm_nav_wr .b_menu_vis .btn:focus,
    .adm_nav_wr .b_menu_vis .btn:active {
      color: #181d27;
      background: #e5e8ed;
    }
@media screen and (min-width: 576px) {
  /*.adm_nav_wr .el_vis_close {
    width: 65vw;
  }*/
}
@media screen and (min-width: 768px) {
  /*.adm_nav_wr .el_vis_close {
    width: 50vw;
  }*/
}
@media screen and (min-width: 992px) {
  .adm_nav_wr .el_vis_close {
    width: 200px;
    
    -webkit-transition: width 0.5s linear;
    -moz-transition: width 0.5s linear;
    -ms-transition: width 0.5s linear;
    -o-transition: width 0.5s linear;
    transition: width 0.5s linear;
  }
  .adm_nav_wr.vis_hidden .el_vis_close {
    width: 0;
    max-height: 100%;
    overflow-y: hidden;
    -webkit-transition: width 0.5s linear;
    -moz-transition: width 0.5s linear;
    -ms-transition: width 0.5s linear;
    -o-transition: width 0.5s linear;
    transition: width 0.5s linear;
  }
    .adm_nav_wr.vis_hidden .el_vis_close > * {
      visibility: hidden;
    }
    .adm_nav_wr .b_menu_vis .btn {
      display: inline-block;
      width: 0;
      -webkit-transition: width 0.5s linear;
      -moz-transition: width 0.5s linear;
      -ms-transition: width 0.5s linear;
      -o-transition: width 0.5s linear;
      transition: width 0.5s linear;
    }
    .adm_nav_wr.vis_hidden .b_menu_vis .btn {
      width: 32px;
      -webkit-transition: width 0.5s linear;
      -moz-transition: width 0.5s linear;
      -ms-transition: width 0.5s linear;
      -o-transition: width 0.5s linear;
      transition: width 0.5s linear;
    }
}

#adminMenuStart .accordion-button,#adminMenuStart .link_btn {
  padding: 10px 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #181d27;
  text-decoration: none;
  line-height: 1;
  background: #f7f8fa;
  box-shadow: none;
}
#adminMenuStart .accordion-button:hover,
#adminMenuStart .accordion-button:focus,
#adminMenuStart .accordion-button:active,
#adminMenuStart .accordion-button.active,
#adminMenuStart .link_btn:hover,
#adminMenuStart .link_btn:focus,
#adminMenuStart .link_btn:active {
  color: #181d27;
  background: #f1f3f6;
}
#adminMenuStart .accordion-button::after {
  width: 12px;
  height: 12px;
  background-size: cover;
  opacity: .5;
}

#adminMenuStart .accordion-button .fa,
#adminMenuStart .accordion-button .fas,
#adminMenuStart .link_btn .fa,
#adminMenuStart .link_btn .fas {
  font-size: 13px;
  color: #b3b7be;
}
#adminMenuStart .link_btn .fa {
  height: 13px;
}

#adminMenuStart a {
  font-size: 13px;
  background: transparent;
}
#adminMenuStart a:hover,
#adminMenuStart a:focus,
#adminMenuStart a:active {
  background: #e5e8ed;
}

/* стрелки для кнопок sort a-z + 1-9 */
.btn_sort_az,
.btn_sort_az:hover,
.btn_sort_az:focus,
.btn_sort_az.active:hover,
.btn_sort_az.active:focus,
.btn_sort_az.active,
.btn_sort_19,
.btn_sort_19:hover,
.btn_sort_19:focus,
.btn_sort_19.active:hover,
.btn_sort_19.active:focus,
.btn_sort_19.active  {
  background: transparent !important;
}

.btn_sort_az::after, .btn_sort_19::after  {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  font-style: normal;
  color: #6c757d;
}
.btn_sort_az.asc::after {
  content: "\f15d";
}
.btn_sort_az.desc::after {
  content: "\f15e";
}
.btn_sort_19.asc::after {
  content: "\f162";
}
.btn_sort_19.desc::after {
  content: "\f163";
}
.btn_sort_az.active::after, .btn_sort_19.active::after  {
  color: #0d6efd;
}
.btn_sort_az:hover::after,
.btn_sort_az:focus::after,
.btn_sort_az.active:hover::after,
.btn_sort_az.active:focus::after,
.btn_sort_19:hover::after,
.btn_sort_19:focus::after,
.btn_sort_19.active::after,
.btn_sort_19.focus::after {
  color: #c50707;
}