.nav-link {
  /*color: #ffffff;*/
}

.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
  color: #FF5722;
}

.navbar-collapse {
  /*padding-left: 10px;*/
}

body {
  font-family: Commissioner, sans-serif;
}

.s-it {
  display: flex;
  background: rgb(255,255,255);
  padding: 5px 5px;
  border-radius: 0.65rem;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.s-it img {
  width: 30px;
  height: 30px;
}

.s-it__tt {
  /*font-weight: bold;*/
  margin-left: 0px;
  font-size: 13px;
}

.s-it:hover {
  background: rgba(123,123,123,0.18);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.service-active {
  background: rgba(189,189,189,0.18);
}

.service-active-badge{
  background: #ff5722!important;
}

.s-it__dt {
  text-align: right;
}

.s-it__dt span {
  display: block;
  font-size: 11px;
}

.s-it-wr {
  padding-bottom: 6px;
}

h1 span, h2 span, h3 span, h4 span {
  color: #FF5722;
}

.space {
  padding: 10px 0;
}

.text-colored {
  color: #FF5722;
}

.small-space {
  padding: 3px 0;
}

.link-secondary {
  color: #FF5722!important;
}

.text-danger {
  color: #FF5722!important;
}

.bs-icon.bs-icon-primary {
  background: #FF5722!important;
}

.rounded {
  border-radius: 0.65rem!important;
}

.card {
  --bs-card-border-radius: 0.65rem;
}

.navbar {
  --bs-navbar-padding-y: 0.25rem;
}

.accordion {
  --bs-accordion-border-radius: 0.65rem;
  --bs-accordion-inner-border-radius: 0.65rem;
}

.accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c6c6c' class='bi bi-patch-plus' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 5.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V10a.5.5 0 0 1-1 0V8.5H6a.5.5 0 0 1 0-1h1.5V6a.5.5 0 0 1 .5-.5z'/%3e%3cpath d='m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.4rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-active-bg: #fefefe;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ff5722' class='bi bi-patch-minus' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M5.5 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z'/%3e%3cpath d='m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed) {
  color: #FF5722;
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
}

.accordion-button:focus {
  box-shadow: none;
}

.btn-secondary {
  --bs-btn-focus-shadow-rgb: none;
}

.form-control:focus {
  border-color: #dee2e6;
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(48,48,48,0.25);
}

.form-control {
  border-radius: 0.65rem;
}

.input-group-text {
  border-radius: 0.65rem;
}

ul li::marker {
  color: #ff5722;
}

.link-primary {
  /*color: #6d6d6d!important;*/
}

.btn-light {
  font-size: 0.75rem;
}

.btn-danger {
  --bs-btn-bg: #ff5722;
  --bs-btn-hover-bg: #d24518;
}

.fs-7 {
  font-size: 0.8rem;
}

.ms-n5 {
  margin-left: -40px;
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
  border-radius: .65rem;
}

.sidebar__head-col {
  font-size: 14px;
  line-height: 1.2;
  /*display: inline-block;*/
  /*width: 100%;*/
  /*padding: 2px 3.5px;*/
  vertical-align: top;
  /*margin-right: 0.2rem;*/
}

.sidebar__head-radio {
  padding: 0px 0px 0px 4px;
  /*border: 1px solid #e4e4e4;*/
  /*border-radius: 2px;*/
  margin-bottom: .25rem!important;
}

.radio span {
  font-size: 12px;
  line-height: 12px;
  position: relative;
  display: block;
  padding: 0 0 0 21px;
}

.radio span img {
  float: right;
  vertical-align: middle;
  margin: -6px 0 0 0;
  padding: 0 2px 0 0;
}

.radio {
  display: block;
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 5px;
}

.radio input[type='radio'] {
  display: none;
}

.radio span:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 0;
  content: '';
  border: 1px solid #bfc7d7;
  border-radius: 50%;
  background: #fff;
}

.radio span:after {
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 0;
  content: '';
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 0;
  border-radius: 50%;
  background: #bfc7d7;
}

.radio input[type='radio']:checked + span:after {
  opacity: 1;
}

.btn-light {
  --bs-btn-active-shadow: none;
  --bs-btn-focus-shadow-rgb: none;
}

.link-dark:hover {
  color: #FF5722!important;
}

select, input {
  outline: none;
}

.link-primary:focus, .link-primary:hover {
  /*color: #000000!important;*/
}

.gd-links {
  position: sticky;
  top: 5rem;
  display: block !important;
  /*height: calc(100vh - 7rem);*/
  padding-left: 0.25rem;
  margin-left: -0.25rem;
  overflow-y: auto;
}

.gd-sidebar {
  grid-area: sidebar;
}

.gd-links .btn:hover, .gd-links .btn:focus {
  color: rgba(0,0,0,0.85);
  background-color: #ff57222e;
}

.gd-links .btn {
  padding: .25rem .5rem;
  font-weight: 600;
  color: rgba(0,0,0,0.65);
  background-color: transparent;
  border: 0;
}

.gd-links .btn::before {
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
  margin-right: 0.2rem;
}

.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
}

.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

select {
  width: 100%;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
  border-radius: .25rem;
}

.tab-pane.active {
  display: block !important;
}

.card {
  --bs-card-inner-border-radius: calc(0.65rem - 1px);
}

.add-to-favorite svg {
  height: 14px;
  vertical-align: top;
  fill: #8a8a8a;
}

.add-to-favorite.active svg {
  fill: #FF5722;
}

svg.star {
  height: 14px;
  vertical-align: top;
  fill: #8a8a8a;
  margin-top: 1px;
}

.favorite-state.active svg.star {
  fill: #FF5722;
}

.favorite-state {
  cursor: pointer;
}

.start_work_img {
  height: 200px;
}

.start_work_img.active {
  height: 50px;
}

.btn-close:focus {
  outline: none;
  box-shadow: none;
  opacity: 0;
}

a {
  /*color: #444444;*/
}

a:hover {
  color: #ff5722;
}

.pagination {
  --bs-pagination-color: #4c4c4c;
  --bs-pagination-border-radius: 0.65rem;
  --bs-pagination-active-bg: #ababab;
  --bs-pagination-hover-color: #000000;
  --bs-pagination-focus-box-shadow: none;
  --bs-pagination-focus-color: #000;
  --bs-pagination-active-border-color: #b5b5b5;
}

.form-select:focus {
  border-color: #626262;
  outline: 0;
  box-shadow: none;
}

.badge a {
  text-decoration: none;
  color: #ffffff;
}

.ratingtypeplus {
  color: #ffffff;
}

.title_quote {
  font-size: x-small;
}

.quote {
  font-size: small;
  border-bottom: 1px solid #e1e1e1;
}

.mass_comments_action {
  width: 200px;
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
}

.mass_comments_action input {
  margin: 4px;
}

.comments-tree-list {
  list-style-type: none;
  padding-left: 0rem;
}

.comments-tree-list li {
  padding-left: 2rem;
}

.bt_paysys_active {
  cursor: pointer;
  padding-left: 0px;
  background-color: #f4f4f4;
  border-left: 7px solid #333;
  border-right: 7px solid #333;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}

.bt_paysys {
  display: flex;
  /*margin-bottom: 15px;*/
  padding-left: 7px;
}

.custom-shadow {
  box-shadow: 0 .2rem .5rem 0rem rgba(0,0,0,.15)!important;
}

.panel-loading {
  position: relative;
}

.panel-loading:before {
  /*display: block;*/
  /*position: absolute;*/
  /*content: attr(data-desc);*/
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
  /*left: 0;*/
  /*line-height: 1;*/
  /*font-size: 2rem;*/
  /*width: 100%;*/
  /*color: #2c3e50;*/
  /*text-align: center;*/
  z-index: 15;
}

.panel-loading:after {
  border-radius: 0.65rem;
  /*display: block;*/
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #c5c5c5;
  opacity: 0.5;
  z-index: 10;
  background-image: -webkit-linear-gradient(-45deg, #a7a7a7 25%, transparent 25%, transparent 50%, #a7a7a7 50%, #a7a7a7 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, #a7a7a7 25%, transparent 25%, transparent 50%, #a7a7a7 50%, #a7a7a7 75%, transparent 75%, transparent);
  /*-webkit-background-size: 50px 50px;*/
  /*-moz-background-size: 50px 50px;*/
  /*-ms-background-size: 50px 50px;*/
  background-size: 50px 50px;
  /*-webkit-animation: move 2s linear infinite;*/
  /*-moz-animation: move 2s linear infinite;*/
  /*-ms-animation: move 2s linear infinite;*/
  animation: move 2s linear infinite;
  animation: move 3s linear alternate;
}

.api-sidebar {
  overflow-y: scroll;
  max-height: 102vh;
}

.api-sidebar::-webkit-scrollbar {
  width: 0;
}

.telegram_bot {
  align-items: center;
  display: flex;
  margin: 20px;
  position: fixed;
  right: 0;
  top: 90%;
  z-index: 1000;
}

.telegram_bot_description {
  background: #425466;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  height: max-content;
  margin-right: 5px;
  padding: 4px 10px;
  text-align: center;
}

.navbar-brand {
  /*background-image: url(../../assets/img/logo-grey.png);*/
  background-repeat: no-repeat;
  width: 121px;
  height: 31px;
  background-size: contain;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--bs-link-hover-color);
}

.text-bg-orange {
  color: #fff!important;
  background-color: var(--bs-link-hover-color);
}

/* custom scrollbar */

.overflow-y-auto::-webkit-scrollbar {
  width: 6px;
}

.overflow-y-auto::-webkit-scrollbar-track {
  background-color: transparent;
}

.overflow-y-auto::-webkit-scrollbar-thumb {
  background-color: #ff5722;
  border-radius: 20px;
  border: 4px solid transparent;
}

.overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

#service-list {
  height: 26rem;
}

@media (min-width: 576px) {
  #service-list {
    height: 26rem;
  }
}

@media (min-width:768px) {
  #service-list {
    height: 26rem;
  }
}

@media (min-width: 992px) {
  #service-list {
    height: 26rem;
  }
}

@media (min-width: 1200px) {
  #service-list {
    height: 35rem;
  }
}

@media (min-width: 1400px) {
  #service-list {
    height: 35rem;
  }
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1472px;
  }
}