<html lang="ru">
<head>
<title>Список пользователей</title>
<link type="text/css" rel="stylesheet" href="/_st/my.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#234770">
<link rel="preload" href="/css/common.css" as="style">
<link rel="preload" href="/css/styles.css" as="style">
<link rel="preload" href="/css/engine.css" as="style">
<link rel="preload" href="/css/fontawesome.css" as="style">
<link rel="preload" href="/webfonts/manrope-400.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/webfonts/manrope-600.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/webfonts/manrope-700.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/webfonts/fa-light-300.woff2" as="font" type="font/woff2" crossorigin>
<link rel="shortcut icon" href="/images/favicon.svg">
</head>

<body class="dt-is-active1">
<script>
function switchLight() {
if (localStorage.getItem('theme') === 'dark') {
document.querySelector('body').classList.add('dt-is-active');
} else {
document.querySelector('body').classList.remove('dt-is-active');
};
};
switchLight();
</script>

<div class="wrapper">
<div class="wrapper__container wrapper__main">
 
<header class="header d-flex ai-center vw100">
$GLOBAL_AHEADER$
</header> <!-- END HEADER -->

<main class="content">
<div class="sect sect--white d-grid-items d-grid-items-5">
<!-- <body> -->
$BODY$
<div align="center" class="form">$USERS_SEARCH_FORM$</div>
<style>.form select {width: auto !important;}</style>
<?if($PAGE_SELECTOR$)?>
<div class="pagination ignore-select d-flex jc-center" id="pagination">
<div class="pagination__pages d-flex jc-center">$PAGE_SELECTOR$</div>
</div>
<?endif?>
<!-- </body> -->
</div>
</main> <!-- END CONTENT -->

<footer class="footer vw100">
$GLOBAL_BFOOTER$
</footer> <!-- END FOOTER -->

</div> <!-- END WRAPPER-MAIN -->
</div> <!-- END WRAPPER -->
 
 
<?if($USER_LOGGED_IN$)?>
<?else?>
<div class="login login--not-logged serv d-none">
<div class="login__header">
<div class="login__title">Авторизация</div>
<div class="login__caption">Получите дополнительные возможности</div>
<button class="login__close fal fa-times btn-without-bg" aria-label="Закрыть панель авторизации"></button>
</div>
$LOGIN_FORM$
</div>
<?endif?>

<style>
.uTable { border: 1px solid #ccc !important; width: 100% !important; margin-top: 20px;}
.uTable tr th {background-color:#fff; padding: 10px; border: 1px solid #ccc; font-size: 12px;color: #222;}
.uTd a {color: #ccc;}
.uTable tr:nth-child(2n+2),.pm tr:nth-child(2n+2) {background-color: var(--pmbg)}
.uTable tr td, .userstop tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.uTable tr:nth-child(2n+2), .userstop tr:nth-child(2n+2) {background-color:#f9f9f9;}
.form form input, .form form select{display: initial; margin-top: 15px; border-radius: 5px;}
.form form input[type="checkbox"] {margin-right: 10px;}
</style>
<script src="/js/libs.js"></script>
<script src="/js/owl-carousel.js"></script>
</body>
</html>