@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html {
	font-size: 100%;
	height: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	height: 100%;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	display: flex;
	flex-direction: column;	
}


.contentbody { flex: 1 0 auto; -ms-flex: 1; -webkit-flex: 1; }
.contentfooter { flex-shrink: 0; }

.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
}


.progress-count {
    display: inline-block;
    padding: 0px;
    text-align: center;
}
.progress-count label {
    display: block;
}





.menuwersje ul {
    display: inline;
    list-style-type: none;
    margin-left: auto;
    margin-right: 0;
    overflow: hidden;
    padding: 0px 0px;
    z-index: 500;
}
.menuwersje ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.menuwersje ul li a {
	margin: 0 2px;
	padding: 0;
	background: #fff none repeat scroll 0 0;
}
.menuwersje ul li a div {
    display: block;
    font-size: 10pt;
    height: 30px;
    overflow: hidden;
    padding-top: 6px;
    text-align: center;
    width: 32px;
}
.menuwersje .icoWcag {
    border-radius: 4px;
    border: 1px solid #333;
    color: #000;
    float: left;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    z-index: 500;
}
.menuwersje .icoWcag.kontrast10 {
    background: #fff none repeat scroll 0 0;
    color: #000;
    margin-left: 20px;
}
.menuwersje .icoWcag.kontrast11 {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.menuwersje .icoWcag.kontrast12 {
    background: #ff0 none repeat scroll 0 0;
    color: #000;
}
.menuwersje .icoWcag.kontrast13 {
    background: #000 none repeat scroll 0 0;
    color: #ff0;
}




body.F1 input[type=checkbox],
body.F2 input[type=checkbox] {
-ms-transform: scale(2); /* IE */
-moz-transform: scale(2); /* FF */
-webkit-transform: scale(2); /* Safari and Chrome */
-o-transform: scale(2); /* Opera */
padding: 10px;
}



body.K11,
body.K13 { background-color:#000 !important; }
body.K12 { background-color:#ff0 !important; }

body.K11 .btn-primary,
body.K13 .btn-primary { background-color:#000 !important; border }
body.K12 .btn-primary { background-color:#ff0 !important; }

body.K11 .modal-content,
body.K13 .modal-content { background-color:#000 !important; border }
body.K12 .modal-content { background-color:#ff0 !important; }

body.K11 .alert-danger,
body.K13 .alert-danger { background-color:#000 !important; border }
body.K12 .alert-danger { background-color:#ff0 !important; }

body.K11 .alert-success,
body.K13 .alert-success { background-color:#000 !important; border }
body.K12 .alert-success { background-color:#ff0 !important; }



body.K11 h1,
body.K11 h2,
body.K11 h3,
body.K11 h4,
body.K11 h5,
body.K11 h6,
body.K11 small,
body.K11 strong,
body.K11 label,
body.K11 ol,
body.K11 ul,
body.K11 li,
body.K11 p,
body.K11 .alert,
body.K11 .btn-primary,
body.K11 .modal-header,
body.K11 .info,
body.K11 .stopka small a,
body.K11 .form-group label { color: #fff !important; }
body.K11 .form-group.has-success .help-block { color: #33cc00 !important; }



body.K12 h1,
body.K12 h2,
body.K12 h3,
body.K12 h4,
body.K12 h5,
body.K12 h6,
body.K12 small,
body.K12 strong,
body.K12 label,
body.K12 ol,
body.K12 ul,
body.K12 li,
body.K12 p,
body.K12 .alert,
body.K12 .btn-primary,
body.K12 .modal-header,
body.K12 .info,
body.K12 .stopka small a,
body.K12 .form-group label { color: #000 !important; }
body.K12 .form-group.has-success .help-block { color: #33cc00 !important; }


body.K13 h1,
body.K13 h2,
body.K13 h3,
body.K13 h4,
body.K13 h5,
body.K13 h6,
body.K13 small,
body.K13 strong,
body.K13 label,
body.K13 ol,
body.K13 ul,
body.K13 li,
body.K13 p,
body.K13 .alert,
body.K13 .btn-primary,
body.K13 .modal-header,
body.K13 .info,
body.K13 .stopka small a,
body.K13 .form-group label { color: #ff0 !important; }
body.K13 .form-group.has-success .help-block { color: #33cc00 !important; }

body.K11 .help-block,
body.K12 .help-block,
body.K13 .help-block { color: #f00 !important; }
body.K11 .form-control:focus,
body.K12 .form-control:focus,
body.K13 .form-control:focus { border: 2px solid #33cc00; }
body.K11 .panel.panel-default label,
body.K12 .panel.panel-default label,
body.K13 .panel.panel-default label,
body.K11 .panel.panel-default label small,
body.K12 .panel.panel-default label small,
body.K13 .panel.panel-default label small {color: #000 !important;}
body.K11 .panel.panel-primary label,
body.K12 .panel.panel-primary label,
body.K13 .panel.panel-primary label,
body.K11 .panel.panel-primary label small,
body.K12 .panel.panel-primary label small,
body.K13 .panel.panel-primary label small {color: #fff !important;}



