body {
  /* padding: 50px; */
  padding: 0;
  margin: 0;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  /* overflow: hidden; */
  /* overscroll-behavior-y: none; /* После этого свайп вниз не будет вызывать обновление страницы */ */
}

a {
  color: #00B7FF;
}

.bt_barcode {
	display: flex;
	align-items: center;
	position: relative;
	background: #f7f7f7;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
	background: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
	background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
	background: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
	background: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
	box-shadow: 0 3px 8px #aaa, inset 0 2px 3px #fff;
	-webkit-box-shadow: inset 0px 1px 1px #8eb3d5;
	color: #a7a7a7;
	border-radius: 50%;
	width: 77px;
	height: 77px;
	line-height: 30px;
	margin: 0 auto;
}
.bt_barcode button:active{
	/* background: #396D9E !important; */
	border:1px solid #13171a;
}
.temp_1 template.webix_template{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 20px;
	font-weight: 600;
	color: rgb(51, 236, 202);
}

.video-bg {
    height: 50vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.video-bg video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 90%;
    height: 45vh;
    object-fit: cover;
}

.group-vertical div {
    display: block; /* Make the buttons appear below each other */
}


.group-horizontal_0 div {   
	float: left; /*Задаем обтекание*/ 
	line-height: 120px;/*Высота строки + верт. центрирования текста*/ 
	font-size: 40px; 
	background: dodgerblue; 
	color: white; 
	margin-top: 60px; 
	width: 320px; /*Фиксируем ширину блока*/ 
	margin-right: 10px; 
	text-align: center; /*Центрируем текст по горизонтали*/ 
}

/* Источник: https://vaden-pro.ru/blog/css/razmeshchenie-blokov-div-gorizontalno */
.group-horizontal div {
	display: inline; 
}
.group-horizontal_0:after {
  content: "";
  clear: both;
  display: table;
}

.btn-group-vertical button {
    background-color: #4CAF50; /* Green background */
    border: 1px solid green; /* Green border */
    color: white; /* White text */
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    width: 50%; /* Set a width if needed */
    display: block; /* Make the buttons appear below each other */
}

.btn-group-vertical button:not(:last-child) {
    border-bottom: none; /* Prevent double borders */
}

/* Add a background color on hover */
.btn-group-vertical button:hover {
    background-color: #3e8e41;
}

.btn-group-horizontal button {
  background-color: #04AA6D; /* Зеленый фон */
  border: 1px solid green; /* Зеленая рамка */
  color: white; /* Белый текст */
  padding: 10px 10px; /* Некоторый отступ */
  width: 100px; /*Фиксируем ширину блока*/ 
  cursor: pointer; /* Иконка указателя/руки */
  float: left; /* Выстраиваем кнопки рядом друг с другом */
}

.btn-group-horizontal button:not(:last-child) {
  border-right: none; /* Исключаем двойную рамку */
}

/* Сбрасываем обтекание (clearfix hack) */
.btn-group-horizontal:after {
  content: "";
  clear: both;
  display: table;
}

/* Добавляем фон при наведении курсора */
.btn-group-horizontal button:hover {
  background-color: #3e8e41;
}

/* https://msiter.ru/kaksdelat/gorizontalnaya-gruppa-knopok */

.sprite{
	height: 100%;
	overflow: hidden;
	/* position: absolute; */
}

.list{
	height: 80vh;
	overflow-y: scroll;
}

.list ul {
	/* overflow-y: scroll; */
}

.list-item {
	font-size:20px;
}

.selected{
	background-color: #04AA6D;
}

/* .list-item:active{ */
	/* font-size:20px; */
	/* background-color: #04AA6D; */
/* } */

 /* Модальное окно (фон) */  /* https://www.schoolsw3.com/howto/howto_css_modals.php */
.modal {
	/* display: none; /* Скрыто по умолчанию */ */
	position: fixed; /* Остается на месте */
	z-index: 1; /* Размещается сверху */
	/* padding-top: 100px; /* Расположение поля */ */
	left: 0;
	top: 0;
	width: 100%; /* Полная ширина */
	height: 100%; /* Полная высота */
	overflow: auto; /* Включить прокрутку при необходимости */
	background-color: rgb(0,0,0); /* Резервный цвет */
	background-color: rgba(0,0,0,0.4); /* Черный с непрозрачностью */
	position: absolute;
}

/* Модальное содержание/коробка */
.modal-content {
  background-color: #fefefe;
  margin: 35% auto; /* 15% сверху и по центру */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Может быть больше или меньше, в зависимости от размера экрана */
}