* {margin: 0;padding: 0;border: 0;box-sizing: border-box;}
*:focus {outline: none;}
html {background-color: #eee;}
body {font-family: 'Open Sans', sans-serif;font-size: 12px;color: #424242;}
html, body {height: 100%;}
table {table-layout: auto;border-collapse: collapse;}
a {color: #1976d2;text-decoration: underline;}
a:hover {color: #424242;}
strong {font-weight: bold;}
em {font-style: italic;}
#container {display: flex;justify-content: center;align-items: center;width: 100%;min-width: 800px;min-height: 100vh;}






#wrap {display: flex;width: 800px;height: auto;min-height: 600px;background-color: #fff;border: 1px #e0e0e0 solid;border-radius: 5px;
outline: 2px rgba(224, 224, 224, 0.4) solid;
overflow: hidden;}









#left-container, #right-container {flex: 1;display: flex;justify-content: center;align-items: center;position: relative;padding: 20px;}
#right-container {background: linear-gradient(to right, #0d47a1, #1565c0, #1976d2, #1e88e5, #2196f3, #42a5f5);}
#left-wrap, #right-wrap {width: 100%;padding: 20px;}
#logo {display: inline-block;font-size: 16px;color: #1976d2;text-decoration: none;line-height: 1.5;text-align: center;padding: 96px 20px 20px 20px;background: url('../img/logo-uschovna.svg') no-repeat center top;background-size: 84px;}
#logo strong {color: #424242;}
#pop-up, #copy-message {float: none;position: absolute;top: 40px;left: 20px;width: calc(100% - 40px);height: auto;transform: translateY(-50%);z-index: 99;line-height: 1.5;text-align: center;padding: 10px;border-radius: 5px;}
.success-box {border: 1px #aed581 solid;background-color: rgba(197, 225, 165, 0.8);}
.error-box {border: 1px #e57373 solid;background-color: rgba(239, 154, 154, 0.8);}
#mode-wrap {float: none;position: absolute;top: 40px;right: 20px;height: auto;transform: translateY(-50%);z-index: 9;line-height: 1.5;text-align: center;padding: 10px;}
#mode-wrap p {font-size: 18px;text-align: center;}
#mode-wrap p a {color: #757575;}
#mode-wrap p a:hover {color: #212121;}
h1 {display: none;}
h2 {display: block;font-size: 16px;font-weight: bold;line-height: 1.5;text-align: left;}
h3 {display: block;font-size: 12px;font-weight: normal;line-height: 1.5;text-align: left;}
p {display: block;line-height: 1.5;text-align: left;}
.centered {text-align: center !important;}
.righted {text-align: right !important;}
.nowraped {white-space: nowrap;}
.uppercased {text-transform: uppercase !important;}
.pd-t-10 {padding-top: 10px;}
.pd-t-15 {padding-top: 15px;}
.pd-t-20 {padding-top: 20px;}
.pd-t-30 {padding-top: 30px;}
.pd-b-5 {padding-bottom: 5px;}
.pd-b-10 {padding-bottom: 10px;}
.pd-b-15 {padding-bottom: 15px;}
.pd-b-20 {padding-bottom: 20px;}
.pd-b-40 {padding-bottom: 40px;}
.pd-l-10 {padding-left: 10px;}
.pd-l-20 {padding-left: 20px;}
.mg-b-10 {margin-bottom: 10px;}
.mg-b-15 {margin-bottom: 15px;}
.mg-b-20 {margin-bottom: 20px;}
.mg-l-5 {margin-left: 5px;}
.mg-l-10 {margin-left: 10px;}
.clr-red {color: #f00;}
.clr-gray {color: #757575;}
.clr-white {color: #fff;}
.bg-white {background-color: #fff;}
.ul-list, .ol-list {list-style: none outside none;line-height: 1.5;}
.ol-list {counter-reset: item;}
.ul-list li, .ol-list li {position: relative;padding-left: 2em;}
.ol-list > li {counter-increment: item;}
.ol-list > li::before {content: counter(item) '.';position: absolute;left: 0;width: 1.5em;text-align: right;}
.ul-list > li::before {content: '\2022';position: absolute;left: 0;width: 1.5em;text-align: right;font-weight: bold;}
.ol-list ol {counter-reset: item;}
.button {font-size: 12px;font-weight: bold;line-height: 1.5;color: #1976d2;text-decoration: none;border: 2px #1976d2 solid;padding: 5px 10px;border-radius: 5px;background-color: #fff;vertical-align: baseline;}
.button-hover:hover {color: #212121;cursor: pointer;border-color: #212121;}
.forgot-link {color: #757575;}
#nav {list-style: none outside none;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px 0;}
#nav li {text-align: center;}
#nav li a {display: block;position: relative;color: #757575;text-decoration: none;}
#nav li a span {display: block;line-height: 1.5;text-align: center;}
#nav li a span.icon {display: block;font-size: 36px;color: #1976d2;line-height: 1.5;}
#nav li a span.icon-act {display: inline-block;position: absolute;bottom: 24px;left: 50%;transform: translateX(-10%);z-index: 9;font-size: 16px;color: #757575;line-height: 1;background-color: #fff;border: 1px #fff solid;border-radius: 50%;}
#nav li a:hover, #nav li a:hover span.icon, #nav li a:hover span.icon-act {color: #212121;}
#tab-menu {list-style: none outside none;display: block;font-size: 0;letter-spacing: 0;word-spacing: 0;text-align: left;}
#tab-menu li {display: inline-block;font-size: 12px;text-align: center;margin-right: 10px;}
#tab-menu li a {display: block;line-height: 1.5;text-decoration: none;}
#tab-menu li a.active {font-weight: bold;text-decoration: none;}
#tab-menu li a.active:hover {color: #424242;}




input, select, button {font-family: inherit;font-size: inherit;font-weight: inherit;color: #424242;line-height: 1.5;width: 100%;text-align: left;padding: 10px;margin: 0;appearance: none;touch-action: none;


outline: 0;


box-shadow: none;


background-color: #fff;border: 1px #e0e0e0 solid;border-radius: 5px;overflow: hidden;}
select {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcsMTBMMTIsMTVMMTcsMTBIN1oiIC8+PC9zdmc+');background-repeat: no-repeat;background-position: right 10px center;background-size: 16px;cursor: pointer;}
input[type="file"] {display: none;}
input:focus, select:focus {border-color: #1976d2;





outline: 2px rgba(33, 150, 243, 0.4) solid;



}
form button {font-weight: bold;color: #fff;text-align: center;cursor: pointer;background: linear-gradient(to right, #0d47a1, #1565c0, #1976d2, #1e88e5, #2196f3, #42a5f5);




outline: 2px rgba(224, 224, 224, 0.4) solid;







}
input::placeholder {color: #757575;}
select:invalid {color: #757575;}
.file-label {color: #757575;display: block;line-height: 1.5;text-align: left;cursor: pointer;padding: 10px;border: 1px #e0e0e0 solid;border-radius: 5px;overflow: hidden;background-color: #eee;}
.checkbox-wrap {display: flex;align-items: center;gap: 10px;}
.checkbox-label {line-height: 1.5;text-align: left;box-sizing: border-box;appearance: none;touch-action: none;



outline: 0;

box-shadow: none;




border-radius: 0;}








.ui-widget-content {font-size: 12px !important;color: #424242 !important;line-height: 1.5 !important;background-color: #fff !important;border: 1px #e0e0e0 solid !important;background-image: none !important;




outline: 2px rgba(224, 224, 224, 0.4) solid;


box-shadow: none;



border-radius: 5px !important;}










#admin-body {background-color: #fff;}
#admin-container {display: grid;grid-template-columns: 1fr;grid-template-rows: auto 1fr;gap: 0;grid-auto-flow: row;grid-template-areas: 'admin-header' 'admin-content';height: 100%;}
#admin-header {display: grid;grid-template-columns: 1fr;grid-template-rows: 1fr;gap: 0;grid-auto-flow: row;grid-template-areas: 'admin-header-left';grid-area: admin-header;}
#admin-header-left {grid-area: admin-header-left;}
#admin-header-left h1 {display: none;}
#admin-header-left p {display: block;text-align: left;}
#admin-header-left p strong {display: inline-block;font-weight: bold;color: #1976d2;line-height: 1.5;text-align: center;padding-bottom: 20px;}
#admin-content {grid-area: admin-content;overflow-y: auto;}
#table-container {display: block;overflow-x: auto;}
#table-container table {width: 100%;}
#table-container table th, #table-container table td {font-size: 12px;font-weight: normal;line-height: 1.5;text-align: left;border: 1px #e0e0e0 solid;padding: 10px;}
#table-container table th {font-weight: bold;}
.th-1 {width: 100%;}
.th-2 {width: 50%;}
.th-3 {width: 33.3333%;}
.th-4 {width: 25%;}
.th-5 {width: 20%;}
.th-6 {width: 16.6666%;}
.th-7 {width: 14.2857%;}
.th-8 {width: 12.5%;}
.th-9 {width: 11.1111%;}
.th-10 {width: 10%;}
.th-5-2 {width: 40%;}
.admin-table-container {padding: 0 !important;}
.admin-table-container table td {border: none !important;}
.admin-table-container table td.b-r-l {border-right: 1px #e0e0e0 solid !important;border-left: 1px #e0e0e0 solid !important;}
#table-container table tbody tr:hover {background-color: #eee;}
.tab-content {display: none;}
.tab-content.active {display: block;}
#tab-menu a.active {font-weight: bold;color: #1976d2;text-decoration: underline;}
.hide-row {display: none;}
#password-strength-wrap {font-size: 0;letter-spacing: 0;word-spacing: 0;display: block;text-align: left;margin: 6px 0;}
#password-strength {display: inline-block;height: 3px;border-radius: 5px;}
.weak-password {width: 33.3333%;background-color: #e57373;}
.medium-password {width: 66.6666%;background-color: #ffd54f;}
.strong-password {width: 100%;background-color: #aed581;}

body.fancybox-active {overflow: hidden;height: 100%;}
.fancybox-content {padding: 20px !important;}











[data-theme="light"] #switch-to-light {display: none;}
[data-theme="dark"] #switch-to-dark {display: none;}

[data-theme="dark"] {background-color: #212121;}
[data-theme="dark"] #wrap {background-color: #424242;border: 1px #212121 solid;





}
[data-theme="dark"] #logo strong {color: #fff;}
[data-theme="dark"] body {color: #fff;}
[data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] button {color: #fff;background-color: #424242;border: 1px #fff solid;}
[data-theme="dark"] .button {background-color: #424242;}
[data-theme="dark"] input:focus, [data-theme="dark"] select:focus {border-color: #1976d2;








}
[data-theme="dark"] .clr-gray {color: #bdbdbd;}
[data-theme="dark"] input::placeholder {color: #bdbdbd;}
[data-theme="dark"] select:invalid {color: #bdbdbd;}
[data-theme="dark"] form button {border: 1px #212121 solid;







}
[data-theme="dark"] #cookies-notice {background-color: #424242;}








@media screen and (max-width: 800px), screen and (max-height: 600px) {
	#container {align-items: flex-start;min-width: auto;padding: 20px;}
	#wrap {flex-direction: column;width: 100%;height: auto;}
	#left-container, #right-container {width: 100%;height: auto;}
	#cookies-notice p br {display: inline;}
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}

[id="1p-live-region"] { display: none !important; }