@charset "UTF-8";
/*! fa-unicode-range-solid F005,F023,F02B,F07B,F086,F0E0,F12E,F2B6,F406 */
/*! fa-unicode-range-regular F06E,F073 */
/*!
 * Font Awesome Free 5.15.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fas,
.far {
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 display: inline-block;
 font-style: normal;
 font-variant: normal;
 text-rendering: auto;
 line-height: 1;
}

.fa-fw {
 text-align: center;
 width: 1.25em;
}

@keyframes fa-spin {
 0% {
 transform: rotate(0deg);
 }
 100% {
 transform: rotate(360deg);
 }
}
.fa-flip-horizontal {
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
 transform: scale(-1, 1);
}

:root .fa-flip-horizontal {
 filter: none;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-calendar-alt:before {
 content: "";
}

.fa-comments:before {
 content: "";
}

.fa-envelope:before {
 content: "";
}

.fa-envelope-open:before {
 content: "";
}

.fa-eye:before {
 content: "";
}

.fa-folder:before {
 content: "";
}

.fa-lock:before {
 content: "";
}

.fa-puzzle-piece:before {
 content: "";
}

.fa-star:before {
 content: "";
}

.fa-tag:before {
 content: "";
}

.fa-user-alt:before {
 content: "";
}

/*!
 * Font Awesome Free 5.15.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
 font-family: "Font Awesome 5 Free";
 font-style: normal;
 font-weight: 900;
 font-display: block;
 src: url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.woff") format("woff");
 unicode-range: U+F005, U+F023, U+F02B, U+F07B, U+F086, U+F0E0, U+F12E, U+F2B6, U+F406;
}
.fas {
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
}

/*!
 * Font Awesome Free 5.15.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
 font-family: "Font Awesome 5 Free";
 font-style: normal;
 font-weight: 400;
 font-display: block;
 src: url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.woff") format("woff");
 unicode-range: U+F06E, U+F073;
}
.far {
 font-family: "Font Awesome 5 Free";
 font-weight: 400;
}

.fa-flip-horizontal {
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
 transform: scale(-1, 1);
}

:root .fa-flip-horizontal {
 filter: none;
}

/*!
 * Bootstrap v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
 --blue: #007bff;
 --indigo: #6610f2;
 --purple: #6f42c1;
 --pink: #e83e8c;
 --red: #dc3545;
 --orange: #fd7e14;
 --yellow: #ffc107;
 --green: #28a745;
 --teal: #20c997;
 --cyan: #17a2b8;
 --white: #fff;
 --gray: #6c757d;
 --gray-dark: #343a40;
 --primary: #4a9fc8;
 --secondary: #6c757d;
 --success: #28a745;
 --info: #17a2b8;
 --warning: #ffc107;
 --danger: #dc3545;
 --light: #f8f9fa;
 --dark: #343a40;
 --breakpoint-xs: 0;
 --breakpoint-sm: 576px;
 --breakpoint-md: 768px;
 --breakpoint-lg: 992px;
 --breakpoint-xl: 1200px;
 --font-family-sans-serif: Arial, sans-serif;
 --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

label {
 display: inline-block;
 margin-bottom: 0.5rem;
}

button {
 border-radius: 0;
}

button:focus {
 outline: 1px dotted;
 outline: 5px auto -webkit-focus-ring-color;
}

input,
button {
 margin: 0;
 font-family: inherit;
 font-size: inherit;
 line-height: inherit;
}

button,
input {
 overflow: visible;
}

button {
 text-transform: none;
}

button,
[type=button] {
 -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled) {
 cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner {
 padding: 0;
 border-style: none;
}

input[type=checkbox] {
 box-sizing: border-box;
 padding: 0;
}

.container,
.container-fluid {
 width: 100%;
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto;
}

@media (min-width: 576px) {
 .container {
 max-width: 540px;
 }
}
@media (min-width: 768px) {
 .container {
 max-width: 720px;
 }
}
@media (min-width: 992px) {
 .container {
 max-width: 960px;
 }
}
@media (min-width: 1200px) {
 .container {
 max-width: 1140px;
 }
}
.form-control {
 display: block;
 width: 100%;
 height: calc(1.5em + 0.25rem + 2px);
 padding: 0.125rem 0.375rem;
 font-size: 0.875rem;
 font-weight: 400;
 line-height: 1.5;
 color: #495057;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: 0.25rem;
 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
 .form-control {
 transition: none;
 }
}
.form-control::-ms-expand {
 background-color: transparent;
 border: 0;
}

.form-control:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #495057;
}

.form-control:focus {
 color: #495057;
 background-color: #fff;
 border-color: #acd3e6;
 outline: 0;
 box-shadow: 0 0 0 0.2rem rgba(74, 159, 200, 0.25);
}

.form-control::placeholder {
 color: #6c757d;
 opacity: 1;
}

.form-control:disabled {
 background-color: #e9ecef;
 opacity: 1;
}

.form-group {
 margin-bottom: 1rem;
}

.btn {
 display: inline-block;
 font-weight: 400;
 color: #212529;
 text-align: center;
 vertical-align: middle;
 user-select: none;
 background-color: transparent;
 border: 1px solid transparent;
 padding: 0.125rem 0.375rem;
 font-size: 0.875rem;
 line-height: 1.5;
 border-radius: 0.25rem;
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
 .btn {
 transition: none;
 }
}
.btn:hover {
 color: #212529;
 text-decoration: none;
}

.btn:focus {
 outline: 0;
 box-shadow: 0 0 0 0.2rem rgba(74, 159, 200, 0.25);
}

.btn:disabled {
 opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
 cursor: pointer;
}

.btn-primary {
 color: #fff;
 background-color: #4a9fc8;
 border-color: #4a9fc8;
}

.btn-primary:hover {
 color: #fff;
 background-color: #378cb5;
 border-color: #3484ab;
}

.btn-primary:focus {
 color: #fff;
 background-color: #378cb5;
 border-color: #3484ab;
 box-shadow: 0 0 0 0.2rem rgba(101, 173, 208, 0.5);
}

.btn-primary:disabled {
 color: #fff;
 background-color: #4a9fc8;
 border-color: #4a9fc8;
}

.btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
 color: #fff;
 background-color: #3484ab;
 border-color: #317da1;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
 box-shadow: 0 0 0 0.2rem rgba(101, 173, 208, 0.5);
}

.btn-link {
 font-weight: 400;
 color: #4a9fc8;
 text-decoration: none;
}

.btn-link:hover {
 color: #2e7597;
 text-decoration: underline;
}

.btn-link:focus {
 text-decoration: underline;
}

.btn-link:disabled {
 color: #6c757d;
 pointer-events: none;
}

.btn-block {
 display: block;
 width: 100%;
}

.btn-block + .btn-block {
 margin-top: 0.5rem;
}

input[type=button].btn-block {
 width: 100%;
}

.dropdown-toggle {
 white-space: nowrap;
}

.dropdown-toggle::after {
 display: inline-block;
 margin-left: 0.255em;
 vertical-align: 0.255em;
 content: "";
 border-top: 0.3em solid;
 border-right: 0.3em solid transparent;
 border-bottom: 0;
 border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
 margin-left: 0;
}

.dropdown-menu {
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 1000;
 display: none;
 float: left;
 min-width: 10rem;
 padding: 0.5rem 0;
 margin: 0.125rem 0 0;
 font-size: 0.75rem;
 color: #212529;
 text-align: left;
 list-style: none;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid rgba(0, 0, 0, 0.15);
 border-radius: 0.25rem;
}

.dropdown-menu-right {
 right: 0;
 left: auto;
}

.dropdown-divider {
 height: 0;
 margin: 0.5rem 0;
 overflow: hidden;
 border-top: 1px solid #e9ecef;
}

.dropdown-item {
 display: block;
 width: 100%;
 padding: 0.25rem 1.5rem;
 clear: both;
 font-weight: 400;
 color: #212529;
 text-align: inherit;
 white-space: nowrap;
 background-color: transparent;
 border: 0;
 box-sizing: border-box;
}

.dropdown-item:hover, .dropdown-item:focus {
 color: #16181b;
 text-decoration: none;
 background-color: #f8f9fa;
}

.dropdown-item:active {
 color: #fff;
 text-decoration: none;
 background-color: #4a9fc8;
}

.dropdown-item:disabled {
 color: #6c757d;
 pointer-events: none;
 background-color: transparent;
}

.dropdown-menu.show {
 display: block;
}

.btn-group {
 position: relative;
 display: inline-flex;
 vertical-align: middle;
}

.btn-group > .btn {
 position: relative;
 flex: 1 1 auto;
}

.btn-group > .btn:hover {
 z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active {
 z-index: 1;
}

.btn-toolbar {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
}

.btn-toolbar .input-group {
 width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
 margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
 border-top-right-radius: 0;
 border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
 border-top-left-radius: 0;
 border-bottom-left-radius: 0;
}

.input-group {
 position: relative;
 display: flex;
 flex-wrap: wrap;
 align-items: stretch;
 width: 100%;
}

.input-group > .form-control {
 position: relative;
 flex: 1 1 auto;
 width: 1%;
 min-width: 0;
 margin-bottom: 0;
}

.input-group > .form-control + .form-control {
 margin-left: -1px;
}

.input-group > .form-control:focus {
 z-index: 3;
}

.input-group > .form-control:not(:last-child) {
 border-top-right-radius: 0;
 border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child) {
 border-top-left-radius: 0;
 border-bottom-left-radius: 0;
}

.input-group-prepend {
 display: flex;
}

.input-group-prepend .btn {
 position: relative;
 z-index: 2;
}

.input-group-prepend .btn:focus {
 z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn {
 margin-left: -1px;
}

.input-group-prepend {
 margin-right: -1px;
}

.input-group-text {
 display: flex;
 align-items: center;
 padding: 0.125rem 0.375rem;
 margin-bottom: 0;
 font-size: 0.875rem;
 font-weight: 400;
 line-height: 1.5;
 color: #495057;
 text-align: center;
 white-space: nowrap;
 background-color: #e9ecef;
 border: 1px solid #ced4da;
 border-radius: 0.25rem;
}

.input-group-text input[type=checkbox] {
 margin-top: 0;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
 border-top-right-radius: 0;
 border-bottom-right-radius: 0;
}

.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
 border-top-left-radius: 0;
 border-bottom-left-radius: 0;
}

.custom-control {
 position: relative;
 z-index: 1;
 display: block;
 min-height: 1.125rem;
 padding-left: 1.5rem;
}

.custom-control-input {
 position: absolute;
 left: 0;
 z-index: -1;
 width: 1rem;
 height: 1.0625rem;
 opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
 color: #fff;
 border-color: #4a9fc8;
 background-color: #4a9fc8;
}

.custom-control-input:focus ~ .custom-control-label::before {
 box-shadow: 0 0 0 0.2rem rgba(74, 159, 200, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
 border-color: #acd3e6;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
 color: #fff;
 background-color: #d3e8f2;
 border-color: #d3e8f2;
}

.custom-control-input:disabled ~ .custom-control-label {
 color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
 background-color: #e9ecef;
}

.custom-control-label {
 position: relative;
 margin-bottom: 0;
 vertical-align: top;
}

.custom-control-label::before {
 position: absolute;
 top: 0.0625rem;
 left: -1.5rem;
 display: block;
 width: 1rem;
 height: 1rem;
 pointer-events: none;
 content: "";
 background-color: #fff;
 border: #adb5bd solid 1px;
}

.custom-control-label::after {
 position: absolute;
 top: 0.0625rem;
 left: -1.5rem;
 display: block;
 width: 1rem;
 height: 1rem;
 content: "";
 background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-label::before {
 border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
 border-color: #4a9fc8;
 background-color: #4a9fc8;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
 background-color: rgba(74, 159, 200, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
 background-color: rgba(74, 159, 200, 0.5);
}

.custom-control-label::before {
 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
 .custom-control-label::before {
 transition: none;
 }
}
.navbar {
 position: relative;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
 padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
}

.badge {
 display: inline-block;
 padding: 0.25em 0.4em;
 font-size: 75%;
 font-weight: 700;
 line-height: 1;
 text-align: center;
 white-space: nowrap;
 vertical-align: baseline;
 border-radius: 0.25rem;
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
 .badge {
 transition: none;
 }
}
a.badge:hover, a.badge:focus {
 text-decoration: none;
}

.badge:empty {
 display: none;
}

.btn .badge {
 position: relative;
 top: -1px;
}

.badge-danger {
 color: #fff;
 background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
 color: #fff;
 background-color: #bd2130;
}

a.badge-danger:focus {
 outline: 0;
 box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

@keyframes progress-bar-stripes {
 from {
 background-position: 1rem 0;
 }
 to {
 background-position: 0 0;
 }
}
@keyframes spinner-border {
 to {
 transform: rotate(360deg);
 }
}
@keyframes spinner-grow {
 0% {
 transform: scale(0);
 }
 50% {
 opacity: 1;
 transform: none;
 }
}
.mr-2 {
 margin-right: 0.5rem !important;
}

.py-2 {
 padding-top: 0.5rem !important;
}

.px-2 {
 padding-right: 0.5rem !important;
}

.py-2 {
 padding-bottom: 0.5rem !important;
}

.px-2 {
 padding-left: 0.5rem !important;
}

.font-weight-bold {
 font-weight: 700 !important;
}

.text-white {
 color: #fff !important;
}

@media print {
 *,
*::before,
*::after {
 text-shadow: none !important;
 box-shadow: none !important;
 }

 a:not(.btn) {
 text-decoration: underline;
 }

 @page {
 size: a3;
 }
 body {
 min-width: 992px !important;
 }

 .container {
 min-width: 992px !important;
 }

 .navbar {
 display: none;
 }

 .badge {
 border: 1px solid #000;
 }
}
.header-bar {
 position: relative;
 padding-left: 86px;
 border-bottom: 1px solid #2C3851;
 font-size: 0.875rem;
 background-image: linear-gradient(to bottom, #084981, #072856);
 background-repeat: no-repeat;
}

#cr-dropdown-menu {
 display: none;
 z-index: 10;
 padding: 0.125rem 0 0;
}

#cr-dropdown-menu.show {
 display: block;
}

/*# sourceMappingURL=style.css.map */
@keyframes spin {
 0% {
 transform: rotate(0deg);
 }
 100% {
 transform: rotate(360deg);
 }
}
@keyframes fade {
 0% {
 opacity: 1;
 }
 100% {
 opacity: 0;
 }
}
@keyframes zoom-in {
 0% {
 transform: scale(1);
 }
 100% {
 transform: scale(2);
 }
}
@keyframes zoom-out {
 0% {
 transform: scale(1);
 }
 100% {
 transform: scale(0);
 }
}
@font-face {
 font-family: "Trebuchet MS";
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url("/fonts/Trebuchet-MS-Regular.woff2") format("woff2"), url("/fonts/Trebuchet-MS-Regular.woff") format("woff");
}
@font-face {
 font-family: "Trebuchet MS";
 font-style: normal;
 font-weight: 700;
 font-display: swap;
 src: url("/fonts/Trebuchet-MS-Bold.woff2") format("woff2"), url("/fonts/Trebuchet-MS-Bold.woff") format("woff");
}
span.user_avatar {
 border-radius: 5px;
}

/* Standart theme -------------------------- start */
/* begin -- main menu */
.uMenuRoot {
 display: flex;
 list-style: none;
 padding: 0;
 margin: 0;
 font-size: 13px;
 font-weight: bold;
}

.uMenuRoot li {
 margin-left: -1px;
}

.uMenuRoot a {
 color: #6B8092;
 display: block;
 border: 1px dashed #2c3851;
 border-width: 0px 1px !important;
 background: url(/images/default/menu-item.png) no-repeat 6px 0px;
 height: 27px;
 min-width: 16px;
 padding: 6px 6px 6px 28px;
 box-sizing: border-box;
}

.uMenuRoot a.uMenuItemA {
 background-color: #202B42;
 border: 1px solid #2c3851;
}

.uMenuRoot li:first-child a:not([class]) {
 border-left: 1px solid transparent;
}

.uMenuRoot li:last-child a:not([class]) {
 border-right: 1px solid transparent;
}

.uMenuRoot a:hover,
a.uMenuItemA {
 color: #93aec7;
}

.uMenuRoot li:first-child a {
 background-position: 6px -56px;
}

.uMenuRoot li:first-child a:hover,
.uMenuRoot li:first-child a.uMenuItemA {
 background-position: 6px -84px;
}

.uMenuRoot li:nth-child(2) a {
 background-position: 6px -112px;
}

.uMenuRoot li:nth-child(2) a:hover,
.uMenuRoot li:nth-child(2) a.uMenuItemA {
 background-position: 6px -140px;
}

.uMenuRoot li:nth-child(3) a {
 background-position: 6px -168px;
}

.uMenuRoot li:nth-child(3) a:hover,
.uMenuRoot li:nth-child(3) a.uMenuItemA {
 background-position: 6px -196px;
}

.uMenuRoot li:nth-child(4) a {
 background-position: 6px -224px;
}

.uMenuRoot li:nth-child(4) a:hover,
.uMenuRoot li:nth-child(4) a.uMenuItemA {
 background-position: 6px -252px;
}

.uMenuRoot li:nth-child(5) a {
 background-position: 6px -280px;
}

.uMenuRoot li:nth-child(5) a:hover,
.uMenuRoot li:nth-child(5) a.uMenuItemA {
 background-position: 6px -308px;
}

.uMenuRoot li:last-child a {
 background-position: 6px -336px;
}

.uMenuRoot li:last-child a:hover,
.uMenuRoot li:last-child a.uMenuItemA {
 background-position: 6px -364px;
}

/* end -- main menu */
.comment {
 padding: 8px;
 position: relative;
 background: #2c3851;
 border-radius: 3px;
 margin-top: 15px;
}
.comment[id=own] {
 border-left: 2px solid #EDA265;
}
.comment[id=new] {
 border-left: 2px solid #3E6CA8;
}

.comment-header {
 display: grid;
 grid-template-columns: max-content 1fr;
 grid-template-areas: "avatar info";
}

.comment-avatar {
 max-width: 24px;
 max-height: 24px;
 border-radius: 50%;
 object-fit: contain;
 object-position: center;
}

.comment-info {
 grid-area: info;
 align-self: center;
 display: flex;
 justify-content: space-between;
 align-items: baseline;
}

.comment-arrow {
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
 border-bottom: 8px solid #2c3851;
 position: absolute;
 top: -8px;
 left: 3px;
 width: 0;
 height: 0;
}

.comment-message {
 margin-top: 8px;
 color: #54647F;
}

.comment-message img {
 max-width: 400px;
}

.comment > div:last-of-type a {
 color: #54647F !important;
 font-weight: bold;
}

.comment .thumb {
 background: url("/images/theme/standart/claws.png");
 display: inline-block;
 height: 15px;
 width: 15px;
 position: relative;
 top: 3px;
 margin-top: -3px;
 opacity: 0.5;
}

.comment:hover .thumb {
 opacity: 1;
}

.comment .thumb[id=up]:hover {
 background-position: 0 -15px;
}

.comment .thumb[id=down] {
 background-position: -15px 0;
}

.comment .thumb[id=down]:hover {
 background-position: -15px -15px;
}

.comment .value {
 font-weight: bold;
 border-radius: 3px;
 padding: 1px 3px 0px;
}

.comment .value[id=good] {
 background: #2C5130;
 color: #569E5E;
}

.comment .value[id=bad] {
 background: #4F2B2B;
 color: #9B4242;
}

.comment .number {
 color: #93aec7;
 font-weight: bold;
}

/* begin -- filter, sort, method for sporepedia */
.dropdown {
 position: relative;
}

.dropdown li {
 cursor: pointer;
 background: url(/images/theme/standart/sort.png) no-repeat;
}

.dropdown a {
 cursor: pointer;
 background: url(/images/theme/standart/sort.png) no-repeat #2c3851;
 color: #54647F !important;
 text-decoration: none !important;
 border-radius: 3px;
 padding: 4px 6px 3px 26px;
}

#sort li:hover,
#filter li:hover,
#method li:hover {
 background-color: #323E56;
}

#sort > div {
 width: 116px;
}

#filter > div {
 width: 145px;
}

.list {
 display: none;
 z-index: 5;
 position: absolute;
 top: 25px;
 padding: 3px;
 left: -3px;
 width: 100px;
}

.list ul {
 position: relative;
 list-style: none;
 padding: 0;
 margin: 0 -4px;
 background: #2c3851;
}

.list li {
 padding: 3px 6px 3px 27px;
 color: #54647F;
}

.list > div {
 background: #54647F;
 border-radius: 3px;
 padding: 4px;
}

/* shadows */
.list p {
 position: absolute;
 z-index: -1;
 margin: 0;
 padding: 0;
 width: 7px;
 height: 7px;
}

.list > p {
 background: url(/circle2.png) no-repeat;
}

.list > p:first-of-type {
 background-position: -7px -7px;
 top: 0;
 left: 0;
}

.list > p:nth-of-type(2) {
 background-position: 0 -7px;
 top: 0;
 right: 0;
}

.list > p:nth-last-of-type(2) {
 background-position: -7px 0;
 bottom: 0;
 left: 0;
}

.list > p:last-of-type {
 background-position: 0 0;
 bottom: 0;
 right: 0;
}

.list > div > div {
 position: relative;
}

.list > div > div > p:first-of-type,
.list > div > div > p:nth-of-type(2) {
 height: 100%;
 background: url(/vline2.png) repeat-y;
 top: 0;
}

.list > div > div > p:first-of-type {
 right: -7px;
}

.list > div > div > p:nth-of-type(2) {
 background-position: -7px 0;
 left: -7px;
}

.list > div > div > p:nth-of-type(3) {
 background: url(/shadow.png) no-repeat;
 height: 10px;
 width: 19px;
 top: -14px;
 z-index: 0;
}

.list > div > div > p:nth-last-of-type(2),
.list > div > div > p:last-of-type {
 width: 100%;
 background: url(/hline2.png) repeat-x;
}

.list > div > div > p:last-of-type {
 background-position: 0 -7px;
 top: -7px;
}

.list > div > div > p:nth-last-of-type(2) {
 bottom: -7px;
}

/* end -- filter, sort, method for sporepedia */
.searchForm {
 float: right;
 display: inline-block;
 margin-top: -3px;
}

.searchForm form > div {
 display: inline;
}

.searchForm input {
 font-size: 12px;
}

.searchForm input[type=text] {
 background: transparent;
 width: 103px;
 color: #54647F;
 border: 1px solid #2c3851;
 border-radius: 5px;
 padding: 2px;
}

.searchForm input[type=submit] {
 cursor: pointer;
 color: transparent;
 height: 18px;
 width: 18px;
 background: url(/srch.png) no-repeat;
 border: 0px;
 padding: 0px;
 margin-left: 5px;
}

/* links & buttons */
.news-title .title {
 text-decoration: none;
 color: #93aec7;
 font-weight: none;
}

.news-title .title:hover {
 text-decoration: underline;
 color: #93aec7;
}

.news-message .link,
.news-message a,
#signature a {
 color: #6B80A3;
}

.news-message .link:hover,
.news-message a:hover,
a.eTag:hover,
#signature a:hover {
 text-decoration: underline;
 text-decoration: navy dotted underline;
 color: #6B80A3;
}

.clear2,
#forum_filter {
 display: none;
}

/* new bodykit */
@font-face {
 font-family: CalibriType;
 src: local("CilibriType"), url(/calibri.ttf);
}
body {
 font-family: "Trebuchet MS", sans-serif;
 font-size: 0.875rem;
 background: #0F1D2B;
 color: #54647F;
 margin: 0;
 padding: 0;
}

#body {
 max-width: 1140px;
 width: 100%;
 min-width: 1020px;
 margin: 0 auto;
 position: relative;
 box-sizing: border-box;
 display: flex;
 flex-wrap: wrap;
 background: #1D2B39;
 border: 1px solid #2c3851;
 border-width: 0 1px;
 box-shadow: 0 0 20px 0px #074880;
}

#righter {
 box-sizing: border-box;
 flex-shrink: 0;
 order: 2;
 width: 260px;
 padding: 0 10px;
 float: right;
}

#lefter {
 box-sizing: border-box;
 order: 1;
 flex-grow: 1;
 width: 756px;
 padding-left: 10px;
}

#bottom {
 box-sizing: border-box;
 flex-grow: 1;
 order: 3;
 width: 100%;
 margin-top: 10px;
 padding: 0 10px 10px;
}

#week,
#rules {
 border: 1px solid black;
 border-radius: 5px;
}

#mm {
 border-radius: 5px;
 border: 1px solid #0F1D2B;
 height: 38px;
 border-width: 1px;
}

.mmb {
 text-shadow: 0 1px black;
 font-family: Calibritype;
 position: relative;
 border-right: 1px solid #0F1D2B;
 text-align: center;
 font-size: 16px;
 height: 38px;
 background: url(/body/navbar.png);
 background-position: 0 -76px;
 float: left;
}

.mmb .btext {
 padding-top: 9px;
 width: 142px;
}

.mmb .bright {
 height: 38px;
 background: url(/body/navbar.png);
 background-position: right -152px;
}

.mmb:hover {
 background-position: 0 -114px;
}

.mmb:hover .bright {
 background-position: right -190px;
}

.mmb a {
 color: #93aec7;
 text-decoration: none;
}

.mmb:hover a {
 color: #fff;
 text-decoration: none;
}

.mm {
 margin-bottom: 10px;
 width: 19px;
 float: left;
 height: 38px;
 background: url(/body/mmlr.png);
}

#r {
 border-radius: 0 5px 5px 0;
 background-position: -18px -1px;
}

#l {
 border-radius: 5px 0 0 5px;
 background-position: -1px -1px;
 border-right: 1px solid #0F1D2B;
}

#selected {
 background-position: 0 -114px;
 color: #fff;
}

#selected .bright {
 background-position: right -190px;
}

/* .dropdown { margin: 0 !important;
 left: 0;
 top: 0;
 color: #555;
 width: 100%;
 background: #fff;
 position: absolute;
 text-align: left;
} */
.submenu, .submsp {
 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
 margin: 0 !important;
 border-top: 1px solid #0F1D2B;
 position: absolute;
 z-index: 109;
 left: -1px;
 top: 38px;
 display: none;
}

.root {
 width: 144px;
 text-align: center;
 list-style: none;
 margin: 0px;
 padding: 0;
 font-size: 11px;
}

.mmb .root a {
 color: #93aec7;
 text-decoration: none;
}

.mmb .root a:hover {
 color: #93aec7;
 text-decoration: underline;
}

.root li {
 border: 1px solid #0F1D2B;
 background: url(/body/karbg.png);
 border-width: 0 1px 1px;
 display: block;
 font-weight: bold;
 padding: 6px 3px;
}

div.account, div.sp {
 margin: 0 !important;
 background: url(/body/submenu.png);
 font-size: 11px;
 left: 40%;
 top: 30px;
 color: #555;
 position: absolute;
 z-index: 110;
 display: block;
 height: 12px;
 width: 30px;
 text-decoration: none;
 cursor: pointer;
}

div.account:hover, div.sp:hover {
 background-position: 0 -12px;
}

.fUsrList, .forum, .lastPostUserLink, .forumLastPostLink, .threadLink, .banHUser, .signature .link, a {
 color: #93aec7;
 text-decoration: none;
}

.fUsrList:hover, .forum:hover, .lastPostUserLink:hover, .forumLastPostLink:hover, .threadLink:hover, .banHUser:hover, .signature .link:hover, a:hover {
 color: #93aec7;
 text-decoration: underline;
}

.uRelatedEntry a,
.eTag {
 color: black;
}

.uRelatedEntry a:hover, a.eTag:hover {
 color: black;
 text-decoration: underline;
}

.module-name #btns a, .frmbtns a {
 text-decoration: none;
}

.button {
 font-weight: bold;
 font-variant: normal;
 float: right;
 cursor: pointer;
 text-shadow: 0 1px #41A5CF;
 background: url(/body/navbar.png) 0 -305px;
 color: #25566F;
 font-size: 11px;
 margin: 2px 0 0 5px;
}

.button .btext {
 padding: 3px 6px 0;
}

.button .bright {
 height: 23px;
 background: url(/body/navbar.png) right -350px;
}

.button:hover {
 color: #27607D;
 background: url(/body/navbar.png) 0 -327px;
 text-shadow: 0 1px #4AC3F5;
}

.button:hover .bright {
 background: url(/body/navbar.png) right -372px;
}

#poll {
 text-shadow: 0 1px #CFBE41;
 background-position: 0 -395px;
 color: #6F6925;
}

#poll .bright {
 background-position: right -440px;
}

#poll:hover {
 text-shadow: 0 1px #F5E04A;
 background-position: 0 -417px;
 color: #7D7627;
}

#poll:hover .bright {
 background-position: right -462px;
}

#reply {
 text-shadow: 0 1px #CF6B41;
 background-position: 0 -485px;
 color: #6F3E25;
}

#reply .bright {
 background-position: right -530px;
}

#reply:hover {
 text-shadow: 0 1px #F57C4A;
 background-position: 0 -507px;
 color: #7D4427;
}

#reply:hover .bright {
 background-position: right -552px;
}

#closed {
 cursor: default;
 text-shadow: 0 1px #A4A4A4;
 background-position: 0 -597px;
 color: #525252;
}

#closed .bright {
 background-position: right -642px;
}

.pm {
 float: left;
 height: 32px;
 background: url(/body/pm.png) right no-repeat;
 color: #fff;
 font-size: 9px;
 width: 32px;
 text-decoration: none;
}

.catPages1 {
 display: none;
}

#chatpost {
 padding: 2px;
 margin: 3px 4px 3px 0;
 color: #54647F;
 word-break: break-word;
 overflow-x: hidden;
}

#chatpost #info {
 float: right;
 color: 54647F;
}

#chatpost #msg {
 padding: 0 2px;
}

#chatpost #msg img {
 max-width: 161px;
}

#chatpost hr {
 border: 0;
 height: 1px;
 background: #2c3851;
 margin: 1px 0;
}

hr {
 border: 0;
 height: 1px;
 background: #2c3851;
 margin: 10px 0;
}

#advert {
 border-radius: 5px;
 border: 1px solid #2c3851;
}

#advert div {
 width: 198px;
 height: 130px;
 opacity: 0.7;
 -webkit-box-shadow: inset 0px 0px 7px black;
 -moz-box-shadow: inset 0px 0px 7px black;
 box-shadow: inset 0px 0px 7px 1px black;
 border: 1px solid black;
 border-radius: 5px;
}

#advert div:hover {
 opacity: 1;
}

.module-name {
 color: #fff;
 font-size: 19px;
}

.module-name a {
 color: #E2E2E2;
}

.module-descr, #bdM64 {
 font-size: 11px;
}

.box {
 margin-bottom: 10px;
 padding: 8px;
 background: #0F1D2B;
 border-radius: 5px;
 border: 1px solid #2c3851;
}

.box-name {
 text-shadow: 0 1px black;
 color: #E2E2E2;
 font-size: 17px;
}

.box-name a {
 color: #E2E2E2;
}

.box-content {
 text-align: left;
 color: #54647F;
}

.box hr {
 height: 1px;
 margin: 5px 0;
}

.logobck {
 border-radius: 5px;
 height: 148px;
 position: relative;
 background: url(/images/week.jpg) -1px -1px;
 box-shadow: 0 0 4px black inset;
 border: 1px solid black;
}

#datetime {
 text-shadow: 0 1px black;
 font-family: Calibritype, Calibri;
 font-size: 15px;
 height: 26px;
 color: #93aec7;
 text-align: center;
}

#cardcrtn {
 background: #5EA4D2;
 padding: 2px;
 border-radius: 10px;
}

#cardcrtn #title, #comform #title {
 margin-bottom: 1px;
 text-align: center;
 font-family: Calibritype;
 font-size: 17px;
 color: #fff;
 border-radius: 10px 10px 0 0;
 background: url(/body/navbar.png) right -743px;
}

#cardcrtn #content {
 min-height: 128px;
 background: #fff;
}

#cardcrtn #content #png {
 float: left;
 width: 128px;
}

#cardcrtn #content #descr {
 margin-left: 128px;
 min-height: 128px;
 background: #E2E2E2;
 border-left: 1px solid #5EA4D2;
 color: black;
}

#cardcrtn #content #descr div {
 padding: 5px;
}

#cardcrtn #info {
 background: #BCD7F1;
 margin-top: 1px;
 padding: 5px;
 color: black;
}

#cardcrtn #info:last-of-type {
 border-radius: 0 0 10px 10px;
}

#rating {
 text-align: right;
 font-size: 17px;
 padding: 2px;
 color: lime;
 font-family: calibritype;
}

#rating a {
 color: lime;
}

#rating a:hover {
 text-decoration: none;
}

#comform {
 background: #2c3851;
 padding: 2px;
 border-radius: 5px;
}

#comform #title {
 background: #0F1D2B;
 padding: 2px 10px;
 text-align: left;
 font-size: 16px;
 border-radius: 5px 5px 0 0;
}

#comform #info {
 background: #202B42;
 padding: 5px;
 margin-bottom: 1px;
}

#comform #info:last-of-type {
 border-radius: 0 0 5px 5px;
 margin: 0;
}

#comform #bb {
 background: #202B42;
 padding: 2px;
 margin-bottom: 1px;
}

#comform #msg {
 background: #0F1D2B;
 padding: 2px;
}

#comform #subs {
 background: #0F1D2B;
 text-align: right;
 padding: 2px;
 margin-top: 1px;
}

#comform #subs div {
 float: left;
}

#comform #seccode {
 background: #0F1D2B;
 text-align: right;
 padding: 2px;
 margin-top: 1px;
}

#comform #addbut {
 border-radius: 0 0 5px 5px;
 background: #0F1D2B;
 text-align: center;
 padding: 2px;
 margin-top: 1px;
}

#forumpost #info {
 border-top: 1px solid #2c3851;
 border-bottom: 1px solid #2c3851;
 background: #202B42;
 color: #54647F;
 padding: 4px 5px 4px 0px;
}

#forumpost #info #add {
 float: right;
 margin-top: 2px;
 text-align: right;
 width: 77%;
}

#forumpost #info #add div {
 float: left;
}

#forumpost #info #user {
 text-align: left;
 font-family: Calibritype, calibri;
 font-size: 15px;
}

#forumpost #info #user span {
 padding: 0 5px;
}

#forumpost #info #user a {
 text-decoration: none;
 color: #93aec7;
}

#forumpost #info #user a:hover {
 text-decoration: underline;
 color: #93aec7;
}

#forumpost #info #user #reply {
 margin-left: 5px;
 margin-bottom: 1px;
}

#forumpost #content {
 background: #0F1D2B;
}

#forumpost #content #msg {
 float: right;
 width: 77%;
 text-align: left;
 min-height: 170px;
 border-left: 1px solid #152333;
 padding: 5px;
 color: #54647F;
}

#forumpost #content #msg #editby {
 font-style: italic;
 color: #4B5A72;
 margin: 7px;
}

#forumpost #content #msg #hr {
 margin-top: 15px;
 border: 0;
 background: #4B5A72;
 height: 1px;
}

#forumpost #content #msg img {
 max-width: 500px;
}

#forumpost #content #user {
 margin-top: 1px;
 padding: 5px;
 width: 21%;
 color: #54647F;
 text-align: center;
}

#forumpost #content #user #avatar {
 margin-bottom: 3px;
 max-height: 80px;
 max-width: 80px;
}

#forumpost #content #optmess {
 height: 15px;
 text-align: right;
 padding: 2px;
 border-top: 1px solid #152333;
}

#forumpost #content #optmess a {
 color: #54647F;
}

#forumpost #content #optmess a:hover {
 color: #93aec7;
 text-decoration: none;
}

#forumpost #content #optmess .button-opt {
 float: right;
 margin: 1px;
 font-size: 9px;
 padding: 0px 2px 0px 14px;
}

#forumpost #content #optmess #left {
 float: left;
}

#quotes {
 background: url(/forums/p_quote.png) no-repeat;
}

#quotes:hover {
 background-position: 0 -13px;
}

#edit {
 background: url(/forums/p_quote.png) no-repeat;
 background-position: 0 -26px;
}

#edit:hover {
 background-position: 0 -39px;
}

#delete {
 background: url(/forums/p_quote.png) no-repeat;
 background-position: 0 -52px;
}

#delete:hover {
 background-position: 0 -65px;
}

#ontop {
 background: url(/forums/p_quote.png) no-repeat;
 background-position: 0 -78px;
}

#ontop:hover {
 background-position: 0 -91px;
}

#report {
 background: url(/forums/p_quote.png) no-repeat;
 background-position: 0 -104px;
}

#report:hover {
 background-position: 0 -117px;
}

#newsbody #image {
 float: left;
 text-align: center;
 min-height: 107px;
 background: black;
}

#newsbody #image img {
 max-width: 105px;
 border: 1px solid black;
}

#newsbody #content {
 min-height: 107px;
 padding-left: 115;
}

#newsbody #content #mp {
 float: right;
}

#newsbody #content #title {
 padding-bottom: 2px;
 text-shadow: 0 1px black;
 font-family: CalibriType, calibri;
 font-size: 16px;
}

#newsbody #content #title a {
 color: #e2e2e2;
}

#newsbody #content #msg a, #sresult #depth a {
 color: #6B80A3;
}

#newsbody #info {
 padding-top: 6px;
 font-size: 11px;
 text-align: left;
 color: #6B80A3;
 font-style: italic;
}

#newsbody #info div {
 float: right;
}

#sresult #msg {
 min-height: 52px;
}

#sresult #depth {
 font-size: 9px;
 float: right;
}

/*------NEWS------*/
.news-title {
 font-family: "CalibriType", calibri;
 font-size: 14px;
}

.news-title .category div {
 float: left;
 text-align: center;
 margin: 2px 7px 0 0;
 font-weight: bold;
}

.news-title .moder-panel {
 float: right;
 padding-top: 5px;
}

.news-message {
 padding-top: 5px;
}

.news-message .image {
 float: left;
}

.news-message .image img {
 border: 1px solid black;
 background: white;
 width: 105px;
 margin-right: 10px;
}

.news-info {
 padding-top: 8px;
 font-size: 11px;
 text-align: left;
 color: #6B80A3;
 font-style: italic;
}

.news-info div {
 float: right;
}

/*-------END-------*/
/*-----CONTEST-----*/
.contest-body {
 width: 100%;
 height: 140px;
}

.contest-img {
 float: left;
 padding-right: 5px;
}

.contest-img img {
 border: 1px solid black;
 border-radius: 3px;
 width: 200px;
 height: 130px;
}

.contest-body .contest-title {
 text-decoration: none;
 color: #93aec7;
 font-family: "CalibriType", calibri;
 font-size: 19px;
 font-weight: none;
}

.contest-body .contest-title:hover {
 text-decoration: underline;
 color: #93aec7;
}

.contest-message {
 font-size: 11px;
}

.contest-body a {
 color: #93aec7;
}

.contest-body a:hover {
 color: #93aec7;
 text-decoration: underline;
}

/*-------END-------*/
/*---ADVERTISING---*/
.body-advt {
 width: 730px;
 margin: 0 auto;
 position: relative;
 border-radius: 3px;
 border: 1px solid black;
}

.body-advt img {
 border-radius: 3px;
 width: 730px;
}

.info-advt {
 padding: 5px;
 border-radius: 3px 3px 0 0;
 font-weight: bold;
 color: #93aec7;
 width: 720px;
 text-shadow: 1px 1px black;
 position: absolute;
 background: url(/header/logo_bckg.png);
}

.info-advt div {
 float: right;
}

.info-advt font {
 font-size: 10px;
 color: #6B80A3;
}

.body-advt div:hover .info-advt {
 opacity: 0;
}

.body-advt div:hover .info-advt:hover {
 opacity: 1;
}

/*-------END-------*/
ul.uRelatedEntries,
li.uRelatedEntry {
 list-style: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 white-space: nowrap;
}

ul.uRelatedEntries {
 width: 99%;
 margin: 3px auto 0;
}

li.uRelatedEntry {
 width: 33%;
 float: left;
 height: 1.3em;
 text-indent: 15px;
}

.last-post a {
 color: #93aec7;
}

.last-post a:hover {
 color: #93aec7;
 text-decoration: underline;
}

.infTd {
 padding-bottom: 10px;
}

#allEntries table tr td {
 padding: 4px 0px;
}

/* FOOTER */
#copyright {
 padding: 10px;
 text-align: right;
}

/* SPORECARD */
.sporepedia-card {
 --sporecard-radius: 10px;
 --sporecard-padding: 2px;
 --sporecard-safe-corner-radius: calc(var(--sporecard-radius, 0px) - var(--sporecard-padding, 0px));
 --sporecard-image: 128px;

 position: relative;
 z-index: 1;
 background: #5EA4D2;
 display: grid;
 grid-template-rows: repear(2, max-content) var(--sporecard-image, auto) max-content;
 grid-template-areas: "title" "author" "image" "meta";
 padding: var(--sporecard-padding, 0px);
 border-radius: var(--sporecard-radius, 0px);
 box-shadow: 0 0 0 2px transparent;
}

.sporepedia-card:focus-within {
 box-shadow: 0 0 0 2px #f6d542;
}

.sporepedia-card-title-link,
.sporepedia-card-author-link {
 text-decoration: none !important;
 outline: 0;
}

.sporepedia-card-title {
 grid-area: title;
 font-weight: bold;
 font-size: 12px;
 color: #ffffff;
 background: url(/body/navbar.png) right -745px;
 border-radius: var(--sporecard-safe-corner-radius) var(--sporecard-safe-corner-radius) 0px 0px;
 text-align: center;
 padding: 3px 10px;
 overflow: hidden;
 text-overflow: clip;
 white-space: nowrap;
}

.sporepedia-card-title-link::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.sporepedia-card-title-link,
.sporepedia-card-title-link:hover,
.sporepedia-card-title-link:active {
 color: #fff;
}

.sporepedia-card-link,
.sporepedia-card-link:hover,
.sporepedia-card-link:active {
 color: inherit;
 border-radius: inherit;
 text-decoration: inherit;
}

.sporepedia-card-author {
 position: relative;
 grid-area: author;
 font-weight: bold;
 background: #BCD7F1;
 text-align: center;
 padding: 2px 0px;
 font-size: 12px;
 overflow: hidden;
 text-overflow: clip;
 white-space: nowrap;
}

.sporepedia-card-author-link,
.sporepedia-card-author-link:hover,
.sporepedia-card-author-link:active {
 color: #93aec7;
}

.sporepedia-card-type {
 position: relative;
 grid-area: image;
 align-self: end;
 width: 20px;
 height: 20px;
 border-radius: 0px var(--sporecard-safe-corner-radius) 0px var(--sporecard-safe-corner-radius);
}

.sporepedia-card-badges {
 position: relative;
 grid-area: image;
 justify-self: end;
 align-self: start;
 padding-top: 2px;
 pointer-events: none;
}

.sporepedia-card-badges .limit {
 width: 32px;
}

.sporepedia-card-picture {
 grid-area: image;
 position: relative;
 display: block;
 height: var(--sporecard-image, auto);
 width: var(--sporecard-image, auto);
 background: #ecf0f1;
 border-radius: 0px 0px var(--sporecard-safe-corner-radius) var(--sporecard-safe-corner-radius);
 border: 0px;
}

.sporepedia-card-image {
 height: inherit;
 width: inherit;
 border-radius: inherit;
}

.sporepedia-card-meta {
 position: relative;
 grid-area: meta;
 font-weight: bold;
 text-align: right;
 font-size: 12px;
 color: #000000;
 padding: 3px 5px 1px;
}

.sporepedia-card-actions {
 grid-area: image;
 align-self: end;
 justify-self: end;
}

.sporepedia-card-new {
 position: absolute;
 left: -4px;
 top: -4px;
 width: 30px;
 height: 30px;
 animation: spin 15s linear infinite;
 z-index: -1;
}

/* GENERAL */
form {
 padding: 0px;
 margin: 0px;
}

input,
select {
 vertical-align: middle;
 font-size: 8pt;
}

.copy {
 font-size: 7pt;
}

#separator {
 border-top: 1px dashed #4B5A72 !important;
 border-width: 1px 0 0 0 !important;
}

.manTable {
 border: none;
}

#addPhtFrm fieldset {
 border: none !important;
 padding: 0 !important;
 margin: 0 !important;
}

#addPhtFrm legend,
#phM4 div a,
#phM7 div a {
 display: none;
}

#phM4,
#phM7 {
 color: #1D2B39;
}

label {
 cursor: pointer;
}

.blocktitle {
 color: #C24747;
 font-size: 12px;
}

.mframe {
 border-left: 1px solid #E5E7EA;
 border-right: 1px solid #E5E7EA;
}

.colgray {
 border-right: 1px solid #E5E7EA;
}

.colwhite {
 border-right: 1px solid #FAFAFA;
}

.msep {
 border-top: 1px solid #FAFAFA;
}

/* ------------- */
/* Comments Style */
.cAnswer {
 padding-left: 15px;
 padding-top: 4px;
 font-style: italic;
}

.cBlock1 {
 background: #FFFFFF;
 border: 1px solid #D1E4F5;
}

.cBlock2 {
 background: #FFFFFF;
 border: 1px solid #D1E4F5;
}

/* -------------- */
/* Comments Form Style */
.commTable {
 background: #FFFFFF;
 border: 1px solid #D1E4F5;
}

.commTd1 {
 color: #000000;
}

.commReg {
 padding: 10px 0px 10px 0px;
 text-align: center;
}

.commError {
 color: #FF0000;
}

.securityCode {
 color: #6B80A3;
}

/* ------------------- */
/* User Group */
.groupUser {
 color: #909090 !important;
}

.groupVerify {
 color: #009900 !important;
}

.groupModer {
 color: yellow !important;
}

.groupBanned {
 color: #787878 !important;
 text-shadow: 0 0 1px black;
}

.groupAdmin {
 color: red !important;
}

.groupFriends {
 color: lime !important;
}

.groupOther1 {
 color: #FF9D00 !important;
}

.myWinCont a {
 text-decoration: none !important;
}

.myWinCont a:hover {
 text-decoration: underline !important;
}

/* ---------------- */
/* Other Styles */
.replaceTable {
 background: #1D2B39;
 height: 100px;
 width: 300px;
 border: 1px solid #2c3851;
 border-radius: 5px;
}

.replaceTable tr td {
 padding: 20px;
 color: #54647F;
 font-size: 15px !important;
 font-family: CalibriType !important;
}

.replaceTable tr td a {
 color: #93aec7;
 border-bottom: 1px dashed #93aec7;
}

.replaceTable tr td a:hover {
 border-color: #1E90FF;
}

.replaceBody {
 background: #000000;
}

.legendTd {
 font-size: 7pt;
}

/* ------------ */
/* ===== forum Start ===== */
.gTable {
 background: #0F1D2B;
 color: #54647F;
 border: 2px solid #2c3851;
 width: 100%;
 border-spacing: 0px;
 border-radius: 5px;
}

.gTableTop {
 color: #ffffff;
 background: url(/forums/gTableTop.png) no-repeat;
 font-size: 16px;
 padding-left: 50px;
 font-family: CalibriType, Calibri;
 height: 24px;
 text-align: left;
 border-radius: 3px 0 0 0;
}

.gTableTop img {
 border-radius: 5px 0 0 0;
 position: relative;
 left: -50px;
}

.gTableSubTop {
 background: #202B42;
 font-size: 12px;
 padding: 5px 0px;
 color: #54647F;
}

.gTableSubTop[colspan="2"] {
 padding: 5px;
}

.gTableBody {
 padding: 2px;
 background: #222e47;
}

.gTableBody1 {
 background: #0F1D2B;
 color: #54647F;
 padding: 2px !important;
}

.gTableBottom {
 padding: 2px;
 background: #222e47;
}

.gTableLeft {
 padding: 2px;
 background: #222e47;
 font-weight: bold;
 color: #6B80A3;
}

.gTableRight {
 height: 38px !important;
 padding: 0px !important;
 width: 38px !important;
}

.gTableError {
 padding: 2px;
 background: #222e47;
 color: #FF0000;
}

.gTable tr:last-of-type .forumIcoTd,
.gTable tr:last-of-type .gTableRight {
 border-radius: 0 0 0 5px;
}

.gTable tr:last-of-type .gTableBody1,
.gTable tr:last-of-type .forumLastPostTd {
 border-radius: 0 0 5px 0;
}

/* Стиль форума */
td.forumNameTd,
td.forumLastPostTd {
 padding: 5px 0px;
}

td.forumIcoTd:last-of-type {
 border-radius: 0 0 0 5px;
}

.gTable td:not([class=gTableTop]) {
 border-top: 1px solid #2c3851;
}

.forumLastPostTd img,
.threadLastPostTd img {
 display: none;
}

td.forumPostTd {
 width: 100px;
 text-align: center;
}

td.forumIcoTd {
 width: 34px;
}

a.catLink {
 color: #ffffff;
}

.lastPostGuest,
.lastPostUser,
.threadAuthor {
 font-weight: bold;
}

.archivedForum {
 font-size: 12px;
 color: #FF0000;
 font-weight: bold;
}

/* forum Titles & other */
.forumDescr,
.forumModer {
 color: #54647F;
 font-size: 12px;
}

.forumViewed {
 background: #202B42;
 margin-left: 5px;
 padding: 2px 4px;
 border-radius: 2px;
 font-size: 12px;
 color: #54647F;
 position: absolute;
}

/* forum Fast Navigation Blocks */
.fastNav,
.fastSearch,
.fastLoginForm {
 font-size: 12px;
}

/* forum Fast Navigation Menu */
.fastNavMain {
 background: #585858;
 color: #FFFFFF;
}

.fastNavCat {
 background: #EEEEF0;
}

.fastNavCatA {
 background: #EEEEF0;
 color: #0000FF;
}

.fastNavForumA {
 color: #0000FF;
}

/* forum Threads Style */
.threadDescr {
 display: none;
 color: #54647F !important;
 font-style: italic;
 font-size: 12px !important;
}

.thrAuthLink {
 color: #54647F;
}

.thrAuthLink:hover {
 color: #93aec7;
}

.threadIcoTd {
 padding: 8px;
 width: 24px;
}

.threadLastPostTd {
 font-size: 12px;
 width: 170px;
}

td.threadViewTd,
td.threadPostTd,
td.threadAuthTd {
 font-weight: bold;
 font-size: 12px;
}

.threadNoticeLink {
 font-weight: bold;
}

.threadsType {
 background: #202B42;
 font-weight: bold;
 font-size: 12px;
 color: #54647F;
 padding: 5px;
}

.threadsDetails {
 background: #202B42;
 color: #54647F;
 padding: 2px 5px;
}

.forumOnlineBar {
 background: #0F1D2B;
 color: #54647F;
 padding: 2px 5px;
 border-radius: 0 0 5px 5px;
}

a.threadPinnedLink {
 text-decoration: none;
 color: #1E90FF;
}

a.threadPinnedLink:hover {
 text-decoration: underline;
 color: #1E90FF;
}

.threadPinnedLink {
 font-weight: bold;
}

.threadLink {
 font-weight: bold;
}

.postpSwithces {
 font-size: 12px;
 display: inline-block;
 padding-top: 2px;
 color: #54647F;
}

.threadFrmBlock {
 display: none;
}

.postPSwithcesLink {
 color: #54647F;
}

.postPSwithcesLink:hover {
 color: #93aec7;
 text-decoration: underline;
}

.threadFrmBlock {
 font-size: 12px;
 text-align: right;
}

/* forum Posts View */
.postPoll {
 background: #202B42;
 text-align: center;
}

.postPoll td {
 border: 0px !important;
}

.postSeparator {
 border: 0 !important;
 height: 0px;
 background: #0F1D2B;
}

.postTdTop {
 background: #000000;
 color: #000000;
 height: 0px;
 font-size: 10px;
}

.postUser {
 font-weight: bold;
}

.postRankName {
 margin-top: 5px;
}

.postRankIco {
 margin-bottom: 5px;
 margin-bottom: 5px;
}

.reputation {
 margin-top: 5px;
}

.signatureHr {
 margin-top: 20px;
 color: #FFAE00;
}

.pollQuestion {
 text-align: center;
 font-weight: bold;
}

.pollButtons, .pollTotal {
 text-align: center;
}

.pollSubmitBut, .pollreSultsBut {
 width: 140px;
 font-size: 7pt;
}

.pollSubmit {
 font-weight: bold;
}

.pollEnd {
 text-align: center;
 height: 30px;
}

.bbCodeBlock {
 border-radius: 3px;
 border: 1px solid #2c3851;
 background: #202B42;
}

.bbCodeName {
 padding: 2px 5px;
 border-bottom: 1px solid #2c3851;
 font-size: 11px !important;
 color: #6B80A3;
}

.codeMessage {
 border: 0px !important;
 font-size: 11px;
 padding: 2px 5px;
}

.codeMessage code {
 font-family: Verdana !important;
}

.bbQuoteBlock {
 border-radius: 3px;
 border: 1px solid #2c3851;
 background: #202B42;
}

.bbQuoteName {
 padding: 2px 5px;
 border-bottom: 1px solid #2c3851;
 font-size: 11px !important;
 color: #6B80A3;
}

.qName {
 font-weight: bold;
}

.quoteMessage {
 padding: 2px 5px;
 min-height: 27px;
 border: 0px !important;
}

.uSpoilerClosed .uSpoilerButBl input {
 margin: 0;
 cursor: pointer;
 color: #6B80A3;
 font-weight: bold;
 background: rgba(0, 0, 0, 0.05);
 width: 100%;
 padding: 2px 5px;
 text-align: left;
 border-radius: 2px;
 border: 1px solid #2c3851;
}

.uSpoilerOpened .uSpoilerButBl input {
 margin: 0;
 cursor: pointer;
 color: #6B80A3;
 font-weight: bold;
 background: rgba(0, 0, 0, 0.05);
 padding: 2px 5px;
 width: 100%;
 text-align: left;
 border-radius: 2px 2px 0 0;
 border: 1px solid #2c3851;
 border-bottom: 0;
}

.uSpoilerText {
 padding: 2px 5px;
 text-align: left;
 border: 1px solid #2c3851;
 border-radius: 0 0 2px 2px;
}

.uSpoilerText img {
 max-width: 300px;
}

.editedBy {
 font-weight: bold;
}

.statusBlock {
 padding-top: 3px;
}

.statusOnline {
 color: #0000FF;
}

.statusOffline {
 color: #FF0000;
}

/* forum AllInOne Fast Add */
.newThreadBlock {
 background: #F9F9F9;
 border: 1px solid #B2B2B2;
}

.newPollBlock {
 background: #F9F9F9;
 border: 1px solid #B2B2B2;
}

.newThreadItem {
 padding: 0 0 0 8px;
 background: url("/.s/t/949/31.gif") no-repeat 0px 4px;
}

.newPollItem {
 padding: 0 0 0 8px;
 background: url("/.s/t/949/31.gif") no-repeat 0px 4px;
}

/* forum Post Form */
.pollBut,
.commSbmFl,
.signButton {
 font-size: 7pt;
 background: #BCD4EB;
 color: #000000;
}

.posttdMessage img {
 max-width: 500px;
}

.commSbmFl, .add_comm_all_smiles_btn {
 border-radius: 5px;
 padding: 2px;
 font-size: 9px;
 background: #0f1d2b;
 color: #6B80A3;
 border: 1px solid #2c3851;
}

.commSbmFl:hover, .add_comm_all_smiles_btn:hover {
 background: #202B42;
 color: #1E90FF;
}

.postNameFl,
.postDescrFl {
 width: 400px;
}

.postPollFl,
.postQuestionFl {
 width: 400px;
}

.postResultFl {
 width: 50px;
}

.postAnswerFl {
 width: 300px;
}

.postTextFl {
 width: 550px;
 height: 150px;
}

.postUserFl {
 width: 300px;
}

.pollHelp {
 font-weight: normal;
 font-size: 7pt;
 padding-top: 3px;
}

.smilesPart {
 padding-top: 5px;
 text-align: center;
 border: 0px;
}

/* Links style */
.noun {
 text-decoration: none;
 color: #ffffff;
}

.noun:hover {
 text-decoration: none;
 color: #1E90FF;
}

.entryReadAllLink a {
 color: #858585;
}

.entryReadAllLink a:hover {
 color: #858585;
}

/* Fonts */
.fr {
 font-size: 11px;
}

.yellow {
 color: yellow;
}

/* uCoz Admin Bar style */
.myWinLoadSD {
 background: url(/adbar/ok.png) !important;
}

.myWinLoadSF {
 background: url(/adbar/er.png) !important;
}

.myWinCont li {
 background: url(/adbar/li.png) no-repeat !important;
}

.entDots {
 color: #54647F;
}

.entryReadAllLink {
 font-weight: bold;
 border: 0px !important;
}

.xt {
 background-image: url(/ajax/tool-sprites.gif) !important;
}

/* Advertising style */
.advtlist_table {
 border-collapse: collapse;
 width: 100%;
 background: #0F1D2B;
}

.advtlist_td1 {
 border: 1px solid #2c3851;
 width: 20px;
 text-align: center;
 padding: 5px;
}

.advtlist_td2 {
 border: 1px solid #2c3851;
 padding: 5px;
}

.advtlist_td3 {
 border: 1px solid #2c3851;
 width: 100px;
 padding: 5px;
 text-align: center;
}

/* Body style */
.input {
 cursor: pointer;
}

div.clear {
 clear: both;
}

#news_button {
 width: 127px;
 padding: 1px 0;
 height: 14px;
 background: url(/body/btn_bckg.png) #0f1d2b;
 color: #93aec7;
 text-align: center;
 float: right;
 font-weight: bold;
}

#news_button:hover {
 background: url(/body/btn_bckg_hover.png) #202B42;
 color: #1E90FF;
 font-weight: bold;
}

.news_comm {
 margin-left: 1px;
 border-radius: 0 0 5px 0;
}

.news_author {
 border-radius: 0 0 0 5px;
}

.news_url {
 margin-right: 1px;
 border-radius: 0 0 0 5px;
}

.news_moderpanel {
 float: right;
 background: #0f1d2b;
 padding-left: 10px;
 text-align: right;
 border-radius: 0 0 0 5px;
}

/* Sporepedia style */
.swchItemA,
.swchItemA1,
.pgSwchA {
 text-decoration: underline;
 font-weight: bold;
}

.catPages1,
.border {
 background: #2c3851;
 padding: 5px 2px;
 border-radius: 5px;
}

.catPages1 {
 float: left;
 margin: 0 45%;
}

#newPhtBtDiv {
 display: none;
}

.sortArrDown,
.sortArrUp {
 color: #93aec7;
}

/* Forum style */
.forum-pages li.pagesInfo {
 padding: 0 !important;
}

/* Message style */
.postNumberLink {
 color: #4B5A72;
}

.legacy-header-bar {
 border-bottom: 1px solid #2c3851;
 min-height: 28px;
 background: linear-gradient(to bottom, #084981, #072856);
}

.legacy-header-subbar {
 border-bottom: 1px solid #2c3851;
 background: var(--firefly);
}

.logo {
 display: block;
 position: absolute;
 top: 100%;
 left: 15px;
 padding: 8px;
 background-image: linear-gradient(to bottom, #0f5795, #072856);
 background-repeat: no-repeat;
 border-radius: 50rem;
 border: 1px solid #2c3851;
 box-shadow: 0 0 0 1px inset #000;
 transform: translateY(-50%);
}

.logo-image {
 display: block;
 position: relative;
 z-index: 100;
}

.logo::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 border-radius: 50rem;
 background-image: radial-gradient(circle at top, #4a9fc8, transparent 80%);
 border: 1px solid transparent;
 background-repeat: no-repeat;
 background-clip: content-box;
 transition: opacity 150ms linear;
 opacity: 0;
}

.logo:hover::before {
 opacity: 1;
}

.logo-milkyway {
 animation: spin 10s linear reverse infinite;
 transform-origin: 21.85px;
}

.discord-server {
 position: relative;
 display: block;
 border-radius: 5px;
 margin: 16px 0;
 border: 2px solid transparent;
 font-size: 16px;
 font-weight: 700;
 line-height: 1;
 background-color: #627bd5;
 color: #fff !important;
 transition: background-color 150ms linear;
}

.discord-server:hover {
 background-color: #7288da;
 text-decoration: none;
}

@keyframes shine {
 70% {
 background-position: -50% 150%;
 }
 100% {
 background-position: 150% -50%;
 }
}
.discord-server::before {
 position: absolute;
 top: -2px;
 bottom: -2px;
 left: -2px;
 right: -2px;
 content: "";
 border-radius: inherit;
 background-image: linear-gradient(20deg, transparent 30%, #fff 45%, #fff 55%, transparent 70%);
 background-position: -50% 150%;
 background-repeat: no-repeat;
 background-size: 200% 200%;
 animation: 10s shine 0s infinite;
}

.discord-server-content {
 display: flex;
 align-items: center;
 position: relative;
 padding: calc(1em - 2px);
 background-color: inherit;
 border-radius: inherit;
}

.discord-server-icon {
 display: inline-block;
 height: 2em;
 vertical-align: middle;
 margin-right: 0.5em;
 margin-bottom: -0.236em;
}

img {
 max-width: 100%;
}

.sub-head {
 padding: 0 0 0 86px;
 height: 28px;
 border-bottom: 1px solid #2C3851;
 background: #122335;
 box-sizing: border-box;
}

.banner {
 min-height: 36px;
 position: relative;
 background: url("/body/bannr.jpg") #1D2B39;
 border-bottom: 1px solid #0F1D2B;
}

.banner #time {
 font-size: 13px;
 background: url("/body/time.png") rgba(15, 29, 43, 0.6) no-repeat 8px 5px;
 right: 5px;
 top: 5px;
 padding: 5px 8px 6px 32px;
 position: absolute;
 color: #fff;
}

.banner a {
 text-decoration: none;
}

.banner #addadv {
 font-size: 13px;
 opacity: 0.6;
 background: rgba(15, 29, 43, 0.5);
 font-weight: bold;
 left: 5px;
 top: 5px;
 padding: 5px 8px 6px;
 position: absolute;
 color: #fff;
}

.banner #addadv:hover {
 opacity: 1;
}

#srch input:not([type=submit]) {
 font-family: arial !important;
 width: 100px;
 margin-top: -1px;
 background: none;
 border: none;
 font-size: 13px;
 color: #54647F;
}

#mchatIfm2 {
 overflow: auto;
}

.com-box {
 height: 200px;
 overflow: auto;
}

#mcs_t_5 {
 background: #e7be00;
}

.callback_demo {
 margin: 0 20px 20px;
 color: #ccc;
}

.callback_demo .callback_demo_output {
 color: #fff;
}

.info {
 position: absolute;
 margin: 20px 0 40px 40px;
 width: 260px;
 height: 100px;
 color: #ccc;
 font-size: 18px;
 padding: 5px;
}

.info span:first-child {
 color: #09C;
}

.info span:last-child {
 font-size: 34px;
 line-height: 38px;
}

#prava img {
 max-width: 110px;
}

.mCsb_draggerrail {
 background: #122335 !important;
}

.mCsb_dragger_bar {
 width: 6px !important;
 background: #2C3851 !important;
}

#searchform {
 display: none;
}

.infTd:nth-child(1) {
 padding: 0 2px;
}

.infTd:nth-child(2),
.infTd:nth-child(3) {
 padding: 0 1px;
}

.infTd:nth-child(4),
.infTd:nth-child(5) {
 padding: 0 2px;
}

@keyframes spin {
 0% {
 transform: rotate(0deg);
 }
 100% {
 transform: rotate(360deg);
 }
}
.spore-milkyway[data-is-spinning=true] {
 animation-name: spin;
 animation-duration: 10s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
 animation-direction: reverse;
}

@keyframes fade {
 0% {
 opacity: 1;
 }
 100% {
 opacity: 0;
 }
}
@keyframes zoom-in {
 0% {
 transform: scale(1);
 }
 100% {
 transform: scale(2);
 }
}
@keyframes zoom-out {
 0% {
 transform: scale(1);
 }
 100% {
 transform: scale(0);
 }
}
.sporepedia-card {
 width: 132px;
 box-sizing: border-box;
 /* height: 188px; */
 /* will-change: opacity, transform; */
}
.sporepedia-card[data-variant=loading] {
 display: flex;
 align-items: center;
 justify-content: center;
}
.sporepedia-card.spore-enter {
 opacity: 0;
 transform: scale(0);
}
.sporepedia-card.spore-enter-active {
 animation: fade ease, zoom-out ease-out;
 animation-duration: 350ms;
 animation-fill-mode: forwards;
 animation-direction: reverse;
}
.sporepedia-card.spore-enter-to {
 opacity: 1;
 transform: scale(1);
}
.sporepedia-card.spore-leave {
 opacity: 1;
 transform: scale(1);
}
.sporepedia-card.spore-leave-active {
 position: absolute;
 animation: fade ease, zoom-in ease-out;
 animation-duration: 350ms;
 animation-fill-mode: forwards;
}
.sporepedia-card.spore-leave-to {
 opacity: 0;
 transform: scale(2);
}

.sporepedia-card__spore-milkyway {
 width: 32px;
 height: 32px;
 fill: #fff;
}

.items-center {
 align-items: center !important;
}

.items-baseline {
 align-items: baseline !important;
}

.items-stretch {
 align-items: stretch !important;
}

.items-start {
 align-items: flex-start !important;
}

.items-end {
 align-items: flex-end !important;
}

.inline {
 display: inline !important;
}

.block {
 display: block !important;
}

.inline-block {
 display: inline-block !important;
}

.flex {
 display: flex !important;
}

.inline-flex {
 display: inline-flex !important;
}

.table {
 display: table !important;
}

.grid {
 display: grid !important;
}

.inline-grid {
 display: inline-grid !important;
}

.flow-root {
 display: flow-root !important;
}

.contents {
 display: contents !important;
}

.hidden {
 display: none !important;
}

.justify-start {
 justify-content: flex-start !important;
}

.justify-end {
 justify-content: flex-end !important;
}

.justify-center {
 justify-content: center !important;
}

.justify-between {
 justify-content: space-between !important;
}

.justify-around {
 justify-content: space-around !important;
}

.justify-evenly {
 justify-content: space-evenly !important;
}

.m-0 {
 margin: 0 !important;
}

.mt-0 {
 margin-top: 0 !important;
}

.ml-0 {
 margin-left: 0 !important;
}

.mr-0 {
 margin-right: 0 !important;
}

.mb-0 {
 margin-bottom: 0 !important;
}

.mx-0 {
 margin-left: 0 !important;
 margin-right: 0 !important;
}

.my-0 {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}

.-m-0 {
 margin: 0 !important;
}

.-mt-0 {
 margin-top: 0 !important;
}

.-ml-0 {
 margin-left: 0 !important;
}

.-mr-0 {
 margin-right: 0 !important;
}

.-mb-0 {
 margin-bottom: 0 !important;
}

.-mx-0 {
 margin-left: 0 !important;
 margin-right: 0 !important;
}

.-my-0 {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}

.m-px {
 margin: 1px !important;
}

.mt-px {
 margin-top: 1px !important;
}

.ml-px {
 margin-left: 1px !important;
}

.mr-px {
 margin-right: 1px !important;
}

.mb-px {
 margin-bottom: 1px !important;
}

.mx-px {
 margin-left: 1px !important;
 margin-right: 1px !important;
}

.my-px {
 margin-top: 1px !important;
 margin-bottom: 1px !important;
}

.-m-px {
 margin: -1px !important;
}

.-mt-px {
 margin-top: -1px !important;
}

.-ml-px {
 margin-left: -1px !important;
}

.-mr-px {
 margin-right: -1px !important;
}

.-mb-px {
 margin-bottom: -1px !important;
}

.-mx-px {
 margin-left: -1px !important;
 margin-right: -1px !important;
}

.-my-px {
 margin-top: -1px !important;
 margin-bottom: -1px !important;
}

.m-1 {
 margin: 4px !important;
}

.mt-1 {
 margin-top: 4px !important;
}

.ml-1 {
 margin-left: 4px !important;
}

.mr-1 {
 margin-right: 4px !important;
}

.mb-1 {
 margin-bottom: 4px !important;
}

.mx-1 {
 margin-left: 4px !important;
 margin-right: 4px !important;
}

.my-1 {
 margin-top: 4px !important;
 margin-bottom: 4px !important;
}

.-m-1 {
 margin: -4px !important;
}

.-mt-1 {
 margin-top: -4px !important;
}

.-ml-1 {
 margin-left: -4px !important;
}

.-mr-1 {
 margin-right: -4px !important;
}

.-mb-1 {
 margin-bottom: -4px !important;
}

.-mx-1 {
 margin-left: -4px !important;
 margin-right: -4px !important;
}

.-my-1 {
 margin-top: -4px !important;
 margin-bottom: -4px !important;
}

.m-2 {
 margin: 8px !important;
}

.mt-2 {
 margin-top: 8px !important;
}

.ml-2 {
 margin-left: 8px !important;
}

.mr-2 {
 margin-right: 8px !important;
}

.mb-2 {
 margin-bottom: 8px !important;
}

.mx-2 {
 margin-left: 8px !important;
 margin-right: 8px !important;
}

.my-2 {
 margin-top: 8px !important;
 margin-bottom: 8px !important;
}

.-m-2 {
 margin: -8px !important;
}

.-mt-2 {
 margin-top: -8px !important;
}

.-ml-2 {
 margin-left: -8px !important;
}

.-mr-2 {
 margin-right: -8px !important;
}

.-mb-2 {
 margin-bottom: -8px !important;
}

.-mx-2 {
 margin-left: -8px !important;
 margin-right: -8px !important;
}

.-my-2 {
 margin-top: -8px !important;
 margin-bottom: -8px !important;
}

.m-3 {
 margin: 12px !important;
}

.mt-3 {
 margin-top: 12px !important;
}

.ml-3 {
 margin-left: 12px !important;
}

.mr-3 {
 margin-right: 12px !important;
}

.mb-3 {
 margin-bottom: 12px !important;
}

.mx-3 {
 margin-left: 12px !important;
 margin-right: 12px !important;
}

.my-3 {
 margin-top: 12px !important;
 margin-bottom: 12px !important;
}

.-m-3 {
 margin: -12px !important;
}

.-mt-3 {
 margin-top: -12px !important;
}

.-ml-3 {
 margin-left: -12px !important;
}

.-mr-3 {
 margin-right: -12px !important;
}

.-mb-3 {
 margin-bottom: -12px !important;
}

.-mx-3 {
 margin-left: -12px !important;
 margin-right: -12px !important;
}

.-my-3 {
 margin-top: -12px !important;
 margin-bottom: -12px !important;
}

.m-4 {
 margin: 16px !important;
}

.mt-4 {
 margin-top: 16px !important;
}

.ml-4 {
 margin-left: 16px !important;
}

.mr-4 {
 margin-right: 16px !important;
}

.mb-4 {
 margin-bottom: 16px !important;
}

.mx-4 {
 margin-left: 16px !important;
 margin-right: 16px !important;
}

.my-4 {
 margin-top: 16px !important;
 margin-bottom: 16px !important;
}

.-m-4 {
 margin: -16px !important;
}

.-mt-4 {
 margin-top: -16px !important;
}

.-ml-4 {
 margin-left: -16px !important;
}

.-mr-4 {
 margin-right: -16px !important;
}

.-mb-4 {
 margin-bottom: -16px !important;
}

.-mx-4 {
 margin-left: -16px !important;
 margin-right: -16px !important;
}

.-my-4 {
 margin-top: -16px !important;
 margin-bottom: -16px !important;
}

.m-5 {
 margin: 20px !important;
}

.mt-5 {
 margin-top: 20px !important;
}

.ml-5 {
 margin-left: 20px !important;
}

.mr-5 {
 margin-right: 20px !important;
}

.mb-5 {
 margin-bottom: 20px !important;
}

.mx-5 {
 margin-left: 20px !important;
 margin-right: 20px !important;
}

.my-5 {
 margin-top: 20px !important;
 margin-bottom: 20px !important;
}

.-m-5 {
 margin: -20px !important;
}

.-mt-5 {
 margin-top: -20px !important;
}

.-ml-5 {
 margin-left: -20px !important;
}

.-mr-5 {
 margin-right: -20px !important;
}

.-mb-5 {
 margin-bottom: -20px !important;
}

.-mx-5 {
 margin-left: -20px !important;
 margin-right: -20px !important;
}

.-my-5 {
 margin-top: -20px !important;
 margin-bottom: -20px !important;
}

.m-6 {
 margin: 24px !important;
}

.mt-6 {
 margin-top: 24px !important;
}

.ml-6 {
 margin-left: 24px !important;
}

.mr-6 {
 margin-right: 24px !important;
}

.mb-6 {
 margin-bottom: 24px !important;
}

.mx-6 {
 margin-left: 24px !important;
 margin-right: 24px !important;
}

.my-6 {
 margin-top: 24px !important;
 margin-bottom: 24px !important;
}

.-m-6 {
 margin: -24px !important;
}

.-mt-6 {
 margin-top: -24px !important;
}

.-ml-6 {
 margin-left: -24px !important;
}

.-mr-6 {
 margin-right: -24px !important;
}

.-mb-6 {
 margin-bottom: -24px !important;
}

.-mx-6 {
 margin-left: -24px !important;
 margin-right: -24px !important;
}

.-my-6 {
 margin-top: -24px !important;
 margin-bottom: -24px !important;
}

.m-7 {
 margin: 28px !important;
}

.mt-7 {
 margin-top: 28px !important;
}

.ml-7 {
 margin-left: 28px !important;
}

.mr-7 {
 margin-right: 28px !important;
}

.mb-7 {
 margin-bottom: 28px !important;
}

.mx-7 {
 margin-left: 28px !important;
 margin-right: 28px !important;
}

.my-7 {
 margin-top: 28px !important;
 margin-bottom: 28px !important;
}

.-m-7 {
 margin: -28px !important;
}

.-mt-7 {
 margin-top: -28px !important;
}

.-ml-7 {
 margin-left: -28px !important;
}

.-mr-7 {
 margin-right: -28px !important;
}

.-mb-7 {
 margin-bottom: -28px !important;
}

.-mx-7 {
 margin-left: -28px !important;
 margin-right: -28px !important;
}

.-my-7 {
 margin-top: -28px !important;
 margin-bottom: -28px !important;
}

.m-8 {
 margin: 32px !important;
}

.mt-8 {
 margin-top: 32px !important;
}

.ml-8 {
 margin-left: 32px !important;
}

.mr-8 {
 margin-right: 32px !important;
}

.mb-8 {
 margin-bottom: 32px !important;
}

.mx-8 {
 margin-left: 32px !important;
 margin-right: 32px !important;
}

.my-8 {
 margin-top: 32px !important;
 margin-bottom: 32px !important;
}

.-m-8 {
 margin: -32px !important;
}

.-mt-8 {
 margin-top: -32px !important;
}

.-ml-8 {
 margin-left: -32px !important;
}

.-mr-8 {
 margin-right: -32px !important;
}

.-mb-8 {
 margin-bottom: -32px !important;
}

.-mx-8 {
 margin-left: -32px !important;
 margin-right: -32px !important;
}

.-my-8 {
 margin-top: -32px !important;
 margin-bottom: -32px !important;
}

.m-auto {
 margin: auto !important;
}

.mt-auto {
 margin-top: auto !important;
}

.ml-auto {
 margin-left: auto !important;
}

.mr-auto {
 margin-right: auto !important;
}

.mb-auto {
 margin-bottom: auto !important;
}

.mx-auto {
 margin-left: auto !important;
 margin-right: auto !important;
}

.my-auto {
 margin-top: auto !important;
 margin-bottom: auto !important;
}

.-m-auto {
 margin: -auto !important;
}

.-mt-auto {
 margin-top: -auto !important;
}

.-ml-auto {
 margin-left: -auto !important;
}

.-mr-auto {
 margin-right: -auto !important;
}

.-mb-auto {
 margin-bottom: -auto !important;
}

.-mx-auto {
 margin-left: -auto !important;
 margin-right: -auto !important;
}

.-my-auto {
 margin-top: -auto !important;
 margin-bottom: -auto !important;
}

.p-0 {
 padding: 0 !important;
}

.px-0 {
 padding-left: 0 !important;
 padding-right: 0 !important;
}

.py-0 {
 padding-top: 0 !important;
 padding-bottom: 0 !important;
}

.pt-0 {
 padding-top: 0 !important;
}

.pb-0 {
 padding-bottom: 0 !important;
}

.pl-0 {
 padding-left: 0 !important;
}

.pr-0 {
 padding-right: 0 !important;
}

.p-px {
 padding: 1px !important;
}

.px-px {
 padding-left: 1px !important;
 padding-right: 1px !important;
}

.py-px {
 padding-top: 1px !important;
 padding-bottom: 1px !important;
}

.pt-px {
 padding-top: 1px !important;
}

.pb-px {
 padding-bottom: 1px !important;
}

.pl-px {
 padding-left: 1px !important;
}

.pr-px {
 padding-right: 1px !important;
}

.p-1 {
 padding: 4px !important;
}

.px-1 {
 padding-left: 4px !important;
 padding-right: 4px !important;
}

.py-1 {
 padding-top: 4px !important;
 padding-bottom: 4px !important;
}

.pt-1 {
 padding-top: 4px !important;
}

.pb-1 {
 padding-bottom: 4px !important;
}

.pl-1 {
 padding-left: 4px !important;
}

.pr-1 {
 padding-right: 4px !important;
}

.p-2 {
 padding: 8px !important;
}

.px-2 {
 padding-left: 8px !important;
 padding-right: 8px !important;
}

.py-2 {
 padding-top: 8px !important;
 padding-bottom: 8px !important;
}

.pt-2 {
 padding-top: 8px !important;
}

.pb-2 {
 padding-bottom: 8px !important;
}

.pl-2 {
 padding-left: 8px !important;
}

.pr-2 {
 padding-right: 8px !important;
}

.p-3 {
 padding: 12px !important;
}

.px-3 {
 padding-left: 12px !important;
 padding-right: 12px !important;
}

.py-3 {
 padding-top: 12px !important;
 padding-bottom: 12px !important;
}

.pt-3 {
 padding-top: 12px !important;
}

.pb-3 {
 padding-bottom: 12px !important;
}

.pl-3 {
 padding-left: 12px !important;
}

.pr-3 {
 padding-right: 12px !important;
}

.p-4 {
 padding: 16px !important;
}

.px-4 {
 padding-left: 16px !important;
 padding-right: 16px !important;
}

.py-4 {
 padding-top: 16px !important;
 padding-bottom: 16px !important;
}

.pt-4 {
 padding-top: 16px !important;
}

.pb-4 {
 padding-bottom: 16px !important;
}

.pl-4 {
 padding-left: 16px !important;
}

.pr-4 {
 padding-right: 16px !important;
}

.p-5 {
 padding: 20px !important;
}

.px-5 {
 padding-left: 20px !important;
 padding-right: 20px !important;
}

.py-5 {
 padding-top: 20px !important;
 padding-bottom: 20px !important;
}

.pt-5 {
 padding-top: 20px !important;
}

.pb-5 {
 padding-bottom: 20px !important;
}

.pl-5 {
 padding-left: 20px !important;
}

.pr-5 {
 padding-right: 20px !important;
}

.p-6 {
 padding: 24px !important;
}

.px-6 {
 padding-left: 24px !important;
 padding-right: 24px !important;
}

.py-6 {
 padding-top: 24px !important;
 padding-bottom: 24px !important;
}

.pt-6 {
 padding-top: 24px !important;
}

.pb-6 {
 padding-bottom: 24px !important;
}

.pl-6 {
 padding-left: 24px !important;
}

.pr-6 {
 padding-right: 24px !important;
}

.p-7 {
 padding: 28px !important;
}

.px-7 {
 padding-left: 28px !important;
 padding-right: 28px !important;
}

.py-7 {
 padding-top: 28px !important;
 padding-bottom: 28px !important;
}

.pt-7 {
 padding-top: 28px !important;
}

.pb-7 {
 padding-bottom: 28px !important;
}

.pl-7 {
 padding-left: 28px !important;
}

.pr-7 {
 padding-right: 28px !important;
}

.p-8 {
 padding: 32px !important;
}

.px-8 {
 padding-left: 32px !important;
 padding-right: 32px !important;
}

.py-8 {
 padding-top: 32px !important;
 padding-bottom: 32px !important;
}

.pt-8 {
 padding-top: 32px !important;
}

.pb-8 {
 padding-bottom: 32px !important;
}

.pl-8 {
 padding-left: 32px !important;
}

.pr-8 {
 padding-right: 32px !important;
}

.text-current {
 color: rgba(currentColor, var(--text-opacity, 1)) !important;
}

.text-transparent {
 color: rgba(0, 0, 0, var(--text-opacity, 1)) !important;
}

.text-primary {
 color: rgba(44, 56, 81, var(--text-opacity, 1)) !important;
}

.text-secondary {
 color: rgba(147, 174, 199, var(--text-opacity, 1)) !important;
}

.text-opacity-0 {
 --text-opacity: 0 !important;
}

.text-opacity-25 {
 --text-opacity: 25 !important;
}

.text-opacity-50 {
 --text-opacity: 50 !important;
}

.text-opacity-75 {
 --text-opacity: 75 !important;
}

.text-opacity-100 {
 --text-opacity: 100 !important;
}

.text-left {
 text-align: left !important;
}

.text-center {
 text-align: center !important;
}

.text-right {
 text-align: right !important;
}

.text-justify {
 text-align: justify !important;
}

.underline {
 text-decoration: underline !important;
}

.line-through {
 text-decoration: line-through !important;
}

.no-underline {
 text-decoration: none !important;
}

.uppercase {
 text-transform: uppercase !important;
}

.capitalize {
 text-transform: capitalize !important;
}

.lowercase {
 text-transform: lowercase !important;
}

.normal-case {
 text-transform: none !important;
}

.align-baseline {
 vertical-align: baseline;
}

.align-top {
 vertical-align: top;
}

.align-middle {
 vertical-align: middle;
}

.align-bottom {
 vertical-align: bottom;
}

.align-text-top {
 vertical-align: text-top;
}

.align-text-bottom {
 vertical-align: text-bottom;
}

/* Remove later */

#snowToggle[data-snow-enabled="true"] .bi-cloud-snow {
 display: none;
}

#snowToggle[data-snow-enabled="false"] .bi-cloud-snow-fill {
 display: none;
}