:root {
    --bs-border-color: #ddd;
    --bs-list-group-color: #337ab7;
    --background-color: #fff;
    --background-hover-color: #f5f5f5;
    --font-color-muted: #555;
    --font-color-base: #333;
    --font-color-hover: #555;
    --font-size-base: 16px;
    --footer-background-color: #f5f5f5;
    --tile-background-color: #FFFFFF;
    --tile-shadow-color: 103, 63, 222;
    --tile-shadow-opacity: 0.1;
    --level-key-color: #563d7c;
}

html,
body {
    height: 100%;
}

/* dark theme */
body.dark-theme {
    --background-color: #212529;
    --background-hover-color: #2b3035;
    --bs-body-color: #dee2e6;
    --bs-border-color: #495057;
    --bs-body-color: #dee2e6;
    --bs-list-group-color: var(--bs-body-color);
    --bs-primary-bg-subtle: #031633;
    --bs-primary-border-subtle: #084298;
    --font-color-base: var(--bs-body-color);
    --font-color-hover: #fff;
    --footer-background-color: #2b3035;
    --tile-background-color: #2b3035;
    --tile-shadow-opacity: 0.3;
    --alert-warning-bg-color: #332701;
    --alert-warning-font-color: #ffda6a;
    --alert-warning-border-color: #997404;
    --alert-info-bg-color: #032830;
    --alert-info-font-color: #6edff6;
    --alert-info-border-color: #087990;
    --code-font-color: #e685b5;
    --code-bg-color: transparent;
    --level-key-color: #51a0f8;
    --bg-nav-tab-active: #0d6efd;
    --nav-tab-border-active:#0d6efd;
    --panel-default-bg: transparent;
    --panel-info-bg: transparent;
    --panel-info-border-color: #0DCAF0;
    --panel-info-head-border-color: #495057;
    --input-text-bg: transparent;
    --input-border-color: #495057;
    
    --btn-default-bg: transparent;
    --btn-default-color: #6c757d;
    --btn-default-border-color: #6c757d;
    --btn-default-hover-bg: #6c757d;
    --btn-default-hover-color: #fff;
    
    --pagination-bg: transparent;
    --pagination-border-color: var(--bs-border-color);
    --pagination-color: #6ea8fe;
    --pagination-disabled-color: rgba(222, 226, 230, 0.75);
    --pagination-active-color: #fff;
    --pagination-active-bg: #0d6efd;
    --pagination-active-border-color: #0d6efd;
    --pagination-hover-color: #8bb9fe;
    --pagination-hover-bg: #2b3035;
    --pagination-hover-border-color: #495057;
    
    --pre-bg: #1d1f21;
    
    --bs-table-striped-bg: rgba(255,255,255, 0.05);
}
body.dark-theme {
    background-color: var(--background-color);
    color: var(--bs-body-color);
}
body.dark-theme a {
    color: rgba(110, 168, 254, 1);
}
body.dark-theme hr {
    border-color: var(--bs-border-color);   
}
body.dark-theme .blog-post-title a, body.dark-theme .black_link {
    color: var(--font-color-base);
}
body.dark-theme .bs-example {
    background-color: var(--footer-background-color);
    border-color: var(--bs-border-color);
}
body.dark-theme textarea {
    background-color: transparent;
    color: var(--font-color-base);
}
body.dark-theme .alert-warning {
    background-color: var(--alert-warning-bg-color);
    color: var(--alert-warning-font-color);
    border-color: var(--alert-warning-border-color);
}
body.dark-theme .alert-info {
    background-color: var(--alert-info-bg-color);
    color: var(--alert-info-font-color);
    border-color: var(--alert-info-border-color);
}
body.dark-theme code {
    color: var(--code-font-color);
    background-color: var(--code-bg-color);
}
body.dark-theme .nav-tabs > li.active > a, body.dark-theme .nav-tabs > li.active > a:hover {
    background-color: var(--bg-nav-tab-active);
    border-color: var(--nav-tab-border-active);
    color: var(--font-color-base);
}
body.dark-theme .nav-tabs > li > a:hover {
    background-color: var(--background-hover-color);
    color: var(--font-color-hover);
}
body.dark-theme .panel-default {
    background-color: var(--panel-default-bg);
    border-color: var(--bs-border-color);
}
body.dark-theme .panel-info {
    background-color: var(--panel-info-bg);
    border-color: var(--panel-info-border-color);
}
body.dark-theme .panel-info > .panel-heading {
    background-color: var(--background-hover-color);
    color: var(--font-color-base);
    border-color: var(--panel-info-head-border-color);
}
body.dark-theme .form-control {
    color: var(--font-color-base);
    background-color: var(--input-text-bg);
    border-color: var(--input-border-color);
}
body.dark-theme select.form-control {
	background-color: var(--background-hover-color);
}
body.dark-theme .btn-default {
    color: var(--btn-default-color);
    background-color: var(--btn-default-bg);
    border-color: var(--btn-default-border-color);
}
body.dark-theme .btn-default:hover {
    color: var(--btn-default-hover-color);
    background-color: var(--btn-default-hover-bg);
}
body.dark-theme .btn-default-full {
    color: var(--btn-default-hover-color);
    background-color: var(--btn-default-hover-bg);
    border-color: var(--btn-default-border-color);
}
body.dark-theme .btn-default-full:hover {
    color: var(--btn-default-hover-color);
    background-color: #5c636a;
    border-color: #565e64;
}
body.dark-theme .pagination li a {
    color: var(--pagination-color);
    background-color: var(--pagination-bg);
    border-color: var(--pagination-border-color);
}
body.dark-theme .pagination li a:hover {
    color: var(--pagination-hover-color);
    background-color: var(--pagination-hover-bg);
    border-color: var(--pagination-active-hover-color);
}
body.dark-theme .pagination li.active a {
    color: var(--pagination-active-color);
    background-color: var(--pagination-active-bg);
    border-color: var(--pagination-active-border-color);
}
body.dark-theme .pagination li.disabled span{
    color: var(--pagination-disabled-color);
    background-color: var(--pagination-bg);
    border-color: var(--pagination-border-color);
}
body.dark-theme pre {
    background-color: var(--pre-bg);
    border-color: var(--bs-border-color);
}
body.dark-theme pre code {
    color: var(--font-color-base);
}

body.dark-theme .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--bs-table-striped-bg);
}
body.dark-theme .table > tbody > tr > td {
    border-color: var(--bs-border-color);
}
body.dark-theme .table > thead > tr > th {
    border-color: var(--bs-border-color);
}

body.dark-theme .thumbnail {
	background-color: transparent;
	border-color: var(--bs-border-color);
}
body.dark-theme .text-info {
    color: rgba(13,202,240,1);
}

body.dark-theme .reaction-block .btn{
    background-color: rgba(255, 255, 255, 0.3);
}

body.dark-theme .reaction-block .btn:hover{
    color: #fff;
    font-weight: bold;
}

body.dark-theme .reaction-block .btn.active {
    background-color: var(--alert-info-border-color);
}

.tomorrow-comment, body.dark-theme pre .comment, body.dark-theme pre .title {
  color: #969896;
}

body.dark-theme .right-block-new-popular li a:hover {
    background-color: var(--background-hover-color);
    color: var(--font-color-hover);
}
body.dark-theme .thumbnail .caption {
    color: var(--bs-body-color);
}
body.dark-theme .blog-sidebar .list-group-item.clist-group-item-primary {
    background-color: var(--bs-primary-bg-subtle);
}
body.dark-theme .blog-sidebar .list-group-item.clist-group-item-primary:hover {
    background-color: var(--bs-primary-border-subtle);
}

.tomorrow-red, 
body.dark-theme pre .variable, 
body.dark-theme pre .attribute, 
body.dark-theme pre .tag, 
body.dark-theme pre .regexp, 
body.dark-theme pre .ruby .constant, 
body.dark-theme pre .xml .tag .title, 
body.dark-theme pre .xml .pi, 
body.dark-theme pre .xml .doctype, 
body.dark-theme pre .html .doctype, 
body.dark-theme pre .css .id, 
body.dark-theme pre .css .class, 
body.dark-theme pre .css .pseudo {
  color: #cc6666;
}

.tomorrow-orange, 
body.dark-theme pre .number, 
body.dark-theme pre .preprocessor, 
body.dark-theme pre .pragma, 
body.dark-theme pre .built_in, 
body.dark-theme pre .literal, 
body.dark-theme pre .params, 
body.dark-theme pre .constant {
  color: #de935f;
}

.tomorrow-yellow, 
body.dark-theme pre .ruby .class .title, 
body.dark-theme pre .css .rules .attribute {
  color: #f0c674;
}

.tomorrow-green, 
body.dark-theme pre .string, 
body.dark-theme pre .value, 
body.dark-theme pre .inheritance, 
body.dark-theme pre .header, 
body.dark-theme pre .ruby .symbol, 
body.dark-theme pre .xml .cdata {
  color: #b5bd68;
}

.tomorrow-aqua, 
body.dark-theme pre .css .hexcolor {
  color: #8abeb7;
}

.tomorrow-blue, 
body.dark-theme pre .function, 
body.dark-theme pre .python .decorator, 
body.dark-theme pre .python .title, 
body.dark-theme pre .ruby .function .title, 
body.dark-theme pre .ruby .title .keyword, 
body.dark-theme pre .perl .sub, 
body.dark-theme pre .javascript .title, 
body.dark-theme pre .coffeescript .title {
  color: #81a2be;
}

.tomorrow-purple, 
body.dark-theme pre .keyword, 
body.dark-theme pre .javascript .function {
  color: #b294bb;
}

body.dark-theme pre code {
  display: block;
  background: #1d1f21;
  color: #c5c8c6;
  padding: 0.5em;
}

body.dark-theme pre .coffeescript .javascript,
body.dark-theme pre .javascript .xml,
body.dark-theme pre .tex .formula,
body.dark-theme pre .xml .javascript,
body.dark-theme pre .xml .vbscript,
body.dark-theme pre .xml .css,
body.dark-theme pre .xml .cdata {
  opacity: 0.5;
}

.input-group-addon {
    background-color: var(--background-hover-color);
    border-color: var(--bs-border-color);
    color: var(--font-color-base);
}
/* end dark theme */

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 56px 15px 20px;
}

.wrap .breadcrumb {
    padding: 0;
    background: none;
    font-size: 12px;
    margin-bottom: 6px;
}
.wrap .breadcrumb a {
    color: var(--font-color-base);
}

.wrap h1 {
    font-size: 30px;
    margin-top: 0;
}

.blog-sidebar .list-group-item {
    background-color: var(--background-color);
    border-color: var(--bs-border-color);
    color: var(--font-color-base);
}
.blog-sidebar .list-group-item:hover {
    background-color: var(--background-hover-color);
    color: var(--font-color-hover);
}
.blog-sidebar .list-group-item a {
    color: var(--bs-list-group-color);
}
.blog-sidebar .list-group-item.clist-group-item-primary {
    background-color: #f0f4fa;
}
.blog-sidebar .list-group-item.clist-group-item-primary:hover {
    background-color: #cfe2ff;
}

.footer {
    height: 60px;
    background-color: var(--footer-background-color);
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.jumbotron.jumbotron-default {
    text-align: left;
    background-color: #eee;
}

@media screen and (max-width: 480px) {
    .jumbotron.jumbotron-default {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.not-set {
    color: #c55;
    font-style: italic;
}

.reaction-block .btn:focus {
    outline: none;
}
.reaction-block .btn.active {
    background-color: #337ab7;
    color: #fff;
    outline: none;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.blog-post {
    margin-bottom: 60px;
}

.bs-example {
    position: relative;
    padding: 45px 15px 15px;
    margin: 0 -15px 15px;
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px 0;
    -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
}
/* Echo out a label for the example */
.bs-example:after {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #959595;
    text-transform: uppercase;
    letter-spacing: 1px;
    content: "Example";
}

.bs-example.no-after:after {
    display: none;
}

.bs-example.no-after {
    padding-top: 25px;
}

.bs-example-padded-bottom {
    padding-bottom: 24px;
}

/* Tweak display of the code snippets when following an example */
.bs-example + .highlight,
.bs-example + .zero-clipboard + .highlight {
    margin: -15px -15px 15px;
    border-width: 0 0 1px;
    border-radius: 0;
}

/* Make the examples and snippets not full-width */
@media (min-width: 768px) {
    .bs-example {
        margin-right: 0;
        margin-left: 0;
        background-color: #fff;
        border-color: #ddd;
        border-width: 1px;
        border-radius: 4px 4px 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .bs-example + .highlight,
    .bs-example + .zero-clipboard + .highlight {
        margin-top: -16px;
        margin-right: 0;
        margin-left: 0;
        border-width: 1px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .bs-example-standalone {
        border-radius: 4px;
    }
}

/* Undo width of container */
.bs-example .container {
    width: auto;
}

/* Tweak content of examples for optimum awesome */
.bs-example > p:last-child,
.bs-example > ul:last-child,
.bs-example > ol:last-child,
.bs-example > blockquote:last-child,
.bs-example > .form-control:last-child,
.bs-example > .table:last-child,
.bs-example > .navbar:last-child,
.bs-example > .jumbotron:last-child,
.bs-example > .alert:last-child,
.bs-example > .panel:last-child,
.bs-example > .list-group:last-child,
.bs-example > .well:last-child,
.bs-example > .progress:last-child,
.bs-example > .table-responsive:last-child > .table {
    margin-bottom: 0;
}
.bs-example > p > .close {
    float: none;
}

/* Typography */
.bs-example-type .table .type-info {
    color: #767676;
    vertical-align: middle;
}
.bs-example-type .table td {
    padding: 15px 0;
    border-color: #eee;
}
.bs-example-type .table tr:first-child td {
    border-top: 0;
}
.bs-example-type h1,
.bs-example-type h2,
.bs-example-type h3,
.bs-example-type h4,
.bs-example-type h5,
.bs-example-type h6 {
    margin: 0;
}

/* Contextual background colors */
.bs-example-bg-classes p {
    padding: 15px;
}

/* Images */
.bs-example > .img-circle,
.bs-example > .img-rounded,
.bs-example > .img-thumbnail {
    margin: 5px;
}

/* Tables */
.bs-example > .table-responsive > .table {
    background-color: #fff;
}

/* Buttons */
.bs-example > .btn,
.bs-example > .btn-group {
    margin-top: 5px;
    margin-bottom: 5px;
}
.bs-example > .btn-toolbar + .btn-toolbar {
    margin-top: 10px;
}

.blog-post-title a, .black_link {
    color: var(--font-color-base);
}
.blog-post-title a:hover, .black_link:hover {
    text-decoration: none;
    color: var(--font-color-hover);
}
pre.withoutBorder {
    background-color: inherit;
    border: none;
}

/* Content style */
.p-header {
    font-weight: bold;
    color: blue;
}

pre {
    tab-size: 3;
}

/* COOKIE banner */
.personalDataConfirmWrapper {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    border-top: 1px solid #eee;
    z-index: 99;
    color: #fff;
    text-align: center;
}

.personalDataConfirmWrapper.opened {
    display: block;
}

.personalDataConfirmWrapper .personalDataConfirm {
    margin: 0 auto;
    padding: 10px;
    max-width: 1260px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.personalDataConfirmWrapper .personalDataConfirm .text {
    padding-right: 40px;
    display: inline-block;
}

.personalDataConfirmWrapper .personalDataConfirm .button {
    display: inline-block;
    padding: 9px 20px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    min-height: 40px;
}

.donate-block {
    text-align: center;
    margin-bottom: 8px;
}

.right-block-new-title {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 16px auto 8px auto;
}
.right-block-new-popular {
    margin: 16px auto 8px auto;
}

@media screen and (max-width: 480px) {
    .personalDataConfirmWrapper .personalDataConfirm .text {
        padding-right: 0;
        padding-bottom: 5px;
    }
}
/* end region */

.right-block-adv.fixed {
    position: fixed;
}
.right-block-adv.absolute {
    position: absolute;
}

figcaption {
    margin-top: 8px;
    margin-bottom: 10px;
    font-style: italic;
    color: var(--font-color-muted);
}

.tile-list-items {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 0px;
    gap: 24px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin-top: 8px;
}
.tile-list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    background: var(--tile-background-color);
    box-shadow: 0px 8px 20px rgba(var(--tile-shadow-color), var(--tile-shadow-opacity));
    border-radius: 8px;
    flex-basis: 31%;
}
.tile-list-item img{
    max-height: 150px
}
.tile-list-item .tile-title {
    margin: 12px 0 4px 0;
    text-align: center;
}
.tile-list-item p {
    word-break: break-word;
}
@media screen and (max-width: 991px) {
   .tile-list-item {
        flex-basis: 47%;
    }
}
@media screen and (max-width: 480px) {
    .tile-list-items {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .home-page-article-block .tile-list-items {
        padding: 0 8px;
    }
}

/* footer soc ico */
.footer .btn-soc {
    line-height: 1;
    padding: 2px 2px 0px 2px;
}
.footer .btn-soc:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.footer .btn-soc:hover svg path{
    fill: #fff;
}
.footer .btn-soc.btn-soc-vk svg {
    width: 24px;
    height: 24px;
}
.footer .btn-soc.btn-soc-vk:hover svg path:last-child{
    fill: #0077FF;
}
/* end region */

/* tool view */
.tool-botom-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
	margin-top: 12px;
}
.tool-bottom-share {
    display: flex;
    gap: 8px;
    align-items: center;
}
/* end region */

pre.wrap-word {
    color: var(--font-color-base);
    white-space: pre-wrap;
}

/* new year hat */
.site-title-top {
    position: relative;
}
/*.site-title-top::after {
    content: '';
    position: absolute;
    top: 6px;
    left: 25px;
    width: 20px;
    height: 15px;
    z-index: 1;
    background-image: url(../img/redhat.svg);
    background-repeat: no-repeat;
}
@media screen and (max-width: 480px) {
    .site-title-top::after {
        top: 7px;
        left: 26px;
    }
}*/
/* end region */

/* banner after content || admitad banner */
.banner-after-content {
	text-align: center;
}
.banner-after-content img{
	max-width: 100%;
}
.banner-after-content-mob {
	display: none;
}
@media screen and (max-width: 480px) {
	.banner-after-content-mob {
		display: inline-block;
	}
	.banner-after-content-pc {
		display: none;
	}
}
/* end region */

.article-content p, .article-content li, .article-content td {
    font-size: var(--font-size-base);
    line-height: 24px;
}