/*
   Prosty - Prosty system zarządzania internetowego
   Software design: Janko Buszynski-Stawrew, 2020
   Copyright/Contact: Software: Janko Buszynski-Stawrew, jan@w.fo
   All rights reserved.
   
   Elements in the CSS scripts use snipplets code from the website/design1/ project
   All rights reserved.
*/



html{
	scroll-behavior:smooth;
	box-sizing:border-box;
}
body{
	background-color:#ffd800;
	font-family:"Ubuntu";
	margin:0px;
	padding:0px;
	text-align:center;
}



h1,h2,h3,h4{
	color:#cfa000;
	font-weight:normal;
}
table{
	border:solid;
	border-collapse:collapse;
	border-width:1px;
	border-color:#c0c0c0;
}
td,th{
	border:solid;
	border-width:1px;
	border-color:#c0c0c0;
	padding:0.15cm 0.4cm;
}
th{
	background-color:rgba(225,225,225,1);
	font-weight:bold;
}
table.table-numbered td:first-of-type{
	color:#c0c0c0;
}
tr:nth-child(2n+1){
	background-color:rgba(250,250,250,1);
}
tr:hover{
	background-color:rgba(255,255,240,1);
}	
tr:hover td{
	border-color:#c0c0c0 #c0c0c0 #f00 #c0c0c0;
	color:#f00;
}
table span.smaller{
	font-size:70%;
	opacity:0.5;
}




.PROSTY_PAGE{
	display:inline-block;
	padding:3% 0.7cm;
	max-width:1400px;
	width:90%;
	text-align:left;
}





.PROSTY_HEADER{
	background-color:#ffffe0 !important;
}





.PROSTY_FOOTER{
	min-height:2cm;
	font-size:85%;
}
.PROSTY_FOOTER a{
	color:#fff0e0;
}
.PROSTY_FOOTER a:hover{
	color:#fff0f0;
}




.PROSTY_MAIN{
	display:flex;
	position:relative;
	background-color:#f0f0f0 !important;
	/*padding:0px 0.7cm !important;*/
}
.PROSTY_MENU{
	display:inline-block;
	min-width:20% !important;
	width:20%;
	max-width:30%;
}
.PROSTY_MENU ul{
	display:block;
	margin:0px;
	padding:0px;
}
.PROSTY_MENU ul li{
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.PROSTY_MENU ul li span{
	display:block;
	position:absolute;
	left:410px;
	top:10px;
	min-width:5cm;
	border:solid;
	border-width:0px;
	border-color:#c07000;
	background-color:#300070;
	color:#fff;
	margin:0.4cm;
	padding:0.25cm 0.6cm;
	border-radius:0.15cm;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.32);
	text-decoration:none;
	opacity:0.0;
	visibility:hidden;
	transition:0.3s 0s;
	z-Index:1000;
}
.PROSTY_MENU ul li:hover span{
	display:block;
	left:210px;
	opacity:0.8;
	visibility:visible;
	transition:0.3s 1s;
}
.PROSTY_MENU ul li a{
	display:block;
	color:#c0a000;
	margin:0px;
	padding:0.5cm 0.3cm;
	text-decoration:none;
}
.PROSTY_MENU ul li a:hover{
	background-color:#fff;
}
.PROSTY_MENU ul li.ACTIVE a{
	background-color:#fff;
}
.PROSTY_CONTENT{
	display:inline-block;
	background-color:#fff !important;
	margin:0px !important;
	padding:0.7cm;
	/*width:80%;*/
	width:100%;
	min-height:300px;
}


.PROSTY_CBOX{
	box-shadow:0px 0px 15px 0px rgba(0,0,0,0.32);
	border-radius:0.15cm;
	margin:0.3cm;
	padding:0.4cm;
}
.PROSTY_CBOX_WHITE{
	background-color:#fff;
	color:#303030;
}
.PROSTY_CBOX_LIGHTGREY{
	background-color:#a0a0a0;
	background-image:linear-gradient(to bottom,#707070,#909090);
	color:#f0f0f0;
}





.FBUTTON{
	display:inline-block;
	border:solid;
	border-width:0px;
	border-color:#c07000;
	background-color:#ffa000;
	color:#fff;
	margin:0.4cm;
	padding:0.25cm 0.6cm;
	border-radius:0.15cm;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.32);
	text-decoration:none;
	transition:0.3s;
}
.FBUTTON:hover{
	background-color:#ffe800;
	border-color:#f0a000;
	color:#c07000;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.42);
}
.FBUTTON_ADD:before{
	content:"⨁ ";
	padding-right:0.1cm;
	font-weight:bold;
	vertical-align:middle;
}
.FBUTTON_EDIT:before{
	content:"✎ ";
	padding-right:0.1cm;
	font-weight:bold;
}
.FBUTTON_SUSP:before{
	content:"✕ ";
	padding-right:0.1cm;
	font-weight:bold;
}
.FBUTTON_DEL:before{
	/*content:"🗑 ";*/
	content:"✕ ";
	padding-right:0.1cm;
	font-weight:bold;
}
.FBUTTON_DEL:hover{
	color:#fff !important;
	background-color:#ff0000 !important;
}
.FBUTTON2{
	display:inline-block;
	border:solid;
	border-width:0px;
	border-color:#c07000;
	background-color:#e0e0e0;
	color:#fff;
	margin:0.1cm;
	padding:0.05cm 0.25cm;
	border-radius:0.15cm;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.32);
	text-decoration:none;
	transition:0.3s;
	font-size:90%;
}
.FBUTTON2:hover{
	background-color:#ffe090;
	border-color:#f0a000;
	color:#c07000;
	/*box-shadow:0px 0px 5px 0px rgba(0,0,0,0.42);*/
}



.ERROR{
	border-radius:0.15cm;
	margin:0.3cm;
	padding:0.4cm;
	background-color:#ffd0d0;
	color:#d00000;
}



.COMMENTTEXT{
	font-size:80%;
	color:#505050;
}
.ROWSUSPENDED, .ROWSUSPENDED .COMMENTTEXT{
	color:#c0c0c0;
}