body {
  counter-reset: product_add;
  background-color: white !important;
}
.prod_counter span:before {
  counter-increment: product_add;
  content: counter(product_add);
}

.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.spinner_cont {
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}
.spinner_cont .spinner {
  margin: auto;
  font-size: 20px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  top: 50%;
  margin-top: -10px;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.anim_out {
  -webkit-animation: bounceOutLeft 0.5s ease-in both;
  animation: bounceOutLeft 0.5s ease-in both;
}

.anim_in {
  -webkit-animation: bounceInRight 0.5s ease-in both;
  animation: bounceInRight 0.5s ease-in both;
}

.container.hide_auth .auth_blocks {display: none;}

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #000000;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.5), -1.8em -1.8em 0 0em rgba(0,0,0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.5), 1.8em -1.8em 0 0em rgba(0,0,0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.5), 2.5em 0em 0 0em rgba(0,0,0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.5), 1.75em 1.75em 0 0em rgba(0,0,0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0,0,0, 0.2), -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.5), 0em 2.5em 0 0em rgba(0,0,0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0,0,0, 0.2), -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.5), -1.8em 1.8em 0 0em rgba(0,0,0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0,0,0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0,0,0, 0.2), 1.8em -1.8em 0 0em rgba(0,0,0, 0.2), 2.5em 0em 0 0em rgba(0,0,0, 0.2), 1.75em 1.75em 0 0em rgba(0,0,0, 0.2), 0em 2.5em 0 0em rgba(0,0,0, 0.2), -1.8em 1.8em 0 0em rgba(0,0,0, 0.5), -2.6em 0em 0 0em rgba(0,0,0, 0.7), -1.8em -1.8em 0 0em #000000;
  }
}

.table .copy-link {
  display: block;
  width: 21px;
  height: 21px;
  background: #FFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAA60lEQVQ4jWNkwAIquuf8xybOwMDAwMrCcrW5MEEHlzzcgE+//mPgiu45/3vmrv5fO3H+BZhaJrwmYQFZUb4MQrx8erX9EEMY8TlXUlyEITHCH85vmziXob0kmeHr9x8MM5Zt/v/py7eTLAwMDAztJckYmit75jL8/v2HYeGqzQzxYb4o4lDAyMDAYMGC37k+DDOWb2FYuHITQ3y4H0NVPqpFbRPn4g8DTg52hrQIb4afP34yLFu3DasavC5Aci7Dmw+fSDMAPVyQDUMGJEfj4DMAbyCig7aJmOFAkgEdpSmM6GLU8QKuKCIGAAAxO12yxLXB2AAAAABJRU5ErkJggg==') 50% 50% no-repeat;
  border-radius: 50%;
  margin: 0 auto;
}

.codes-list .item .table .error {
  background: #ff7e7e;
}

.codes-list .block-content {
  display: none;
}

 h2.h2.titleheader {
    font-size: 22px;
    margin-left: 70px;
    margin-bottom: 36px;
  }
  h2.h2 {
    color: #7D6686;
    font-size: 20px;
    margin-bottom: 20px;
  }

  .top-nav-block{
    position: relative;
    top:0px;
    box-shadow: 0px 4px 15px #E4DEED;
  }
  .header {
    height: 120px;
  }

  .shortinfo {
      color: #594F68;
      padding-left: 15px;
      line-height: 23px;
      margin-top: 10px;
    }
    .shortinfo .b{
      font-weight: 600;
    }
    .thead-light a{
      text-decoration: none;
    }
    .table thead th .toc, .arrowtoc {
      padding-left: 20px;
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAICAYAAAD0g6+qAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABzSURBVHgBrc+xDYAgEAXQ44DeEWQER7B0Ct1ER3AbCzGOggQGsDTBqKEgIdpdfM1dfvGTD0BgtR3NZMo8QyDAG3cp5fouI3GzG7z2JpWx+KDADgg44228gYeKNO3jgAKo3OL6fNpvJQIoLmDhDLVq1JaiBz8wMiJfl1yqAAAAAElFTkSuQmCC') 0 50% no-repeat;
    }
    .table thead th .fromc, .arrowfromc {
      padding-left: 20px;
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAICAYAAAAftBSpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABtSURBVHgBrZHBDYAgDEU/dQEmYAancA7dzA28E42OoBOYAHc3oIIHw5Xqu7SXvqT/AwXBhtZZ16MSKgVoMBFoh4QsCEs4H5EAlQ+ZeE37FjkeEECsWKep8ZUcpp/9JX3nF9HbjunMyOAhIlZLbiPLNmNGt09RAAAAAElFTkSuQmCC') 0 50% no-repeat;
    }
    .table .thead-light th{
      background-color: white;
      color: #4C3E51;
      font-weight: 600;
      text-align: center; 
    }
    table.table.item-table tbody td{
      text-align: center;
      color: #4C3E51;
      font-size: 1.1em;
      font-weight: bold;
    } 
    table.table.item-table tfoot td{
      text-align: center;
      color: #4D3188;
      background-color: #F0ECF4;
    }
    table.table.item-table tfoot td:first-of-type {
      color: #9992A2;
      background-color: #E8E5EF;
    }
    table.table.item-table td {
      background-color: #E8E5EF;
    }
    .ntt {
        position: relative;

        /*display: inline-block;*/
    }
    .ntt .ttt {
      box-shadow: 0px 8px 20px rgba(201, 187, 210, 0.35);
        visibility: hidden;
        width: 300px;
        background-color: white;
        color: #4C3E51;
        
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -60px;
        padding: 20px;
    }

    .ntt .ttt::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 5px;
        margin-left: 20px;
        border-width: 15px;
        border-style: solid;
        border-color: white transparent transparent transparent;
        /*box-shadow: 0px 8px 20px rgba(201, 187, 210, 0.35);*/
    }

    .ntt:hover .ttt {
        visibility: visible;
    }
    .ttt.rtnnn:before{
      content: "Сумма возвратов с учетом промокода и скидки";
    }
    .ttt.tccp:before{
      content: "Сумма товаров, которые едут к клиенту на данный момент";
    }
    
    .ttt.ordsc:before {
      content: "Сколько раз товар доставлялся к клиентам за выбранный период";
    }
    .ttt.rtnc:before {
      content: "Сколько едениц товара вернули клиенты за выбранный период";
    }

    .ttt.ordsp:before {
      content: "Сумма заказанного товара с учетом скидки, промокода, скидок покупателя. Без учета комиссии wb.";
    }
    .ttt.slsc:before {
      content: "Сколько раз оплатили товар на wb. С учётом возвратов";
    }
    .ttt.slscp:before {
      content: "Какой процент во всей выручке составляют продажи этого товара.";
    }
    
    .ttt.slsp:before {
      content: "Стоимость продаж товара. На какую сумму оплатили товар на wb. С учётом возвратов";
    }
    .ttt.slsq:before {
      content: "Процент выкупа — процентное соотношения выкупленного товара к заказанному"
    }
    .ttt.stc:before {
      content: "Сколько штук товара доступно сейчас на wb по всем регионам"
    }
    .ttt.dwb:before {
      content: "Сколько дней товар показывался на wb (даже с нулевым остатком)"
    }
    .ttt.ab1:before {
      content: "Сколько мы заработали на товаре"
    }
    .ttt.ab1:before {
      content: "Сколько мы заработали на товаре"
    }
    .ttt.ab2:before {
      content: "Вырученные от продажи деньги без учета протокода и скидки"
    }
    .ttt.ab3:before {
      content: "Сколько товара доступно для продажи"
    }
    .ttt.ab4:before {
      content: "За сколько дней будет распродан товар"
    }

    .ttt.ds1:before {
      content: "Первоначальная стоимость товара"
    }
    .ttt.ds2:before {
      content: "Цена со скидкой и промокодом
"
    }
    .ttt.ds3:before {
      content: "Сколько раз товар доставлялся к клиентам"
    }
    .ttt.ds4:before {
      content: "Сколько раз оплатили товар на WB с учетом возвратов"
    }
    .ttt.ds5:before {
      content: "Процентное соотношение выкупленного товара к заказанному
"
    }
    .ttt.ds6:before {
      content: "Сколько товара доступно для продажи на WB"
    }
    .ttt.ds7:before {
      content: "Себестоимость вашего товара из УПД или, если вы прикрепили, из раздела Мои товары"
    }
    .ttt.ds8:before {
      content: "Комиссия WB от ваших продаж"
    }
    .ttt.ds9:before {
      content: "Стоимость логистики товара с учетом возвратов
"
    }
    .ttt.ds10:before {
      content: "Сколько мы заработали на товаре"
    }
    .ttt.ret:before {
      content: "Сколько штук уже оплаченного товара возвращали"
    }
    .ttt.spd:before {
      content: "Сколько штук в день подается в среднем"
    }
    .ttt.spdd:before {
     content: "Через сколько закончится товар при текущей скорости продажи, расчитанной за выбранный в фильтре интервал" 
    }
    .ttt.tсc:before {
      content: "Сколько штук товара в данный момент доставляется клиентам"
    }
    .ttt.frc:before {
      content: "Сколько штук товара в данный момент возвращается от клиентов на wb"
    }
    .ttt.tсcp:before {
      content: "Стоимость товара в данный момент доставляемого клиентам"
    }
    .ttt.frcp:before {
      content: "Стоимость товара в данный момент возвращаемого от клиентов на wb"
    }
    .ttt.stp:before {
      content: "Стоимость товара на складе"
    }
    .ttt.str:before {
      content: "Рейтинг товара на wb"
    }
    .ttt.com:before {
     content: "Количество комментариев на wb" 
    }
    .ttt.prc:before {
     content: "Цена товара на сайте wb / цена со скидкой на wb (если есть) и процент скидки" 
    }
    .ttt.pwd:before {
     content: "Цена проданных товаров на сайте wb" 
    }
    .ttt.slsp:before {
     content: "Стоимость проданных товаров на сайте wb с учётом скидки продавца" 
    }
    .ttt.slss:before {
     content: "Средний процент скидки во всех продажах" 
    }
    .ttt.comw:before {
     content: "Суммарная комиссия wb от ваших продаж" 
    }
    .ttt.log:before {
     content: "Стоимость логистики товара с учетом возвратов" 
    }
    .ttt.upd:before {
     content: "Себестоимость вашего товара из УПД или, если вы прикрепили, из раздела Мои товары" 
    }
    .ttt.rew:before {
     content: "Сколько мы заработали на товаре" 
    }
    .ttt.tren:before {
     content: "Отношение стоимости товара к цене продажи выраженная в процентах" 
    }
    .ttt.vpp:before {
      content: "Отношение количества выкупов к количеству заказов выраженное в процентах" 

    }
    .ttt.vpc:before{
      content: "Стоимость средней продажи в рублях"
    }
    .ttt.pq:before {
     text-align: left;
     content: "Подгрузите складской остаток с помощью EXEL файла: \A 1. Скачайте шаблон EXEL (кнопка «Скачать EXEL») \A 2. Заполните файл \A 3. Загрузите файл (кнопка «Загрузить EXEL»)";
     white-space: pre-wrap;
    }
    .ttt.pq1:before {
     text-align: left;
     content: "На сколько дней построить прогноз допоставки товаров? \A На основании этого построится прогноз";
     white-space: pre-wrap;
    }
    .ttt.pq2:before {
     text-align: left;
     content: "Заполните данные у тех товаров, которые хотите поставить на wb \A Нажмите кнопку и получите готовый эксель документ для wb.ru";
     white-space: pre-wrap;
    }
    .ttt.lnk:before {
      content: "Нажмите для открытия товара на wb.ru"
    }
    

    
    
    


    .leftsidesummary{
      padding-top:20px;
      padding-bottom:20px;
      padding-left:20px;
      background: linear-gradient(307.08deg, #E867D3 43.1%, #9062DC 90.11%);
      box-shadow: 0px 13px 35px #E4DEED;
      border-radius: 15px 0px 0px 15px;
    }


    .white-form.filter-form {
      /*background: linear-gradient(145.24deg, #F9D6FF 31.99%, #D7C4FF 69.16%);*/
    }

    .white-form.filter-form .date_selector a {
      color: #4D3188;
    }
    


    .headwhite {
        background-color: #8856B7 !important;
        color: white;
        font-weight: normal;

      }
    .table .thead-light th.headwhite{
        color: white;
        background-color: #8856B7 !important;
        color: white;
        font-weight: normal;
        padding: 4px 20px;
      }
    .siw {
      background-color: white;
    }
.header {
  background: linear-gradient(171.26deg, #FFE9FF 8.1%, #FEE2FF 81.9%);
}

.header .top-nav-block {
  max-width: none;
  border-radius: 0px;
  background: #8856B7;
  box-shadow: 0px 4px 15px #E4DEED;

}
.header .top-nav-block a {
  color: white;
  font-weight: 600px;
}
.top-nav-block .top-nav a.active, .top-nav-block .top-nav a:hover{
  color: white !important;
  font-weight: 800;
  border: none;
}

#mainfilterglobalform{
  box-shadow: 0px 7px 35px #E8E3F8;
  border-radius: 15px;
}
.siw{
  background-color: #F3F4FF;
}
table.table.item-table tfoot td:first-of-type {
  background-color: #ECEDFC;
}
table.table.item-table tfoot td {
  background-color: #F3F4FF;
}

.top-nav-block .top-nav a.active::after{
    border-radius: 0;
    border: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA/SURBVHgBjctBDQAgDEPR4gApSMQJkrCAk7IEDpBsS3/SWx8QRLLbKtTsPHiaEnwAJeiAHCbAhwL4YLm6QW9tC/eijjRNeDoAAAAASUVORK5CYII=');
    background-position: center bottom;
    background-repeat: no-repeat;  
    display: block;
    content: ' ';
    padding: 10px
}
.top-nav-block .top-nav a.active{
  
}
.top-notification .profileicon {
  background:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFWSURBVHgBpZTBTcNAEEX/rI3CMR3gDlg6CBUkVEC4IRQkTkgWF3MhEqcgWRE33AElhAZQNh2ECvCVEHvYhThg2Wsb55/W1s6b2ZmvIdToXI49F/BSpPFU3aiqu1QJIXrSx172j4Elc3JigwobzCGa/QVtMnuC3JlJ1Bh2KcdDE4hScXdTcTMYC+qjUiQbw9qqHJbyApXi5gNw8TExk4NFa+azxrCJCuKE+bgIpDjVoEflL8viCj67kPdSIBnAcd7D1+uHkRz3zGQZHLtYvazRkaQHlOhWTJUfWWEjeTcAiefs+8ekfCu+K+QuC9EnxvA3glU4948KsCsZdD9pf273l0U6Waj8wBy3PUvQGfwbZKohOs3OWxhbjFhbmC7AvCoH0w8+REutsOflYTtIQOQr01N7Q0uZXZeD6eZHaCFtlSjbbzmfmT3lAIGe0EE9hWKk6SKzhdEXsnN5+dPqJS8AAAAASUVORK5CYII=') 0 0 no-repeat;
  display: block;
  padding-left: 25px;
  height: 22px;
  cursor: pointer;
} 

.header .top-user-block {
  background:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPgSURBVHgBrVbNThNRFD5npv4l/uBO3Vg36s6BF7DEmKBSKU8ALF1RNpbGGMpCoW7EJ7A8AZWiK431BeS61I3DSnc2wURI7By/M9Np77QD1OhJWuidc893znfO/e4w/YUVvJVs/1rdlH0a0pxhHfPeymyb+Wv/555XLQ4b40CwnFcZSXryFL79tshc/CHilkOSs93Sqo+N0xYnx6pLLFIh5rXd4NfyaTrhMfNLEvrUMIuF2C8/trpBwjmSYGGX9utnnVNLIlKEb2XzY2mZjqosBhISQ9h4hk/+wOb3yGtEKKglnAN5FaXML9VPgXQf/lbuI05/bDcVSGR9y5TvXLtwa4cc5CNSdWnvwaZ5bGz/L9/fmS/f31ZjP+x7gH3lqxdvXcHj4vVLt+nzt7cfBmjUAaCQKq43TGma/tEmR1dqTDyDDOYaplzTtUyvRNe0KQC8jBwUQIfmNB3PBaAU9fo/ad80TaWV5gvqwWhIXbO7lsjGW6nASZs8DjqaNgiaPy9CGPO+ZJhqu8Hegg066T0tMDsbaMnypilX4vXEgLDDlzvl+vHaBEYZzd/WpoOSukgwrcl0/q4j+1l9PpEYeU6vVr/uek88lzI5UDiPn35je3E8dsiPVTHeUrC5t63ba9Bl75scXX2PnnlIZrlNv5tvzCPjqLPL7jaAnut4k2bbozWnQEpHGpCarqNCPVO50D+uIo6DuBpflcZBD7O65ooz2tgunU8G5UKH61Sg2DK0v9b5t2AnofE0bkRhMNLtWd08NANRmG7g2z9KbOvRcPigLTv4rBf3cCEW2aH/aF2wPDi1Oe+Yj09WB+iwIJ1JzIYSZ5nGy1u3gmqRCYOikaqB93HW4odxL1wns3QY2DGHlyL/Xm8VJNTUaPBaitM91Ho1/MYI67hqY63swoOepuSdwx4pfd8Bzo+ufg0TxZmMe55QkLBkZCLC01umVO8Brq4x03zEADUlkB0IwDno6KwqCsBeQHGKPf9IQQLhhdemtGbRaJkjNyI6ggT3W2axqIdaFAyKoZUqUOc6GbeBov0ZPwzHMkVppocbpQuqe05HWKH/Fk8xpV/j2UPXrUxVP2wkS2HikKtdrX6A0sem+1H9jMazdZaTGT/z2iy4laXVlvZ0xsnMaPNV2dGndfsmsCrIhbRiXvQ1oh3wusvBhkqfKzxuH+qBdxALMKQKfWqyBqJQ7xITF09qxAjuLRXsKGyrH0jNGaTooVFHBQmbDyV3ZU+Pgi/MNxPO0W/flV9XGh9xu4dDJCYNKLWygwxV1DDOU5RUCdwKVMMb19wwMTI0tAnOnWglWWvRxxvXq2Ej/AG5kxFsOZNmxQAAAABJRU5ErkJggg==') 0 0 no-repeat;
}
.row.filter_form_field .form-control {
  border: 1px solid #E3DAE7;
  box-sizing: border-box;
  border-radius: 20px;

}

.table thead th{
  vertical-align: inherit;

}
.header .top-nav-block{
  z-index: 100;
}
.header .top-notification.open .notoifications-block{
  z-index: 900;
}
.ntt .link {
  color: white;
  border-bottom: 1px solid;
}
.header .top-user-block .user-options {
  z-index: 200 !important;
}
.header .header-top{
  padding-top: 16px;
}
.top-nav-block .top-nav li{
  margin: 0 1%;
}

.top-nav-block {
    position: absolute;
    
    left: 0;
    right: 0;
    
    top: 130px;
    box-shadow: none;
    padding: 0;
    border-radius: 30px; 
    background: none; 
    }
    .header .top-nav-block{
      background: none;
      box-shadow: none;
    }
    .top-nav-block .nav-trigger {
      width: 80px;
      color: white;
    }
    .top-nav-block .nav-trigger, .top-nav-block .top-nav{
      background: #8856B7;
    }
    .top-nav-block .nav-trigger {
      display: block;
      font-size: 1.25rem;
      text-align: center;
      cursor: pointer;
      line-height: 1.5rem;
      padding: 18px; }
    .top-nav-block .top-nav {
      display: none;
      width: 225px;
      padding-top: 20px;
      padding: 20px 15px 15px; }
      .top-nav-block .top-nav li {
        border-bottom: 1px solid #e5e5e5;
        padding: 5px 10px; }
        .top-nav-block .top-nav li:first-child {
          padding-top: 0; }
          .top-nav-block .top-nav li:first-child a {
            padding-top: 0; }
        .top-nav-block .top-nav li:last-child {
          border: none; }
        .top-nav-block .top-nav li a {
          display: block;
          padding: 10px 0;
          padding-left: 30px; }
          .top-nav-block .top-nav li a:before {
            position: absolute;
            margin-left: -30px; }
          .top-nav-block .top-nav li a.active:after {
            display: none; }
        .top-nav-block .top-nav li br {
          display: none; } 
.ntt:last-child .ttt {
    left: auto;
   right: 0;
}

.ntt:last-child .ttt:after {
   left: 50%;
   margin-left: 0;
}