@charset "UTF-8";



:root {
  --dark-bg: #111827;
  --dark-bg-block: #1f2937;
  --dark-bg-hover: #353d50;
  --dark-color: #ffffffcc;
  --dark-border: #636363cc;
}

.dark input,
button,
select,
textarea {
  color: black;
}

.dark legend {
color: #dfe0ff;
}


.dark select {
    color: #000;
}
.dark .list-group-item {
    background: #1f2937;
	background-color: #1f2937;
}

.dark .navbar-inverse {
    background-color: #232d4c;
    border-color: #09192f;
}

.dark .panel-primary > .panel-heading {
    color: #fff;
    background-color: #232d4c;
    border-color: #09192f;
}

.dark a.rightside_menu {
    border: 1px solid rgb(23,42,70);
    background-color: #232d4c;
}
.dark a.rightside_menu:hover {
  border: 1px solid rgba(5,25,69,1.3);
  background-color: #0a192f;
}
.dark a.rightside_menu:active {
  color: #fff;
  background-color: #0a192f;
}

.dark .btn-primary {
    color: #fff;
    background-color: #232d4c;
    border-color: #1e212b;
}
.dark .btn-primary:focus,
.btn-primary.focus {
  background-color: #0a192f;
  border-color: #000;
}
.dark  .btn-primary:hover {
  background-color: #232d4c;
  border-color: #0a192f;
}

.dark .footer-bottom {
    background: #232d4c;
    border-top: 1px solid #1e212b;
}

.dark ::selection {
color: #fff;
      background-color: #8ebf42;
}

.dark a {
  color: #E0FFFF;
}
.dark a:hover {
  color: #AFEEEE;
}

.dark .panel-title {
  color: #E0FFFF;
}

.panel-title {
  color: #183bd9;
}

.dark .title_spoiler {
    background: #1f2a38;
	color: #1f2937;
	border: 1px solid #337ab7;
}

.dark .text_spoiler {
    background: #1f2a38;
	color: #fff;
	border: 1px solid #337ab7;
}





/* Dark styles */

.dark .owl-carousel .panel-body {
    background-color: #1f2937;
}
.dark .panel-body {
    background-color: #1f2937;
}

.dark .short-title a {
    color: #B0C4DE;
    background: #1f2937;
}

.dark .short-title a:hover{
    color: #fff;
	background: #1f2a38;
}

body.dark {
  background: var(--dark-bg);
  color: var(--dark-color) !important;
}

.dark .card {
  background: var(--dark-bg-block)
}
.dark .btn {
color: #ffffff;
}
.dark .tox .tox-menubar {
    background-color: #838383;
}
.dark .tox .tox-toolbar-overlord {
    background-color: #838383;
}
.dark .option {
color: #fff;
}
.dark .form-control {
color: #fff;
}

/* Dark header */

.dark .bg-header {
  background-color: rgba(17, 24, 39, 0.8) !important;
  backdrop-filter: blur(10px) !important;
}

.dark .search-wrapper {
  background: var(--dark-bg-block);
  box-shadow: 0 0px 0px 0 rgb(136 148 171 / 0%), 0 24px 20px -24px rgb(71 82 107 / 0%) !important;
}

.dark #searchsuggestions {
  background: var(--dark-bg-block)
}

.dark #searchsuggestions a:hover {
  background: var(--dark-bg-hover);
  border-radius: 15px;
}

.dark .add-btn {
  background: var(--dark-bg-block)
}

.dark .link-dark {
  color: var(--dark-color) !important;
}

.dark .profile-btn {
  color: var(--dark-color) !important;
  border-left: 2px solid var(--dark-border);
}

.dark .dropdown-menu {
  background: var(--dark-bg-block);
}

.dark .dropdown-item {
  color: var(--dark-color) !important;
}

.dark .dropdown-item:hover {
  background: var(--dark-bg-hover);
}

.dark .dropdown-item:focus {
  background: var(--dark-bg-hover);
}

.dark .bg-dark {
  background: var(--dark-bg-block) !important;
}

.dark .app-name:hover {
  color: var(--dark-color) !important;
}

.dark .popover-header {
  background: var(--dark-bg-hover);
}

.dark .popover {
  background: var(--dark-bg-block);
}

.dark .popover-body {
  color: var(--dark-color) !important;
}

.dark .popover-arrow::after {
  border-bottom-color: var(--dark-bg-hover) !important;
}


/* Dark panel */

.dark .offcanvas {
  background: var(--dark-bg-block) !important;
}

.dark .main-bg {
  background: var(--dark-bg) !important;
}

.dark .list-e:hover {
  background: var(--dark-bg-hover);
}

.dark .list-e a {
  color: var(--dark-color) !important;
}


/* Dark sidebar */

.dark .bg-white {
  background: var(--dark-bg-block) !important;
}

.dark .color-fix a {
  color: var(--dark-color) !important;
}

.dark .com:hover {
  background: var(--dark-bg-hover);
}

.dark .title_quote {
  background: var(--dark-bg-hover) !important;
  border: 1px solid var(--dark-bg-hover)
}

.dark .quote {
  background: var(--dark-bg-hover) !important;
  border: 1px solid var(--dark-bg-hover);
}


/* Dark nav */

.dark .app-sidebar-link {
  color: var(--dark-color) !important;
}

.dark .app-sidebar-link:hover {
  color: var(--dark-color) !important;
  background: var(--dark-bg-hover) !important;
}

.dark .active {
  background: var(--dark-bg-block) !important;
}


/* Dark shortstory */

.dark .card-title {
  color: var(--dark-color) !important;
}

.dark .nav-link {
  color: var(--dark-color) !important;
}

.dark .link-log a {
  color: var(--dark-color) !important;
}

.dark .fix-btn {
  color: var(--dark-color) !important;
}

.dark #dropmenudiv {
  background: var(--dark-bg-block) !important;
  border: 1px solid var(--dark-bg-block);
  border-color: var(--dark-bg-block);
}

.dark #dropmenudiv a:hover {
  background: var(--dark-bg-hover);
}


/* Dark fullstory */

.dark .ya-share2 {
  color: var(--dark-color) !important;
}

.dark .btn-dark {
  background: var(--dark-bg-hover) !important;
}

.dark .bg-general {
 background: var(--dark-bg-hover) !important;
}    

/* Dark userinfo */

.dark .link-rss a {
  color: var(--dark-color) !important;
}

.dark .link-soc {
  color: var(--dark-color) !important;
}

.dark .btn-outline-dark {
  color: var(--dark-color) !important;
  border-color: var(--dark-bg-block) !important;
}

.dark .btn-outline-dark:hover {
  background: var(--dark-bg-hover);
}

.dark .border-start {
  border-left: 1px solid var(--dark-border) !important;
}


/* Dark PM */

.dark .pm_status {
  background: var(--dark-bg-hover);
}


/* Dark login */

.dark .modal-content {
  background: var(--dark-bg-block) !important;
}

.dark .form-control {
  background-color: var(--dark-bg-hover) !important;
  border: 1px solid var(--dark-bg-hover);
}


/* Dark Popup */

.dark .ui-dialog {
  background: var(--dark-bg-block) !important;
}

.dark .btn-default {
  color: var(--dark-color) !important;
}


.dark .btn-default:hover{
  background: #000057;
}

.dark .panel-footer{
  background: #1f2937;
}

.dark .fr-alternate-rows 
{
  background: #1f2937;
  color: #fff;
}

.dark table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #1f2937;
  color: #fff;
}

.dark .ui-widget-content a {
    color: #b3b3b3;
}

.dark .ui-widget-content {
    border: 1px solid #dddddd;
    background: #1f2937;
    color: #fff;
}
.dark .ui-widget-header {
    background: #1f2937;
}




.dark a.blubtn {
  color: #fff;
}
.dark a.blubtn:hover {
  color: #b3b3b3;

}
.dark a.blubtn:active {
  color: #b3b3b3;
  background-color: #AAA;
}

.dark .btn-default{
  background: #333;
}

.dark .btn-default:hover{
  background: #000057;
  color: #fff;
}


.dark .box .over-layer{
  background: #353d50;
  color: #fff;
}

.dark .box .post a {
    font-size: 14px;
    color: #fff;
}
.dark .box .post a:hover {
    font-size: 14px;
    color: #fff;
}

.dark .panel-default {
    border-color: #353d50;
}
.dark .panel-heading {
border-left: 3px solid #3b3f51;
font-weight: bold;
}

.dark .panel-default > .panel-heading {
    color: #fff;
    background-color: #1f2937;
    border-color: #353d50;
}

.dark .panel{
background-color: #1f2937;
}

/* Dark Сomments */

.dark .com-autor {
  background-color: var(--dark-bg-hover);
}