/* Tobiasz Ryguła dla Systemy Zabezpieczeń Bankowych */
.btn
{
	border-radius: 0px !important;
	margin:0px !important;
}	
  
  
      /* Helper Classes */
 
.top-down{
	display:flex;
	flex-direction: column;
}	  
.left-right
{
	display: flex;
	flex-direction: row;
}
	  
.m-height
{
	max-height:30vh;
}

.sticky-top
{
	position:sticky;
	top:0px;
	left:0px;
}


.cen-h
{
display:flex;
justify-content:center;
}

.cen-v
{
display:flex;
align-items:center;
}
.fit
{
	height:99%;
	width:99%;

	min-width: 0; 
    min-height: 0; 
}

.f-column
{
	flex-direction:column;
}
.f-row
{
	flex-direction:row;
}

      /* Sections */
	  
.pdf-button {
 	position: fixed;

	padding:7px;

	border-radius: 100%;
	font-size: 1.5em;
  	bottom: 10px; 

  	right: 10px; 
  	z-index: 1000;
}

.section
{
	padding:5px;
}
body
{
	margin:0px;
	padding:0px;
	display:flex;
	justify-content:center;
	flex-direction:column;
	
}
.small-button
{
	display:flex;
	justify-content: center;
	align-items: center;
	width: 2vw;
	height: 2vw;
	border-radius: 20px !important;

}

.spacer
{
	width:100%;
	height:1px;
	background-color:var(--spacer);
	margin-top:5vh;
	margin-bottom:5vh;
}

.container * 
{
	
	font-size:calc(1rem + 0.5vw);
	
}




.ha:hover
{
	background-color:var(--hover-background);
    border-radius: 20px;
}


.wrapper
{
	
	margin:0px;
	padding:10px;
	min-height:100vh;
	min-width:100vw;
	display:flex;
	justify-content:center;
	

}

/* Buttons and links */

a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}

.btn-primary {
    background-color: var(--btn-background);
    border-color: var(--btn-border);
    color: var(--btn-text);
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--btn-active-background);
    border-color: var(--btn-border);
    color: var(--btn-text);
}

.btn-primary:active,
.btn-primary:focus:active { 
    background-color: var(--btn-active-background);
    border-color: var(--btn-border);
    color: var(--btn-text);
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: var(--btn-border-disabled);
    border-color: var(--btn-border-disabled);
    color: var(--btn-text-disabled);
    pointer-events: none;
}


/* Page Printing */


@media print { 
	#menu-buttons { 
		display: none!important;
	} 
	.menu {
		position: static!important;
	}
  	p, div {
    	orphans: 3; 
   		widows: 3;  
  	}


	img
	{
	 	page-break-inside: avoid;
  		break-inside: avoid;
	}
}