@font-face {
  font-family: "Muller";
  src: url("../webfonts/MullerBG-Regular.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "Muller";
  src: url("../webfonts/MullerBG-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Muller";
  src: url("../webfonts/MullerBG-Bold.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "SensationLight";
  src: url("../webfonts/Sansation-Light.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Sedan";
  src: url("../webfonts/Sedan-Regular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Waterfall";
  src: url("../webfonts/Waterfall-Regular.ttf") format("truetype");
  font-weight: normal;
}

.font-sensation{
  font-family:'SensationLight' ;
  font-size: 2.3rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.font-sedan{
  font-family:'Sedan' ;
  font-size: 2.3rem;
  text-transform: uppercase;
  color: rgb(165, 132, 64);
  text-shadow: 3px 0px 4px rgba(165, 132, 64, 0.58);
  letter-spacing: 2px;
}
.font-waterfall{
font-family: Waterfall;
font-size: 1.8rem;
text-transform: uppercase;
line-height: 1;
}
.welcome-title{
  font-size: 2.2rem;
  font-family: Muller;
  font-weight: bold;
  letter-spacing: 2px;
}
body,
html {
  width: 100%;
  height: 100%;
  font-family: Muller, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
main {
  overflow-x: hidden;
}
.navbar img {
  width: 15rem;
}

.navbar-nav .nav-link {
  color: #fff;
}
.bg-kadife {
  background-color: #73492d;
}

.notif,
.user-gmail {
  font-size: 1.3rem;
}

.nav-item {
  font-weight: 500;
}

.form-control {
  background-color: #eee !important;
  border: none;
}

.form-control {
  display: block;
  width: 100%;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0.375rem 0.75rem;
  height: 42px;
  line-height: 1.5;
  color: #272727;
  background-color: #fff;
  background-clip: padding-box;

  border-radius: 0;
  -webkit-transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.form-control:disabled {
  color: #7c7c7c;
}

.email--user {
  text-overflow: ellipsis;
  width: 250px;
  white-space: nowrap;
}
.selectpicker-department .btn-light.dropdown-toggle {
  width: 139px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dropdown-toggle.btn-light,
.input-max-price {
  border-radius: 0;
  font-weight: 500;
  font-size: 1.1rem;
  outline: 0 !important;
  padding: 0.8625rem 0.6875rem;
  border-radius: 0;
  line-height: 1;
  letter-spacing: 1px;
  border: 1px solid #eee !important;
  background-color: #eee;
}

.show > .btn-light.dropdown-toggle,
.show > .dropdown-toggle.btn-primary {
  background-color: #eee;
  box-shadow: 0 0 5px #7d7e81;
  color: #272727 !important;
}

.show > .btn-light.dropdown-toggle:focus,
.show > .dropdown-toggle.btn-primary:focus {
  box-shadow: none;
  outline: 0 !important;
}

.bootstrap-select .btn-light.dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .btn-light.dropdown-toggle {
  outline: 0 !important;
}

.show .dropdown-menu.show:not(.inner),
.show-tick .dropdown-menu.show:not(.inner) {
  margin-top: 5px;
  background: #fff;
  border-radius: 0 !important;
  border: 1px solid #7d7e81;
  padding: 0;
  background-color: #fff;
  color: #222;
}

.show .dropdown-menu.show:not(.inner),
.show-tick .dropdown-menu.show:not(.inner) {
  margin-top: 0;
  background: #fff;
  border-radius: 0 !important;
  border: 1px solid #7d7e81;
  padding: 0;
  background-color: #fff;
  color: #222;
}

.bs-searchbox .form-control {
  height: calc(1.5em + 0.5rem + 2px);
  border: 1px solid #7d7e81 !important;
  border-radius: 0;
}

.form-control:focus {
  color: #272727;
  box-shadow: 0 0 5px #7d7e81;
  outline: 0 !important;
}

.bs-searchbox {
  margin-top: 6px;
  margin-bottom: 2px;
}

.dropdown-menu .inner a {
  font-size: 1.1rem;
  line-height: 1.1rem;
  padding: 0.575rem 0.6875rem;
  color: #666;
  font-weight: 400;
  letter-spacing: 1px;
}

.bootstrap-select .dropdown-menu li a span.check-mark {
  position: absolute !important;
  display: none;
  width: 15px;
  height: 14px;
  border: 1px solid #7d7e81;
  border-radius: 0;
  top: 50%;
  left: 0.75rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  background-color: #eee !important;
}

.search-name .dropdown-menu .inner li a span.check-mark,
.search-multiple .dropdown-menu .inner li a span.check-mark {
  display: block !important;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-left: 1.45rem !important;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  top: 50% !important;
  right: unset !important;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  text-decoration: none;
  color: #000 !important;
  background-color: #f5f5f5;
  outline: 0 !important;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark::after {
  content: "";
}

.bootstrap-select .dropdown-menu li a span.check-mark::after {
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  content: unset;
  margin-left: 0.24rem;
  right: 0.6rem;
  width: 0.3em;
  height: 0.65em;
  border-style: solid;
  border-style: solid;
  border-width: 0 0.18em 0.18em 0;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #000 !important;
  background-color: #f5f5f5;
}

.dropdown-item.active .text,
.dropdown-item:active .text {
  color: #000 !important;
}

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  box-sizing: border-box;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: 100% !important;
}

.dropdown-toggle::after {
  content: "\f107";
  font-family: "Font Awesome 6 Free" !important;
  border: none;
  font-size: 1.1rem;
  color: #747d84;
  position: relative;
  top: 2px;
  font-weight: 900;
  margin-left: 0;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  padding-right: 0.55rem;
  letter-spacing: 0;
}

.show .dropdown-toggle:after {
  color: #000;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}

.btn-light:focus,
.btn-light:hover,
.btn-primary:focus,
.btn-primary:hover,
.input-max-price:focus,
.input-max-price:hover {
  background-color: #eee;
  box-shadow: 0 0 5px #7d7e81;
  outline: 0 !important;
  color: #272727 !important;
}

.pagination .arrows-pagi {
  color: #fff !important;
  background: #97c93b;
  -webkit-transition: 0.25s ease !important;
  transition: 0.25s ease !important;
}

.pagination .page-link {
  color: #97c93b !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: 0 0;
  border: none;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

.pagination {
  font-size: 1.2rem;
  font-weight: 700;
}

.pagination .arrows-pagi {
  color: #fff !important;
  background: #97c93b;
  -webkit-transition: 0.25s ease !important;
  transition: 0.25s ease !important;
}

.pagination .page-item.active .page-link {
  background: #e9e9e9;
  color: #97c93b !important;
}

.btn-electric-white {
  background-color: #97c93b;
  color: #fff;
  text-transform: uppercase;
  vertical-align: middle;
  padding: 0.8rem 1rem !important;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 1px;
  border: 2px solid #97c93b;
  font-weight: bold;
  box-shadow: none;
  -webkit-transition: 0.25s ease !important;
  transition: 0.25s ease !important;
}

.btn-electric-white:hover {
  transition: 0.25s ease !important;
  color: #97c93b;
  background-color: #fff;
}

.btn-red-white {
  background-color: #e10a0a;
  color: #fff;
  text-transform: uppercase;
  vertical-align: middle;
  padding: 0.8rem 1rem !important;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 1px;
  border: 2px solid #e10a0a;
  font-weight: bold;
  box-shadow: none;
  -webkit-transition: 0.25s ease !important;
  transition: 0.25s ease !important;
}

.btn-red-white:hover {
  transition: 0.25s ease !important;
  color: #e10a0a;
  background-color: #fff;
}
.pills-btn.active {
  background-color: #97c93b !important;
}
.nav-pills .btn-white-electric {
  border-radius: 0 !important;
  padding: 0.6rem 1rem !important;
}
.btn-white-electric {
  background-color: #fff;
  color: #97c93b;
  text-transform: uppercase;
  vertical-align: middle;
  padding: 0.8rem 1rem !important;
  font-size: 1rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 1px;
  border: 2px solid #97c93b;
  box-shadow: none;
  -webkit-transition: 0.25s ease !important;
  transition: 0.25s ease !important;
}

.btn-white-electric.lg,
.btn-electric-white.lg,
.btn-red-white.lg {
  font-size: 1.1rem;
}

.btn-white-electric.md,
.btn-electric-white.md,
.btn-red-white.md {
  padding: 0.7rem 1rem !important;
}
.btn-white-electric.sm,
.btn-electric-white.sm,
.btn-red-white.sm {
  padding: 0.75rem 0.85rem !important;
  font-size: 0.85rem;
  line-height: 0.85;
  text-decoration: none !important;
}
.text-electric {
  color: #97c93b;
}
.text--red {
  color: #e10a0a;
}
.btn-white-electric:hover {
  transition: 0.25s ease !important;
  color: #fff;
  background-color: #97c93b;
}
.restart-search-link {
  color: #97c93b;
  letter-spacing: 1px;
  font-weight: medium;
  transition: 0.25s;
}
.restart-search-link:hover {
  color: #272727;
  transition: 0.25s;
}

.email-list-wrapper .dropdown-toggle.btn-light,
.email-list-wrapper .input-max-price,
.modal .dropdown-toggle.btn-light,
.modal .input-max-price {
  padding: 0.7rem 0.6875rem;
}
.footer img {
  width: 16rem;
}

.footer-link {
  font-size: 0.675rem;
  color: #fff;
  letter-spacing: 1px;
  transition: 0.25s ease;
}
.footer-link:hover {
  opacity: 0.9;
  color: #fff;
  transition: 0.25s ease;
}
.courses-info-wrapper .nav-pills .nav-link {
  font-size: 0.875rem !important;
}
.courses-info-wrapper .dropdown-menu {
  max-width: 300px !important;
}

.lazy {
  opacity: 0;
  transition: opacity 0.35s ease-in-out;
}

/* Клас, който LazyLoad добавя към заредените изображения */
.card-img-top.loaded,
.user-img-profile.loaded {
  opacity: 1;
}





#myProgressCharts .modal-dialog,#departmentProgressCharts .modal-dialog,#openCoursesProgressCharts .modal-dialog{
  width: 90%;
    max-width: 73rem!important;
}

#myProgressCharts  .modal-dialog ,#departmentProgressCharts .modal-dialog,#openCoursesProgressCharts .modal-dialog{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(100% - (.5rem * 2));
}

#myProgressCharts  .modal,#departmentProgressCharts .modal  {
  overflow-y: auto;
}

.stats-target{
  font-size: 1.025rem;
  color:#272727;
 font-weight: 500;
  line-height: 1.35;
  -webkit-transition: .25s ease;
  -o-transition: .25s ease;
  transition: .25s ease;
}
.stats-target:hover{
color: #97c93b;
-webkit-transition: .25s ease;
-o-transition: .25s ease;
transition: .25s ease;
}

.bg-light-brown{
  background-color: #EDE8DF;
}