/*  ------------------------------------------------------------------  #
#   Sharetronix "Classic Blue" theme (4.0)                               #
#   The look of the original Sharetronix 1.x/2.x default theme - blue    #
#   top bar, grey tab strip, light-blue panels - rebuilt as a layer on   #
#   top of framework.css. All rules are scoped to body.stx-classic.      #
#   ------------------------------------------------------------------  */

/* --- palette ----------------------------------------------------------- */
.stx-classic {
	--cl-blue:        #0055a4;
	--cl-blue-top:    #1d72c4;
	--cl-blue-dark:   #00447f;
	--cl-link:        #1975e1;
	--cl-link-hover:  #11539e;
	--cl-panel:       #eef6ff;
	--cl-panel-line:  #c6dcf3;
	--cl-panel-dark:  #dcebfa;
	--cl-page-bg:     #e5e5e5;
	--cl-strip-top:   #f6f6f6;
	--cl-strip-bot:   #e2e2e2;
	--cl-line:        #e3e3e3;
	--cl-text:        #222;
	--cl-muted:       #8a8a8a;
	--cl-radius:      6px;
}

/* --- base ------------------------------------------------------------- */
html, body,
html.login-page, .login-page body {background:#e5e5e5;}
body.stx-classic {
	background:#e5e5e5;
	color:var(--cl-text);
	font-family:Verdana, Geneva, "DejaVu Sans", Tahoma, sans-serif;
	font-size:12px;
	line-height:1.4;
}
.stx-classic a {color:var(--cl-link);}
.stx-classic a:hover {color:var(--cl-link-hover);}
.stx-classic h1, .stx-classic h2, .stx-classic h3,
.stx-classic .pagetitle {font-family:Arial, Helvetica, sans-serif;}
.stx-classic .pagetitle {color:var(--cl-blue); font-size:20px;}
.stx-classic input, .stx-classic select, .stx-classic textarea, .stx-classic button {font-family:inherit;}

/* --- page card -------------------------------------------------------- */
.stx-classic #layout-container,
.stx-classic.layout-scs #layout-container,
.stx-classic.layout-sc #layout-container,
.stx-classic.layout-cs #layout-container,
.stx-classic.layout-c #layout-container {
	width:1020px;
	min-width:0;
	min-height:calc(100vh - 90px);
	margin:14px auto 0;
	background:#fff none;
	border-radius:var(--cl-radius) var(--cl-radius) 0 0;
	box-shadow:0 1px 3px rgba(0,0,0,0.18);
	overflow:visible;
}
.stx-classic #page-container,
.stx-classic.fixed-header #page-container {width:980px; margin:0 auto; padding:18px 0 10px;}
.stx-classic #footer-spacer {height:0;}

/* --- header: blue bar ------------------------------------------------- */
.stx-classic #header,
.stx-classic.fixed-header #header {
	position:relative;
	height:42px;
	padding:0;
	margin:0 0 35px 0;	/* room for the tab strip */
	border:0;
	background:var(--cl-blue) linear-gradient(to bottom, var(--cl-blue-top) 0%, var(--cl-blue) 55%, #004d96 100%);
	border-radius:var(--cl-radius) var(--cl-radius) 0 0;
	z-index:50;
}
.stx-classic .header-container {width:auto; height:42px; margin:0; padding:0 14px; position:static;}
.stx-classic #header-content {margin:0; height:42px;}

.stx-classic .system-logo {float:left; width:auto; height:42px; margin:0 18px 0 0; display:flex; align-items:center;}
.stx-classic .system-logo img {max-height:32px; width:auto;}
.stx-classic .classic-logo img {height:28px;}

/* --- header: grey tab strip ------------------------------------------- */
.stx-classic .classic-nav {
	position:absolute;
	left:0; right:0; top:42px;
	height:34px;
	padding:0 10px;
	background:linear-gradient(to bottom, var(--cl-strip-top), var(--cl-strip-bot));
	border-bottom:1px solid #cfcfcf;
	z-index:2;
}
.stx-classic .main-navigation {float:left; height:34px; margin:0; padding:0;}
.stx-classic .main-navigation li {height:34px; line-height:34px;}
.stx-classic .main-navigation li a.item-btn {
	height:34px; float:left;
	padding:0 13px;
	color:var(--cl-blue);
	font-size:12px; font-weight:bold;
	text-shadow:0 1px 0 #fff;
	border:0;
}
.stx-classic .main-navigation li a.item-btn span {height:34px; line-height:34px; padding:0; border:0;}
.stx-classic .main-navigation li a.item-btn:hover {background:rgba(0,85,164,0.07); color:var(--cl-blue-dark);}
.stx-classic .main-navigation li a.item-btn.active,
.stx-classic .main-navigation li a.item-btn.active span {border:0;}
.stx-classic .main-navigation li a.item-btn.active {
	color:#222;
	background:linear-gradient(to bottom, #d2d2d2, #dedede);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.12);
}

/* --- header: user area / sign in links --------------------------------- */
.stx-classic #user-navigation {float:right; height:42px; margin:0 0 0 14px; display:flex; align-items:center;}
.stx-classic .classic-me {display:flex; align-items:center; color:#fff; margin:0 10px 0 0;}
.stx-classic .classic-me .plain-avatar img {width:18px; height:18px; border:1px solid rgba(255,255,255,0.8); margin:0 6px 0 0;}
.stx-classic .classic-me .username {
	float:none; height:auto; line-height:normal; max-width:150px; margin:0;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	color:#fff; font-weight:bold; font-size:12px; text-shadow:0 -1px 0 rgba(0,0,0,0.25);
}
.stx-classic .classic-me:hover .username {text-decoration:underline;}

.stx-classic .classic-userlinks {list-style:none; margin:0 0 0 12px; padding:0; display:flex;}
.stx-classic .classic-userlinks li + li {border-left:1px solid rgba(255,255,255,0.35); margin-left:8px; padding-left:8px;}
.stx-classic .classic-userlinks a {color:#d6e8fb; font-size:11px;}
.stx-classic .classic-userlinks a:hover {color:#fff; text-decoration:underline;}

/* notifications counter: a small pill in the bar */
.stx-classic .user-notifications {float:none; position:relative;}
.stx-classic .user-notifications .dropdown .notifications-counter.menu-btn,
.stx-classic .user-notifications .notifications-counter.full {
	display:inline-block;
	height:20px; line-height:20px; min-width:12px;
	padding:0 7px; margin:0;
	border:1px solid rgba(255,255,255,0.35);
	border-radius:11px;
	background:rgba(0,0,0,0.18) none;
	color:#d6e8fb; font-size:11px; font-weight:bold; text-shadow:none; text-align:center;
	box-shadow:none;
}
.stx-classic .user-notifications .notifications-counter .bkg,
.stx-classic .user-notifications .notifications-counter.full .bkg {display:inline; padding:0; background:none;}
.stx-classic .user-notifications .notifications-counter.full {background:#f08c00; border-color:#ffb84d; color:#fff;}
.stx-classic .user-notifications .notifications-counter:hover {background-color:rgba(0,0,0,0.3);}
.stx-classic .user-notifications .notifications-counter.full:hover {background:#d97e00;}
.stx-classic .user-notifications .menu-options {top:30px;}
.stx-classic .user-notifications .notifications-counter .dropdown-arrow {display:none;}

/* logged-out: "Sign in / Sign up" tabs in the bar */
.stx-classic .signup-navigation {float:left; height:42px; margin:0; padding:0; display:flex; align-items:flex-end;}
.stx-classic .signup-navigation li {float:none; height:auto; line-height:normal; margin:0 3px 0 0;}
.stx-classic .signup-navigation li a {
	float:none; display:block; height:auto;
	padding:5px 11px 6px;
	color:#fff; font-size:12px; text-shadow:none;
	background:rgba(255,255,255,0.16);
	border-radius:4px 4px 0 0;
}
.stx-classic .signup-navigation li a:hover,
.stx-classic .signup-navigation li a.active {background:rgba(255,255,255,0.3); color:#fff;}

/* --- header: search ---------------------------------------------------- */
.stx-classic #header-search {float:right; margin:9px 0 0 0;}
.stx-classic #header-search input[type=text],
.stx-classic #header-search input[type=text].active {
	width:150px; height:22px; padding:0 74px 0 8px;
	border:1px solid #003a70; border-right:0;
	border-radius:3px 0 0 3px;
	background:#fff; color:#555; font-size:12px;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);
}
.stx-classic #header-search input[type=text].active {color:#222;}
.stx-classic #header-search button {
	width:30px; height:24px;
	border:1px solid #003a70; border-radius:0 3px 3px 0;
	background:#00447f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='5.8' cy='5.8' r='4.3' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath d='M9 9l3.6 3.6' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center;
}
.stx-classic #header-search button:hover {background-color:#003563;}
.stx-classic #header-search .searchselect {right:32px; top:1px; height:22px; line-height:22px; padding:0 4px; background:#fff;}
.stx-classic #header-search .searchselect .menu-btn {height:22px; line-height:22px; background-position:left 8px; color:#666; text-shadow:none;}
.stx-classic #header-search .searchselect .menu-options {top:24px; right:-34px; z-index:60;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.stx-classic #header-search input[type=text] {width:150px; padding:0 74px 0 8px;}
	.stx-classic #header-search .searchselect {right:32px; padding:0 4px;}
}

/* --- dropdown menus ---------------------------------------------------- */
.stx-classic .menu-options {border-color:#c3d3e4; border-radius:3px; box-shadow:0 2px 6px rgba(0,0,0,0.18);}
.stx-classic .menu-options li a {color:var(--cl-link);}
.stx-classic .menu-options li a:hover {background:var(--cl-panel);}
.stx-classic .dropdown .menu-btn {border-radius:3px;}

/* --- sidebars ---------------------------------------------------------- */
.stx-classic .sidebar .section-container {border-bottom:0; margin:0 0 16px 0; padding:0;}
.stx-classic .section-container .section-title,
.stx-classic .sidebar h3,
.stx-classic .classic-feed-title {
	margin:0 0 6px 0;
	padding:5px 8px;
	font-family:Verdana, Geneva, "DejaVu Sans", sans-serif;
	font-size:12px; font-weight:bold; color:#333;
	background:linear-gradient(to bottom, #f4f4f4, #e6e6e6);
	border:1px solid #dadada;
	border-radius:3px;
	text-shadow:0 1px 0 #fff;
}
.stx-classic .sidebar .section-container ul a,
.stx-classic .sidebar ul a {color:var(--cl-link); padding:4px 6px; border-radius:3px;}
.stx-classic .sidebar .section-container ul a:hover,
.stx-classic .sidebar ul a:hover {background-color:var(--cl-panel); color:var(--cl-link-hover);}
.stx-classic .sidebar .section-container ul a.selected,
.stx-classic .sidebar ul a.selected {background-color:var(--cl-panel-dark); color:var(--cl-blue); font-weight:bold;}
.stx-classic .sidebar .section-container .feed-navigation a {padding:5px 6px 5px 24px; background-position:5px 4px;}
.stx-classic .sidebar .section-container.SubgroupsControl ul li a {padding:4px 6px 4px 24px; background-position:5px 3px;}
.stx-classic .sidebar .plain-avatar img {border:1px solid #d0d0d0; padding:1px; background:#fff;}
.stx-classic .sidebar .section-container .tags a {color:var(--cl-link);}
.stx-classic .layout-scs #left-area, .stx-classic.layout-scs #left-area,
.stx-classic.layout-sc #left-area {padding-top:0;}

/* --- subheader / page titles ------------------------------------------- */
.stx-classic #subheader {padding:0;}
.stx-classic .subheader-container h1 {color:var(--cl-blue); font-size:20px;}

/* in-page navigation bar (profile / group sub menus) */
.stx-classic .navigation {background:linear-gradient(to bottom, #f6f6f6, #e8e8e8); border-color:#d5d5d5; border-radius:3px;}
.stx-classic .navigation li a {color:var(--cl-blue); font-weight:bold; text-shadow:0 1px 0 #fff; border-color:#d5d5d5;}
.stx-classic .navigation li a:hover {background:#eef3f8;}
.stx-classic .navigation li a.selected {background:#fff; color:#222; box-shadow:none; border-color:#cfcfcf;}

/* tabs */
.stx-classic .tabs-navigation {border-bottom-color:var(--cl-panel-line);}
.stx-classic .tabs-navigation li a,
.stx-classic .feed-filter a,
.stx-classic .feed-filter .dropdown-title {background:#f1f6fb; border-color:#d3e2f1; color:var(--cl-blue); border-radius:3px 3px 0 0;}
.stx-classic .tabs-navigation li a:hover,
.stx-classic .feed-filter a:hover,
.stx-classic .feed-filter .dropdown-title:hover {background:var(--cl-panel-dark);}
.stx-classic .tabs-navigation li.active a, .stx-classic .tabs-navigation li a.active,
.stx-classic .feed-filter .active a, .stx-classic .feed-filter a.active,
.stx-classic .feed-filter .active .dropdown-title {background:#fff; color:#222; font-weight:bold; border-color:var(--cl-panel-line); border-bottom-color:#fff;}
.stx-classic .feed-filter {border-bottom-color:var(--cl-panel-line);}

/* --- buttons ----------------------------------------------------------- */
.stx-classic .btn, .stx-classic .buttons a,
.stx-classic .btn span, .stx-classic .buttons a span {background-image:none;}
.stx-classic .btn, .stx-classic .buttons a {
	height:auto; line-height:normal;
	padding:0; margin:0 5px;
	border:1px solid #b4c2d1; border-radius:3px;
	background:linear-gradient(to bottom, #ffffff, #e9eef3);
	color:var(--cl-blue); font-weight:bold; text-shadow:0 1px 0 #fff;
	box-shadow:0 1px 1px rgba(0,0,0,0.06);
}
.stx-classic .btn span, .stx-classic .buttons a span {display:inline-block; padding:5px 13px; line-height:16px; background:none;}
.stx-classic button.btn span {font-size:12px; line-height:16px;}
.stx-classic .btn:hover, .stx-classic .buttons a:hover {background:linear-gradient(to bottom, #f7fbff, #dde8f3); border-color:#93acc6; color:var(--cl-blue-dark);}
.stx-classic .btn:active, .stx-classic .buttons a:active {background:#dde8f3; box-shadow:inset 0 1px 3px rgba(0,0,0,0.15);}

.stx-classic .btn.blue, .stx-classic .buttons a.blue {
	border-color:#00427e;
	background:linear-gradient(to bottom, #3a8ad8, var(--cl-blue));
	color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.3);
}
.stx-classic .btn.blue:hover, .stx-classic .buttons a.blue:hover {background:linear-gradient(to bottom, #3080cf, #004b91); color:#fff;}
.stx-classic .btn.blue:active, .stx-classic .buttons a.blue:active {background:#004b91;}

.stx-classic .btn.small span, .stx-classic .buttons a.small span {padding:2px 9px; font-size:11px;}

.stx-classic .status-editor .btn.status-btn {margin:7px 0 0; padding:0; height:auto; line-height:normal;}
.stx-classic .status-editor .btn.status-btn span {padding:6px 22px; font-size:13px;}

.stx-classic .plain-btn, .stx-classic .more a, .stx-classic .new-activities-count, .stx-classic .show-more-container {
	border-color:#d3e2f1; background:#f1f6fb; color:var(--cl-blue); text-shadow:none; border-radius:3px;
}
.stx-classic .plain-btn:hover, .stx-classic .more a:hover, .stx-classic .new-activities-count:hover {background:var(--cl-panel-dark); color:var(--cl-blue);}

/* profile / group header actions (follow, join, settings) */
.stx-classic .options-container .action-btn.add,
.stx-classic .options-container .action-btn.add .tooltip {background-image:none;}
.stx-classic .options-container .action-btn.add {
	padding:0; height:28px; border:1px solid #00427e; border-radius:3px;
	background:linear-gradient(to bottom, #3a8ad8, var(--cl-blue));
}
.stx-classic .options-container .action-btn.add .tooltip span {height:28px; line-height:28px; padding:0 12px 0 32px; background-color:transparent;}
.stx-classic .options-container .action-btn.add:hover {background:linear-gradient(to bottom, #3080cf, #004b91);}
.stx-classic .options-container .action-btn {border-radius:3px;}

/* --- forms ------------------------------------------------------------- */
.stx-classic .form-container input[type="text"], .stx-classic .form-container input[type="password"],
.stx-classic .form-container textarea, .stx-classic .form-container select,
.stx-classic .login-form input[type="text"], .stx-classic .login-form input[type="password"] {border:1px solid #b9c9da; border-radius:3px;}
.stx-classic .form-container input:focus, .stx-classic .form-container textarea:focus, .stx-classic .form-container select:focus,
.stx-classic .login-form input:focus {border-color:#5b9be0; box-shadow:0 0 0 2px rgba(25,117,225,0.15); outline:none;}
.stx-classic table th {background:#eef3f8; color:#38587a; text-shadow:none;}

/* --- status editor ----------------------------------------------------- */
.stx-classic .htmlarea {border:1px solid #b5cee5; border-radius:3px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.06);}
.stx-classic .status-editor-container .characters-counter {border-color:#b5cee5; box-shadow:none; border-radius:3px 0 3px 0; color:var(--cl-blue);}

/* --- activity stream --------------------------------------------------- */
.stx-classic .activity {padding:10px 6px; border-bottom:1px solid #ececec;}
.stx-classic .activity:hover {background:#f8fbfe;}
.stx-classic .activity .avatar img,
.stx-classic .comment .avatar img,
.stx-classic .comments-editor .avatar img {border:1px solid #d6d6d6; padding:2px; background:#fff;}
.stx-classic .activity .author {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:var(--cl-link);}
.stx-classic .activity-content {font-size:12px; color:var(--cl-text); line-height:1.45;}
.stx-classic .meta-info, .stx-classic .activity-footer {color:var(--cl-muted); font-size:11px;}
.stx-classic .meta-info a, .stx-classic .activity-footer a {color:#6f8fb1;}
.stx-classic .meta-info a:hover, .stx-classic .activity-footer a:hover {color:var(--cl-link-hover);}
.stx-classic .activity-footer a.permlink {color:var(--cl-muted);}

.stx-classic .comments-thread-container {max-width:620px;}
.stx-classic .comment, .stx-classic .comments-editor, .stx-classic .show-all-comments span {background:#f2f7fc;}
.stx-classic .comment {border-bottom-color:#e1ebf5;}
.stx-classic .comment.new {background:#fffbd9;}
.stx-classic .comments-editor-field {border-color:#e4eef8;}
.stx-classic .comments-editor-field a {border-color:#c9daea;}
.stx-classic .feed-no-result, .stx-classic .noposts {background:#f6f9fc; border:1px solid #dbe6f1; border-radius:3px;}

/* --- people / groups lists, pager ---------------------------------------- */
.stx-classic .pager .current {background:var(--cl-panel); border-color:var(--cl-panel-line); color:var(--cl-blue);}

/* --- system messages, dialogs ------------------------------------------ */
.stx-classic .dialog-container {border-color:#7f9fc2; border-radius:4px;}
.stx-classic .dialog-title {background:linear-gradient(to bottom, #2c7cd0, var(--cl-blue)); border-bottom-color:#003f7a; color:#fff; text-shadow:none; font-weight:bold;}

/* --- footer ------------------------------------------------------------ */
.stx-classic .footer-container {
	width:1020px; height:auto;
	margin:0 auto 24px;
	background:linear-gradient(to bottom, #fafafa, #ececec);
	border-top:1px solid #dcdcdc;
	border-radius:0 0 var(--cl-radius) var(--cl-radius);
	box-shadow:0 1px 3px rgba(0,0,0,0.18);
	color:#666; font-size:11px;
	position:relative; z-index:1;
}
.stx-classic #footer {width:980px; height:auto; min-height:34px; line-height:34px;}
.stx-classic #footer a {color:#4d79a8;}

/* --- logged-out pages ---------------------------------------------------- */
.stx-classic-outside #content-container,
.stx-classic-outside #center-container {float:none; width:auto;}
.stx-classic-outside #subheader {display:none;}

.stx-classic .login-form {
	background:#f5f9fd; border:1px solid var(--cl-panel-line); border-radius:4px;
	padding:18px 20px;
}
.stx-classic .login-form .links {border-top-color:#d9e6f3;}
.stx-classic .login-form label {color:#333;}

/* sign in / sign up / password pages: one centred panel */
.stx-classic-outside.page-signin .login-form,
.stx-classic-outside.page-signup .login-form,
.stx-classic-outside.page-signin #center-container > .system-message,
.stx-classic-outside.page-signup #center-container > .system-message {max-width:560px; margin:0 auto 20px;}

/* the home page: welcome panel + public stream on the left, sign in on the right */
.stx-classic-outside.page-home #center-container {position:relative; padding-right:270px; min-height:340px;}
.stx-classic .classic-home #login-description,
.stx-classic .classic-welcome {
	float:none; width:auto;
	margin:0 0 18px 0; padding:16px 20px 18px;
	background:var(--cl-panel);
	border:1px solid var(--cl-panel-line); border-radius:4px;
}
.stx-classic .classic-welcome h1.pagetitle {margin:0 0 10px 0; font-size:22px; color:#0d5aa7;}
.stx-classic .classic-welcome-text {font-size:12px; line-height:1.55; color:#333;}
.stx-classic .classic-join {margin:14px 0 0 0;}
.stx-classic .classic-join span {padding:6px 16px;}

.stx-classic .classic-signin-box {
	position:absolute; right:0; top:0;
	width:250px; margin:0; padding:0; box-sizing:border-box;
	overflow:hidden;
}
.stx-classic .classic-box-title {
	margin:0; padding:7px 12px;
	font-size:13px; font-weight:bold; color:#fff;
	background:linear-gradient(to bottom, #2c7cd0, var(--cl-blue));
}
.stx-classic .classic-signin-box form {padding:12px 12px 10px;}
.stx-classic .classic-signin-box label {display:block; width:auto; margin:0 0 3px 0; font-size:11px;}
.stx-classic .classic-signin-box input[type="text"],
.stx-classic .classic-signin-box input[type="password"] {width:100%; box-sizing:border-box; margin:0 0 9px 0;}
.stx-classic .classic-signin-box .registration-buttons .btn {margin:0 8px 0 0;}
.stx-classic .classic-signin-box .remember-me {font-size:10px; display:inline-flex; align-items:center; margin-top:4px;}
.stx-classic .classic-signin-box .remember-me input {margin:0 4px 0 0;}
.stx-classic .classic-signin-box .links a {display:block; margin:0 0 3px 0;}
.stx-classic .classic-signin-box .social-login .btn {display:block; margin:6px 0 0 0; text-align:center;}

.stx-classic .classic-feed-title:empty {display:none;}
.stx-classic-outside.page-home .activity-feed-list {margin-top:-2px;}

/* --- details ------------------------------------------------------------ */
.stx-classic .activity-container {margin-left:66px;}
.stx-classic .comments-thread-container {margin-left:66px;}
.stx-classic .comment .author,
.stx-classic .comment .comment-author .author {font-family:Verdana, Geneva, "DejaVu Sans", sans-serif; font-size:11px; font-weight:bold;}
.stx-classic .comment-container {margin-left:46px;}
.stx-classic .form-container select {background:#fff;}

/* "Create new group" and similar highlighted tab buttons */
.stx-classic .tabs-navigation li .highlighted,
.stx-classic .tabs-navigation li .highlighted span {background-image:none;}
.stx-classic .tabs-navigation li .highlighted {
	padding:0; border:1px solid #00427e; border-radius:3px;
	background:linear-gradient(to bottom, #3a8ad8, var(--cl-blue));
	color:#fff; font-weight:bold; text-shadow:0 -1px 0 rgba(0,0,0,0.3);
}
.stx-classic .tabs-navigation li .highlighted span {height:24px; line-height:24px; padding:0 14px; background:none;}
.stx-classic .tabs-navigation li .highlighted:hover {background:linear-gradient(to bottom, #3080cf, #004b91); color:#fff;}

/* visitors cannot comment: hide the comment box in the public stream */
.stx-classic-outside .comments-editor {display:none;}
