/* mainMore.css */

.arial {
	font-family: Arial, Helvetica, sans-serif;
}
.less {font-size: 0.93em;}
.mini {font-size: 0.75em;}
h1 .less {line-height:100% !important;}
.more {font-size: 1.15em; line-height: 150%; }
.more14 {font-size: 1.4em;}
.brief {border-left: solid 6px rgba(205,92,92,0.5); padding-left: 12px;}
.artlabel {font-size:0.92em; margin:0 0 1em 0;}
.artLabelTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.85em;
	width:auto;
	margin: 0;
	border: solid 1px rgb(95, 113, 150);
}
.artLabelTable td { padding: 0 1ex; }
.article img { max-width: 800px; }
p.illustro {
	text-align: center;
	font-size: 0.9em;
	margin: 30px 0 30px 0;
}

.artlist ul, ul.artlist {
	font-size: 1.1em;
}
/* ------- FORUM ----- */
.noteunit {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.85em;
	border-top: solid 2px rgb(95, 113, 150);
	margin-bottom: 40px;
}
.notehead {
	/*border-top: solid 4px orange; */
	background-color: Bisque;
	padding: 0.6ex 1ex; 
}
.notetitle {
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	
	padding: 0.6ex 1ex; 
}
.noteBlue { background-color: rgb(95,113,150); }
.noteGreen { background-color: rgb(99,125,160); }
/*.noteGreen { background-color: rgb(64,128,128); }*/
.excercise {
	background-color: rgb(112,32,16);
}
.pocketinfo {
	font-size:0.92em;
	color:rgb(30,120,30);
}
.notecont, .noteaddon {
	font-family: "Merriweather", Georgia, "Times New Roman", Times, serif,
		"Segoe UI Emoji", "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Symbol";
	line-height: 140%;
	font-size: 1.11em;
	padding: 1ex 0;
}
iframe, .notecont iframe {
	border: 0;
	width: 100%;
	height: 480px;
}

.noteoper {}
.noteunit button {}
.pocketBtn:disabled {
    color: darkgreen;
    opacity: 1;
	background-color: inherit;
	border: 0;
}
ul.addon {
	list-style-type: none;
	padding-left:0px;
}
ul.addon li {
	border: solid 1px Bisque;
	/*border-top-color: rgb(95, 113, 150);*/
	/*background-color: rgb(242, 238, 228);*/
	background-color: rgb(247, 243, 232);
	border-radius: 0.7ex;
	padding-left: 1ex;
	max-width: 100%;
	width: auto;
	/*color: rgb(95, 113, 150);*/
	opacity:0.85;
	margin-bottom: 0.8ex;
	font-size:0.96em;
}
ul.addon li u {
	font-weight: normal;
	opacity: 1.0;
	font-family: Arial, Helvetica, sans-serif;
}
/*--------- Sterowanie forum, dodatkowe ---------*/
.columnControll {position: fixed; top: 160px; z-index: 20; margin-left: -40px; width:38px; display:block;}
.columnControll button {
	width:38px; height:38px;
	border-radius:19px;
    background-color: #fa5;
	border: solid 1.5px gray;
	font-weight: bold;
}
.columnControll button:hover {
    background-color: #6ff;
}
.forumIndex {
	display: none;
	/* display:flex; przez JavaScript */

    flex-direction: column;
	box-shadow: 10px 10px 5px LightSteelBlue; width: 600px; max-height: 400px; position:fixed; top: 240px; margin-left: 100px; 
	background: white; padding:1ex 0 0 1ex; border: solid 1px LightSteelBlue;
	}
.forumIndex img[src*="close"] {
	position: absolute;   /* Zamiast float */
	top: 6px;
	right: 6px;
	z-index:10;
  cursor: pointer;
  width: 16px;
  height: 16px;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.forumIndex img[src*="close"]:hover {
  opacity: 1;
}
.forumIndex ul { 
	list-style-type:none;
	flex-grow: 1; /* Rozciąga się, zajmując dostępną przestrzeń */
	overflow-y: auto;
	margin-left: -20px;
}

/* --------- Kolory, szczegoly -----------       */
.red { color:rgb(180,0,40); }
.orange { color:rgb(144,32,0); }
.green, .green a { color:rgb(30,120,30); }
.dred, .dred a, .dredEye, .dredEye a { color:rgb(120,0,30); }
.dredEye:before {  content: "\25C9"; }
.techno{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
p.techno { line-height: normal; }
ul.homework {}
ul.homework li ul {
	list-style-type: none;
}
ul.homework li ul li {
	margin-bottom: 2ex;
}
ul.homework li ul li .begin {
	/*font-size: 1.15em;*/
	padding: 0.5ex;
	background-color: Bisque;
}
ul.flatList li { display: inline; list-style-type:disc; }


.monito {
/* background-color: rgb(178,34,34)!important; */
	background-color: white !important;
/* opacity: 0.4; */
	color: rgb(0,64,0);
	margin-left: 4ex;
	border: dotted 1px rgb(30,120,30) !important;
}

/* DYMY czyli ToolTipy  */

.horoscope_trigger {/*background-color:#ffc;*/}
.horoscope_trigger:hover {background-color:#fff; /*color:#fff;*/}
.dym {} 
.smoke {
	min-width:200px; max-width:360px; min-height:40px;
	background-color:rgb(230, 230, 250); padding: 4px; border:solid 1px #999;
	position:absolute;
	font-size: 0.9em; color:#000; font-style:normal;
	font-family: Verdana, Arial, sans-serif;
	z-index: 20;
	display:none;
}
.smoke img {
	padding-top: 4px;
}
.smoke a, .nosmoke a {
  --bg: 255, 255, 255; /* domyślnie, nadpisywane poniżej */
  background-color: rgba(var(--bg), 0.5);
  text-decoration: none;
}
.nosmoke a {
  padding: 1ex;
}

.smoke a:hover,
.nosmoke a:hover {
  background-color: rgba(var(--bg), 1.0);
}

/* Indywidualne kolory przez nadpisanie --bg */
.smoke a.lnkCanvas, .nosmoke a.lnkCanvas    { --bg: 32, 108, 216; }  /* #cce5ff niebieskawy */
.smoke a.lnkProf, .nosmoke a.lnkProf     { --bg: 216, 22, 179; }  /* #d5e8d4 zielonkawy */
.smoke a.lnkSpectr, .nosmoke a.lnkSpectr   { --bg: 239, 106, 101; }  /* #fce5cd pomarańczowy */
.smoke a.lnkTimeLine, .nosmoke a.lnkTimeLine { --bg: 233, 198, 61; }  /* #ead1dc różowy */

/* smoke.css — styl dymka (tooltipa) kosmogramu
14 lipca 2025 ChatGPT */



/* TABELE --- też w mainParts.css   */
table.spis {
	border: solid 1px rgb(32, 75, 110);
}
.spis th { }
.spis th, .spis td { 
	font-size: 0.92em;
}

table.bigger {
	line-height:100%;
}
table.bigger th, table.bigger td {
	font-size: 1.1em;
}

/* ----- Ładne tabele ----- */
.ladna_tabela {
	border: solid 1px rgb(32, 75, 110);
}
.prettyTable {
 border-collapse: collapse;
 border: 1.5px solid rgb(32, 75, 110); /* obrys tabeli */
}

.prettyTable td, .prettyTable th {
  border: 0.5px solid rgb(32, 75, 110); /* linie wewnętrzne */
}

/* --------- Ogłoszenie -----------*/
.adverTitle, .adverSubtitle {
	color: rgb(73,112,163); /*ForestGreen;*/
	opacity:1.0!important;
	font-family: Arial, sans-serif;
	line-height:120%;
}
.adverTitle .less {
	font-size: 0.68em;
}
.adverTop { font-size: 1.1em; font-family: Verdana, sans-serif;}
.adverWhen { font-size: 1.12em;}
.adverWhenBold {color:#c04;}
.adverSpecialTitle {font-size:1.42em; font-family:sans-serif; color:rgb(40,100,30);}

/* ---------- logowanie ------------ */

#loginbox {
	/*display:none;*/
	width: 420px;
	position: fixed;
	top: 15%;
	left: 50%;
	margin-left:-210px;
	padding: 0px 30px;
	border: solid 6px rgb(141,154,166);
	border-radius:0.8ex;
	background-color: #fff;
	font-size: 1.2em;
	line-height:160%;
	box-shadow: 5px 5px 10px rgb(178,187,195);
	z-index: 6;
}
#loginbox input {
	width: 120px;
}
#loginbox img {
	float:right; margin-top:12px; margin-right:-20px;
}

#notloggedprompt {
	background-color: #FFE4C4; /* Bisque */
	padding: 2ex;
	margin-top: -20px;
	border-left: solid 8px #bbb;
	border-right: solid 8px #bbb;
	border-bottom: solid 8px #bbb;
}

/* -------- .button w formularzu ---------- */

form .button {
    background-color: #fa5;
    margin-bottom: 4px;
    cursor: pointer;
	border-radius:0.8ex;
	border: solid 0.5px gray;
}
form .button:hover {
    background-color: #6ff;
}

/* -------- ASIDE czyli Sensor ---------- */

aside {
	display:block; border: solid 4px rgb(187, 187, 187); width:200px; height:auto; max-height:280px; overflow-y: auto; overflow-x:hidden; position:fixed; right: 10px; top: 10px; background-color:white; z-index:+10; font-size:0.9em;
}
aside #buttonContainer {
	width:100%; height:18px; font-size:0.9em; font-weight:bold; letter-spacing:0.1em; text-align:left; clear:both; background-color:rgb(230,230,250);
	border-bottom: solid 1px rgb(200,200,250); padding:2px;
}
aside #buttonContainer img {
	float:right; height:16px; margin: 0 3px;  border: solid 1px rgb(200,200,250); filter: opacity(55%);
}
aside #buttonContainer img:hover {
	filter: opacity(100%);
}
aside #sensorList {
	padding-left:4px;
}
/* ------- aside Hide Show ----------- */

#asideHideShow {
	width:80px; height:44px; display:block; position:fixed; right:4px; top:4px;
}
#asideHideShow:hover { }
#asideHideShow:hover button {
	display: block;
}
#asideHideShow button {
	background-color: #E6E6FA;
	color: rgb(32, 75, 110);
	font-size: 0.94em;
    font-weight: bold;
    letter-spacing: 0.12em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 6px 3px 6px;
	border-radius:4px;
	display: none;
	z-index: +20;
}
#asideHideShow .asideHSMark {
	color: blue;
	text-shadow: 1px 1px 0 #ff0, 
                 -1px -1px 0 #ff0, 
                 1px -1px 0 #ff0, 
                 -1px 1px 0 #ff0;
	text-align: right;
	font-size: 2.16em;
    font-weight: bold;
    letter-spacing: 0.12em;
	font-family: Arial, Helvetica, sans-serif;
	/*margin-left: 4px;
	margin-top: 4px;*/
}
#asideHideShow:hover .asideHSMark {
	display: none;
}

/* --------- TOPIC ------- COURSE --------- */
div.courseTopic {
	border-top: solid 8px Bisque;
	border-bottom: solid 2px rgb(95, 113, 150);
}
div.courseTopic p {
	margin-top: 0.5ex;
	margin-bottom: 0.5ex;
}

/*   ----------  section Output  ---------------------   */
.output {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 100% !important;
}
.output h1,
.output h2,
.output h3 {
	color: rgb(73,112,163);
  opacity: 1.0;
  /*line-height: 120%;*/
}
.output h1 {
  font-size: 1.9em;
  padding: 0;
  margin: 0;
}
.output img {
	margin-left: 0px;
  float: left;
}
.output #chartTable0 {
  float: left;
}
.output table {
  border: solid 1px #bbb;
  width: auto; /*240px;*/
  margin-bottom: 10px;
  margin-right: 4px;
  /*float: left;*/
}
/*.output tr .und {*/
.output table tr.undl {
	border-bottom: solid 0.8ex rgb(240, 206, 142);
/*	border-bottom: solid 0.8ex rgb(245, 222, 179); */
}
.output table tr.ovrl {
/*	border-top: solid 1px black; */
}
.output table td,
.output table th {
	padding:0.5ex !important;
}