@charset "UTF-8";
html { height: 99%;}
body {
    min-height: 100%;
    overflow-x: hidden;
}

html.large {font-size:18px;}
html.xlarge {font-size:19.5px;}
html.xxlarge {font-size:22px;}

body.april1 .mid_top .nav{
    transition: transform 1s ease-in-out;
}

body.april1 .mid_top .nav:hover {
    transform: rotate(180deg);
}

div.may9 {
    background:url(/images/events/9may100px.png) ;
    background-size:  cover;
	top:55px;
    right:5px;
    width:100px;
    height:100px;
    display:block;
    position:absolute;
}




.fa-star {color:gold;}

.leech:before{
    letter-spacing: -1px;
    content: '(+)';
    font: bold 1em monospace;
    vertical-align: text-bottom;
}

.leech.on:before {
	content:'(−)';
}

.n {
    font-weight:bold;
    text-decoration:none;
    white-space:nowrap;
}

a.n{
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
}

.rubber {
    flex-grow:1;
    overflow:visible;
}

main {
   display:flex;
    flex-flow:row;
    justify-content:space-between;
    align-items:flex-start;
    overflow: hidden;
    min-height: 60vh;
}

main, section {
    min-height: 60vh;
}

main, section, #topics {
    background-color:white;
    width:100%;
}

main.ups {
    padding: 1em;
    background:#ffd;
    font-size:1.1em;
    margin-bottom:1em
}

#topics .msg-box {
    margin: 0 .35em 1em 0.35em;
    padding: .35em .7em;
    border-left:dotted 2px #00f;
    display: block;
    background-color:white;
    opacity:.98;
}

#topics h1 {
    display:inline;
}

#topics .oldscool .msg-box {
    white-space: pre-line;
}

#topics .root/* ,
#topics > li */{
    padding:0.4em 0.2em 0.2em 1em;
    clear:left;
    border-bottom:solid 1px #f3f3ff;
    padding-top:.3em;
    padding-bottom:.7em;
}

#topics .root.nw {background:linear-gradient(to right,#00AC82 100%, transparent) repeat-y;}
#topics .root.arc {background:linear-gradient(to right,#c0c 100%, transparent) repeat-y;}
#topics .root.nw.arc {background:linear-gradient(to bottom,#c0c 50%, #00AC82 50%) repeat-y;}

#topics .root.nw,
#topics .root.arc,
#topics .root.nw.arc {
    background-size:7px 14px;
}

#topics .root:nth-child(odd),
#topics .root.arc.nw:nth-child(odd) {background-color:#f9f9ff;}

#topics.holiday .root {
    padding-left:4%;
    clear:left;
}

#topics.holiday img.holiday {
    float: left;
    margin: 0 10px 0 -3.3%;
    max-height: 64px;
    max-width: 64px;
}


#topics .topic ul.childs {
    padding:0 0 0 2.5%;
}

#topics .topic {
    list-style-type: none;
    overflow: hidden;
}

#topics .topic a[href] p{
    display:inline;
}

#topics .topic a[href] u {
  text-underline-offset: 3px;
  text-decoration-style: wavy;
}

#topics img.flag,
.data a.ip img {
    vertical-align:middle;
    margin:0 3px 0 1px;
    opacity:0.9;
}

#topics .topic a.leech {
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
    color:inherit;
}

#topics .date {white-space:nowrap}

#topics span.maxlen:before {
    content:'˙˙˙';
    border:solid 1px #aaa;
    background:#ccc;
    border-radius:.3em;
    padding:.1em .15em;
    color:#000;
    margin-left:.2em;
    display:inline-block;
    height:.55em;
    vertical-align:text-bottom;
}

#topics span.small {
    padding:0 7px;
    font:normal 0.65em tahoma,arial;
}

#topics span.small > *,
#topics strong {
    white-space:nowrap;
}

#topics span.small a {
    font-weight:bold;
}

#topics strong {
    text-decoration:none;
    white-space:nowrap;
}


#topics .expand,
#topics .collapse {cursor:pointer}

#topics .expand:before,
#topics .collapse:before,
#topics .empty:before {
    margin:0 0.3em 0 0;
    vertical-align:bottom;
}

#topics strong.z,
.msg-box strong.z {
    color:#c0a;
    cursor: pointer;
}

#topics strong.z.old,
    .msg-box strong.z.old {
    color: #c0a;
}


#topics .avatar {
	display:none;
}

/***** labels *******/
#topics span.moved{
	opacity:.4;
	margin-right: .3em;
}

#topics strong.a {
    background-color: gold;
}

strong.banned,
#topics strong.banned {
    background: #99c;
    color: white;
    font-size: .9em;
}


.label,
.banned,
a.nw,
a.get {
    padding:0 .3em 0;
	text-decoration:none;
	border-radius:0.35em;
	display:inline-block;
}

.cbar a.nw,
.cbar a.label,
.cbar a.tag,
main a.tag
{
    text-decoration:none;
    box-shadow: 0 0 0 1px #fff;
}

.cbar a.tag.first {
    margin-left:auto;
}

/* .cbar, */
.cbar a.nw,
.cbar a.label,
.cbar a.tag,
main a.tag,
a.nw,
a.get,
strong.moved,
strong.moved-target {
    font-size:0.7rem;
    font-family:tahoma,verdana,arial;
    font-style:italic;
    font-weight:normal;
    letter-spacing:0.1em;
}

.pager a.nw,
a.nw,
a.get {
    background: #00AC82;
    cursor: pointer;
    color: #FFF;
    margin-left: .15em;
}

a.nw.next {
    background:#008092;
}

strong.moved,
strong.moved-target {
    background:MediumOrchid;
    color:#FFF;
}

#topics strong.moved:before{
    content:'ТАМ --->';
    text-transform: uppercase;
    color:#FFF;
}

strong.moved-target:before{
    content:'/moved: ';
}


/***** tree view right-column *****/
.col-right {
    width:210px;
    padding: 0 0 10px;
    font:normal x-small tahoma,verdana,arial;
    clear: both;
    float: right;
	background:#efefe0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    overflow-x: hidden; /* Hide horizontal scrollbar */
    overflow-y: auto; /* Add vertical scrollbar */;
    flex-grow: 0;
    flex-shrink: 0;
    align-self:stretch;
    transform:none;
}

.col-right:after{
    content		: " ";
	visibility	: hidden;
	display		: block;
	height		: 0;
	clear		: both;
}

.col-right a.tag.checked,
.cbar a.tag {
    background: #05f;
    color:#fff;
}

.col-right a.tag {
    margin: 0 .3em .3em 0;
    padding: 0 .4em .1em;
    background: #bbb;
    color: #fff;
    font-size: 1.25em;
    width: min-content;
    white-space: nowrap;
}

.col-right .birthday,
.col-right .caption {
    display:block;
    font-size:1.1em;
    padding:5px 10px 0;
    text-align:center;
}

.col-right .birthday span:before {
	content: '\f071';
    margin:0.25em 0.4em 0 0;
    font: normal normal normal 14px/1 FontAwesome;
 	color:orange;
    text-shadow:0px 1px 2px #000;
}

.col-right dl {
    padding: 10px 10px 0;
    text-align:left;
    width:100%;
}


.col-right.linked dl[title]:before{
    content:'• ';
    color:#00f;
}

.col-right img {
    width:99.9%;
    margin:0.3em auto;
}

.col-right dl span{
    float:right;
    color:#080;
    font-style:italic;
}

.col-right .hronos {
    margin-bottom: .5em;
    font-size: 1.2em;
    font-style: italic;
    border-bottom: dotted .2em #fff;
}

.col-right .hronos a {
    display:block;
    text-decoration:none;
    width: 85%;
    margin: 0 auto .2em;
}

.col-right .hronos dd{display:none;}
.col-right .hronos dt{text-align:center;}

.col-right .eenews {
    display: block;
    height: 40px;
    margin: 0 15px;
    background: url(https://eenews.ru/images/logo.png) no-repeat center;
    background-color: white;
    background-size: 85%;
    text-decoration: none;
}

.linked .caption{
    font-weight:bold;
    overflow:visible;
    text-align:center;
}



/***** onboard *****/
.onboard {
    padding: 0 0 0 60px;
    font-size: 92%;
    background:transparent;
    clear: left;
}

.onboard a[href] {
    padding-left:18px;
    background-repeat:no-repeat;
    background-position:0 75%;
    background-size:auto 16px;
    white-space:nowrap;
    display:inline-block;
    margin-right:.33em;
}

.onboard .get {
    background: #779;
    color:#fff;
}

.onboard .moder {
    text-decoration-style: wavy;
}

/***** scroll-to-top *****/

a.scroll-to-top,
.footer-bar {
    position: fixed;
    z-index: 1040;
    display:inline-block;
    bottom: 10px;
}

a.scroll-to-top {
    right:10px;
    font-size: 40px;
    opacity:0.5;
    display:none;
    line-height: 0.9em;
    text-decoration:none;
    color:#0aa;
}
a.scroll-to-top:before {
    margin:0;
}

/***** footer-bar *****/

.footer-bar {
    left:14px;
    opacity:0.85;
    font-size:24px;
    background:#fff;
    border-radius:1em;
    padding:.1em .1em 0;
    box-shadow:0px 1px 3px #666;
}

.footer-bar .arrow-up,
.footer-bar .arrow-down {
    color:#363;
    line-height:1.6em;
    text-decoration:none;
}

@media screen and (max-width:1000px) and (orientation: portrait){
     div.col-right { display:none; }
}

@media screen and (max-width:700px){
    img.holiday,
    div.holiday,
    div.col-right,
    #topics .avatar {
        display:none;
    }
}