button,
a.button {
	font-family: 'Kanit', sans-serif;
	font-weight: 400; /* Ustawienie wyraźniejszej grubości dla lepszej czytelności */
	text-decoration: none; /* Usunięcie podkreślenia z linków */
}


.overHTML_50_50 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.overHTML_OUT_R_30 {
	position: absolute;
	top: 50%;
	left: 130%;
	transform: translate(-100%, -50%);
	-ms-transform: translate(-100%, -50%);
}

.inactiveLink {
	pointer-events: none;
	cursor: default;
}

a.ButtonXS:link {
	text-decoration:none;
	color:#FFFFFF;
	margin-left:5px;
	margin-right:5px;
	display: inline-block;
	box-sizing: border-box;
}

a.ButtonXS:visited {
	text-decoration:none;
	color:#FFFFFF;
	margin-left:5px;
	margin-right:5px;
	display: inline-block;
	box-sizing: border-box;
}

a.ButtonXS:hover {
	text-decoration:none;
	background:#AAAAAA;
	color:#F0F0F0;
	border-color:#222222;
	display: inline-block;
	box-sizing: border-box;
}

a.ButtonS:link {
    text-decoration:none;
    color:#FFFFFF;
    margin-left:5px;
    margin-right:5px;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonS:visited {
    text-decoration:none;
    color:#FFFFFF;
    margin-left:5px;
    margin-right:5px;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonS:hover {
    text-decoration:none;
    background:#AAAAAA;
    color:#F0F0F0;
    border-color:#222222;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonM:link {
    text-decoration:none;
    color:#FFFFFF;
    margin-left:5px;
    margin-right:5px;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonM:visited {
    text-decoration:none;
    color:#FFFFFF;
    margin-left:5px;
    margin-right:5px;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonM:hover {
    text-decoration:none;
    background:#AAAAAA;
    color:#F0F0F0;
    border-color:#222222;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonL:link {
    text-decoration:none;
    color:#FFFFFF;
    margin-left:5px;
    margin-right:5px;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonL:visited {
    text-decoration:none;
    color:#FFFFFF;
    margin-left:5px;
    margin-right:5px;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonL:hover {
    text-decoration:none;
    background:#AAAAAA;
    color:#F0F0F0;
    border-color:#222222;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonXL:link {
    text-decoration:none;
    color:#FFFFFF;
    margin-left:5px;
    margin-right:5px;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonXL:visited {
    text-decoration:none;
    color:#FFFFFF;
    margin-left:5px;
    margin-right:5px;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonXL:hover {
    text-decoration:none;
    background:#AAAAAA;
    color:#F0F0F0;
    border-color:#222222;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonXXL:link {
    text-decoration:none;
    color:#FFFFFF;
    margin-left:5px;
    margin-right:5px;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonXXL:visited {
    text-decoration:none;
    color:#FFFFFF;
    margin-left:5px;
    margin-right:5px;
    display: inline-block;
    box-sizing: border-box;
}

a.ButtonXXL:hover {
    text-decoration:none;
    background:#AAAAAA;
    color:#F0F0F0;
    border-color:#222222;
    display: inline-block;
}

a.ButtonXS:disabled,
a.ButtonXS[disabled],
a.ButtonS:disabled,
a.ButtonS[disabled],
a.ButtonM:disabled,
a.ButtonM[disabled],
a.ButtonL:disabled,
a.ButtonL[disabled],
a.ButtonXL:disabled,
a.ButtonXL[disabled],
a.ButtonXXL:disabled,
a.ButtonXXL[disabled]{
	background-color: #CCCCCC;
	color: #EEEEEE;
}

/*
display: inline-block;
	padding: 0.2em 0.5em;
	margin: 0.1em 0.1em;
font-size: 0.5rem;
font-weight: 400;
color: #F0F0F0;
background-color: #ff5722;
border: 0.06em solid #000000;
border-radius: 0.6em;
text-align: center;
text-decoration: none;
cursor: pointer;
transition-duration: 0.4s;

 */

.ButtonXS, .ButtonS, .ButtonM, .ButtonL, .ButtonXL, .ButtonXXL
{
	text-align:center;
	background:#888888;
	color:#FFFFFF;
	font-size:0.5rem;
	font-weight: 400;
	padding: 0.2em 0.5em;
	border: 0.06em solid #666666;
	transition-duration: 0.4s;
	border-radius: 1.4em;
}

.ButtonS
{
	font-size:0.8rem;
}

.ButtonM
{
	font-size:1rem;
}

.ButtonL
{
	font-size:1.3rem;
}

.ButtonXL
{
	font-size:1.6rem;
}

.ButtonXXL
{
	font-size: 2rem;
}

/* button z ikoną */
.ButtonIcon {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.3em;
	border-radius: 0.3em;
	color: inherit;
	font-size: inherit;
	border: none;
	background: none;
	cursor: pointer;
}

.ButtonIcon:hover {
	background-color: #888888;
}

/* button z ikoną */
.ButtonIconLight {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.3em;
	border-radius: 0.3em;
	color: inherit;
	font-size: inherit;
	border: none;
	background: none;
	cursor: pointer;
}

.ButtonIconLight:hover {
	background-color: rgba(0,0,0,0.1);
}


/*
.ButtonXXL
{
	text-align:center;
	background:#888888;
	color:#FFFFFF;
	font-size:60px;
	font-weight: 400;
	padding:20px 50px 20px 50px;
	border-width:3px 3px 3px 3px;
	border-color:#000000;
	border-style:solid;
	transition-duration: 0.4s;
}
*/
.ButtonXS:hover {
	background-color: #4CAF50;
	color: white;
	transition-duration: 0.4s;
}

.ButtonS:hover {
    background-color: #4CAF50;
    color: white;
	transition-duration: 0.4s;
}

.ButtonM:hover {
    background-color: #4CAF50;
    color: white;
	transition-duration: 0.4s;
}

.ButtonL:hover {
    background-color: #4CAF50;
    color: white;
	transition-duration: 0.4s;
}

.ButtonXL:hover {
    background-color: #4CAF50;
    color: white;
	transition-duration: 0.4s;
}

.ButtonXXL:hover {
    background-color: #4CAF50;
    color: white;
	transition-duration: 0.4s;
}

.ButtonXS:disabled,
.ButtonXS[disabled],
.ButtonS:disabled,
.ButtonS[disabled],
.ButtonM:disabled,
.ButtonM[disabled],
.ButtonL:disabled,
.ButtonL[disabled],
.ButtonXL:disabled,
.ButtonXL[disabled],
.ButtonXXL:disabled,
.ButtonXXL[disabled]{
	background-color: #CCCCCC;
	color: #EEEEEE;
}

.ButtonHelp {
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	font-size: 0.6em;
	cursor: pointer;
	padding: 0;
	opacity: 0.5;
}

.ButtonHelpPage {
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	font-size: 1em;
	cursor: pointer;
	padding: 0;
	opacity: 0.5;
	margin-left: 0.5em;
}

.ButtonDark{
	background-color: rgba(0,0,0,0.7);
	color:#EEEEEE;
	box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1.00);
	font-weight: 400;
	border-width:0px 0px 0px 0px;
	border-color:#000000;
	border-style:solid;
	transition-duration: 0.4s;
}

.ButtonLight{
	background-color: rgba(0,0,0,0.1);
	color:#888888;
	font-weight: 400;
	border-width:0px 0px 0px 0px;
	border-color:#000000;
	border-style:solid;
	transition-duration: 0.4s;
}

.ButtonInvisible{
	background-color: transparent;
	color: transparent;
	font-weight: 400;
	border-width:0px 0px 0px 0px;
	border-color:#000000;
	border-style:solid;
	transition-duration: 0.4s;
}

.ButtonTall{
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

.ButtonSquare {
	border-radius: 0em;
}

button:disabled {
	cursor: not-allowed;
	opacity: 0.3;
}



.FileSearchDir {
	width: 100%;
	text-align:left;
	background: transparent;
	color: #444444;
	font-size:12px;
	font-weight: 400;
	padding:5px 5px 5px 5px;
	border-width:0px;
	border-color:#000000;
	border-style:solid;
	transition-duration: 0.4s;
}

.FileSearchDir:hover {
	background: lightgreen;
}

.FileSearchFile {
	width: 100%;
	text-align:left;
	background: transparent;
	color: #444444;
	font-size:12px;
	padding:5px 5px 5px 5px;
	border-width:0px;
	border-color:#000000;
	border-style:solid;
	transition-duration: 0.4s;
}

.FileSearchFile:hover {
	background: lightgreen;
}

.FileSearchFile_del {
	width: 85%;
	text-align:left;
	background: transparent;
	color: #444444;
	font-size:12px;
	padding:5px 5px 5px 5px;
	border-width:0px;
	border-color:#000000;
	border-style:solid;
	transition-duration: 0.4s;
}

.FileSearchFile_del:hover {
	background: lightgreen;
}

.FileSearchFile_del_down {
	width: 69%;
	text-align:left;
	background: transparent;
	color: #444444;
	font-size:12px;
	padding:5px 5px 5px 5px;
	border-width:0px;
	border-color:#000000;
	border-style:solid;
	transition-duration: 0.4s;
}

.FileSearchFile_del_down:hover {
	background: lightgreen;
}

.FileSearchDelete {
	width: 15%;
	text-align:right;
	background: transparent;
	color: #FF4444;
	font-size:12px;
	padding:5px 5px 5px 5px;
	border-width:0px;
	border-color:#000000;
	border-style:solid;
	transition-duration: 0.4s;
}

.FileSearchDelete:hover {
	background: lightgreen;
}

.FileSearchDownload {
	width: 15%;
	text-align:right;
	background: transparent;
	color: #FF4444;
	font-size:12px;
	padding:5px 5px 5px 5px;
	border-width:0px;
	border-color:#000000;
	border-style:solid;
	transition-duration: 0.4s;
}

.FileSearchDownload:hover {
	background: lightgreen;
}