html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
  padding-top: 56px;
}

@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #343a40;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
}

.nav-scroller .nav {
  color: rgba(255, 255, 255, .75);
}

.str-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.str-link:hover {
  color: #007bff;
}

.nav-scroller .active {
  font-weight: 500;
  color: #343a40;
}

.bg-purple {
  background-color: #6f42c1;
}

.bd-placeholder-img {
       font-size: 1.125rem;
       text-anchor: middle;
       -webkit-user-select: none;
       -moz-user-select: none;
       user-select: none;
   }

   @media (min-width: 768px) {
       .bd-placeholder-img-lg {
           font-size: 3.5rem;
       }
   }

   .b-example-divider {
       width: 100%;
       height: 3rem;
       background-color: rgba(0, 0, 0, .1);
       border: solid rgba(0, 0, 0, .15);
       border-width: 1px 0;
       box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
   }

   .b-example-vr {
       flex-shrink: 0;
       width: 1.5rem;
       height: 100vh;
   }

   .bi {
       vertical-align: -.125em;
       fill: currentColor;
   }

   .nav-scroller {
       position: relative;
       z-index: 2;
       /*height: 2.75rem;*/
       overflow-y: hidden;
   }

   .nav-scroller .nav {
       display: flex;
       flex-wrap: nowrap;
       /*padding-bottom: 1rem;
       margin-top: -1px;*/
       overflow-x: hidden;
       text-align: center;
       /*white-space: nowrap;*/
       -webkit-overflow-scrolling: touch;
   }

   .btn-bd-primary {
       --bd-violet-bg: #712cf9;
       --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

       --bs-btn-font-weight: 600;
       --bs-btn-color: var(--bs-white);
       --bs-btn-bg: var(--bd-violet-bg);
       --bs-btn-border-color: var(--bd-violet-bg);
       --bs-btn-hover-color: var(--bs-white);
       --bs-btn-hover-bg: #6528e0;
       --bs-btn-hover-border-color: #6528e0;
       --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
       --bs-btn-active-color: var(--bs-btn-hover-color);
       --bs-btn-active-bg: #5a23c8;
       --bs-btn-active-border-color: #5a23c8;
   }
   .bd-mode-toggle {
       z-index: 1500;
   }
   .cursor-pointer {
       cursor: pointer;
   }
   
   .dropdown-caret-none::after {
       display: none;
   }
   
/*   @media (min-width: 768px) {
       .bd-placeholder-img-lg {
           font-size: 3.5rem;
       }
   }*/
   
.bd-callout {
    --bs-link-color-rgb: var(--bd-callout-link);
    --bs-code-color: var(--bd-callout-code-color);
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: var(--bd-callout-color, inherit);
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
}
 
  .bd-callout-info {
    --bd-callout-color: var(--bs-info-text-emphasis);
    --bd-callout-bg: var(--bs-info-bg-subtle);
    --bd-callout-border: var(--bs-info-border-subtle);
}

.bd-callout-warning {
    --bd-callout-color: var(--bs-warning-text-emphasis);
    --bd-callout-bg: var(--bs-warning-bg-subtle);
    --bd-callout-border: var(--bs-warning-border-subtle);
}

.bd-callout-danger {
    --bd-callout-color: var(--bs-danger-text-emphasis);
    --bd-callout-bg: var(--bs-danger-bg-subtle);
    --bd-callout-border: var(--bs-danger-border-subtle);
}


.payments_item {
    width: 110px;
    margin: 5px 0 0 5px;
}

.payments_input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.payments_label {
    font-size: 14px;
    line-height: 2;
    position: relative;
    display: block;
    width: 100%;
    padding: 60px 10px 10px;
    cursor: pointer;
    -webkit-transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out;
    transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out;
    text-align: center;
    color: #93918e;
    border: 1px solid #e0dedb;
    border-radius: 4px;
}

.payments_input:checked + .payments_label::before {
    opacity: 0;
}

.payments_input:checked + .payments_label::after {
    opacity: 1;
}

.payments_label::after {
    opacity: 0;
}

.payments_label.cards::before {
    background-position: -848px -35px;
}

.payments_label.cards::after {
    background-position: -848px 0px;
}

.payments_label.webmoney::before {
    background-position: -32px -35px;
}

.payments_label.webmoney::after {
    background-position: -32px 0px;   
}

.payments_label.yoomoney::before {
    background-position: -988px -35px;
    width: 50px;
    left: calc(50% - 27px);
}

.payments_label.yoomoney::after {
    background-position: -988px 0px;
    width: 50px;
    left: calc(50% - 27px);
}

.payments_label.balans::before {
    background-position: 18px -35px;
    width: 50px;
    left: calc(50% - 30px);
}

.payments_label.balans::after {
    background-position: 18px 0px;
    width: 50px;
    left: calc(50% - 30px);
}

.payments_label.qiwi::before {
    background-position: -66px -35px;
}

.payments_label.qiwi::after {
    background-position: -66px 0px;
}

.payments_label.payeer::before {
    background-position: -137px -35px;
}

.payments_label.payeer::after {
    background-position: -137px 0px;
}

.payments_input:checked + .payments_label::before, .payments_input:checked + .payments_label::after {
    top: 14px;
}

.payments_label::before, .payments_label::after {
    position: absolute;
    top: 15px;
    left: calc(50% - 17px);
    display: block;
    width: 35px;
    height: 35px;
    content: '';
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
     background-image: url(/img/payment-sprite.png);
    background-repeat: no-repeat;
}

.payments_label.azvox::after {
    
     background-image: url(/img/payment/azvox.png);
    
}

.payments_label.azvox::before {
    
     background-image: url(/img/payment/azvox_gray.png);
    
}

.payments_label.azvox::after {
    background-position: 0px 0px;
    
}

.payments_label.azvox::before {
    background-position: 0px 0px;
    
}

.payments_icon {
    display: block;
    width: 35px;
    height: 35px;
    content: '';
    background-image: url(/img/payment-sprite.png);
    background-repeat: no-repeat;
}

.payments_icon.azvox {
    
    background-image: url(/img/payment/azvox.png);
    
}

 .payments_icon.webmoney {
    background-position: -32px 0px;   
}

.payments_icon.yoomoney {
    background-position: -988px 0px;
    width: 50px;
    left: calc(50% - 27px);
}

.payments_icon.qiwi {
    background-position: -66px 0px;
}

.payments_icon.payeer {
    background-position: -137px 0px;
}

.payments_icon.azvox {
    background-position: 0px 0px;
}

.hide-empty {
  display: none;  
}

   .tablesorter .tablesorter-header {background-image: url('/img/s_updown.png');background-repeat: no-repeat;background-position: center right;padding: 4px 18px 4px 4px;white-space: normal;cursor: pointer;}
.tablesorter .headerSortUp, .tablesorter .tablesorter-headerSortUp, .tablesorter .tablesorter-headerAsc {background-image: url('/img/s_down.png');}
.tablesorter .headerSortDown, .tablesorter .tablesorter-headerSortDown, .tablesorter .tablesorter-headerDesc {background-image: url('/img/s_up.png');}
.tablesorter thead .sorter-false {background-image: none;cursor: default;padding-top:4px;padding-left:4px;padding-right:4px;padding-bottom:5px;}