* { font-family: Verdana,Tahoma,Segoe,sans-serif; box-sizing: border-box; }
body { margin: 0; background: #F9FBFF; }
header, aside, .content { background: #fff; margin: 15px; box-shadow: 0 3px 15px 7px #0000000a; border-radius: 15px; }
header { padding: 10px 15px; }
header > nav:after { content: ""; display: block; clear: both; }
header > nav { height: 30px; margin: 15px; display: none; }
header > nav > a { display: inline-block; float: right; padding: 3px 0 0 38px; background-repeat: no-repeat; margin: 0 15px; height: 26px; font-size: 0.875rem; color: #3e3e3e; }
header > nav > .helpcenter { background-image: url('/public/img/helpcenter_new.png'); }
header > nav > .contacts { background-image: url('/public/img/contacts_new.png'); }
header > nav > .exit { background-image: url('/public/img/exit_new.png'); }
header > nav > .selectlang > img {vertical-align: bottom;}
header > div.mobhead { height: 30px; margin: 15px; }
header > div.mobhead > div.mobhead-logo { width: 49%; display: inline-block; }
header > div.mobhead > div.mobhead-menu { width: 49%; display: inline-block; text-align: right; font-size: 36px; }
aside { width: 300px; position: absolute; min-height: 90%; left: -315px; top: 0; z-index: 999; }
aside > .logo { text-align: start; margin: 40px 30px 45px 30px; }
aside > nav { margin: 15px 30px; }
aside > nav > div.mobnavleft { display: block; }
aside > nav > div.group > a { display: block; font-size: 0.875rem; color: rgb(68, 73, 79); font-weight: 600; padding: 3px 45px; margin-top: 1.25rem; background-repeat: no-repeat; }
aside > nav > div.group > a.services { background-image: url('/public/img/services_new.png'); }
aside > nav > div.group > a.counterparties { background-image: url('/public/img/users_new.png'); }
aside > nav > div.group > a.system_administration { background-image: url('/public/img/adminarea_new.png'); }
aside > nav > div.group > a.reports { background-image: url('/public/img/reports_new.png'); }
aside > nav > div.group > div.items > a { display: block; font-size: 0.875rem; color: #000; padding: 3px 38px; margin-top: 1.25rem; opacity: 0.6; }
a.active {color: blue !important; font-weight: 600;}
.content { padding: 50px; }
.content .actions { float: right; width: 50%; text-align: right; }
.content .actions > .changeContent { background: #06C35D; border-radius: 15px; text-align: center; font-weight: 500; font-size: 0.875rem; color: #fff; cursor: pointer; border: none; display: inline-block; padding: 0.7rem 2.5rem; }

.loader { position: absolute; width: 75%; height: 95%; background: rgba(200,200,200,0.3); z-index: 999; }
.loader > span { margin: 100px auto; display: block; width: fit-content; font-size: 25pt; padding: 25px; background: rgba(255,255,255,0.9); border-radius: 50px; }

a { color: #6558ff; text-decoration: none; }
a:hover { opacity: .85; }
h1 { font-size: 1.375rem; font-weight: 100; line-height: 100%; color: #3D4452; margin: 0px 0px 30px 0px; padding: 0.625rem 0.75rem; }
h1:after { content: ""; display: block; clear: both; }
h1 > img {vertical-align: bottom;}
.service_text {color:rgba(153, 156, 160, 1); }
textarea { background: #fff; border: 1px solid #a8aeb8; border-radius: 4px; padding: 0.875rem 1.5rem; font-size: 0.875rem; color: #3e3e3e; margin-bottom: 4px; width: 100%; height: 250px; }
select { background: #fff; border: 1px solid #a8aeb8; border-radius: 4px; padding: 0.875rem 1.5rem; font-size: 0.875rem; color: #3e3e3e; margin-bottom: 4px; width: 100%; }
input { background: rgba(229, 238, 255, 0.2); border: 1px solid #d6e6ff; border-radius: 15px; padding: 0.7rem 1.5rem; font-size: 0.875rem; color: #3e3e3e; opacity: 0.8; margin-bottom: 4px; width: 100%; }
input[type=checkbox] { width: 50px !important; }
.auth { width: 500px; }
.btn:hover { opacity: .85; }
.btn { background: #0646C3; border-radius: 4px; width: 100%; text-align: center; font-weight: 500; font-size: 0.875rem; color: #fff; cursor: pointer; border: none; display: block; padding: 0.875rem 1.5rem; }
.w300 { width: 300px !important; }

div.pagination{ margin-top: 70px;}
a.pagination { color: rgba(153, 156, 160, 1); text-decoration: none; width: 40px; height: 40px; display: inline-grid; text-align: center;}
a.pagination > .decoration{ color: white; background-color: rgba(6, 70, 195, 1); border-radius: 10px; display: inline-grid; align-items: center;}

table tr > th { font-size: 0.875rem; color: #3e3e3e; padding: 0.625rem 0.75rem; font-weight: 600; }
table tr > td { font-size: 0.875rem; color: #3e3e3e; padding: 0.625rem 0.75rem; border-top: 0.03125rem solid #E3E4E8; }
table tr:last-child > td {border-bottom: 0.03125rem solid #E3E4E8;}
.border_none {border: none !important;}
.input_search{border: 2px solid rgba(6, 70, 195, 1); color: rgba(6, 70, 195, 1); background-image: url('/public/img/search.png'); background-repeat: no-repeat; background-position: left 20px center; padding: 10px 30px 12px 55px;}

.selectlangdiv { display:none; position: absolute; top: 75px; right: 190px; width: 180px; background-color: #fff; border: 1px solid #eee;  padding: 15px 5px; }
.selectlangdiv > a { display: block; padding: 3px 0 0 38px; background-repeat: no-repeat; margin: 0 15px; height: 26px; font-size: 0.875rem; color: #3e3e3e; }
.minihelp {     position: relative;    left: 105%;    top: -40px;    color: #0646c3;    font-weight: bold; cursor: pointer;  border: 1px solid #0646C3;    border-radius: 45%;    display: block;    width: 20px;    height: 20px;    text-align: center;  }
.minihelptext { display: block; position: absolute; width: 250px; height: 75px; z-index: 9999; background-color: #fff; border: 1px solid #eee;  padding: 15px; }

@media (min-width: 992px) {
  body { padding-left: 350px; }
  aside { left: 15px; }
  header > nav { display: block; }
  header > div.mobhead { display: none; }
  aside > nav > div.mobnavleft { display: none; }
}

/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');
font-family: 'Montserrat', sans-serif;

// Экстрамалые девайсы («портретные телефоны», < 576px)
@media (max-width: 575.98px) { ... }

// Малые девайсы («ландшафтные», >= 575px)
@media (min-width: 576px) and (max-width: 767.98px) { ... }

// Средние девайсы («таблетки», >= 768px) 
@media (min-width: 768px) and (max-width: 991.98px) { ... }

// Большие девайсы (большие десктопы, >= 992px)
@media (min-width: 992px) and (max-width: 1199.98px) { ... }

// Большие девайсы (большие десктопы, >= 1200px)
@media (min-width: 1200px) { ... }
*/