/* MOODLE ITEMS */
html,
body {
  height: 100%;
  margin: 0;
  font-family: "Open Sans";
}
body {
  background-color: #fcfcfc;
  overflow-x: hidden;
}
#page-wrapper {
  margin: 0;
  padding: 0;
}
#page {
  margin: 0;
  /* background-color: #fcfcfc; */
}
#region-main > .card {
  background: transparent;
  border: none;
  min-height: 700px;
  overflow-x: initial;
}
section.d-print-none {
  display: none;
}
#nav-drawer {
  top: 83px;
  height: calc(100% - 83px);
  background-color: #f5f5f5;
  border-left: 1px solid #adadad;
  border-top: 1px solid #adadad;
}
.navbar {
  max-height: none;
}
#nav-notification-popover-container,
.item-display-none {
  display: none !important;
}
.messages {
  background-color: #fff;
}
.messages-header,
.content.left {
  background-color: #eee;
}
.content.left {
  max-width: none !important;
  width: 100%;
}
.formulation.clearfix,
.qn-question {
  background-color: #eee;
}
a {
  color: #000;
  -moz-transition: all 0.3s ease-in-out; /* FF4+ */
  -ms-transition: all 0.3s ease-in-out; /* IE? */
  -o-transition: all 0.3s ease-in-out; /* Opera 10.5+ */
  -webkit-transition: all 0.3s ease-in-out; /* Saf3.2+, Chrome */
  transition: all 0.3s ease-in-out; /* Standard syntax */
}
a:hover {
  color: #ffdc00;
  text-decoration: none;
}
.breadcrumb-item > a {
  color: #000;
}
.breadcrumb-item > a:hover {
  font-weight: bold;
}
.messaging-area-container .btn.btn-link {
  color: #000;
}
.messaging-area-container .btn.btn-link:hover {
  color: #dfbc00;
  text-decoration: none;
}
.messaging-area-container
  .messaging-area
  .contacts-area
  .contacts
  .contact.selected {
  background-color: #000;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab.selected {
  color: #000;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab:hover,
.messaging-area-container
  .messaging-area
  .contacts-area
  .tabs
  .tab.selected:hover {
  color: #dfbc00;
}
.nav-pills .nav-link.active {
  background-color: #ffdc00;
}
.listitem.listitem-category > .clearfix > .categoryname,
.listitem.listitem-course > .clearfix > .coursename {
  color: #656565;
}
.float-right a {
  color: #ffdc00;
}
.float-right a:hover {
  color: #000;
}
.messaging-area-container
  .messaging-area
  .contacts-area
  .contacts
  .contact:hover {
  background-color: #ffee80;
  color: #000;
}
.messaging-area-container
  .messaging-area
  .contacts-area
  .contacts
  .contact
  > .information
  > .lastmessage {
  color: #000;
}
.messaging-area-container
  .messaging-area
  .contacts-area
  .contacts
  .contact:hover
  > .information
  > .lastmessage {
  color: #000;
}

/* MAIN MENU */
.menu-top-container {
  width: 100%;
  /* height: 450px; */
  background-color: #ffffff;
}

.menu-top-black-strip {
  background-color: #000;
  width: 100%;
  height: 20px;
}

.main-navbar {
  background-color: #ffffff;
  margin: auto;
  display: block;
}

.menu-container {
  max-width: 200px;
  margin: 0 auto;
}
.logo-item {
  display: inline-block;
  max-width: 150px;
  margin: 11px 20px 11px 0;
} 

a.logo-item img {
  height:67px ;
  width:105px;
}



.menu-item {
  display: inline-block;
  margin: 0 20px;
  font-weight: bold;
  color: #000;
}

.menu-top-left .menu-item:hover {
  cursor: pointer;
  color: inherit;
  position: relative;
}

.menu-top-right .menu-item:hover {
  cursor: pointer;
  color: inherit;
  border-bottom: none;
  text-decoration: none;
}


.menu-top-left .menu-item.menu-item-active {
  cursor: pointer;
  color: inherit;
  position: relative;
}


.menu-item.menu-item-active::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 52px;
  height: 3px;
  border-bottom: 3px solid #fedc00;
} 

.menu-top-left .menu-item:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 52px;
  height: 3px;
  border-bottom: 3px solid #fedc00;
}

/* .menu-item:hover {
  color: inherit;
  border-bottom: 3px solid #fedc00;
  text-decoration: none;
} */

.main-navbar .frontpage-slider {
  height: 200px;
  width: 100%;
}

.navbar-plugin-output,
.pmc-user-menu {
  float: right;
}
.navbar-plugin-output {
  margin-right: 5px;
}
.pmc-user-menu {
  margin-top: 7px;
  color: #fff;
}
.navbar-plugin-output .nav-link {
  padding-right: 5px;
}
.navbar-plugin-output i,
.pmc-user-menu a {
  color: #fff;
}
.navbar-plugin-output i:hover,
.pmc-user-menu a:hover {
  text-decoration: none;
  color: #ddd;
}
.menu-top-container > .container > .navdraweropen {
  position: relative;
  left: -11px;
}
.mobile-navdraweropen,
.submenu-container {
  display: none;
}
.submenu-container > a {
  padding-left: 15px;
}

/*
.submenu3 a:last-of-type {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.2;
    text-decoration: none;
}
*/

/* FRONTPAGE */
.frontpage-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 106px;
  color: #424242;
}
.frontpage-title-bottom {
  font-size: 41px;
  left: 6px;
  position: relative;
}
.frontpage-tile-row,
.frontpage-news-row {
  margin-top: 60px;
}
.frontpage-tile {
  /* width: 90%; */
  margin: 0 auto;
}
.frontpage-tile-header {
  display: block;
}
.frontpage-tile-header:hover .frontpage-tile-title {
  text-decoration: none;
  color: #656565;
}
.frontpage-tile-image,
.frontpage-tile-title {
  display: block;
  float: left;
}
.frontpage-tile-image {
  width: 33%;
  max-width: 50px;
  margin-right: 10px;
}
.frontpage-tile-title {
  width: 58%;
  font-weight: bold;
  color: #424242;
  font-size: 24px;
}
.frontpage-news-row {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}
.frontpage-news-header {
  /* margin-bottom: 20px; */
  /* text-transform: uppercase; */
  font-weight: bold;
  font-size: 18px;
}

.frontpage-news-text {
  font-size: 0.9em;
  flex-grow: 1;
  overflow-wrap: anywhere;
}

.frontpage-news-title {
  color: #ffdc00;
  font-weight: bold;
}
.frontpage-news-summary {
  font-size: 14px;
}
.frontpage-news-arr {
  text-align: right;
  font-weight: bold;
}
.frontpage-news-arr > a {
  color: #fff;
}
.frontpage-news-arr > a:hover {
  color: #ccc;
  text-decoration: none;
}
.news-page-row > div > div > p > a {
  color: #000;
  font-weight: 700;
  -moz-transition: all 0.3s ease-in-out; /* FF4+ */
  -ms-transition: all 0.3s ease-in-out; /* IE? */
  -o-transition: all 0.3s ease-in-out; /* Opera 10.5+ */
  -webkit-transition: all 0.3s ease-in-out; /* Saf3.2+, Chrome */
  transition: all 0.3s ease-in-out; /* Standard syntax */
}
.news-page-row > div > div > p > a:hover {
  color: #ffdc00;
}

/* BUTTON'Y */
.nav-link.active,
.btn-outline-success,
.btn.btn-default,
.news-button.edit,
.btn-primary,
.nav-pills > .nav-item > .nav-link.active,
.btn-block,
.guziczek_pag,
.nieaktywna_strona {
  background-color: #292929;
  border: 1px solid #cbd3da;
  color: #fff;
}
.nav-link.active:hover,
.nav-link.inactive:hover,
.btn-outline-success:hover,
.btn.btn-default:hover,
.news-button.edit:hover,
.btn-primary:hover,
.nav-pills > .nav-item > .nav-link.active:hover,
.btn-block:hover,
.guziczek_pag:hover,
.nieaktywna_strona:hover {
  background-color: #ffdc00;
  border: 1px solid #cbd3da;
  color: #292929;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  border-color: #4e4d4b;
  color: #4e4d4b;
}
.btn-primary.guziczek_pag {
  background-color: transparent;
  color: #4e4d4b;
  border: none;
}
#aktualne .btn-primary {
  width: 31px;
  height: 25px;
  padding: 0;
}

.btn-secondary {
  background-color: #858585;
  color: white;
}
.nieaktywna_strona {
  cursor: pointer;
  -moz-transition: all 0.3s ease-in-out; /* FF4+ */
  -ms-transition: all 0.3s ease-in-out; /* IE? */
  -o-transition: all 0.3s ease-in-out; /* Opera 10.5+ */
  -webkit-transition: all 0.3s ease-in-out; /* Saf3.2+, Chrome */
  transition: all 0.3s ease-in-out; /* Standard syntax */
}

/* MISCELLANEOUS */
.header-icon-container {
  float: right;
  width: 30%;
  display: block;
  border: 1px solid #fff;
}
.header-icon {
  float: right;
  width: 123px;
}
.custom-login-user {
  color: #fff;
}
.ideabox-header {
  color: #424242;
  font-weight: bold;
  font-size: 1.2em;
}

.ideabox-desc {
  font-size: 1em;
}

#lista > .table > th {
  background-color: none;
  color: #424242;
}
.row.center.btn-wyrownaj > button {
  position: relative;
  left: 20px;
}
.aktywna_strona {
  background-color: #fff;
  color: #424242;
  border: 1px solid #4e4d4b;
}
/* .nav-link.inactive {
  background-color: #424242;
  color: #fff;
} */
#region-main.has-blocks {
  width: 100%;
}
.mobile-navbar a.logo-item img,
.frontpage-tile-image img,
.loginpage-logo img {
  display: block;
  max-width: 100%;
  height: auto; 
  width:auto;
}
.select2-container {
  width: 100% !important;
}
.helpdesk-info {
  color: #959595;
  font-weight: bold;
  font-size: 12px;
  margin-top: 40px;
}
.helpdesk-info > div:first-child {
  font-size: 14px;
  text-transform: uppercase;
}
#naglowek_odbiorcy {
  margin-bottom: 10px;
}

.extn_news_content {
  background: #f3f3f3;
  overflow-x: hidden;
  word-break: break-word;
}

.extn_news_content img,
.news-text img {
  display: inline;
  max-width: 100%;
  height: auto;
  width: fit-content;
}
.deferredfeedback > .info > .grade,
.deferredfeedback > .info > .questionflag {
  display: none;
}
.custom-login-info span {
  vertical-align: top;
  margin-right: 20px;
}
.custom-login-info a:first-of-type {
  vertical-align: top;
}
.fa-power-off {
  margin-left: 20px;
}

/* POPUP */
.popupBox {
  background-color: #f2f2f2;
  padding: 30px;
  border: 1px solid #ddd;
  display: none;
  font-size: 30px;
  /* margin-right: 265px; */
  width: 600px;
  border-top: 3px solid #fec002;
  overflow-y: auto;
  text-align: justify;
  overflow-wrap: break-word;
}
#popupTitle > h5 {
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px solid #eee;
}
#popupText {
  font-weight: normal;
  font-size: 14px;
}
#popupText img {
  max-width: 100%;
  height: auto;
}
.popupCloseContainer {
  width: 100%;
  margin-bottom: 10px;
}
#popupClose {
  display: block;
  float: right;
  font-size: 18px;
}
#popupClose:hover {
  text-decoration: none;
}

/* AKTUALNOSCI */
.news-section-header {
  margin-top: 50px;
}
.news-frontpage-row {
  margin-top: 15px;
  padding: 15px 0;
  background-color: rgba(255, 255, 255, 0.2);
}
.news-frontpage-row > div,
.news-page-row > .col-md-12 {
  margin-bottom: 15px;
}
.news-page-row > .col-md-12 > .col-md-12 {
  margin-bottom: 20px;
  max-height: 170px;
  overflow: hidden;
}
.news-btn-pokaz-dalej {
  color: #9b9d9e;
  border: none;
  background-color: transparent;
  cursor: pointer;
  /* margin: 0 auto;*/
  margin-top: 0px;
  margin-left: 20px;
  display: block;
  margin-top: 10px;
  border: none;
}
.news-frontpage-row > div:last-child {
  margin-bottom: 0;
}
.news-page-topmenu {
  margin-bottom: 15px;
}
.newsNoImgDisplay {
  display: none !important;
}
.news-page-add,
.news-page-search,
.news-page-select {
  width: 33.33333%;
  float: left;
  text-align: center;
}
.news-page-add > a {
  max-width: 180px;
}
.news-section-header > div {
  background-color: #407b92;
}
.news-section-header-text {
  padding: 25px 30px;
  background-color: #407b92;
  color: #fff;
}
.news-section-header-text h2 {
  margin: 0;
}
.news-item-header {
  padding: 0 30px;
}
.news-section-left {
  width: 59%;
  float: left;
  margin: 0;
  font-size: 18px;
  padding-top: 9px;
}
.news-section-right {
  width: 40%;
  float: right;
  text-align: right;
  padding-top: 6px;
}
.news-item-header {
  color: #fff;
  background-color: #686868;
  min-height: 49px;
}
.news-date,
.news-title {
  vertical-align: middle;
}
.news-date {
  margin-right: 40px;
  font-size: 0.8em;
  font-weight: bold;
}
.news-title {
  margin-left: 10px;
  flex-grow: 1;
  font-size: 0.9em;
}
.news-author {
  margin-right: 10px;
  min-width: 140px;
  padding-top: 7px;
  float: right;
}

.news-text {
  padding-top: 20px;
}
.news-text,
.news-attachments {
  padding-left: 30px;
  padding-right: 30px;
}
.news-btn-row {
  padding: 0 15px;
}
.news-btn-container {
  float: right;
  text-align: right;
  margin-left: 10px;
}
.news-btn-container a {
  display: inline-block;
  min-width: 165px;
  text-align: center;
  color: #e4e4e4;
  background-color: #595657;
  border: 1px solid #c1c1c1;
  padding: 10px 15px;
  font-size: 14px;
}
.news-btn-container a:hover {
  text-decoration: none;
}
.news-bottom-bar {
  border-bottom: 1px solid #ffdc00;
  margin: 0 auto;
  width: 96%;
}
.news-btn-container a {
  opacity: 1;
  -moz-transition: all 0.3s ease-in-out; /* FF4+ */
  -ms-transition: all 0.3s ease-in-out; /* IE? */
  -o-transition: all 0.3s ease-in-out; /* Opera 10.5+ */
  -webkit-transition: all 0.3s ease-in-out; /* Saf3.2+, Chrome */
  transition: all 0.3s ease-in-out; /* Standard syntax */
}
.news-btn-container a:hover {
  opacity: 0.8;
}
.news-btn-add-news {
  display: block;
  color: #fff;
  padding: 2px 10px;
  border: 1px solid #cbd3da;
  background-color: #686868;
  margin: 0 auto;
}
.news-btn-add-news:hover {
  color: #4e4d4b;
  background-color: #ffdc00;
}

/* PMC_EXTNEWS */
.extnews-btn-transition {
  cursor: pointer;
  background-color: #4e4d4b;
  border: 1px solid #cbd3da;
  color: #fff;
  -moz-transition: all 0.3s ease-in-out; /* FF4+ */
  -ms-transition: all 0.3s ease-in-out; /* IE? */
  -o-transition: all 0.3s ease-in-out; /* Opera 10.5+ */
  -webkit-transition: all 0.3s ease-in-out; /* Saf3.2+, Chrome */
  transition: all 0.3s ease-in-out; /* Standard syntax */
}

.extnews-btn-transition:hover {
  background-color: #ffdc00;
  color: #4e4d4b;
}

.extn_news_date_text {
  color: #595657;
}

.extn_news_date_text i {
  color: #f59c00;
}

.span-extnews-date {
  font-size: 0.8em;
  padding-right: 15px;
}

.extnews-btn-save,
.extnews-btn-reset {
  min-width: 36px;
  min-height: 36px;
}
.extnews-btn-save {
  font-size: 20px;
}
.extnews-btn-reset {
  font-size: 17px;
}
.extnews-header {
  background-color: #fff;
  padding: 20px;
  font-size: 37.5px !important;
  font-weight: normal !important;
  color: #373a3c !important;
}
.extn_news_edit_labels.panel-title {
  margin-top: 20px;
}
#newsPageTable {
  width: 97%;
}

.extnews-tbl-category-list > div {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.5);
}
.extnews-category-list {
  display: none;
}
.extnews-category-list-header {
  margin-bottom: 5px;
  font-weight: bold;
}
.extnews-category-ul {
  margin-bottom: 0;
}

/* LOGIN PAGE */
.loginpage-logo-row {
  background-color: #f5f5f5;
}
.loginpage-logo {
  width: 90%;
  max-width: 150px;
  margin: 0 auto;
}

/* QUIZ */
#quiz-menu-wyniki {
  text-align: right;
}
#quiz-menu-wyniki > ul {
  list-style-type: none;
  padding-left: 0;
  width: 33%;
  display: inline-block;
}
#quiz-menu-wyniki > ul > li {
  display: inline-block;
  margin-left: 20px;
}
#quiz-menu-wyniki > ul > li > a {
}
#quiz-menu-wyniki > ul > li > a:hover {
}

table.my-custom-class {
  width: 100%;
}

/* MOBILE */
@media screen and (min-width: 1200px) {
  .card-deck .myoverviewimg {
    height: 288.5px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .frontpage-title-top {
    font-size: 70px;
  }
  .frontpage-tile-title,
  .frontpage-news-title {
    font-size: 16px;
  }
  .frontpage-news-summary {
    font-size: 12px;
  }

  .grey-cloud-container {
    font-size: 0.7em !important;
  }

  #wyksztalcenie_table,
  #kwalifikacje_table,
  #jezyki_table {
    padding-right: 0 !important;
  }

  .courses-view-course-item-header-content {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .custom-login-info {
    font-size: 13px;
  }
  .pmc-user-menu {
    margin-top: 10px;
  }
  .frontpage-title-top {
    font-size: 60px;
  }
  .frontpage-tile-title,
  .frontpage-news-title {
    font-size: 12px;
  }
  .frontpage-news-summary {
    font-size: 11px;
  }

  #wyksztalcenie_table,
  #kwalifikacje_table,
  #jezyki_table {
    padding: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .menu-top-container > .container > .navdraweropen {
    display: none !important;
  }
  .mobile-navdraweropen {
    display: block;
  }
  .custom-login-info {
    font-size: 13px;
  }
  .pmc-user-menu {
    margin-top: 10px;
  }
  .page-header-headings > h1 {
    font-size: 30px;
  }
  .header-icon {
    width: 100%;
  }
  .header-icon > img {
    width: 100%;
  }
  .frontpage-title-top {
    font-size: 48px;
  }
  .frontpage-tile-row > .col-md-4 {
    margin-top: 20px;
  }
  .frontpage-tile-title,
  .frontpage-news-title {
    font-size: 16px;
  }
  .frontpage-news-summary {
    font-size: 12px;
    font-weight: normal;
  }
  .select2-container {
    width: 100% !important;
  }
  .extnews-tbl-category-list {
    display: none;
  }
  #newsPageTable {
    width: 100%;
  }
  .extnews-category-list {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.5);
  }

  .raports-main-container .col-md-6 {
    padding: 0 !important;
  }



  .filter-date-row .col-md-6 {
    padding: 0 !important;
  }

  .raports-filters button {
    margin-top: 5px;
  }
}


.buttons-col {
  text-align: center;
  white-space: nowrap ;
}

/*  New styling */

@media (min-width: 768px) {
  body.drawer-open-left {
    margin-left: 0 !important;
  }

  body.drawer-open-right {
    margin-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1180px;
  }
}

.frontpage-slider {
  width: 100%;
  height: 200px;
  background-position: center;
  background-size: cover;
}

.nav-tile {
  border: 1px solid #dbdbdb;
  background-color: #fff;
  cursor: pointer;
  width: 370px;
  height: 130px;
  display: flex;
  justify-content: center;
  -webkit-box-shadow: 4px 4px 10px 5px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 4px 4px 10px 5px rgba(50, 50, 50, 0.1);
  box-shadow: 4px 4px 10px 5px rgba(50, 50, 50, 0.1);
}

.tile-content-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-tile:hover {
  color: #5484ac;
}

.container-border {
  border: 1px solid #cfcfcf;
}

.frontpage-news-container {
  margin-top: 30px;
  padding: 30px 30px 50px 30px;
}

.frontpage-news-image {
  background-position: center;
  background-size: cover;
  max-width: 160px;
  max-height: 160px;
  width: 100%;
  height: auto;
}

.frontpage-news-date {
  font: bolder;
}

.frontpage-news-date .icon {
  color: #f59c00;
}

.h3-news-container {
  font-weight: bold;
  font-size: 1.3em;
}

.h3-news-container a:hover {
  color: #5484ac;
}


.news-content-container {
  position: relative;
  flex: 1;
  padding-left: 15px;
  display: flex;
  flex-flow: column;
}

.news-link-btn {
  /* position: absolute; */
  align-self: flex-end;
  bottom: 0;
  /* right: 24px; */
  font-size: 0.9em;
}

.frontpage-news-container-row {
  flex-wrap: nowrap;
}

.frontpage-news-container-row .frontpage-news-col:last-child {
  padding-left: 24px !important;
}

.container-box-shadow {
  -webkit-box-shadow: 4px 4px 10px 5px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 4px 4px 10px 5px rgba(50, 50, 50, 0.1);
  box-shadow: 4px 4px 10px 5px rgba(50, 50, 50, 0.1);
}

.footer {
  border-top: 1px solid #cfcfcf;
  font-size: 0.9em;
}

.footer-item {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  color: #adadad;
  cursor: pointer;
  padding: 0 10px;
}

.social-media-help {
  vertical-align: text-top;
}

.footer-logo {
  max-height: 50px;
}

.footer-socialmedia-nav {
  margin-left: 15%;
}

.menu-bottom-yerllow-strip {
  height: 3px;
  background-color: #fedc00;
  margin-left: -15px;
  margin-right: -15px;
}

#page-wrapper::after {
  display: none !important;
}

.row-imie_i_nazwisko {
  border-bottom: 1px solid #dee2e6;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .nav-tile {
    font-size: 0.9em;
    width: 24%;
  }

  .footer {
    font-size: 0.9em;
  }

  .footer-socialmedia-nav {
    margin-left: 0;
  }

  .news-title {
    font-size: 0.8em;
  }

  .news-date {
    font-size: 0.7em;
    margin-right: 5px;
  }

  .job-offer-col {
    padding-right: 5px !important;
  }

  div.news-buttons {
    padding-right: 0 !important;
  }

  #wtrakcie_checkbox {
    float: inherit !important;
  }

  #wtrakcie_checkbox .form-check {
    padding-left: 10px;
    width: 135px;
  }
}

@media (max-width: 992px) {
  .job-offer-tile {
    width: 100%;
    max-width: 100% !important;
    flex: 0 0 100%;
  }

  .courses-views-row {
    flex-flow: column !important;
  }

  .nav-tile {
    width: 280px;
    margin: 10px;
  }

  .menu-item {
    margin: 20px;
  }

  .footer-socialmedia-nav {
    display: block;
    margin: 15px auto;
  }

  .social-media-help br {
    display: none !important;
  }

  .social-media-help {
    margin-top: 10px;
    margin-bottom: 0;
    width: 100%;
    display: inline-flex !important;
    justify-content: space-around;
  }

  .nav-tiles-row {
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: center;
  }

  .nav-tiles-row:last-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .logo-item {
    margin: 0;
  }

  /*nav-drawer button */
  .mobile-navbar {
    display: flex !important;
  }

  .container.main-navbar {
    display: none;
  }

  .frontpage-news-container-row {
    flex-direction: column;
  }

  .frontpage-news-col {
    flex: 1;
    max-width: 100%;
  }

  .frontpage-news-container-row .frontpage-news-col:last-child {
    margin-top: 15px;
    padding-left: 0 !important;
  }

  #wyksztalcenie_table .wyksztalcenie_table-col,
  #kwalifikacje_table .kwalifikacje_table-col,
  #jezyki_table .jezyki_table-col,
  #hobby_table .hobby_table-col {
    padding: 0 !important;
  }

  #wyksztalcenie_table,
  #kwalifikacje_table,
  #jezyki_table,
  #hobby_table {
    padding: 0 !important;
  }

  .menu-top-black-strip {
    position: fixed;
    z-index: 99;
    top:0;
  }

  .navbar {
    top: 20px;
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 99;
  }

  .frontpage-slider {
    margin-top: 103px;
    height: 200px;
  }
}

@media (max-width: 545px) {
  .footer {
    font-size: 0.8em;
  }

  .grey-cloud-container {
    height: auto !important;
  }
  .grey-cloud-container div {
    margin: auto 3px !important;
  }
}

@media (max-width: 505px) {
  .footer-left-container {
    margin: auto;
  }

  .footer-logo {
    display: block;
    margin: auto;
  }

  #excel_export {
    margin-top: 5px;
  }
}

.dtp-date-view i {
  font-family: "Material Icons";
  color: white;
  font-size: 1.3em;
  font-style: normal;
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: #292929 !important;
}

.btn-flat {
  margin: 0 2px;
}



.dtp table.dtp-picker-days tr > td > a.selected {
  background: #fedc00 !important;
  color: #000 !important;
}

.tr-extn_print_news:first-child {
  border-top: 1px solid #c1c1c1;
}

#newsPageTable .tr-extn_print_news {
  border-bottom: 1px solid #c1c1c1;
}

.extnews-btn-addnewnews {
  background: #fec002;
  border-color: #fec002;
}
.breadcrumb-item > a {
  color: #a8a8a8;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #a8a8a8;
  content: ">";
}

.breadcrumb-item.breadcrumb-item-active > a,
.breadcrumb-item.breadcrumb-item-active {
  color: #5484ac;
}

.page-header-headings h3 {
  font-weight: bold;
}

.input-extnews-date-filter {
  padding: 0;
  border: none;
}

.input-extnews-date-filter:first-child::-webkit-inner-spin-button,
.input-extnews-date-filter:first-child::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.dtp div.dtp-actual-year {
  color: #fff !important;
}

.extn_news_hidden_content {
  background: #f3f3f3;
}

.label-filtry {
  font-size: 0.9em;
  font-weight: bold;
}

.content-container {
  padding: 30px 30px 50px 30px;
  background-color: #ffffff;
}

/* #region-main > .card {
  overflow-x: hidden !important;
} */

@media (max-width: 768px) {
  .frontpage-news-text {
    font-size: 0.85em;
  }

  .news-link-btn {
    font-size: 0.85em;
  }

  .news-link-btn {
    right: 5px;
  }

  .col-zglaszajacy {
    padding: 0 !important;
  }

  .col-kategoria {
    padding: 0 !important;
  }

  .col-data_do {
    padding: 0 !important;
  }
  .col-data_od {
    padding: 0 !important;
  }

  .news-title {
    font-size: 0.8em;
  }

  .news-date {
    font-size: 0.7em;
    margin-right: 5px;
  }

  .job-offer-position-col {
    padding-left: 0;
  }

  .navdraweropen {
    display: block;
  }

  .courses-view-course-item-header {
    margin-bottom: 10px !important;
    font-size: 0.85em;
  }

  .courses-view-course-item-header-content {
    padding-bottom: 10px !important;
  }

  /* .card-deck .myoverviewimg {
    width:150px !important;
    height:150px !important;
  } */

  .controls-col {
    width: 40%;
    margin: 15px auto;
  }

  .course-category-select-row .form-group {
    padding: 0 !important;
  }

  .filters-row .filters-col {
    padding: 0 !important;
  }

  .multiSelect-items-toEnrol {
    padding: 0 !important;
  }

  .multiSelect-items-enrolled {
    padding: 0 !important;
  }

  .enrol-controls-col {
    padding: 0 !important;
  }

  /* .frontpage-news-col {
    flex-flow: column;
  } */

  /* .news-link-btn {
    position: static;
    display: block;
    width: 100%;
    text-align: end;
  }
  .news-content-container {
    padding: 0 !important;
  } */
}

#nowa_kategoria_select {
  width: 85%;
  display: inline-block;
}

#nowa_kategoria_text {
  width: 85%;
  display: inline-block;
}

.extnews-btn-plusik {
  color: white;
  background-color: #fec002;
  border-color: #fec002;
}

#nowa_kategoria_zapisz {
  color: #292929;
  background-color: transparent;
  border-color: transparent;
}

.dndupload-arrow {
  width: 100%;
  height: 80px;
  position: static;
}

.extn_news_uploader {
  background-color: #f1f1f1;
}

.radio-container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radio-container .checkmark {
  position: absolute;
  top: 0px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #adadad;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
  background-color: #ccc;
}

.checkbox-container input:disabled ~ .checkmark {
  background-color: #959595;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .checkmark {
  border-color: #f59c00;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fec002;
}

/* Customize the label (the container) */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox-container .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #eee;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #fec002;
  border-color: #fec002;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tabs-ideabox-container {
  background-color: transparent;
}

.nav-tabs .nav-item {
  position: relative;
  font-weight: bold;
  border: none;
  color: #292929;
}

.nav-tabs .nav-item .nav-link {
  background-color: transparent;
  border: none;
}

.nav-tabs .nav-item .nav-link.active {
  background-color: transparent;
  color: #fedc00;
}

.nav-tabs .nav-item .nav-link.active::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 35px;
  height: 3px;
  border-bottom: 2px solid #fedc00;
}

.nav-tabs .nav-item .nav-link:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 35px;
  height: 3px;
  border-bottom: 2px solid #fedc00;
}

label {
  font-size: 0.9em;
  font-weight: bold;
}

/* #tabelka_raport th {
  border: none;
} */

#tabela {
  overflow-x: auto;
}

.btn-delete-attachment {
  color: red;
  background-color: transparent;
  border: none;
  outline: none;
}

.tr-attachment {
  border-bottom: 1px solid #ced4da;
}

.btn-pagination {
  background-color: transparent;
  border-color: #adadad;
  color: #adadad;
}

.btn-pagination:disabled {
  background-color: #fedc00;
  border-color: #fedc00;
  color: black;
  opacity: 1;
}

.dropdown-menu.dropdown-usermenu {
  transform: translate(-45%, 15%) !important;
}

.dropdown-menu.dropdown-usermenu .dropdown-item:hover {
  position: relative;
  cursor: pointer;
}

.dropdown-menu.dropdown-usermenu .dropdown-item:hover {
  color: #fedc00;
}

.dropdown-menu.dropdown-usermenu .dropdown-item:hover::after {
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  border-left: 3px solid #fedc00;
}

.default-filter-info {
  font-size: 0.85em;
  color: #a8a8a8;
}

.filter-header {
  font-size: 1.2em;
  font-weight: bold;
}

.company-tiles {
  margin-left: 2px;
}

.btn-company {
  padding: 15px 35px;
  background-color: white;
  border: 1px solid #c1c1c1;
}

.btn-company.active {
  border-color: transparent;
  outline: #fedc00 solid 2px;
  box-shadow: none;
}

.btn-company:hover {
  /* outline: #fedc00 solid 1px; */
  border:  #fedc00 solid 1px;
}

.news-button-edit {
  outline: 0;
  border: none;
  background-color: transparent;
}

button {
  cursor: pointer;
}

.job-offer-col {
  background-color: #ebebeb;
}

.job-offer-company-logo {
  border-right: 1px solid #afafaf;
}

.job-offer-tile i.fa-clock-o {
  color: #f59c00;
  font-size: 1.3em;
}

.mce-tinymce.mce-container.mce-panel {
  width: auto !important;
}

.my-custom-class td {
  border: 1px solid black;
  padding: 5px;
}
.my-custom-class th {
  border: 1px solid black;
  padding: 5px;
}

.dz-default.dz-message {
  border: none;
  font-weight: normal;
}

@media (max-width: 455px) {
  .dz-default.dz-message {
    font-size: 0.85em;
  }

  #upload {
    padding-bottom: 35px !important;
  }
}

.browser label {
  font-weight: normal;
}

.ui-widget-overlay {
  background: #666666 !important;
}

.ui-widget-header {
  border: none !important;
  background: #e9e9e9 !important;
  border-radius: 0 !important;
  height: fit-content;
}

.ui-dialog {
  padding: 0 !important;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.job-offer-dialog-company-logo {
  width: 76px;
  height: 36px;
}

.btn-job-dialog-close {
  background-color: #afafaf;
  color: white;
  font-size: 0.9em !important;
}

.job-infos {
  font-size: 0.85em;
  max-width: 45%;
}

.job-infos i {
  color: #f59c00;
}

.job-offer-dialog-date {
  font-size: 0.9em;
}

.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
  border: none;
}

.ui-dialog-buttonset button {
  background: #afafaf !important;
  color: white !important;
  font-size: 0.9em !important;
  display: block;
  margin: 0 auto 30px auto !important;
  border-radius: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important;
}

.ui-dialog {
  margin: 20px auto !important;
  max-height: calc(100% - 40px) !important;
  overflow-y: auto;
}

@media screen and (orientation:landscape) {
  .ui-dialog {
    margin: 10px auto !important;
    max-height: calc(100% - 20px) !important;
    overflow-y: auto;
  }
}

@media (max-width: 600px) {
  .ui-dialog {
    width: 100% !important;
  }
}

.ui-dialog .ui-dialog-content {
  text-align: justify !important;
  margin: 0 auto !important;
}

.menu-top-right .popover-region-toggle.nav-link {
  padding: 0;
  margin-right: 15px;
}

.menu-top-right .popover-region-toggle.nav-link img.icon {
  height: auto;
  width: auto;
  padding: 0;
}

.menu-top-right .popover-region-toggle.nav-link .count-container {
  background-color: #45719d;
  right: 20px;
  top: 13px;
  border-radius: 50%;
  width: 12px;
  padding: 2px 2px 2px 3px;
}

#nav-drawer {
  width: 400px !important;
  right: 0;
  left: auto;
}

#nav-drawer .menu-container {
  max-width: 90% !important;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

#nav-drawer.closed {
  right: -400px;
  left: auto;
}

#nav-drawer .menu-container .navdraweropen {
  align-self: flex-end;
}

.btn-nav-drawer-toggle {
  border: none;
  background: transparent;
  font-size: 24px;
  outline: none;
}

.mobile-navbar {
  display: none;
}

#nav-drawer .menu-item {
  text-align: center;
}

@media (max-width: 400px) {
  #nav-drawer {
    width: 100% !important;
  }
}

@media (min-width: 993px) {
  #nav-drawer {
    display: none;
  }
}

.btn-nav-drawer-toggle i {
  height: 100%;
}

div.tab-content.content-centred {
  max-width: 100%;
}

.card-deck .myoverviewimg {
  width: 180px;
  height: 180px;
}

.courses-view-course-item-header {
  border-bottom: 1px solid #d8d8d8;
  position: relative;
}

.courses-view-course-item-header .fa-angle-right {
  position: absolute;
  right: 0px;
  top: -8px;
  font-size: 50px;
  color: #d8d8d8;
}

.courses-view-course-item {
  min-height:180px;
  max-height: fit-content;
  /* height:180px; */
  flex-basis: calc(50% - 15px) !important;
}

.courses-view-course-item-summary {
  font-size: 0.8em;
}

@media (max-width: 1200px) {
  /* .table-alerts-container {
    overflow-x: auto;
  }

  table {
    min-width:1140px;
    overflow-x: scroll;
  } */
}

@media (max-width: 550px) {
  .card-deck .myoverviewimg {
    /* display:block;
    margin:auto;
    width:140px;
    height:140px;
    margin: 10px; */
    display: none;
  }

  .courses-view-course-item-container {
    padding: 10px !important;
  }

  .courses-view-course-item-header .fa-angle-right {
    position: absolute;
    right: -15px;
    top: -8px;
    font-size: 50px;
    color: #d8d8d8;
  }

  .courses-view-course-item-header {
    margin-right: 25px;
  }

  .courses-view-nav-tabs-container {
    font-size: 0.8em;
  }

  .courses-view-nav-tabs-container .nav-item {
    margin: 0 !important;
  }

  .buttons-container button {
    margin: 10px auto;
  }

  .buttons-container a {
    margin: 10px auto;
  }
}

@media (max-width: 400px) {
  .courses-view-nav-tabs-container .nav-item .nav-link {
    padding: 5px !important;
  }

  .courses-view-course-item-header .fa-angle-right {
    position: absolute;
    right: -15px;
    top: 0px;
    font-size: 40px;
    color: #d8d8d8;
  }
}

#toggle_odbiorcy {
  font-weight: bold;
}

.form-header-h5 {
  margin-top: 3rem !important;
  margin-bottom: 1rem !important;
  font-weight: bold;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  border: 1px solid #ced4da !important;
  border-radius: 0px !important;
  height: 34px !important;
}

.btn-show-filters {
  width: 120px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .multiSelect-form-row {
    flex-flow: column;
    align-items: center;
    justify-content: center;
  }

  .multiSelect-form-row .multiSelect-items-toEnrol,
  .multiSelect-form-row .multiSelect-items-enrolled {
    padding: 0;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .enrol-controls-col {
    max-width: 30%;
  }

  .form-control-custom-label {
    font-size: 0.8em !important;
  }
}

.table-controls-buttons-td {
  width: fit-content;
  white-space: nowrap;
}

.table-controls-buttons-td button {
  background-color: transparent;
}

.table-controls-buttons-td button.usun i {
  color: red;
}

#filtr .form-control {
  border-radius: 0 !important;
  border: 1px solid #ced4da !important;
}

.listitem-category,
.listitem-course {
  border-left: none !important;
  border-right: none !important;
}

@media (max-width: 768px) {
  .add-user-form-container .form-group {
    padding: 0 !important;
  }

  .table-controls-buttons-td button {
    padding: 5px;
  }
}

.btn-default-yellow {
  background-color: #fec002 !important;
  border-color: #fec002 !important;
  color: white;
}

.card-custom-header {
  background-color: transparent;
  font-size: 1.2em;
  font-weight: bold;
}

.page-header-headings h1 {
  font-size: 26px;
  font-weight: bold;
}

.fm-empty-container {
  padding-top: 15px !important;
}

@media (max-width: 450px) {
  #course-category-listings .item-actions {
    margin-right: 0 !important;
  }

  #course-category-listings #category-listing .course-count {
    margin-right: 0 !important;
  }
}

.news-img {
  width: 30%;
}

.light-border-bottom {
  border-bottom: 1px solid #dee2e6;
}

.grey-cloud-container {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #d6d6d6;
  background-color: #f4f4f4;
  /* padding: 11px 15px 14px 20px; */
  padding: 10px;
  border-radius: 10px;
  height: 36px;
  margin-top: 10px;
  -webkit-box-shadow: 2px 2px 5px 2px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 2px 2px 5px 2px rgba(50, 50, 50, 0.1);
  box-shadow: 2px 2px 5px 2px rgba(50, 50, 50, 0.1);
  font-size: 0.85em;
}

#kwalifikacje_tbody .grey-cloud-container:first-child,
#wyksztalcenie_tbody .grey-cloud-container:first-child,
#jezyki_tbody .grey-cloud-container:first-child {
  margin-top: 0 !important;
}

.initialbargroups.d-flex {
  flex-wrap: wrap;
}

@media (max-width: 370px) {
  .job-offer-dialog-header img {
    margin-right: 5px;
  }

  .job-infos {
    font-size: 0.7em !important;
  }

  .ui-dialog .ui-dialog-titlebar {
    padding: 0.2em 0.5em !important;
  }

  .job-offer-info-box {
    flex-wrap: wrap;
  }

  .news-date i.icon {
    margin-left: 5px;
    margin-top: 3px;
  }
}

a.btn i:hover {
  color: #ffdc00;
}


.slider-img-thumb {
  max-width:90%;
  height:auto;
}

.table-image-slider-img-col {
  width: 40%;
}

.table-image-slider-img-col img {
  width: 100%;
  height:auto;
}

.buttons-col button {
  background-color: transparent;
  padding:5px 10px ;
}

.buttons-col button:hover {
  color:#ffdc00;
}

.btn-full-transparent {
  background-color: transparent;
  border: none;
}

.select2-selection__clear {
  color: red;
  font-size: 1.2em;
}


.negative-margins {
  margin-left: -15px;
  margin-right: -15px;
}

.owl-carousel .owl-stage  {
  height: 100% !important;
}

.owl-carousel .owl-stage  .owl-item .item {
  height: 100% !important;
}


.path-admin .main-content-container {
  width: 100%; 
  max-width: 100%;

}

.path-admin .content-container {
  width: 100%; 
  max-width: 100%;
  overflow-x: auto;
}


 @media (max-width:570px) {

  .messaging-area-container .messaging-area .messages-area .messages-header {
    height: fit-content;
  }

  .messaging-area-container .messaging-area .messages-area .messages-header .name-container {
      margin-top: 30px;
  }

}

.job-offer-tile .job-offer-content:hover {
  outline: #fedc00 solid 1px;
  cursor: pointer;
}

#logoutDialog button {
  font-size: 1rem ;
  font-family: 'Open Sans';
}
#logoutDialog {
  overflow-y: auto;
}

.ui-dialog[aria-describedby="logoutDialog"] {
  border-top: 3px solid #fec002 !important;
  z-index : 1001 !important;
  font-family: 'Open Sans';
}


.ui-dialog[aria-describedby="logoutDialog"] .ui-dialog-titlebar {
  background-color: transparent !important;
  border-bottom: 1px solid #dbdbdb !important;
}

.btn-default-yellow:hover {
  background-color: #ffdc00 !important;
}

.form-inline input[name="saveandreturn"] {
  background-color: #fec002 !important;
  border-color: #fec002 !important;
  color: white;
}

.ui-widget-overlay.ui-front {
  z-index:1000;
}