/* CSS Document */
html, body {
	boder:0;
	padding:0;
	margin:0;
	background:#3b3128;
	width:100%;
	height:100%;
	overflow:auto;
	background-image: url(/static/img/pergament/topbg_forum.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#pergament1_test {
	display: inline-block;
	width: 100%; 
	max-width:80%; 
	padding-top: 70px;	
	background-image: url(/static/img/pergament/topbg_forum_img.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.topicstyle1 {
	padding-bottom: 20px;
	padding-top: 10px;
	border-bottom: 1px solid red;
}


.grad1 {
    background: rgb(199, 161, 122);
    background: linear-gradient(to bottom, rgba(230, 198, 159, 0) 0%, rgb(199, 161, 122) 100%);
	border-radius: 5px;
}

.grad2 {
    background: rgb(199, 161, 122);
    /* background: linear-gradient(to right, rgba(230, 198, 159, 0) 0%, rgba(199, 161, 122, 0.33) 100%); */
	background: linear-gradient(to right, rgb(255 140 0 / 0%) 0%, rgb(225 190 148) 100%);   
	border-radius: 5px;
}



.frmn_thread {
    display: flex;
    align-items: center;
    padding: 10px;
	cursor: pointer;
	border-radius: 3px;
}
.frmn_thread:hover {
	background-color: rgba(0,0,0,0.1);
}

.frmn_icon {
	min-width: 80px;
    width: 80px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.frmn_icon img {
    max-width: 65px;
    max-height: 65px;
}

.frmn_title {
    flex-grow: 1;
    padding: 0 10px;
}

.frmn_responses,
.frmn_views,
.frmn_last-message {
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Дополнительный стиль для текста */
.frmn_title h3 {
    margin: 0;
    line-height: 1.2;
    font-size: 13pt;
	margin-bottom: 5px;
}
.nob {
	font-weight: normal;
}
.nob b {
	font-weight: normal;
}

/* Примерно установите размеры для столбцов 3, 4 и 5, при необходимости можно настроить */
.frmn_responses {
    min-width: 60px;
}

.frmn_views {
    min-width: 60px;
}

.frmn_last-message {
    min-width: 100px;
}




.pen {
	pointer-events: none;
}
.stamp_img1 {
	position: absolute;
	top:-74px;
	right:20px;
	width: 181px;
	height: 245px;
	background-image: url(/static/img/pergament/sh1.png);
	pointer-events: none;
}
.stamp_img2 {
	position: absolute;
	top: -105px;
    left: 33px;
	width: 239px;
	height: 79px;
	background-image: url(/static/img/pergament/logox.png);
	cursor: pointer;
}
.hrline1 {
	background-image: url(/static/img/pergament/hr1.png);
	height: 8px;
	border-radius: 16px;
}
.hrline2 {
	background-image: url(/static/img/pergament/hr2.png);
	height: 4px;
	border-radius: 8px;
}
.title_forum1 {
	font-weight: bolder;
	font-size: 20pt;
	display: inline-block;
}
.title_forum1 a {
	color: #000;
}
.fx_ttl1 {
	margin-left: 30px;
}
.hrpd1 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.forum_cnf2 {
	font-size: 13pt;
}
.scrolls1 {
	background-image: url(/static/img/pergament/img3.png);
	width: 100%;
	aspect-ratio: 260 / 165;
	background-repeat:no-repeat;
	background-size: contain;
}
#frmleftblock2 {
	padding-right: 30px;
}

.smile-post {
	display:inline-block;
	padding:2px;
}
.border-shadow {
	background-repeat:no-repeat;
	background-position:center;
}
.border-shadow-fix {
	/*background-size: 60%;*/
}
/* scroll */
.scrollbar-f::-webkit-scrollbar {
    background-color:#3d3d3b;
    width:16px;
}
.scrollbar-f::-webkit-scrollbar-track {
    background-color:#3d3d3b;
}
.scrollbar-f::-webkit-scrollbar-track:hover {
    /*background-color:#f4f4f4;*/
}
.scrollbar-f::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:5px solid #3d3d3b;
    min-height: 20%;
}
.scrollbar-f::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #3d3d3b
}
.scrollbar-f::-webkit-scrollbar-button {
    display:none;
}

.frm_smile_block {
	background-color:#d2ccc6;
	border:1px solid #333;
	padding:5px;
	width:320px;
	height:120px;
	display:block;
	position:absolute;
	left:24px;
	top:-6px;
	overflow-y:scroll;
}
.frm_sml_ic {
	padding:2px;
}
.frm_sml_ic:hover {
	/*background-color:#e0e0e0;*/
}

.frm_btn_smloff {
	background-color:red;
	text-align:center;
}

.frm_msg_clear {
	color:#d77b7b;
	padding:5px;
	border-left:3px solid #efc7ad;
	background-color:#efd8ad;
	margin-bottom:5px;
	margin-top:5px;
}

.topic_ttl12 {
	margin: 0;
	margin-bottom: 15px;
	color:#0f3d89;
	font-weight: bold;
}

div.fixed_topik {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    -ms-border-radius:8px;
    margin-top: 2px;
    margin-bottom: 2px;
	padding: 20px 10px;
	/*border-bottom: 1px solid rgba(137,92,58,0.50);*/
	background: rgb(199, 161, 122);
    background: linear-gradient(to top, rgba(230, 198, 159, 0) 0%, rgba(230, 222, 202 ,1.00) 100%);	
}
div.fixed_topik2 {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    -ms-border-radius:8px;
    margin-top: 2px;
    margin-bottom: 2px;
	padding: 20px 10px;
	/*border-bottom: 1px solid rgba(137,92,58,0.50);*/
	background: rgb(199, 161, 122);
    background: linear-gradient(to top, rgba(230, 198, 159, 0) 0%, rgb(236, 209, 174) 100%);
}
div.fixed_topik_in {
    background-color: #EBDCA0;
    background-image:  url(/static/img/alert-overlay.png);
    background-repeat: repeat-x;
    margin-right: 120px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    -ms-border-radius:8px;
}

.frm_colorsbox {
    width:23px;
    height: 19px;
	margin:2px;
	padding:2px 0 2px 0;
	display:inline-block;
}

.fmm_btn {
	background-color:#cda981;
	padding:2px;
	display:inline-block;
	vertical-align:middle;
	border-radius: 3px;
}

.fmm_box {
	border:1px solid #cda981;
	display:inline-block;
	border-radius: 3px;
	background-color: #cda981;
}

.fmm_box img {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.fmm_btn:hover {
	background-color:#EFD6BA;
}

.forum_main {
	height:100%;
}

.forum_cnf {
	color: #8f0000;
}

.forum_formsearch input {
	height:12px;
	font-size:10pt;
	width:244px;
	margin-right:5px;
}

.forum_msg_title {
	background-color:#ded7bd;
	border:1px solid #302f2a;
	padding:2px;
}

.fui-inp {
	background-color:#ded7bd;
	border:1px solid #302f2a;
	padding:2px;
}

.forum_ftr {
	width:100%;
	text-align:center;
	height:30px;
	/*background-image:url(/static/img/page/all/sitebk_1.jpg);*/
	color:#dfd3a3;
	padding-top:5px;
}

.forum_content1 {
	width:100%;
	/*padding-left:100px;
	padding-right:100px;*/
	/*max-width:1500px;
    min-width: 1000px;*/
}

.bg-usr-fm-info {
    background: rgb(199, 161, 122);
    background: linear-gradient(to left, rgba(230, 198, 159, 0) 0%, rgb(199, 161, 122) 100%);
    padding: 10px 0;
    border-radius: 5px;
	margin-left: 30px;
}





.comb_message {
    display: flex;
    align-items: flex-start;
    padding: 10px;
	position: relative;
}

.comb_avatar {
	min-width: 160px;
	max-width: 160px;
	text-align: center;
	margin-right: 20px;
}

.comb_avatar .comb_username {
	display: inline-block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
}

.comb_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.comb_username {
    font-weight: bold;
}

.comb_text {
    margin-top: 2px;
	margin-bottom: 20px;
}
.ia {
	vertical-align: middle;
	margin-top: -2px;
}

.comb_text_answer {
	position: absolute;
	bottom: 10px;
	margin-top: 10px;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.comb_message:hover .comb_text_answer {
	opacity: 1;
}

.blink1once {
	transition: all 0.3s ease;
}


















#search_line {
	width: calc( 100% - 320px );
}
.fui-inp21 {
	background-color: #f4d2ac;
	border: 1px solid #a68460;
	padding: 5px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.pui-btn21 {
	background-color: #a77d56;
	border: 1px solid #a77d56;
	padding: 5px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.pui-btn21:hover {
	background-color: #B38E6C;
}

.fui-inp22 {
	background-color: #f4d2ac;
	border: 1px solid #a68460;
	padding: 5px;
	border-radius: 3px;
}
.pui-btn22 {
	background-color: #a77d56;
	border: 1px solid #a77d56;
	padding: 5px;
	border-radius: 3px;
}
.pui-btn22:hover {
	background-color: #B38E6C;
}

.i-inf {
	margin-left: 2px;
	margin-bottom: -1px;
}

.forum_menu1 {
	/*height:256px;*/
	background-image:url(/static/img/page/all/1/3.jpg);
	background-repeat:no-repeat;
	background-color:#efe2ad;
}

.forum_menu2 {
	background-color:#efe2ad;
}

.forum_menu3 {
	width:29px;
	background-image:url(/static/img/page/all/1/2.jpg);
}

.forum_menu4 {
	width:29px;
	background-image:url(/static/img/page/all/1/1.jpg);
}

.forum_menu5 {
	width:24px;
	background-image:url(/static/img/page/all/1/4.jpg);
}

.dsc {
	font-weight: normal; color: #606060;
}

.forum_lfta {
	color:#5b3e33;
}


.forum_lfta:hover {
	color:#000000;
	text-decoration:underline;
}

.forum_lfta2 , .forum_lfta2:visited {
	color: #efe2ad;
	font-weight: normal;
}

.forum_lfta2:hover {
	color: #efe2ad;
	font-weight: normal;
	text-decoration:underline;
}

.forum_lfta3 {
	font-size:8pt;
	padding-left:3px;
	padding-right:3px;
	color:#5b3e33;
}

.forum_lfta3chng {
	background-color: #5b3e33;
	color: #efe2ad;
	padding: 1px 5px 2px 5px;
	border-radius:3px;
}

.forum_lfta3:hover {
	background-color:#fff;
	color:#000000;
	text-decoration:underline;
}

.forum_lfta3:visited {
	background-color: #C4AF93;
	color: #5b3e33;
	/*padding: 3px 5px 3px 5px;*/
}

.forum_lfta3chng:visited {
	background-color: #5b3e33;
	color: #DED2A3;
	/*padding: 3px 5px 3px 5px;*/
}

.suitup {}
.suitup-textarea{ width: 500px ;height: 200px; display:none; }
.suitup-controls {
	display: block;
	min-height: 30px;
	border: 1px solid #302f2a;	
	background: #ded7bd;
	background: -moz-linear-gradient(top,  #ded7bd 0%, #beb490 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ded7bd), color-stop(100%,#beb490));
	background: -webkit-linear-gradient(top,  #ded7bd 0%,#beb490 100%);
	background: -o-linear-gradient(top,  #ded7bd 0%,#beb490 100%);
	background: -ms-linear-gradient(top,  #ded7bd 0%,#beb490 100%);
	background: linear-gradient(to bottom,  #ded7bd 0%,#beb490 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ded7bd', endColorstr='#beb490',GradientType=0 );
	border-bottom:0;

}

.suitup-editor {
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #a68460;
	border-top: none;
	overflow: auto;
	background-color: #f4d2ac;
}

.comment_line {
	margin-left: 100px;
}
.minicommentsline {
	margin-left: 90px;
}

.ql-toolbar {
	height: 40px;
	background: rgb(167,125,86);
	background: -webkit-linear-gradient(bottom, rgba(167,125,86,1) 0%, rgba(244,210,172,1) 100%);
	background: -o-linear-gradient(bottom, rgba(167,125,86,1) 0%, rgba(244,210,172,1) 100%);
	background: linear-gradient(to top, rgba(167,125,86,1) 0%, rgba(244,210,172,1) 100%);
}
.ql-container.ql-snow {
	border: 1px solid #a68460;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: #e7c59f;
}
.ql-toolbar.ql-snow {
	border: 1px solid #a68460;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { 
	border-radius: 3px;
	background-color: #fff;
}

.suitup-editor li { margin-left: 30px; }

.suitup-separator {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 30px;
	background: #8e8565;
	margin: 0 3.5px;
}

.suitup-control {
	display: inline-block;
	vertical-align: middle;
}

a.suitup-control, span.suitup-control {
	height: 16px;
	width: 16px;
	margin: 7px;
}

a.suitup-control {
	background: url(suitup-sprite.png) no-repeat;
}

a.suitup-control:hover{ background-color: #aaa286; }

a.suitup-control.active{ background-color: #8e8565; }

select.suitup-control {}

a.suitup-control[data-command="createlink"] {
	background-position: 0 0;
}
a.suitup-control[data-command="justifycenter"] {
	background-position: 0 -16px;
}
a.suitup-control[data-command="justifyfull"] {
	background-position: 0 -32px;
}
a.suitup-control[data-command="justifyright"] {
	background-position: 0 -48px;
}
a.suitup-control[data-command="justifyleft"] {
	background-position: 0 -64px;
}
a.suitup-control[data-command="bold"] {
	background-position: 0 -96px;
}
a.suitup-control[data-command="forecolor"] {
	background-position: 0 -112px;
}
a.suitup-control[data-command="formatblock"][data-value="<h1>"] {
	background-position: 0 -128px;
}
a.suitup-control[data-command="formatblock"][data-value="<h2>"] {
	background-position: 0 -144px;
}
a.suitup-control[data-command="formatblock"][data-value="<h3>"] {
	background-position: 0 -160px;
}
a.suitup-control[data-command="formatblock"][data-value="<h4>"] {
	background-position: 0 -176px;
}
a.suitup-control[data-command="formatblock"][data-value="<h5>"] {
	background-position: 0 -192px;
}
a.suitup-control[data-command="formatblock"][data-value="<h6>"] {
	background-position: 0 -208px;
}
a.suitup-control[data-command="italic"] {
	background-position: 0 -224px;
}
a.suitup-control[data-command="insertorderedlist"] {
	background-position: 0 -240px;
}
a.suitup-control[data-command="insertunorderedlist"] {
	background-position: 0 -256px;
}
a.suitup-control[data-command="strikethrough"] {
	background-position: 0 -272px;
}
a.suitup-control[data-command="subscript"] {
	background-position: 0 -288px;
}
a.suitup-control[data-command="superscript"] {
	background-position: 0 -304px;
}
a.suitup-control[data-command="underline"] {
	background-position: 0 -320px;
}
a.suitup-control[data-command="insertimage"] {
	background-position: 0 -336px;
}
/**/
/**/
/*
	doesn't work in ie
	a.suitup-control[data-command="decreasefontsize"] {
		background-position: 0 -368px;
	}
	a.suitup-control[data-command="increasefontsize"] {
		background-position: 0 -384px;
	}
*/
a.suitup-control[data-command="formatblock"][data-value="<p>"] {
	background-position: 0 -400px;
}
/* 
	doesn't work in ie
	a.suitup-control[data-command="formatBlock"][data-value="<blockquote>"] {
		background-position: 0 -416px;
	}
*/

.forum-image-post {
	display:inline-block;
	max-width:320px;
	max-height:320px;
	border:10px solid #ddcd9a;
	padding:3px;
	margin:3px;	
}

.forum_menu1 , .forum_menu3 {
    height: 256px;
}
.forum_menu5 {
    height:calc( 100vh - 170px);
}
.forum_menu4 {
    /*height:calc( 100vh - 426px);*/
}












[contenteditable]:focus {
	outline: none; /* Убирает обводку */
}