/*  tags */

/* *:not(.fa) {
  font-family: 'Open Sans', sans-serif;
} */

html, body {
  background: #035d66;
}

h1, .h1 {
  color: #035d66;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: normal;
}
.h1 {
  font-size: 1.3em;
  line-height: 1.3;
}

.container h1 {
  margin-bottom: 2rem;
  /*margin-top: 2rem;*/
  text-transform: uppercase;
  color: #035d66;
  font-weight: 700;
  padding-top: 3rem !important;
  cursor: pointer;
  font-size: 2rem;
}
.adaptive-h1{
  white-space: pre-wrap;
  word-break: break-word;
}

.container h2 {
  margin-top: 0 !important;
  padding-top: 3rem !important;
}
.custom-menu.filtered.show.hidden {
  display: none;
}

.custom-menu[aria-expanded="true"] .arrow {
  transform: rotate(180deg);
}

.input-group input::placeholder {
  color: black !important;
}

.label-custom {
  color: black !important;
}

.info-container h1 {
  border-bottom: 1px solid #035d66;
  padding: 15px 0 8px;
  font-weight: bold;
  margin-bottom: 30px;
}

label {
  color: #798485;
  font-size: .9em;
}

span.error {
    color: #f00;
    padding-left: 10px;
}

a, a:link, a:visited {
  color: #035d66;
}
a.active, .active {
  color: #ff4e84;
}
a:hover, a:active {
  color: #d25043;
  text-decoration: none;
}
a.inactive, .inactive {
  color: #a6abad;
}
a.inactive:hover, a.inactive:active {
  color: #ff4e84;
}
.activeIndicator{
  background-color: #ff4e84 !important;
}

.links a {
  color: #ff4e84;
}

.page-link {
    padding: 0;
    font-size: 14px;
    border: none;
    background-color: transparent;
}

.page-item.active .page-link {
    color: #ff4e84;
    background-color: transparent;
}

.dropdown-item.active, .list-group-item.active {
  background: #035d66;
  border-color: #035d66;
}
.stable-nav .dropdown-item.active {
  background: #fff;
  color: #ff4e84;
  border-color: #ff4e84;
}

a, a *, input, select {
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  -ms-transition: all .2s linear;
  transition: all .2s linear;
}

.row img {
  max-width: 100%;
}
@media (max-width: 640px) {
  #headerLogo{
    max-width: 120px !important;
  }
}

.row .books-cover img {
  max-width: 150px;
}

footer {
  font-size: .85em;
}
footer span {
  font-size: .8em;
  margin-right: 5px;
}

label {
  cursor: pointer;
}

p.split {
  padding: 0;
  margin: 0;
}

::selection{background:#cce8f6;}
::-moz-selection{background:#cce8f6;}

ul.ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  padding-top: 20px;
  padding-bottom: 10px;
}
ul.ul li {
  padding-left: 30px;
  margin-left: 0;
  position: relative;
  line-height: 1.5;
  padding-bottom: 10px;
}
ul.ul li::before {
  content: "•";
  display: block;
  color: #009299;
  font-size: 35px;
  line-height: 30px;
  height: 30px;
  position: absolute;
  top: -3px;
  left: 1px;
  font-weight: bold;
}
ul.ul.star li::before {
  content: "★";
  color: #ff4d85;
  font-size: 20px;
}
ul.ul.ulm {
  padding-top: 5px;
}
ul.ul.ulm li {
  padding-left: 50px;
}
ul.ul.ulm li::before {
  content: "";
  display: none;
}
ul.ul.ulm li img.bull {
  position: absolute;
  top: 5px;
  left: 1px;
  max-width: 25px;
}



/*  common */

.hidden { display: none; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #a3b9bc !important; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a3b9bc !important; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a3b9bc !important; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #a3b9bc !important; }
input::placeholder, textarea::placeholder { color: #a3b9bc !important; font-size: .8em !important; }

.bg-light {
  background: #f5f5f5 !important;
}
.text-grey {
  color: #a6abad !important;
}

.stripe {
  /*padding: 1.5rem 0;*/
  width: 100%;
  margin: 0;
}

.dropdown-menu a {
  text-transform: uppercase;
  margin: 3px 0 5px;
  font-size: .8em;
}
.dropdown-menu a:hover {
  color: #ff4e84;
}

h2.h2-central {
  text-align: center;
  text-transform: uppercase;
  font-size: 18pt;
  font-weight: bold;
  color: #ff4e84;
  background: #fff url('../images/b/divider-1.png') no-repeat center center;
  margin: 5px 0 15px;
}
h2.h2-central.h2-central-2 {
  color: #035d66;
  background-image: url('../images/b/divider-2.png');
}

.text-divider {
  position: relative;
  opacity: .95;
}
.text-divider::after {
  content: '';
  position: absolute;
  left: 5%;
  right: 5%;
  top: 50%;
  border-top: 1px solid #e7e7e7;
}
.text-divider span {
  padding: 0 20px;
  background: #fff;
  z-index: 1000;
  position: relative;
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #ff4e84;
  background-color: #ff4e84;
}
.custom-control-input.dark:checked~.custom-control-label::before {
  border-color: #035d66;
  background-color: #035d66;
}

.dropdown-with-bars .dropdown-toggle::after {
  display: none;
}
.dropdown-with-bars a.dropdown-toggle {
  color: #fff !important;
  text-transform: uppercase;
  font-size: .8em;
}

.row-professions {
  margin-top: 25px;
}
a.tile, .tile-chapter {
  display: block;
  position: relative;
  width: 100%;
  height: 150px;
  border: 1px solid #035d66;
  background: #035d66;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 100px 7px 0 7px;
  font-size: .6em;
  text-align: center;
  border-radius: 4px;
  margin-bottom: 10px;
}
.row-specialities-all a.tile {
  margin-bottom: 20px;
}
.row.row-specialities {
    margin-top: 10px;
}
.row .tile-specialities img {
    border-radius: 4px;
}
a.tile:hover, a.tile:active {
  border: 1px solid #035d66;
  background: #fff;
  color: #035d66;
}
a.tile.tile-professions, .tile-chapter {
  border: 1px solid #035d66;
  background: #fff;
  color: #035d66;
}
a.tile.tile-professions:hover, a.tile.tile-professions:active {
  border: 1px solid transparent;
  background: #035d66;
  color: #fff;
}
a.tile.tile-btn {
  height: 50px;
  padding-top: 20px;
}

a.tile i.icon {
  display: block;
  position: absolute;
  top: 38px;
  left: 25px;
  right: 25px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
a.tile i.icon.icon-secondary {
  display: none;
}
a.tile:hover i.icon.icon-primary {
  display: none;
}
a.tile:hover i.icon.icon-secondary {
  display: block;
}

a.tile-spec, .tile-spec {
  display: block;
  position: relative;
  width: 100%;
  height: 275px;
  border: 0;
  color: #035d66;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .7em;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.tile-spec-h {
  height: 150px;
}
.tile-spec span {
  display: block;
  width: 200px;
}
.tile-spec.tile-spec-h span {
  width: 100%;
}
.tile-spec span.img {
  height: 200px;
  line-height: 200px;
  background: #035d66;
  border-radius: 4px;
}
.tile-spec.tile-spec-h span.img {
  height: 100px;
  line-height: 100px;
}
.tile-spec span.img img {
  max-width: 98px;
  max-height: 98px;
}
.tile-spec.tile-spec-h span.img img {
  max-width: 49px;
  max-height: 49px;
}
.tile-spec span.txt {
  margin-top: 10px;
}

header #nav-mid-tab{
  display: none;
  background-color: #fff;
}
.container-for-new-nav{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow-x: auto;
  padding-bottom: 4px;
}
.container-for-new-nav::-webkit-scrollbar{
  width: 4px;
  height: 8px;
  background-color: #CCCCCC;
}
.container-for-new-nav::-webkit-scrollbar-thumb{
  background-color: #035D66;
  border-radius: 10px;
}
.new-link{
  background-color: #035D66;
  flex: 0 0 auto;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff !important;
  width: 160px;
  height: 64px;
}
.new-link:hover{
  background-color: #ff4e84;
  color: #fff;
}
.active-link{
  background-color: #ff4e84;
}
#tab-nav{
  display: none;
}



/*navbar app.blade*/
.navbar-toggler span {
  display: block;
  background-color: #4f4f4f;
  height: 3px;
  width: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  opacity: 1;
  transition: all 0.35s ease-out;
  transform-origin: center left;
}
.navbar-toggler span:nth-child(1) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(2) {
  opacity: 1;
}

.navbar-toggler span:nth-child(3) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(1) {
  margin-top: 0.3em;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  transform: translate(15%, -33%) rotate(45deg);
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  transform: translate(15%, 33%) rotate(-45deg);
}

.search-mobile{
  display: none;
  width: 20px !important;
  height: 20px;
}
.menu-roiv-info a{
  color: #fff;
}
/*.lk-menu{*/
/*  overflow-y: scroll;*/
/*  max-height: 100%;*/
/*}*/

.lk-menu .nav-link{
  padding-left: 16px;
  text-transform: uppercase !important;
}
.lk-menu a.active{
  border-left-color: #fff !important;
  font-weight: 700 !important;
}

.lk-menu a:hover{
  border-left-color: #fff !important;
}
.lk-menu::-webkit-scrollbar{
  width: 10px;
  background-color: #035D66;
}
.lk-menu::-webkit-scrollbar-thumb{
  background-color: #ccc;
  border-radius: 10px;
}
@media (max-width: 640px) {
  header #nav-mid{
    display: none;
  }
  header #nav-mid-tab{
    display: block;
  }
  #desk-nav{
    display: none;
  }
  #tab-nav{
    display: flex;
  }
  .new-menu{
    height: 735px;
    overflow-y: scroll;
  }
  .lk-menu{
    overflow-y: scroll;
    height: 351px;
  }

}
@media (max-width: 375px) {
  /*#hide-logo{*/
  /*  display: none;*/
  /*}*/
  .new-link{
    width: 95px;
    font-size: 12px;
    line-height: 16px;
  }
  .search-desk{
    display: none;
  }
  .search-mobile{
    display: block;
  }
  .new-menu{
    height: 650px;
    width: 350px;
    overflow-y: scroll;
  }
  .new-menu .dropdown-item{
    padding: 2px 12px;
  }
  .lk-menu{
    height: 260px;
  }
  .lk-menu .nav-link{
    font-size: 12px;
    line-height: 16px;
  }
}

.tile-spec:hover span.img-spec-24, .tile.tile-professions-24:hover { background: #143cab; }
.tile.tile-specialities-24:hover { color: #143cab; border-color: #143cab;  }
.tile-spec:hover span.img-spec-07, .tile.tile-professions-07:hover { background: #bcb326; }
.tile.tile-specialities-07:hover { color: #bcb326; border-color: #bcb326;  }
.tile-spec:hover span.img-spec-25, .tile.tile-professions-25:hover { background: #64c4c3; }
.tile.tile-specialities-25:hover { color: #64c4c3; border-color: #64c4c3;  }
.tile-spec:hover span.img-spec-36, .tile.tile-professions-36:hover { background: #0f742e; }
.tile.tile-specialities-36:hover { color: #0f742e; border-color: #0f742e;  }
.tile-spec:hover span.img-spec-54, .tile.tile-professions-54:hover { background: #bd8c90; }
.tile.tile-specialities-54:hover { color: #bd8c90; border-color: #bd8c90;  }
.tile-spec:hover span.img-spec-09, .tile.tile-professions-09:hover { background: #606c7c; }
.tile.tile-specialities-09:hover { color: #606c7c; border-color: #606c7c;  }
.tile-spec:hover span.img-spec-10, .tile.tile-professions-10:hover { background: #2b3849; }
.tile.tile-specialities-10:hover { color: #2b3849; border-color: #2b3849;  }
.tile-spec:hover span.img-spec-50, .tile.tile-professions-50:hover { background: #7a4147; }
.tile.tile-specialities-50:hover { color: #7a4147; border-color: #7a4147;  }
.tile-spec:hover span.img-spec-46, .tile.tile-professions-46:hover { background: #d25043; }
.tile.tile-specialities-46:hover { color: #d25043; border-color: #d25043;  }
.tile-spec:hover span.img-spec-31, .tile.tile-professions-31:hover { background: #89af4a; }
.tile.tile-specialities-31:hover { color: #89af4a; border-color: #89af4a;  }
.tile-spec:hover span.img-spec-51, .tile.tile-professions-51:hover { background: #50151b; }
.tile.tile-specialities-51:hover { color: #50151b; border-color: #50151b;  }
.tile-spec:hover span.img-spec-15, .tile.tile-professions-15:hover { background: #00144f; }
.tile.tile-specialities-15:hover { color: #00144f; border-color: #00144f;  }
.tile-spec:hover span.img-spec-53, .tile.tile-professions-53:hover { background: #cc79c7; }
.tile.tile-specialities-53:hover { color: #cc79c7; border-color: #cc79c7;  }
.tile-spec:hover span.img-spec-05, .tile.tile-professions-05:hover { background: #2994be; }
.tile.tile-specialities-05:hover { color: #2994be; border-color: #2994be;  }
.tile-spec:hover span.img-spec-32, .tile.tile-professions-32:hover { background: #5b3729; }
.tile.tile-specialities-32:hover { color: #5b3729; border-color: #5b3729;  }
.tile-spec:hover span.img-spec-44, .tile.tile-professions-44:hover { background: #40509b; }
.tile.tile-specialities-44:hover { color: #40509b; border-color: #40509b;  }
.tile-spec:hover span.img-spec-21, .tile.tile-professions-21:hover { background: #757201; }
.tile.tile-specialities-21:hover { color: #757201; border-color: #757201;  }
.tile-spec:hover span.img-spec-19, .tile.tile-professions-19:hover { background: #e31e25; }
.tile.tile-specialities-19:hover { color: #e31e25; border-color: #e31e25;  }
.tile-spec:hover span.img-spec-35, .tile.tile-professions-35:hover { background: #329751; }
.tile.tile-specialities-35:hover { color: #329751; border-color: #329751;  }
.tile-spec:hover span.img-spec-43, .tile.tile-professions-43:hover { background: #ed5f6d; }
.tile.tile-specialities-43:hover { color: #ed5f6d; border-color: #ed5f6d;  }
.tile-spec:hover span.img-spec-34, .tile.tile-professions-34:hover { background: #5cbade; }
.tile.tile-specialities-34:hover { color: #5cbade; border-color: #5cbade;  }
.tile-spec:hover span.img-spec-39, .tile.tile-professions-39:hover { background: #347b8d; }
.tile.tile-specialities-39:hover { color: #347b8d; border-color: #347b8d;  }
.tile-spec:hover span.img-spec-42, .tile.tile-professions-42:hover { background: #4d6bb1; }
.tile.tile-specialities-42:hover { color: #4d6bb1; border-color: #4d6bb1;  }
.tile-spec:hover span.img-spec-52, .tile.tile-professions-52:hover { background: #5b3b3e; }
.tile.tile-specialities-52:hover { color: #5b3b3e; border-color: #5b3b3e;  }
.tile-spec:hover span.img-spec-26, .tile.tile-professions-26:hover { background: #115958; }
.tile.tile-specialities-26:hover { color: #115958; border-color: #115958;  }
.tile-spec:hover span.img-spec-08, .tile.tile-professions-08:hover { background: #c3a94c; }
.tile.tile-specialities-08:hover { color: #c3a94c; border-color: #c3a94c;  }
.tile-spec:hover span.img-spec-29, .tile.tile-professions-29:hover { background: #b0000d; }
.tile.tile-specialities-29:hover { color: #b0000d; border-color: #b0000d;  }
.tile-spec:hover span.img-spec-22, .tile.tile-professions-22:hover { background: #7409a7; }
.tile.tile-specialities-22:hover { color: #7409a7; border-color: #7409a7;  }
.tile-spec:hover span.img-spec-20, .tile.tile-professions-20:hover { background: #3d6b00; }
.tile.tile-specialities-20:hover { color: #3d6b00; border-color: #3d6b00;  }
.tile-spec:hover span.img-spec-27, .tile.tile-professions-27:hover { background: #96345b; }
.tile.tile-specialities-27:hover { color: #96345b; border-color: #96345b;  }
.tile-spec:hover span.img-spec-33, .tile.tile-professions-33:hover { background: #0e5d7c; }
.tile.tile-specialities-33:hover { color: #0e5d7c; border-color: #0e5d7c;  }
.tile-spec:hover span.img-spec-49, .tile.tile-professions-49:hover { background: #faa139; }
.tile.tile-specialities-49:hover { color: #faa139; border-color: #faa139;  }
.tile-spec:hover span.img-spec-12, .tile.tile-professions-12:hover { background: #415a78; }
.tile.tile-specialities-12:hover { color: #415a78; border-color: #415a78;  }
.tile-spec:hover span.img-spec-18, .tile.tile-professions-18:hover { background: #2d613d; }
.tile.tile-specialities-18:hover { color: #2d613d; border-color: #2d613d;  }
.tile-spec:hover span.img-spec-38, .tile.tile-professions-38:hover { background: #704b9b; }
.tile.tile-specialities-38:hover { color: #704b9b; border-color: #704b9b;  }
.tile-spec:hover span.img-spec-55, .tile.tile-professions-55:hover { background: #66083d; }
.tile.tile-specialities-55:hover { color: #66083d; border-color: #66083d;  }
.tile-spec:hover span.img-spec-13, .tile.tile-professions-13:hover { background: #182a5c; }
.tile.tile-specialities-13:hover { color: #182a5c; border-color: #182a5c;  }
.tile-spec:hover span.img-spec-11, .tile.tile-professions-11:hover { background: #2a528f; }
.tile.tile-specialities-11:hover { color: #2a528f; border-color: #2a528f;  }
.tile-spec:hover span.img-spec-40, .tile.tile-professions-40:hover { background: #f04e41; }
.tile.tile-specialities-40:hover { color: #f04e41; border-color: #f04e41;  }
.tile-spec:hover span.img-spec-14, .tile.tile-professions-14:hover { background: #ffd600; }
.tile.tile-specialities-14:hover { color: #ffd600; border-color: #ffd600;  }

img.collection-logo { max-width: 75%; max-height: 120px; }




/*new footer*/



.new-footer{
  font-family: Montserrat, sans-serif !important;
  padding: 0;
}

.new-footer h6{
  font-weight: 500;
  margin-bottom: 16px !important;
}

.new-footer .small-text{
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
}

.new-footer .middle-text{
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.new-footer ul.list-inline.social {
  margin-top: 0;
  height: 20px !important;
  display: flex;
  align-items: center;
}

.new-footer a, #icons svg path{
  transition: .2s ease-in-out;
}

.new-footer a:hover{
  color: #ff4e84 !important;
}

.new-footer #icons svg path:hover{
  fill: #ff4e84 !important;
}

.new-footer #tab-block{
  display: none;
}
.new-footer #tab-block-2{
  display: none;
}
#desk-block #mobile-logo{
  display: none ;
}

#footerMobileBlock1{
  width: 240px;
}

#footerMobileBlock2{
  width: 213px;
  padding: 0 !important;
}

.footer-for-mobile{
  display: none;
}

.footer-for-mobile .accordion-item{
  border: 0 !important;
}
/* Полный сброс стилей аккордеона */
.footer-for-mobile.accordion {
  background: none;
  border: none;

}

.footer-for-mobile .accordion-header{
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0;
}

.footer-for-mobile .accordion-item {
  background: none;
  border: none;
  /*border-bottom: 1px solid #ddd; !* или ваш стиль *!*/
}

.footer-for-mobile .accordion-collapse{
  border: 0;
}

.footer-for-mobile .accordion-button {
  background: none;
  border: none;
  padding: 9px 0;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  box-shadow: none;
}

.footer-for-mobile .accordion-button::after{
  filter: brightness(0) invert(1);
}

.footer-for-mobile .accordion-button:not(.collapsed) {
  background: none;
  color: #fff;
  box-shadow: none;
}

/*.footer-for-mobile .accordion-button::after {*/
/*    display: none; !* скрыть стандартную иконку *!*/
/*}*/

.footer-for-mobile .accordion-body {
  padding: 0 0 1rem 0;
  background: none;
}

@media (max-width: 1200px) {
  #footerMobileBlock3{
    width: 23%;
  }
}

@media (max-width: 992px) {
  #footerMobileBlock3{
    min-width: 150px;
    width: 17%;
  }
}

@media (max-width: 991px) {
  .new-footer #desk-block{
    display: none;
  }
  .new-footer #tab-block{
    display: block;
    margin-top: 24px;
  }

  .new-footer #desk-logo{
    display: none;
  }
}
@media (max-width: 767px) {
  .new-footer #footerMobileBlock1, #footerMobileBlock2{
    margin-bottom: 32px;
  }
  /*.new-footer #footerMobileBlock2{*/
  /*  margin-left: 15px !important;*/
  /*}*/

  .new-footer #footerMobileBlock3{
    width: 45%;
  }
  .new-footer #tab-block{
    margin-top: 0;
  }
  .new-footer #tab-block-2{
    display: block;
  }
  .new-footer #tab-block{
    display: none;
  }
  .new-footer #desk-logo{
    display: block !important;
  }
}
@media (max-width: 575px) {
  .new-footer #desk-block{
    display: block;
    margin-bottom: 32px;
  }
  .new-footer #tab-block{
    display: none;
  }
  .new-footer #desk-logo{
    display: none !important;
  }
  #desk-block #mobile-logo{
    display: block;
  }
  .new-footer #tab-block-2{
    display: none;
  }
  #footerMobileBlock1, #footerMobileBlock2{
    width: 100%;
  }
  .new-footer #footerMobileBlock2{
    padding-left: 14px !important;
    margin-left: 0 !important;
  }
  .new-footer #mobile-contacts{
    flex-direction: column-reverse;
    gap: 18px;
  }
  .new-footer #footerMobileBlock3, #tab-block{
    margin-bottom: 32px;
  }
  .footer-for-mobile{
      display: block;
    padding: 0 16px;
  }
  #footer-for-desk{
      display: none;
  }

}
/*@media (min-width: 320px) {*/
/*  .new-footer #footerMobileBlock3, #tab-block{*/
/*    margin-bottom: 32px;*/
/*  }*/

/*}*/

/*end new footer*/

.books-cover {
  display: inline-block;
}
.books-title {
  font-weight: bold;
  text-transform: uppercase;
}
.books-row-sm {
  line-height: 1.1em;
}
.books-row-sm .books-title, .books-row-sm .books-author {
  font-size: .8em;
}

.carousel-control-next {
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  font-size: 1.5em;
  background: #035d66;
  border-radius: 50%;
  top: 50%;
  margin-top: -2em;
}

.modal-header {
  border: 0;
}
.modal-body .modal-title {
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  color: #035d66;
}

.shy, a.shy {
  color: #a6abad;
  font-size: .8em;
}

.btn-primary {
  background: #ff4e84;
  border-color: #ff4e84;
}
.btn-primary:hover {
  background: #d25043;
  border-color: #d25043;
}
.btn-secondary {
  background: #035d66;
  border-color: #035d66;
}
.btn-secondary:hover {
  background: #ff4e84;
  border-color: #d25043;
}
a.btn-primary, a.btn-secondary, a.btn-info {
  color: #fff;
}


.nav-tabs {
  margin-right: 1px;
  margin-bottom: 0;
  border-bottom-color: #035d66;
  font-size: .9em;
  text-transform: uppercase;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-color: #035d66 #035d66 #fff;
  color: #ff4e84;
}
.tab-content {
  border: 1px solid #035d66;
  /*border-top: 0;*/
  border-radius: 0 1px 5px 5px;
  padding: 25px 15px 5px;
}

.nav-pills .nav-link, .nav-pills .show>.nav-link {
  border-color: #17a2b8;
  border-width: 1px;
  border-style: solid;
  color: #17a2b8;
  margin: 15px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  border-color: #fe4e83;
  border-width: 1px;
  border-style: solid;
  background-color: white;
  color: #fe4e83;
}

#sidebarTabContent .tab-pane {
  max-height: 400px;
  overflow-y: auto;
}

#sidebarTabContent p, .collapse-menu p {
  font-size: .8em;
  line-height: 1.2em;
}

#sidebarTabUgpProfilesContent .tab-pane {
  max-height: 400px;
  overflow-y: auto;
}

#sidebarTabUgpProfilesContent p, .collapse-menu p {
  font-size: .8em;
  line-height: 1.2em;
}

.separate {
  padding: 10px 15px;
  margin-bottom: 10px;
  border: 1px solid #035d66;
  border-radius: 5px;
}
.square {
  min-height: 200px;
}

.separate.media {
  padding: 15px 10px 10px;
  margin-bottom: 15px;
  border: 1px solid #1c859a;
}
.media .title {
  text-transform: uppercase;
  text-decoration: underline;
}
.media p {
  margin-bottom: .3rem;
}
.media-text {
  color: #1c859a;
}
.media-h {
  text-transform: uppercase;
  font-size: 14pt;
  color: #ff4e84;
  font-weight: bold;
}
.media-h.media-h-sm {
  font-size: 12pt;
  font-weight: normal;
  border-bottom: 1px solid #ff4e84;
  padding-bottom: 3px;
}
.media-table-h {
  text-transform: uppercase;
  font-size: 9pt;
}

.table-disabled td b {
  opacity: .33;
}

.audio-block {
  margin-bottom: 25px;
}
.audio-block .row, .audio-block .row>*, .audio-block audio {
  display: block;
  width: 100%;
  max-width: 100%;
  color: #1c859a;
}
.audio-block .marmelad {
  margin-bottom: 10px;
  display: block;
  text-transform: uppercase;
  font-size: 9.5pt;
}

audio, audio * {
  outline: none;
}
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-mute-button,
audio::-webkit-media-controls-volume-slider {
  color: #fff;
}
audio::-webkit-media-controls-panel {
	background: #1c859a;
  border-radius: 3px;
}
audio::-webkit-media-controls-timeline {
	background: #1c859a;
	height: 1px;
  margin-left: 15px;
}
audio::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-current-time-display {
  color: #fff;
}


.dark {
  color: #035d66 !important;
}
.marine {
  color: #08929c !important;
}
.sm {
  font-size: .8em;
}
.tiny {
  font-size: .6em;
}
.md {
  font-size: .9em;
}
.lg {
  font-size: 1.6em;
}
.up {
  text-transform: uppercase;
}

.iconed i {
  margin-right: .5em;
}

.label-x {
  color: #035d66 !important;
  font-size: .8em;
  text-transform: uppercase;
}
.label-x span {
  margin-top: 3px;
  display: inline-block;
  padding-left: 3px;
}

.nav-fill {
  width: 100%;
}

.columns {
  columns: 2 auto;
  column-gap: 5%;
}


.form-control, .bootstrap-select button.dropdown-toggle {
  border: 1px solid #035d66;
  background: #fff;
}
.form-control:focus {
  border-color: #ff4e84;
  box-shadow: 0 0 0 0.2rem rgba(255,78,132,.25);
}

.pagination {
  padding-top: 1.5em;
}
.pagination-section, .pagination li {
  margin: 0 .5em;
}
.pagination-section a, .pagination li a {
  margin: 0 .25em;
}
.pagination li.active span {
  color: #ff4e84;
}

#books .pagination {
    margin: 0;
    padding: 0;
}

.sep {
  margin: 0 .5em;
  opacity: .75;
}

.grad {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  min-height: 35px;
}
.grad::after, .grad-2::before {
  display: block;
  content: '..................................................................................................................................................................................................................................................................................................................';
  width: 100%;
  height: 35px;
  overflow: hidden;
  font-size: 35px;
  letter-spacing: -2px;
  text-transform: uppercase;
  background: linear-gradient(to right, #018f9b, #ef5083);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #567d96;
  white-space: nowrap;
  position: absolute;
  left: 0;
  bottom: 0;
}
.grad-2::before, .grad-2::after {
  font-size: 24px;
}
.grad-2::before {
  top: -4px;
}
.grad-2::after {
  top: 0;
}

.table-collapse {
  width: auto;
}
.table-collapse td {
  padding-right: 3em;
}
table.sm-brd td, table.sm-brd th {
  border: 1px solid #eee;
  padding: 1px 2px;
}
table.sm-txt * {
  font-size: 8pt;
}
table td.cell-danger {
  background: rgba(255,0,0,.1);
}
table td.cell-success {
  background: rgba(0,255,0,.1);
}



/*  individual */

#nav-top, #nav-mid {
  background: #035d66 !important;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}

#nav-mid {
  padding: 0;
}
#nav-mid a {
  color: #fff;
  text-transform: uppercase;
  padding: 15px 0;
}
#nav-mid a:hover, #nav-mid a:active, #nav-mid a.active {
  background: #008f9b;
}


#nav-bottom {
  background: #035d66 !important;
}

#main {
  background: #fff;
}

#students {
  /*margin-top: 3rem;*/
  /*padding-top: 3rem;*/
  background-color: #fff;
  /*background: url('../images/b/header-students.jpg') no-repeat right center #fff;*/
}

#search-form input, #search-form select, #search-form button {
  background: rgba(255,255,255,.8) !important;
}
#search-form input, #search-form select {
  border-right: 0 !important;
}
#search-form button, #search-form select {
/*   border: 1px solid #ced4da; */
  border-left: 0 !important;
}
#search-form .input-group-append {
  margin-left: 0;
}


.rel {
  position: relative;
}
@media (max-width: 768px) {
  .rel{
    margin-top: 20px;
  }
}

.mrk {
  position: absolute;
  top: -15px;
  right: 0;
  color: #80adb2 !important;
  font-size: 1.2em;
}
.profile-image {
  background: #b2dee1 url('/images/icons/profile.png') no-repeat center center;
  border-radius: 3px;
  min-height: 175px;
  overflow: hidden;
}
.profile-org-image {
  background-image: url('/images/icons/profile-org.png');
}
.profile-img {
  object-fit: cover;
  vertical-align: middle;
  min-height: 175px;
}

.user {
  display: inline-block;
}
.av {
  object-fit: cover;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: -2px;
}



.media-menu {
  margin-top: -0.75em;
}
.media-menu a.btn.btn-info {
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.15);
}
.media-menu a.btn.btn-info.active {
  background: #ff4e84;
  border-color: #ff4e84;
}
.clickable {
  cursor: pointer;
  color: #035d66;
}
.click {
  cursor: pointer;
}

.info-container.text-container {
  max-width: 90%;
  padding-bottom: 50px;
}

.xs .btn-sm {
  padding: .15rem .42rem;
  font-size: .75rem;
  line-height: 1.2;
}
a.group-operations {
  text-decoration: underline;
}

@media (max-width: 375px) {
  .mobile-btn{
    padding-right: 17px !important;
    padding-left: 17px !important;
  }
}


@media screen and (max-width: 768px) {
  .info-container {
    max-width: 100%;
  }
  #students {
    background: #fff;
  }
  a.tile {
    font-size: .5em;
  }
  .books-title {
    font-size: .8em;
  }
  #nav-mid a {
    display: block;
    font-size: .8em;
    text-transform: none;
  }
  #nav-mid a u {
    display: block;
  }
}

@media (min-width: 768px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}

.bootstrap-autocomplete.dropdown-menu, .bootstrap-select .dropdown-menu {
  width: auto !important;
  max-width: 300px !important;
  z-index: 10000;
  overflow-x: hidden;
  /* overflow-y: auto;
  max-height: 400px; */
}
.bootstrap-autocomplete.dropdown-menu a, .bootstrap-select .dropdown-menu a {
  text-transform: none;
  white-space: normal;
}

.bootstrap-autocomplete.dropdown-menu a.dropdown-item.active,
.bootstrap-autocomplete.dropdown-menu a.dropdown-item:active,
.bootstrap-select .dropdown-menu a.dropdown-item:active,
.bootstrap-autocomplete.dropdown-menu a.dropdown-item:hover {
  background: #eee;
}

.dropdown.bootstrap-select.form-control {
  min-width: 175px;
}
@media screen and (max-width: 1024px){
  .dropdown.bootstrap-select.form-control {
    min-width: 125px;
  }
}




/* scroll */

.scrollLinks { width: 40px; height: 40px; position: fixed; right: 45px; cursor: pointer; background: rgba(0,0,0,.25); border-radius: 4px; color: rgba(255,255,255,.8); text-align: center; line-height: 40px; font-size: 12pt; user-select: none; display: none; bottom: 85px; z-index:300; font-weight: bold; }
#footerLinkBlock { bottom: 40px; }
@media screen and (max-width: 768px){
  .scrollLinks { bottom: 70px; right: 12px; width: 30px; height: 30px; line-height: 27px; }
  #footerLinkBlock { bottom: 35px; }
}







@media only screen and (max-width: 800px) {
	.table,
	.table thead,
	.table tbody,
	.table th,
	.table td,
	.table tr {
		display: block;
	}
	.table thead tr, .table th {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table tr { border: 1px solid #ccc; }
	.table td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 40%;
		white-space: normal;
		text-align:left;
	}
	.table td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 35%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
    opacity: .5;
    content: attr(data-title);
	}
}



.b-gree.py-4 { background: #176d75; color: #fff; font-size: 13px; line-height: 19px; }
.l-h-1 a { color: #fff !important; text-decoration: underline; }
span.d-block.phone { font-size: 18px; margin-bottom: 7px; }
span.d-block.phone-description { font-size: 13px; }
ul.list-inline.social a, ul.list-inline.social li {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    margin-right: .4rem;
}





.nav-col {
  text-transform: uppercase;
}
.nav-col a {
  padding: 2px 5px 2px 18px;
  border-left: 1px solid #035d66;
  margin-bottom: 15px;
  font-size: 11pt;
}
.nav-col.sm a {
  font-size: 10pt;
  padding-left: 13px;
}
.nav-col a.active {
  border-left-color: #ff4e84;
}
.nav-col a:active, .nav-col a:hover {
  border-left-color: #d25043;
}

.stripe.bg-dark {
  background: #018f9b !important;
}
.dot-divider {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 20px;
}
.dot-divider::after {
  font-size: 24pt;
  white-space: nowrap;
  content: "....................................................................................................................................................................";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.bg-light-2 {
  background: #e5f5f5;
}

.owl-dot {
  background: red;
  color: yellow;
}

.card-video {
  display: block;
  position: relative;
}
.card-video-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0;
  display: block;
  z-index: 1000;
}


.rating-stars {
  white-space: nowrap;
}
.star-rating {
  cursor: pointer;
  color: #eee;
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #035d66;
}
.star-rating.checked {
  color: #035d66;
  -webkit-text-fill-color: #035d66;
}
.rating-stars .descr {
  color: #999;
}
.rating-stars-id .star-rating {
  color: #fff;
  -webkit-text-fill-color: #018f9b;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffdf01;
}
.rating-stars-id .star-rating.checked {
  color: #ffdf01;
  -webkit-text-fill-color: #ffdf01;
}
.rating-stars.rating-stars-id .descr {
  color: #fff;
}

.review {
  padding: 2px 5px 2px 18px;
  border-left: 1px solid #ff4e84;
  margin-bottom: 15px;
}


.live-contents div {
  padding-top: 7px;
  position: relative;
}
.live-contents div::after {
  content: '';
  display: block;
  border-bottom: 2px dotted #ddd;
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
}
.live-contents a {
  display: block;
  position: relative;
  padding-right: 50px;
  z-index: 1000;
}
.live-contents span {
  background: #fff;
}
.live-contents span.t {
  padding-right: 9px;
}
.live-contents span.n {
  position: absolute;
  right: 0;
  bottom: 2px;
  padding-left: 9px;
}

.course-img img {
  object-fit: cover;
  height: 250px;
}




#nav-mid {
  background: #035d66;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 600px) {
  #nav-mid {
    background: #fff !important;
  }

  #nav-mid .row {
      flex: auto;
  }
}
#nav-mid a.col {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 0;
  transition: all 0.2s linear;
}
@media only screen and (max-width: 600px) {
  #nav-mid a.col {
    display: block;
    flex: auto;
    width: calc(50% - 10px);
    font-size: 1rem;
    background-color: #005e65;
    margin: 5px;
  }
}
#nav-mid a.col:hover, #nav-mid a.col:active, #nav-mid a.col.active {
  /*background: #008f9b;*/
  background: #ff4e84;
}

#nav-mid a.col.events {
  background: #ff4e84;
}
#nav-mid a.col.events:hover {
  background: #ff85b1 !important;
}
@media only screen and (max-width: 600px) {
  #nav-mid a.col.events {
    width: calc(50% - 10px);
    background-color: #ff4e84;
    margin: 5px;
  }
}

/* EVENTS PROFILE */
h2.lk {
    border-bottom: 1px solid #035d66;
    padding: 15px 0 8px;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #035d66;

}
#content-area {

}

#content-area .event-card {
    /* display: grid; */
    /* grid-template-columns: 90px 1fr 320px 210px; */
    margin-bottom: 15px;
    /* padding: 3px; */
    border: solid 10px #dadada;
}

#content-area .event-card .body {
    display: flex;
}

#content-area .event-card .title {
    padding: 10px 0 0 15px;
}

#content-area .event-card h5 {
    color: #035d66;
    font-weight: bold;
}

#content-area .event-card .date,
#content-area .event-card .category,
#content-area .event-card .leading,
#content-area .event-card .action-button {
    margin: 10px 0;
    padding: 0 15px;
    border-right: solid 1px #c7c7c7;
    text-align: center;
    color: #8a8a8a;
}

#content-area .event-card .date p,
#content-area .event-card .category p,
#content-area .event-card .leading p,
#content-area .event-card .action-button p {
    border-bottom: 1px solid #8a8a8a;
}

#content-area .event-card .date {
    width: 135px;
}

#content-area .event-card .category {
    width: 135px;
}

#content-area .event-card .leading {
    flex: 1;
}

#content-area .event-card .action {
    max-width: 125px;
}

#content-area .event-card .date span,
#content-area .event-card .category span,
#content-area .event-card .leading span {
    display: block;
    color: #050505;
    /* padding-left: 10px; */
    /* text-align: center; */
}

#content-area .event-card .action-button button {
    width: 185px;
    font-size: 0.85rem;
}

#content-area .event-card .action-button a {
    width: 185px;
    font-size: 0.85rem;
    color: #fff;
    border: none;
    padding: .375rem .75rem;
}

















#content-area .layout label,
#content-area .layout a {
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  display: inline-block;
  color: inherit;
  transition: border 0.2s;
  border-bottom: 5px solid rgba(142, 68, 173, 0.2);
  padding: 3px 2px;
}
#content-area .layout label:hover,
#content-area .layout a:hover {
  border-bottom-color: #9b59b6;
}

#content-area .layout {
  display: grid;
  height: 100%;
  width: 100%;
  overflow: hidden;
  grid-template-rows: 50px 1fr;
  grid-template-columns: 1fr 1fr;
}

#content-area .layout input[type=radio] {
  display: none;
}

#content-area .layout label.nav {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-bottom: 2px solid #ff4e84;
  background: #ecf0f1;
  user-select: none;
  transition: background 0.4s, padding-left 0.2s;
  padding-left: 0;
}
#content-area .layout input[type=radio]:checked + .page + label.nav {
  background: #ff4e84;
  color: #ffffff;
  padding-left: 20px;
}
#content-area .layout input[type=radio]:checked + .page + label.nav span {
  padding-left: 20px;
  font-size: 16px;
  text-transform: uppercase;
}
#content-area .layout input[type=radio]:checked + .page + label.nav svg {
  opacity: 1;
}
#content-area .layout label.nav span {
  padding-left: 0px;
  position: relative;
  font-size: 16px;
  text-transform: uppercase;
}
#content-area .layout label.nav svg {
  left: 0;
  top: -3px;
  position: absolute;
  width: 15px;
  opacity: 0;
  transition: opacity 0.2s;
}

#content-area .layout .page {
    grid-column-start: 1;
    grid-row-start: 2;
    grid-column-end: span 2;
    padding: 10px 0px;
    display: flex;
    /* align-items: center; */
}

#content-area .layout .page-contents > * {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.2s, transform 0.2s;
}
#content-area .layout .page-contents > *:nth-child(1) {
  transition-delay: 0.4s;
}
#content-area .layout .page-contents > *:nth-child(2) {
  transition-delay: 0.6s;
}
#content-area .layout .page-contents > *:nth-child(3) {
  transition-delay: 0.8s;
}
#content-area .layout .page-contents > *:nth-child(4) {
  transition-delay: 1s;
}
#content-area .layout .page-contents > *:nth-child(5) {
  transition-delay: 1.2s;
}
#content-area .layout .page-contents > *:nth-child(6) {
  transition-delay: 1.4s;
}
#content-area .layout .page-contents > *:nth-child(7) {
  transition-delay: 1.6s;
}
#content-area .layout .page-contents > *:nth-child(8) {
  transition-delay: 1.8s;
}
#content-area .layout .page-contents > *:nth-child(9) {
  transition-delay: 2s;
}
#content-area .layout .page-contents > *:nth-child(10) {
  transition-delay: 2.2s;
}
#content-area .layout .page-contents > *:nth-child(11) {
  transition-delay: 2.4s;
}
#content-area .layout .page-contents > *:nth-child(12) {
  transition-delay: 2.6s;
}
#content-area .layout .page-contents > *:nth-child(13) {
  transition-delay: 2.8s;
}
#content-area .layout .page-contents > *:nth-child(14) {
  transition-delay: 3s;
}
#content-area .layout .page-contents > *:nth-child(15) {
  transition-delay: 3.2s;
}
#content-area .layout .page-contents > *:nth-child(16) {
  transition-delay: 3.4s;
}
#content-area .layout .page-contents > *:nth-child(17) {
  transition-delay: 3.6s;
}
#content-area .layout .page-contents > *:nth-child(18) {
  transition-delay: 3.8s;
}
#content-area .layout .page-contents > *:nth-child(19) {
  transition-delay: 4s;
}
#content-area .layout .page-contents > *:nth-child(20) {
  transition-delay: 4.2s;
}

#content-area .layout input[type=radio] + .page {
  transition: transform 0.2s;
  transform: translateX(100%);
}

#content-area .layout input[type=radio]:checked + .page {
  transform: translateX(0%);
}
#content-area .layout input[type=radio]:checked + .page .page-contents > * {
  opacity: 1;
  transform: translateY(0px);
}

#content-area .layout .page-contents {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}

a.marketplace {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: cover;
}

a.marketplace:not(:last-child) {
  margin-right: 5px;
}

a.marketplace[href*="ozon"] {
    background-image: url('../images/marketplace_icons/ozon.png');
}

a.marketplace[href*="yandex"] {
  background-image: url('../images/marketplace_icons/yandex_market.png');
}

a.marketplace[href*="chitai-gorod"] {
  background-image: url('../images/marketplace_icons/ch_gorod.png');
}

a.marketplace[href*="wildberries"] {
  background-image: url('../images/marketplace_icons/wb.png');
}
@media(max-width: 800px) {
  .media-mb{
    margin-bottom: 15px !important;
  }
    #content-area .event-card .body {
        flex-direction: column;
    }

    #content-area .layout input[type=radio]:checked + .page + label.nav span {
        padding-left: 0px;
        text-align: center;
    }

    #content-area .layout label.nav span {
        text-align: center;
    }

    #content-area .event-card .date,
    #content-area .event-card .category,
    #content-area .event-card .leading,
    #content-area .event-card .action-button {
        width: 100%;
        display: flex;
        border-bottom: solid 1px;
    }

    #content-area .event-card .action-button {
        border-bottom: none;
    }

    #content-area .event-card .date p,
    #content-area .event-card .category p,
    #content-area .event-card .leading p,
    #content-area .event-card .action-button p {
        width: 115px;
        text-align: left;
        border-bottom: none;
    }


    #content-area .event-card .date div,
    #content-area .event-card .leading div {
        text-align: left;
        margin-bottom: 1rem;
    }

    #content-area .event-card .action-button p {
        display: none;
    }

    #content-area .event-card .action-button button {
        margin: auto;
        margin-bottom: 10px;
    }

    #content-area .layout input[type=radio]:checked + .page + label.nav {
        padding-left: 0px;
    }
}

#notifications .nav-notifications {
  border-bottom: solid 3px #cdd2e6;
}
#notifications ul.nav {
  margin-bottom: -3px !important;
}
#notifications ul.nav button {
  font-size: 16px;
  color: slategrey;
}
#notifications ul.nav button.active {
  color: #031E80;
  border-radius: 0;
  border-bottom: solid 3px #031E80;
  background-color: #fff !important;
}
#notifications .notification {
  margin: 0;
  padding: 15px 5px;
  border-bottom: solid 2px #cdd2e6;
}
#notifications .notification.unread {
  background-color: rgb(235, 255, 235)
}
#notifications .notification.unread .notification-card .notification-icon .unread-label {
  display: block;
  position: absolute;
  top: -7px;
  left: -7px;
  font-size: 12px;
  color: lawngreen;
}
#notifications .notification .notification-card {
  display: flex;
  justify-content: space-between;
}
#notifications .notification .notification-card .notification-icon {
  position: relative;
  width: 50px;
}
#notifications .notification .notification-card .notification-icon .unread-label {
  display: none;
}
#notifications .notification .notification-card .notification-body {
  width: 100%;
}
#notifications .notification .notification-card .notification-body .collapse {
  border: none !important;
}
#notifications .notification .notification-actions {
  width: 50px;
}
#notifications .notification .notification-actions:hover {
  cursor: pointer;
}
#notifications .notification .notification-actions i {
  font-size: 20px;
  color: rgba(251, 0, 0, 0.52);
}
.tt-suggestion {
  font-size: 14px;
}
.tt-suggestion:hover {
  background-color: #315C65;
}
#search-form .form-control::placeholder {
  color: #73adb0 !important;
}
.custom-control-inline .custom-control-label.label-custom {
  color: #616161 !important;
}

.custom-menu {
  cursor: pointer;
  color: #2c6f75;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  word-wrap: break-word;
  white-space: normal;
  overflow-wrap: anywhere;
}

.custom-menu[aria-expanded="true"] {
  border-bottom: 1px solid #2c6f75;
}

.custom-menu:hover {
  text-decoration: none;
}

.submenu {
  padding-left: 15px;
}

.submenu a {
  color: #2c6f75;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  word-wrap: break-word;
  white-space: normal;
  overflow-wrap: anywhere;
}

.submenu a:hover {
  text-decoration: underline;
}

.custom-menu[aria-expanded="true"] .arrow {
  transform: rotate(180deg);
}

.arrow {
  transition: transform 0.3s ease;
  font-size: 12px;
  text-decoration: none;
  margin-left: auto;
}


#data-table-books, #data-table-cycles{
  width: 822px;
  margin-bottom: 16px
}
.structure-roiv-main-p {
  font-size: 16px;
  font-weight: 600;
  font-family: "Segoe UI";
  color: black;
}
.other-p{
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  font-family: "Segoe UI";
  color: black;
}
@media (max-width: 375px) {
  .other-p{
    font-size: 10px;
    line-height: 14px;
  }
}
.adaptive-p{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: black;
}
@media (max-width: 640px) {
  .adaptive-p{
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-width: 480px) {
  .adaptive-p{
    font-size: 10px;
    line-height: 14px;
  }
}
.structure-roiv-second-p{
  font-size: 12px;
  font-weight: 400;
  font-family: "Segoe UI";
  color: #6C757D
}
.border-tp-btm-zero{
  border-bottom: 0;
  border-top: 0;
}
.many-table{
  max-width: 822px;
  margin-bottom: 96px;
}
.many-table-mobile{
  display: none;
  margin-bottom: 96px;
}
@media (max-width: 900px) {
  .many-table{
    display: none;
  }
  .many-table-mobile{
    display: block;
  }
}
.structure-table{
  width: 100%;
}
.structure-table-two{
  width: 100%;
}

.structure-table td{
  padding: 4px 8px;
}
.structure-table-two td{
  padding: 4px 8px;
}
.structure-table-three{
  width: 822px !important;
}
.statistics-users-table{
  width: 822px !important;
}
.font-for-special-table{
  font-size: 10px !important;
  line-height: 16px;
}
.structure-table .first{
  width: 666px;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

.structure-table .second{
  width: 157px;
  text-align: center;
}

.second-other{
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}
#tablesize{
  width: 822px;
}
#tablesizecycle{
  width: 822px;
}
@media (max-width: 640px) {
  .structure-table .first{
    width: 361px;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
  }
  .structure-table .second{
    width: 188px;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
  }
  #tablesize{
    width: 690px !important;
  }
  #tablesizecycle{
    width: 690px !important;
  }
}
@media (max-width: 480px) {
  .structure-table .first{
    width: 155px;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 14px !important;
  }
  .structure-table .second{
    width: 136px;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 14px !important;
  }
}
.structure-table-two .third{
  width: 270px !important;
  border-top: 0;
  border-bottom: 0;
}
.structure-table-two .fourth{
  text-align: center;
  border-top: 0;
  border-bottom: 0;
}
.structure-table-two .fifth{
  width: 180px;
  border-top: 0;
  border-bottom: 0;
  text-align: center;
}
.structure-table-two .sixth{
  width: 157px;
  border-top: 0;
  border-bottom: 0;
  text-align: center;
}
.green-td{
  color: #117B11;
}

.adaptive-search-width{
  width: 470px !important;
}
.statistics-search-width{
  width: 100%;
}

.table-article th{
  font-size: 10px;
  color: #212529;
  line-height: 16px;
  font-weight: 400 !important;
  font-family: "Segoe UI";
  padding: 8px 2px;
}
@media (max-width: 375px) {
  .adaptive-th{
    width: 90px !important;
  }
  .structure-table-three{
    width:  560px !important;
  }
  .statistics-users-table{
    width: 569px !important;
  }
  #tablesize{
    width: 510px !important;
  }
  #tablesizecycle{
    width: 600px !important;
  }
}

.table-article td{
  font-size: 14px;
  line-height: 16px;
  font-family: "Segoe UI";
  padding: 4px 8px;
}
.table-font-bold{
  font-weight: 600;
  text-align: start !important;
}
.tbody-for td{
  font-size: 14px;
  padding: 6px 8px;
  text-align: center;
}
@media (max-width: 375px) {
  .tbody-for td{
    font-size: 10px;
    line-height: 14px;
    padding: 4px 6px;
  }
  .table-article td{
    font-size: 10px;
    line-height: 14px;
    font-family: "Segoe UI";
    padding: 4px 8px;
  }
}
.required-td{
  width: 425px ;
}
.users-adaptive-td{
  width: 326px;
}
.users-adaptive-td-full{
  width: 120px;
}
.users-adaptive-last-td-full{
  width: 140px;
}
@media (max-width: 640px) {
  .required-td{
    width: 361px;
  }
}
@media (max-width: 375px) {
  .required-td{
    width: 155px;
  }
  .users-adaptive-td{
    width: 155px !important;
  }
  .users-adaptive-td-full{
    width: 80px !important;
  }
  .users-adaptive-last-td-full{
    width: 100px !important;
  }
}
.required-td-two{
  width: 372px !important;
}
@media (max-width: 640px) {
  .required-td-two{
    width: 361px !important;
  }
}
@media (max-width: 375px) {
  .required-td-two      {
    width: 155px !important;
  }
}
.display-none{
  display: none;
}
.visible-hide{
  visibility: hidden;
}
.btn-less{
  width: 121px;
  height: 31px;
  background-color: #fff;
  border: 1px solid #035D66;
  color: #035D66;
  border-radius: 5px;
  transition: .2s ease-in-out;
  padding: 4px 16px;
}
.btn-less:hover{
  background-color: #fff;
  color: #03b1c5;
}
.btn-show-more{
  width: 121px;
  height: 31px;
  background-color: #035D66;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  transition: .2s ease-in-out;
  border: 0;
  padding: 4px 16px;
}
.btn-show-more:hover{
  background-color: #ff4e84;
}
.disabled-btn{
  opacity: 0.6;
  cursor: not-allowed;
}
.deploy-btn{
  cursor: pointer;
  transition: .1s ease-in-out;
  transform: rotate(0);
}
.btnOn{
  transform: rotate(0.5turn) ;
}
/*.deploy-btn-active{*/
/*  cursor: pointer;*/
/*  transform: rotate(0.5turn) ;*/
/*  transition: .1s ease-in-out;*/
/*}*/
.btn-cycle{
  border-radius: 5px;
  background-color: #ff4e84;
  color: #fff;
  font-size: 14px;
  transition: .2s ease-in-out;
  border: 0;
  padding: 4px 16px;
}
.notActiveCycle{
  width: 121px;
  height: 31px;
  background-color: rgb(3, 93, 102);
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  transition: .2s ease-in-out;
  border: 0;
  padding: 4px 16px;
}
.notActiveCycle:hover{
  background-color: #ff4e84;
}
.activeCycle{
  background-color: #ff4e84 !important;
}
.activeCycle:hover{
  background-color: rgb(3, 93, 102) !important;
}
/*css custom multiselect*/
.custom-combobox-container {
  position: relative;
  width: 100%;
  max-width: 501px;
  height: 31px;
  outline: none;
  border: none;
  cursor: pointer;
  margin-bottom: 2px;
}
.custom-combobox {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  border: 1px solid #035D66;
  padding: 8px 12px;
  border-radius: 4px;
  background: white;
}
.custom-combobox input[type="text"] {
  width: 100%;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  color: #035D66;
}
.options-container {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 1000;
  border: 1px solid #ccc;
  border-top: none;
  max-height: 200px;
  overflow-y: auto;
  background: white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.options-container label {
  display: flex;
  align-items: flex-start;
  padding: 8px 12px;
  margin: 0;
  cursor: pointer;
  transition: background 0.2s;
}
.options-container label:hover {
  background: #f5f5f5;
}
/*.options-container input[type="checkbox"] {*/
/*  margin-right: 8px;*/
/*  accent-color: #035D66;*/
/*}*/
.options-container input[type="checkbox"] {
  margin-top: 3px;
  margin-right: 8px;
  appearance: none; /* Скрываем стандартный чекбокс */
  width: 18px !important;
  height: 18px;
  border: 1px solid #035D66;
  border-radius: 4px;
  outline: none;
  transition: 0.1s;
}
.options-container input[type="checkbox"]:checked{
  background-color: #035D66;
}
.options-container input[type="checkbox"]:checked::before{
  content: "✓";
  color: #fff !important;
  display: block;
  text-align: center;
  line-height: 18px;
}
.options-container::-webkit-scrollbar {
  width: 4px;
}
.options-container::-webkit-scrollbar-thumb {
  background-color: #035D66;
  border-radius: 3px;
}
.custom-label-span{
  width: 80%;
}
/*scroll*/
.all-table{
  padding-bottom: 15px;
  /*margin-bottom: 96px;*/
  overflow-x: auto;
}
.all-table::-webkit-scrollbar {
  height: 8px;
  background-color: #B2DEE1;
}
.all-table::-webkit-scrollbar-thumb {
  background-color: #035D66;
  border-radius: 10px;
}



/*messages*/
.messages-user{
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #FFFFFF33;
  display: none;
  justify-content: center;
}
.main-messages-block{
  margin-top: 36px;
  border: 2px solid #ccc;
  padding: 16px;
}
@media (width: 768px) {
  .main-messages-block{
    width: 150% !important;
  }
}
.mobile-link{
  display: none;
  text-decoration: none;
  outline: none;
  color: #ff4e84 !important;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  width: 53px;
}
@media (max-width: 640px) {
  .messages-user{
    display: flex;
  }
  .main-messages-block{
    border: 0;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 392px;
  }
  .search-contact{
    width: 92.5% !important;
  }
  .search-btn{
    width: 7.5% !important;
  }
  #windowSearch[data-size="messagesDekstop"]{
    display: none !important;
  }
  #windowSearch[data-size="messagesMobile"]{
    display: block !important;
  }
  .mobile-link{
    display: block;
  }
  .mobile-window{
    max-width: 100% !important;
    flex: 100% !important;
    display: none ;
    padding: 0 !important;
    /*padding: 0 !important;*/
  }
  #messagesHideFullSearch{
    display: none;
  }
}
@media (max-width: 375px) {
  .search-contact{
    width: 88% !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }
  .search-btn{
    width: 12% !important;
  }
}
.search-contact{
  border: 0;
  border-radius: 5px;
  background-color: #F5F5F5;
  width: 75%;
  height: 31px;
  padding: 6px ;
  font-size: 14px;
}
.search-contact::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  background: linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(3, 93, 102, 1) 45%, rgba(3, 93, 102, 1) 55%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%),
  linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(3, 93, 102, 1) 45%, rgba(3, 93, 102, 1) 55%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%);
  cursor: pointer;
}
.search-contact::-moz-search-cancel-button {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  background: linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(3, 93, 102, 1) 45%, rgba(3, 93, 102, 1) 55%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%),
  linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(3, 93, 102, 1) 45%, rgba(3, 93, 102, 1) 55%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%);
  cursor: pointer;
}
.search-contact-mobile{
  border: 0;
  border-radius: 5px;
  background-color: #F5F5F5;
  width: 100%;
  height: 31px;
  padding: 6px ;
  font-size: 14px;
}
.search-contact-mobile::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  background: linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(3, 93, 102, 1) 45%, rgba(3, 93, 102, 1) 55%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%),
  linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(3, 93, 102, 1) 45%, rgba(3, 93, 102, 1) 55%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%);
  cursor: pointer;
}
.search-contact-mobile::-moz-search-cancel-button {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  background: linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(3, 93, 102, 1) 45%, rgba(3, 93, 102, 1) 55%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%),
  linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 43%, rgba(3, 93, 102, 1) 45%, rgba(3, 93, 102, 1) 55%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 100%);
  cursor: pointer;
}

.important-width{
  width: 100% !important;
}

.search-contact:focus{
  outline: none;
}
.search-style{
  background-color: #fff !important;
  border: 1px solid #035D66 !important;
}
.search-btn{
  border: 0;
  background-color: #035D66;
  border-radius: 5px;
  color: #fff;
  width: 25%;
  height: 31px;
  /*margin-left: 3px;*/
}

.hide-div{
  width: 92%;
  max-height: 184px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  border: 2px solid #ccc;
  border-top: 0;
  position: absolute;
  background-color: #fff;
}
.hide-div-mobile{
  width: 69%;
  max-height: 184px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  border: 2px solid #ccc;
  border-top: 0;
  position: absolute;
  background-color: #fff;
}
#bodyName{
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 600 !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
#bodyRole{
  font-size: 10px !important;
  line-height: 14px !important;
  font-weight: 400 !important;
  color: #6C757D80
}
@media (max-width: 1199px){
  .hide-div{
    width: 110% !important;
  }
}
@media (max-width: 991px){
  .hide-div{
    width: 133% !important;
  }
}
@media (max-width: 767px){
  .hide-div{
    width: 88% !important;
  }
}
@media (max-width: 640px) {
  .hide-div{
    width: 94% !important;
    max-height: 394px;
  }
  #bodyOneHideElem{
    width: 90% !important;
  }
  .hide-div-mobile{
    width: 100% !important;
    max-height: 394px;
    z-index: 150;
  }
}
@media (max-width: 375px) {
  .hide-div{
    width: 90% !important;
  }
  #bodyOneHideElem{
    width: 83% !important;
  }
  .hide-div-mobile{
    width: 100% !important;
  }
}
.hide-div-second::-webkit-scrollbar, .hide-div::-webkit-scrollbar, .messages-container::-webkit-scrollbar, .hide-div-mobile::-webkit-scrollbar, .scroll-for-users::-webkit-scrollbar, .scroll-for-users-tab::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  background-color: #CCCCCC;
}
.hide-div-second::-webkit-scrollbar-thumb, .hide-div::-webkit-scrollbar-thumb, .messages-container::-webkit-scrollbar-thumb, .hide-div-mobile::-webkit-scrollbar-thumb, .scroll-for-users::-webkit-scrollbar-thumb, .scroll-for-users-tab::-webkit-scrollbar-thumb {
  background-color: #035D66;
  border-radius: 10px;
}
#containerForPreview::-webkit-scrollbar{
  height: 4px;
  background-color: #CCCCCC;
}
#containerForPreview::-webkit-scrollbar-thumb{
  background-color: #035D66;
  border-radius: 10px;
}
.hide-div-second{
  width: 95%;
  height: 100%;
  max-height: 85%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  position: absolute;
  background-color: #fff;
}
.one-hide-elem{
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
  padding: 14px 16px;
  gap: 8px;
}
.justify-between{
  justify-content: space-between;
}
.justify-normal{
  justify-content: normal;
}
.one-hide-elem-mobile{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
}
.one-hide-elem:hover{
  background-color: #17A2B81A;
  cursor: pointer;
}
@media (max-width: 375px) {
  .one-hide-elem{
    padding: 8px;
  }
  .one-hide-elem-mobile{
    padding: 8px;
  }
}

.elem-active{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  background-color: #17A2B81A;
}

.scroll-for-users{
  height: 310px;
  overflow-y: auto;
}

.scroll-for-users-tab{
  height: 516px;
  overflow-y: auto;
}
@media (max-width: 375px) {
  .scroll-for-users-tab{
    height: 400px !important;
  }
}

.message-from-u-word{
  font-size: 12px;
  color: #6c757d;
}

.message-from-msg{
  font-size: 12px;
  color: rgba(108, 117, 125, 0.5);
}

.last-message-time{
  font-size: 10px;
  color: rgba(108, 117, 125, 0.5);
  margin: 0;
}

.indicator-new-msg{
  background-color: rgba(23, 162, 184, 1);
  border-radius:50%;
  font-size: 10px;
  width: 16px;
  display: block;
  text-align: center;
  color: #fff;
}

.naming-file{
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.message-before-file{
  vertical-align: text-bottom;
  width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  margin-left: 5px;
}
@media (max-width: 640px) {
  .message-before-file{
    width: max-content;
    max-width: 308px;
  }
}
@media (max-width: 375px) {
  .message-before-file{
    max-width: 160px;
  }
}

.input-msg{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.input-time{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.input-name{
  white-space: nowrap;;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
}

.image-user{
  border-radius: 50%;
  width: 34px;
  height: 34px;
  max-width: 34px !important;
}

.no-image-user{
  border-radius: 50%;
  width: 100%;
  height: 100%
}

.magnifier{
  position: absolute;
  right: 20px;
  top: 5px;
  cursor: pointer;
}

.magnifierOther{
  cursor: pointer;
  width: 15px;
  height: 15px;
  display: none;
}
.message-info{
  display: flex;
  text-align: center;
  margin-bottom: 25px;
}
.name-in-chat{
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: black;
  font-family: "Segoe UI";
}
.role-in-chat{
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  color: #6C757D80;
  font-family: "Segoe UI";
}
.send-message-btn{
  width: 24px;
  height: 24px;
  border: 0;
  background-color: #17A2B8;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.main-block-for-typing{
  position: absolute;
  bottom: 0;
  width: 99.5%;
  min-height:40px;
  background-color: #fff !important;
  z-index: 111
}
.block-for-typing{
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
  margin-top: 5px;
  padding: 8px 16px;
}
@media (max-width: 991px){
  .block-for-send{
    width: 20% !important;
  }
  .custom-textarea-message{
    width: 96% !important;
  }
}
@media (max-width: 767px) {

  .custom-textarea-message{
    width: 80% !important;
  }
}
@media (max-width: 640px) {
  .block-for-send{
    width: 15% !important;
  }
  .custom-textarea-message{
    width: 95% !important;
  }
}
@media (max-width: 450px) {

  .block-for-typing{
    padding: 8px;
  }
  .file-upload-label-message{
    width: 100% !important;
  }
  .clip-mobile{
    width: 30% !important;
  }
  .block-for-send{
    width: 20% !important;
  }
  .main-block-for-typing{
    background: none !important;
  }
  .message-info{
    margin-bottom: 0;
  }
}
.block-for-send{
  display: flex;
  width: 15%;
  margin-top: auto;
  /*margin-left: 10px;*/
}
.custom-textarea-message{
  display: block;
  width: 110%;
  height: auto;
  max-height: 120px;
  border: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  background-color: #fff;
  resize: none;
  white-space: pre-wrap;
}
.custom-textarea-message::-webkit-scrollbar {
  display: none;
}
.custom-textarea-message:focus{
  outline: 0;
}
.file-upload-label-message{
  cursor: pointer;
  margin-bottom: 0 !important;
}
.clip-hide-input-message{
  display: none;
}
.clip-visible-message{
  width: 16px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
}
.background-files{
  background-color: #F5F5F5;
  padding: 8px 16px;
  border-radius: 8px 8px 0 0;
  display: flex;
  flex-direction: row; /* явно указываем направление */
  flex-wrap: nowrap;   /* запрещаем перенос */
  position: relative;
  z-index: 10;
  width: 505px;         /* или фиксированная ширина, например 510px */
  overflow-x: auto;    /* горизонтальная прокрутка */
  overflow-y: hidden;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .background-files{
    width: 99.5%;
  }
}
/*@media (max-width: 450px) {*/
/*  .background-files{*/
/*    width: 99.5%;*/
/*  }*/
/*}*/
@media (max-width: 375px) {
  .background-files{
    width: 99%;
  }
}
.choose-dialog-message{
  font-size: 20px;
  line-height: 21px;
  color: #6C757D80;
  font-weight: 600;
}
#mainMessagesBlock{
  height: 330px;
}
@media (max-width: 640px){
  #mainMessagesBlock{
    height: 370px !important;
  }
}
.messages-container{
  width: 100%;
  height: 278px;
  max-height: 278px;
  min-height: 114px;
  padding: 0 16px 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10;
  position: relative;
  flex-grow: 1;
  gap: 4px;
}
@media (max-width: 992px) {
  /*.messages-container{*/
  /*  width: 100%;*/
  /*}*/
  .message-body{
    max-width: 350px !important;
  }
}
@media (max-width: 767px) {
  .message-body{
    max-width: 240px !important;
  }
}
@media (max-width: 640px) {
  .messages-container{
    height: 318px;
    max-height: 318px;
  }
  .message-body{
    max-width: 408px !important;
  }
}
@media (max-width: 450px) {
  .messages-container{
    padding: 0 8px 8px;
  }
  .message-body{
    width: 100% !important;
    padding: 8px;
    max-width: 270px !important;
  }
}
.message-container{
  width: 100%;
  max-height: max-content;
  overflow: visible;
  flex-grow: 1;
  display: grid;
}
.message-file-container{
  width: 100%;
  max-height: max-content;
  flex-grow: 1;
  display: grid;
}

.message-clip-body{
  width: 181px;
}
@media (max-width: 375px) {
  .message-clip-body{
    width: 191px;
  }
}

.message-right{
  justify-content: end;
}
.message-left{
  justify-content: start;
}
.message-body{
  width: max-content;
  padding: 8px;
  max-width: 408px;
}
.message-text{
  color: #000000;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 0;
  word-break: break-all;
  white-space: pre-wrap;
}
.message-your{
  border-radius: 8px 8px 0 8px;
  background-color: #17A2B833;
  margin: 0 0 0 auto;
}
.message-contact{
  border-radius: 8px 8px 8px 0;
  background-color: #F5F5F5;
  margin: 0 auto 0 0;
}
.message-footer{
  display: flex;
}
.message-date{
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  margin: 0;
}
.date-your{
  color: #17A2B8;
  align-items: center;
  justify-content: end;
}
.date-contact{
  color: #6C757D80;
  width: 100%;
  justify-content: start;
}
.original-date{
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #6C757D80;
}
@media (max-width: 375px) {
  .original-date{
    font-size: 10px;
    line-height: 14px;
  }
}
#modalDate{
  opacity: 0;
}
.modal-date-body{
  width: 62px;
  height: 24px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 3px 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5%;
  left: 45%;
  opacity: 1;
  z-index: 100;
}
.modal-date-text{
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: rgba(108, 117, 125, 0.5);
  margin: 0;
}
.no-results{
  height: 330px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #000000;
  text-align: center;
  padding: 5px;
}
.lg-size{
  height: 25px !important;
  text-align: start !important;
}
.message-clip-text{
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #6C757D80;
  margin: 0;
}
.clip-in-message{
  width: 8px;
  height: 12px;
  margin-left: 5px;
}
#countOfPhotos{
  color: black;
  font-size: 12px;
  font-weight: 600;
  margin-left: 5px;
}
.photo{
  width: 45px;
}
@media (max-width: 1199px) {
  #messagesHideMobile{
    display: none;
  }
  #messagesSizeTab{
    width: 120% !important;
  }
}

@media (max-width: 991px) {
  #messagesSizeTab{
    width: 150% !important;
  }
}
@media (max-width: 1199px){

  #mb-240{
    margin-bottom: 240px;
  }
  #mb-120{
    margin-bottom: 120px;
  }
}
@media (max-width: 640px) {
  #messagesSizeTab{
    width: 100% !important;
  }
  .magnifierOther{
    display: block;
    margin: 0 auto;
  }
  .no-results{
    height: 32px;
  }
  #messagesShowMobile{
    height: 700px !important;
    /*margin-bottom: 0 !important;*/
  }
  #mb-240{
    margin-bottom: 0 !important;
  }
  #mb-120{
    margin-bottom: 0 !important;
  }
}

@media (max-width: 375px) {
  #messagesShowMobile{
    height: 630px !important;
  }
}
/* carousel media/video-znanie */

.carousel-main{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 99.5%;
}

.carousel{
  max-width: 100%;
  overflow: hidden;
}

.carousel-wrapper{
  display: flex;
  gap: 20px;
  transition: .3s ease-in-out;
}

.carousel-elem{
  flex-shrink: 0;
  width: 262px;
  height: auto;
  border-radius: 10px;
}

.carousel-next, .carousel-prev{
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-color: #035D66;
  border-radius: 50%;
  border: 1px solid #035D66;
  /*display: flex;*/
  /*justify-content: center;*/
  /*align-items: center;*/
  transition: .2s ease-in-out;
  position: relative;
  color: #fff;
}

.carousel-next:focus, .carousel-prev:focus{
  outline: none;
}

.carousel-next::before{
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
}

.carousel-prev::before{
  content: "";
  position: absolute;
  left: 11px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translateY(-45%) rotate(223deg);
}

.disabled-arrow{
  background-color: #fff;
  color: #035D66 !important;
}

.category-banner{
  width: 1108px;
  height: 290px;
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.category-banner-640{
  width: 540px;
  height: 338px;
  border-radius: 10px;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
}
.category-banner-375{
  width: 290px;
  height: 335px;
  border-radius: 10px;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
}

.name-of-title{
  position: absolute;
  font-size: 40px;
  line-height: 48px;
  font-weight: bold;
  color: #FFFFFF;
}

.desc-of-title{
  position: absolute;
  top: 65%;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: #FFFFFF;
}
.logo-for-banner{
  position: absolute;
  top: 23%;
}
.logo-for-banner-640{
  position: absolute;
  top: 25%;
  width: 87px;
}
.logo-for-banner-375{
  position: absolute;
  top: 22%;
  width: 87px;
}

.block-of-subjects{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.block-of-subjects-mobile{
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.block-of-video{
  width: 100%;
}
.one-subject{
  flex-shrink: 0;
  width: 356px;
  height: auto;
  border-radius: 10px;
  margin-bottom: 32px;
}
.znaniya-banner-640{
  display: none;
}
.znaniya-banner-375{
  display: none;
}
.title-section:hover{
  color: #ff4e84;
}

.btn-category{
  display: none;
}
.title-category{
  text-transform: uppercase;
}
.category-banner-375{
  display: none;
}
.media-video-title{
  margin-bottom: 48px;
  margin-top: 16px
}
.name-of-title-mobile{
  position: absolute;
  font-size: 32px;
  line-height: 36px;
  font-weight: bold;
  color: #FFFFFF;
}

.desc-of-title-mobile{
  position: absolute;
  top: 65%;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #FFFFFF;
}
.block-of-video{
  width: 1100px;
  height: 620px;
  position: relative;
}
.media-video{
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: absolute;
}
.media-video-wrapper{
  margin-top: 48px;
  margin-left: -15px;
  padding-bottom: 48px;
}
.media-video-info{
  display: flex;
  justify-content: space-between;
  width: 365px
}
#media-subject-mobile{
  display: none;
}

@media (max-width: 640px) {
  html{
    overflow-x: hidden;
  }
  .ro-nav-mobile{
    padding: 0 !important;
  }
  .ro-navcontainer-mobile{
    gap: 20px !important;
  }
  .carousel-elem{
    width: 260px;
  }
  .znaniya-banner{
    display: none;
  }
  .znaniya-banner-640{
    display: block;
  }
  .title-section{
    font-size: 20px;
    line-height: 24px;
  }
  .znanie-640{
    width: 113%;
  }
  .category-banner{
    display: none;
  }
  .category-banner-640{
    display: flex;
  }
  .one-subject{
    width: 262px;
    margin-bottom: 0 !important;
  }
  .block-of-subjects{
    width: 110%;
    justify-content: normal !important;
  }
  .title-video{
    font-size: 20px;
    line-height: 24px;
  }
  .block-of-video{
    width: 540px;
    height: 304px;
  }
}
@media (max-width: 375px) {
  html{
    overflow-x: auto;
  }
  #ro-mobile{
    padding-right: 0 !important;
  }
  #ro-mobile-banner{
    width: 375px;
  }
  .carousel{
    overflow: hidden;
  }
  .carousel-container{
    padding-right: 0 !important;
  }
  .znaniya-banner-640{
    display: none;
  }
  .znaniya-banner-375{
    display: block;
    margin: 0 auto;
  }
  .znanie-640{
    width: 100% !important;
  }
  .title-section{
    font-size: 16px;
    line-height: 24px;
  }
  .carousel-navs{
    width: 30%;
    text-align: end;
  }
  .carousel-navs button{
    width: 30px;
    height: 30px;
  }
  .one-subject{
    width: 290px;
  }
  #ro-category-mobile{
    padding-right: 15px;
    padding-left: 40px;
  }
  .block-of-subjects{
    display: none;
  }
  .block-of-subjects-mobile{
    display: flex;
  }
  .btn-category{
    display: block;
  }
  .category-banner-640{
    display: none;
  }
  .category-banner-375{
    display: flex;
    margin: 0 auto;
  }
  .title-category{
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .block-of-video{
    width: 290px !important;
    height: 163px !important;
    margin: 0 auto 16px;
  }
  .media-video-wrapper{
    padding: 15px 15px 48px;
  }
  .media-video-info{
    display: grid;
  }
  .media-video-info p, .media-video-info span{
    font-size: 12px;
  }
  #media-video-desc-mobile{
    font-size: 12px !important;
  }
  .media-video-title{
    margin-bottom: 32px;
  }
  #media-subject-mobile{
    display: block;
  }
  #media-subject-desk{
    display: none;
  }
}


@media (max-width: 700px) {
  .adaptive-main-block{
    justify-content: right;
  }
  .input-date{
    margin-right: 0 !important;
  }
  .adaptive-div{
    margin-top: 10px !important;
    gap: 15px;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 32px;
  }
  .adaptive-margin{
    margin: 0 !important;
  }

  .adaptive-div #send-btns{
    margin-right: 0 !important;
  }

  .structure-search-width{
    width: 100% !important;
  }

  .adaptive-search-width {
    width: 510px !important;
  }
  .remove-mr{
    margin: 0 !important;
  }
}
@media (max-width: 640px) {
  #data-table-cycles, #data-table-books{
    width: 701px !important;
  }
  .table-article th{
    width: 85px;
  }
  #deskOpt{
    display: none;
  }
  #mobileOpt{
    display: block !important;
    width: 50% !important;
    margin-right: 80px;
    padding-bottom: 50px;
  }
  #date1{
    width: 210px !important;
  }
  #date2{
    margin-right: 0 !important;
    width: 220px !important;
  }
  .container-custom{
    width: 320px;
  }
  #cycle-btn{
    width: 35% !important;
  }
  #cycle:active, #cycle:focus {
    outline: none !important;
    box-shadow: none !important;
  }
  #resetBtn:active, #resetBtn:focus {
    outline: none !important;
    box-shadow: none !important;
  }
  #apply-btn:active, #apply-btn:focus {
    outline: none !important;
    box-shadow: none !important;
  }
}
@media (max-width: 500px) {
  table{
    width: 100% !important;
  }
  .input-date{
    width: 100% !important;
    display: flex;
    align-items: center;
  }
  .input-date input{
    width: 90% !important;
    margin-left: 10px;
  }
  .first-div{
    margin-left: 0;
    margin-right: 100px !important;
  }
  .mobile-grid{
    display: grid !important;
    width: 340px !important;
    justify-content: space-between;
  }
  .input-date #date1{
    margin-right: 0 !important;
  }
  .input-date #date2{
    margin: 0 !important;
  }
  .spo-mobile-block{
    flex-direction: column;
  }
  .spo-mobile-block #select{
    width: 100% !important;
  }
  .spo-mobile-block #cycle-btn{
    width: 100% !important;
  }

}
@media (max-width: 375px) {
  #data-table-books{
    width: 438px !important;
  }
  #data-table-cycles{
    width: 438px !important;
  }
  #mobileOpt{
    width: 100% !important;
    margin-right: 0 !important;
    padding-bottom: 0;
    margin-bottom: 0 !important;
  }
  .adaptive-div{
    margin-bottom: 24px;
  }
  #cycle-btn{
    margin-bottom: 25px;
  }
  .row .col-6{
    font-size: 14px !important;
  }
  .options-container{
    max-height: 270px !important;
  }
  .container-custom{
    width: 100% !important;
  }
  .input-date{
    margin-left: 6px;
    width: 340px !important;
  }
  #date1{
    margin-left: 10px !important;
    width:90% !important;
  }
  #date2{
    width: 90% !important;
  }
}