.col-xxl,
.col-xxl-1,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (min-width: 1400px) {
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
}
.w-5 {
  width: 5% !important;
}
.w-10 {
  width: 10% !important;
}
.w-15 {
  width: 15% !important;
}
.w-20 {
  width: 20% !important;
}
.w-25 {
  width: 25% !important;
}
.w-30 {
  width: 30% !important;
}
.w-33 {
  width: 33% !important;
}
.w-35 {
  width: 35% !important;
}
.w-40 {
  width: 40% !important;
}
.w-45 {
  width: 45% !important;
}
.w-50 {
  width: 50% !important;
}
.w-55 {
  width: 55% !important;
}
.w-60 {
  width: 60% !important;
}
.w-65 {
  width: 65% !important;
}
.w-66 {
  width: 66% !important;
}
.w-70 {
  width: 70% !important;
}
.w-75 {
  width: 75% !important;
}
.w-80 {
  width: 80% !important;
}
.w-85 {
  width: 85% !important;
}
.w-90 {
  width: 90% !important;
}
.w-95 {
  width: 5% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
@media only screen and (min-width: 576px) {
  .w-sm-5 {
    width: 5% !important;
  }
  .w-sm-10 {
    width: 10% !important;
  }
  .w-sm-15 {
    width: 15% !important;
  }
  .w-sm-20 {
    width: 20% !important;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-30 {
    width: 30% !important;
  }
  .w-sm-33 {
    width: 33% !important;
  }
  .w-sm-35 {
    width: 35% !important;
  }
  .w-sm-40 {
    width: 40% !important;
  }
  .w-sm-45 {
    width: 45% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-55 {
    width: 55% !important;
  }
  .w-sm-60 {
    width: 60% !important;
  }
  .w-sm-65 {
    width: 65% !important;
  }
  .w-sm-66 {
    width: 66% !important;
  }
  .w-sm-70 {
    width: 70% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-80 {
    width: 80% !important;
  }
  .w-sm-85 {
    width: 85% !important;
  }
  .w-sm-90 {
    width: 90% !important;
  }
  .w-sm-95 {
    width: 5% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
}
@media only screen and (min-width: 768px) {
  .w-md-5 {
    width: 5% !important;
  }
  .w-md-10 {
    width: 10% !important;
  }
  .w-md-15 {
    width: 15% !important;
  }
  .w-md-20 {
    width: 20% !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-30 {
    width: 30% !important;
  }
  .w-md-33 {
    width: 33% !important;
  }
  .w-md-35 {
    width: 35% !important;
  }
  .w-md-40 {
    width: 40% !important;
  }
  .w-md-45 {
    width: 45% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-55 {
    width: 55% !important;
  }
  .w-md-60 {
    width: 60% !important;
  }
  .w-md-65 {
    width: 65% !important;
  }
  .w-md-66 {
    width: 66% !important;
  }
  .w-md-70 {
    width: 70% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-80 {
    width: 80% !important;
  }
  .w-md-85 {
    width: 85% !important;
  }
  .w-md-90 {
    width: 90% !important;
  }
  .w-md-95 {
    width: 5% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
}
@media only screen and (min-width: 992px) {
  .w-lg-5 {
    width: 5% !important;
  }
  .w-lg-10 {
    width: 10% !important;
  }
  .w-lg-15 {
    width: 15% !important;
  }
  .w-lg-20 {
    width: 20% !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-30 {
    width: 30% !important;
  }
  .w-lg-33 {
    width: 33% !important;
  }
  .w-lg-35 {
    width: 35% !important;
  }
  .w-lg-40 {
    width: 40% !important;
  }
  .w-lg-45 {
    width: 45% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-55 {
    width: 55% !important;
  }
  .w-lg-60 {
    width: 60% !important;
  }
  .w-lg-65 {
    width: 65% !important;
  }
  .w-lg-66 {
    width: 66% !important;
  }
  .w-lg-70 {
    width: 70% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-80 {
    width: 80% !important;
  }
  .w-lg-85 {
    width: 85% !important;
  }
  .w-lg-90 {
    width: 90% !important;
  }
  .w-lg-95 {
    width: 5% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
}
@media only screen and (min-width: 1200px) {
  .w-xl-5 {
    width: 5% !important;
  }
  .w-xl-10 {
    width: 10% !important;
  }
  .w-xl-15 {
    width: 15% !important;
  }
  .w-xl-20 {
    width: 20% !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-30 {
    width: 30% !important;
  }
  .w-xl-33 {
    width: 33% !important;
  }
  .w-xl-35 {
    width: 35% !important;
  }
  .w-xl-40 {
    width: 40% !important;
  }
  .w-xl-45 {
    width: 45% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-55 {
    width: 55% !important;
  }
  .w-xl-60 {
    width: 60% !important;
  }
  .w-xl-65 {
    width: 65% !important;
  }
  .w-xl-66 {
    width: 66% !important;
  }
  .w-xl-70 {
    width: 70% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-80 {
    width: 80% !important;
  }
  .w-xl-85 {
    width: 85% !important;
  }
  .w-xl-90 {
    width: 90% !important;
  }
  .w-xl-95 {
    width: 5% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
}
@media only screen and (min-width: 1400px) {
  .w-xxl-5 {
    width: 5% !important;
  }
  .w-xxl-10 {
    width: 10% !important;
  }
  .w-xxl-15 {
    width: 15% !important;
  }
  .w-xxl-20 {
    width: 20% !important;
  }
  .w-xxl-25 {
    width: 25% !important;
  }
  .w-xxl-30 {
    width: 30% !important;
  }
  .w-xxl-33 {
    width: 33% !important;
  }
  .w-xxl-35 {
    width: 35% !important;
  }
  .w-xxl-40 {
    width: 40% !important;
  }
  .w-xxl-45 {
    width: 45% !important;
  }
  .w-xxl-50 {
    width: 50% !important;
  }
  .w-xxl-55 {
    width: 55% !important;
  }
  .w-xxl-60 {
    width: 60% !important;
  }
  .w-xxl-65 {
    width: 65% !important;
  }
  .w-xxl-66 {
    width: 66% !important;
  }
  .w-xxl-70 {
    width: 70% !important;
  }
  .w-xxl-75 {
    width: 75% !important;
  }
  .w-xxl-80 {
    width: 80% !important;
  }
  .w-xxl-85 {
    width: 85% !important;
  }
  .w-xxl-90 {
    width: 90% !important;
  }
  .w-xxl-95 {
    width: 5% !important;
  }
  .w-xxl-100 {
    width: 100% !important;
  }
  .w-xxl-auto {
    width: auto !important;
  }
}
.OpenSans {
  font-family: 'Open Sans', sans-serif;
}
.fa-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
i.fa.icon130 {
  font-size: 130%;
}
i.fa.icon150 {
  font-size: 150%;
}
.remove-icon {
  display: inline-block;
}
.remove-icon:after {
  content: "X";
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(1, 0.75);
}
.rounded {
  border-radius: 20px !important;
}
.rounded.rounded-10 {
  border-radius: 10px !important;
}
.rounded.rounded-100 {
  border-radius: 100% !important;
}
.rounded-up {
  border-radius: 20px 20px 0 0 !important;
}
.rounded-up.rounded-10 {
  border-radius: 10px 10px 0 0 !important;
}
.rounded-down {
  border-radius: 0 0 20px 20px !important;
}
.rounded-down.rounded-10 {
  border-radius: 0 0 10px 10px !important;
}
.text-primary {
  color: #FF007E !important;
}
.text-secondary {
  color: #277fbb !important;
}
.text-light {
  color: #dfdfdf !important;
}
.text-default {
  color: #333333 !important;
}
.text-muted {
  color: #b4b4b4 !important;
}
.hidden {
  display: none !important;
}
b,
strong {
  font-weight: 600;
}
.strong {
  font-weight: 600 !important;
}
.font-weight-bold {
  font-weight: 600;
}
.remove-inside-bottom-margin :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
img {
  max-width: 100%;
}
img.user-photo {
  border-radius: 100%;
  width: 50px;
  height: 50px;
}
a.anchor {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden;
}
html,
body,
* {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  max-height: 999999px;
}
html {
  scroll-behavior: smooth;
}
body {
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  height: 100%;
  text-align: left;
  background-color: #F4F4F4;
  color: #333;
}
body,
p,
td,
li,
a,
div,
span,
.form-control,
.btn {
  font-size: 0.85rem;
  letter-spacing: -0.4px;
}
@media (max-width: 767px) {
  body,
  p,
  td,
  li,
  a,
  div,
  span,
  .form-control,
  .btn {
    font-size: 0.9rem;
  }
}
form label {
  font-weight: 500;
}
form label.custom-radio,
form label.custom-checkbox {
  font-weight: 400;
}
.large-125 {
  font-size: 125%;
}
.large-150 {
  font-size: 150%;
}
.large-175 {
  font-size: 175%;
}
.large-200 {
  font-size: 200%;
}
.large-250 {
  font-size: 250%;
}
.large-300 {
  font-size: 300%;
}
.large-125 a,
.large-150 a,
.large-175 a,
.large-200 a,
.large-250 a,
.large-300 a,
.large-125 p,
.large-150 p,
.large-175 p,
.large-200 p,
.large-250 p,
.large-300 p,
.large-125 div,
.large-150 div,
.large-175 div,
.large-200 div,
.large-250 div,
.large-300 div {
  font-size: 100%;
}
.small-80 {
  font-size: 80%;
}
.small-70 {
  font-size: 70%;
}
.small-60 {
  font-size: 60%;
}
.small-50 {
  font-size: 50%;
}
.small-40 {
  font-size: 40%;
}
.small-80,
.small-70,
.small-60,
.small-50,
.small-40 {
  font-weight: 400;
}
.small-80 a,
.small-70 a,
.small-60 a,
.small-50 a,
.small-40 a,
.small-80 p,
.small-70 p,
.small-60 p,
.small-50 p,
.small-40 p,
.small-80 div,
.small-70 div,
.small-60 div,
.small-50 div,
.small-40 div {
  font-size: 100%;
}
small,
.small {
  font-size: 80%;
  font-weight: 400;
}
small a,
.small a,
small p,
.small p,
small div,
.small div {
  font-size: 100%;
}
.table td,
.table th {
  padding: 0.5rem;
}
.table-md td,
.table-md th {
  padding: 0.35rem;
}
.table-sm td,
.table-sm th {
  padding: 0.25rem;
}
.table tr.low-tr td,
.table tr.low-tr th {
  padding: 0.2rem 0.5rem;
}
.no-wrap {
  white-space: nowrap !important;
}
@media (max-width: 767px) {
  .modal {
    padding-right: 0 !important;
  }
}
.modal .modal-header {
  color: #fff;
  background: #FF007E;
}
.modal .modal-header h3 {
  margin-bottom: 0;
  color: #fff;
  font-size: 1.2rem;
}
.modal .modal-header h3 small,
.modal .modal-header h3 .small {
  font-size: 75%;
}
.modal .modal-header button.close {
  color: #fff;
  cursor: pointer;
  font-size: 2rem;
  line-height: 1rem;
  font-weight: 100;
  opacity: 0.9;
}
.modal .modal-header button.close:hover,
.modal .modal-header button.close:active,
.modal .modal-header button.close:focus {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .modal .modal-header button.close {
    opacity: 1;
    padding-left: 20px;
  }
}
.modal .modal-body {
  overflow: auto;
}
.modal .modal-footer {
  background: #efefef;
}
.modal .modal-content {
  border: 0;
  border-radius: 0;
  max-height: calc(100vh - 60px);
}
@media only screen and (max-width: 767px) {
  .modal .modal-dialog {
    margin: 0 !important;
    max-width: none !important;
  }
  .modal .modal-dialog .modal-content {
    max-height: 100vh;
    height: 100vh;
  }
}
@media (min-width: 993px) {
  .modal .modal-lg {
    max-width: 90%;
    margin: 10px auto;
  }
}
@media (min-width: 1400px) {
  .modal .modal-lg {
    max-width: 1360px;
  }
}
.modal .modal-md {
  max-width: 95%;
}
@media (min-width: 992px) {
  .modal .modal-md {
    max-width: 90%;
  }
}
@media (min-width: 1199px) {
  .modal .modal-md {
    max-width: 75%;
  }
}
@media (min-width: 1400px) {
  .modal .modal-md {
    max-width: 1360px;
  }
}
.modal.modal-white .modal-header {
  color: #333;
  background: transparent;
  padding: 20px 25px;
}
.modal.modal-white .modal-header h3 {
  margin-bottom: 0;
  color: #333;
  font-size: 1.4rem;
}
.modal.modal-white .modal-header h3 small,
.modal.modal-white .modal-header h3 .small {
  font-size: 75%;
}
.modal.modal-white .modal-header button.close {
  color: #333;
  cursor: pointer;
  font-size: 2rem;
  line-height: 1rem;
  font-weight: 100;
  opacity: 0.9;
}
.modal.modal-white .modal-header button.close:hover,
.modal.modal-white .modal-header button.close:active,
.modal.modal-white .modal-header button.close:focus {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .modal.modal-white .modal-header button.close {
    opacity: 1;
    padding-left: 20px;
  }
}
.modal.modal-white .modal-body {
  padding: 25px;
}
.form-control {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  line-height: 1.5rem;
}
.close span {
  font-size: 1.5rem;
}
a {
  color: #0061a3;
  outline: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
  color: #FF007E;
}
a.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}
h1 i,
h2 i,
h3 i,
h4 i {
  color: #FF007E;
}
.form-control-xs {
  padding: 0.15rem 0.3rem;
  line-height: 1.2rem;
  font-size: 0.8rem;
}
.card-shadow {
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.16) !important;
}
.card {
  border-radius: 10px 10px 10px 10px;
  border-color: transparent;
  border: 0;
  margin: 0;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 768px) {
  .card {
    border-radius: 0px;
  }
}
.card.active {
  background: #e4f0fa;
  border-left: 5px solid #277fbb;
}
.card.active .card-header {
  border-left: 0;
}
.card .card-img {
  border-radius: 10px;
}
.card .card-img.card-img-left {
  border-radius: 10px 0 0 10px;
}
.card .card-body,
.card .card-header {
  border-radius: 0px;
}
.card .card-body {
  padding: 1rem;
}
@media only screen and (min-width: 992px) {
  .card .card-body {
    padding: 15px;
  }
}
.card .card-body h1 {
  margin-bottom: 0;
}
.card .card-header {
  background: transparent;
  /*background-color: #d0e4fc2b;*/
  background-color: #f2f7fd;
  color: #333333;
  border-left: 0px;
  font-size: 0.9rem;
  padding: 10px 15px;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  text-transform: none;
  border-radius: 10px 10px 0 0;
  border-left: 5px solid #277fbb;
}
.card .card-header span,
.card .card-header div {
  font-size: 0.9rem;
}
.card .card-header .dropdown,
.card .card-header .btn {
  text-transform: none;
}
.card .card-header.card-header-clear {
  background: transparent;
  border-left: 0;
  color: #333;
  font-weight: initial;
  font-size: initial;
  text-transform: initial;
}
.card .card-footer {
  border-radius: 0 0 12px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  background: #00000005;
  padding: 12px 15px;
}
.card.card-collapsible .card-header {
  position: relative;
  cursor: pointer;
}
.card.card-collapsible .card-header:after {
  content: "\f106";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  right: 15px;
  width: 10px;
  height: 100%;
  line-height: 100%;
  text-align: center;
  font-size: 18px;
}
.card.card-collapsible.card-collapsed .card-body {
  display: none;
}
.card.card-collapsible.card-collapsed .card-header {
  border-radius: 0px 10px 10px 0px;
}
@media only screen and (max-width: 768px) {
  .card.card-collapsible.card-collapsed .card-header {
    border-radius: 0px;
  }
}
.card.card-collapsible.card-collapsed .card-header:after {
  content: "\f107";
}
.card.card-collapsible.card-collapsed .card-footer {
  display: none;
}
.card table.card-table {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .card table.card-table {
    margin: 0 1rem;
    width: calc(100% - 2rem);
  }
}
@media (min-width: 768px) {
  .card table.card-table th:first-child,
  .card table.card-table td:first-child {
    padding-left: 1rem;
  }
  .card table.card-table th:last-child,
  .card table.card-table td:last-child {
    padding-right: 1rem;
  }
}
.box-shadow {
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);
}
.no-shadow {
  box-shadow: none !important;
}
h1,
h1 a {
  font-weight: 400;
  font-size: 1.7rem;
  margin-bottom: 1rem;
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 576px) {
  h1,
  h1 a {
    font-size: 1.55rem;
  }
}
h1 span.subtitle,
h1 a span.subtitle {
  color: #444;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  display: block;
  margin: 8px 0px 0px 0px;
}
h1 span.subtitle a,
h1 a span.subtitle a,
h1 span.subtitle span,
h1 a span.subtitle span {
  font-size: 16px;
}
h1 .iconBtn,
h1 a .iconBtn {
  position: relative;
  top: -3px;
}
h2,
h2 a {
  font-size: 1.6rem;
  font-weight: 500;
}
@media only screen and (max-width: 576px) {
  h2,
  h2 a {
    font-size: 1.45rem;
  }
}
h3,
h3 a {
  font-size: 1.4rem;
  font-weight: 500;
}
@media only screen and (max-width: 576px) {
  h3,
  h3 a {
    font-size: 1.35rem;
  }
}
h4,
h4 a {
  font-size: 1.3rem;
}
@media only screen and (max-width: 576px) {
  h4,
  h4 a {
    font-size: 1.3rem;
  }
}
h5,
h5 a {
  font-size: 1.15rem;
}
p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.form-control {
  border-radius: 0px;
}
.form-control:focus {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #FF007E;
}
.form-control.readonly-normal {
  background: #fff;
}
.form-control.form-control-sm {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  line-height: 1rem;
  font-size: 0.86rem;
}
select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem);
}
select.form-control:not([size]):not([multiple]).form-control-sm {
  height: calc(1.8125rem);
}
.table tr th.highlight {
  background: #bbdcee;
}
.table tr td.highlight {
  background: #f1f8fc;
}
.table tr .hover {
  background: #f2f2f2;
}
.table tr .hover td {
  background: #f2f2f2;
}
.table tr:first-child td {
  border-top: 0px;
}
.table.table-hover tr:hover,
.table.table-hover tr:active,
.table.table-hover tr:focus {
  background: transparent;
}
.table.table-hover tr:hover td,
.table.table-hover tr:active td,
.table.table-hover tr:focus td {
  background: #F6F6F6;
}
.table.table-hover tr:hover td.highlight,
.table.table-hover tr:active td.highlight,
.table.table-hover tr:focus td.highlight {
  background: #c5e5f5;
}
@media (max-width: 767px) {
  .table.table-hover tr:hover td,
  .table.table-hover tr:active td,
  .table.table-hover tr:focus td,
  .table.table-hover tr:hover td.highlight,
  .table.table-hover tr:active td.highlight,
  .table.table-hover tr:focus td.highlight {
    background: transparent;
  }
}
.table h2,
.table h3,
.table h4 {
  margin-bottom: 0rem;
  margin-top: 0rem;
}
hr {
  display: block;
  border-bottom: 1px dotted #d4d4d4;
  border-top: 0px;
  background-color: transparent;
  margin: 15px 0px;
}
textarea:focus,
input:focus,
button:focus {
  outline: 0;
}
.custom-control-indicator {
  background-color: transparent;
  border: 1px solid #d0d0d0;
  cursor: pointer;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  border: 0;
}
.custom-control-input:checked ~ .custom-control-indicator {
  border: 0;
}
.custom-checkbox {
  cursor: pointer;
}
.number-input-no-arrows {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.number-input-no-arrows::-webkit-outer-spin-button,
.number-input-no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.number-input-no-arrows[type=number] {
  -moz-appearance: textfield;
}
.btn {
  border-radius: 50px;
  cursor: pointer;
}
.btn:hover,
.btn:active,
.btn:focus {
  box-shadow: none !important;
}
.btn.btn-square {
  border-radius: 0;
}
.btn.btn-sm {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.btn.btn-mini {
  padding: 0.16rem 0.56rem;
  font-size: 0.775rem;
  line-height: 1.5;
}
.btn.btn-xs {
  padding: 0.1rem 0.36rem;
  font-size: 0.77rem;
  line-height: 1.3;
}
.btn.btn-primary {
  background: #FF007E;
  border-color: #FF007E;
  color: #fff;
}
.btn.btn-primary:hover,
.btn.btn-primary:active {
  background: #dc006d;
  border-color: #dc006d;
}
.btn.btn-secondary {
  background: #277fbb;
  border-color: #277fbb;
  color: #fff;
}
.btn.btn-secondary:hover,
.btn.btn-secondary:active {
  background: #1e6596;
  border-color: #1e6596;
}
.btn.btn-light {
  background: #f4f4f4;
  border-color: #f4f4f4;
  color: #333;
}
.btn.btn-light:hover,
.btn.btn-light:active {
  background: #dedede;
  border-color: #dedede;
}
.btn.btn-white {
  background: #fff;
  border-color: #fff;
  color: #333;
}
.btn.btn-white:hover,
.btn.btn-white:active {
  background: #f4f4f4;
  border-color: #f4f4f4;
}
.btn.btn-link {
  background: transparent;
  border-color: transparent;
  color: #333;
  text-decoration: none !important;
}
.btn.btn-link:hover,
.btn.btn-link:active {
  background: #fff;
  border-color: #fff;
  text-decoration: none;
}
.btn.btn-danger {
  background: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.btn.btn-danger:hover,
.btn.btn-danger:active {
  background: #bd2130;
  border-color: #bd2130;
}
.btn.btn-lg {
  font-size: 1.2rem;
  padding: 9px 22px;
}
.btn-menu-dots {
  display: inline-block;
  padding: 0px;
  box-sizing: content-box;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: transparent url(/images/icon-menu-dots.png) center center no-repeat;
  opacity: 0.8;
}
.btn-menu-dots.dropdown-toggle:after {
  content: "";
  margin: 0;
}
.btn-menu-dots:hover {
  background: #efefef url(/images/icon-menu-dots.png) center center no-repeat;
  opacity: 1;
}
.btn-plus {
  display: inline-block;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  min-width: 18px;
  line-height: 14px !important;
  border-radius: 100%;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
.btn-plus.btn {
  padding: 3px;
  line-height: 18px !important;
}
.btn-plus.btn-mini {
  padding: 0;
  font-size: 14px !important;
  line-height: 14px !important;
  width: 16px;
  height: 16px;
  min-width: 16px;
}
.btn-plus.btn-sm {
  padding: 0px;
  font-size: 16px !important;
}
.btn-plus.btn-lg {
  padding: 6px;
}
.btn-plus.btn-huge {
  padding: 16px;
  font-size: 28px !important;
  font-weight: 400 !important;
}
.btn-plus.fa-icon {
  font-size: 15px !important;
}
.btn-group .btn {
  border-right: 2px solid #e0e0e0;
}
.btn-group .btn:last-child {
  border-right: 0;
}
.btn-group .btn:NOT(.btn-mini):last-child {
  border-right: 0;
  padding-right: 0.95rem !important;
}
.btn-group .btn:NOT(.btn-mini):first-child {
  padding-left: 0.95rem !important;
}
.mobile-bottom-btn {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 9;
  border-radius: 0 !important;
}
@media only screen and (min-width: 992px) {
  .mobile-bottom-btn {
    position: static;
    width: inherit;
  }
}
.attachment-icon {
  width: 28px;
  height: 28px;
  background: #ccc;
  color: #333;
  text-align: center;
  line-height: 28px;
  font-size: 10px;
  border-radius: 100%;
  display: block;
  text-transform: uppercase;
}
.attachment-icon.pdf {
  background: #db4c3c;
  color: #fff;
}
.attachment-icon.jpeg,
.attachment-icon.jpg,
.attachment-icon.gif,
.attachment-icon.png,
.attachment-icon.bmp,
.attachment-icon.tiff,
.attachment-icon.tif {
  background: #f19200;
  color: #fff;
}
.attachment-icon.doc,
.attachment-icon.docx,
.attachment-icon.word,
.attachment-icon.odt {
  background: #2a80b9;
  color: #fff;
}
.attachment-icon.txt,
.attachment-icon.text {
  background: #788595;
  color: #fff;
}
.attachment-icon.ppt,
.attachment-icon.pptx {
  background: #d05400;
  color: #fff;
}
.attachment-icon.xls,
.attachment-icon.xlsx,
.attachment-icon.xl {
  background: #69b829;
  color: #fff;
}
.attachment-icon.zip,
.attachment-icon.xml,
.attachment-icon.xsl {
  background: #e6b800;
  color: #fff;
}
.attachment-icon.mp3,
.attachment-icon.wav {
  background: #2d3e50;
  color: #fff;
}
.folder-icon {
  background: transparent;
  font-size: 22px;
  width: 28px;
  height: 22px;
  display: inline-block;
  color: #666;
  text-align: center;
}
.accordion .card-header {
  padding: 0.75rem 0;
  background: #f6f6f6;
  border-top: 1px solid #e0e0e0;
  font-weight: 500;
}
.accordion .card-header > div:first-child {
  margin-bottom: 0.4rem;
}
@media only screen and (min-width: 992px) {
  .accordion .card-header {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem;
  }
  .accordion .card-header > div:first-child {
    margin-bottom: 0;
  }
}
.accordion .card-body {
  border-top: 1px solid #e0e0e0;
  border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  border-left: 0px solid #e0e0e0;
  border-right: 0px solid #e0e0e0;
  background: #fcfcfc;
}
.accordion .card-footer {
  border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  border-left: 0px solid #e0e0e0;
  border-right: 0px solid #e0e0e0;
  background: #e4f0fa;
}
.accordion .card:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.badge {
  font-weight: 100;
  font-size: 80%;
  padding: 0.3rem 0.5rem;
  border-radius: 2rem;
}
.badge.badge-primary {
  background-color: #FF007E;
}
.badge.badge-secondary {
  background-color: #277fbb;
}
.badge.badge-sm {
  padding: 0.15rem 0.3rem;
}
.alert {
  border-radius: 0px;
  font-size: 0.87rem;
  padding: 1.5rem;
  border: 0;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.16) !important;
}
.alert.no-shadow {
  box-shadow: none !important;
}
.alert-secondary {
  border-color: #ececec;
  background: #e6e6e6;
}
.cursor-pointer {
  cursor: pointer !important;
}
.iconBtn {
  background: #e4e4e4;
  color: #999;
  padding: 7px;
  display: inline-block;
  border-radius: 5px;
  line-height: 1rem;
  font-size: 1rem;
  cursor: pointer;
  width: auto;
  max-width: 36px;
  height: 30px;
  text-align: center;
}
.iconBtn.inverted {
  padding: 0;
  font-size: 1.4rem;
}
.iconBtn:hover,
.iconBtn:active,
.iconBtn:focus {
  background: #999;
  color: #fff;
}
.iconBtn.processing {
  opacity: 0.4;
}
.iconBtn.iconMedium {
  padding: 0px;
  font-size: 0.8rem;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.iconBtn.iconMedium.inverted {
  padding: 0;
  font-size: 1rem;
}
.iconBtn.iconSmall {
  padding: 0px;
  font-size: 0.7rem;
  width: 21px;
  height: 21px;
  line-height: 22px;
}
.iconBtn.iconSmall.inverted {
  padding: 0;
  font-size: 0.8rem;
}
.iconBtn.iconMini {
  padding: 0px;
  font-size: 0.7rem;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.iconBtn.iconMini.inverted {
  padding: 0;
  font-size: 0.8rem;
}
.iconBtn.iconMicro {
  padding: 0px;
  font-size: 0.6rem;
  width: 15px;
  height: 15px;
  line-height: 15px;
}
.iconBtn.iconMicro.inverted {
  padding: 0;
  font-size: 0.7rem;
}
.iconBtn.iconOn {
  color: #fff !important;
}
.iconBtn.iconOn i {
  color: #fff !important;
}
.iconBtn.iconOn.presentation {
  background: #277fbb;
}
.iconBtn.iconOn.activity {
  background: #dca91a;
}
.iconBtn.iconOn.master {
  background: #40a55a;
}
.iconBtn.iconOn.progressComment {
  background: #b94a48;
}
.iconBtn.iconOn.activity_history {
  background: #a4a4a4;
}
.iconBtn.iconOn.planned {
  background: #277fbb;
}
.iconBtn.new {
  background: #73b5e0;
  color: #fff !important;
}
.iconBtn.new i {
  color: #fff !important;
}
.iconBtn.progressing,
.iconBtn.info {
  background: #277fbb;
  color: #fff !important;
}
.iconBtn.progressing i,
.iconBtn.info i {
  color: #fff !important;
}
.iconBtn.progressing.inverted,
.iconBtn.info.inverted {
  background: transparent;
}
.iconBtn.progressing.inverted i,
.iconBtn.info.inverted i {
  color: #277fbb !important;
}
.iconBtn.completed,
.iconBtn.success {
  background: #40a55a;
  color: #fff !important;
}
.iconBtn.completed i,
.iconBtn.success i {
  color: #fff !important;
}
.iconBtn.completed.inverted,
.iconBtn.success.inverted {
  background: transparent;
}
.iconBtn.completed.inverted i,
.iconBtn.success.inverted i {
  color: #40a55a !important;
}
.iconBtn.primary {
  background: #FF007E;
  color: #fff !important;
}
.iconBtn.primary i {
  color: #fff !important;
}
.iconBtn.primary.inverted {
  background: transparent;
}
.iconBtn.primary.inverted i {
  color: #FF007E !important;
}
.iconBtn.canceled,
.iconBtn.error {
  background: #b94a48;
  color: #fff !important;
}
.iconBtn.canceled i,
.iconBtn.error i {
  color: #fff !important;
}
.iconBtn.canceled.inverted,
.iconBtn.error.inverted {
  background: transparent;
}
.iconBtn.canceled.inverted i,
.iconBtn.error.inverted i {
  color: #b94a48 !important;
}
.iconBtn.warning {
  background: #dcb521;
}
.iconBtn.warning i {
  color: #fff !important;
}
.iconBtn.warning.inverted {
  background: transparent;
}
.iconBtn.warning.inverted i {
  color: #dcb521 !important;
}
.iconBtn.removed {
  background: #c8c8c8;
  color: #999 !important;
}
.iconBtn.removed i {
  color: #999 !important;
}
.iconBtn.removed.inverted {
  background: transparent;
}
.iconBtn.removed.inverted i {
  color: #c8c8c8 !important;
}
.iconBtn.light {
  background: #efefef;
  color: #333;
}
.iconBtn.light i {
  color: #333 !important;
}
.iconBtn.light.inverted {
  background: transparent;
}
.iconBtn.light.inverted i {
  color: #efefef !important;
}
.iconBtn.muted {
  background: #efefef;
  color: #cecece;
}
.iconBtn.muted i {
  color: #cecece !important;
}
.iconBtn.muted.inverted {
  background: transparent;
}
.iconBtn.muted.inverted i {
  color: #efefef !important;
}
.iconBtn.activityCounter {
  font-weight: 500;
  color: #000;
}
.attendanceBtn:not(.success):not(.warning):not(.error):not(.info):not(:hover) {
  background: transparent;
  color: #dddddd;
}
.bg-primary {
  background-color: #FF007E !important;
}
.bg-secondary {
  background-color: #277fbb !important;
}
.bg-light {
  background-color: #ebebeb !important;
}
.bg-extralight {
  background-color: #f4f4f4 !important;
}
.bg-ultralight {
  background-color: #fbfbfb !important;
}
.bg-ultralight.card {
  background-color: #f8f8f8 !important;
}
.bg-highlight {
  background-color: #e4f0fa !important;
}
.bg-highlight-light {
  background-color: #f1f8fc !important;
}
.bg-white {
  background-color: #fff !important;
}
.opacity-3 {
  opacity: 0.3;
}
.opacity-6 {
  opacity: 0.6;
}
.border-bottom {
  border-bottom: 1px dotted #efefef;
}
.border-primary {
  border-color: #FF007E !important;
}
.c-pointer {
  cursor: pointer !important;
}
.dropdown-item.active,
.dropdown-item:active,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  background: #FF007E;
  border-color: transparent;
}
.dropdown-toggle::after {
  font-family: "FontAwesome";
  content: '\f107';
  border: 0;
  margin: 0 0.5rem 0 0.25rem;
  vertical-align: unset;
}
.dropdown-toggle.no-arrow::after {
  display: none;
}
.nav.nav-tabs .nav-item {
  margin-bottom: 0px;
}
.nav.nav-tabs .nav-link {
  border-radius: 0px;
  border: 0;
  background: #ededed;
  color: #666;
  margin-right: 0.1rem;
}
.nav.nav-tabs .nav-link:hover,
.nav.nav-tabs .nav-link:active,
.nav.nav-tabs .nav-link:focus {
  border: 0;
  background: #fff;
}
.nav.nav-tabs .nav-link.active {
  background: #FF007E;
  color: #fff;
}
.nav.nav-tabs .nav-link.active:hover,
.nav.nav-tabs .nav-link.active:active,
.nav.nav-tabs .nav-link.active:focus {
  background: #FF007E;
}
.tab-content {
  margin-top: -1px;
}
div.spacer {
  width: 100%;
  height: 15px;
  display: block;
}
.help-circle {
  background: transparent;
  color: #fff;
  border-radius: 100%;
  border: 1px solid #ff85c1;
  padding: 0;
  cursor: pointer;
  outline: none;
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  font-size: 0.9rem;
}
.help-circle:hover {
  background: #fff;
  border-color: #fff;
  color: #FF007E;
}
.help-circle i {
  margin: 0;
  padding: 0;
}
.help-circle.primary {
  background: #FF007E;
  color: #fff;
  border-color: #FF007E;
  height: 1.7rem;
  width: 1.7rem;
  line-height: 1.7rem;
}
.help-circle.primary:hover {
  background: #fff;
  color: #FF007E;
  border-color: #ffb7da;
}
.help-circle.secondary {
  background: #fff;
  color: #277fbb;
  border-color: #dfdfdf;
  height: 1.7rem;
  width: 1.7rem;
  line-height: 1.7rem;
}
.help-circle.secondary:hover {
  background: #277fbb;
  color: #fff;
}
.help-circle.help-circle-sm {
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.8rem;
}
.popover {
  max-width: 30%;
  border-radius: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  border: 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .popover {
    max-width: 100%;
  }
}
.popover .popover-header {
  padding: 1rem 1.5rem;
}
.popover .popover-body {
  padding: 1.5rem;
}
.popover .popover-body p {
  margin-bottom: 0.5rem;
}
span.logo {
  font-weight: 600;
}
span.logo span {
  font-weight: 100;
}
.loginPage,
.registerPage {
  background: transparent url(../images/login-bg.jpg) no-repeat center center;
  background-attachment: fixed;
  background-size: cover;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 100vh;
}
@media (max-width: 767px) {
  .loginPage,
  .registerPage {
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: #fff !important;
  }
}
.loginPage > div,
.registerPage > div {
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .loginPage > div,
  .registerPage > div {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .loginPage > div,
  .registerPage > div {
    padding-top: 0rem;
    align-items: flex-start;
  }
  .loginPage > div > div,
  .registerPage > div > div {
    margin-bottom: 0rem;
  }
}
.loginPage .card,
.registerPage .card {
  border: 0px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.93);
  box-shadow: 1px 1px 47px 8px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 767px) {
  .loginPage .card,
  .registerPage .card {
    margin: 0 0px;
    box-shadow: none;
  }
}
.loginPage .card .card-header,
.registerPage .card .card-header {
  background: #FF007E;
  color: #fff;
  border: 0;
  font-size: 1.6rem;
  font-weight: 300;
  text-transform: none;
}
@media only screen and (max-width: 767px) {
  .loginPage .card .card-header,
  .registerPage .card .card-header {
    border-radius: 0px;
    padding: 2.5rem !important;
  }
}
@media only screen and (max-width: 360px) {
  .loginPage .card .card-header,
  .registerPage .card .card-header {
    padding: 2.5rem 1.5rem !important;
  }
}
.loginPage .card .card-header .logo,
.registerPage .card .card-header .logo,
.loginPage .card .card-header .logo span,
.registerPage .card .card-header .logo span {
  text-transform: none;
  font-size: 1.25rem;
}
.loginPage .card .card-header .logo,
.registerPage .card .card-header .logo {
  display: block;
}
@media only screen and (max-width: 767px) {
  .loginPage .card .card-header .logo,
  .registerPage .card .card-header .logo {
    text-align: center;
  }
}
.loginPage .card .card-body,
.registerPage .card .card-body {
  padding: 2rem;
}
@media only screen and (max-width: 767px) {
  .loginPage .card .card-body,
  .registerPage .card .card-body {
    padding: 2.5rem 2rem 1.5rem 2rem !important;
  }
}
@media only screen and (max-width: 360px) {
  .loginPage .card .card-body,
  .registerPage .card .card-body {
    padding: 2.5rem 5% 1.5rem 5% !important;
  }
}
.loginPage .card form select,
.registerPage .card form select {
  border-radius: 25px;
}
.loginPage .card form input,
.registerPage .card form input {
  border-color: #bbb;
  border-radius: 25px;
}
@media only screen and (max-width: 767px) {
  .loginPage .card form input,
  .registerPage .card form input {
    padding: 0.7rem;
  }
}
.loginPage .card form label,
.registerPage .card form label,
.loginPage .card form a,
.registerPage .card form a,
.loginPage .card form p,
.registerPage .card form p,
.loginPage .card form li,
.registerPage .card form li {
  font-size: 0.9rem;
}
@media only screen and (max-width: 767px) {
  .loginPage .card form label,
  .registerPage .card form label,
  .loginPage .card form a,
  .registerPage .card form a,
  .loginPage .card form p,
  .registerPage .card form p,
  .loginPage .card form li,
  .registerPage .card form li {
    font-size: 1.1rem;
  }
}
.loginPage .card form label span,
.registerPage .card form label span,
.loginPage .card form a span,
.registerPage .card form a span,
.loginPage .card form p span,
.registerPage .card form p span,
.loginPage .card form li span,
.registerPage .card form li span {
  font-size: 0.9rem;
}
@media only screen and (max-width: 767px) {
  .loginPage .card form label span,
  .registerPage .card form label span,
  .loginPage .card form a span,
  .registerPage .card form a span,
  .loginPage .card form p span,
  .registerPage .card form p span,
  .loginPage .card form li span,
  .registerPage .card form li span {
    font-size: 1.1rem;
  }
}
.loginPage .card form label .small,
.registerPage .card form label .small,
.loginPage .card form a .small,
.registerPage .card form a .small,
.loginPage .card form p .small,
.registerPage .card form p .small,
.loginPage .card form li .small,
.registerPage .card form li .small {
  font-size: 80%;
}
.loginPage .card form .form-check-input,
.registerPage .card form .form-check-input {
  margin-right: 0.5rem;
}
.loginPage .card form .button-container,
.registerPage .card form .button-container {
  padding-top: 1rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .loginPage .card form .button-container .btn-primary,
  .registerPage .card form .button-container .btn-primary {
    font-size: 1.2rem;
    padding: 1rem 2rem;
    border-radius: 50px;
  }
}
.loginPage .card form #captcha,
.registerPage .card form #captcha {
  margin: 0 auto;
  width: 304px;
  display: block;
}
.loginPage .card tr th,
.registerPage .card tr th {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 800;
}
.loginPage .card tr td,
.registerPage .card tr td {
  margin-bottom: 0px;
  padding-bottom: 1rem;
  font-size: 0.9rem;
}
.loginPage .card tr td strong,
.registerPage .card tr td strong {
  font-weight: 500;
}
.loginPage .card tr td:first-child,
.registerPage .card tr td:first-child {
  width: 60%;
}
.loginPage .card tr:last-child td,
.registerPage .card tr:last-child td {
  margin-bottom: 0;
}
@media only screen and (min-width: 1025px) {
  .loginPage {
    padding-left: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .loginPage {
    background: #fff !important;
  }
}
.loginPage .login-col {
  max-width: 365px;
  width: 365px;
}
@media only screen and (max-width: 767px) {
  .loginPage .login-col {
    padding-top: 0;
    max-width: 100%;
    width: 100%;
    padding-bottom: 5rem;
    overflow: auto;
  }
}
.loginPage .card {
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .loginPage .card {
    border-radius: 0px;
    background: #fff !important;
  }
}
.loginPage .card form .card-header {
  padding: 1rem 1.5rem;
  border-radius: 10px 10px 0 0;
}
@media only screen and (max-width: 767px) {
  .loginPage .card form .card-header {
    border-radius: 0;
  }
}
.loginPage .card form .card-header .logo {
  font-size: 1.75rem;
}
.loginPage .card form .card-header .logo span {
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .loginPage .card form .card-header .logo {
    font-size: 2.5rem;
  }
  .loginPage .card form .card-header .logo span {
    font-size: 2.5rem;
  }
}
.loginPage .card form .card-body {
  padding: 1.5rem;
}
.loginPage .card form .card-body label {
  margin-bottom: 0.25rem;
  font-weight: 400;
}
.loginPage .card form .card-body label .small,
.loginPage .card form .card-body a .small,
.loginPage .card form .card-body p .small,
.loginPage .card form .card-body li .small {
  font-size: 80%;
}
.loginPage .card form .card-footer {
  background: rgba(255, 255, 255, 0.5);
  padding: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .loginPage .card form .card-footer {
    background: transparent;
    border: 0;
  }
}
.loginPage .card form .card-footer .button-container {
  padding-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .loginPage .card form .card-footer .button-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .loginPage .card form .card-footer .button-container.forgot-button-container a {
    order: 2;
  }
  .loginPage .card form .card-footer .button-container.forgot-button-container input {
    order: 1;
    margin-bottom: 2rem;
  }
}
.loginPage .card form a {
  color: #333;
}
.registerPage .card {
  background: rgba(255, 255, 255, 0.96);
}
.registerPage .card .card-header small {
  font-size: 0.8rem;
  text-transform: uppercase;
}
.navbar.navbar-btns {
  background-color: #f4f4f4 !important;
  border-radius: 20px !important;
  padding: 0;
}
.navbar.navbar-btns.rounded-10 {
  border-radius: 10px !important;
}
.navbar.navbar-btns.rounded-100 {
  border-radius: 100% !important;
}
.navbar.navbar-btns .nav-item .nav-link {
  color: #333;
  padding: 0.3rem 0.8rem;
  border-right: 1px solid #e7e7e7;
  font-size: 0.875rem;
}
.navbar.navbar-btns .nav-item .nav-link:hover,
.navbar.navbar-btns .nav-item .nav-link:active,
.navbar.navbar-btns .nav-item .nav-link:focus {
  color: #000;
  background: #dedede;
}
.navbar.navbar-btns .nav-item.active .nav-link {
  color: #fff;
  background: #277fbb;
}
.navbar.navbar-btns .nav-item.active .nav-link:hover,
.navbar.navbar-btns .nav-item.active .nav-link:active,
.navbar.navbar-btns .nav-item.active .nav-link:focus {
  color: #fff;
  background: #277fbb;
}
.navbar.navbar-btns .nav-item:first-child .nav-link {
  border-radius: 20px 0 0 20px;
  padding-left: 0.9rem;
}
.navbar.navbar-btns .nav-item:last-child .nav-link {
  border-radius: 0px 20px 20px 0;
  padding-right: 0.9rem;
  border-right-width: 0;
}
header {
  background: #FF007E;
  color: #fff;
  border-bottom: 0px solid #ededed;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  /*
	nav.navbar{
		color: #fff;

		.navbar-brand{
			color: #fff;
			line-height: 1.4rem;

			span{
				display: block;
				font-size: 68%;
				font-weight: 400;
				text-transform: uppercase;
			}
		}

		.nav-link{
			color: #fff;
		}


		.dropdown-toggle::after{
			display: none;
		}


	}
	*/
}
header .main-title {
  color: #fff;
  font-size: 1.4rem;
  line-height: 3rem;
  font-weight: 800;
  padding-left: 1rem;
}
@media only screen and (min-width: 992px) {
  header .main-title {
    padding-right: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  header .main-title {
    font-size: 1.65rem;
    line-height: 3rem;
  }
}
header .main-title span {
  font-weight: 100;
  font-size: 1.4rem;
  line-height: 3rem;
}
@media only screen and (min-width: 768px) {
  header .main-title span {
    font-size: 1.65rem;
    line-height: 3rem;
  }
}
header .main-title div.subtitle {
  display: none;
  font-size: 0.75rem;
  line-height: 0.95rem;
  font-weight: 100;
  font-family: 'Open Sans', sans-serif;
}
@media only screen and (min-width: 768px) {
  header .main-title div.subtitle {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.5rem;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    padding-left: 0.7rem;
    margin-left: 0.9rem;
    position: relative;
    top: -1px;
  }
}
header .main-title div.subtitle .archiwum-message {
  margin: 0px;
  padding: 4px 0px 2px 0;
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  line-height: 13px;
}
header .main-title div.subtitle .archiwum-message a.archive-exit {
  background: #fff;
  font-size: 12px;
  color: #277fbb;
  font-weight: 500;
  padding: 1px 7px;
  border-radius: 4px;
}
header .main-title div.subtitle.archive-out {
  border: 0;
  display: none;
  padding-left: 1rem;
}
@media only screen and (max-width: 767px) {
  header .main-title div.subtitle.archive-out {
    display: inline-block;
  }
}
header .main-title div.subtitle.archive-out a {
  color: #277fbb;
  font-size: 0.8rem;
  padding: 4px 12px;
  border-radius: 5px;
  font-weight: 500;
  background: #fff;
}
header .navigation {
  padding-right: 0.7rem;
}
@media only screen and (min-width: 992px) {
  header .navigation {
    padding-right: 1rem;
  }
}
header .navigation form select.custom-select {
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.34);
}
header .navigation form select.custom-select option {
  background: #fff;
  color: #000;
}
header .navigation .navBtn {
  font-size: 24px;
  line-height: 2rem;
  cursor: pointer;
  min-width: 90px;
}
header .navigation .navBtn .label {
  font-weight: 100;
  font-size: 18px;
  line-height: 2rem;
  display: inline-block;
  padding-right: 10px;
  text-transform: uppercase;
  vertical-align: top;
}
header .navigation .circle-icon {
  display: block;
  width: 36px;
  height: 36px;
  background: transparent;
  padding: 0;
  margin: 0;
  line-height: 36px;
  border-radius: 100%;
  text-align: center;
  margin-left: 5px;
}
header .navigation .circle-icon i {
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 0;
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
header .navigation .circle-icon:hover,
header .navigation .circle-icon:active,
header .navigation .circle-icon:focus {
  background: rgba(255, 255, 255, 0.1);
}
header .logo {
  max-height: 60px;
}
.breadcrumbs {
  background: #f9f9f9;
  border-radius: 0px;
  font-size: 0.9rem;
  display: none;
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.05);
  box-shadow: none;
  padding: 0.9rem 1.25rem;
  font-weight: 400;
}
.breadcrumbs .breadcrumb-item {
  float: none;
}
.breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
  color: #d9d9d9;
}
.breadcrumbs ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
}
.breadcrumbs ol li {
  list-style: none;
}
@media only screen and (min-width: 768px) {
  .breadcrumbs {
    display: block;
  }
}
.mobile-menu {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 0;
  overflow: hidden;
  background: #FF007E;
  z-index: 1190;
  overflow: auto;
  -webkit-transition: height 100ms ease-in-out;
  -moz-transition: height 100ms ease-in-out;
  -ms-transition: height 100ms ease-in-out;
  -o-transition: height 100ms ease-in-out;
  transition: height 100ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .mobile-menu {
    width: 40%;
  }
}
@media only screen and (min-width: 992px) {
  .mobile-menu {
    width: 35%;
  }
}
.mobile-menu > div {
  padding: 1.5rem 0 2rem;
  min-width: 250px;
}
.mobile-menu > div.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  padding: 1rem 1.3rem;
  background: rgba(0, 0, 0, 0.15);
}
.mobile-menu > div.header .title {
  font-weight: 1.2rem;
  color: #fff;
  text-transform: uppercase;
}
.mobile-menu > div.header .navBtnClose {
  cursor: pointer;
  font-size: 24px;
  line-height: 24px;
  color: #fff;
}
.mobile-menu > div.header .navBtnClose:hover,
.mobile-menu > div.header .navBtnClose:active,
.mobile-menu > div.header .navBtnClose:focus {
  opacity: 0.8;
}
.mobile-menu > div .menu-group .menu-group-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-menu > div .menu-group .menu-group-header:hover,
.mobile-menu > div .menu-group .menu-group-header:active,
.mobile-menu > div .menu-group .menu-group-header:focus {
  background: rgba(0, 0, 0, 0.05);
}
.mobile-menu > div .menu-group .menu-group-header a {
  width: 85%;
}
.mobile-menu > div .menu-group .menu-group-header a:hover,
.mobile-menu > div .menu-group .menu-group-header a:active,
.mobile-menu > div .menu-group .menu-group-header a:focus {
  background: transparent;
}
.mobile-menu > div .menu-group .menu-group-header .expand-btn {
  width: 15%;
  height: 30px;
  text-align: center;
  cursor: pointer;
}
.mobile-menu > div .menu-group .menu-group-header .expand-btn i {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}
.mobile-menu > div .menu-group .menu-group-header .expand-btn i.opened {
  display: none;
}
.mobile-menu > div .menu-group .menu-group-header .expand-btn i.closed {
  display: block;
}
.mobile-menu > div .menu-group .menu-group-header .expand-btn.opened i.opened {
  display: block;
}
.mobile-menu > div .menu-group .menu-group-header .expand-btn.opened i.closed {
  display: none;
}
.mobile-menu > div .menu-group .submenu {
  display: none;
}
.mobile-menu > div .menu-group .submenu.opened {
  display: block;
}
.mobile-menu > div a {
  display: block;
  color: #fff;
  padding: 0.3rem 1.4rem;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}
.mobile-menu > div a span {
  font-size: 1.25rem;
}
.mobile-menu > div a i {
  width: 1.25rem;
  margin-right: 0.75rem;
  text-align: center;
  font-size: 1.25rem;
}
.mobile-menu > div a:hover,
.mobile-menu > div a:active,
.mobile-menu > div a:focus {
  background: rgba(0, 0, 0, 0.05);
}
.mobile-menu > div a.active {
  background: rgba(0, 0, 0, 0.1);
}
.mobile-menu > div .divider {
  border-top: 1px solid #f05aa4;
  height: 1px;
  margin: 0.3rem 0;
}
.mobile-menu > div .submenu {
  padding: 0rem 0 1rem 0rem;
}
.mobile-menu > div .submenu a {
  color: #ffdfef;
  font-size: 15pt;
  padding: 0.4rem 0.4rem 0.6rem 3.9rem;
}
.mobile-menu.show {
  height: 100%;
}
.mobile-menu.show .navBtnClose {
  display: block;
}
.gg-content-wrap {
  flex-direction: row;
}
.gg-content-wrap.subnavigation-collapsed .gg-sub-navigation,
.gg-content-wrap.full-width .gg-sub-navigation {
  display: none;
}
.gg-content-wrap.subnavigation-collapsed .gg-extendSubNavigation,
.gg-content-wrap.full-width .gg-extendSubNavigation {
  display: block;
}
.gg-content-wrap.subnavigation-collapsed .gg-extendSubNavigation i.close,
.gg-content-wrap.full-width .gg-extendSubNavigation i.close {
  display: none;
}
.gg-content-wrap.subnavigation-collapsed .gg-extendSubNavigation i.open,
.gg-content-wrap.full-width .gg-extendSubNavigation i.open {
  display: block;
}
@media only screen and (min-width: 992px) {
  .gg-content-wrap.subnavigation-collapsed .gg-extendSubNavigation,
  .gg-content-wrap.full-width .gg-extendSubNavigation {
    display: block;
    left: 5.5%;
  }
}
@media only screen and (min-width: 1400px) {
  .gg-content-wrap.subnavigation-collapsed .gg-extendSubNavigation,
  .gg-content-wrap.full-width .gg-extendSubNavigation {
    left: 4.5%;
  }
}
.gg-content-wrap.subnavigation-collapsed .gg-content,
.gg-content-wrap.full-width .gg-content {
  width: 94.5%;
  margin-left: 5.5%;
  padding-left: 15px;
}
@media only screen and (max-width: 992px) {
  .gg-content-wrap.subnavigation-collapsed .gg-content,
  .gg-content-wrap.full-width .gg-content {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .gg-content-wrap.subnavigation-collapsed .gg-content,
  .gg-content-wrap.full-width .gg-content {
    width: 95.5%;
    margin-left: 4.5%;
  }
}
.gg-content-wrap.full-width .gg-extendSubNavigation {
  display: none;
}
.gg-content-wrap.full-width .gg-content {
  width: 94.5%;
  margin-left: 5.5%;
  padding-left: 10px;
}
@media only screen and (max-width: 992px) {
  .gg-content-wrap.full-width .gg-content {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .gg-content-wrap.full-width .gg-content {
    width: 95.5%;
    margin-left: 4.5%;
  }
}
@media only screen and (min-width: 992px) {
  .gg-content-wrap.homepage-content-wrap .gg-content {
    margin-left: 21%;
    width: 79%;
  }
}
@media only screen and (min-width: 1200px) {
  .gg-content-wrap.homepage-content-wrap .gg-content {
    margin-left: 18%;
    width: 82%;
  }
}
@media only screen and (min-width: 1400px) {
  .gg-content-wrap.homepage-content-wrap .gg-content {
    margin-left: 15%;
    width: 85%;
  }
}
.unread-items-count {
  display: inline-block;
  border-radius: 100%;
  background: #FF007E;
  color: #fff;
  font-weight: 600;
  height: 18px;
  width: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 11px !important;
  padding: 0;
  margin-left: 5px;
  font-family: 'Open Sans', sans-serif;
}
section.gg-navigation {
  display: none;
  position: fixed;
  top: 60px;
  left: 0px;
  background: transparent;
  height: calc(100% - 60px);
  overflow: auto;
  padding: 1rem 0;
}
@media only screen and (min-width: 992px) {
  section.gg-navigation {
    display: block;
    width: 21%;
  }
}
@media only screen and (min-width: 1200px) {
  section.gg-navigation {
    display: block;
    width: 18%;
  }
}
@media only screen and (min-width: 1400px) {
  section.gg-navigation {
    display: block;
    width: 15%;
  }
}
section.gg-navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
section.gg-navigation ul li {
  padding: 0.3rem 1rem;
}
@media only screen and (max-height: 700px) {
  section.gg-navigation ul li {
    padding: 0.3rem 1rem;
  }
}
@media only screen and (max-height: 660px) {
  section.gg-navigation ul li {
    padding: 0.2rem 1rem;
  }
}
section.gg-navigation ul li a {
  color: #333;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.95rem;
  line-height: 1.4;
}
section.gg-navigation ul li a i {
  position: relative;
  background: #fff;
  padding: 0;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  font-size: 0.85rem;
  line-height: 2rem;
  text-align: center;
  border-radius: 100%;
  color: #cecece;
  margin-right: 1rem;
}
section.gg-navigation ul li a i.fa-play {
  transform: rotate(270deg);
}
@media only screen and (max-height: 700px) {
  section.gg-navigation ul li a i {
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
  }
}
section.gg-navigation ul li a i span.unread-items-count {
  position: absolute;
  display: block;
  bottom: -2px;
  right: -6px;
}
section.gg-navigation ul li a span {
  font-size: 0.95rem;
}
section.gg-navigation ul li a.active i {
  background: #fff;
  color: #FF007E;
}
section.gg-navigation ul li:hover,
section.gg-navigation ul li:active,
section.gg-navigation ul li:focus {
  background: #eee;
}
section.gg-navigation ul li:hover a i,
section.gg-navigation ul li:active a i,
section.gg-navigation ul li:focus a i {
  background: #fff;
  color: #FF007E;
}
section.gg-navigation.collapsed {
  background: #e3e3e3;
}
@media only screen and (min-width: 992px) {
  section.gg-navigation.collapsed {
    display: block;
    width: 5.5%;
  }
}
@media only screen and (min-width: 1400px) {
  section.gg-navigation.collapsed {
    width: 4.5%;
  }
}
section.gg-navigation.collapsed ul li {
  padding: 0.2rem 0;
  text-align: center;
}
@media only screen and (max-height: 700px) {
  section.gg-navigation.collapsed ul li {
    padding: 0.3rem 0;
  }
}
@media only screen and (max-height: 630px) {
  section.gg-navigation.collapsed ul li {
    padding: 0.2rem 0;
  }
}
section.gg-navigation.collapsed ul li a {
  text-align: center;
  display: block;
}
section.gg-navigation.collapsed ul li a i {
  background: #fff;
  margin-right: auto;
}
section.gg-navigation.collapsed ul li a span {
  display: none;
}
section.gg-navigation.collapsed ul li:hover,
section.gg-navigation.collapsed ul li:active,
section.gg-navigation.collapsed ul li:focus {
  background: transparent;
}
section.gg-navigation.collapsed ul li:hover a i,
section.gg-navigation.collapsed ul li:active a i,
section.gg-navigation.collapsed ul li:focus a i {
  background: #fff;
  color: #FF007E;
}
section.gg-navigation .nav-list {
  list-style: none;
  padding-left: 0;
}
section.gg-navigation .nav-list li {
  border-bottom: 1px solid #ddd;
}
section.gg-navigation .nav-list li a {
  color: #333;
  padding: 0.3rem 0.5rem;
  display: block;
  font-size: 0.85rem;
}
section.gg-navigation .nav-list li:last-child {
  border-bottom: 0;
}
section.gg-sub-navigation {
  display: none;
  position: fixed;
  top: 60px;
  height: calc(100% - 60px);
  overflow: auto;
  padding: 1.6rem 0rem;
}
@media only screen and (min-width: 992px) {
  section.gg-sub-navigation {
    display: block;
    left: 5.5%;
    width: 17.5%;
  }
}
@media only screen and (min-width: 1400px) {
  section.gg-sub-navigation {
    left: 4.5%;
    width: 15.5%;
  }
}
section.gg-sub-navigation.messenger-menu {
  display: block;
}
section.gg-sub-navigation.messenger-menu .mess-title-wrap {
  position: static;
}
section.gg-sub-navigation.messenger-menu .nav-list li a .icon {
  display: inline-block;
  text-align: center;
  width: 15px;
  padding-right: 7px;
  box-sizing: content-box;
}
@media only screen and (max-width: 992px) {
  section.gg-sub-navigation.messenger-menu {
    position: fixed;
    top: 0px;
    left: 0;
    padding-top: 60px;
    width: 100%;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1015;
    display: none;
  }
  section.gg-sub-navigation.messenger-menu .messenger-menu-inner {
    background: #fff;
    width: 90%;
    margin-left: 0;
    height: 100vh;
    box-shadow: -1px -2px 10px 0px rgba(0, 0, 0, 0.62);
  }
  section.gg-sub-navigation.messenger-menu .nav-list li a {
    font-size: 1.05rem;
    line-height: 1.05rem;
    padding: 15px 1rem;
  }
  section.gg-sub-navigation.messenger-menu .gg-extendContent {
    display: none;
  }
}
section.gg-sub-navigation h1 {
  font-size: 1.3rem;
  padding: 0 1rem;
}
section.gg-sub-navigation h1 i {
  margin-right: 0.25rem;
  background: #fff;
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.2rem;
  line-height: 2.5rem;
  text-align: center;
  border-radius: 100%;
}
section.gg-sub-navigation .nav-list {
  list-style: none;
  padding-left: 0;
}
section.gg-sub-navigation .nav-list li {
  border-bottom: 1px solid #e6e6e6;
}
section.gg-sub-navigation .nav-list li a {
  color: #333;
  padding: 7px 1rem;
  display: block;
  font-size: 0.85rem;
  line-height: 0.95rem;
}
section.gg-sub-navigation .nav-list li a.active {
  color: #fff;
  background: #FF007E;
}
section.gg-sub-navigation .nav-list li a.active span.unread-items-count {
  background: #fff;
  color: #FF007E;
}
section.gg-sub-navigation .nav-list li:last-child {
  border-bottom: 0;
}
section.gg-sub-navigation .nav-list li:hover,
section.gg-sub-navigation .nav-list li:active,
section.gg-sub-navigation .nav-list li:focus {
  background: #fefefe;
}
section.gg-sub-navigation .filters-wrap {
  background: #e3e3e3;
  padding: 1rem;
}
section.gg-sub-navigation .gg-extendContent {
  position: absolute;
  top: 1rem;
  right: 0rem;
  height: 35px;
  background: transparent;
  overflow: hidden;
  cursor: pointer;
  z-index: 9;
  text-align: center;
  width: 35px;
  background: #fff;
  border: 0px solid #dfdfdf;
  border-right: 0;
  border-radius: 20px 0 0 20px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.08);
}
section.gg-sub-navigation .gg-extendContent i {
  font-size: 1.3rem;
  line-height: 33px;
  color: #7d7d7d;
  opacity: 1;
}
section.gg-sub-navigation .gg-extendContent:hover i,
section.gg-sub-navigation .gg-extendContent:active i,
section.gg-sub-navigation .gg-extendContent:focus i {
  color: #FF007E;
}
section.gg-sub-navigation .gg-extendContent div {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 1.7rem;
  opacity: 0.5;
  position: relative;
  top: -3px;
}
section.gg-sub-navigation .gg-extendContent:hover div,
section.gg-sub-navigation .gg-extendContent:active div,
section.gg-sub-navigation .gg-extendContent:focus div {
  color: #FF007E;
  opacity: 1;
}
.gg-extendSubNavigation {
  display: none;
  position: fixed;
  top: 75px;
  height: 35px;
  background: #277fbb;
  overflow: hidden;
  cursor: pointer;
  z-index: 99;
  border-left: 0;
  border-radius: 0 20px 20px 0;
  width: 32px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.08);
  text-align: center;
  padding: 0;
}
.gg-extendSubNavigation i {
  font-size: 1.3rem;
  line-height: 33px;
  color: #fff;
}
.gg-extendSubNavigation i.open {
  display: none;
}
nav.mobileBtns {
  background: #FF007E;
  position: fixed;
  top: 44;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 0rem;
}
@media only screen and (min-width: 768px) {
  nav.mobileBtns {
    top: 60px;
  }
}
nav.mobileBtns .nav-btn {
  padding: 0.5rem 1rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
  flex: 1;
  background: #277fbb;
}
@media only screen and (min-width: 992px) {
  nav.mobileBtns {
    display: none;
  }
}
section.gg-content {
  width: auto;
  padding-bottom: 8rem;
}
@media only screen and (min-width: 768px) {
  section.gg-content {
    padding-top: 1rem;
  }
}
@media only screen and (min-width: 992px) {
  section.gg-content {
    margin-left: 23.5%;
    width: 76.5%;
  }
}
@media only screen and (min-width: 1400px) {
  section.gg-content {
    margin-left: 20.5%;
    width: 79.5%;
  }
}
section.gg-content.messenger-content {
  padding-bottom: 2rem;
}
@media only screen and (max-width: 992px) {
  section.gg-content.messenger-content {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 576px) {
  section.gg-content.messenger-content {
    padding-left: 0px;
    padding-right: 0px;
  }
}
section.gg-content.pushed {
  padding-top: 44px;
}
@media only screen and (min-width: 768px) {
  section.gg-content.pushed {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 992px) {
  section.gg-content.pushed {
    padding-top: 1rem;
  }
}
section.gg-content > .container-fluid {
  padding-left: 0px;
}
@media only screen and (min-width: 768px) {
  section.gg-content > .container-fluid {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 992px) {
  section.gg-content > .container-fluid {
    padding-left: 5px;
  }
}
.main-title-bar {
  margin-bottom: 1rem;
  background: #fff;
  padding: 1.25rem;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);
  align-items: center;
}
.main-title-bar.always-flex {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .main-title-bar {
    border-radius: 12px 12px 0 0;
  }
}
@media only screen and (min-width: 992px) {
  .main-title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.main-title-bar h1 {
  margin-bottom: 0;
}
.main-title-bar .navigation.btn-group .btn {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.3rem 1rem;
  margin-bottom: 0;
  font-size: 0.95rem;
}
@media (max-width: 1300px) {
  .main-title-bar .navigation.btn-group .btn {
    padding: 0.35rem 0.8rem;
    font-size: 0.9rem;
  }
}
.main-title-bar .navigation.btn-group .btn:NOT(.btn-mini):last-child {
  padding-right: 1.2rem !important;
}
@media (max-width: 1300px) {
  .main-title-bar .navigation.btn-group .btn:NOT(.btn-mini):last-child {
    padding-right: 1rem !important;
  }
}
.main-title-bar .navigation.btn-group .btn:NOT(.btn-mini):first-child {
  padding-left: 1.2rem !important;
}
@media (max-width: 1300px) {
  .main-title-bar .navigation.btn-group .btn:NOT(.btn-mini):first-child {
    padding-left: 1rem !important;
  }
}
.main-title-bar + .breadcrumbs {
  margin-bottom: 1rem;
  margin-top: -1rem;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);
}
.main-title-bar + .main-title-bar-footer {
  padding: 0.7rem;
  background: #ececec;
  margin-bottom: 1rem;
  margin-top: -1rem;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0 0 12px 12px;
}
.leftColumn > div {
  width: 50%;
}
.leftColumn > div > .btn {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 992px) {
  .leftColumn > div {
    width: auto;
  }
  .leftColumn > div > .btn {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.leftColumn ul.nav li.nav-item a.nav-link {
  color: #333;
  font-size: 1rem;
  padding: 0.5rem 1rem;
}
.leftColumn ul.nav li.nav-item:hover,
.leftColumn ul.nav li.nav-item:active,
.leftColumn ul.nav li.nav-item:focus {
  background: rgba(255, 255, 255, 0.25);
}
.leftColumn ul.nav li.nav-item.group-btn {
  background: #FF007E;
}
.leftColumn ul.nav li.nav-item.group-btn > a {
  color: #fff;
}
.leftColumn ul.nav li.nav-item.button:hover,
.leftColumn ul.nav li.nav-item.button:active,
.leftColumn ul.nav li.nav-item.button:focus {
  background: transparent;
}
.leftColumn ul.nav li.nav-item.button a.nav-link {
  color: #fff;
}
.leftColumn .groups-list ul.nav {
  background: #fff;
  padding: 0.7rem 0;
}
.leftColumn .groups-list ul.nav li.nav-item:hover,
.leftColumn .groups-list ul.nav li.nav-item:active,
.leftColumn .groups-list ul.nav li.nav-item:focus {
  background: rgba(0, 0, 0, 0.05);
}
.leftColumn .groups-list-content {
  height: 0px;
  overflow: hidden;
  -webkit-transition: height 200ms ease-in-out;
  -moz-transition: height 200ms ease-in-out;
  -ms-transition: height 200ms ease-in-out;
  -o-transition: height 200ms ease-in-out;
  transition: height 200ms ease-in-out;
}
.leftColumn .groups-list-content.show {
  height: auto;
}
@media only screen and (max-width: 991px) {
  .leftColumn .kids-list-content,
  .leftColumn .groups-list-content {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 100%;
    overflow: auto;
    background: #FF007E;
    z-index: 1190;
    -webkit-transition: width 200ms ease-in-out;
    -moz-transition: width 200ms ease-in-out;
    -ms-transition: width 200ms ease-in-out;
    -o-transition: width 200ms ease-in-out;
    transition: width 200ms ease-in-out;
  }
  .leftColumn .kids-list-content > div,
  .leftColumn .groups-list-content > div {
    padding: 2rem 1.5rem;
  }
  .leftColumn .kids-list-content.show,
  .leftColumn .groups-list-content.show {
    width: 100%;
    height: 100%;
  }
  .leftColumn .kids-list-content .navBtnClose,
  .leftColumn .groups-list-content .navBtnClose {
    display: block;
  }
  .leftColumn .kids-list-content h2,
  .leftColumn .groups-list-content h2 {
    color: #fff;
    padding: 0 1rem;
  }
  .leftColumn .kids-list-content ul.nav,
  .leftColumn .groups-list-content ul.nav {
    background: transparent;
  }
  .leftColumn .kids-list-content ul.nav li.nav-item a.nav-link,
  .leftColumn .groups-list-content ul.nav li.nav-item a.nav-link {
    color: #fff;
  }
}
@media only screen and (max-width: 991px) {
  .leftColumn .kids-list-content .nav-item.button .btn-primary {
    border: 1px solid #fff;
  }
}
.leftColumn a {
  color: #333;
}
.hero {
  padding: 1.5rem;
  background-color: #3E88BB;
  color: #fff;
  border-radius: 0 0 10px 10px;
}
.hero h3 {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin-top: 0px;
  margin-bottom: 0.5rem;
  font-weight: 100;
}
.hero h3 span {
  display: block;
  font-size: 0.85rem;
  padding-top: 0.5rem;
  line-height: 1rem;
}
.hero p {
  font-weight: 100;
}
.block {
  display: block;
  padding: 20px;
  background: #ececec;
  border-radius: 0px;
}
.block h1 {
  margin: 0px 0px 10px 0px;
}
.block .course-wrap {
  background-color: #fff;
}
.block .course-wrap .tools {
  float: right;
  width: 100px;
  display: block;
  padding: 20px;
  margin: 0px 0px 0px 30px;
  border-left: 1px dotted #ddd;
  color: #000;
}
.block ul {
  padding: 0px;
  margin: 0px;
}
.block ul li {
  display: block;
  padding: 7px;
  background: #fff;
  border-bottom: 1px dotted #ddd;
  list-style: none;
}
.block ul li:first-child {
  border-top: 1px dotted #ddd;
}
/* @@@@@@@@@@@@@@@@@
 * Login form
 */
.loginForm input[type="text"],
.loginForm input[type="password"] {
  width: 220px;
}
.loginForm .controls {
  width: 220px;
  margin: 0px auto;
}
.loginForm .controls .checkbox {
  padding-top: 0px;
  padding-bottom: 10px;
}
.loginForm label {
  font-size: 13px;
}
.loginForm .checkbox input[type="checkbox"] {
  margin-left: -10px;
}
/* @@@@@@@@@@@@@@@@@
 * Right menu
 */
.right-menu .well h4 {
  font-size: 15px;
  margin: 0px;
  line-height: 40px;
  text-transform: uppercase;
  background: transparent;
  color: #fff;
  text-align: center;
}
.right-menu .well {
  padding: 0px;
  border-radius: 0px;
  border-color: transparent;
  border-radius: 10px 10px 0px 0px;
  border-width: 0px;
}
.kid-menu-boks.well {
  background-color: #3E88BB;
  border-radius: 10px 10px 10px 10px;
  padding: 0px 0px 0px 0px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.kid-menu-boks.well .kid-image {
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
  width: 100%;
  border-radius: 10px 10px 0px 0px;
}
.kid-menu-boks.well .kid-menu-content {
  margin-top: 0px;
}
.kid-menu-boks.well img {
  border-radius: 10px 10px 0px 0px;
  width: 220px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.kid-menu-boks.well h4 {
  border-radius: 0px;
  background-color: rgba(0, 0, 0, 0.4);
}
.kid-menu-boks.well .nav-list {
  padding: 8px 0px;
  margin: 0px 0px;
}
.kid-menu-boks.well .nav-list li a {
  padding: 3px 10px 3px 20px;
  margin: 0px;
  color: #fff;
  text-shadow: none;
}
.kid-menu-boks.well .nav > li > a:hover,
.kid-menu-boks.well .nav > li > a:focus {
  background-color: #FF007E;
}
/* @@@@@@@@@@@@@@@@@
 * Materials
 */
#materials- li .edit {
  width: 120px;
  float: left;
}
#materials-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#materials-list li {
  padding: 20px 0px;
  border-bottom: 1px dotted #CCCCCC;
}
#materials-list li:last-child {
  border-bottom: 0px dotted #CCCCCC;
}
#materials-list li .handle {
  cursor: move;
}
#materials-list li .photo {
  text-align: center;
  width: 140px;
  float: left;
}
#materials-list li .photo img {
  max-width: 90px;
  max-height: 100px;
}
#materials-list li .name {
  font-weight: bold;
  width: 140px;
  float: left;
}
#materials-list li .description {
  font-size: 13px;
  width: 470px;
  float: left;
  margin-left: 20px;
}
#materials-list li .description-wide {
  margin-left: 140px;
}
#materials-list li .edit {
  width: 125px;
  float: left;
  margin-left: 45px;
}
.masonry-wrap {
  width: 100%;
}
.masonry-wrap .item {
  padding: 10px 0;
  background: transparent;
  position: relative;
  display: inline-block;
  width: 100%;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  box-sizing: border-box;
}
.masonry-wrap .item img {
  margin: 0px;
}
.masonry-wrap .item div.text {
  padding: 10px;
  background: #f8f8f8;
  margin: 0px;
}
@media only screen and (min-width: 576px) {
  .masonry-wrap .item {
    width: 49.95%;
    padding: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .masonry-wrap .item {
    width: 33.3%;
  }
}
.masonry-wrap .item img {
  width: 100%;
}
.masonry-wrap .item img {
  width: 100%;
}
.masonry-wrap .popover {
  width: 500px;
}
/* @@@@@@@@@@@@@@@@@
 * BLOG
 */
#blog-title {
  margin-bottom: 15px;
}
.blog-item-container div.user-photo {
  float: left;
  width: 52px;
  border-radius: 100%;
  border: 1px solid #f8f8f8;
  box-sizing: border-box;
  margin-right: 0.6rem;
}
.blog-item-container div.user-photo img {
  max-width: 50px;
  max-height: 50px;
  border-radius: 100%;
}
.blog-item-container div.post-container {
  padding: 0.5rem 1rem;
}
.blog-item-container div.post-container .thumbs,
.blog-item-container div.post-container .video {
  margin-bottom: 20px;
}
.blog-item-container div.post-container .thumbs > div {
  position: relative;
  display: inline-block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.blog-item-container div.post-container .thumbs > div img {
  height: 5rem;
}
@media only screen and (min-width: 992px) {
  .blog-item-container div.post-container .thumbs > div img {
    height: 7rem;
  }
}
.blog-item-container div.post-container .thumbs > div a.rotate {
  position: absolute;
  top: 2px;
  right: 2px;
  opacity: 0.5;
}
.blog-item-container div.post-container .thumbs > div:hover a.rotate,
.blog-item-container div.post-container .thumbs > div:active a.rotate,
.blog-item-container div.post-container .thumbs > div:focus a.rotate {
  opacity: 1;
}
.blog-item-container .post-heading {
  display: block;
  padding: 1rem 1rem 0rem 1rem;
}
.blog-item-container .post-heading a.author {
  display: inline-block;
  font-size: 0.95rem;
  font-weight: 600;
  padding-top: 0.3rem;
}
.blog-item-container .post-date {
  font-size: 0.7rem;
  color: #777;
  padding-top: 0rem;
}
.blog-item-container .post-edit {
  float: right;
  font-size: 11px;
  padding: 10px 0px 0px 10px;
}
.blog-item-container .blog-photo {
  float: right;
  max-height: 120px;
  margin: 0px 1rem 0 0;
}
.blog-item-container .blog-text {
  padding-bottom: 1.5rem;
}
.blog-item-container .comments-wrap {
  font-size: 11px;
  padding: 0px;
}
.blog-item-container .comments-wrap.comments-photos {
  margin-left: 0px;
}
.blog-item-container .comments-wrap i {
  font-size: 15px;
  color: #FF007E;
}
.blog-item-container .comments-wrap img {
  border-radius: 100%;
}
.blog-item-container .comments-wrap .add-comment,
.blog-item-container .comments-wrap .comment-line {
  padding: 0.5rem 1rem;
  position: relative;
}
.blog-item-container .comments-wrap .add-comment {
  background-color: #F5F5F5;
  border-radius: 0 0 10px 10px;
  padding-bottom: 1rem;
}
.blog-item-container .comments-wrap .add-comment form {
  margin: 0px;
}
.blog-item-container .comments-wrap .add-comment textarea {
  height: 35px;
  max-height: 300px;
  font-size: 0.9rem;
  overflow: hidden;
}
.blog-item-container .comments-wrap .comments-container {
  background-color: #F5F5F5;
  padding-top: 0.5rem;
}
.blog-item-container .comments-wrap .comment-line div.comment {
  color: #333;
  font-size: 90%;
}
.blog-item-container .comments-wrap .comment-line div.comment a {
  font-size: 90%;
}
.blog-item-container .comments-wrap .comment-line div.comment a.author {
  padding-right: 0.1rem;
}
.blog-item-container .comments-wrap .comment-line div.comment span.date {
  font-size: 0.8rem;
  display: block;
  color: #999;
}
.hiddendiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
  width: 545px;
  min-height: 20px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  overflow: hidden;
}
.lbr {
  line-height: 3px;
}
table.table-blog td hr {
  margin: 10px 0px 3px 0px;
}
table.table-blog td .thumbs img {
  height: 115px;
  margin: 1px 1px 0px 0px;
}
table.table tr td,
table.table tr th {
  border-top: 0;
  border-bottom: 1px solid #ebebeb;
}
table.table tr th {
  font-weight: 500;
}
table.table tr:last-child td,
table.table tr:last-child th {
  border-bottom: 0;
}
table.table tr.bg-light {
  background-color: #f8f8f8 !important;
}
@media screen and (max-width: 767px) {
  table.table.table-gg-responsive tr {
    display: block;
    padding: 0.65rem 0;
    border-bottom: 1px solid #e9ecef;
    position: relative;
  }
  table.table.table-gg-responsive tr:last-child {
    border: 0;
  }
  table.table.table-gg-responsive tr.th {
    border: 0;
    padding: 0;
  }
  table.table.table-gg-responsive tr th {
    display: none;
    padding: 0;
  }
  table.table.table-gg-responsive tr td {
    display: block;
    padding: 0rem 0.25rem;
    border: 0px;
    word-break: break-all;
  }
  table.table.table-gg-responsive tr td.mobile-th {
    font-weight: 500;
  }
  table.table.table-gg-responsive tr td.navigation-right {
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    height: 32px;
    margin: auto;
  }
}
table.table.table-valign-middle td {
  vertical-align: middle;
}
.inline-label {
  display: inline-block;
  width: 60px;
  color: #a9a9a9;
  font-size: 0.85rem;
}
@media only screen and (max-width: 767px) {
  .inline-label {
    display: block;
    width: auto;
    margin-top: 0.5rem;
  }
}
.titled-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  /* Równe kolumny */
  gap: 15px;
  /* Przerwy między miniaturkami */
  width: 100%;
  box-sizing: border-box;
  /* Pasek tytułu na dole */
}
.titled-gallery-grid .gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  aspect-ratio: 3 / 4;
  text-decoration: none;
  /* Usunięcie podkreślenia linków */
  color: inherit;
  /* Dziedziczenie koloru tekstu */
}
.titled-gallery-grid .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.titled-gallery-grid .gallery-item:hover .title-bar {
  background: #FF007E;
}
.titled-gallery-grid .title-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #277fbb;
  color: #fff;
  text-align: left;
  padding: 20px;
  font-size: 1.2rem;
  font-weight: 500;
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.titled-gallery-grid .title-bar .description {
  font-weight: 100;
  font-size: 1rem;
  text-transform: none;
}
.titled-gallery-grid .config {
  position: absolute;
  top: 10px;
  right: 10px;
}
.img-grid-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* 4 kolumny o równych szerokościach */
  gap: 1vw;
  /* Odstęp między obrazkami */
  max-width: 100%;
  /* Maksymalna szerokość galerii */
  width: 100%;
  box-sizing: border-box;
}
.img-grid-gallery .img-grid-gallery-item {
  width: 100%;
  padding-top: 100%;
  /* Tworzy kwadratowe boxy */
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  /* Zaokrąglone rogi obrazów */
}
.img-grid-gallery .img-grid-gallery-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Obrazki zajmują całą przestrzeń boxa bez deformacji */
}
.img-grid-gallery .img-grid-gallery-item .actions {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 99;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.img-grid-gallery .img-grid-gallery-item .actions .action-btn {
  display: block;
  background: #fff;
  padding: 0;
  border-radius: 5px;
  width: 25px;
  height: 25px;
  line-height: 22px;
  cursor: pointer;
  text-align: center;
  margin-left: 3px;
}
.img-grid-gallery .img-grid-gallery-item .actions .action-btn small,
.img-grid-gallery .img-grid-gallery-item .actions .action-btn i {
  cursor: pointer;
}
.img-grid-gallery .img-grid-gallery-item .remove {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 99;
  background: #fff;
  padding: 0;
  border-radius: 5px;
  width: 25px;
  height: 25px;
  line-height: 22px;
  cursor: pointer;
  text-align: center;
}
.img-grid-gallery .img-grid-gallery-item .remove small,
.img-grid-gallery .img-grid-gallery-item .remove i {
  cursor: pointer;
}
@media only screen and (min-width: 1400px) {
  .img-grid-gallery {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (min-width: 1650px) {
  .img-grid-gallery {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .img-grid-gallery.grid-always {
    grid-template-columns: repeat(3, 1fr);
    gap: 4vw;
  }
}
@media only screen and (max-width: 450px) {
  .img-grid-gallery.grid-always {
    grid-template-columns: repeat(2, 1fr);
    gap: 4vw;
  }
}
.img-grid-gallery:not(.grid-always).max-ten-col {
  grid-template-columns: repeat(10, 1fr);
}
@media only screen and (max-width: 767px) {
  .img-grid-gallery:not(.grid-always) {
    display: block;
  }
  .img-grid-gallery:not(.grid-always) .img-grid-gallery-item {
    padding-top: 0;
    overflow: visible;
    border-radius: 0;
  }
  .img-grid-gallery:not(.grid-always) .img-grid-gallery-item img {
    position: static;
    width: 100%;
    height: auto;
  }
}
/*
.gallery-album-wrap{
	width: 100%;
	text-align: center;



	@media only screen and (min-width: @mediaM){
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
	}


	.img-preview{
		width: 120px;
		height: 120px;
		border-radius: 10px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    overflow: hidden;
	    position: relative;

	    &.img-preview-lg{
	    	width: 200px;
	    	height: 200px;
	    }


	    img{
		    flex-shrink: 0;
		    min-width: 100%;
		    min-height: 100%;
		    max-width: none;
		    max-height: none;

	    }

	    a.img-link{
	    	display: block;
	    	position: absolute;
	    	top: 0;
	    	left: 0;
	    	width: 100%;
	    	height: 100%;
	    }

	    .actions{
			    position: absolute;
			    top: 7px;
			    right: 7px;
			    z-index: 99;
			    display: flex;
			    justify-content: flex-end;
			    align-items: center;

		    .action-btn{
		    	display: block;
			    background: #fff;
			    padding: 0;
			    border-radius: 5px;
			    width: 25px;
			    height: 25px;
			    line-height: 22px;
			    cursor: pointer;
			    text-align: center;
			    margin-left: 3px;

			    small, i{
			    	cursor: pointer;
			    }
		    }
	    }

	    .remove{
			    position: absolute;
			    top: 5px;
			    right: 5px;
			    z-index: 99;
			    background: #fff;
			    padding: 0;
			    border-radius: 5px;
			    width: 25px;
			    height: 25px;
			    line-height: 22px;
			    cursor: pointer;
			    text-align: center;

			    small, i{
			    	cursor: pointer;
			    }
	    }

	}


	&.gallery-album-phone-full-images{

		@media only screen and (max-width: @mediaM){
	
			.img-preview{
				width: auto;
				height: auto;
				border-radius: 0px;
			    display: block;
			    position: relative;

			    &.img-preview-lg{
			    	width: auto;
			    	height: auto;
			    }

			    img{
			    	max-width: 100%;
			    	max-height: none;

			    }


			    a.img-link{
					pointer-events: none;
				    cursor: default;
				    position: static;
			    }


			}

		}



	}

	.photo-wrap{
		position: relative;
		width: 94%;
		box-sizing: border-box;
		margin: auto;
		margin-bottom: 12px;


		@media only screen and (min-width: @mediaM){
			width: 32%;
			padding: 12px;
			background: #fff;
			.box-shadow;
		}
		@media only screen and (min-width: @mediaL){
			width: 19%
		}

		@media only screen and (min-width: @mediaXL){
			width: 16%
		}

		a {
			pointer-events: unset;

			@media only screen and (min-width: @mediaM) {
				pointer-events: unset;
			}
		}





		img{
			width: 100%
		}


		.remove{
			position: absolute;
			top: 0.5rem;
			right: 0.5rem;
			opacity: 1;

			@media only screen and (min-width: @mediaM) {
				opacity: 0;
			}
		}

		.rotate{
			position: absolute;
			top: 0.5rem;
			right: 2rem;
			opacity: 1;

			@media only screen and (min-width: @mediaM) {
				opacity: 0;
			}

		}


		&:hover, &:active, &:focus{
			.remove, .rotate{
				opacity: 1;
			}
		}



	}

	@media only screen and (min-width: @mediaM) {
		text-align: left;
	}
}

*/
#loadingBlog {
  padding: 0px 0px 70px 0px;
  margin: 0px auto;
}
/* @@@@@@@@@@@@@@@@@
 * UPDATES
 */
.updates .item {
  padding: 20px 20px 20px 20px;
  background-color: #FFF;
  border-radius: 15px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
.updates .item h2 {
  margin: 0px 0px 5px 0px;
  border-bottom: 1px solid #FF007E;
  padding-bottom: 10px;
  font-size: 18px;
}
.updates .data {
  margin: 0px 0px 10px 0px;
  color: #666;
  font-size: 12px;
  text-transform: uppercase;
}
.updates .data.labels .label {
  width: 100%;
  text-align: center;
  padding: 6px 0px;
  margin-bottom: 4px;
}
.updates .item .description.float-right {
  padding-left: 280px;
}
.updates .item img {
  float: left;
  margin: 0px 30px 30px 0px;
}
.updates .hero img {
  border: 1px solid #fff;
  box-shadow: 1px 1px 5px #000;
}
/* @@@@@@@@@@@@@@@@@
 * PANEL
 */
.panel-course {
  padding: 15px;
  margin-bottom: 7px;
}
.panel-course-heading {
  padding: 15px;
  margin-bottom: 7px;
  background: #2989d8;
  background: -moz-linear-gradient(top, #2989d8 0%, #1e5799 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2989d8), color-stop(100%, #1e5799));
  background: -webkit-linear-gradient(top, #2989d8 0%, #1e5799 100%);
  background: -o-linear-gradient(top, #2989d8 0%, #1e5799 100%);
  background: -ms-linear-gradient(top, #2989d8 0%, #1e5799 100%);
  background: linear-gradient(to bottom, #2989d8 0%, #1e5799 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2989d8', endColorstr='#1e5799', GradientType=0);
  color: #fff;
  border: 1px solid #1e5799;
}
.panel-course-heading h3 {
  color: #fff;
  margin: 0px 0px 8px 0px;
}
.panel-course ul {
  margin: 10px 0px 20px;
}
.panel-course ol li ul li {
  font-size: 13px;
  font-weight: normal;
  list-style: disc;
  line-height: 23px;
}
.panel-block > ul,
.panel-block > ul > li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#checking {
  color: #000;
  display: none;
  padding: 15px 0px 10px;
}
footer {
  margin: 1rem auto 0;
  width: 100%;
  padding: 0 0 0 0;
  text-align: center;
  padding: 20px 20px 30px 20px;
}
@media only screen and (min-width: 992px) {
  footer {
    position: fixed;
    bottom: 0;
    right: 0;
    width: auto;
    margin: 0;
    text-align: right;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.3rem 0.8rem;
  }
}
footer .footer_body,
footer .footer_body span {
  color: #6b6b6b;
  font-size: 0.65rem;
  text-transform: uppercase;
}
footer a,
footer a:visited {
  color: #6b6b6b;
  text-decoration: none;
  font-size: 0.65rem;
  text-transform: uppercase;
}
footer a:hover,
footer a:visited:hover,
footer a:active,
footer a:visited:active,
footer a:focus,
footer a:visited:focus {
  color: #000000;
  text-decoration: none;
}
a.error-report-btn {
  display: block;
  position: fixed;
  bottom: 1.8rem;
  right: 0.8rem;
  width: 2rem;
  height: 2rem;
  padding: 0;
  background: #FF007E;
  color: #fff;
  font-size: 0.8rem;
  text-align: center;
  border-radius: 100%;
}
a.error-report-btn i {
  font-size: 0.8rem;
  display: block;
  width: 2rem;
  line-height: 2rem;
  text-align: center;
  color: #fff;
}
a.error-report-btn:hover,
a.error-report-btn:active,
a.error-report-btn:focus {
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 767px) {
  a.error-report-btn {
    display: none;
  }
}
.four-columns {
  column-count: 4;
  column-gap: 2rem;
  /* odstęp między kolumnami */
  column-rule: 1px solid #e3e6eb;
  /* lepsze dzielenie słów po polsku */
  hyphens: auto;
  overflow-wrap: anywhere;
  /* awaryjnie łamie długie “słowa”/linki */
  /* próba równomiernego wypełnienia (FF honoruje, Chromium i tak balansują) */
  column-fill: balance;
  /* zapobieganie brzydkim łamaniom większych bloków */
}
.four-columns h1,
.four-columns h2,
.four-columns h3,
.four-columns figure,
.four-columns table,
.four-columns .card {
  break-inside: avoid;
  /* nie rozcinaj tych elementów między kolumnami */
  page-break-inside: avoid;
  /* fallback dla druku/starych przeglądarek */
}
@media only screen and (max-width: 1400px) {
  .four-columns {
    column-count: 3;
  }
}
@media only screen and (max-width: 1199px) {
  .four-columns {
    column-count: 2;
  }
}
@media only screen and (max-width: 767px) {
  .four-columns {
    column-count: auto;
    column-rule: none;
  }
}
@media print {
  .four-columns .multicol {
    column-count: 3;
    column-gap: 1.5rem;
  }
}
.four-columns-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem 1rem;
}
@media only screen and (max-width: 1400px) {
  .four-columns-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 1199px) {
  .four-columns-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 767px) {
  .four-columns-grid {
    grid-template-columns: 1fr;
  }
}
.ajaxKidsList .table.kids-list {
  column-count: 4;
}
.ajaxKidsList .table.kids-list label {
  font-weight: 400;
  cursor: pointer;
  margin-right: 0px;
}
@media only screen and (max-width: 1400px) {
  .ajaxKidsList .table.kids-list {
    column-count: 3;
  }
}
@media only screen and (max-width: 1199px) {
  .ajaxKidsList .table.kids-list {
    column-count: 2;
  }
}
@media only screen and (max-width: 767px) {
  .ajaxKidsList .table.kids-list {
    column-count: auto;
  }
}
.ajaxKidsList .table.kids-list div.tr {
  margin: 0;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  display: table;
}
.ajaxKidsList .table.kids-list div.tr > div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
#sort-gallery-images,
#sort-gallery-folders {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#sort-gallery-images li {
  float: left;
  width: 120px;
  height: 155px;
  text-align: center;
  position: relative;
  border: 1px dotted #CCCCCC;
  padding-top: 10px;
  margin: 4px;
}
#sort-gallery-images li img.handle {
  margin-right: 0px;
  cursor: move;
}
#sort-gallery-folders li {
  float: left;
  width: 170px;
  height: 220px;
  text-align: center;
  margin: 4px;
  background-image: url('../images/folder_bg.jpg');
  background-repeat: no-repeat;
  background-position: top;
  position: relative;
}
#sort-gallery-folders li img.handle {
  margin-right: 0px;
  cursor: move;
}
#sort-slides li .handle {
  margin-right: 0px;
  cursor: move;
  height: 20px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* home */
.home-courses .block {
  height: 220px;
}
.home-courses .block div {
  padding: 10px 0px 25px 0px;
  height: 100px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* kids */
.notes-wrapper blockquote p {
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 0px;
}
.notes-wrapper blockquote small {
  font-size: 0.8rem;
  color: #999;
  font-weight: normal;
}
.notes-wrapper blockquote.archived {
  display: none;
  border-left: 1px solid #91b6ce;
  padding-left: 1rem;
}
#kidInfo .kid-info img {
  float: left;
  margin: 0px 30px 0px 0px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* tutors */
.tutors-list {
  margin-bottom: 40px;
  border-bottom: 1px dotted #E9C6D7;
  padding-bottom: 40px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* parents */
.parents-list {
  margin-bottom: 20px;
  border-bottom: 1px dotted #E9C6D7;
  padding-bottom: 20px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* calendar */
.calendar-box table {
  width: 100%;
}
.view-cap,
.view-container-border {
  background-color: #fff !important;
}
table.calendar {
  border-left: 1px solid #e8e8e8;
}
table.calendar tr.calendar-row {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
}
table.calendar tr.calendar-row td.calendar-day {
  min-height: 70px;
  font-size: 11px;
  position: relative;
  background: #fff;
}
table.calendar tr.calendar-row td.calendar-day-np {
  background: #f9f9f9;
  min-height: 70px;
}
table.calendar tr.calendar-row td.calendar-day-head {
  background: #fff;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  color: #333;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}
@media only screen and (max-width: 767px) {
  table.calendar tr.calendar-row td.calendar-day-head .full-name {
    display: none;
  }
}
table.calendar tr.calendar-row td.calendar-day-head .short-name {
  display: none;
}
@media only screen and (max-width: 767px) {
  table.calendar tr.calendar-row td.calendar-day-head .short-name {
    display: block;
  }
}
table.calendar tr.calendar-row div.day-number {
  background: transparent;
  padding: 5px 5px 15px 5px;
  color: #bbb;
  margin: -5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
table.calendar tr.calendar-row td.calendar-day,
table.calendar tr.calendar-row td.calendar-day-np {
  padding: 5px 5px 15px 5px;
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}
table.calendar tr.calendar-row td.calendar-day-off {
  background: #eee;
}
table.calendar tr.calendar-row td.calendar-day-off div.day-number div {
  text-transform: uppercase;
  font-size: 80%;
  color: #333;
}
table.calendar tr.calendar-row .calendar-event {
  display: block;
  padding: 4px 8px;
  margin-bottom: 4px;
  border-radius: 5px;
  font-size: 0.85rem;
}
table.calendar tr.calendar-row .calendar-event:hover,
table.calendar tr.calendar-row .calendar-event:active,
table.calendar tr.calendar-row .calendar-event:focus {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}
.calendar-mobile .calendar-event {
  display: block;
  padding: 4px 8px;
  margin-bottom: 4px;
  border-radius: 5px;
  font-size: 0.85rem;
}
@media only screen and (max-width: 767px) {
  #eventInfo.modal {
    padding-right: 0px !important;
  }
}
#eventInfoDescription {
  min-height: 35vh;
}
#eventInfoDescription .meta-info {
  background: #f8f8f8;
  padding: 16px 25px;
  font-size: 13px;
  line-height: 1.8rem;
}
#eventInfoDescription .meta-info i {
  color: #277fbb;
  margin-right: 5px;
}
#eventInfoDescription .meta-info-bottom {
  background: transparent;
  padding: 20px 25px;
  font-size: 13px;
  border-top: 1px solid #efefef;
}
#eventInfoDescription .description-text {
  padding: 25px;
}
#eventInfoDescription .description-text p:last-child {
  margin-bottom: 0;
}
.btn-calendar-add-fixed {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* kanon */
@media only screen and (min-width: 992px) {
  table.kanon tr td:nth-child(2) {
    width: 50%;
  }
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Dziennik */
.school-filters-wrap {
  border-radius: 10px 10px 10px 10px;
  border-color: transparent;
  border: 0;
  margin: 0;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.16);
  margin-bottom: 1rem;
  background: #ececec;
  box-shadow: none;
  padding: 0.7rem 1rem;
}
@media only screen and (max-width: 768px) {
  .school-filters-wrap {
    border-radius: 0px;
  }
}
.school-filters-wrap.active {
  background: #e4f0fa;
  border-left: 5px solid #277fbb;
}
.school-filters-wrap.active .card-header {
  border-left: 0;
}
.school-filters-wrap .card-img {
  border-radius: 10px;
}
.school-filters-wrap .card-img.card-img-left {
  border-radius: 10px 0 0 10px;
}
.school-filters-wrap .card-body,
.school-filters-wrap .card-header {
  border-radius: 0px;
}
.school-filters-wrap .card-body {
  padding: 1rem;
}
@media only screen and (min-width: 992px) {
  .school-filters-wrap .card-body {
    padding: 15px;
  }
}
.school-filters-wrap .card-body h1 {
  margin-bottom: 0;
}
.school-filters-wrap .card-header {
  background: transparent;
  /*background-color: #d0e4fc2b;*/
  background-color: #f2f7fd;
  color: #333333;
  border-left: 0px;
  font-size: 0.9rem;
  padding: 10px 15px;
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  text-transform: none;
  border-radius: 10px 10px 0 0;
  border-left: 5px solid #277fbb;
}
.school-filters-wrap .card-header span,
.school-filters-wrap .card-header div {
  font-size: 0.9rem;
}
.school-filters-wrap .card-header .dropdown,
.school-filters-wrap .card-header .btn {
  text-transform: none;
}
.school-filters-wrap .card-header.card-header-clear {
  background: transparent;
  border-left: 0;
  color: #333;
  font-weight: initial;
  font-size: initial;
  text-transform: initial;
}
.school-filters-wrap .card-footer {
  border-radius: 0 0 12px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  background: #00000005;
  padding: 12px 15px;
}
.school-filters-wrap.card-collapsible .card-header {
  position: relative;
  cursor: pointer;
}
.school-filters-wrap.card-collapsible .card-header:after {
  content: "\f106";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  right: 15px;
  width: 10px;
  height: 100%;
  line-height: 100%;
  text-align: center;
  font-size: 18px;
}
.school-filters-wrap.card-collapsible.card-collapsed .card-body {
  display: none;
}
.school-filters-wrap.card-collapsible.card-collapsed .card-header {
  border-radius: 0px 10px 10px 0px;
}
@media only screen and (max-width: 768px) {
  .school-filters-wrap.card-collapsible.card-collapsed .card-header {
    border-radius: 0px;
  }
}
.school-filters-wrap.card-collapsible.card-collapsed .card-header:after {
  content: "\f107";
}
.school-filters-wrap.card-collapsible.card-collapsed .card-footer {
  display: none;
}
.school-filters-wrap table.card-table {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .school-filters-wrap table.card-table {
    margin: 0 1rem;
    width: calc(100% - 2rem);
  }
}
@media (min-width: 768px) {
  .school-filters-wrap table.card-table th:first-child,
  .school-filters-wrap table.card-table td:first-child {
    padding-left: 1rem;
  }
  .school-filters-wrap table.card-table th:last-child,
  .school-filters-wrap table.card-table td:last-child {
    padding-right: 1rem;
  }
}
.school-filters-wrap.vertical {
  background: transparent;
  padding: 1rem;
  border: 0;
}
@media only screen and (max-width: 767px) {
  .school-filters-wrap {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}
table.table.school-progress-table tr {
  background: #fff;
}
table.table.school-progress-table tr:nth-child(odd) {
  background: #efefef;
}
table.table.school-progress-table tr:first-child {
  background: transparent;
}
table.table.school-progress-table tr:first-child td {
  font-weight: 500;
}
table.table.school-progress-table tr td {
  vertical-align: middle;
}
table.table.school-progress-table tr td:first-child {
  text-align: left;
}
table.table.school-progress-table tr td,
table.table.school-progress-table tr th {
  border-right: 1px solid #ebebeb;
}
table.table.school-progress-table tr td:first-child,
table.table.school-progress-table tr th:first-child,
table.table.school-progress-table tr td:last-child,
table.table.school-progress-table tr th:last-child {
  border-right: 0;
}
table.table.school-progress-table tr th {
  font-weight: 400;
}
table.table.school-progress-table tr th .th-label {
  font-size: 0.8rem;
  line-height: 1.1rem;
}
table.table.school-progress-table tr td.warning i,
table.table.school-progress-table tr span.warning i {
  color: #277fbb;
}
.praca-wrapper h2 {
  margin-bottom: 1rem;
}
.praca-wrapper .kid-progress-table td {
  vertical-align: middle;
  background: #fff;
}
.praca-wrapper .kid-progress-table td i.fa-exclamation-triangle.warning {
  color: #277fbb;
}
.praca-wrapper .kid-progress-table td i.fa-exclamation-triangle.error {
  color: #f00;
}
.praca-wrapper .kid-progress-table td.icons-td {
  min-width: 80px;
}
.praca-wrapper .kid-progress-table.materials-progress td.icons-td {
  min-width: 230px;
}
@media only screen and (max-width: 450px) {
  .praca-wrapper .kid-progress-table.materials-progress td {
    display: block;
    text-align: left !important;
  }
  .praca-wrapper .kid-progress-table.materials-progress td.icons-td {
    padding-top: 0px;
    border-top: 0px;
  }
}
.materials-progress {
  background: #fff;
}
.materials-progress .materials-item {
  border-bottom: 1px solid #efefef;
}
.materials-progress .materials-item:last-child {
  border: 0;
}
.materials-progress .materials-item form label {
  min-width: 400px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .materials-progress .materials-item form label {
    margin-bottom: 0.5rem;
    min-width: 0;
  }
}
.materials-progress .materials-item .extendBtn i {
  color: #929292;
  font-size: 1rem;
}
.materials-progress .materials-item .extendBtn:hover i {
  color: #FF007E;
}
.materials-progress .materials-item.opened a.material-name {
  font-size: 120%;
  font-weight: 500;
  color: #333;
}
.materials-progress .materials-item.opened .extendBtn i {
  transform: rotate(180deg);
}
.custom-control-input:focus ~ .custom-control-indicator {
  box-shadow: none;
}
.custom-control-input:checked ~ .custom-control-indicator {
  background-color: #FF007E;
}
.custom-control-input:checked ~ .custom-control-indicator.success {
  background-color: #40a55a;
}
.custom-control-input:checked ~ .custom-control-indicator.danger {
  background-color: #b94a48;
}
.custom-control.custom-radio {
  cursor: pointer;
}
.calendar {
  width: 100%;
}
.calendar .calendar-row {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
}
.calendar .calendar-row .calendar-day,
.calendar .calendar-row .calendar-day-head,
.calendar .calendar-row .calendar-day-np {
  width: 14.2857%;
}
.calendar .calendar-row .calendar-day-head {
  font-weight: 500;
}
.calendar .calendar-row .calendar-day-muted {
  background: #f8f8f8;
  color: #bbbbbb;
}
.calendar.calendar-five-days-week .calendar-row .calendar-day,
.calendar.calendar-five-days-week .calendar-row .calendar-day-head,
.calendar.calendar-five-days-week .calendar-row .calendar-day-np {
  width: 20%;
}
.calendar.calendar-boxes .calendar-row .calendar-day,
.calendar.calendar-boxes .calendar-row .calendar-day-head,
.calendar.calendar-boxes .calendar-row .calendar-day-np {
  height: 200px;
  border-bottom: 1px solid #efefef;
}
.calendar.calendar-boxes .calendar-row .calendar-day-head {
  height: auto;
  padding: 15px;
}
.calendar.calendar-small-boxes .calendar-row .calendar-day,
.calendar.calendar-small-boxes .calendar-row .calendar-day-head,
.calendar.calendar-small-boxes .calendar-row .calendar-day-np {
  min-height: 50px;
  border-bottom: 1px solid #efefef;
  padding: 10px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .calendar.calendar-small-boxes .calendar-row .calendar-day,
  .calendar.calendar-small-boxes .calendar-row .calendar-day-head,
  .calendar.calendar-small-boxes .calendar-row .calendar-day-np {
    min-height: 30px;
  }
  .calendar.calendar-small-boxes .calendar-row .calendar-day .day-number .custom-control,
  .calendar.calendar-small-boxes .calendar-row .calendar-day-head .day-number .custom-control,
  .calendar.calendar-small-boxes .calendar-row .calendar-day-np .day-number .custom-control {
    margin-right: 0.4rem;
    padding-left: 1.3rem;
    font-size: 0.9rem;
  }
  .calendar.calendar-small-boxes .calendar-row .calendar-day .day-number .custom-control span,
  .calendar.calendar-small-boxes .calendar-row .calendar-day-head .day-number .custom-control span,
  .calendar.calendar-small-boxes .calendar-row .calendar-day-np .day-number .custom-control span {
    font-size: 0.9rem;
  }
}
.calendar.calendar-small-boxes .calendar-row .calendar-day-head {
  height: auto;
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .calendar.calendar-small-boxes .calendar-row.calendar-headings {
    display: none;
  }
}
.calendar.calendar-small-boxes .calendar-row.calendar-headings.calendar-headings-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .calendar.calendar-small-boxes .calendar-row.calendar-headings.calendar-headings-mobile {
    display: flex;
  }
}
.calendar.calendar-mini-boxes .calendar-row .calendar-day,
.calendar.calendar-mini-boxes .calendar-row .calendar-day-head,
.calendar.calendar-mini-boxes .calendar-row .calendar-day-np {
  border-bottom: 1px solid #efefef;
  padding: 5px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .calendar.calendar-mini-boxes .calendar-row .calendar-day,
  .calendar.calendar-mini-boxes .calendar-row .calendar-day-head,
  .calendar.calendar-mini-boxes .calendar-row .calendar-day-np {
    min-height: 30px;
  }
  .calendar.calendar-mini-boxes .calendar-row .calendar-day .day-number .custom-control,
  .calendar.calendar-mini-boxes .calendar-row .calendar-day-head .day-number .custom-control,
  .calendar.calendar-mini-boxes .calendar-row .calendar-day-np .day-number .custom-control {
    margin-right: 0.4rem;
    padding-left: 1.3rem;
    font-size: 0.9rem;
  }
  .calendar.calendar-mini-boxes .calendar-row .calendar-day .day-number span,
  .calendar.calendar-mini-boxes .calendar-row .calendar-day-head .day-number span,
  .calendar.calendar-mini-boxes .calendar-row .calendar-day-np .day-number span {
    font-size: 0.9rem;
  }
}
.calendar.calendar-mini-boxes .calendar-row .calendar-day-head {
  height: auto;
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .calendar.calendar-mini-boxes .calendar-row.calendar-headings {
    display: none;
  }
}
.calendar.calendar-mini-boxes .calendar-row.calendar-headings.calendar-headings-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .calendar.calendar-mini-boxes .calendar-row.calendar-headings.calendar-headings-mobile {
    display: flex;
  }
}
.calendar.calendar-weekdays .calendar-day,
.calendar.calendar-weekdays .calendar-day-head,
.calendar.calendar-weekdays .calendar-day-np {
  width: 20%;
}
.ui-datepicker.ui-widget {
  z-index: 99999 !important;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Modul Cateringowy */
.catering-home-container .menu-card {
  position: relative;
}
.catering-home-container .menu-card .dieta {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 1rem;
}
.catering-home-container .menu-card .dieta h5 {
  position: relative;
}
.catering-home-container .menu-card .dieta .choiceCheck {
  position: absolute;
  left: 0px;
  top: 0px;
}
.catering-home-container .menu-card .dieta .btn.btn-light.choiceCheck {
  background: #d4d4d4;
  border-color: #d4d4d4;
}
.catering-home-container .menu-card > div .row:last-child .dieta {
  border-bottom: 0;
}
.catering-home-container .btn.btn-white.btn-anuluj {
  background: #f4f4f4;
  border-color: #f4f4f4;
  color: #333;
}
.catering-home-container .btn.btn-white.btn-anuluj:hover,
.catering-home-container .btn.btn-white.btn-anuluj:active {
  background: #dedede;
  border-color: #dedede;
}
@media only screen and (max-width: 576px) {
  .catering-home-container .day-heading {
    font-size: 0.88rem;
  }
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Modul Finansowy */
.settlement-container .groups-list .settlementFullScreenBtn {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: transparent url(/images/icon-full-screen.png?v) center center no-repeat;
  background-size: contain;
}
.settlement-container .groups-list.fixed {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  padding: 0;
  z-index: 1031;
}
.settlement-container .groups-list.fixed .card {
  margin-bottom: 0 !important;
}
.settlement-container .groups-list.fixed .settlementFullScreenBtn {
  background-image: url(/images/icon-full-screen-close.png?v);
}
.settlement-container .groups-list.fixed .custom-control {
  margin-bottom: 0;
}
.settlement-container #kidsList {
  overflow: auto;
}
.settlement-container #kidsList table.kids-list thead th {
  font-size: 0.85rem;
  text-align: right;
  /*white-space: nowrap;*/
}
.settlement-container #kidsList table.kids-list thead th:nth-child(odd) {
  background-color: #f8f8f8;
}
.settlement-container #kidsList table.kids-list thead th:first-child {
  background: transparent;
  text-align: center;
}
.settlement-container #kidsList table.kids-list thead th:nth-child(2) {
  text-align: left;
}
.settlement-container #kidsList table.kids-list thead th.total {
  background: #bddbec;
}
.settlement-container #kidsList table.kids-list thead th.payment {
  background: #bddbec;
  padding-right: 0.75rem;
  text-align: center;
}
.settlement-container #kidsList table.kids-list tbody th {
  font-weight: 400;
}
.settlement-container #kidsList table.kids-list tbody td {
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
}
.settlement-container #kidsList table.kids-list tbody td:nth-child(odd) {
  background-color: #f8f8f8;
}
.settlement-container #kidsList table.kids-list tbody td:first-child {
  white-space: normal;
  background: transparent;
  text-align: center;
}
.settlement-container #kidsList table.kids-list tbody td:nth-child(2) {
  text-align: left;
  white-space: normal;
}
.settlement-container #kidsList table.kids-list tbody td.total {
  background: #f1f8fc;
}
.settlement-container #kidsList table.kids-list tbody td.total i.comment-icon {
  color: #d8d8d8;
}
.settlement-container #kidsList table.kids-list tbody td.payment {
  background: #f1f8fc;
  padding-right: 0.75rem;
  width: 170px;
}
.settlement-container #kidsList table.kids-list tbody td.payment select {
  min-width: 90px;
  max-width: 100px;
}
.settlement-container #kidsList table.kids-list tbody td.payment .btn span {
  font-size: 13px;
}
.settlement-container #kidsList table.kids-list tbody td.payment .btn.paid {
  background: #4aac53;
  color: #fff;
}
.settlement-container #kidsList table.kids-list tbody td.payment .btn.part-paid {
  background: #d59b2c;
  color: #fff;
}
.settlement-container #kidsList table.kids-list tr:last-child td {
  vertical-align: top;
}
.settlement-container #kidsList.fixed {
  position: fixed;
  top: 75px;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: scroll;
  background: #fff;
  padding: 0;
  z-index: 1030;
}
.settlement-container #kidsList.fixed table.kids-list {
  position: relative;
  border-collapse: collapse;
}
.settlement-container #kidsList.fixed table.kids-list thead th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  top: 0;
  background: #fff;
}
.settlement-container #kidsList.fixed table.kids-list thead th:first-child {
  background: #fff;
  left: 0;
  z-index: 1;
}
.settlement-container #kidsList.fixed table.kids-list thead th:nth-child(2) {
  left: 0;
  z-index: 1;
}
.settlement-container #kidsList.fixed table.kids-list tbody th {
  position: -webkit-sticky;
  /* for Safari */
  position: sticky;
  left: 0;
  background: #fff;
}
.savingSettlement {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
  text-align: center;
  z-index: 9;
}
.savingSettlement > div {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 260px;
  margin: auto;
  background: #fff;
  padding: 4rem;
  border-radius: 3rem;
  display: inline-block;
  width: 280px;
  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1);
}
.savingSettlement img {
  margin-bottom: 1rem;
}
table.table-new-payments tr.highlight {
  background: #e4f0fa !important;
}
table.table-new-payments tr.highlight td.highlight {
  background: #c5e5f5;
}
table.table-new-payments tr th {
  vertical-align: middle;
}
table.table-new-payments tr td:first-child {
  width: 20px;
}
@media only screen and (min-width: 992px) {
  table.table-new-payments tr td:last-child {
    width: 320px;
    vertical-align: middle;
  }
}
table.table-new-payments tr td:last-child label {
  margin-top: 0;
  margin-bottom: 0;
}
table.table-new-payments tr td input[type='text'] {
  border: 1px solid #c2d7e3;
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* ZADANIA  */
.task-container .title {
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  .row {
    margin-right: 0;
    margin-left: 0;
  }
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    padding-right: 0;
    padding-left: 0;
  }
}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* FREKWENCJA  */
.main-title-bar-footer .form-control:disabled,
.school-filters-wrap .form-control:disabled,
.main-title-bar-footer .form-control[readonly],
.school-filters-wrap .form-control[readonly] {
  background: #fff;
}
.attendance-card > .card-body {
  padding: 0;
}
@media only screen and (max-width: 991px) {
  .attendance-card {
    overflow-x: auto;
    padding-left: 120px;
    overflow-y: auto;
    position: relative;
  }
  .attendance-card > .card-header {
    margin-left: -120px;
  }
}
.attendance-card table.attendance-table {
  width: 100%;
  table-layout: fixed;
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table {
    display: block;
    overflow-x: auto;
  }
}
@media only screen and (min-width: 992px) {
  .attendance-card table.attendance-table > thead > tr:hover,
  .attendance-card table.attendance-table > tbody > tr:hover,
  .attendance-card table.attendance-table > thead > tr:active,
  .attendance-card table.attendance-table > tbody > tr:active,
  .attendance-card table.attendance-table > thead > tr:focus,
  .attendance-card table.attendance-table > tbody > tr:focus {
    background: #f2f2f2;
  }
  .attendance-card table.attendance-table > thead > tr:hover > td,
  .attendance-card table.attendance-table > tbody > tr:hover > td,
  .attendance-card table.attendance-table > thead > tr:active > td,
  .attendance-card table.attendance-table > tbody > tr:active > td,
  .attendance-card table.attendance-table > thead > tr:focus > td,
  .attendance-card table.attendance-table > tbody > tr:focus > td {
    background: #f2f2f2 !important;
  }
}
.attendance-card table.attendance-table > thead > tr > th,
.attendance-card table.attendance-table > tbody > tr > th,
.attendance-card table.attendance-table > thead > tr > td,
.attendance-card table.attendance-table > tbody > tr > td {
  padding: 0.5rem;
  border-bottom: 1px solid #efefef;
  font-size: 0.95rem;
  line-height: 0.95rem;
  text-align: center;
  height: 55px;
  vertical-align: middle;
}
@media only screen and (max-width: 1400px) {
  .attendance-card table.attendance-table > thead > tr > th,
  .attendance-card table.attendance-table > tbody > tr > th,
  .attendance-card table.attendance-table > thead > tr > td,
  .attendance-card table.attendance-table > tbody > tr > td {
    padding: 0.5rem 0.25rem;
    min-width: 210px;
  }
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table > thead > tr > th,
  .attendance-card table.attendance-table > tbody > tr > th,
  .attendance-card table.attendance-table > thead > tr > td,
  .attendance-card table.attendance-table > tbody > tr > td {
    width: auto;
    min-width: 45px;
  }
}
.attendance-card table.attendance-table > thead > tr > th:first-child,
.attendance-card table.attendance-table > tbody > tr > th:first-child,
.attendance-card table.attendance-table > thead > tr > td:first-child,
.attendance-card table.attendance-table > tbody > tr > td:first-child {
  text-align: left;
  width: 300px;
  min-width: 0px;
  padding-left: 1.2rem;
}
@media only screen and (max-width: 1400px) {
  .attendance-card table.attendance-table > thead > tr > th:first-child,
  .attendance-card table.attendance-table > tbody > tr > th:first-child,
  .attendance-card table.attendance-table > thead > tr > td:first-child,
  .attendance-card table.attendance-table > tbody > tr > td:first-child {
    width: 175px;
  }
}
@media only screen and (max-width: 1300px) {
  .attendance-card table.attendance-table > thead > tr > th:first-child,
  .attendance-card table.attendance-table > tbody > tr > th:first-child,
  .attendance-card table.attendance-table > thead > tr > td:first-child,
  .attendance-card table.attendance-table > tbody > tr > td:first-child {
    width: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table > thead > tr > th:first-child,
  .attendance-card table.attendance-table > tbody > tr > th:first-child,
  .attendance-card table.attendance-table > thead > tr > td:first-child,
  .attendance-card table.attendance-table > tbody > tr > td:first-child {
    width: 100px;
    position: absolute;
    left: 20px;
    top: auto;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: 1px;
    padding-left: 0;
    background: #fff;
  }
}
.attendance-card table.attendance-table > thead > tr > td.hover,
.attendance-card table.attendance-table > tbody > tr > td.hover {
  background: #f8f8f8;
}
.attendance-card table.attendance-table > thead > tr > td.sum-td,
.attendance-card table.attendance-table > tbody > tr > td.sum-td {
  width: 40px;
}
@media only screen and (max-width: 1400px) {
  .attendance-card table.attendance-table > thead > tr > td.sum-td,
  .attendance-card table.attendance-table > tbody > tr > td.sum-td {
    width: 30px;
    min-width: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table > thead > tr > td.sum-td,
  .attendance-card table.attendance-table > tbody > tr > td.sum-td {
    width: 50px;
    min-width: 50px;
  }
}
.attendance-card table.attendance-table > thead > tr > td table,
.attendance-card table.attendance-table > tbody > tr > td table {
  margin: 0;
}
.attendance-card table.attendance-table > thead > tr > td table tr td,
.attendance-card table.attendance-table > tbody > tr > td table tr td {
  padding: 0;
  height: auto;
}
.attendance-card table.attendance-table > thead > tr > td table tr td:first-child,
.attendance-card table.attendance-table > tbody > tr > td table tr td:first-child {
  width: auto;
  padding: inherit;
  text-align: inherit;
}
.attendance-card table.attendance-table > thead > tr > td div,
.attendance-card table.attendance-table > tbody > tr > td div {
  font-weight: 400;
  font-size: 0.75rem;
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table.attendance-school-table > thead > tr > th,
  .attendance-card table.attendance-table.attendance-school-table > tbody > tr > th,
  .attendance-card table.attendance-table.attendance-school-table > thead > tr > td,
  .attendance-card table.attendance-table.attendance-school-table > tbody > tr > td {
    min-width: 200px;
  }
}
.attendance-card table.attendance-table.attendance-school-table > thead > tr > th:first-child,
.attendance-card table.attendance-table.attendance-school-table > tbody > tr > th:first-child,
.attendance-card table.attendance-table.attendance-school-table > thead > tr > td:first-child,
.attendance-card table.attendance-table.attendance-school-table > tbody > tr > td:first-child {
  min-width: 0px;
}
.attendance-card table.attendance-table.attendance-school-table > thead > tr > td.sum-td,
.attendance-card table.attendance-table.attendance-school-table > tbody > tr > td.sum-td {
  width: 40px;
}
@media only screen and (max-width: 1400px) {
  .attendance-card table.attendance-table.attendance-school-table > thead > tr > td.sum-td,
  .attendance-card table.attendance-table.attendance-school-table > tbody > tr > td.sum-td {
    width: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table.attendance-school-table > thead > tr > td.sum-td,
  .attendance-card table.attendance-table.attendance-school-table > tbody > tr > td.sum-td {
    width: 50px;
    min-width: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table.attendance-kinder-stats-table {
    margin-left: 100px;
    width: auto;
  }
}
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th,
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th,
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td,
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td {
  background: #fff;
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td {
    width: auto;
    min-width: 60px;
  }
}
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:first-child,
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:first-child,
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:first-child,
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:first-child,
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:nth-child(2),
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:nth-child(2),
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:nth-child(2),
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:nth-child(2) {
  text-align: left;
  width: 200px;
  min-width: 0px;
  padding-left: 1.2rem;
}
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:first-child a,
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:first-child a,
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:first-child a,
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:first-child a,
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:nth-child(2) a,
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:nth-child(2) a,
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:nth-child(2) a,
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:nth-child(2) a {
  line-height: 30px;
}
@media only screen and (max-width: 1400px) {
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:first-child,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:first-child,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:first-child,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:first-child,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:nth-child(2),
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:nth-child(2),
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:nth-child(2),
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:nth-child(2) {
    width: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:first-child,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:first-child,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:first-child,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:first-child,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:nth-child(2),
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:nth-child(2),
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:nth-child(2),
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:nth-child(2) {
    width: 120px;
    position: absolute;
    left: 0px;
    top: auto;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: 1px;
    padding-left: 20px;
    background: #fff;
  }
}
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:nth-child(2),
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:nth-child(2),
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:nth-child(2),
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:nth-child(2) {
  width: 110px;
  padding-left: 0.2rem;
}
@media only screen and (max-width: 1400px) {
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:nth-child(2),
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:nth-child(2),
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:nth-child(2),
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:nth-child(2) {
    width: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:nth-child(2),
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:nth-child(2),
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:nth-child(2),
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:nth-child(2) {
    left: 120px;
  }
}
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:last-child,
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:last-child,
.attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:last-child,
.attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:last-child {
  width: 70px;
}
@media only screen and (max-width: 1400px) {
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > th:last-child,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > th:last-child,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td:last-child,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td:last-child {
    width: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table.attendance-kinder-stats-table > thead > tr > td,
  .attendance-card table.attendance-table.attendance-kinder-stats-table > tbody > tr > td {
    height: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table.subjects-stats-table {
    margin-left: 30px;
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table.subjects-stats-table > thead > tr > th,
  .attendance-card table.attendance-table.subjects-stats-table > tbody > tr > th,
  .attendance-card table.attendance-table.subjects-stats-table > thead > tr > td,
  .attendance-card table.attendance-table.subjects-stats-table > tbody > tr > td {
    width: auto;
    min-width: 70px;
  }
}
.attendance-card table.attendance-table.subjects-stats-table > thead > tr > th:first-child,
.attendance-card table.attendance-table.subjects-stats-table > tbody > tr > th:first-child,
.attendance-card table.attendance-table.subjects-stats-table > thead > tr > td:first-child,
.attendance-card table.attendance-table.subjects-stats-table > tbody > tr > td:first-child {
  text-align: left;
  width: 200px;
  min-width: 0px;
  padding-left: 1.2rem;
}
.attendance-card table.attendance-table.subjects-stats-table > thead > tr > th:first-child a,
.attendance-card table.attendance-table.subjects-stats-table > tbody > tr > th:first-child a,
.attendance-card table.attendance-table.subjects-stats-table > thead > tr > td:first-child a,
.attendance-card table.attendance-table.subjects-stats-table > tbody > tr > td:first-child a {
  line-height: 30px;
}
@media only screen and (max-width: 1400px) {
  .attendance-card table.attendance-table.subjects-stats-table > thead > tr > th:first-child,
  .attendance-card table.attendance-table.subjects-stats-table > tbody > tr > th:first-child,
  .attendance-card table.attendance-table.subjects-stats-table > thead > tr > td:first-child,
  .attendance-card table.attendance-table.subjects-stats-table > tbody > tr > td:first-child {
    width: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .attendance-card table.attendance-table.subjects-stats-table > thead > tr > th:first-child,
  .attendance-card table.attendance-table.subjects-stats-table > tbody > tr > th:first-child,
  .attendance-card table.attendance-table.subjects-stats-table > thead > tr > td:first-child,
  .attendance-card table.attendance-table.subjects-stats-table > tbody > tr > td:first-child {
    width: 160px;
    position: absolute;
    left: 0px;
    top: auto;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: 1px;
    padding-left: 20px;
    background: #fff;
  }
}
@media only screen and (min-width: 992px) {
  .attendance-card table.attendance-table colgroup.hover {
    background: #f2f2f2;
  }
  .attendance-card table.attendance-table colgroup.hover:first-child {
    background: transparent;
  }
}
@media only screen and (max-width: 767px) {
  table.attendance-kid-table td {
    padding: 0.75rem 0.2rem;
  }
}
.attendance-home-wrap {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.attendance-home-wrap > div {
  width: 9%;
  text-align: center;
  align-self: center;
  min-height: 50px;
}
@media only screen and (max-width: 767px) {
  .attendance-home-wrap > div {
    width: 19%;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.attendance-home-wrap > div.divider {
  width: 0px;
  border-left: 1px solid #d2d2d2;
  align-self: stretch;
  min-height: 0;
}
@media only screen and (max-width: 767px) {
  .attendance-home-wrap > div.divider {
    display: none;
  }
}
.attendance-home-wrap > div.more {
  width: 5%;
  min-height: 0;
}
@media only screen and (max-width: 767px) {
  .attendance-home-wrap > div.more {
    text-align: center;
    width: 100%;
    padding-top: 10px;
  }
}
.frozen-table-wrap {
  width: auto;
  overflow-x: scroll;
  margin-left: 210px;
  overflow-y: auto;
  padding: 0;
  position: static;
}
.frozen-table-wrap table {
  border-collapse: collapse;
  width: auto;
}
.frozen-table-wrap table tr td {
  height: 40px;
}
.frozen-table-wrap table tr td:first-child {
  position: absolute;
  width: 200px;
  left: 0;
  top: auto;
  background: #fff;
}
.frozen-table-wrap table tr:first-child td {
  border: 0;
}
.frozen-table-wrap table tr:first-child td:first-child {
  background: none;
}
.frozen-table-wrap + .frozen-table-nav-controls #navLeft {
  position: absolute;
  top: 15px;
  left: 220px;
}
.frozen-table-wrap + .frozen-table-nav-controls #navRight {
  position: absolute;
  top: 15px;
  right: 10px;
}
td.rotate {
  /* Something you can count on */
  height: 200px !important;
  white-space: nowrap;
  vertical-align: bottom;
  background: #efefef;
}
td.rotate > div {
  transform: translate(0px, 0px) /* 45 is really 360 - 45 */ rotate(270deg);
  width: 30px;
  height: 90px;
  background: yellow;
  border-top: 3px solid #ff0000;
}
td.rotate > div > span {
  padding: 5px 10px;
}
.hideable_1355 {
  font-size: 1rem;
}
.frozen-table-card {
  overflow-x: auto;
  padding-left: 120px;
  position: relative;
}
.frozen-table-card > .card-header {
  margin-left: -120px;
}
.frozen-table-card > .card-body {
  padding: 0;
}
.frozen-table-card table.frozen-table {
  width: 100%;
  table-layout: fixed;
}
@media only screen and (max-width: 991px) {
  .frozen-table-card table.frozen-table {
    display: block;
    overflow-x: auto;
  }
}
@media only screen and (min-width: 992px) {
  .frozen-table-card table.frozen-table > thead > tr:hover,
  .frozen-table-card table.frozen-table > tbody > tr:hover,
  .frozen-table-card table.frozen-table > thead > tr:active,
  .frozen-table-card table.frozen-table > tbody > tr:active,
  .frozen-table-card table.frozen-table > thead > tr:focus,
  .frozen-table-card table.frozen-table > tbody > tr:focus {
    background: #f2f2f2;
  }
  .frozen-table-card table.frozen-table > thead > tr:hover > td,
  .frozen-table-card table.frozen-table > tbody > tr:hover > td,
  .frozen-table-card table.frozen-table > thead > tr:active > td,
  .frozen-table-card table.frozen-table > tbody > tr:active > td,
  .frozen-table-card table.frozen-table > thead > tr:focus > td,
  .frozen-table-card table.frozen-table > tbody > tr:focus > td {
    background: #f2f2f2 !important;
  }
}
.frozen-table-card table.frozen-table > thead > tr.hover,
.frozen-table-card table.frozen-table > tbody > tr.hover {
  background: #f2f2f2;
}
.frozen-table-card table.frozen-table > thead > tr.hover td,
.frozen-table-card table.frozen-table > tbody > tr.hover td {
  background: #f2f2f2;
}
.frozen-table-card table.frozen-table > thead > tr > th,
.frozen-table-card table.frozen-table > tbody > tr > th,
.frozen-table-card table.frozen-table > thead > tr > td,
.frozen-table-card table.frozen-table > tbody > tr > td {
  padding: 0.5rem;
  border-bottom: 1px solid #efefef;
  font-size: 0.95rem;
  line-height: 0.95rem;
  text-align: center;
  height: 55px;
  vertical-align: middle;
}
@media only screen and (max-width: 1400px) {
  .frozen-table-card table.frozen-table > thead > tr > th,
  .frozen-table-card table.frozen-table > tbody > tr > th,
  .frozen-table-card table.frozen-table > thead > tr > td,
  .frozen-table-card table.frozen-table > tbody > tr > td {
    padding: 0.5rem 0.25rem;
    min-width: 210px;
  }
}
@media only screen and (max-width: 991px) {
  .frozen-table-card table.frozen-table > thead > tr > th,
  .frozen-table-card table.frozen-table > tbody > tr > th,
  .frozen-table-card table.frozen-table > thead > tr > td,
  .frozen-table-card table.frozen-table > tbody > tr > td {
    width: auto;
    min-width: 45px;
  }
}
.frozen-table-card table.frozen-table > thead > tr > th:first-child,
.frozen-table-card table.frozen-table > tbody > tr > th:first-child,
.frozen-table-card table.frozen-table > thead > tr > td:first-child,
.frozen-table-card table.frozen-table > tbody > tr > td:first-child {
  text-align: left;
  min-width: 0px;
  width: 100px;
  position: absolute;
  left: 20px;
  top: auto;
  padding-right: 10px;
  vertical-align: middle;
  margin-top: 1px;
  padding-left: 0;
  background: #fff;
}
@media only screen and (max-width: 1400px) {
  .frozen-table-card table.frozen-table > thead > tr > th:first-child,
  .frozen-table-card table.frozen-table > tbody > tr > th:first-child,
  .frozen-table-card table.frozen-table > thead > tr > td:first-child,
  .frozen-table-card table.frozen-table > tbody > tr > td:first-child {
    width: 175px;
  }
}
@media only screen and (max-width: 1300px) {
  .frozen-table-card table.frozen-table > thead > tr > th:first-child,
  .frozen-table-card table.frozen-table > tbody > tr > th:first-child,
  .frozen-table-card table.frozen-table > thead > tr > td:first-child,
  .frozen-table-card table.frozen-table > tbody > tr > td:first-child {
    width: 150px;
  }
}
.frozen-table-card table.frozen-table > thead > tr > td.hover,
.frozen-table-card table.frozen-table > tbody > tr > td.hover {
  background: #f8f8f8;
}
.frozen-table-card table.frozen-table > thead > tr > td table,
.frozen-table-card table.frozen-table > tbody > tr > td table {
  margin: 0;
}
.frozen-table-card table.frozen-table > thead > tr > td table tr td,
.frozen-table-card table.frozen-table > tbody > tr > td table tr td {
  padding: 0;
  height: auto;
}
.frozen-table-card table.frozen-table > thead > tr > td table tr td:first-child,
.frozen-table-card table.frozen-table > tbody > tr > td table tr td:first-child {
  width: auto;
  padding: inherit;
  text-align: inherit;
}
.frozen-table-card table.frozen-table > thead > tr > td div,
.frozen-table-card table.frozen-table > tbody > tr > td div {
  font-weight: 400;
  font-size: 0.75rem;
}
.ui-datepicker.ui-widget {
  background: #fff;
  border: 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  padding: 0.65rem;
}
.ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  order: 2;
  width: 170px;
  margin: 0 10px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  display: inline-block;
  border-radius: 100%;
  background: #277fbb;
  text-align: center;
  width: 27px;
  height: 27px;
  line-height: 27px;
  border: 0;
  position: static;
  order: 3;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:active,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus {
  border: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  display: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
  content: "\f105";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  order: 1;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
  content: "\f104";
}
.ui-datepicker-week-col {
  display: none !important;
}
.hidden-datepicker {
  width: 0;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #efefef !important;
  background: #efefef !important;
  text-align: center !important;
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover,
.ui-state-default:active,
.ui-widget-content .ui-state-default:active,
.ui-widget-header .ui-state-default:active,
.ui-state-default:focus,
.ui-widget-content .ui-state-default:focus,
.ui-widget-header .ui-state-default:focus {
  border: 1px solid #277fbb !important;
  background: #277fbb !important;
  color: #fff !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #277fbb !important;
  background: #277fbb !important;
  color: #fff !important;
}
.ui-state-highlight:hover,
.ui-widget-content .ui-state-highlight:hover,
.ui-widget-header .ui-state-highlight:hover,
.ui-state-highlight:active,
.ui-widget-content .ui-state-highlight:active,
.ui-widget-header .ui-state-highlight:active,
.ui-state-highlight:focus,
.ui-widget-content .ui-state-highlight:focus,
.ui-widget-header .ui-state-highlight:focus {
  border: 1px solid #277fbb !important;
  background: #277fbb !important;
  color: #fff !important;
}
.ui-datepicker-today .ui-state-highlight,
.ui-datepicker-today .ui-widget-content .ui-state-highlight,
.ui-datepicker-today .ui-widget-header .ui-state-highlight,
.ui-datepicker-today .ui-state-default,
.ui-datepicker-today .ui-widget-content .ui-state-default,
.ui-datepicker-today .ui-widget-header .ui-state-default {
  border: 1px solid #277fbb !important;
  background: #277fbb !important;
  color: #fff !important;
  opacity: 0.6;
}
.ui-datepicker-today .ui-state-highlight:hover,
.ui-datepicker-today .ui-widget-content .ui-state-highlight:hover,
.ui-datepicker-today .ui-widget-header .ui-state-highlight:hover,
.ui-datepicker-today .ui-state-default:hover,
.ui-datepicker-today .ui-widget-content .ui-state-default:hover,
.ui-datepicker-today .ui-widget-header .ui-state-default:hover,
.ui-datepicker-today .ui-state-highlight:active,
.ui-datepicker-today .ui-widget-content .ui-state-highlight:active,
.ui-datepicker-today .ui-widget-header .ui-state-highlight:active,
.ui-datepicker-today .ui-state-default:active,
.ui-datepicker-today .ui-widget-content .ui-state-default:active,
.ui-datepicker-today .ui-widget-header .ui-state-default:active,
.ui-datepicker-today .ui-state-highlight:focus,
.ui-datepicker-today .ui-widget-content .ui-state-highlight:focus,
.ui-datepicker-today .ui-widget-header .ui-state-highlight:focus,
.ui-datepicker-today .ui-state-default:focus,
.ui-datepicker-today .ui-widget-content .ui-state-default:focus,
.ui-datepicker-today .ui-widget-header .ui-state-default:focus {
  border: 1px solid #277fbb !important;
  background: #277fbb !important;
  color: #fff !important;
  opacity: 1;
}
.ui-datepicker-current-day .ui-state-highlight,
.ui-datepicker-current-day .ui-widget-content .ui-state-highlight,
.ui-datepicker-current-day .ui-widget-header .ui-state-highlight,
.ui-datepicker-current-day .ui-state-default,
.ui-datepicker-current-day .ui-widget-content .ui-state-default,
.ui-datepicker-current-day .ui-widget-header .ui-state-default {
  border: 1px solid #277fbb !important;
  background: #277fbb !important;
  color: #fff !important;
  opacity: 1;
}
.ui-datepicker-current-day .ui-state-highlight:hover,
.ui-datepicker-current-day .ui-widget-content .ui-state-highlight:hover,
.ui-datepicker-current-day .ui-widget-header .ui-state-highlight:hover,
.ui-datepicker-current-day .ui-state-default:hover,
.ui-datepicker-current-day .ui-widget-content .ui-state-default:hover,
.ui-datepicker-current-day .ui-widget-header .ui-state-default:hover,
.ui-datepicker-current-day .ui-state-highlight:active,
.ui-datepicker-current-day .ui-widget-content .ui-state-highlight:active,
.ui-datepicker-current-day .ui-widget-header .ui-state-highlight:active,
.ui-datepicker-current-day .ui-state-default:active,
.ui-datepicker-current-day .ui-widget-content .ui-state-default:active,
.ui-datepicker-current-day .ui-widget-header .ui-state-default:active,
.ui-datepicker-current-day .ui-state-highlight:focus,
.ui-datepicker-current-day .ui-widget-content .ui-state-highlight:focus,
.ui-datepicker-current-day .ui-widget-header .ui-state-highlight:focus,
.ui-datepicker-current-day .ui-state-default:focus,
.ui-datepicker-current-day .ui-widget-content .ui-state-default:focus,
.ui-datepicker-current-day .ui-widget-header .ui-state-default:focus {
  border: 1px solid #277fbb !important;
  background: #277fbb !important;
  color: #fff !important;
}
.mess-messenger-page .mess-title-wrap .showMessengerMenuBtn,
.mess-messenger-page .mess-title-wrap .hideMessengerMenuBtn,
.mess-messenger-page .mess-title-wrap .showThreadsListBtn {
  display: none;
}
@media only screen and (max-width: 992px) {
  .mess-messenger-page .mess-title-wrap {
    margin: 0;
    background: #fff;
    width: 100%;
    position: fixed;
    top: 60px;
    z-index: 1010;
    display: block;
  }
  .mess-messenger-page .mess-title-wrap .main-title-bar {
    padding: 1.1rem 0 0.75rem;
    margin: 0;
  }
  .mess-messenger-page .mess-title-wrap h1 {
    font-size: 18px;
    padding: 0;
  }
  .mess-messenger-page .mess-title-wrap h1 .subtitle {
    font-size: 14px;
    margin-top: 0;
  }
  .mess-messenger-page .mess-title-wrap .showMessengerMenuBtn,
  .mess-messenger-page .mess-title-wrap .hideMessengerMenuBtn,
  .mess-messenger-page .mess-title-wrap .showThreadsListBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    min-width: 45px;
  }
  .mess-messenger-page .mess-title-wrap .showMessengerMenuBtn i,
  .mess-messenger-page .mess-title-wrap .hideMessengerMenuBtn i,
  .mess-messenger-page .mess-title-wrap .showThreadsListBtn i {
    position: relative;
    top: -2px;
    color: #333;
    font-size: 21px;
  }
}
@media only screen and (max-width: 992px) and only screen and (min-width: 992px) {
  .mess-messenger-page .mess-title-wrap .showMessengerMenuBtn,
  .mess-messenger-page .mess-title-wrap .hideMessengerMenuBtn,
  .mess-messenger-page .mess-title-wrap .showThreadsListBtn {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .mess-messenger-page .mess-title-wrap {
    top: 48px;
  }
}
@media only screen and (min-width: 993px) {
  .mess-messenger-page .mess-title-wrap .showThreadsListBtn {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .mess-messenger-page .mess-messages-wrap {
    padding-top: 60px;
  }
}
.mess-messenger-page .mess-messages-wrap #accordion > div {
  margin-bottom: 0.3rem;
}
.mess-messenger-page .mess-messages-wrap #accordion .reciever-tab-title {
  background: #b7d3ea;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);
  color: #333;
  text-transform: uppercase;
  padding: 1rem;
  cursor: pointer;
  font-weight: 500;
}
.mess-messenger-page .mess-messages-wrap #accordion .reciever-tab-title.collapsed {
  background: #fff;
  font-weight: 400;
}
.mess-messenger-page .mess-messages-wrap #accordion .reciever-tab-body {
  background: #b7d3ea;
  box-shadow: 0px 9px 9px -9px rgba(0, 0, 0, 0.5);
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-author {
  font-weight: 500;
  text-transform: uppercase;
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-author.color-1 {
  color: #4caf50;
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-author.color-2 {
  color: #2f87ce;
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-author.color-3 {
  color: #ff5144;
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-author.color-4 {
  color: #ffc30d;
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-author.color-5 {
  color: #663bb3;
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-author.color-6 {
  color: #c9d64c;
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-author.color-7 {
  color: #03a9f4;
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-author.color-8 {
  color: #ff9800;
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-author.color-9 {
  color: #e91e63;
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-author.color-10 {
  color: #a7a7a7;
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-author.color-11 {
  color: #d61d1d;
}
.mess-messenger-page .mess-messages-wrap .message-wrap .message-date {
  color: #bbb;
}
.mess-messenger-page .mess-messages-wrap .message-wrap.active .message-date {
  color: #9caab5;
}
@media only screen and (max-width: 992px) {
  .mess-messenger-page .mess-response-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 11;
  }
}
.mess-messenger-page .mess-response-wrap .card .card-body {
  padding: 0.7rem 1rem;
}
.mess-messenger-page .mess-response-wrap form.main-responce-form .topline {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mess-messenger-page .mess-response-wrap form.main-responce-form .topline textarea {
  max-height: 300px;
  height: 58px;
  margin-right: 0.5rem;
  margin-bottom: 0 !important;
}
.mess-messenger-page .mess-response-wrap form.main-responce-form .topline .btn {
  margin-left: 10px;
}
.mess-messenger-page .mess-response-wrap form.main-responce-form .topline .btn.mess-response-btn {
  width: 40px;
  height: 40px;
}
.mess-messenger-page .mess-response-wrap form.main-responce-form .topline .btn i {
  position: relative;
  left: -2px;
}
.mess-messenger-page .mess-response-wrap form.main-responce-form .topline .btn span {
  display: none;
}
.messenger-threads-list .threads-list-item {
  padding: 0 60px 0 55px;
  border-bottom: 1px solid #e6e6e6;
  display: block;
  position: relative;
  border-left: 5px solid transparent;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .messenger-threads-list .threads-list-item {
    padding: 0 40px 0 40px;
  }
}
.messenger-threads-list .threads-list-item.no-right-menu {
  padding-right: 20px;
}
.messenger-threads-list .threads-list-item:hover,
.messenger-threads-list .threads-list-item:active,
.messenger-threads-list .threads-list-item:focus {
  background: #fbfbfb;
  border-left: 5px solid #FF007E;
}
.messenger-threads-list .threads-list-item:last-child {
  border-bottom: 0;
}
.messenger-threads-list .threads-list-item a.threads-list-item-link {
  display: block;
  padding: 0.7rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .messenger-threads-list .threads-list-item a.threads-list-item-link {
    flex-direction: column;
    align-items: flex-start;
  }
}
.messenger-threads-list .threads-list-item .title {
  color: #666;
  line-height: 115%;
  font-size: 1.05rem;
}
.messenger-threads-list .threads-list-item .created-by {
  font-size: 0.8rem;
  color: #a3a3a3;
}
.messenger-threads-list .threads-list-item .created-at {
  font-size: 0.8rem;
  color: #a3a3a3;
  text-align: right;
}
@media (max-width: 767px) {
  .messenger-threads-list .threads-list-item .created-at {
    text-align: left;
  }
}
.messenger-threads-list .threads-list-item .created-at.expired {
  color: #f00;
}
.messenger-threads-list .threads-list-item .nav-btn {
  position: absolute;
  top: -10px;
  bottom: 0;
  right: 10px;
  margin: auto;
  height: 20px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .messenger-threads-list .threads-list-item .nav-btn {
    right: 5px;
  }
}
.messenger-threads-list .threads-list-item .thread-icon {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 15px;
  margin: auto;
  height: 20px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .messenger-threads-list .threads-list-item .thread-icon {
    left: 10px;
  }
}
.messenger-threads-list .threads-list-item .thread-icon i {
  color: #f0f0f0;
  font-size: 1.3rem;
}
.messenger-threads-list .threads-list-item .thread-icon i.success {
  color: #40a55a;
}
.messenger-threads-list .threads-list-item .thread-icon i.info {
  color: #277fbb;
}
.messenger-threads-list .threads-list-item .thread-icon i.warning {
  color: #dcb521;
}
.messenger-threads-list .threads-list-item .thread-icon i.light {
  color: #cecece;
}
.messenger-threads-list .threads-list-item .thread-icon i.starred {
  color: #ffd400;
}
.messenger-threads-list .threads-list-item .thread-icon i.removed {
  cursor: initial;
  color: #999;
}
.messenger-threads-list .threads-list-item .thread-icon:hover i.default,
.messenger-threads-list .threads-list-item .thread-icon:active i.default,
.messenger-threads-list .threads-list-item .thread-icon:focus i.default {
  color: #ffe97e;
}
.messenger-threads-list .threads-list-item.current-item {
  background: #fff;
}
.messenger-threads-list .threads-list-item.unread-item {
  background: #f0f8ff;
  border-left: 5px solid #277fbb;
}
.messenger-threads-list .threads-list-item.unread-item a .title {
  color: #333;
  font-weight: 600;
}
.messenger-threads-list .threads-list-item.unread-item .thread-icon i.default {
  color: #fff;
}
.messenger-threads-list .threads-list-item.unread-item .thread-icon:hover i.default,
.messenger-threads-list .threads-list-item.unread-item .thread-icon:active i.default,
.messenger-threads-list .threads-list-item.unread-item .thread-icon:focus i.default {
  color: #ffe97e;
}
.messenger-threads-list .threads-list-item.unread-item:hover,
.messenger-threads-list .threads-list-item.unread-item:active,
.messenger-threads-list .threads-list-item.unread-item:focus {
  border-left: 5px solid #FF007E;
}
.messenger-search-wrap {
  padding-left: 15px;
}
.messenger-search-wrap form {
  position: relative;
}
.messenger-search-wrap .searchKeywords {
  width: 100%;
  padding: 3px 0px 3px 30px;
  background: transparent;
  border-width: 0 0 1px 0;
}
.messenger-search-wrap .searchBtn {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 100%;
  vertical-align: middle;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #FF007E;
}
.recievers-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.recievers-list ul li.recievers-list-item {
  padding: 5px 0;
  border-bottom: 1px solid #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recievers-list ul li.recievers-list-item:last-child {
  border-bottom: 0;
}
div#latestMessages {
  background: #fff;
  border-radius: 40px;
  padding: 5px 20px;
  text-align: center;
  color: #333;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);
  margin: 40px 0 10px;
}
@media only screen and (min-width: 992px) {
  table.topics-table td.topic-td {
    width: 50%;
  }
}
@media (min-width: 767px) {
  table.kanon-search-lessons-list tr td.lesson-name {
    width: 65%;
  }
}
.dropdown-menu {
  z-index: 9999;
}
.scrollable-menu {
  height: auto;
  max-height: 90vh;
  overflow-x: hidden;
}
.attachment-link {
  display: inline-block;
  background: #efefef;
  padding: 4px 10px;
  border-radius: 50px;
  margin-bottom: 3px;
  margin-top: 2px;
}
.attachment-link > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.attachment-link > span i {
  font-size: 16px;
  margin-right: 5px;
}
.attachment-link > span bdi {
  font-size: 13px;
  color: #333;
}
.attachment-link:hover,
.attachment-link:active,
.attachment-link:focus {
  background: #f4f4f4;
}
.attachment-link.card-active {
  background: #c9deef;
}
.attachment-link.card-active:hover,
.attachment-link.card-active:active,
.attachment-link.card-active:focus {
  background: #f1f9ff;
}
.marks-item {
  margin-bottom: 10px;
  border-radius: 0;
  overflow: hidden;
}
.marks-item .marks-item-body {
  display: none;
}
@media only screen and (max-width: 767px) {
  .marks-item .marks-item-body .table td {
    display: block;
    width: 100%;
    border: 0;
  }
  .marks-item .marks-item-body .table td:last-child {
    border-bottom: 1px solid #ebebeb;
  }
}
.marks-item .marks-item-heading {
  cursor: pointer;
}
.marks-item.extended {
  margin-bottom: 20px;
  overflow: visible;
}
.marks-item.extended .marks-item-heading {
  background: #e4f0fa;
  cursor: pointer;
}
.marks-item.extended .marks-item-heading .expand i {
  transform: rotate(180deg);
}
.marks-item.extended .marks-item-body {
  display: block;
  border-left: 3px solid #277fbb;
}
.marks-item .subject-title {
  width: 200px;
  padding: 10px 15px;
  color: #000;
  background: #e4f0fa;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.marks-item .subject-title.highlight {
  background: #3271a7;
  color: #fff;
}
.marks-item .subject-title i {
  line-height: 1;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .marks-item .subject-title {
    width: 120px;
    padding: 8px 12px;
    font-size: 14px;
  }
}
.marks-item .mark-digit,
.marks-item .mark-percent,
.marks-item .mark-description,
.marks-item .mark-attachment {
  width: 70px;
  padding: 10px 15px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marks-item .mark-digit.autowidth,
.marks-item .mark-percent.autowidth,
.marks-item .mark-description.autowidth,
.marks-item .mark-attachment.autowidth {
  width: auto !important;
}
@media only screen and (max-width: 767px) {
  .marks-item .mark-digit,
  .marks-item .mark-percent,
  .marks-item .mark-description,
  .marks-item .mark-attachment {
    width: 40px;
    padding: 8px 5px;
    font-size: 14px;
  }
  .marks-item .mark-digit.autowidth,
  .marks-item .mark-percent.autowidth,
  .marks-item .mark-description.autowidth,
  .marks-item .mark-attachment.autowidth {
    padding: 10px 15px;
  }
}
.marks-item .mark-digit {
  background: #277fbb;
}
.marks-item .mark-percent {
  background: #FF007E;
}
@media only screen and (max-width: 767px) {
  .marks-item .mark-percent {
    width: 50px;
  }
}
.marks-item .mark-description {
  background: #0c5181;
  font-size: 12px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .marks-item .mark-description {
    width: 50px;
  }
}
.marks-item .mark-description-text-short {
  display: flex;
  align-items: center;
  padding: 10px 15px;
}
@media only screen and (max-width: 767px) {
  .marks-item .mark-description-text-short {
    display: none;
  }
}
.marks-item .mark-attachment {
  background: #e4f0fa;
  font-size: 12px;
  text-transform: uppercase;
  width: 42px;
}
.marks-item .mark-attachment i {
  font-size: 18px;
  color: #333;
}
@media only screen and (max-width: 767px) {
  .marks-item .mark-attachment {
    width: 40px;
  }
}
body.archiwum header {
  background: #277fbb;
}
body.archiwum section.gg-navigation.collapsed {
  background: #d2d2d2;
}
body.archiwum section.gg-sub-navigation .nav-list li a.active {
  background: #277fbb;
}
.kid-payment-status {
  font-size: 14px;
  font-weight: 400;
}
.kid-payment-status strong {
  font-size: 20px;
}
.kid-payment-status.minus strong {
  color: #b94a48;
}
.kid-payment-status.zero strong {
  color: #40a55a;
}
.kid-payment-status.plus strong {
  color: #277fbb;
}
input.input-underlined {
  border: 0px !important;
  border-bottom: 1px solid #efefef !important;
  background: transparent !important;
}
input.input-underlined:hover,
input.input-underlined:active,
input.input-underlined:focus {
  border: 0px !important;
  border-bottom: 1px solid #efefef !important;
  background: transparent !important;
}
.searchName-wrap {
  position: relative;
}
.searchName-wrap .clear {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 22px;
  font-weight: 300;
  transform: scaleX(1.2);
  cursor: pointer;
  display: none;
}
.logoutMessage {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  background: #ff007e;
  color: #fff;
  text-align: center;
}
.logoutMessage .logoutMessageFlex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.logoutMessage .logoutMessageText {
  font-size: 1.2rem;
  font-weight: 300;
}
.logoutMessage .logoutMessageTime {
  font-size: 1.5rem;
  font-weight: 300;
  padding: 2rem;
}
.logoutMessage .logoutMessageTime .logoutMessageTimeValue {
  font-size: 3.5rem;
  line-height: 2.5rem;
  font-weight: 600;
  display: block;
}
.logoutMessage .countDownSession {
  font-size: 2.5rem;
}
.tooltip {
  max-width: 70%;
  line-height: 18px;
  font-size: 14px;
}
.tooltip .tooltip-inner {
  max-width: none;
  padding: 6px 8px;
}
.d-table-row {
  display: table-row !important;
}
@media (min-width: 576px) {
  .d-sm-table-row {
    display: table-row !important;
  }
}
@media (min-width: 768px) {
  .d-md-table-row {
    display: table-row !important;
  }
}
@media (min-width: 992px) {
  .d-lg-table-row {
    display: table-row !important;
  }
}
/* additional helper classes */
.h3 > * {
  font-size: 1.3rem;
}
/* trumbowyg - rich text editor */
.trumbowyg-button-pane {
  order: 2;
  position: static !important;
  z-index: 0 !important;
  transition: all 0ms ease-out;
  opacity: 0;
  visibility: hidden;
}
.trumbowyg-button-pane.showme {
  position: static !important;
  transition: all 0ms ease-out;
  z-index: 0;
  opacity: 1;
  visibility: visible;
}
.trumbowyg-box {
  display: flex !important;
  flex-direction: column;
  overflow-y: auto;
  border: 1px solid rgba(2, 2, 2, 0.15) !important;
  min-height: 205px !important;
  background: white;
}
.trumbowyg-box.short {
  min-height: 0 !important;
  height: auto !important;
}
.trumbowyg-box.short .trumbowyg-editor {
  min-height: 0 !important;
  height: auto !important;
  max-height: 250px;
}
.trumbowyg-editor {
  order: 1;
  min-height: 170px !important;
  padding: 0 10px !important;
  transition: all 0ms ease-in-out;
  margin-top: 5px !important;
}
.bottom-border {
  border-bottom: 1px solid #FF007E !important;
}
.trumbowyg-modal-box {
  top: 5px !important;
  font-family: 'Open Sans', sans-serif !important;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15) !important;
  border-radius: 10px !important;
}
.trumbowyg-modal-box .trumbowyg-modal-title {
  font-weight: 400 !important;
  background: none !important;
}
.trumbowyg-modal-box .trumbowyg-modal-button {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
  border-radius: 50px !important;
}
.trumbowyg-modal-box .trumbowyg-input-row {
  border: 0 !important;
}
.trumbowyg-modal-box .trumbowyg-input-row .trumbowyg-input-infos {
  border-right: 0px !important;
  background: none !important;
}
.trumbowyg-modal-box .trumbowyg-input-row .trumbowyg-input-infos label {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
  color: #333 !important;
}
.trumbowyg-modal-box .trumbowyg-input-row .trumbowyg-input-html input {
  border: 1px solid #efefef !important;
  padding: 3px 8px !important;
  height: auto !important;
}
.trumbowyg-modal-box .trumbowyg-input-row .trumbowyg-input-html input:hover,
.trumbowyg-modal-box .trumbowyg-input-row .trumbowyg-input-html input:active {
  background: none !important;
  border-color: #ccc !important;
  outline: none !important;
}
.trumbowyg-modal-box .trumbowyg-input-row .trumbowyg-input-html input:focus {
  background: none !important;
  border-color: #FF007E !important;
  outline: none !important;
}
.trumbowyg-dropdown {
  bottom: 25px!important;
  top: auto!important;
  border-top: 1px solid #ecf0f1;
  box-shadow: none !important;
}
.trumbowyg-modal {
  height: 350px !important;
}
.trumbowyg-modal .trumbowyg-modal-box {
  padding-bottom: 0;
}
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-input-html input {
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
}
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-input-html input:focus {
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-bottom: 1px solid #FF007E !important;
}
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px 0 15px;
  background: #efefef;
}
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-footer .trumbowyg-modal-button,
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-footer .trumbowyg-modal-reset {
  position: relative;
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
  margin: 0 5px;
}
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-footer .trumbowyg-modal-reset {
  background-color: #277fbb;
  border-color: #277fbb;
  color: #fff;
}
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-footer .trumbowyg-modal-reset:hover {
  background-color: #1e6596;
  border-color: #1e6596;
}
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-footer .trumbowyg-modal-submit {
  background-color: #FF007E;
  border-color: #FF007E;
}
.trumbowyg-modal .trumbowyg-modal-box .trumbowyg-modal-footer .trumbowyg-modal-submit:hover {
  background-color: #dc006d;
  border-color: #dc006d;
}
.trumbowyg-modal .trumbowyg-modal-title {
  background: #FF007E !important;
  margin-bottom: 0 !important;
  color: #fff !important;
  font-size: 1.2rem !important;
  padding: 15px !important;
  text-align: left !important;
}
.trumbowyg-modal .trumbowyg-modal-title button.close {
  color: #fff;
  cursor: pointer;
  font-size: 2rem;
  line-height: 0.8;
  font-weight: 100;
  opacity: 0.9;
}
.trumbowyg-modal .trumbowyg-modal-title button.close:hover,
.trumbowyg-modal .trumbowyg-modal-title button.close:active,
.trumbowyg-modal .trumbowyg-modal-title button.close:focus {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .trumbowyg-modal .trumbowyg-modal-title button.close {
    opacity: 1;
    padding-left: 20px;
  }
}
.trumbowyg-modal .modal-footer {
  background: #efefef;
}
.trumbowyg-modal .modal-content {
  border: 0;
  border-radius: 0;
}
.ui-sortable tr {
  cursor: grab;
}
.limit-characters {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .limit-characters {
    width: 35ch;
  }
}
@media (max-width: 767px) {
  .limit-characters {
    width: 25ch;
  }
}
@media (max-width: 575px) {
  .limit-characters {
    width: 20ch;
  }
}
@media (max-width: 460px) {
  .limit-characters {
    width: 15ch;
  }
}
.pdf-preview {
  font-family: 'freeserif', serif;
}
.pdf-preview table {
  width: 100%;
}
.pdf-preview table.table {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  width: 100%;
}
.pdf-preview table.table td,
.pdf-preview table.table th {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.pdf-preview th,
.pdf-preview td {
  font-size: 0.8rem;
  text-align: left;
}
.pdf-preview th.small-fonts,
.pdf-preview td.small-fonts {
  font-size: 10px;
}
.pdf-preview table.table-mini-borders td,
.pdf-preview table.table-mini-borders th {
  border-top: 1px solid #eeeeee;
}
.pdf-preview .page-title {
  font-size: 20px;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  margin-bottom: 0;
  background-color: #eaeaea;
}
.pdf-preview .chapter-title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background-color: #eaeaea;
  text-transform: uppercase;
  width: 100%;
  border: 0;
}
.pdf-preview .chapter-subtitle {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  background-color: #eaeaea;
  text-transform: uppercase;
}
.pdf-preview h1,
.pdf-preview .h1 {
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  display: block;
  width: 100%;
}
.pdf-preview h2,
.pdf-preview .h2 {
  font-size: 20px;
  font-weight: bold;
  display: block;
  width: 100%;
}
.pdf-preview h3,
.pdf-preview .h3 {
  font-size: 14px;
  margin-bottom: 0;
  font-weight: bold;
  display: block;
  width: 100%;
}
.pdf-preview .bgCentered {
  background-color: #f4f4f4;
  text-align: center;
}
.pdf-preview .bgLight {
  background-color: #f4f4f4;
}
.pdf-preview .borderTop {
  border-top: 1px solid #eeeeee;
}
.pdf-preview .small {
  font-size: 12px;
}
.pdf-preview .italic {
  font-style: italic;
}
.pdf-preview .no-borders {
  border-top: 0px solid transparent !important;
}
.pdf-preview .centered {
  text-align: center;
}
.pdf-preview .spacer {
  height: 0;
  margin-bottom: 10px;
}
.pdf-preview .cover-page {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.pdf-preview .cover-page h1 {
  font-size: 3rem;
  font-weight: 800;
}
.pdf-preview .week-plans h4 {
  font-size: 1rem;
  font-weight: 800;
  margin-top: 1rem;
}
.dropzone {
  background: #f4f4f4;
  padding: 15px !important;
  border: 0 !important;
  min-height: 70px !important;
}
.dropzone .dz-message {
  display: block !important;
  margin: 0 !important;
}
.dropzone.dz-started .dz-message {
  text-align: left !important;
}
.dropzone .dz-preview {
  margin: 10px !important;
}
.dropzone .dz-preview .dz-image {
  width: 100px !important;
  height: 100px !important;
  border-radius: 10px !important;
}
.dropzone .dz-preview.dz-image-preview {
  background: transparent !important;
}
.dropzone .dz-preview .dz-remove {
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  z-index: 99 !important;
  background: #fff !important;
  padding: 0 !important;
  border-radius: 5px !important;
  width: 25px !important;
  height: 25px !important;
  line-height: 22px !important;
  cursor: pointer !important;
}
.dropzone .dz-preview .dz-remove small,
.dropzone .dz-preview .dz-remove i {
  cursor: pointer;
}
.no-shadow {
  box-shadow: none !important;
}