body {
    background-image: url('https://i.imgur.com/jacPGqR.gif');
    background-size: cover; /* Изображение покроет весь экран */
    background-repeat: no-repeat; /* Изображение не будет повторяться */
    background-attachment: fixed; /* Фон будет зафиксирован на месте при прокрутке */
}

:root {
	--icon-color:invert(17%)sepia(89%)saturate(7057%)hue-rotate(2deg)brightness(93%)contrast(120%);
	--alt-label-color:#001010;
	--alt-font-color:#00CCCC;
	--background-top:#000505;
	--background-rest:#000505;
	--navbar-color:#001010;
	--post-color:#001010;
	--post-outline-color:#B7C5D9;
	--label-color:#001010;
	--box-border-color:#00AAAA;
	--darken:#00000010;
	--highlighted-post-color:#003030;
	--highlighted-post-outline-color:#FF0000;
	--board-title:#af0a0f;
	--hr:lightgray;
	--font-color:#00CCCC;
	--name-color:#FF0000;
	--capcode-color:#f00;
	--subject-color:#FF0000;
	--link-color:#FF0000;
	--post-link-color:#FF0000;
	--link-hover:#d00;
	--input-borders:#00AAAA;
	--input-color:#00CCCC;
	--input-background:#000505;
	--dice-color:darkorange;
	--title-color:#d70000;
	--greentext-color:#FF0000;
	--pinktext-color:#E0727F;
}
#livetext,
#threadstats,
#float	.post-container,
.catalog-tile,
.live,
.modal,
.pages,
.post-container,
.stickynav,
.toggle-summary,
input[type=file],
input[type=number],
input[type=password],
input[type=submit],
input[type=text],
select,
textarea,
.label,
.postform-style,
.close,
table,
.board-banner,
#postform {
	border:	1px	dotted;
}
hr {
	border-top:	1px	dotted;
}
.navbar {
	border-bottom:	1px	dotted;
}
a .post-name:hover,
a:hover {
	background:var(--link-hover)!important;
	color:black!important;
}
.anchor:target + .post-container .post-info, .post-container.highlighted .post-info {
	border-bottom: none;
}
@media only screen and (max-width: 600px) {

	.post-info{
		background: none;
		border-bottom: none;
	}

}



:root {

    --menu-background-color:rgb(0, 0, 0);
    --menu-color:#ff0000;
    --menu-item-color:#800000;
    --menu-item-background-color:#ff0000;

    --sage-color:red;
    --sage-shadow-color:rgba(255, 0, 0, 0.12);    
    --name-color:red;
    --trip-color:red;
    
    
    --post-items-margin:10px;

}



.s42
{
    box-shadow: inset 0px 0px 20px 1px rgb(12, 0, 0);
}


html{
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}

.capcode-Admin{
    color: red!important;
}.capcode-GlobalMod{
    color: blue!important;
}.capcode-Mod{
    color: blue!important;
}.capcode-Owner{
    color: blue!important;
}.capcode-Volunteer{
    color: blue!important;
}

h1{font-size:30px;letter-spacing:1px}
h1,h2{color:#be0000}
h2{text-shadow:#be0000 1px 1px 0}

.win{
    background: #222222;
    border: 2px solid var(--border-color);
}.win-head{ 
    background: #5d5d5d;
}.win-body textarea{
    background: #080808;
}

code {
    font-family: monospace;
}
.code {
    padding: 2px;
    border: 1px solid #b30000;
}

.omit-link{
    font-weight: bold;
}

#media-thumbnail {display:none;border: 1px dotted gray;padding: 5px;background: #ccc;}



.public_ban{color: #d11111;}


.post-hide {
    display: block!important;
    background-color: #000!important;
    box-shadow: 1px -1px 17px 3px rgb(255, 125, 0)!important;
}


/*  audio */
.post-file.audioplayer .audio-url {
    /* background-color: rgba(231, 238, 246, 0.75);*/
 }
 
 .default-cover{
     background-image: url('/static/img/music_grey.png');
     background-size: contain!important;
     background-repeat: no-repeat;
 }
 /* audio end */







/* Tables */
table {
	margin: auto;
}
.rtable {
    margin: inherit !important;
    box-shadow: inset 0px 0px 2px 1px rgb(86, 83, 86)
}
.roll-img
{
    background-image: url('/static/img/roll_dark.png');    
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}
table.board-list-table {
	width: 100%;
}
table tbody td {
	margin: 0;
	padding: 4px 15px 4px 4px;
	text-align: left;
}
table thead th {
	border: 1px solid #000333;
	padding: 4px 15px 5px 5px;
	
	background: #98E;
	color: #000333;
	text-align: left;
	white-space: nowrap;
}
table tbody tr:nth-of-type( even ) {
	background-color: #D6DAF0;
}

td.minimal,th.minimal {
  width: 1%;
  white-space: nowrap;
}

table.mod.config-editor {
  font-size: 9pt;
  width: 100%;
}

table.mod.config-editor td {
  text-align: left;
  padding: 5px;
  border-bottom: 1px solid #98e;
}

table.mod.config-editor input[type="text"] {
  width: 98%;
}

.longtable p {
	margin: 0;
}

/* Uncategorized */
#post-form-outer {
  text-align: center;
}

#post-form-inner {
  display: inline-block;
}

.post-table, .post-table-options {
  width: 100%;
}

.post-table textarea {
  width: 100%;
  min-width: 100%;
  max-width: 500px;
  min-height: 5em;
  box-sizing: border-box;
}

#post-form-inner .post-table tr {
	background-color: transparent;
}

.post-table th, .post-table-options th {
  width: 85px;
}

.required-field-cell {
  vertical-align: top;
}

.show-options-cell {
  text-align: right;
}

.hidden {
  display:none;
}




form table {
  margin: auto;
}

form table input {
  height: auto;
}

input[type="text"],input[type="password"],textarea {
/*border: 1px solid #a9a9a9;*/
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  word-spacing: normal;
  font-size: inherit;
  font-family: sans-serif;
}

input[type="text"],input[type="text"],textarea {
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  word-spacing: normal;
  font-size: inherit;
  font-family: sans-serif;
}

form table tr td {
  text-align: left;
  margin: 0;
  padding: 0;
}

form table.mod tr td {
  padding: 2px;
}

form table tr th {
  text-align: left;
  padding: 4px;
}

form table tr th {
  background: #98E;
}

form table tr td div.center {
  text-align: center;
  float: left;
  padding: 3px;
  padding-top: 0px;
  border: 1px dashed black;
  margin: 2px
}



.footer-text{
    color: #b16135;
}
.footer-text a{
    color: #712800;
}


.poll-group
{
    margin-bottom: 3px;
}

.poll {
    margin: inherit !important;
    box-shadow: inset 0px 0px 2px 1px #880000;
    padding: 10px;
}

.pollbar {
    height: 10px;
    background: #880000;
}

.poll-control{
    margin-right: 5px;
    cursor: pointer;
}


.t-stat
{
    cursor: pointer;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 10px;
    line-height: 10px;
    color: #000000;
    overflow: hidden;
    float: right;
    background-color: #880000;
    padding:5px;
    margin-left: 2px;
}
.t-icon
{
    margin-left: 2px;
    
}
.t-num
{
    margin-left: 2px;    
    font-style: normal;
}









.update-text {
    margin-left:12px;
    font-size: 16px; 
    color: #ca0000;
    cursor: pointer;
}

.grecaptcha-badge {
    display: none;
}

#alert_message {
    text-align: center;
    margin: 13px;
    font-size: 110%;
    word-wrap: break-word;
}

.alert_button {
    margin-bottom: 13px;
}




#fullscreen-container {
    position: fixed;
    margin: 0 !important;
    z-index: 9999;
    background-color: #ccc;
    border: 1px solid red !important;
    box-sizing: content-box;
}


.webm-file {	
    border: 1px dashed #ff0000;
}

 



/* File selector */
.dropzone {
    color: #000;
    cursor: default;
    margin: 10px;
    padding: 0px 4px;
    text-align: center;
    /*min-height: 50px;*/
    /*max-height: 140px;*/
    transition: 0.2s;
    background-color: #333036;
    overflow-y: auto;
  }
  .dropzone-wrap {
    width: 100%;
  }
  .dropzone .file-hint {
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    position: relative;
    margin-bottom: 5px;
    padding: 10px 0px;
    top: 5px;
    transition: 0.2s;
    border: 2px dashed rgba(125, 125, 125, 0.4);
  }
  .file-hint:hover, .dropzone.dragover .file-hint {
    color: rgba(0, 0, 0, 1);
    border-color: rgba(125, 125, 125, 0.8);
  }
  .dropzone.dragover {
    background-color: rgba(200, 200, 200, 1);
  }
  .dropzone .file-thumbs {
    text-align: left;
    width: 100%;
  }
  .dropzone .tmb-container {
    padding: 3px;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .dropzone .file-tmb {
    height: 40px;
    width: 70px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    background-color: rgba(187, 187, 187, 0.5);
    background-size: cover;
    background-position: center;
  }
  .dropzone .file-tmb span {
    font-weight: 600;
    position: relative;
    top: 13px;
  }
  .dropzone .tmb-filename {
    display: inline-block;
    vertical-align: bottom;
    bottom: 12px;
    position: relative;
    margin-left: 5px;
  }
  .dropzone .remove-btn {
    cursor: pointer;
    color: rgba(125, 125, 125, 0.5);
    display: inline-block;
    vertical-align: bottom;
    bottom: 10px;
    position: relative;
    margin-right: 5px;
    font-size: 20px
  }
  .dropzone .remove-btn:hover {
    color: rgba(125, 125, 125, 1);
  }

  











































  












article,aside,footer,header,nav,section{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
figcaption,figure,main{
    display:block
}
figure{
    margin:1em 40px
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit;
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
audio,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
img{
    border-style:none;
    box-shadow: 2px -2px 20px 1px rgba(0, 0, 0, 0.53);
}
svg:not(:root){
    overflow:hidden
}
button,input,optgroup,select,textarea{
    font-family:sans-serif;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    display:inline-block;
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details,menu{
    display:block
}
summary{
    display:list-item
}
canvas{
    display:inline-block
}
[hidden],template{
    display:none
}













	
	
	
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}
.vmsg-backdrop{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(0,0,0,.7);
    -webkit-box-align:center;
    align-items:center
}
.vmsg-backdrop,.vmsg-popup{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center
}
.vmsg-popup{
    box-sizing:border-box;
    width:250px;
    padding:10px;
    border-radius:4px;
    background:#e4e1e5;
    box-shadow:1px 1px 4px 0 rgba(59,26,84,.6);
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    font-family:Helvetica,sans-serif;
    font-size:14px;
    line-height:1.4;
    color:#0a0a0a
}
.vmsg-progress{
    width:40%;
    margin:0 auto;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between
}
.vmsg-progress-dot{
    width:15px;
    height:15px;
    border-radius:50%;
    -webkit-animation:vmsg-progress 1s linear infinite;
    animation:vmsg-progress 1s linear infinite
}
.vmsg-progress-dot:nth-child(2){
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s
}
.vmsg-progress-dot:nth-child(3){
    -webkit-animation-delay:-.6s;
    animation-delay:-.6s
}
@-webkit-keyframes vmsg-progress{
    0%,60%,to{
        background:none
    }
    30%{
        background:#9e85ad
    }
}
@keyframes vmsg-progress{
    0%,60%,to{
        background:none
    }
    30%{
        background:#9e85ad
    }
}
.vmsg-error{
    font-weight:700;
    text-align:center
}
.vmsg-record-row{
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between
}
.vmsg-button{
    min-width:40px;
    line-height:30px;
    padding:0;
    background:transparent;
    border:1px solid #ccc;
    font-family:Helvetica,sans-serif;
    cursor:pointer;
    outline:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.vmsg-button:disabled{
    cursor:default;
    color:#999
}
.vmsg-button:not(:disabled):hover{
    border-color:#9e85ad
}
.vmsg-button::-moz-focus-inner{
    border:0
}
.vmsg-record-button{
    font-size:30px;
    color:red
}
.vmsg-stop-button{
    font-size:25px;
    color:#000
}
.vmsg-save-button{
    font-size:25px;
    color:#090
}
.vmsg-timer{
    line-height:32px;
    font-weight:700;
    color:#333;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.vmsg-slider-wrapper{
    position:relative;
    margin-top:3px
}
.vmsg-slider-wrapper:after{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    line-height:14px;
    text-align:center;
    color:#999;
    pointer-events:none
}
.vmsg-pitch-slider-wrapper:after{
    content:"pitch"
}
.vmsg-gain-slider-wrapper:after{
    content:"gain"
}
.vmsg-slider{
    display:block;
    width:100%;
    height:16px;
    margin:0;
    padding:0;
    outline:none;
    background:none;
    -webkit-appearance:none
}
.vmsg-slider::-moz-focus-outer{
    border:0
}
.vmsg-slider::-webkit-slider-runnable-track{
    box-sizing:border-box;
    height:16px;
    background:none;
    border:1px solid #ccc
}
.vmsg-slider::-moz-range-track{
    box-sizing:border-box;
    height:16px;
    background:none;
    border:1px solid #ccc
}
.vmsg-slider::-ms-track{
    box-sizing:border-box;
    height:16px;
    background:none;
    border:1px solid #ccc
}
.vmsg-slider::-webkit-slider-thumb{
    width:39px;
    height:14px;
    background:#ccc;
    cursor:pointer;
    -webkit-appearance:none
}
.vmsg-slider::-moz-range-thumb{
    width:40px;
    height:14px;
    background:#ccc;
    border:none;
    border-radius:0;
    cursor:pointer
}
.vmsg-slider::-ms-thumb{
    width:39px;
    height:14px;
    background:#ccc;
    cursor:pointer
}
.vmsg-slider::-webkit-slider-thumb:hover{
    background:#999
}
.vmsg-slider::-moz-range-thumb:hover{
    background:#999
}
.vmsg-slider::-ms-thumb:hover{
    background:#999
}
.vmsg-slider::-ms-tooltip{
    display:none
}
html{
    overflow-y:scroll
}
::-webkit-scrollbar{
    width:8px;
    height:3px
}
::-webkit-scrollbar-thumb{
    background-color:#ca0000
}
body{
    background-color:#210000
}
body,textarea{
    font-family:Helvetica,sans-serif;
    font-size:14px;
    line-height:1.4
}
body,input,textarea{
    color:#ff0000
}
a{
    color:#ad0000;
    border:none;
    text-decoration:none!important
}
a:hover{
    color:#ad0000
}
.post-link{
    color:#ad0000;
    padding-right: 4px;
}
table{
    border-collapse:collapse
}
table td{
    padding:0
}
h1,h2{
    text-align:center
}
h3{
    display:inline;
    font-size:inherit;
    margin:0;
    color:#2f4d0c
}

hr{
    height:0;
    box-sizing:content-box; 
    overflow:visible;

    margin: 20px 0px 20px 8px;
    border: none;
    border-top:1px solid #ff0000;
}

.infoline {
    display:flex;
    width: 100%;
    justify-content:center;
    align-items: center;
    color:red; 
    margin: 12px 0;
}
.infoline:after,
.infoline:before {
      content: "";
      display: block;
      width: 70%;
      height:1px;
      margin: 0 10px; 
      border-bottom: 2px dotted red;
}
.file-info-button {
    cursor: pointer;
    margin: 0px 2px;
    padding: 2px;
}
.divide-rows tr:not(:last-child){
    border-bottom:1px solid #b399d4
}
.divide-rows td{
    padding:.5em
}
.full-width{
    width:100%
}
.close{
    font-weight:700
}
.flex{
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap
}
.spaced>:before{
    content:" "
}
.hide-empty:empty{
    display:none
}
.thread-links{
    padding:.3em;
    font-size:smaller
}
.control{
    display:inline-block;
    font-size:17px;
    padding:0;
    text-align:center;
    background:none;
    border:none;
    color:#f10000;
    cursor:pointer;
    outline:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.control:not(:disabled):hover{
    color:#fd4d4d
}
.control:disabled{
    cursor:default
}
.control:focus{
    outline:none
}
.control-image{ 
    position: absolute;
    font-size: 16px;
    top: 0;
    left: 0; 
    color: var(--control-color);
    cursor:pointer;
    padding: 0px 3px;
    background: #c70000;
    margin: 5px 5px;
    border-radius: 5px;
    z-index: 2;
}
.control-image:not(:disabled):hover{
    color:#b6a3c1;
}
.control-image:disabled{
    cursor:default
}
.control-image:focus{
    outline:none
}
.control_active,.control_active:not(:disabled):hover{
    color:red
}
.button{
    box-sizing:border-box;
    display:inline-block;
    background:transparent;
    color:#a50000;
    border-radius:3px;
    border:1px solid #ff0000;
    padding:4px 10px;
    text-align:center;
    cursor:pointer;
    outline:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.button:not(:disabled):hover{
    color:#d7c4e2;
    border:1px solid #d80000;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.275),0 0 8px rgba(149,92,158,.85)
}
.button:disabled{
    cursor:default
}
.button:focus{
    outline:none
}
.button-active{
    color:#d7c4e2;
    border:1px solid #d80000;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.275),0 0 8px rgba(149,92,158,.85)
}
.main,body,html{
    height:100%
}
.main{
    padding-top:30px
}
.board,.main{
    box-sizing:border-box
}
.board{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    min-height:100%;
    padding:0px 60px 0px 60px;
}
.catalog,.stickers,.threads-container{
    -webkit-box-flex:1;
    flex:1 auto
}
.ban{
    margin-top:2em;
    padding:1em;
    text-align:center
}
.thread{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    -webkit-box-align:start;
    align-items:flex-start
}

.omit{
    margin-top:2px;
    margin-bottom:8px;
    white-space:nowrap;
    color:#8a8a8a
}
.page-title{
    font-size:2em;
    font-weight:700;
    margin:20px 0;
    color:#ff0000
}
.page-news{
    font-size: 15px;
    text-align: center;
    margin: -20px 0 20px 0;
    color:#ff0000
}
.header{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:24px;
    display:-webkit-box;
    display:flex;
    font-size:14px;
    border-bottom:none;
    background: var(--menu-background-color);
    box-shadow:0 0 8px 0 #000;
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:100
}
.header,.header-item{
    box-sizing:border-box
}
.header-item{
    display:inline-block;
    height:100%;
    line-height:24px;
    text-align:center;
    padding:0 15px;
    color: var(--menu-color);
    text-decoration:none;
    outline:none
}
.header-board{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.header-board:hover,.header-icon:hover,.header-logo:hover{
    color: var(--menu-item-color);
    background: var(--menu-item-background-color);
}
.header-badge{
    position: relative;
    color: green;
    font-size: 10px;
    left: 2px;
    top: 2px;
}
.logo{
    display: block;
    width: 32px;
    height: 22px;
    background-size: cover;
}
.header-spacer{
    -webkit-box-flex:1;
    flex:1
}
.header-counter:empty,.header-icon:empty,.header-status:empty{
    display:none
}
.header-icon{
    cursor:pointer;
}



.news{
    width:80%;
    margin:0 auto;
    margin-bottom:30px;
    background-image:linear-gradient(90deg,transparent,#e8e2f3 10%,#e8e2f3 90%,transparent)
}
.news-header{
    font-size:24px;
    padding:5px 0;
    font-weight:700;
    text-align:center;
    color:#716090;
    border-top:2px solid;
    cursor:default
}
.news-header,.news-item{
    -o-border-image:linear-gradient(90deg,transparent,#a295bf 10%,#a295bf 90%,transparent) 1;
    border-image:linear-gradient(90deg,transparent,#a295bf 10%,#a295bf 90%,transparent) 1
}
.news-item{
    font-size:18px;
    border-style:solid;
    border-width:2px 0;
    padding:5px;
    margin-bottom:10px;
    background-image:linear-gradient(90deg,transparent,#ddd4f1 10%,#ddd4f1 90%,transparent)
}
.news-item:after{
    content:"";
    display:table;
    clear:both
}
.news-item:last-child{
    margin-bottom:0
}
.news-item-file{
    float:right;
    text-align:right;
    margin:0
}
.news-item-time{
    display:block;
    font-family:monospace;
    font-size:smaller
}
.news-item-body{
    padding:10px 25px
}
.news-item-title{
    font-size:21px;
    font-weight:700;
    margin-bottom:20px;
    color:#716090
}
.news-item-thumb{
    border:2px dashed #78687b
}
.alerts-container{
    position:fixed;
    top:50px;
    right:20px;
    z-index:600
}

.alert{
    box-sizing:border-box;
    min-width:250px;
    max-width:500px;
    margin-bottom:20px;
    padding:10px;
    border:1px solid #ebccd1;
    border-radius:5px;
    color:#a94442;
    background-color:#f2dede
}
.alert:after{
    content:"";
    display:table;
    clear:both
}
.alert-close-control{
    float:right;
    margin-left:5px;
    margin-top:-3px
}
.alert-title{
    font-weight:700;
    font-size:larger;
    margin-bottom:5px
}
.alert-message{
    word-break:break-word
}



.post_hover{
    position:absolute;
    padding:4px 10px;
    border-radius:3px;
    border:1px solid #a482ab;
    box-shadow:0 0 15px rgba(0,0,0,.26);
    z-index:401
}
.hover{
    z-index:11;
}
.media_hover{
    position:fixed;
    display:block;
    z-index:402;
    pointer-events:none
}
.popup{
    position:fixed;
    z-index:300
}
.popup:hover .popup-controls{
    opacity:.8
}
.popup_embed{
    background:#333036;
    z-index:150
}
.popup-video-overlay{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:50px
}
.popup-video-overlay_full{
    bottom:0
}
.popup-item{
    display:block;
    outline:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.popup-record{
    position:relative;
    width:200px;
    height:200px;
    background:#fff
}
.popup-record-icon{
    position:absolute;
    left:40px;
    top:40px;
    bottom:0;
    font-size:100px;
    color:#86798a
}
.popup-record-item{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    max-width:200px
}
.popup-controls{
    position:absolute;
    padding-right:5px;
    background:#333036;
    opacity:0;
    left:0;
    top:0;
    transition:opacity .2s;
    line-height:18px
}
.popup-control{
    margin-left:7px
}
.popup-close-control{
    font-size:19px
}
.modal-container{
    position:fixed;
    top:30px;
    right:0;
    z-index:500
}
.modal-container .modal{
    display:none
}
.modal{
    text-align:left;
    max-height:90vh;
    max-width:90vw;
    overflow:auto;
    margin:2px 3px .5em;
    padding:10px;
    white-space:nowrap;
    background:#640000;
    color:#e3e3e3;
    border:none;
    border-width:0 0 1px;
    border-radius:0 0 0 9px;
    box-shadow:1px 1px 9px 0 rgb(83, 1, 1)
}
.report{
    text-align:left;
    overflow:auto;
    margin:2px 3px .5em;
    padding:10px;
    white-space:nowrap;
    background:#640000;
    color:#e3e3e3;
    border:none;
    border-width:0 0 1px;
    border-radius:0 0 0 9px;
    box-shadow:1px 1px 9px 0 rgb(83, 1, 1)
}

.modal input[type=number]{
    width:5em
}
.modal input[type=password],.modal input[type=text]{
    width:10em;
    outline:none
}
.modal .control:not(:disabled):hover,.modal a:hover{
    color:#918466
}
.modal.wide-fields input[type=text],.modal.wide-fields textarea,form.wide-fields input[type=text],form.wide-fields textarea{
    width:20em
}
.modal.wide-fields input[type=text].map-field,.modal.wide-fields textarea.map-field,form.wide-fields input[type=text].map-field,form.wide-fields textarea.map-field{
    width:9.3em
}
.tab-butts{
    text-align:center
}
.tab-butts a{
    display:inline-block;
    padding:3px 7px
}
.tab-butts+hr{
    margin:0
}
.tab-cont{
    padding-left:5px
}
.tab-cont>div{
    display:none;
    padding-top:5px;
    width:100%
}
.tab-cont>div label{
    padding-left:.2em
}
.tab-cont>div.tab-sel{
    display:block
}
.tab-link{
    cursor:pointer;
    font-weight:700
}
.tab-link.tab-sel{
    color:#918466
}
.form-response{
    text-align:center;
    font-weight:700
}
.form-selection-link{
    display:block;
    cursor:pointer
}
#options{
    min-width:230px
}
.option-checkbox,.option-label,.option-select{
    cursor:pointer
}
.option-label{
    display:inline-block;
    min-width:65px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.full-width input[type=number],.full-width input[type=password],.full-width input[type=text],.full-width textarea,input[type=number].full-width,input[type=password].full-width,input[type=text].full-width,textarea.full-width{
    width:calc(100% - 1px);
    box-sizing:border-box
}
.shortcut{
    border:none;
    width:2em
}
.errored,.errored *{
    color:red!important
}
.array-add,.array-remove{
    cursor:pointer
}
#text-input{
    color:inherit;
    font-size:inherit;
    border:0;
    padding:0;
    background-color:transparent;
    outline:none;
    width:100%;
    max-height:85vh;
    max-width:100%;
    resize:none;
    overflow:hidden;
    overflow-wrap:break-word;
    word-break:break-word;
    word-wrap:break-word
}
#deleteBoard,#setBanners{
    display:none
}
.page-nav{
    position:fixed;
    top:30px;
    bottom:0;
    left:0;
    width:58px;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
.page-nav-item{
    -webkit-box-flex:1;
    flex:1;
    text-align:center;
    font-size:20px;
    font-weight:700;
    color:#ff0000;
    opacity:0;
    transition:opacity .3s;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.page-nav-item_active{
    opacity:.3
}
.page-nav-item_active:hover{
    color:#86798a;
    opacity:1
}
.page-nav-top{
    padding-top:10px
}.page-nav-middle{
    display: none;
}
.page-nav-bottom{
    padding-bottom:10px;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
.page-nav-bottom i{
    margin-top:auto
}
.board-pagination{
    display:inline-block;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:default
}
.board-pagination-page{
    display:inline-block;
    padding:5px 10px;
    margin-right:5px
}
.board-pagination-page_current{
    color:#fff
}
.board-search{
    font-size:15px;
    float:right
}
.board-search-input{
    box-sizing:border-box;
    height:30px;
    border-radius:15px;
    padding:6px 14px;
    color:#e7e7e7;
    border:1px solid #94809f;
    background:none;
    outline:none
}
.board-search-input:focus{
    border:1px solid #94809f;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(149,92,158,.9)
}
.board-search-input_catalog{
    border-radius:15px 0 0 15px
}
.board-search-sort{
    box-sizing:border-box;
    width:30px;
    height:30px;
    border:1px solid #94809f;
    border-left-color:transparent;
    border-radius:0 15px 15px 0;
    color:transparent;
    background:none;
    cursor:pointer;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    direction:rtl;
    background-image:linear-gradient(45deg,transparent 50%,gray 0),linear-gradient(135deg,gray 50%,transparent 0);
    background-position:7px 12px,12px 12px;
    background-size:5px 5px;
    background-repeat:no-repeat
}
.board-search-sort:focus{
    border:1px solid #94809f;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(149,92,158,.9)
}
.board-search-sort-mode{
    color:#e3e3e3
}

.post-filter>.post-body{
	display:none;
}.post-filter>.post-footer{
	display:none;
}
.post-marker {
    border-left: 2px dashed #f10000 !important;
}
.post-you {
    border-left: 2px solid #f10000 !important;
}

.post_notice{
    box-shadow:1px 1px 12px 4px rgba(0,0,0,.7) !important;
}

.post{
    box-sizing: border-box;
    margin: 0 0 10px;
    padding: 4px 10px;
    min-width: 200px;
    max-width: 1000px;
    border-radius: 4px;
    border: none;
    background: #5f0c0cde;
    box-shadow: 1px 1px 17px 3px rgba(255, 0, 0, 0.84);
    word-wrap: break-word;
    word-break: break-word;
    color: #f00;
}
.post ul{
    word-wrap:normal;
    word-break:normal
}
.post:last-of-type{
    margin-bottom:0
}
.post_file{
    min-width:400px
}
header nav{
    display:initial
}
header code{
    font-family:inherit;
    font-weight:400
}
.post-header {
    width:100%;
    display: flex;
    align-items: center;
}
.post-header-item{
    display:inline-block
}
.post-anchor{
    display:block;
    position:relative;
    top:-36px;
    visibility:hidden
}
.post-board{
    display:inline-block;
    padding:0 4px;
    border-radius:5px;
    background-color:#6e72b8;
    color:#fff!important
}
.post-board:hover{
    background-color:#54578c
}

.thread-toggle{ display: none;}
.post-no{ display: none; }
.post-id-vi{ display: none; }
.post-thread-reply{ display: none; }


.post-id{
    color:#f10000
}
.post-subject{
    font-size: 16px;
    margin: 0 10px;
}
.post-sage{
    margin-right: var(--post-items-margin);
    cursor: pointer;
    float: right;
    width: 3px;
    height: 3px;
    background: var(--sage-color);
    filter: blur(1px);
    border-radius: 3px;
    box-shadow: 0 0 0px 2px var(--sage-shadow-color);
}
.post-name{
    font-size: 11px;
    color: var(--name-color);
}
.post-name-default{
    display: none;
}
.post-trip {
    font-size: 13px;
    color: var(--trip-color);
    margin-left: 1px;
    margin-right:var(--post-items-margin);
}

.post-subject{
    font-weight: bold;
    color:#f10000
}
.post-staff{
    font-weight:700;
    color:#d60000
}
.post-hash{ 
    margin-right: var(--post-items-margin);
    font-size: 13px;
}
.post-time{
    font-size:11px;
    cursor:default;
    color:#ca0000;
    margin-left: auto;
}
.post_op .post-time{
    font-size: 12px!important;
    margin-left: var(--post-items-margin)!important;
}
.post-file-info{
    font-size:smaller;
    font-style:italic;
    color:gray;
    padding-right:5px;
    display: none;
}
.post-file-info-item~.post-file-info-item:before{
    content:", "
}
.post-file-title{
    display:inline-block;
    max-width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:top;
    cursor:pointer
}
.post-body{
    width:100%;
    margin:6px 0
}
.post-body:after{
    content:"";
    display:table;
    clear:both
}
.post-file{
    margin:0
}
.post_files .post-file{
    display:inline-block
}
.post-file-link{
    display:block;
    position:relative;
    float:left;
    margin:0 15px 5px 0;
    outline:none
}
.post-file-badge{
    position:absolute;
    font-size:16px;
    color:#dccee3;
    text-shadow:1px 1px 2px #191719
}
.post-file-video-badge{
    left:2px;
    top:2px
}
.post-file-audio-badge{
    left:18px;
    top:2px
}
.post-file-thumb{
    display:block
}
.post-file_record .post-file-thumb{
    width:100px;
    height:100px;
    text-align:center;
    line-height:100px;
    font-size:50px;
    color:#86798a
}
.post-gif-marker
{
	position: absolute;
	margin: 1px 2px;
    height: 20px;
    width: 34px;
    background-image: url('/static/gif.png');
	z-index: 0;
}
html.work-mode .post-file-link{
    display:none
}
html.work-mode .post-file-info:hover~.post-file-link{
    display:block
}
.post-message{
    margin:0;
    max-height:500px;
    overflow-y:auto
}
.thread_single .post_op .post-message{
    max-height:none
}
.post-footer{
    width:100%;
}
.post-backlinks{
    font-size:smaller;
    display: inline;
}
.post-backlink-pre{
    font-style:italic;
    color:#ca0000
}
.post-backlink:before{
    content:" "
}
.post-controls{
    width:100%;
    display: inline;
}
.post-quote-control{
    float:right;
    margin-left:5px;
}
.post-edit {
    float: left;
    margin-right: 10px;
}
.post-mod-control {
    float: right; 
    margin-right: 8px;
}
.post-control{
    font-size:inherit;
    margin-right:20px
}

.post-message a,.reply-message a{
    color:#ff0000
}
.post-message a:hover,.reply-message a:hover{
    color:#fd2121
}
.post-message del,.reply-message del{
    text-decoration:none;
    background-color:#9e0000
}
.post-message del:not(:hover),.post-message del:not(:hover) .post-embed-icon,.post-message del:not(:hover) a,.reply-message del:not(:hover),.reply-message del:not(:hover) .post-embed-icon,.reply-message del:not(:hover) a{
    color:#9e0000
}
.post-message del:not(:hover) .smile,.reply-message del:not(:hover) .smile{
    visibility:hidden
}
.post-message del:hover,.post-message del:hover a,.reply-message del:hover,.reply-message del:hover a{
    color:#e3e3e3
}

.post-message love,.reply-message love{
	background: transparent;
    color: transparent !important;
    text-shadow: 0 0 5px rgba(193,40,178,0.4);
    padding: 0 1px;
    transition: 1s;
}


.post-message love:not(:hover),.post-message love:not(:hover) .post-embed-icon,.post-message love:not(:hover) a,.reply-message love:not(:hover),.reply-message love:not(:hover) .post-embed-icon,.reply-message love:not(:hover) a{
    color:#c4b8ce
}
.post-message love:not(:hover) .smile,.reply-message love:not(:hover) .smile{
    visibility:hidden
}
.post-message love:hover,.post-message love:hover a,.reply-message love:hover,.reply-message love:hover a{
	background: transparent !important;
    color:  rgb(193,40,178) !important;
    text-shadow: none;
    padding: 0 1px;
    transition: 0.5s
}




.post-message p,.reply-message p{
    margin:0
}
.post-message blockquote,.reply-message blockquote{
    margin:0;
    color:#d87100
}
.quote{
    color:#d87100
}
.post-message blockquote>blockquote,.post-message blockquote>p,.reply-message blockquote>blockquote,.reply-message blockquote>p{
    display:inline
}
.post-message pre,.reply-message pre{
    margin:0;
    background:#fff
}
.post-message ol,.post-message ul,.reply-message ol,.reply-message ul{
    margin:0;
    padding-left:20px
}
.reply-message{
    word-wrap:break-word;
    word-break:break-word
}
html.pos-notstaff, html.pos-notstaff {
    display:none
}
.post-youtube-embed .post-embed-icon,.post-youtubepls-embed .post-embed-icon{
    color:red
}
.post-vlive-embed .post-embed-icon{
    color:#1ecfff
}
.post-command{
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.post-roll-command{
    color:#86798a
}
.post-flip-command_hit{
    color:green
}
.post-flip-command_miss{
    color:red
}
.post_op{
    color:#e7e7e7
}
.post_op:not(.post_hover):not(.post_catalog){
    min-width:1000px
}
.post_op:not(.post_hover){
    margin-bottom:0;
    padding-left:0;
    padding-top:0;
    background:none;
    border:none;
    box-shadow:none
}
.post_op .post-header{
    font-size:larger
}
.post_op .post-body{
    margin:10px 0
}
.post_op .post-quote-control{
    float:none
}
.post_op .post-controls{
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding: 3px 0 3px 8px;
}
.catalog{
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    justify-content:center;
    align-content:flex-start;
    z-index:0
}
.post-catalog-wrapper{
    width:220px;
    height:270px
}
.post_catalog{
    position:absolute;
    box-sizing:content-box;
    width:200px;
    min-height:250px;
    max-height:250px;
    overflow:hidden;
    text-align:center;
    transition:max-height .5s
}
.post_catalog:not(.post_hover){
    margin:0;
    padding:5px;
    border:2px dashed #94809f;
    background:#1a191a
}
.post_catalog:hover{
    max-height:1000px;
    border-style:solid;
    box-shadow:1px 1px 9px 0 rgba(0,0,0,.7)
}
.post_catalog .post-file-link{
    display:inline-block;
    float:none;
    margin:0
}
.post-catalog-counter{
    font-weight:700;
    font-size:12px;
    cursor:default;
    color:#db0000
}
.post-catalog-message{
    margin:5px 0 0
}
.thread_single{
    counter-reset:p
}
.thread_single .post{
    counter-increment:p
}
.thread_single .post_op{
    counter-increment:p 0
}
.tstat{
    float: right;
}
/*
.thread_single .post-id:after{
    content:" (" counter(p) ")";
    color:#8a8272
}*/
.thread_single .post_op .post-id:after{
    display:none
}
.reply-container_board{
    margin:0 auto;
    max-width:100%
}
.reply-container_board .reply-move-control{
    display:none
}
.reply-container_thread .reply{
    margin-top:20px
}
.reply{
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column;
    max-width:95vw;
    box-sizing:border-box;
    padding:5px;
    position:relative;
    border-radius:3px;
    border:none;
    background:#400000;
    box-shadow:0 0 4px 0 rgba(0,0,0,.3),1px 1px 20px 0 rgba(0,0,0,.35);

    resize: both;
    overflow: auto;
    min-width: 300px;
    min-height: 160px;
}
.reply_float{
    margin-top:0!important;
    margin-bottom:0!important;
    background:#400000;
    z-index:200
}
.reply_mod{
    box-shadow:1px 1px 4px 0 red
}
.reply-content,.reply-inner{
    -webkit-box-flex:1;
    flex:1;
    display:-webkit-box;
    display:flex
}
.reply-content{
    overflow:hidden
}
.reply_files .reply-content{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
.reply_files .reply-files{
    margin-bottom:5px
}
.reply-files{
    white-space:nowrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.reply-file{
    display:inline-block;
    position:relative;
    margin-right:5px;
    vertical-align:top
}
.reply-remove-file-control{
    position:absolute;
    top:-3px;
    right:3px
}
.reply-file-thumb{
    display:block;
    min-width:50px;
    max-width:150px;
    max-height:150px
}
.reply-file-thumb_record{
    width:150px;
    height:150px;
    text-align:center;
    line-height:180px
}
.reply-file-thumb-icon{
    font-size:80px;
    color:#86798a
}
.reply-file-info{
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
    font-style:italic;
    font-size:smaller;
    background:#333036;
    color:#fff;
    opacity:.8;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.reply-content-inner{
    -webkit-box-flex:1;
    flex:1;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
.reply-header{
    display:-webkit-box;
    display:flex;
    margin-bottom:5px
}
.reply-board{
    font-size:larger;
    background:none;
    outline:none;
    border:none;
    margin-right:5px;
    cursor:pointer;
    margin-left:-4px
}
.reply-board:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 #000
}
.reply-subject{
    font-size:larger
}
.reply-body,.reply-subject{
    -webkit-box-flex:1;
    flex:1;
    background:none;
    outline:none;
    border:none
}
.reply-body{
    display:block;
    box-sizing:border-box;
    width:100%;
    padding:0;
    overflow:hidden;
    resize:none;
    overflow-y: auto;
}
.reply-controls{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:-webkit-box;
    display:flex
}
.reply-dragger{
    -webkit-box-flex:1;
    flex:1;
    cursor:move
}
.reply-side-controls{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    flex-direction:column
}
.reply-side-control{
    margin-left:5px
}
.reply-pin-control{
    margin-top:-5px
}
.reply-hide-control{
    margin-top:-8px;
    font-size:18px
}
.reply-footer-controls{
    margin-top:5px
}
.reply-footer-control{
    margin-right:10px
}
.reply-attach-control,.reply-record-control{
    font-size:22px;
    line-height:20px
}
.reply-edit-control{
    width:15px;
    margin-right:15px
}
.login-label{
    display: inline-block; 
    width:56px; 
    padding-left:6px
}
.theme-textbox{
    border: 1px solid #86798a;
    padding: 4px;
    border-radius: 3px;    
    background:#ffffff29;
}
.send-button{
    box-sizing:border-box;
    width:100px;
    height:24px;
    line-height:24px;
    padding:0;
    text-align:center;
    border: 1px solid #86798a;
    border-radius:3px;
}
.send-button:not(:disabled):hover{
    color: var(--button-color-hover);
}
.reply-send-button{
    box-sizing:border-box;
    width:104px;
    height:22px;
    line-height:20px;
    padding:0;
    text-align:center;
    border:1px solid #86798a;
    border-radius:3px
}
.reply-send-button:not(:disabled):hover{
    color:#b6a3c1;
    border:1px solid #b6a3c1;
    box-shadow:none
}
.reply-files-input{
    display:none
}
.reply-smile-icon{
    display:inline-block;
    vertical-align:bottom;

    background-repeat:no-repeat;
    background-size:contain;
    width:20px;
    height:20px
}
.control:not(:disabled):hover .reply-smile-icon{

}
.smile-box{
    position:absolute;
    border-radius:3px;
    border:none;
    background:#333036;
    box-shadow:0 0 4px 0 rgba(0,0,0,.3),1px 1px 20px 0 rgba(0,0,0,.35);
    cursor:default
}
.smiles-group{
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap
}
.smiles-separator{
    margin:0 0 5px
}
.smiles-item{
    min-width:40px;
    text-align:center
}
.smiles-item_cur{
    background:#b6a3c1
}
.smiles-icon{
    cursor:pointer
}
.smile-box_full{
    width:335px;
    left:105px;
    bottom:35px;
    padding:5px
}
.smile-box_full .smiles{
    overflow-y:scroll;
    height:200px
}
.smile-box_autocomplete{
    max-width:160px;
    padding:3px
}
.smile-box_autocomplete .smiles{
    display:-webkit-box;
    display:flex;
    position:relative;
    overflow-x:auto
}
.clearfix:after{
    content:"";
    display:table;
    clear:both
}
.hidden{
    display:none
}
.invisible{
    visibility:hidden
}
@media (max-width:1000px){
    .post{
        max-width:100%
    }
    .post_op:not(.post_hover):not(.post_catalog){
        min-width:100%
    }
}
@media (max-width:768px){
    .board{
        padding:0 10px 10px
    }
    .page-nav{
        display:none
    }
}
@media (max-width:480px){
    .header-item{
        padding:0 5px
    }
    .header-logo{
        padding:0 10px
    }
    .header-faq-icon{
        display:none
    }
    .header-counter,.header-icon,.header-status{
        width:40px
    }
    .board-search{
        display:none
    }
    .post_file{
        min-width:100%
    }
}
@media (max-width:360px){
    .post-file-link{
        float:none
    }
}

.smile{
    display:inline-block
}


 


.post-ban-control
{
    display:none
}
.post-delete-control
{
    display:none
}



/*      A L E R T S      */
#alert_close {
    top: 0px;
    right: 0px;
    position: absolute;
    margin-right: 3px;
    font-size: 20px;
    z-index: 100;
}

#alert_div {
    background-color: #232323;
    border: 1px solid black;
    display: inline-block;
    position: relative;
    margin-top: 18px 24px 16px 24px;
    min-width: 300px;
    max-width: 75%;
  }
  
#alert_handler {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 9900;
  }
  
#alert_background {

    opacity: 0.5;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
 



.post-menu {
    position: absolute;
    font-size: 12px;
    line-height: 1.5em;
    box-shadow: 1px 1px 2px 0px rgba(217, 145, 220, 0.5);
}
.post-menu .post-submenu>ul
{
    white-space:nowrap;
	width:auto;
}
.post-menu ul ul
{
    display:none;
    position:absolute;
}
.post-menu :hover>ul
{
    display:block;
    left:100%;
    margin-top:-4px;
}
.post-menu ul {
    background-color: #685286 !important;
    border: 0 !important;
    list-style: none;
    padding: 2px;
    margin: 0;
    white-space: nowrap;
	box-shadow: 0px 3px 14px -5px #000000 !important;
}
.post-menu li {
    cursor: pointer;
    position: relative;
    padding: 4px 4px;
    vertical-align: middle;
    border: 6px;
    border-color: #333;
    color: #d6d7d8;
    background-color: #333333;
} 
.post-menu li:hover
{
    background-color:#252525;
}







/*   CUSTOM CHECKBOX  */
.checkgroup{
	display: block;
    padding: 0 0 30px 0;
    text-align: center;
}

.checktainer {
  padding-right: 20px;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checktainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checktainer_md input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
  

.checkmark {
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ececec;
  box-shadow: inset 0px 0px 2px 1px rgb(177, 0, 0);
}


.checktainer:hover input ~ .checkmark {
  background-color: #e0dee0;
}

.checktainer input:checked ~ .checkmark {
  background-color: #be0000;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checktainer input:checked ~ .checkmark:after {
  display: block;
}

.checktainer .checkmark:after {
  left: 9px;
  top: 4px;
  width: 5px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}











.checktainer_md {
    padding-right: 20px;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
.checktainer_md input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
  
.checkmark_md {
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #ececec;
    box-shadow: inset 0px 0px 2px 1px rgb(177, 0, 0);
}
  
  
.checktainer_md:hover input ~ .checkmark_md {
    background-color: #e0dee0;
}
  
.checktainer_md input:checked ~ .checkmark_md {
    background-color: #b10000;
}
  
.checkmark_md:after {
    content: "";
    position: absolute;
    display: none;
}
  
  .checktainer_md input:checked ~ .checkmark_md:after {
    display: block;
  }
  
  .checktainer_md .checkmark_md:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  









.checktainer_xs {
    padding-right: 12px;
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
.checktainer_xs input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
  
.checkmark_xs {
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #ececec;
    box-shadow: inset 0px 0px 2px 1px rgb(177, 0, 0);
}
  
  
.checktainer_xs:hover input ~ .checkmark_xs {
    background-color: #e0dee0;
}
  
.checktainer_xs input:checked ~ .checkmark_xs {
    background-color: #9c0000;
}
  
.checkmark_xs:after {
    content: "";
    position: absolute;
    display: none;
}
  
  .checktainer_xs input:checked ~ .checkmark_xs:after {
    display: block;
  }
  
  .checktainer_xs .checkmark_xs:after {
    left: 4px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
/*   CUSTOM CHECKBOX END */














.wrap {

    margin: 50px auto;
    width: 480px;
    height: 300px;
    background: white;
    border: 1px solid #000;
    position: relative;
    z-index: 99;
  
  }
  
  .ribbon {
    position: relative;
    width: 150px;
    background-color: rgb(255, 0, 0); /* цвет ленты */
    font: bold 16px Sans-Serif;
    color: #333;    /* цвет шрифта */
    text-align: center;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
    padding: 7px 0;
    top: 25px;
    left: -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
}

.wrap-ribbon {
    width: 106px;
    height: 106px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;

}