.view_block{display:none;}
.kurse_block{background: #fff;border-radius: 10px;border: 1px solid #e9ecef;}
.kurse_date{font-size: 13px;color: #495057;}
.kurse_zag{font-size: 16px;font-weight: 600;}
.kurse_text{font-size: 14px;}
.kurs{cursor: pointer;}

.text-heder{vertical-align: middle;font-family: 'Oswald', sans-serif;color: #737373;text-align: center;width: 100%;margin: 10px 0;padding: 0 5px;word-wrap: break-word;}
.moi_rk{margin: 15px 0;font-size: 14px;text-align: center;width: 100%;padding: 10px 0;}
.instrument{font-size: 12px;width: 100%;text-align: center;padding: 10px 0;}
.text-item{width: 24px;display: flex;margin: 0 auto;margin-bottom: 5px;}
.svg_del{width: 18px;}
.svg_del:hover{cursor: pointer;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.activ-menu{background-color: #222427;}
.unactiv-menu:hover{cursor: pointer;background-color: #222427;}

.text-item:hover{cursor: pointer;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.unactiv:hover{background-color: #adb5bd2b;}
.text-item2{width: 16px;margin-right: 5px;}
.text-item2:hover{ cursor: pointer;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.viz_img{width: 20px;padding: 10px 0;}
.viz_img:hover{cursor: pointer;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.text_dop_opis {
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 2rem;
}

.razdel_unactive:hover{background-color: #adb5bd2b;}
.razdel_active{background-color: #e9fafb}
.segment_name{margin: 10px;}

.tarif_ppc{background-color: #fff;padding: 20px;border-radius: 4px;}
.razdel_unactive{background-color: #ffff;}
.razdel_unactive:hover{background-color: #adb5bd2b;cursor: pointer;}

.save2 {display: none;background-color: #89de8c;border-radius: 3px;position: absolute;width: 150px;z-index: 99;font-size: 14px;color: #000;transform: translate3d(70px, 0px, 0px);text-align: center;padding: 5px;}
.save_no {display: none;background-color: #fdc224;border-radius: 3px;position: absolute;width: 500px;z-index: 99;font-size: 14px;color: #000;transform: translate3d(100px, 400px, 0px);text-align: center;padding: 5px;}
.save_no_balance{display: none;background-color: #fdc224;border-radius: 3px;position: absolute;width: 500px;z-index: 99;font-size: 14px;color: #000;transform: translate3d(100px, 30px, 0px);text-align: center;padding: 5px;}

.limit-no{padding: 5px 10px;background-color: #fdc224a1;text-align: center;border-radius: 7px;margin-bottom: 10px;font-size: 14px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.dostup_close{margin-bottom: 10px;background-color: #fff;height: 40px;border-radius: 5px;box-shadow: 0 0 10px rgb(179, 179, 179)}
.dostup_open{margin-bottom: 10px;color: #fff;background-color: #17a2b8;height: 40px;border-radius: 5px;box-shadow: 0 0 10px rgb(179, 179, 179)}
.dostup_header{padding: 10px;font-size: 14px;text-align: center;height: 40px; background-color: #e9ecef;border-color: #dee2e6;margin-bottom: 20px;}

.obuch{font-size: 14px;border-radius: 4px;background-color: #cacaca;margin: 20px 20px 20px 0;padding: 10px;height: 40px;}
.obuch:hover{cursor: pointer;background-color: #ffc107;color: black;}

.segment_name{margin: 10px;}
.skidka:hover{cursor: pointer;text-decoration: underline;}

.save_absolut {display: none;box-shadow: 0 0 10px #89de8c;background-color: #89de8c;border-radius: 3px;position: absolute;z-index: 9999;font-size: 14px;color: #000;margin: 20px;padding: 15px 20px;right: 0%;}

#preloader {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 999;
      width: 100%;
      height: 100%;
      overflow: visible;
      background: #fbfbfb url('//cdnjs.cloudflare.com/ajax/libs/file-uploader/3.7.0/processing.gif') no-repeat center center;
}

.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.tarif_opis{width:70%;cursor: default;text-align: center;}

.procent{cursor: pointer;margin: auto;padding: 7px 5px;font-size: 12px;}
.open_dropdown{cursor: pointer;}
.procent_otkaz{margin: auto;background: #ff00008f;padding: 7px 5px;border-radius: 20px;font-size: 12px;}
.blok_voronk{padding: 2%;background: #d8dfe8;border-radius: 5px;}
.add_info{cursor: pointer;background: #adb5bd;margin: auto;margin-bottom: 9px;padding: 5px;border-radius: 3px;font-size: 13px;}
.block_raschet{margin-top: 20px;background: #fff;padding: 10px;border-radius: 3px;}
.good{background: #7fd492;}
.null{background: #ffc107}
.bad{background: #f5b0b7}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.tarif_block{margin: 0 auto;width: 75%;background: #fff;padding: 20px;border-radius: 20px;box-shadow: 2px 3px 5px rgb(202 200 200);}
.demo_span{color: #007bff;font-size: 11px;}
.videoobzr{font-size: 10px;text-decoration: underline;cursor:pointer;margin-left: auto;margin-right: 10px;}
.btn_primary{padding: 18px 50px;background: #1657FF;border-radius: 15px;color: #fff;}
/* .qqq{box-shadow: 3px 3px 7px #dedede;} */
.fon_data_lk{margin-bottom: 10px;border: 0;cursor: default;padding: 10px;border-radius: 3px;border: 1px solid #dfeaff;}
.div_shapka{display:flex;padding: 20px;background:#f0f8ff;border-radius: 10px;}
.text_block{margin-bottom:20px;padding: 0 20px;}
.text_block_h1{margin-bottom:20px;margin-top:40px;padding: 0 20px;}
.tab1{margin-left: 15px;}
.img_screen_faq{margin-bottom:20px;width: 400px;}


.data_ads_item{
  font-size:12px;padding: 10px;background: #d5d5d5;border-radius: 5px;width: 18%;margin: 5px;
}

.span_popup{
  cursor: pointer;
}
.span_popup:hover{
  font-weight: 600;
}
.popup_item.active{
  font-weight: 600;
}
.popup_item.unactive{
  font-weight: 200;
}
#tarif_msg{
  display:flex;
}

.nav_sin{
  color: #006ce7;
  cursor: pointer;
}
.nav_sin:hover{
  text-decoration: underline;
}


.kurse_block_img{
  /* width:25%; */
  display: flex;
  border-radius: 10px 0px 0px 10px;
}
.kurse_block_text{
  /* width:75%; */
  padding: 3%;
}


/* generator */
.item_gen{
  width:22%;
  margin-bottom: 3rem;
}
.check_stolb.active{
  background-color: #d1ebf9;
  color: #006ca5;
}
