/* Joomla 6 output in the rhuk_milkyway frame of Joomla 1.5. */

/* System messages (Joomla 6 renders <joomla-alert> elements). */
#system-message-container { margin: 6px 0; }
joomla-alert, .alert { display: block; margin: 0 0 8px; padding: 8px 12px; border: 1px solid #c3d2e5; background: #f4f8fc; font-size: 12px; }
joomla-alert[type="danger"], .alert-danger, joomla-alert[type="error"] { border-color: #de7a7b; background: #fff0f0; }
joomla-alert[type="warning"], .alert-warning { border-color: #e9c46a; background: #fffbe8; }
joomla-alert[type="success"], .alert-success { border-color: #84c99a; background: #f0fff4; }
joomla-alert .joomla-alert--close, joomla-alert button.joomla-alert--close { float: right; border: 0; background: none; font-size: 16px; cursor: pointer; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.system-unpublished { background: #f6f6f6; }

/* Forms of the components (registration, profile, contact, search). */
.com-users form, .com-contact form, .com-finder form, .contact-form form { max-width: 560px; }
.control-group, .form-group { margin: 0 0 10px; }
.control-label, .form-label { display: block; margin-bottom: 2px; font-weight: bold; }
.form-control, .form-select, input.inputbox, textarea.inputbox { box-sizing: border-box; max-width: 100%; padding: 3px 4px; border: 1px solid #aaa; font: inherit; }
.form-control { width: 100%; }
.btn, button.button, input.button { padding: 3px 12px; border: 1px solid #8aa5c8; background: #e9f0f8; cursor: pointer; font: inherit; }
.btn-primary { border-color: #3366a8; background: #4d7fc0; color: #fff; }
.required, .star { color: #c00; }
fieldset { border: 1px solid #ddd; padding: 8px 12px; margin: 0 0 12px; }
legend { padding: 0 4px; font-weight: bold; }

/* Links of JComments under the intro text ("Подробнее...", "Добавить комментарий"),
   plain links as in 1.5 instead of Bootstrap buttons. */
.comments-readmore, .comments-readmore .row, .comments-readmore .col-md-auto, .comments-readmore .btn-group { display: inline; padding: 0; margin: 0; }
.comments-readmore .btn { padding: 0 0 0 14px; border: 0; background: url(../images/mw_readon.png) no-repeat 0 50%; color: #135cae; font-size: 1em; }
.comments-readmore .btn:hover { text-decoration: underline; }
.comments-readmore .icon-plus, .comments-readmore .icon-chevron-right { display: none; }
.comments-readmore .readmore-link { padding-left: 14px; background: url(../images/mw_readon.png) no-repeat 0 50%; margin-right: 12px; }
.comments-readmore { display: block; margin: 8px 0 4px; }

/* Pagination of 1.5: span.pagination with strong links for other pages. */
span.pagination span, span.pagination a { padding: 0 3px; }

/* Smart Search results. */
.com-finder .result__item { margin: 0 0 12px; list-style: none; }
.com-finder .result__title-text { font-weight: bold; }

/* Print view (tmpl=component). */
body.contentpane { padding: 12px; background: #fff; }
.print-button { text-align: right; }
@media print { .print-button { display: none; } }

/* Error page. */
.error-page { background: #fff; }
.error-box { max-width: 520px; margin: 60px auto; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.error-box h1 { font-size: 48px; color: #135cae; margin: 0 0 12px; }

/* Narrow screens: the 1.5 frame is a fixed table layout; below 900px the
   header blocks and the right column go one under another. */
@media (max-width: 900px) {
	html, body { overflow-x: hidden; }
	/* No element of the fixed 1.5 layout may be wider than the screen. */
	#page_bg * { max-width: 100vw; box-sizing: border-box; }
	#pillmenu ul#mainlevel-nav { display: flex !important; flex-wrap: wrap; width: 100% !important; float: none !important; height: auto !important; }
	#pillmenu ul#mainlevel-nav li { height: auto !important; }
	/* The blue bar of 1.5 is a one-line background picture. */
	#pillmenu ul#mainlevel-nav a { background-color: #0d8fd0; margin: 0 1px 1px 0; }
	#pillmenu ul#mainlevel-nav a#active_menu-nav { background-color: #7cbd2a; }
	#tabarea, #tabarea * { overflow: visible; }
	table.toolbar_row { clear: both; margin-top: 4px; }
	#tabarea::after, #tabmenu::after { content: ""; display: block; clear: both; }
	body.width_fmax div#wrapper { min-width: 0 !important; max-width: none !important; }
	.bannergroup { min-width: 0 !important; }
	.bannergroup img, #top_banners img { max-width: 100%; height: auto; }
	div#tabarea, div#tabarea_l, div#tabarea_r, div#tabmenu, td.pill_m { height: auto !important; padding: 0 !important; }
	td.pill_l, td.pill_r { display: none !important; }
	#search { float: none !important; }
	#search table, #search td { display: inline-block; width: auto !important; }
	td.tb_ticker { overflow: hidden; }
	td.main_content table, td.main_content td { max-width: 100%; }
	#area table.blog, #area table.contentpaneopen, #area table.nopad { width: 100% !important; table-layout: fixed; }
	#area td { white-space: normal !important; overflow-wrap: anywhere; }
	#whitebox_m, #area, #maincolumn_full, #maincolumn { box-sizing: border-box; width: 100% !important; overflow: hidden; }
	.comments-readmore, .jcomments-links { list-style: none; }
	.contentheading, td.contentheading { word-break: break-word; }
	#page_bg { font-size: 15px; }
	div.center, #wrapper, #wrapper_r, #whitebox, #whitebox_m, #area, #maincolumn_full { width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; }
	#wrapper, #wrapper_r, #whitebox_m, #whitebox_t, #whitebox_b, #footer, #footer_l, #footer_r, #tabarea, #tabarea_l, #tabarea_r { background-image: none !important; }
	#header table.head_bg, #header table.head_bg > tbody > tr, #header table.head_bg > tbody > tr > td { display: block; width: auto !important; height: auto !important; }
	#header .head_left_bg, #header .head_right_bg, #header .head_space, #header .head_login { display: none !important; }
	#header .logo_trick img { max-width: 100%; height: auto; }
	#tabmenu, #pillmenu, table.pill, table.pill td { display: block; width: auto !important; float: none !important; }
	#pillmenu ul { display: flex; flex-wrap: wrap; padding: 4px; }
	#pillmenu li { float: none !important; }
	#pillmenu a { display: block; padding: 6px 8px !important; line-height: 20px !important; height: auto !important; }
	table.toolbar_row, table.toolbar_row > tbody > tr, table.toolbar_row > tbody > tr > td { display: block; width: auto !important; text-align: center; }
	table.toolbar_row .tb_clock, table.toolbar_row .tb_icons { display: none !important; }
	table.main_table, table.main_table > tbody > tr, table.main_table > tbody > tr > td { display: block; width: auto !important; }
	table.main_table td.greyline { display: none !important; }
	td.right_column { padding: 0 8px !important; }
	td.main_content { padding: 0 8px !important; }
	table.blog, table.blog > tbody > tr > td > table, table.blog td.article_column { display: block; width: auto !important; }
	.contentpaneopen img { max-width: 100%; height: auto; }
	.contentpaneopen img[style*="float"] { float: none !important; display: block; margin: 6px auto !important; }
	#footer table, #footer tbody, #footer tr, #footer td { display: block; width: auto !important; text-align: center !important; }
	#footer, #footer_l, #footer_r { height: auto !important; }
}