body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #1B1B1B;
  background: #f9f9f9 url('../images/tail.png') repeat;
  font-weight: 300;
}

img,
div,
p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
span,
form,
fieldset,
em,
small,
a {
  margin: 0;
  padding: 0;
  display: block;
  border: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #1B1B1B;
  font-weight: 300;
}

ul li {
  list-style-type: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

video,
iframe {
  width: 100%;
  min-height: 400px;
  height: auto;
}

@font-face {
  font-display: swap;
}

a.form_nowa {
  cursor: pointer;
}

hr {
  height: 0px;
  border: 0;
  border-top: 1px solid #e6e6e6;
}

a.kotwica {
  display: none;
}

.fright {
  float: right;
}

div.clear {
  display: block;
  width: 100%;
  clear: both;
}

img {
  max-width: 100%;
  height: auto;
}

fieldset legend {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-header h1,
.page-header h2,
.mode.zapraszamy h1 {
  color: #2169b0;
  font-size: 23px;
  line-height: 33px;
  font-weight: 500;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.hidden {
  position: absolute;
  left: -99999rem
}

.item-page,
.item-page p,
.item-page a,
.item-page span,
p label.red {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
}

.item-page a {
  text-decoration: underline;
}

.item-page a:hover {
  text-decoration: none;
}

.mode.logowanie,
form#member-registration,
form#user-registration,
form.form-horizontal {
  max-width: 350px;
  margin: auto;
  margin-bottom: 0px;
}

form#login-form .login-greeting {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 400;
}

form#login-form .login-greeting,
form#login-form .logout-button {
  text-align: center;
}

.content h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: center;
}

.content p {
  text-align: center;
  margin-bottom: 10px;
}

.content .item-page ul li {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  margin-bottom: 5px;
}

h1,
h2,
h4,
h5,
h6 {
  margin-bottom: 5px;
}

h1 {
  font-size: 30px;
  line-height: 40px;
}

h2 {
  font-size: 25px;
  line-height: 35px;
}

h4 {
  font-size: 18px;
  line-height: 28px;
}

h5 {
  font-size: 15px;
  line-height: 25px;
  color: #111111;
  font-weight: 300;
}

h6 {
  font-size: 13px;
  line-height: 23px;
  color: #111111;
  font-weight: 300;
}

.content .item-page h5 {
  color: #2169b0;
  font-weight: 500;
  text-transform: uppercase;
}

a {
  color: #2169b0;
  display: inline-block;
  font-weight: 400;
}

a:hover {
  color: #4F62A8;
  text-decoration: underline;
}

.content h1:after,
.content h2:after,
.content h3:after,
.mode h3:after,
.mode.zapraszamy h1:after,
.content h4:after,
.content h5:after,
.content h6:after,
ul.zadania h4:after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  border: 0;
  background: #2169b0;
  margin: 20px auto;
}

.content .item-page h5:after {
  display: none;
}

.mode {
  margin: auto;
  margin-bottom: 40px;
}

.container {
  padding-top: 0px;
  box-sizing: border-box;
  min-width: 330px;
}

.wrap {
  max-width: 1200px;
  margin: auto;
}

.mode.menu_raporty li a,
.item-page a.btn,
.btn,
.more,
.mode.usermenu li.deeper.parent>a,
.mode.usermenu li.item-685>a,
.mode.usermenu li.item-373>a,
.mode.usermenu li.item-730>a,
.mode.usermenu li.item-1289>a,
.mode.usermenu li.item-923>a,
.mode.usermenu li.item-3687>a,
.logged .top .mode.log input.btn {
  display: inline-block;
  height: auto;
  line-height: 25px;
  font-weight: 400;
  font-size: 16px;
  padding: 10px 30px 10px 30px;
  margin: 0px 0px 0px 0px;
  width: auto;
  color: #fff;
  border: 0;
  cursor: pointer;
  background: #2169b0;
  font-weight: 400;
  border: 1px solid #188aad;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0eaba8+0,188aad+100 */
  background: #0eaba8;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #0eaba8 0%, #188aad 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #0eaba8 0%, #188aad 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #0eaba8 0%, #188aad 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0eaba8', endColorstr='#188aad', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  text-decoration: none;
}

.mode.menu_raporty li.current a,
.mode.menu_raporty li.active a,
.mode.menu_raporty li a:hover,
.more:hover,
.btn:hover {
  background: #2169b0;
  color: #fff;
  text-decoration: none;
}

label {
  color: #38b4aa;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

span.red,
p.red,
label.red {
  color: red;
}

input,
select,
textarea {
  font-size: 13px;
  line-height: 23px;
  font-weight: 400;
  width: 100%;
  padding: 10px 10px;
  box-sizing: border-box;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top: 5px;
  margin-bottom: 15px;
}

input,
textarea {
  background: #fff;
}

select {
  min-height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.disabled {
  background: #e6e6e6 !important;
  color: #5e5e5e !important;
}

.btn.disabled {
  color: #fff;
  background: #CACACA;
  cursor: default;
}

input:focus {
  border: 1px solid #38b4aa;
}

input.btn,
input.btn:focus {
  border: 0;
}

span.star {
  display: inline-block;
  color: red;
}

.mode.logowanie div.submit {
  padding-top: 10px;
}

.mode.logowanie .btn,
.mode.logowanie ul {
  display: inline-block;
  float: none;
}

.mode.logowanie ul,
.login form ul {
  text-align: right;
  float: right;
}

.mode.logowanie ul li,
.mode.logowanie ul li a {
  padding: 0;
  margin: 0;
  line-height: 20px;
}

.mode.center {
  text-align: center;
}

.top {
  margin-bottom: 30px;
}

.top {
  text-align: center;
}

.top .mode.logo {
  margin-bottom: 0px;
}


.logged .top .mode.logo a {
  text-align: center;
}

.logged .top .mode.logo a,
.logged .top .mode.logo img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: 45px;
}

.top .mode.logo p:first-child img {
  margin-left: 70px;
  margin-right: 70px;
}

.logged .top .mode.logo img,
.logged .top .mode.logo p:first-child img {
  margin: 0;
  margin-right: 20px;
}

.mode.zapraszamy h3,
.mode.zapraszamy h1 {
  max-width: 380px;
}

.mode.zapraszamy p {
  text-align: justify;
}

.mode.ftr_menu {
  margin-bottom: 30px;
}



.mode.ftr_menu ul li {
  display: inline-block;
  display: table-cell;
  text-align: center;
  width: 25%;
}

.mode.ftr_menu ul li a {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}

.mode.stopka {
  margin-bottom: 10px;
}

.mode.stopka h5,
.mode.stopka h5 a {
  font-size: 20px;
  line-height: 30px;
}

.mode.znajdz ul li {
  vertical-align: bottom;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}

.mode.znajdz a {
  color: #111111;
  font-weight: 300;
}

.mode.znajdz a .fab,
.mode.znajdz a svg {
  color: #38b4aa;
  font-size: 20px;
  line-height: 20px;
  vertical-align: middle;
}

.mode.znajdz a .fab:hover,
.mode.znajdz a svg:hover {
  color: #4F62A8;
}

.scrollup {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none;
}

.scrollup i,
.scrollup svg {
  margin-right: 5px;
}

footer {
  margin-top: 40px;
}

i.fab {
  display: none;
}

body em.autherror,
body label.error {
  color: red;
  background: url('../images/error_label.png') no-repeat 0px 0px;
  padding: 18px 0px 12px 40px;
  width: 200px;
  box-sizing: border-box;
  position: absolute;
  margin-top: -20px;
  display: block;
  font-size: 12px;
  line-height: 22px;
  font-weight: 300;
  text-transform: none;
  letter-spacing: 0px;
}

.reg em.autherror,
.info em.autherror {
  margin-top: -5px;
}

input.error,
input.autherror,
textarea.autherror {
  border-color: red;
}

.popover {
  display: none !important;
}

#system-message-container {
  clear: both;
  max-width: 800px;
  margin: auto;
}

#system-message-container joomla-alert,
#system-message-container #system-message {
  margin-bottom: 40px;
  text-align: center;
}

#system-message-container div.alert.alert-info,
#system-message-container joomla-alert,
#system-message-container #system-message {
  margin-top: 20px;
  margin-bottom: 20px;
}

#system-message-container #system-message a.close {
  display: none;
}

#system-message-container #system-message h4 {
  display: none;
}

#system-message-container div.alert.alert-info,
#system-message-container joomla-alert,
#system-message-container #system-message {
  padding: 20px;
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  border: 1px solid #37b3a9;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#37b3a9+0,4f86c6+100 */
  background: #37b3a9;
  /* Old browsers */
  background: -moz-linear-gradient(left, #37b3a9 0%, #4f86c6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #37b3a9 0%, #4f86c6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #37b3a9 0%, #4f86c6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37b3a9', endColorstr='#4f86c6', GradientType=1);
  /* IE6-9 */
}

#system-message-container div.alert.alert-info,
#system-message-container joomla-alert,
#system-message-container #system-message {
  text-align: left;
}

#system-message-container div.alert.alert-info,
#system-message-container joomla-alert div,
#system-message-container #system-message div {
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  text-align: left;
  display: block;
  margin: 0;
}

#system-message-container div.alert.alert-info a,
#system-message-container joomla-alert div a,
#system-message-container #system-message div a {
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  text-decoration: underline;
}

#system-message-container joomla-alert div a:hover,
#system-message-container #system-message div a:hover {
  text-decoration: none;
}

#system-message-container div.alert.alert-info:before,
#system-message-container joomla-alert div div.alert-message:before,
#system-message-container #system-message div div.alert-message:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
  content: "\f06a";
}

form div.reg label,
form div.reg label a {
  color: #111111;
  font-size: 12px;
  line-height: 22px;
  font-weight: 300;
}

form div.reg label a {
  color: #38b4aa;
  font-weight: 400;
}

form div.reg label,
form div.reg input {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin: 0;
  padding: 0;
}

form div.reg label {
  width: 90%;
  margin-left: 5px;
  margin-top: -5px;
}

#member-registration button.btn {
  float: right;
  margin-bottom: 40px;
}

.icons {
  display: none;
}

.mode.kroki {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 20px;
}

.mode.kroki ul li {
  counter-increment: kroki;
}

.mode.kroki ul li a:before {
  content: counter(kroki);
  display: block;
  width: 40px;
  height: 40px;
  background: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
  color: #2169b0;
  margin: auto;
  margin-bottom: 15px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  border: 2px solid #fff;

}

.mode.kroki ul li.current a:before,
.mode.kroki ul li.active a:before {
  border: 2px solid #4f86c6;
  color: #4f86c6;
  -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 1);
}

.mode.kroki ul li {
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
}

.mode.kroki ul li a {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
}

.mode.bread {
  margin-bottom: 20px;
}

.mode.bread ul li {
  display: inline-block;
  vertical-align: top;
}

.mode.bread ul li a span {
  color: #111111;
  font-weight: 300;
}

.mode.bread ul li span {
  color: #2169b0;
  font-weight: 400;
}

.mode.bread ul li span.divider {
  color: #2169b0;
  font-weight: 400;
  width: auto;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  margin-right: 5px;
}

.logged .container {
  padding-top: 0;
  margin: 0;
}

.logged .top .wrap,
.logged .mode.bread .wrap {
  max-width: 1200px;
}

.logged .top {
  text-align: left;
  background: #fff;
  padding-top: 25px;
  padding-bottom: 25px;
  margin: 0;
}

.logged .top .mode.logo {
  max-width: 450px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.logged .top .mode.logo img.edu {
  max-height: 45px;
  width: auto;
}

.logged .top .mode.log {
  max-width: 400px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  padding-top: 7px;
}

.top form#login-form .login-greeting,
.top form#login-form .logout-button {

  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

.logged .top .mode.log .btn {
  width: auto;
  height: auto;
  background: none;
  color: #2169b0;
  padding: 0;
  margin: 0;
}

.logged .top .mode.log .btn:hover {
  text-decoration: underline;
}

.mode.usermenu {
  display: inline-block;
  float: right;
  margin: 0;
  margin-left: 20px;
}

.mode.usermenu li,
.mode.usermenu li.deeper.parent,
.mode.usermenu li.item-373,
.mode.usermenu li.item-685,
.mode.usermenu li.item-730,
.mode.usermenu li.item-2549 {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

.mode.usermenu li.item-3687>a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 0;
  padding: 0;
  margin-right: 10px;
  content: "\f091";
}

.mode.usermenu li.deeper.parent>a:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 0;
  padding: 0;
  margin-left: 10px;
  content: "\f0dd";
  vertical-align: top;
  position: relative;
  margin-top: -2px;
}

.mode.usermenu li.item-3687>a,
.mode.usermenu li.deeper.parent>a,
.mode.usermenu li.item-373>a,
.mode.usermenu li.item-730>a,
.mode.usermenu li.item-1289>a,
.mode.usermenu li.item-923>a {
  padding-left: 20px;
  padding-right: 20px;
}

.mode.usermenu li.item-1289 a em.circle {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  text-align: center;
  color: #fff;
  margin-left: 5px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  font-weight: bold;
  margin-right: -2px;
}

.mode.usermenu li.item-3687>a,
.mode.usermenu li.deeper.parent.item-374>a,
a.btn.blue,
.mode.usermenu li a.blue {
  background: #4F86C6;
  border-color: #4474aa
}

.mode.usermenu li.deeper.parent ul {
  display: none;
  min-width: 130px;
}

.mode.usermenu li.deeper.parent:hover ul {
  display: block;
}

.mode.usermenu li.deeper.parent:hover ul,
.mode.usermenu li.deeper.parent.active ul {
  background: #fff;
  border: 1px solid #e6e6e6;
  position: absolute;
}

.mode.usermenu li.deeper.parent:hover ul li,
.mode.usermenu li.deeper.parent.active ul li {
  display: block;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}

.mode.usermenu li.deeper.parent:hover ul li a,
.mode.usermenu li.deeper.parent.active ul li a {
  width: 100%;
  padding: 8px 10px;
  box-sizing: border-box;
  color: #111;
  font-weight: 300;
  text-align: left;
  font-size: 13px;
  line-height: 23px;
}

.mode.usermenu li.deeper.parent:hover ul li.active a,
.mode.usermenu li.deeper.parent.active ul li.active a {
  font-weight: 500;
}

.item-page form div.control-group {
  display: inline-block;
  width: 48.5%;
  vertical-align: top;
}

#page_433 form.form-horizontal div.control-group.w-100,
.item-page form div.control-group.w-100 {
  display: block;
  width: 100%;
}

.item-page form div.control-group.ml {
  margin-left: 45px;
}

.item-page form .info {
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  margin-top: 10px;
  margin-bottom: 20px;
}

.item-page form .info label {
  margin-top: 0px;
}

.item-page form .info .checkbox {
  margin-top: 4px;
}

.ui-tooltip {
  color: #38b4aa !important;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75) !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  display: inline-block !important;
  width: auto !important;
  max-width: 400px !important;
  background: #fff;
  border: 1px solid #38b4aa;
  padding: 10px;
  z-index: 99;
}

.ui-tooltip p,
.ui-tooltip span,
.ui-tooltip div {
  color: #38b4aa !important;
  font-weight: 400 !important;
}

.chosen-container {
  margin-top: 5px;
}

.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices {
  padding: 6px 10px !important;
  border: 1px solid #c0c0c0 !important;
  background: #fff !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  min-height: 41px !important;
  margin-bottom: 15px !important;
}

form .chosen-disabled {
  opacity: 1 !important;
}

form .chosen-disabled span {
  color: #5e5e5e;
}

.chosen-container-single.chosen-disabled .chosen-single,
.chosen-container-multi.chosen-disabled .chosen-choices {
  background: #e6e6e6 !important;
}

.chosen-container-multi .chosen-drop,
.chosen-container-single .chosen-drop {
  margin-top: -15px !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
  margin: 0px 5px 0px 0 !important;
  padding: 1px 20px 1px 5px !important;
}

.chosen-container-single .chosen-single div b {
  background-position: 0 10px !important;
}

.chosen-container-single .chosen-drop ul li em {
  display: inline-block !important;
}

.zalacz p,
.zalacz span,
.zalacz a.wzor {
  text-align: center;
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  font-weight: 300;
  width: auto;
  vertical-align: middle;
  color: #111111
}

.zalacz.disabled p,
.zalacz.disabled span,
.zalacz.disabled a {
  color: #b3b3b3;
  display: none;
}

.zalacz p {
  width: auto;
  margin-right: 20px;
  text-align: left;
  margin-top: 10px;
}


.zalacz.disabled #pdf_zgoda {
  display: none;
}

form div.reg .zalacz #pdf_zgoda {
  display: inline-block;
}

form div.reg .zalacz label {
  width: auto;
  display: inline-block;
  margin-right: 10px;
}

.zalacz label.btn {
  min-width: 120px;
  text-align: center;
  color: #fff;
  line-height: 24px;
  font-size: 14px;
  padding: 7px 0px 7px 0px;
  box-sizing: border-box;
}

.zalacz .fa-file-pdf {
  color: red;
  font-size: 20px;
  margin-right: 5px;
}

.zalacz.disabled .fa-file-pdf {
  color: #e6e6e6;
}

.zalacz.disabled {
  background: none;
  color: #e6e6e6;
  text-align: left;
}

.zalacz.disabled label.btn {
  background: #cacaca
}

form button.btn,
form .button.btn {
  float: right;
  clear: both;
  margin-bottom: 20px;
}

.login form button.btn {
  float: none;
}

#page_101 form button.btn {
  margin-bottom: 0px;
}

.item-page h4 {
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.item-page h4.case_normalize {
  text-transform: none;
}

.item-page h4:after {
  display: none;
}

.item-page form div.col-3 div.control-group {
  width: 30%;
  margin-right: 35px;
}

.item-page form div.col-3 div.control-group:last-child {
  margin-right: 0px;
}

input.loader {
  background-image: url('../images/loading.gif');
  background-repeat: no-repeat;
  background-position: right 5px center;
}

.loader a.chosen-single {
  background-image: url('../images/loading.gif') !important;
  background-repeat: no-repeat !important;
  background-position: right 5px center !important;
}

.logged .top .mode.log.wylog {
  margin-left: 20px;
}

.logged .top .mode.log.login form#login-form .logout-button {
  display: none;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  font-size: 13px;
  line-height: 23px;
  font-weight: 400;
}

#nowa_szkola {
  display: none;
}

#nowa_szkola .chosen-container {
  width: 100% !important;
}

ul.zadania {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

ul.zadania li {
  width: 30%;
  text-align: center;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  border: 1px solid #c0c0c0;
  background: #fff;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;

  font-weight: 400;
  font-size: 14px;
  line-height: 24px;

}

ul.zadania h4 {
  font-size: 14px;
  line-height: 24px;
}

ul.zadania li:hover,
ul.zadania li.active {
  color: #fff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3ab3ac+0,4f86c6+100 */
  background: #3ab3ac;
  /* Old browsers */
  background: -moz-linear-gradient(left, #3ab3ac 0%, #4f86c6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #3ab3ac 0%, #4f86c6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #3ab3ac 0%, #4f86c6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ab3ac', endColorstr='#4f86c6', GradientType=1);
  /* IE6-9 */
}

ul.zadania li:hover,
ul.zadania li:hover h4 {
  color: #fff;
  text-decoration: none;
}

ul.zadania li:hover h4:after,
ul.zadania li.disabled h4:after {
  background: #fff;
}

ul.zadania li:hover span {
  color: #fff;
}

ul.zadania li span {
  margin-bottom: 20px;
}


ul.zadania li span.opis {
  display: none;
}

ul.zadania li:hover span.opis {
  display: block;
}

ul.zadania li.wyslano {
  background: #CCCCCC;
  color: #fff;
}

ul.zadania li.wyslano a.btn {
  background: #969696;
  color: #fff;
}

ul.zadania li.wyslano h4 {
  color: #fff;
}

ul.zadania li a.btn {
  display: inline-block;
  clear: both;
  margin: auto;
  margin-top: 0px;
  max-width: 60px;
  cursor: pointer;
}

ul.zadania li.disabled {
  color: #fff;
  background: #cacaca !important;
  cursor: default !important;
}

ul.zadania li.disabled a.btn {
  cursor: pointer !important;
  color: #fff !important;
  background: #cacaca !important;
}

ul.zadania li.disabled span {
  color: #fff;
}

ul.zadania li.disabled h4 {
  color: #fff;
}

ul.zadania li a.disabled {
  border: 1px solid #fff;
}

#zglos_zadanie label.btn,
.btn.border,
.lista .btn {
  color: #fff;
  border: 1px solid #2169b0;
  background: #2169b0;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
}

.lista .btn {
  background: #fff;
  margin: auto;
  padding-left: 0;
  padding-right: 0;
  width: 110px;
  text-align: center;
  text-transform: none;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  display: inline-block;
}

.lista .btn:hover {
  background: #2169b0;
  color: #fff;
}

.zalacz a.btn {
  margin: auto;
  padding: 6px 10px;
  width: 90px;
  text-align: center;
  margin-left: 5px;
}

.btn:hover,
.button.btn:hover,
#zglos_zadanie label.btn:hover,
.btn.border:hover {
  color: #fff;
  background: #2169b0;
}

.btn.border.disabled,
.btn.border.disabled:hover {
  color: #CACACA;
  border-color: #CACACA;
  background: none;
}

.disabled,
.btn.disabled,
input.disabled,
.chosen-disabled a.chosen-single,
.chosen-disabled ul.chosen-choices {
  cursor: not-allowed !important;
}

.item-page form div.table-group {
  display: table;
  width: 100%;
}

.item-page form div.table-row {
  display: table-row;
  width: 100%;
}

.item-page form div.table-group .table-row .control-group {
  display: table-cell;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
}

.item-page form div.table-group .table-row:last-child .control-group {
  border-bottom: 1px solid #e6e6e6;
}

.item-page form div.table-group .control-group:first-child {
  width: 70%;
  border-right: 0;
}

.item-page form div.table-group .control-group:last-child {
  width: 30%;
}

.item-page form div.table-group .control-group.w-100 {
  border-right: 1px solid #e6e6e6;
  border-top: 0px;
  padding: 5px 10px;
  background: #fff;
}

.item-page form div.table-group .control-group.w-100 a,
a.small {
  font-size: 12px;
  cursor: pointer;
}

.item-page form div.table-group .control-group input {
  margin: 0;
  border: 0;
}

form#zglos_zadanie button.btn {
  clear: none;
}

form#zglos_zadanie button.btn.save {
  float: left;
  text-transform: uppercase;
  font-weight: 600;
}

form#zglos_zadanie button.btn.submit {
  float: right;
}

form#zglos_zadanie h3 {
  color: #111111;
  font-size: 16px;
  text-align: left;
  margin-bottom: 10px
}

form#zglos_zadanie h3:after {
  display: none;
}

.control-label.udzial {
  padding-top: 30px;
}

.control-label.udzial p {
  text-align: left;
  font-size: 13px;
  line-height: 20px;
  width: 70%;
  display: inline-block;
}

.control-label.udzial strong {
  float: right;
  font-size: 32px;
  line-height: 40px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

footer h4 {
  margin-top: 5px;
  margin-bottom: 5px;
}

footer h4,
footer h4 a {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

a.aright {
  text-transform: uppercase;
  text-align: right;
  width: 100%;
  cursor: pointer;
}

textarea#przebieg {
  min-height: 200px;
}

textarea#zagadnienia {
  min-height: 110px;
}

form.disabled {
  background: none !important;
}

form.disabled .termin_add,
form.disabled #przebieg_count,
form.disabled #zagadnienia_count {
  display: none;
}

form.disabled .chosen-container-single .chosen-single span,
form.disabled h3,
form.disabled p,
form.disabled strong,
form.disabled a,
form.disabled label,
form.disabled textarea,
form.disabled input {
  color: #b3b3b3 !important;
}

form.disabled .note-editable,
form.disabled input,
form.disabled textarea {
  background: #e6e6e6 !important;
  color: #b3b3b3 !important
}

.chosen-container-single .chosen-single span {
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  font-weight: 400;
  margin: 1px 0;
  height: 25px;
  line-height: 25px;
  display: block;
}

.lista table {
  width: 100%;
}

.lista table td {
  text-align: right;
  padding: 0;
}

.lista table td {
  background: #fff;
  border: 1px solid #C0C0C0;
  text-align: left;
  padding: 2px 10px;
  width: auto;
}

/*
.lista table tr#twoje_konto td:first-child {
  border: 1px solid #2169b0;
}
*/
.lista.nauczyciel table td.btns {
  border: 0;
  padding: 0;
  width: 110px;
  background: none;
}

.lista.uczniowie table td.btns {
  border: 0;
  padding: 0;
  width: 230px;
  background: none;
}

.lista .btn.disabled,
.lista .btn.disabled:hover {
  background: #e6e6e6;
  border-color: #C0C0C0;
  color: #5e5e5e;
  text-decoration: none;
}

.chosen-container-multi ul.chosen-choices:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
  content: "\f0d7";
}

.chosen-disabled ul.chosen-choices:after {
  display: none;
}

.chosen-disabled b {
  background-image: none !important;
}

form.not-required span.star {
  display: none;
}

.termin_remove,
.termin_add {
  text-decoration: none;
  cursor: pointer;
  float: left;
  margin-top: -47px;
  background: #fff;
  margin-left: 10px;
  position: relative;
}

.termin_remove {
  margin-top: -48px;
}

.termin_remove,
.termin_remove i,
.termin_remove svg {
  font-size: 10px;
  font-weight: 300;
}

.p_terminy {
  display: none;
}

a.gosc_remove {
  margin-bottom: -25px;
  position: relative;
}

a.remove_efekt {
  position: absolute;
  margin-left: 5px;
  margin-top: 5px;
}

a.remove_rezultat {
  position: absolute;
  margin-left: 5px;
  margin-top: 5px;
}

.efekty .table-row .control-group {
  background: #fff;
}

.efekty .table-row .control-group a {
  font-size: 13px;
  line-height: 23px;
  font-weight: 400;
  margin-left: 10px;
  margin-top: 5px;
}

form.disabled a.remove_gosc,
form.disabled a.remove_rezultat,
form.disabled a.remove_efekt {
  display: none;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  color: black !important;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: black;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: black;
}

.disabled::placeholder {
  color: #5e5e5e
}

.disabled:-ms-input-placeholder {
  color: #5e5e5e
}

.disabled::-ms-input-placeholder {
  color: #5e5e5e
}

a.nauczyciel_remove {
  margin-bottom: -20px;
  z-index: 99;
  position: relative;
}

a.dodaj_nauczyciela,
a.dodaj_ucznia {
  text-transform: none;
}

.lower {
  text-transform: none !important;
}

.btn.border.lower {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.form_nowa_info {
  display: inline-block;
}

ul.zadania li span.wstep,
ul.zadania li span.wstep a {
  font-size: 15px;
  line-height: 25px;
  color: #000;
  font-weight: 400;
  text-align: left;
}


ul.zadania li.disabled span.wstep,
ul.zadania li.disabled span.wstep a,
ul.zadania li:hover span.wstep a,
ul.zadania li span.wstep a:hover {
  color: #fff;
}

input[type=date] {
  cursor: default;
  padding-left: 30px;
  box-sizing: border-box;
}

input.count {
  font-size: 13px;
  line-height: 23px;
  font-weight: 400;
  text-align: left;
  width: 100%;
  text-align: right;
  min-height: 20px;
  color: #7c7c7c;
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
}

.note-editable,
.note-editable p {
  font-size: 13px;
  line-height: 23px;
  font-weight: 400;
  text-align: left;
}

.note-placeholder {
  color: #000 !important;
  font-weight: 400;
}

.note-editor span {
  display: inline-block;
}

.note-dropdown-menu,
.note-dimension-picker div {
  font-size: 18px;
  max-width: none;
}

#zglos_zadanie.disabled .spacer {
  margin-bottom: 20px;
}

#zglos_zadanie.disabled .efekty .table-row .control-group,
#zglos_zadanie.disabled .efekty {
  background: #e6e6e6;
}

#popek {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#38b4aa+0,4f86c6+100 */
  background: #38b4aa;
  /* Old browsers */
  background: -moz-linear-gradient(left, #38b4aa 0%, #4f86c6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #38b4aa 0%, #4f86c6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #38b4aa 0%, #4f86c6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38b4aa', endColorstr='#4f86c6', GradientType=1);
  /* IE6-9 */
  color: #fff;
  clear: both;
  height: auto;
  display: none;
}

#popek .wrap {
  max-width: 1200px;
  color: #fff;
  display: table;
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: top;
  width: 100%;
}

#popek .wrap div.txt,
#popek .wrap div.txt i,
#popek .wrap div.txt a,
#popek .wrap div.txt strong,
#popek .wrap div.txt span,
#popek .wrap div.txt p,
#popek .wrap div.txt li {
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  font-weight: 300;
}

#popek .wrap div.info,
#popek .wrap div.txt,
#popek .wrap div.clos {
  display: table-cell;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  font-weight: 300;
  vertical-align: top;
}

#popek .wrap div.clear {
  display: block;
  clear: both;
}

#popek .wrap a.popek_ok {
  color: #fff;
  font-size: 30px;
}

#popek .wrap div.txt {
  padding-left: 20px;
  padding-right: 20px;
}

ul.zobacz.menu_items {
  width: 100%;
  margin-bottom: 20px;
}

ul.zobacz.menu_items li {
  background: #fff;
  display: inline-block;
  box-sizing: border-box;
  width: 25%;
  border: 1px solid #e6e6e6;
  vertical-align: top;
  text-align: center;
}

ul.zobacz.menu_items li a {
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  min-height: 165px;
}

ul.zobacz.menu_items li.active a,
ul.zobacz.menu_items li a:hover,
ul.zobacz.menu_items li a i,
ul.zobacz.menu_items li a svg {
  background: #38b4aa;
  background: -moz-linear-gradient(left, #38b4aa 0%, #4f86c6 100%);
  background: -webkit-linear-gradient(left, #38b4aa 0%, #4f86c6 100%);
  background: linear-gradient(to right, #38b4aa 0%, #4f86c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38b4aa', endColorstr='#4f86c6', GradientType=1);
  color: #fff;
  text-decoration: none;
}

ul.zobacz.menu_items li a i,
ul.zobacz.menu_items li a svg {
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  display: block;
  width: 30px;
  height: 30px;
  padding: 20px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  margin: auto;
  margin-bottom: 20px;
}

ul.zobacz.menu_items li.active a i,
ul.zobacz.menu_items li.active a svg,
ul.zobacz.menu_items li a:hover i,
ul.zobacz.menu_items li a:hover svg {
  color: #38b4aa;
  background: #fff;
}

.lista_item {
  display: none;
}

.lista_item.active {
  display: block;
}

ul.zobacz.menu_items.dane {
  background: #38b4aa;
  background: -moz-linear-gradient(left, #38b4aa 0%, #4f86c6 100%);
  background: -webkit-linear-gradient(left, #38b4aa 0%, #4f86c6 100%);
  background: linear-gradient(to right, #38b4aa 0%, #4f86c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38b4aa', endColorstr='#4f86c6', GradientType=1);
  color: #fff;
  text-decoration: none;
}

ul.zobacz.menu_items.dane li,
ul.zobacz.menu_items.dane li:hover {
  background: none;
  border: 0;
}

ul.zobacz.menu_items.dane li a i,
ul.zobacz.menu_items.dane li a svg {
  background: none;
  border: 1px solid #e6e6e6;
  color: #fff;
}

ul.zobacz.menu_items.dane li a,
ul.zobacz.menu_items.dane li a span {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  font-weight: 300;
}

ul.zobacz.menu_items.dane li a span {
  display: block;
  margin-top: 5px;
  font-weight: 400;
}

ul.zobacz.menu_items.dane li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}

.btn.usun_pliki {
  margin-bottom: 20px;
}

a.anchor.rl_sliders-scroll.nn_sliders-scroll {
  display: none;
}

.rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {
  background: #2169b0;
}

.rl_sliders.accordion .accordion-heading.panel-heading a span.rl_sliders-toggle-inner {
  color: #fff;
  font-size: 16px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.rl_sliders.accordion>.accordion-group,
.rl_sliders.accordion .accordion-heading.panel-heading {
  background: #fff;
}

.rl_sliders.accordion .accordion-heading.panel-heading a.collapsed span {
  color: #111111;
  font-size: 16px;
}

.rl_sliders.accordion>.accordion-group,
.rl_sliders.accordion>.accordion-group>.accordion-body,
.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner {
  overflow: hidden;
}

.rl_sliders.accordion p {
  text-align: left;
}

.rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle {
  background: #f5f5f5;
  transition: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 50px;
  text-align: left;
  font-size: 16px;
}

.rl_sliders.accordion>.accordion-group {
  margin-bottom: 20px;
}

.rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2169b0+0,139daa+100 */
  background: #2169b0;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #2169b0 0%, #139daa 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #2169b0 0%, #139daa 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #2169b0 0%, #139daa 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2169b0', endColorstr='#139daa', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  transition: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 50px;
  text-align: left;
  font-size: 16px;
}

/*
  background-color: #2169b0;
  background-image: url('../images/up.png');
  background-repeat: no-repeat;
  background-position: top right;
*/
.item-page.text-justify,
.item-page.text-justify p {
  text-align: justify;
}

a.download,
a.print {
  font-size: 15px;
  font-weight: 400;
  color: #000;
  margin-right: 20px;
}

a.download:before {
  display: inline-block;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  margin-right: 5px;
  content: "\f1c1";
  font-size: 20px;
  color: red;
}

a.print:before {
  display: inline-block;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  content: "\f02f";
  font-size: 20px;
  color: red;
}

.materialy h5 {
  color: #2169b0;
  font-weight: 500;
  text-align: left;
  margin-bottom: 15px;
}

.materialy h5:after {
  display: none;
}

.materialy div {
  display: inline-block;
  width: 45%;
  text-align: left;
  vertical-align: top;
  margin-right: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}

.materialy div:nth-of-type(2n) {
  margin-right: 0px;
}

.materialy p {
  display: inline-block;
  width: 200px;
  text-align: left;
  font-size: 12px;
  line-height: 22px;
  vertical-align: top;

}

.materialy a.img {
  display: inline-block;
  width: 135px;
  vertical-align: top;
  margin-right: 20px;
}

.materialy a.btn {
  float: right;
  margin-top: 20px;
}

ul.pliki {
  width: 100%;
  margin-top: 40px;
}

ul.pliki li {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px;
}

ul.pliki li a {
  color: #000;
  font-weight: 400;
  line-height: 20px;
}

ul.pliki li span {
  color: #000;
  font-weight: 300;
  font-size: 13px;
}

ul.pliki li a.icon {
  display: block;
  float: left;
}

ul.pliki li a i,
ul.pliki li a svg {
  font-size: 45px;
  color: #0eaba8;
  margin-right: 20px;
}

div.archiwum {
  text-align: center;
}

div.archiwum div {
  display: inline-block;
  width: 31%;
  background: #cacaca;
  color: #fff;
  padding: 50px 30px;
  box-sizing: border-box;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: top;
}

div.archiwum div h5 {
  color: #fff;
  font-weight: 500;
  font-size: 17px;
}

div.archiwum div h5:after {
  background: #fff;
}

div.archiwum div p {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}

.mode.tools {
  text-align: center;
  margin: auto;
  width: 100%;
  margin-bottom: 10px;
}

footer a.a1,
footer a.a2,
footer a.a0 {
  font-size: 16px;
  line-height: 16px;
}

footer a.kontrast:hover,
footer a.a1:hover,
footer a.a2:hover,
footer a.a0:hover {
  color: #fff;
}

footer a.kontrast:after {
  content: '\f042';
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  line-height: 16px;
  margin-left: 10px;
  display: inline-block;
  font-weight: 900;
}

footer {
  text-align: center;
  padding-bottom: 30px;
}

.mode.znajdz,
.mode.tools {
  display: inline-block;
  width: auto;
  margin-bottom: 10px;
}

form.form_disabled span.star {
  display: none;
}

#zglos_zadanie label.btn.usun_plik {
  position: absolute;
  padding: 2px 8px;
  background: #2169b0;
  color: #fff;
  border: 1px solid #2169b0;
}

#zglos_zadanie label.btn.usun_plik:hover {
  background: #4F86C6;
  color: #fff;
  border: 1px solid #4F86C6;
}

textarea#uzasadnienie {
  margin-bottom: 0px;
  min-height: 210px;
}

.btn.lowercase {
  text-transform: none;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.mode.kom {
  margin: 0;
}

.mode.kom #popek .wrap div.txt strong {
  font-weight: 500;
}

.blog.komunikaty .info {
  text-align: center;
}

.blog.komunikaty dt,
.blog.komunikaty dd,
.blog.komunikaty dd a {
  text-align: center;
  color: #2169b0;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin: auto;
  display: inline-block;
}

.blog.komunikaty .items-row {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}

.blog.komunikaty time:before,
.blog.komunikaty dd.category-name span:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: regular;
  margin-right: 5px;
  margin-left: 5px;
  content: "\f073";
  color: #2169b0;
  font-size: 14px;
  line-height: 24px;
}

.blog.komunikaty dd.category-name span:before {
  content: "\f02e";
}

dd,
dt {
  margin: 0;
}

.mode.komu {
  text-align: center;
  margin: auto;
  width: 100%;
  margin-bottom: 20px;
}

.mode.komu ul {
  width: auto;
  margin: auto;
  border: 1px solid #e6e6e6;
  padding: 20px;
}

.mode.komu ul li {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}

.mode.komu ul li.current a {
  text-decoration: underline;
  color: #4F62A8;
}

.mode.usermenu li.item-730,
.mode.usermenu li.item-923 {
  display: none;
}

body.nbp .mode.kroki,
body.nbp .mode.usermenu li.item-923,
body.nbp .mode.usermenu li.item-374.deeper.parent,
body.nbp .mode.usermenu li.item-685.deeper.parent,
body.komisja .mode.kroki,

body.komisja .mode.usermenu li.item-374.deeper.parent,
body.komisja .mode.usermenu li.item-685.deeper.parent {
  display: none;
}

body.nbp .mode.usermenu li.item-730,
body.komisja .mode.usermenu li.item-923 {
  display: inline-block;
}

body.nbp .ocen table {
  width: 100%
}

body.nbp .ocen table th,
body.nbp .ocen table td {
  border: 1px solid #e6e6e6;
  padding: 5px 10px;
}


.item-page ul,
.item-page ol {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
}

.item-page ol ul,
.item-page ul ol,
.item-page ul ul,
.item-page ol ol {
  margin: 10px 0px 10px 20px;
}


.item-page ul li,
.item-page ol li {
  display: list-item;
  text-align: left;
}

.item-page ol ul li {
  list-style-type: inherit;
}

.item-page h2 {
  font-size: 20px;
  margin-top: 20px;
}

.item-page h2 strong {
  font-size: 15px;
  display: block;
  line-height: 1;
}

.item-page em,
.item-page strong {
  display: inline-block;
}

.item-page ul.pliki li,
.item-page ul.zadania li {
  display: inline-block;
}

ul.zadania li a.btn {
  max-width: 100px;
  line-height: 1.3;
}

.item-page ul.zadania,
.item-page ul.zadania li {
  text-align: center;
}

ul.pliki li a {
  max-width: 300px;
}

.reg {
  margin-bottom: 20px;
}

ul.zadania h4 {
  font-weight: bolder;
}

.item-page span {
  display: inline-block;
}

.item-page form#parametry div.control-group.ml {
  margin-left: 0px;
  margin-right: 5px;
}

.item-page form#parametry div.control-group {
  width: 24%;
  margin-bottom: 5px;
}

#miasto_chosen.chosen-container .chosen-results li.disabled-result {
  display: none !important;
}

.filtruj {
  text-align: right;
  line-height: 1.2;
  margin-top: 20px;
  margin-bottom: 0px;
}

.filtruj .lft,
.filtruj .rgt {
  display: inline-block;
  vertical-align: top;
  line-height: 1.5;
}

.filtruj .rgt {
  padding-left: 10px;
}

a.reset {
  line-height: 1.5;
}

table.wyniki {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0;
}


table.wyniki td,
table.wyniki th {
  padding: 10px;
  border: 1px solid #C0C0C0;
  text-align: center;
}

table.wyniki th {
  padding: 15px;
}

table.wyniki td.lp,
table.wyniki td.id {
  width: 20px;
}

table.wyniki td.nazwa {
  text-align: left;
  width: 550px;
  color: #36B4A9;
  font-weight: 400;
}

table.wyniki td.status {
  width: 150px;
}

table.wyniki td.uwagi {
  width: 180px;
}

table.wyniki td.ocen {
  width: 180px;
}


table.wyniki th {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  text-transform: uppercase;
}

table.wyniki tr.head td {
  background: #36B4A9;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
  padding: 20px 10px;
}

table.wyniki tr.head td label {
  color: #fff;
}

table.wyniki tr td a {
  font-size: 12px;
  line-height: 22px;
}

table.wyniki tr.zadania {
  display: none;
}

table.wyniki tr.zadania.show {
  display: table-row;
}

table.wyniki tr.head.zadania td {
  text-transform: none;
  font-size: 13px;
}

table.wyniki tr.con.zadania td {
  text-align: left;
  background: #efefef;
}

table.wyniki tr.con.zadania td.nagroda,
table.wyniki tr.con.zadania td.punkty,
table.wyniki tr.con.zadania td.id {
  text-align: center;
}

table a.dropdown {
  float: right;
  padding: 5px 10px;
  color: #fff;
  background: #36B4A9;
}

table a.dropdown.up {
  background: #4F62A8;
}

table a.dropdown:after {
  content: '\f078';
  font-family: "Font Awesome 5 Free";
  color: #fff;
  display: inline-block;
  font-weight: 600;
}

table a.dropdown.up:after {
  content: '\f077';
}

table a.dropdown:hover {
  background: #4F62A8
}

table.wyniki tr:hover td {
  background: #f1f1f1;
}

table.wyniki tr.con.zadania:hover td {
  background: #f9f9f9;
}

table.wyniki tr.head:hover td {
  background: #36B4A9;
}

table.wyniki td.status.option_1,
table.wyniki td.status.option_3 {
  background: #DAEEED
}

table.wyniki td.status.option_2 {
  background: #FED0D2
}

form#parametry_tab input,
form#parametry_tab button {
  background: none;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  background: #36B4A9;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
  padding: 0;
  border: 0;
  margin: 0;
}

form#parametry_tab input[type="number"] {
  max-width: 50px;
}

form#parametry_tab input[type="text"] {
  width: 80%;
  text-align: center;
}

form#parametry_tab button {
  cursor: pointer;
}

form#parametry_tab input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

form#parametry_tab input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

form#parametry_tab input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}

body .ocen a.btn.disabled {
  color: #fff !important;
  background: #CACACA !important;
  border-color: #d6d6d6;
}

form.widok_szkola .lista table td,
form.widok_szkola .lista table td:last-child {
  background: #fff;
  border: 1px solid #C0C0C0;
  text-align: left;
  padding: 10px 10px;
  width: auto;
}

form#zglos_zadanie video,
form.widok_zadanie video {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

form.widok_zadanie .galeria h5 {
  text-align: left;
}

form.widok_zadanie .galeria {
  margin-bottom: 20px;
}

form.widok_zadanie .galeria img {
  width: auto;
  height: 150px;
  display: inline-block;
  margin: 0px 5px 5px 0px;
}

.content p.text-align-left,
.content p.text-left {
  text-align: left;
}


body.ocena .redbox {
  background: #FED0D2;
  padding: 50px;
}

body.ocena .wrap .redbox table td {
  text-align: left;
}

body.ocena .wrap .redbox table td label {
  color: #111;
}

body.ocena .wrap .redbox .chosen-container {
  max-width: 100px;
}

body.ocena .wrap .redbox .chosen-container .chosen-single {
  margin-bottom: 0px !important;
}

body.ocena .wrap .redbox .chosen-container#status_chosen {
  max-width: 500px;
}

body.ocena .wrap .redbox table td.lp {
  width: 5%;
  text-align: center;
}

body.ocena .wrap .redbox table td.kryteria {
  width: 80%;
}

body.ocena .wrap .redbox table td.odpowiedz {
  width: 15%;
}

body.ocena.komisja .wrap .redbox table td.kryteria {
  width: 50%;
}

body.ocena.komisja .wrap .redbox table td.punkty {
  width: 25%;
}

body.ocena.komisja .wrap .redbox table td.odpowiedz {
  width: 25%;
}

body.ocena.komisja .wrap .redbox .chosen-container {
  max-width: 100%;
}

body.ocena .wrap .redbox p.text-left {
  font-size: 12px;
}

body.ocena .wrap .redbox button.btn {
  margin-bottom: 0px;
}

body.ocena em.autherror {
  margin-left: -30px;
  margin-top: 40px;
  z-index: 9;
}

body.ocena.komisja em.autherror {
  margin-top: 0px;
}

body.ocena form .redbox input#status.zatwierdzony {
  background: #daffbc !important;
  color: green !important;
  font-weight: bold !important;
}

body.ocena form .redbox input#status.odrzucony {
  background: #ffeded !important;
  color: red !important;
  font-weight: bold !important;
}

body.komisja table.wyniki td.nazwa {
  width: 250px;
}

.lista.nauczyciel.komisja table tr th {
  color: #fff;
  font-weight: bold;
  background: #2169b0;
  padding: 10px;
  text-align: center;
}

.lista.nauczyciel.komisja table tr td {
  text-align: center;
}

.lista.nauczyciel.komisja table td:last-child {
  background: #fff;
  border: 1px solid #C0C0C0;
  text-align: center;
  padding: 2px 10px;
  width: auto;
}

.lista.nauczyciel.komisja table td.edytuj,
.lista.nauczyciel.komisja table td.usun {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.lista.nauczyciel.komisja table td.edytuj a.btn,
.lista.nauczyciel.komisja table td.usun a.btn {
  padding-left: 0px;
  padding-right: 0px;
  width: 80px;
}

.mode.usermenu li.deeper.parent.item-1021,
.mode.usermenu li.deeper.parent.item-1228 {
  display: none;
}

body.nbp .mode.usermenu li.deeper.parent.item-1021,
body.nbp .mode.usermenu li.deeper.parent.item-1228,
body.komisja .mode.usermenu li.deeper.parent.item-1228 {
  display: inline-block;
}

form#parametry_tab .results {
  width: 100%;
  text-align: right;
  margin-bottom: 20px;
}

form#parametry_tab .results a {
  font-size: 12px;
  line-height: 22px;
}



body.ocena table.wyniki td.center {
  text-align: center;
}

#sbox-content .item-page {
  padding: 20px;
  text-align: justify;
}

#sbox-content .item-page ul,
#sbox-content .item-page ul li,
#sbox-content .item-page ol,
#sbox-content .item-page ol li {
  text-align: justify;
}

body.komisja table.wyniki td.uwagi,
body.komisja table.wyniki td.ocen {
  width: 100px;
}

body.komisja table.wyniki td.nagroda,
body.komisja table.wyniki td.punkty {
  width: 60px;
}

body.komisja table.wyniki td.status {
  width: 150px;
}

body.ranking table.wyniki.ranking_zadan td.nazwa {
  min-width: 300px;
  width: 300px;
}

body.ranking table.wyniki td.id {
  width: 80px;
}

body form#parametry div.filtruj {
  display: inline-block;
  float: right;
  margin-top: 30px;
}

.top form#login-form .login-greeting {
  text-align: right;
}

.top form#login-form .login-greeting span {
  display: block;
}

.logged .top .mode.log.login {
  padding-top: 2px;
}

body.nbp .top .mode.log.login {
  display: none;
}

table.wyniki.wiadomosci tr.message {
  display: none;
}

table.wyniki.wiadomosci td.pokaz {
  width: 80px;
  text-align: center;
}

table.wyniki.wiadomosci td.status {
  width: 50px;
  color: #36B4A9;
}

table.wyniki.wiadomosci a.dropdown {
  float: none;
}

table.wyniki.wiadomosci a.btn {
  padding-left: 15px;
  padding-right: 15px;
}

table.wyniki.wiadomosci a.btn.reply {
  font-size: 12px;
  line-height: 22px;
  padding: 3px 8px;
  color: #fff;
}

table.wyniki.wiadomosci tr.zadania td.wiadomosc {
  text-align: left;
}

form#napisz-wiadomosc p {
  text-align: left;
}

form#napisz-wiadomosc .reply_box {
  border: 1px solid #e6e6e6;
  padding: 0px 20px 20px 20px;
  margin-bottom: 20px;
  background: #fff;
  text-align: left;
}

form#napisz-wiadomosc .reply_box h4 {
  text-align: left;
}

form#napisz-wiadomosc .reply_box p {
  font-style: italic;
  color: #9e9e9e
}

table.wyniki.wiadomosci td.status span:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  content: "\f0e0";
  color: #36B4A9;
}

table.wyniki.wiadomosci tr.nieprzeczytana td {
  background: #edfffd
}

table.wyniki.wiadomosci td.status.przeczytana span:before {
  content: "\f2b6";
}

table.wyniki.wiadomosci td.status em:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f3e5";
  color: #36B4A9;
  margin-left: 5px;
}

.top form#login-form .login-greeting {
  line-height: 18px;
}

body .mode.usermenu li.deeper.parent.item-1289 {
  display: none;
}

body.admin .mode.usermenu li.deeper.parent.item-1289,
body.nbp .mode.usermenu li.deeper.parent.item-1289,
body.koordynator .mode.usermenu li.deeper.parent.item-1289 {
  display: inline-block;
}

body .item-page form.widok_zadanie .controls.textarea {
  width: 100%;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  margin-top: 5px;
  margin-bottom: 20px;
  word-wrap: break-word;
}

.info em.autherror#zgoda_uczestnicy-error {
  margin-top: -155px;
}

body div.logout .form-horizontal {
  text-align: center;
}

body div.logout .form-horizontal button.btn {
  float: none;
}

ul.zadania li a.btn {
  display: block;
  clear: both;
  margin-bottom: 10px;
}

body.ranking.komisja table.wyniki td.id {
  width: 70px;
}

body.ranking.komisja table.wyniki.ranking_szkol td.id {
  width: 50px;
}

body.komisja table.wyniki td.status {
  width: 50px;
}

.fa-file-word {
  color: #0082d3 !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mode_menug {
  width: 30px;
  height: 30px;
  top: 35px;
  right: 20px;
  position: absolute;
  z-index: 99999;
  cursor: pointer;
  display: none;
  outline: 0;
}

.mode_menug a {
  display: block;
  width: 30px;
  height: 4px;
  background-color: #2169b0;
  margin: 10px 0;
  transition: .2s;
  font-size: 16px;
  line-height: 24px;
  font-weight: 200;
  outline: 0;
  text-decoration: none;
}

.mode_menug a:after,
.mode_menug a:before {
  content: '';
  display: block;
  width: 30px;
  height: 4px;
  background-color: #2169b0;
  margin-top: -9px;
  position: absolute;
  transition: .2s;
}

.mode_menug a:after {
  margin-top: -15px;
}

.mode_menug a.active {
  background-color: transparent;
}

.mode_menug a.active:before {
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

.mode_menug a.active:after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

.mode.ikony_rwd {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  top: auto;
  height: auto;
  background: #fff;
  display: none;
  width: 100%;
  min-width: 200px;
  margin: 0;
  padding: 5px 0px;
  text-align: center;
  border-top: 1px solid #e6e6e6;
}

.mode.ikony_rwd ul {
  text-align: center;
}

.mode.ikony_rwd a {
  text-decoration: none;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #2169b0
}

.mode.ikony_rwd a:hover {
  color: #37b2ab
}

.mode.ikony_rwd ul li {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid #e6e6e6;
  text-align: center;
}

.mode.ikony_rwd ul li:last-child {
  border: 0;
}

.mode.ikony_rwd ul li a svg,
.mode.ikony_rwd ul li a i.fas {
  display: block;
  font-size: 20px;
  text-align: center;
  margin: auto;
}

body .dropzone .dz-preview.dz-file-preview.dz-error.dz-success.dz-complete,
body .dropzone .dz-preview.dz-error,
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone .dz-preview .dz-details .dz-size {
  display: none !important;
}

body .dropzone .dz-preview {
  border: 2px dotted #e6e6e6;
}

body .dropzone {
  min-height: 100px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 3px dotted #2169b0;
}

body .dropzone:hover .dz-message .dz-button {
  color: #b5b5b5;
}

body .dropzone .dz-preview.dz-image-preview {
  background: none;
}

body .dropzone .dz-message .dz-button {
  font-size: 25px;
  color: #2169b0;
  font-weight: 400;
}

body .dropzone .dz-preview .dz-image {
  border-radius: 0px;
  width: 150px !important;
  height: auto !important;
  min-height: 112px !important;
}

body .dropzone .dz-preview .dz-image img {
  height: 110px;
  margin: auto;
  width: auto;
}

body .dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 0px;
  background: none;
}

body .dropzone .dz-preview a.dz-download,
body .dropzone .dz-preview a.dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
  background: #2169b0;
  color: #fff;
  width: 70px;
  display: inline-block;
}

body .dropzone .dz-preview a.dz-download {
  background: #4F86C6;
  color: #fff;
  width: 80px;
}

body .dropzone .dz-preview a.dz-download:before,
body .dropzone .dz-preview a.dz-remove:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  font-size: 10px;
  content: "\f2ed";
}

body .dropzone .dz-preview a.dz-download:before {
  content: "\f019";
}

body .dropzone_error_narzedzia,
body .dropzone_error_opinie,
body .dropzone_error_materialy,
body .dropzone_error {
  color: #f00;
  margin-bottom: 20px;
}

body em.autherror#ilosc_film-error {
  margin-left: 180px;
}

ul.galeria li {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 2px;
  vertical-align: top;
}

ul.galeria li img {
  max-width: 200px !important;
  height: 100px !important;
}

ul.galeria li a.small.wideo {
  width: 100px !important;
  height: 100px !important;
  background: #38b4aa;
  background: -moz-linear-gradient(left, #38b4aa 0%, #4f86c6 100%);
  background: -webkit-linear-gradient(left, #38b4aa 0%, #4f86c6 100%);
  background: linear-gradient(to right, #38b4aa 0%, #4f86c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38b4aa', endColorstr='#4f86c6', GradientType=1);
  color: #fff;
  text-decoration: none;
  text-align: center;
}

ul.galeria li a.small.wideo {
  font-size: 40px;
  line-height: 100px;
}

ul.galeria li a.small.wideo:hover {
  background: #38b4aa;
}

form.czlonkowie table a.btn {
  font-size: 13px;
  padding: 2px 10px;
  width: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

.item-page .content-links-a a[href*="materialy"] {
  display: none;
}

.materialy {
  padding-bottom: 40px;
}

.materialy div {
  margin: 0 2.5%
}

.materialy div p {
  display: none;
}

.materialy a.img {
  max-width: 360px;
  width: auto;
  margin-right: 0;
}

body.raport .item-page.raport .col-12 {
  margin-bottom: 30px;
}

body.raport .item-page.raport .col-6 {
  margin-bottom: 30px;
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

body.raport .item-page.raport .row .col-6:nth-child(2) {
  margin-right: 0px;
}

table.lista_szkol {
  width: 100%;
}

table.lista_szkol tr th,
table.lista_szkol tr td {
  padding: 5px;
  border: 1px solid #e6e6e6;
}

body.komunikaty .blog ol,
body.komunikaty .blog ul,
body.komunikaty .item-page ol,
body.komunikaty .item-page ul {
  margin-left: 15px;
}

body.komunikaty .blog ol li,
body.komunikaty .item-page ol li {
  display: list-item;
  list-style: decimal;
}

body.komunikaty .blog ul li,
body.komunikaty .item-page ul li {
  display: list-item;
  list-style: square;
}

.efekty .table-row .control-group a.guzik_url {
  display: none;
  position: absolute;
  margin-left: -20px;
  margin-top: 8px;
}

.text_preview {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 12px;
  text-align: left;
  border: 1px solid #e6e6e6;
  padding: 20px;
}

.text_preview p {
  font-size: 12px;
  text-align: left;
}

.efekty .table-row .control-group a {
  word-break: break-all;
}

.item-page form.widok_zadanie div.table-group.efekty .control-group:first-child,
.item-page form.widok_zadanie div.table-group.efekty .control-group:last-child {
  width: 50%;
}

.content .item-page ul.chosen-results li {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 0px;
}

p.zadania_info_box {
  float: right;
  margin-top: 25px;
  padding: 5px 10px;
  border: 1px solid #36B4A9;
  margin-left: 10px;
  font-size: 12px;
  line-height: 22px;
  color: #111111;
  background: #efefef
}

p.zadania_info_box.done {
  background: #36b4a9;
  color: #fff;
}

p.zadania_info_box.done:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
  content: "\f00c";
}

.idle_time {
  width: 100%;
  height: 100%;
  background: rgba(000, 000, 000, 0.7);
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transition: all 0.2s;
}

.idle_time .msg {
  margin: auto;
  background: #fff;
  color: #fff;
  padding: 20px;
  width: 800px;
  max-width: 90%;
  text-align: center;
  height: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: fixed;
  top: -50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  border: 5px solid #2169b0;
  transition: all 1s;
}

.idle_time .msg.show {
  top: 50%;
}

.idle_time .msg p {
  margin: 0;
  padding: 0;
  color: #fff;
}

.idle_time .msg span {
  display: inline-block;
  font-weight: 800;
}

body .pagination ul li {
  display: inline-block !important;
  padding: 5px 15px;
  background: #e6e6e6;
  margin-right: 5px;
}

body .pagination p.counter,
body .pagination ul li.pagination-start,
body .pagination ul li.pagination-end,
body .pagination ul li.pagination-prev,
body .pagination ul li.pagination-next {
  display: none !important;
}

.mode.opinie {
  position: relative;
  margin: auto;
  max-width: 800px;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  margin-bottom: 20px;
}


.mode.opinie img {
  float: none;
  display: block;
  width: 160px;
  height: 160px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  background: #fff;
}

.mode.opinie .foto {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
  float: none;
  width: 160px;
  height: 160px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  background: #fff;
  overflow: hidden;
}

.mode.opinie .foto.play img {
  opacity: 0.3;
}

.mode.opinie .foto.play a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 10px;
  content: "\f144";
  position: absolute;
  color: #11a2a9;
  text-align: center;
  margin-top: 55px;
  font-size: 30px;
  z-index: 99;
  width: 160px;
}

.mode.opinie .foto.play:hover img {
  opacity: 1;
}

.mode.opinie .foto.play:hover a:before {
  display: none;
}

.mode.opinie .desc {
  display: inline-block;
  width: 610px;
  vertical-align: top;
  float: none;
}

.mode.opinie p {
  text-align: left;
  color: #2169b0;
  font-weight: 400;
}

.mode.opinie h4 {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  float: none;
  display: block;
  font-weight: bold;
}

.mode.opinie h4:after {
  display: none;
}

.mode.opinie strong {
  margin-top: 10px;
  float: none;
  display: block;
  color: #2169b0;
  font-weight: bold;
}

.mode.opinie .nav {
  width: 100%;
  border-top: 1px solid #e6e6e6;
  margin-top: 5px;
  padding-top: 5px;
}

.mode.opinie .rslides_nav {
  position: absolute;
  bottom: 0;
  z-index: 10;
}

.mode.opinie .rslides_nav.prev {
  right: 50%;
}

.mode.opinie .rslides_nav.next {
  left: 50%;
}

.mode.opinie .rslides_nav {
  font-size: 20px;
  margin-right: 5px;
}

.mode.opinie a.zobacz_opinie {
  float: right;
  font-weight: bold;
}

.mode.opinie .foto svg,
.mode.opinie .foto i.far {
  position: absolute;
  margin: 60px 0px 0px 60px;
  width: 40px;
  height: 40px;
  line-height: 160px;
  text-align: center;
  color: #2169b0;
  font-size: 30px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  z-index: 999;
  transition: all 0.2s;
}

.mode.opinie .foto.play:hover i.far,
.mode.opinie .foto.play:hover svg {
  display: none;
}

.mode.opinie.list {
  border: 0;
}

.mode.opinie.list ul li {
  border: 0;
  margin-bottom: 40px;
}

.mode.opinie.list.item ul li {
  margin-bottom: 0px;
}

.mode.opinie video,
.mode.opinie iframe {
  margin-top: 20px;
}

.winners ol li {
  list-style-type: none;
}

.winners.list ol li {
  list-style-type: decimal;
}

.winners ol,
.winners ul,
.winners strong,
.winners p {
  font-size: 14px;
  text-align: left;
}

.winners ol li {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 5px;
}

@media screen and (max-width: 900px) {
  .winners.list ol li {
    margin: 0 15px;
  }
}

.winners .winners__prizes {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 650px) {
  .winners .winners__prize {
    width: 50%;
  }
}

.winners__categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mode.opinie p em {
  display: inline;
  color: #2169b0;
}

#zglos_zadanie .uczen,
#zglos_zadanie .lekcja_box {
  margin: 40px 0px 20px 0px;
  padding: 20px;
  border: 1px solid #2169b0;
}

#zglos_zadanie .uczen {
  margin-top: 0px;
}

.lekcja_box[data-id="0"] .numer_lekcji {
  margin-top: -20px;
  margin-bottom: 10px;
}

.lekcja_box .numer_lekcji {
  padding: 5px 15px;
  color: #fff;
  font-weight: 500;
  background: #2169b0;
  margin-top: -40px;
  margin-left: -20px;
  text-align: center;
  width: 10px;
}

.lekcja_box .lekcja_remove.fright {
  margin-top: -5px;
}

.uczen h4 {
  margin-top: 0px;
  margin-bottom: 30px;
}

.numer_ucznia,
.lekcja_box .numer_nauczyciela {
  color: #2169b0;
  font-weight: 500;
  text-align: center;
  width: 20px;
  height: 20px;
  border: 1px solid #2169b0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

textarea#lekcja_temat {
  min-height: 42px;
  height: 42px;
  min-width: 100%;
}

textarea#uczen_dzialania {
  min-width: 100%;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"],
input,
select,
textarea,
input.chosen-search-input,
.chosen-container-multi .chosen-choices li.search-field input[type="text"],
.chosen-container-single .chosen-single span {
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px !important;
  line-height: 23px;
  font-weight: 400 !important;
}

.item-page form#zglos_zadanie .info label {
  text-align: justify;
  width: 95%;
}

body .dropzone .dz-details {
  display: none;
}

form.disabled a.lekcja_remove,
form.disabled a.gosc_remove {
  display: none;
}

form.disabled .numer_lekcji {
  margin-top: -20px;
  margin-bottom: 10px;
}

form#zglos_zadanie ul.galeria li {
  display: block;
}

ul.zobacz.menu_items li a {
  min-height: 180px;
  text-transform: none;
}

ul.zadania li span.wstep,
ul.zadania li span.wstep a {
  text-align: left;
}

.ui-helper-hidden-accessible {
  display: none;
}

ul.materialy li {
  list-style-type: disc;
}

.materialy-img img {
  display: inline;
}

.materialy-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.materialy-item {
  margin: 0 auto;
}

@media (min-width: 820px) {
  .materialy-item {
    max-width: 33%;
  }
}

td.nazwa span.red,
td.temat span.red {
  font-size: 12px;
  line-height: 22px;
}

#komentarz_konbp_form p {
  text-align: left;
}

.winners .blue {
  color: #5087C8;
}

.winners h4 {
  text-align: left;
  text-transform: none;
}

.winners .green {
  color: #2169b0;
}

.winners.list h4 {
  margin-left: -20px;
}

.mode.trofea h4 {
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  clear: both;
}

.mode.trofea strong {
  font-size: 20px;
  color: #4f87c6;
  padding: 10px;
  margin-top: 0px;
  display: block;
}

.mode.trofea h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}

body#page_3687 .page-header h1 {
  font-size: 25px;
  line-height: 35px;
}

.mode.trofea h1 {
  font-size: 28px;
  line-height: 38px;
}


p.tytuly {
  text-align: left;
}

p.tytuly strong {
  color: #4f87c6;
  margin-right: 10px;
  font-weight: 400;
}

p.tytuly span {
  color: #2169b0;
  font-weight: 400;
  margin-right: 10px;
}

div.pole_link a.guzik_url_usun,
div.pole_link a.guzik_url {
  float: right;
  margin-top: -48px;
  margin-right: 10px;
  position: relative;
  z-index: 1;
}

div.pole_link a.guzik_url {
  margin-right: 35px;
}

body.raport .wrap {
  max-width: 1200px;
}

.mode.opinie strong {
  display: inline;
}





/* Nowy szablon */

body {
  background: #fff;
}

.content h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: left;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-header h1,
.page-header h2,
.mode.zapraszamy h1 {
  color: #2169b0;
  font-size: 33px;
  line-height: 1.2;
  font-weight: 500;
  margin: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.content h1:after,
.content h2:after,
.content h3:after,
.mode h3:after,
.mode.zapraszamy h1:after,
.content h4:after,
.content h5:after,
.content h6:after,
ul.zadania h4:after {
  display: none;
}

.mode h2,
.item-page h2 {
  color: #1B1B1B;
  text-transform: none;
  font-weight: 400;
  font-size: 22px;
}

.item-page p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  color: #1B1B1B;
}

.item-page strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #1B1B1B;
  display: inline;
}

div.container {
  text-align: center;
}

.container .mode {
  margin-bottom: 40px;
  box-sizing: border-box;
  text-align: left;
}

.container .mode .wrap {
  box-sizing: border-box;
}

.container .mode p {
  margin-bottom: 20px
}

.mode.slider h2,
.page-header h1,
.page-header h2 {
  letter-spacing: -1px;
}

.content p {
  text-align: left;
  margin-bottom: 10px;
}

.mode.nagrody a.btn-4,
.mode.banner .wrap,
.mode.licznik .wrap,
.container .top {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#04a8a9+0,3972b7+50,1d2b4e+100 */
  background: linear-gradient(135deg, #04a8a9 0%, #3972b7 50%, #1d2b4e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  margin-bottom: 0px;
  border: 0;
}

.mode.nagrody a.btn-4:hover {
  color: #fff;
  cursor: default;
}

.container .head {
  background: #2169b0;
  color: #fff;
  margin: 0;
  padding: 0;
  padding-top: 20px;
  padding-bottom: 0px;
}

.container .head .mode {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.mode.usermenu {
  float: none
}

.container .head *,
.container .top * {
  color: #fff;
}

.container .head .wrap {
  display: flex;
}

.container .head .mode ul li {
  display: inline-block;
}

.container .head .mode.logo {
  position: static;
  margin: 0;
  padding: 0;
  width: 145px;
  height: 145px;
  line-height: 145px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  margin-top: -105px;
}

.container .head .mode.logo img {
  margin-top: 32px;
}

.container .head .mode.slogan {
  margin-left: 40px;
  margin-right: auto;
}

.container .head .mode.slogan p,
.container .head .mode .nav li a {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 400;
}

.container .head .mode .nav li {
  margin-left: 20px;
}

.container .head .mode .nav li.active a,
.container .head .mode .nav li.current a {
  color: #5afff6
}

.container .top .wrap {
  text-align: right;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container .head .wrap {
  padding-top: 10px;
  padding-bottom: 10px;
}

.mode.usermenu {
  margin: 0;
  padding: 0;
}

a.btn-3,
.mode.usermenu li.item-4016 a,
.mode.usermenu li.item-4015 a {
  border: 1px solid #fff;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 400;
  transition: background 0.2s;
  color: #fff;
}

a.btn-3:hover,
.mode.usermenu li.item-4016 a:hover,
.mode.usermenu li.item-4015 a:hover {
  border: 1px solid #fff;
  background: #fff;
  color: #2169b0;
  text-decoration: none;
  transition: background 0.2s;
}

.mode.usermenu li.item-4016 a:before,
.mode.usermenu li.item-4015 a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 10px;
  content: "\f084";
}

.mode.steps ol li:before,
a.btn-4 {
  color: #fff;
  border: 1px solid #fff;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 400;
  transition: background 0.2s;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0eaba8+0,1789ac+100 */
  background: #0eaba8;
  /* Old browsers */
  background: -moz-linear-gradient(left, #0eaba8 0%, #1789ac 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0eaba8 0%, #1789ac 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0eaba8 0%, #1789ac 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0eaba8', endColorstr='#1789ac', GradientType=1);
  /* IE6-9 */
}

a.btn-4:hover {
  border: 1px solid #2169b0;
  background: #2169b0;
  color: #fff;
  text-decoration: none;
  transition: background 0.2s;
}

.mode.usermenu li.item-4015 a:before {
  content: "\f044";
}

.mode.slider {
  margin-top: 0;
  margin-bottom: 0;
}

.mode .wrap .bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
}

.mode.slider .slides {
  text-align: left;
}

.mode.slider .slides .cont {
  /* background: url('../images/slide_bckg2.png') no-repeat -150px center #f5f5f5; */
  display: flex;
}

.mode.slider .slides h2 {
  text-align: left;
  color: #2169b0;
  font-size: 40px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
}

.mode.slider .slides p {
  text-align: left;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 300;
}

.mode.slider .slides .text {
  max-width: 500px;
  display: inline-block;
  vertical-align: top;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  box-sizing: border-box;
  margin-left: 80px;
}

.mode.slider .slides .image {
  position: relative;
  width: 600px;
  height: auto;
  display: flex;
  vertical-align: middle;
  background: #f5f5f5;
  float: right;
  box-sizing: border-box;
  min-height: 415px;
}

.mode.slider .slides .image::after {
  content: url('../images/slide_bckg.png');
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.mode.slider .slides .image img {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  display: block;
  height: 100%;
}

.mode.slider .slides a.btn-4 {
  margin-top: 50px;
}

.edunbp {
  float: right;
  margin-top: -80px;
  position: relative;
}

.mode .wrap .bx-wrapper .bx-next,
.mode .wrap .bx-wrapper .bx-prev {
  width: 50px;
  height: 50px;
  background: none;
  border: 2px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}

.mode .wrap .bx-wrapper .bx-next:hover,
.mode .wrap .bx-wrapper .bx-prev:hover {
  border-color: #00a89f;
  background-color: #fff;
}

.mode .wrap .bx-wrapper .bx-next {
  background: url('../images/next.svg') no-repeat center center;
  background-position: 18px;
}

.mode .wrap .bx-wrapper .bx-prev {
  background: url('../images/prev.svg') no-repeat center center;
  background-position: 12px;
}

.mode .wrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mode .wrap .bx-wrapper .bx-pager.bx-default-pager a.active,
.mode .wrap .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #00a89f;
}

.mode .wrap .bx-wrapper .bx-pager.bx-default-pager a {
  background: #bdbdbd;
  text-indent: -9999px;
  display: block;
  width: 20px;
  height: 4px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.container .mode.licznik {
  margin-top: 0;
}

.mode.licznik .wrap .litems {
  text-align: center;
}

.mode.licznik .wrap .litem {
  width: 240px;
  color: #fff;
  padding: 20px 30px;
  vertical-align: top;
  display: inline-block;
  text-align: left;
  font-size: 22px;
  text-transform: uppercase;
}

.mode.licznik .wrap .litem .mark,
.mode.licznik .wrap .litem .info {
  display: inline-block;
  font-size: 16px;
  color: #fff;
}

.mode.licznik .wrap .litem .info {
  width: 150px;
  font-weight: 400;
}

.mode.licznik .wrap .litem .mark {
  content: '';
  width: 60px;
  height: 67px;
  display: inline-block;
  vertical-align: top;
  background: url('../images/order.svg') no-repeat center center;
  background-size: contain;
  margin-right: 20px;
}

.mode.licznik .wrap .litem strong {
  font-size: 26px;
  display: block;
  font-weight: 600;
  margin-bottom: 0px;
}

.mode.licznik .wrap .litem.edycje {
  width: 190px;
}

.mode.licznik .wrap .litem.edycje .mark {
  background: url('../images/order.svg') no-repeat center center;
}

.mode.licznik .wrap .litem.edycje .info {
  width: 100px;
}

.mode.licznik .wrap .litem.uczestnicy {
  width: 220px;
}

.mode.licznik .wrap .litem.uczestnicy .mark {
  width: 61px;
  height: 61px;
  background: url('../images/chat.svg') no-repeat center center;
}

.mode.licznik .wrap .litem.uczestnicy .info {
  width: 130px;
}

.mode.licznik .wrap .litem.zadan {
  width: 240px;
}

.mode.licznik .wrap .litem.zadan .mark {
  width: 62px;
  height: 61px;
  background: url('../images/charts.svg') no-repeat center center;
}

.mode.licznik .wrap .litem.zadan.info {
  width: 150px;
}

.mode.licznik .wrap .litem.zlotych {
  width: 260px;
}

.mode.licznik .wrap .litem.zlotych .mark {
  width: 67px;
  height: 60px;
  background: url('../images/stars.svg') no-repeat center center;
}

.mode.licznik .wrap .litem.zlotych .info {
  width: 170px;
}


.mode.feedback {
  position: static;
  margin: auto;
  max-width: 1200px;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  margin-bottom: 20px;
  background: #f5f5f5;
}

.mode.feedback .box {
  width: 485px;
  display: inline-block;
  vertical-align: top;
}

.mode.feedback .op {
  width: 700px;
  display: inline-block;
  vertical-align: top;
  text-align: middle;
  padding: 45px;
  box-sizing: border-box;
}

.mode.feedback .op h4 {
  font-size: 18px;
  color: #1B1B1B;
  text-transform: none;
  line-height: 1.6;
  padding-left: 50px;
  padding-right: 50px;
}

.mode.feedback .op p {
  font-size: 18px;
  color: #1B1B1B;
  text-transform: none;
  line-height: 1.6;
  text-align: left !important;
  padding-left: 50px;
  padding-right: 50px;
}

.mode.feedback a.btn-4 {
  margin-top: 20px;
  margin-left: 50px;
}

.mode.feedback .box:after {
  content: '';
  width: 200px;
  height: 200px;
  display: inline-block;
  vertical-align: top;
  background: url('../images/school.svg') no-repeat center center;
  background-size: contain;
  margin-right: 20px;
}

.mode.feedback .box {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#04a8a9+0,3972b7+50,1d2b4e+100 */
  background: linear-gradient(135deg, #04a8a9 0%, #3972b7 50%, #1d2b4e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  text-align: center;
  padding: 50px;
  padding-bottom: 20px;
  box-sizing: border-box;
}

.mode.feedback .box h3 {
  color: #fff;
  text-align: center;
  font-weight: 300;
  font-size: 40px;
}

.mode.feedback .box h3 strong {
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 25px;
  display: block;
  margin-top: 30px;
}

.mode.feedback .wrap .bx-wrapper .bx-next {
  right: -20px;
}

.mode.feedback .wrap .bx-wrapper .bx-prev {
  left: -20px;
}

footer {
  background: #2169b0;
  padding: 0;
  padding-top: 30px;
  margin-top: 60px;
  display: block;
}

footer .bars {
  display: flex;
  margin-top: 20px;
}

footer .bars .bar {
  background: #00a89f;
  height: 15px;
  width: 33.333%;
  margin: 0;
  padding: 0;
}

footer .bars .bar.green {
  background: #00a89f;
}

footer .bars .bar.turkey {
  background: #0eaba8;
}

footer h4,
footer h3 {
  color: #fff;
  text-transform: none;
  font-size: 17px;
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1.5;
}

footer .wrap {
  display: flex;
}

.container footer .mode {
  display: inline-block;
  text-align: left;
  color: #fff;
  margin: 0;
  padding: 0;
  max-width: 280px;
  margin-top: 0px;
  margin-right: 20px;
}

footer .mode a,
footer .mode p {
  color: #fff;
  font-size: 15px;
}

body .container footer .mode p {
  margin: 0;
  padding: 0;
  border-left: 2px solid #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}

body .container footer .mode p.noborder {
  margin: 0;
  padding: 0;
  border: 0;
}

body .container footer .mode p.noborder a {
  color: #fff;
  font-size: 17px;
  text-decoration: underline;
  font-weight: 500;
  line-height: 1.5;
}

body .container footer .mode p.noborder a:hover {
  text-decoration: none;
}

footer .mode.fmenu {
  margin-left: 50px;
}

footer .mode.fmenu li {
  margin-bottom: 5px;
  list-style-type: disc;
  display: list-item;
  font-size: 17px;
  color: #fff;
}

footer .mode.fmenu a {
  font-size: 17px;
}

footer .mode.fmenu li.current a {
  color: #00a89f;
}

footer .mode.social {
  margin-left: auto;
}

body .container footer .mode.social a {
  color: #fff;
  font-size: 22px;
}

body .container footer .mode.social a:hover {
  color: #0eaba8;
}

body .container footer .mode.social a span {
  display: none;
}

footer .mode.social li {
  display: inline-block;
  margin-left: 20px;
}

footer .mode.tools {
  margin: 0;
  padding: 0;
  max-width: 100%;
  margin-left: auto;
}

footer .mode.tools ul {
  display: inline-block;
}

footer .mode.tools li {
  display: inline-block;
  margin-left: 20px;
}

footer .mode.tools ul:first-child li {
  border-right: 1px solid #90b4d7;
  padding-right: 20px;
}

footer .mode.copy {
  margin: 0;
  padding: 0;
  max-width: 100%;
  margin-right: auto;
}

footer .mode.copy p {
  margin: 0;
  padding: 0;
  border: 0;
}

.mode.bread {
  margin-top: 25px;
  margin-bottom: 40px;
}

.mode.bread ul li span {
  color: #1B1B1B;
  font-weight: 400;
}

.mode.bread ul li span.divider {
  color: #757575;
  font-weight: 300;
  margin-left: 8px;
}

.container .mode h3 {
  font-size: 26px;
}

.item.gray,
.mode.gray .wrap {
  background-color: #f5f5f5;
}

.mode.gray .wrap {
  padding: 30px;
}

.mode .wrap.img {
  display: flex;
  padding: 0;
}

.mode .wrap.img .txt {
  padding: 50px;
}

.mode .wrap.img .image,
.mode .wrap.img .txt {
  display: inline-block;
  width: 50%;
}

.mode .wrap.img .image {
  background-size: cover;
  background-repeat: no-repeat;
}

.mode .wrap.img .txt a {
  color: #2169b0;
}

.mode.inline {
  display: inline-block;
  vertical-align: top;
  max-width: 590px;
  margin-left: 10px;
  margin-right: 10px;
}

.mode.inline img {
  margin: auto;
}

#page_4009 .mode.inline .wrap {
  min-height: 620px;
}

.mode.steps ol {
  counter-reset: section;
  margin: 0;
  padding: 0;
  margin-top: 40px;
}

.mode.steps ol li {
  counter-increment: section;
  display: block;
  margin-bottom: 40px;
  padding-left: 50px;
}

.mode.steps ol li:before {
  content: counter(section);
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  margin-left: -50px;
  position: absolute;
  border: 0;
  font-weight: 500;
}

.mode.steps ol li em,
.mode.steps ol li strong {
  display: block;
}

.mode.banner .wrap {
  text-align: center;
  padding: 30px;
}

.mode.banner .wrap p {
  margin: 0;
}

.mode.banner .wrap h3 {
  text-align: center;
  color: #fff;
  text-transform: none;
}

.container .mt-0 {
  margin-top: 0px;
}

.container .mt-1 {
  margin-top: 10px;
}

.container .mt-2 {
  margin-top: 20px;
}

.container .mt-3 {
  margin-top: 30px;
}

.container .mt-4 {
  margin-top: 40px;
}

.container .mt-5 {
  margin-top: 50px;
}

.container .mb-0 {
  margin-bottom: 0px;
}

.container .mb-1 {
  margin-bottom: 10px;
}

.container .mb-2 {
  margin-bottom: 20px;
}

.container .mb-3 {
  margin-bottom: 30px;
}

.container .mb-4 {
  margin-bottom: 40px;
}

.container .mb-5 {
  margin-bottom: 50px;
}

.mode.temat h3 {
  max-width: 300px;
  text-align: left;
}

.mode.temat h3:after {
  content: '';
  height: 2px;
  display: block;
  width: 50px;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #0eaba8;
  text-align: left;
}

.mode.temat h2 {
  font-weight: 500;
  font-size: 25px;
  color: #1B1B1B;
}

.mode.reverse .wrap.img {
  display: flex;
  flex-direction: row-reverse;
}

.mode.flex .wrap .items,
.mode.zadania .wrap .items {
  display: flex;
}

.mode.flex .wrap .items .item,
.mode.zadania .wrap .items .zadanie {
  width: 33.333%;
}

.mode.zadania .wrap .items .zadanie:nth-child(2) {
  padding-right: 20px;
  padding-left: 20px;
}

.mode.zadania .wrap .items figure {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

.mode.zadania .wrap .items figure img {
  width: 100%;
  height: auto;
}

.mode.flex .wrap .items .item {
  text-align: center;
  padding: 20px;
  padding-bottom: 0px;
}

.mode.flex .wrap .items .item.w-100 {
  width: 100%;
}

.mode.flex .wrap .items .item.w-50 {
  width: 50%;
}

.mode.flex .wrap .items .item:nth-child(2),
.item:nth-child(3),
.item:nth-child(4) {
  margin-left: 20px;
}

.mode.flex .wrap .items .item h4 {
  text-align: center;
  margin: 0;
  padding: 20px;
}

.mode.nagrody.flex .wrap .items .item h4 {
  text-transform: none;
}

.mode .bar {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  padding: 20px;
  background: #2169b0;
}

.mode .bar h2 {
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
}

.head li.item-4010 a {
  font-size: 0px;
}

.head li.item-4010 a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0px;
  content: "\f015";
}

.head ul.nav li span {
  display: none;
}

.mode.harmonogram ul li {
  font-weight: 500;
  margin-bottom: 5px;
}

body.dopobrania .item-page ul li:before,
.mode.harmonogram ul li:before {
  content: '';
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  background: #0EABA8;
  vertical-align: middle;
}

body.dopobrania .item-page ul li:before {
  background-color: #2169b0
}

body.dopobrania .item-page ul {
  margin-bottom: 20px;
}

.mode.kroki {
  text-align: center;
}

.logged .top,
.mode.log .wrap {
  padding: 0;
}

.logged .top .mode.log {
  padding: 0;
}

.logged .top .mode.log input.btn {
  border: 1px solid #2169b0;
}

.top form#login-form .login-greeting {
  margin-left: 10px;
}

.top form#login-form .login-greeting span {
  font-size: 14px;
}

#system-message-container {
  max-width: 1200px;
}

#system-message-container div.alert.alert-info,
#system-message-container joomla-alert,
#system-message-container #system-message {
  background: #2169b0;
  border: 0;
}

#system-message-container div.alert.alert-info {
  margin-top: 40px;
}

form {
  text-align: left;
}

form label {
  font-size: 16px;
  color: #2169b0
}

.mode.temat .wrap.img .image {
  background-position: center right;
  background-size: contain;
}

body.center .page-header,
body.center .page-header h1,
body.center .container .content p {
  text-align: center;
}

body .container .content a {
  color: #2169b0
}

body .container .content footer a,
body .container footer a,
body .container .content a.btn {
  color: #fff
}

.mode.logowanie,
form#member-registration,
form#user-registration,
form.form-horizontal {
  max-width: 550px;
}

#page_433 form.form-horizontal {
  max-width: 650px;
}

form div.reg label,
form div.reg label a {
  font-size: 16px;
}

#form-login-submit {
  display: flex;
}

.mode.logowanie ul,
.login form ul {
  text-align: left;
  float: none;
  display: inline-block;
  vertical-align: top;
}

.login form button.btn {
  float: none;
  display: inline-block;
  clear: none;
  vertical-align: top;
  margin-left: auto;
}

.rl_sliders.accordion>.accordion-group:before {
  display: inline-block;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 5px;
  content: "\f078";
  font-size: 20px;
  color: #8e8e8e;
  float: right;
  margin-top: 20px;
  margin-right: 20px;
}

.rl_sliders.accordion>.accordion-group.active:before {
  display: inline-block;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 5px;
  content: "\f077";
  font-size: 20px;
  color: #fff;
  float: right;
  margin-top: 20px;
  margin-right: 20px;
}

form.form-horizontal {
  margin-top: 20px;
}

.item-page form div.control-group.ml {
  margin-left: 30px;
}

a.nbp,
a.nbp strong {
  color: #2169b0;
  font-size: 18px;
}

#member-registration button.btn,
form button.btn,
form .button.btn {
  margin-bottom: 0px;
}

.mode.opinie .opinia {
  padding-top: 40px;
  padding-bottom: 40px;
  display: block;
  clear: both;
}

.mode.opinie h4 {
  font-size: 22px;
  color: #1B1B1B;
  text-transform: none;
  font-weight: 400;
  margin-bottom: 20px;
}

.mode.opinie p {
  text-align: left;
  color: #1B1B1B;
  font-weight: 300;
}

.mode.opinie .desc {
  width: 580px;
}

.mode.opinie .foto {
  margin-right: 40px;
}

.mode.opinie.list .pagination {
  margin-top: 20px;
  text-align: right;
}

.mode.opinie.list .pagination ul li {
  margin-bottom: 0px;
}

.idle_time.news .msg p {
  color: #2169b0;
}

.idle_time.news a.close {
  float: right;
}

.idle_time.news a.close:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
  content: "\f00d";
  margin-right: 10px;
}

.idle_time.news .reg.info {
  margin-top: 20px;
}

footer a.a1,
footer a.a2,
footer a.a0 {
  font-size: 18px;
  line-height: 18px;
  margin-left: 5px;
  color: #fff;
  width: 15px;
}

.blog .items-row h2 a,
.blog .items-row h2 {
  font-size: 22px;
  text-transform: none;
  font-weight: 500;
  line-height: 1.2;
}

.mode.mat ul {
  display: flex;
}

.mode.mat ul li {
  width: 33%;
  color: #fff;
}

.mode.mat ul li a span {
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
}

.mode.mat ul li a:hover {
  text-decoration: none;
}

.mode.mat ul li a:hover span {
  text-decoration: underline;
}

.mode .materialy {
  margin-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
}

.mode .materialy div {
  background: #f5f5f5;
  text-align: center;
  margin: 20px;
  padding: 20px;
  width: auto;
  display: block;
}

.mode .materialy div h5 {
  text-transform: none;
  color: #1B1B1B;
  font-size: 20px;
  width: 100%;
  text-align: center;
}

.mode .materialy div img {
  max-height: 100px;
  margin: auto;
  margin-bottom: 20px;
}


body#page_4168 .item-page ul {
  list-style: inside disc;
  margin-bottom: 20px;
}

body#page_4168 .item-page ul li {
  display: list-item;
  list-style: inside disc;
}

body#page_4168 .item-page ol {
  list-style: inside decimal;
}

body#page_4168 .item-page h4 {
  text-transform: none;
  font-size: 20px;
}

body#page_4168 .item-page h5 {
  text-transform: none;
  font-size: 16px;
}

.blog .items-row {
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
}

.blog .items-row .item {
  width: 100%;
}

.blog .span12,
.blog .span3 {
  display: flex;
  height: 100%;
  border: 1px solid #e6e6e6;
  padding: 0;
  margin: 0;
  margin-right: 5px;
  margin-bottom: 10px;
  box-sizing: border-box;
  vertical-align: top;
  width: 32%;
}

.blog .span12 .info h2,
.blog .span3 .info h2 {
  padding: 10px;
  margin: 0;
  min-height: 80px;
}

.blog .span12 .image,
.blog .span3 .image {
  height: 230px;
  background: #f4f4f4 url('/images/logo.svg') no-repeat center center;
  overflow: hidden;
}



.logged .top .moje_konto_box {
  display: none;
}

.logged .top .moje_konto_box.show {
  display: block;
}

.logged .top .moje_konto_box {
  position: absolute;
  padding: 20px;
  background: #fff;
  color: #1B1B1B;
  width: 200px;
  max-width: 100%;
  margin-left: 560px;
  margin-top: 10px;
  text-align: left;
  z-index: 99999;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

.logged .top .moje_konto_box ul li {
  margin-bottom: 15px;
}

.logged .top .moje_konto_box ul li a {
  color: #1B1B1B;
}

.logged .top .moje_konto_box h3 {
  color: #2169b0;
  text-transform: none;
  font-size: 18px;
}

.item-page a.btn {
  text-decoration: none;
}

.logged .top .mode.log {
  max-width: 100%;
  width: auto;
}

.logged .top .mode.log.wylog {
  margin-left: 0px;
  width: 800px;
  max-width: 100%;
}

.logged .top .mode.log .btn {
  color: #fff;
  border-color: #fff;
  padding: 10px 20px;
  display: inline-block;
}

.logged .top .mode.log .btn svg,
.logged .top .mode.log .btn i {
  margin-right: 10px;
}

.logged .top form#login-form {
  text-align: right;
}

.logged .top form#login-form p {
  margin: 0;
  margin-right: 20px;
  display: inline-block;
}

.logged .top form#login-form .logout-button {
  width: 100%;
}

.logged .top form#login-form input.btn {
  background: #fff;
  color: #0eaba8;
  border-color: #0eaba8;
  width: 100%;
}

.logged .top .mode.log .btn:hover,
.logged .top form#login-form input.btn:hover {
  background: #2169b0;
  border-color: #2169b0;
  color: #fff;
  text-decoration: none;
}

.container .mode.kroki {
  margin: 0;
  padding: 0;
}

.mode.kroki ul li a {
  color: #1b1b1b;
  font-size: 16px;
  font-weight: 400;
}

.mode.kroki ul li a:before {
  background: #f5f5f5;
  color: #1b1b1b;
  font-weight: 400;
  font-size: 20px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-decoration: none;
}

.mode.kroki ul li a:hover,
.mode.kroki ul li a:hover:before {
  text-decoration: none;
}

ul.message_nav li a:hover,
.mode.kroki ul li.current a:before {
  color: #fff;
  border-color: #0eaba8;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0eaba8+0,188aad+100 */
  background: #0eaba8;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #0eaba8 0%, #188aad 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #0eaba8 0%, #188aad 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #0eaba8 0%, #188aad 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0eaba8', endColorstr='#188aad', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  text-decoration: none;
}


.mode.kroki ul li a:hover {
  color: #2169b0;
}

.mode.kroki ul li a:hover:before {
  color: #fff;
  background: #2169b0;
  border-color: #2169b0;
}

ul.message_nav {
  margin-bottom: 20px;
}

ul.message_nav li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

ul.message_nav li a {
  border: 1px solid #2169b0;
  padding: 10px;
  text-decoration: none;
}

body.komunikaty .blog,
body.komunikaty .blog p,
body.komunikaty .mode.komu {
  text-align: center;
}

p.counter span {
  border: 2px solid #0EABA8;
  padding: 5px 10px;
  display: inline-block;
  color: #0EABA8;
  font-weight: 500;
  margin-right: 10px;
  font-size: 20px;
}

ul.zadania {
  display: flex;
}

ul.zadania h4 {
  font-size: 20px;
  text-transform: none;
  font-weight: 500;
}

ul.zadania a {
  text-decoration: none;
}

ul.zadania li a.btn {
  margin: 0;
}

ul.zadania li span.wstep,
ul.zadania li span.wstep a {
  text-align: left;
  width: 100%;
}

ul.zadania li a.btn {
  max-width: unset;
  line-height: 1.3;
  width: max-content;
}

.container .mode.kroki {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.lista table td.lp {
  width: 30px;
}

.lista table td.btns {
  display: flex;
}

.lista table td.btns a {
  width: 50%;
}

body .container .content .blog .image a,
body .container .content .blog .image img {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  height: auto;
  min-height: 230px;
}

.mode.mat.inline {
  display: inline-block;
  max-width: 590px;
  width: 100%;
}

.mode.mat.inline ul li {
  width: 100%;
}

.mode.mat.inline ul li img {
  max-width: 380px;
  margin: 0;
}

.mode.mat.inline ul li span {
  max-width: 380px;
}

dl,
dd,
dt {
  text-align: left;
}

.item-page span.icon-calendar {
  display: none;
}

.blog.komunikaty .item {
  text-align: left;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e6e6e6;
}

.blog.komunikaty .item .page-header h2 {
  font-size: 23px;
}

.blog.komunikaty .item p {
  text-align: left;
}

#page_433 form.form-horizontal div.control-group {
  width: 47%;
}

.container .mode .wrap ul.nav li {
  display: inline-block;
  margin-right: 20px;
}

.container .mode .wrap ul.nav li.current a {
  text-decoration: underline;
}

.container .mode.menu_raporty .wrap ul.nav li.current a {
  text-decoration: none;
}

#system-message-container joomla-alert .alert-heading {
  display: none;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"]>[data-rlta-element="button"][data-rlta-state="open"] {
  background: #2169b0;
  background: -moz-linear-gradient(45deg, #2169b0 0%, #139daa 100%);
  background: -webkit-linear-gradient(45deg, #2169b0 0%, #139daa 100%);
  background: linear-gradient(45deg, #2169b0 0%, #139daa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2169b0', endColorstr='#139daa', GradientType=1);
  transition: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  text-align: left;
  font-size: 16px;
  color: #fff;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"]>[data-rlta-element="button"] {
  padding-top: 20px;
  padding-bottom: 20px;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"]>[data-rlta-element="button"]>[data-rlta-element="heading"] {
  font-weight: 400;
  font-weight: 400;
  text-transform: none;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"]>[data-rlta-element="button"][data-rlta-state="open"] h3 {
  color: #fff;
}

.reset-complete .input-password-toggle {
  display: none;
}

#popek {
  padding-top: 10px;
}

#popek .wrap {
  padding: 0;
}

#popek .wrap div.info,
#popek .wrap div.clos {
  width: 10px;
}

.visually-hidden {
  display: none;
}

footer .bars {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#04a8a9+0,3972b7+50,1d2b4e+100 */
  background: linear-gradient(135deg, #04a8a9 0%, #3972b7 50%, #1d2b4e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

footer .bars .bar,
footer .bars .bar.yellow,
footer .bars .bar.green,
footer .bars .bar.turkey {
  background: none;
}

.head .mode.logo img {
  width: 95px;
}

body.ocena.komisja div.rekomendacja {
  padding: 20px;
  border: 1px solid #2169b0;
  margin-bottom: 20px;
}

.mode.mapka.steps a {
  width: 100%;
}

.mode.mapka p {
  margin: auto;
}

#page_101 .mode.mapka .lft img,
.mode.mapka .rgt {
  display: none;
}

#page_101 .mode.mapka {
  width: auto;
  max-width: unset;
  margin-bottom: 0px;
  margin-top: 20px;
}

#page_101 .mode.mapka .lft {
  display: inline-block;
  width: 540px;
  vertical-align: top;
  margin-right: 65px;
  padding-top: 50px;
}

.mode.mapka .lft img {
  height: 350px;
  margin-top: 20px;
}

#page_101 .mode.mapka .rgt {
  display: inline-block;
  width: 530px;
  vertical-align: top;
}

.mode.mapka a.btn-4 {
  max-width: 200px;
  text-align: center;
  display: block;
  margin-top: 0px;
}

#page_101 .mode.mapka a.btn-4 {
  margin-top: 120px;
}

.mode.mapka a.btn-4:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
  content: "\f3c5";
}

.idle_time.confirm .msg p,
.idle_time.confirm .msg {
  color: #1B1B1B;
  text-align: left;
}

.idle_time.confirm a.btn {
  margin-top: 20px;
}

.idle_time.confirm a.btn:hover {
  background: #2169b0;
}


.idle_time.confirm ul {
  padding-left: 20px;
  padding-right: 20px;
}

.idle_time.confirm ul li {
  list-style: disc;
}

.idle_time.confirm ul li::marker {
  color: #2169b0
}

.container .mode.banner.poradnik {
  margin-top: 40px;
  margin-bottom: 30px;
}

.container .mode.banner a {
  margin-left: 10px;
  margin-right: 10px;
}

.item-page ul.zadania li {
  display: unset;
  width: 100%;
  margin: 0;
  max-width: 400px;
}

#zglos_zadanie a.zwin_lekcje,
#zglos_zadanie a.rozwin_lekcje.hide,
#zglos_zadanie .lekcja_box.hide,
#zglos_zadanie .dodaj_lekcje.hide {
  display: none;
}

#zglos_zadanie a.zwin_lekcje,
#zglos_zadanie a.rozwin_lekcje {
  color: #fff;
  text-decoration: none;
}

#zglos_zadanie a.zwin_lekcje svg,
#zglos_zadanie a.rozwin_lekcje svg {
  margin-left: 5px;
}

#zglos_zadanie .btns {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#zglos_zadanie .dodaj_lekcje {
  margin-left: auto;
}

#zglos_zadanie .box {
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #04a8a9;
}

#zglos_zadanie .box a.zwin_opis,
#zglos_zadanie .box a.rozwin_opis {
  margin-bottom: 10px;
}

#zglos_zadanie .box a.zwin_opis,
#zglos_zadanie .box .fulltext {
  display: none;
}

#zglos_zadanie .control-group.hide {
  display: none;
}

.mod_licznik {
  background: linear-gradient(135deg, #04a8a9 0%, #3972b7 50%, #1d2b4e 100%);
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.mod_licznik .col-6 {
  width: auto;
  text-align: center;
  color: #fff;
  padding: 40px;
  flex-basis: -moz-available;
}

.mod_licznik .col-6.right {
  border-left: 1px solid #1894ae;
}

.mod_licznik .col-6.left figure {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

.mod_licznik .col-6.left figure img {
  max-height: 140px;
  margin: auto
}

.mod_licznik h2,
.mod_licznik h3 {
  text-transform: none;
  color: #fff;
  font-size: 28px;
  line-height: 1.3;
  text-align: center;
  margin: 0;
  padding: 0;
}

.mod_licznik h2 {
  font-size: 18px;
  margin-bottom: 10px;
}

.mod_licznik date {
  text-transform: uppercase;
}

.mod_licznik .counter_new span {
  background: none;
  border: 0;
  color: #fff;
  font-size: 30px;
  margin-left: 20px;
  font-weight: 500;
}

.tick {
  margin-top: 20px;
}

.tick span {
  color: #fff;
  font-size: 44px;
  text-transform: uppercase;
  font-weight: 500;
}

.tick .tick-label.tick-text {
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
}

.tick .tick-flip-panel {
  background-color: #05a7a9;
}

.tick [data-view] {
  width: 40px;
}

.tick .tick-group {
  margin-right: 20px;
}

.tick .tick-group:last-child {
  margin-right: 0px;
}

span.tick-label.tick-text {
  width: 100px;
}

.mode.kroki ul li.item-5649 a:before {
  content: '';
  background-image: url('../images/eduakcja_w.svg');
  background-position: center center;
  background-size: 50%;
  background-color: #0eaba8;
  background-repeat: no-repeat;
}

input.bold {
  font-weight: 500 !important;
}

div.edu_uczestnicy {
  margin: 20px 0px 20px 0px;
  padding: 20px;
  border: 1px solid #2169b0;
}

div.edu_uczestnicy a.usun_grupe,
div.edu_uczestnicy a.dodaj_grupe {
  display: inline-block;
  font-weight: 400;
  width: auto;
  margin-left: auto;
}

#zglos_zadanie div.edu_uczestnicy .btns {
  margin: 20px 0px 0px 0px;
}

.item-page ul.zadania li {
  display: flex;
  flex-direction: column;
}

ul.zadania li a.btn {
  margin-top: auto;
}

ul.zadania li a figure {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

ul.zadania h4 {
  margin-top: 0px;
}

.container .mode.banner.poradnik a {
  width: 230px;
  max-width: 100%;
}

.uppercase {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: none !important;
}

.table-group.rezultaty {
  background: #307bb5 linear-gradient(135deg, #04a8a9 0%, #3972b7 50%, #1d2b4e 100%);
}

.item-page form div.table-group.rezultaty .table-row .control-group {
  border-color: #3477b6
}

.item-page form div.table-group.rezultaty .control-group input {
  background: none;
  border: 0;
  color: #fff;
}

form#zglos_zadanie h4 strong,
form#zglos_zadanie h2,
form#zglos_zadanie h3,
form#zglos_zadanie h4 {
  color: #2169b0;
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: -1px;
  line-height: 1.2;
  font-weight: 500;
}

form#zglos_zadanie h3 {
  font-size: 24px;
}

form#zglos_zadanie h4 strong,
form#zglos_zadanie h4 {
  font-size: 20px;
}

form#zglos_zadanie input#uczniow {
  margin: 0;
  margin-top: 34px;
}

a.dodaj_link.aright {
  text-transform: none;
}

form#zglos_zadanie .mb-0 {
  margin-bottom: 0px;
}


form#zglos_zadanie .mt-0 {
  margin-top: 0px;
}

.item-page form .info {
  margin-bottom: 40px;
}

.table-group input[type="number"]:not(:disabled, :read-only) {
  -moz-appearance: auto;
}

strong span.laczna_liczba {
  font-weight: 500;
}

textarea {
  min-height: 100px;
  min-width: 100%;
  max-width: 100%;
}

.item-page form#zglos_zadanie h3 span {
  font-size: 24px;
  color: #2169b0;
  text-transform: lowercase;
  letter-spacing: -1px;
  line-height: 1.2;
  font-weight: 500;
}

.item-page form div.table-group .control-group:first-child {
  width: 15%;
}

.item-page form div.table-group.rezultaty .table-row .control-group.display-flex {
  display: flex;
  width: 100%;
  border: 0;
}

.item-page form div.table-group.rezultaty .table-row .control-group.display-flex .control-group:first-child {
  width: auto;
}

form#zglos_zadanie h3.thx {
  display: none;
}

form#zglos_zadanie textarea {
  min-height: 100px;
  height: auto;
}

input#laczna_liczba_uczestnikow {
  width: auto;
  display: inline-block;
  border: 0;
  font-size: 20px !important;
  color: #2169b0;
  font-weight: 400 !important;
}

.btn.btn-secondary.input-password-toggle {
  margin: 0;
  padding: 0;
  margin-top: -50px;
  margin-right: 10px;
  background: none;
  border: 0;
  position: relative;
  z-index: 9999;
  float: right;
  display: block;
}

.icon-fw.icon-eye-slash:before,
.icon-fw.icon-eye:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 0px;
  content: "\f06e";
  color: #2169b0;
}

.icon-fw.icon-eye-slash:before {
  content: "\f070";
}

.icon-fw.icon-eye-slash:hover:before,
.icon-fw.icon-eye:hover:before {
  color: #188aad;
}

body.raport .item-page h2 {
  color: #2169b0;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
  border-top: 1px solid #e6e6e6;
  margin-top: 0px;
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
}

body.raport .item-page.raport .slide .row {
  display: none;
}

body.raport .item-page.raport .slide.show .row {
  display: block;
}

body.raport .item-page.raport .slide h2 {
  margin-bottom: 0px;
  display: flex;
  cursor: pointer;
}

body.raport .item-page.raport .slide h2:hover {
  color: #10a6a9;
}

body.raport .item-page.raport .slide h2:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: 10px;
  content: "\f078";
  background: none;
}

body.raport .item-page.raport .slide.show h2:after {
  content: "\f077";
}

body.raport .item-page.raport .slide.show h2 {
  margin-bottom: 30px;
}

body.ocena .wrap .redbox table td {
  vertical-align: top;
}

body.ocena .wrap .redbox table td select,
body.ocena .wrap .redbox table td .chosen-container {
  margin-bottom: 10px;
}

.item-page form#ocena.widok_szkola table.wyniki tr.left td:first-child {
  text-align: left;
}

.item-page form#ocena table.wyniki label ul {
  margin-top: 20px;
  margin-bottom: 20px;
}

.item-page form#ocena table.wyniki label ul li {
  margin-left: 18px;
  list-style-type: square;
}

.idle_time .msg.show {
  color: #2169b0;
  font-weight: 500;
}

.idle_time .msg.show a.btn:hover {
  background: #fff;
  color: #2169b0;
}

ul.zadania li a.btn {
  display: inline-block;
  clear: none;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  margin-top: 0;
}