<html lang="ru">
<head>
<title>$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> -->
<div class="serv pmessages">
<h1 class="serv__title">Персональные сообщения</h1>

<div class="table-responsive">$BODY$</div>
</div>
<!-- </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?>

<script type="text/javascript"> 
$('.pmCatLink').parent().html($('.pmCatLink').parent().html().replace(/\[/g,'').replace(/\]/g,'').replace(/\|/g,' ')); 
</script>
<script src="/js/libs.js"></script>
<script src="/js/owl-carousel.js"></script>
<style>
/* PM for uCoz */
.allUsersBtn {width: auto !important;}
.pmessages table { border: 1px solid #ccc !important; width: 100% !important; margin-top: 20px;}
#pmdform tr:nth-child(2n+2),.pm tr:nth-child(2n+2) {background-color: var(--pmbg)}
.pmessages tr td, .userstop tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.pmessages tr:nth-child(2n+2), .userstop tr:nth-child(2n+2) {background-color:#f9f9f9;}
.pmessages select {margin-bottom:10px;}
.pmessages input[type="submit"], #addform input[type="button"], #addform input[type="password"], #addform input[type="reset"] {width: auto !important;}
.main table input[type="submit"], .main table input[type="button"], .main table input[type="password"], .main table input[type="reset"] {width: auto !important;}

#addform input[type="button"], #addform input[type="submit"], #addform input[type="reset"] { border-radius: 5px;}
#addform select {width: auto !important; display: inline-block !important;}
#addform td {padding-bottom: 5px; padding-top: 5px;}
#addform table label { margin-left: 5px; bottom: 2px; position: relative; }

#pmdform tr:nth-child(1) {background-color:var(--ui-bg-darkest);}
#pmdform tr:nth-child(2n+2) {background-color:var(--ui-bg-darker);}
.smiles img {width: 20px; max-width: 20px;}
table .smiles {margin-top: 0px;}
.pbarContainer.pm-informer { border-radius: 4px; margin: 10px 0; overflow: hidden; box-shadow: inset 0 2px 5px rgb(0 0 0 / 10%); background-color: var(--ui-bg-darkest); float: inherit; width: 100%;border: none !important;}
.pbarContainer { background: #6ab04c; font-size: 0; cursor: help; text-indent: -2000em; height: 20px; display: block; }
.pbarFiller { height: 100%; border-radius: 1px; background: #6ab04c; box-sizing: border-box; max-width: 100%; min-width: 1%; }
.pbarContainer:before {top: 0px; right: 15%;}
.pbarContainer:after {top: 0px;}

input[type="button"], input[type="submit"], input[type="reset"] { width: auto !important; border-radius: 5px;}
.pmCatLinkActive, .pmCatLink { border-radius: 5px;}
input[type="text"], input[type="password"] { display: initial !important; }
.flex-grow-1 select {width: auto !important;}
</style>
</body>
</html>