/* Dla BODY */
body {
	background-color:#C0C0C0;
	font-variant:small-caps;
	font-size:x-large;
	margin:0px;
	scrollbar-base-color: #C0C0C0;
	scrollbar-base-color: #C0C0C0;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-highlight-color: #C0C0C0;
	scrollbar-track-color: #EBEBEB;
	scrollbar-arrow-color: black;
	scrollbar-shadow-color: #C0C0C0;
	scrollbar-dark-shadow-color: #C0C0C0;
}

::-webkit-scrollbar{background:#fafafa}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
	border: solid #fafafa 4px;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, 0.3)}

/* inne */
.important {
	color:#FF0000;
	font-weight:bold;
	text-decoration:underline;
	font-size:x-large;
}

/* .cbalink {display:none} */

.watmarkfix {
	background:rgba(255,255,0,0.5) url(/images/43492449_by_Ada.K.png) no-repeat center top;
	width:98%;
	height:74px;
	position:fixed;
	top:1%;
	left:1%;
	border:1px solid rgb(225,225,0);
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	z-index:1000;
}

a{text-decoration:none;color:black;}

a:before{content:"["}
a:after{content:"]"}

.no_bckt:before, .no_bckt:after{content:"" !important}

.event {
	background:linear-gradient(to bottom right, red, white);
	width:20%;
	position:fixed;
	bottom:5px;
	right:5px;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	padding:6px;
}

.cr {
	display:flex;
	display:-webkit-flex;
	-webkit-flex-direction:row-reverse;
	flex-direction:row;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
}

.frame {
	border:1px solid;
	width:auto;
	height:auto;
}

.tooltip {
	position:relative;
	display:inline-block;
	border-bottom:1px normal black;
}

.tooltip .tooltiptext {
	visibility:hidden;
	width:180px;
	background-color:#555;
	color:#fff;
	text-align:center;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	padding:5px 0;
	position:absolute;
	z-index:1;
	bottom:125%;
	left:60%;
	margin-left:-60px;
	opacity:0;
	transition:opacity 3.6s;
	-webkit-transition:opacity 3.6s;
	-moz-transition:opacity 3.6s;
	-o-transition:opacity 3.6s;
}

.tooltip:hover .tooltiptext {
	visibility:visible;
	opacity:1;
}

.edit {
	border-radius: 36px;
	margin: 5px;
	border: 5px solid gray;
	box-shadow: 4px 4px 36px 3px black;
	width: calc(100% - 20px);
}

.ts{width:36px;height:36px;}

.body{margin:85px 10px 60px 10px}
.show{display:block}
.hide{display:none}

.MP_box {
	width:30%;
	background-color:#80808080;
	margin:10px calc(10%/6);
	padding:36px 0px;
	border-radius:12px;
	box-shadow:1px 1px 4px 0.1px dimgrey;
}