@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;500;700&family=Lora:wght@400;500;600;700&display=swap);
.list-inline-dot-separator .list-inline-item:not(:last-child):after {
  content: "•";
  color: #a2a5b9;
  margin-left: 5px;
}

.list-flex {
  padding-left: 0;
  margin-bottom: 0;
}
.list-flex > li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10px;
}
.list-flex > li.list-separator {
  position: relative;
  padding-bottom: 10px;
}
.list-flex > li.list-separator:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #ebedf2;
}

.kt-portlet__body.collapse:not(.show) {
  display: none !important;
}

.kt-portlet__head[data-toggle=collapse] {
  cursor: pointer;
}

.accordion.accordion-toggle-arrow .kt-portlet__head {
  padding: 0 50px 0 25px;
}
.accordion.accordion-toggle-arrow .kt-portlet__head:after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  right: 25px;
  top: calc(50% - 10px);
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.accordion.accordion-toggle-arrow .kt-portlet__head.collapsed:after {
  transform: rotate(0);
}
.accordion.accordion-toggle-arrow .kt-portlet__body .select2 {
  width: 100% !important;
}

@media screen and (max-width: 768px) {
  .kt-footer__copyright {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.dropdown-settings-nav .kt-nav__link {
  padding-top: 0.15rem !important;
  padding-bottom: 0.15rem !important;
}

[data-provider=datatable] > tbody > tr > td table.audit-context {
  border: 0;
}
[data-provider=datatable] > tbody > tr > td table.audit-context > tbody > tr > th, [data-provider=datatable] > tbody > tr > td table.audit-context > tbody > tr > td {
  padding: 1px;
  vertical-align: top;
  border: 0;
  border-bottom: 1px solid #ebedf2;
}
[data-provider=datatable] > tbody > tr > td table.audit-context > tbody > tr:last-child > th, [data-provider=datatable] > tbody > tr > td table.audit-context > tbody > tr:last-child > td {
  border-bottom: 0;
}

[data-provider=google-map-markers].google-map {
  height: 300px;
}

/**
DISPLAY
 */
.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.hidden {
  display: none;
}

/**
BACKGROUND
 */
.bg-transparent {
  background-color: transparent;
}

/**
SIZE
 */
.h-100 {
  height: 100px;
}

.h-200 {
  height: 200px;
}

.h-300 {
  height: 300px;
}

.h-400 {
  height: 400px;
}

.h-500 {
  height: 500px;
}

.h-600 {
  height: 600px;
}

.h-700 {
  height: 700px;
}

.h-800 {
  height: 800px;
}

.h-900 {
  height: 900px;
}

.h-1000 {
  height: 1000px;
}

.h-1100 {
  height: 1100px;
}

.h-1200 {
  height: 1200px;
}

.h-1300 {
  height: 1300px;
}

.h-1400 {
  height: 1400px;
}

.fs-1-2rem {
  font-size: 1.2rem;
}

/**
UTILS
 */
.overlay-10 {
  position: relative;
}
.overlay-10:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
  opacity: 10%;
}
.overlay-10.sc-post > .kt-container {
  z-index: 1;
}

.overlay-20 {
  position: relative;
}
.overlay-20:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
  opacity: 20%;
}
.overlay-20.sc-post > .kt-container {
  z-index: 1;
}

.overlay-30 {
  position: relative;
}
.overlay-30:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
  opacity: 30%;
}
.overlay-30.sc-post > .kt-container {
  z-index: 1;
}

.overlay-40 {
  position: relative;
}
.overlay-40:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
  opacity: 40%;
}
.overlay-40.sc-post > .kt-container {
  z-index: 1;
}

.overlay-50 {
  position: relative;
}
.overlay-50:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
  opacity: 50%;
}
.overlay-50.sc-post > .kt-container {
  z-index: 1;
}

.overlay-60 {
  position: relative;
}
.overlay-60:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
  opacity: 60%;
}
.overlay-60.sc-post > .kt-container {
  z-index: 1;
}

.overlay-70 {
  position: relative;
}
.overlay-70:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
  opacity: 70%;
}
.overlay-70.sc-post > .kt-container {
  z-index: 1;
}

.overlay-80 {
  position: relative;
}
.overlay-80:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
  opacity: 80%;
}
.overlay-80.sc-post > .kt-container {
  z-index: 1;
}

.overlay-90 {
  position: relative;
}
.overlay-90:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
  opacity: 90%;
}
.overlay-90.sc-post > .kt-container {
  z-index: 1;
}

.overlay-100 {
  position: relative;
}
.overlay-100:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
  opacity: 100%;
}
.overlay-100.sc-post > .kt-container {
  z-index: 1;
}

/**
FONT
 */
.font-bold {
  font-weight: bold;
}

/**
HEIGHT
 */
.h100 {
  height: 100%;
}

.m-0 {
  margin: 0px;
}

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

.mr-0 {
  margin-right: 0px;
}

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

.ml-0 {
  margin-left: 0px;
}

.m-0-important {
  margin: 0px !important;
}

.mt-0-important {
  margin-top: 0px !important;
}

.mr-0-important {
  margin-right: 0px !important;
}

.mb-0-important {
  margin-bottom: 0px !important;
}

.ml-0-important {
  margin-left: 0px !important;
}

.m-n-0 {
  margin: -0px;
}

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

.mr-n-0 {
  margin-right: -0px;
}

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

.ml-n-0 {
  margin-left: -0px;
}

.p-0 {
  padding: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pl-0 {
  padding-left: 0px;
}

@media screen and (max-width: 576px) {
  .m-s-0 {
    margin: 0px !important;
  }
  .mt-s-0 {
    margin-top: 0px !important;
  }
  .mr-s-0 {
    margin-right: 0px !important;
  }
  .mb-s-0 {
    margin-bottom: 0px !important;
  }
  .ml-s-0 {
    margin-left: 0px !important;
  }
  .p-s-0 {
    padding: 0px !important;
  }
  .pt-s-0 {
    padding-top: 0px !important;
  }
  .pr-s-0 {
    padding-right: 0px !important;
  }
  .pb-s-0 {
    padding-bottom: 0px !important;
  }
  .pl-s-0 {
    padding-left: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-m-0 {
    margin: 0px !important;
  }
  .mt-m-0 {
    margin-top: 0px !important;
  }
  .mr-m-0 {
    margin-right: 0px !important;
  }
  .mb-m-0 {
    margin-bottom: 0px !important;
  }
  .ml-m-0 {
    margin-left: 0px !important;
  }
  .p-m-0 {
    padding: 0px !important;
  }
  .pt-m-0 {
    padding-top: 0px !important;
  }
  .pr-m-0 {
    padding-right: 0px !important;
  }
  .pb-m-0 {
    padding-bottom: 0px !important;
  }
  .pl-m-0 {
    padding-left: 0px !important;
  }
}
@media screen and (max-width: 992px) {
  .m-l-0 {
    margin: 0px !important;
  }
  .mt-l-0 {
    margin-top: 0px !important;
  }
  .mr-l-0 {
    margin-right: 0px !important;
  }
  .mb-l-0 {
    margin-bottom: 0px !important;
  }
  .ml-l-0 {
    margin-left: 0px !important;
  }
  .p-l-0 {
    padding: 0px !important;
  }
  .pt-l-0 {
    padding-top: 0px !important;
  }
  .pr-l-0 {
    padding-right: 0px !important;
  }
  .pb-l-0 {
    padding-bottom: 0px !important;
  }
  .pl-l-0 {
    padding-left: 0px !important;
  }
}
.m-2 {
  margin: 2px;
}

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

.mr-2 {
  margin-right: 2px;
}

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

.ml-2 {
  margin-left: 2px;
}

.m-2-important {
  margin: 2px !important;
}

.mt-2-important {
  margin-top: 2px !important;
}

.mr-2-important {
  margin-right: 2px !important;
}

.mb-2-important {
  margin-bottom: 2px !important;
}

.ml-2-important {
  margin-left: 2px !important;
}

.m-n-2 {
  margin: -2px;
}

.mt-n-2 {
  margin-top: -2px;
}

.mr-n-2 {
  margin-right: -2px;
}

.mb-n-2 {
  margin-bottom: -2px;
}

.ml-n-2 {
  margin-left: -2px;
}

.p-2 {
  padding: 2px;
}

.pt-2 {
  padding-top: 2px;
}

.pr-2 {
  padding-right: 2px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pl-2 {
  padding-left: 2px;
}

@media screen and (max-width: 576px) {
  .m-s-2 {
    margin: 2px !important;
  }
  .mt-s-2 {
    margin-top: 2px !important;
  }
  .mr-s-2 {
    margin-right: 2px !important;
  }
  .mb-s-2 {
    margin-bottom: 2px !important;
  }
  .ml-s-2 {
    margin-left: 2px !important;
  }
  .p-s-2 {
    padding: 2px !important;
  }
  .pt-s-2 {
    padding-top: 2px !important;
  }
  .pr-s-2 {
    padding-right: 2px !important;
  }
  .pb-s-2 {
    padding-bottom: 2px !important;
  }
  .pl-s-2 {
    padding-left: 2px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-m-2 {
    margin: 2px !important;
  }
  .mt-m-2 {
    margin-top: 2px !important;
  }
  .mr-m-2 {
    margin-right: 2px !important;
  }
  .mb-m-2 {
    margin-bottom: 2px !important;
  }
  .ml-m-2 {
    margin-left: 2px !important;
  }
  .p-m-2 {
    padding: 2px !important;
  }
  .pt-m-2 {
    padding-top: 2px !important;
  }
  .pr-m-2 {
    padding-right: 2px !important;
  }
  .pb-m-2 {
    padding-bottom: 2px !important;
  }
  .pl-m-2 {
    padding-left: 2px !important;
  }
}
@media screen and (max-width: 992px) {
  .m-l-2 {
    margin: 2px !important;
  }
  .mt-l-2 {
    margin-top: 2px !important;
  }
  .mr-l-2 {
    margin-right: 2px !important;
  }
  .mb-l-2 {
    margin-bottom: 2px !important;
  }
  .ml-l-2 {
    margin-left: 2px !important;
  }
  .p-l-2 {
    padding: 2px !important;
  }
  .pt-l-2 {
    padding-top: 2px !important;
  }
  .pr-l-2 {
    padding-right: 2px !important;
  }
  .pb-l-2 {
    padding-bottom: 2px !important;
  }
  .pl-l-2 {
    padding-left: 2px !important;
  }
}
.m-5 {
  margin: 5px;
}

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

.mr-5 {
  margin-right: 5px;
}

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

.ml-5 {
  margin-left: 5px;
}

.m-5-important {
  margin: 5px !important;
}

.mt-5-important {
  margin-top: 5px !important;
}

.mr-5-important {
  margin-right: 5px !important;
}

.mb-5-important {
  margin-bottom: 5px !important;
}

.ml-5-important {
  margin-left: 5px !important;
}

.m-n-5 {
  margin: -5px;
}

.mt-n-5 {
  margin-top: -5px;
}

.mr-n-5 {
  margin-right: -5px;
}

.mb-n-5 {
  margin-bottom: -5px;
}

.ml-n-5 {
  margin-left: -5px;
}

.p-5 {
  padding: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

@media screen and (max-width: 576px) {
  .m-s-5 {
    margin: 5px !important;
  }
  .mt-s-5 {
    margin-top: 5px !important;
  }
  .mr-s-5 {
    margin-right: 5px !important;
  }
  .mb-s-5 {
    margin-bottom: 5px !important;
  }
  .ml-s-5 {
    margin-left: 5px !important;
  }
  .p-s-5 {
    padding: 5px !important;
  }
  .pt-s-5 {
    padding-top: 5px !important;
  }
  .pr-s-5 {
    padding-right: 5px !important;
  }
  .pb-s-5 {
    padding-bottom: 5px !important;
  }
  .pl-s-5 {
    padding-left: 5px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-m-5 {
    margin: 5px !important;
  }
  .mt-m-5 {
    margin-top: 5px !important;
  }
  .mr-m-5 {
    margin-right: 5px !important;
  }
  .mb-m-5 {
    margin-bottom: 5px !important;
  }
  .ml-m-5 {
    margin-left: 5px !important;
  }
  .p-m-5 {
    padding: 5px !important;
  }
  .pt-m-5 {
    padding-top: 5px !important;
  }
  .pr-m-5 {
    padding-right: 5px !important;
  }
  .pb-m-5 {
    padding-bottom: 5px !important;
  }
  .pl-m-5 {
    padding-left: 5px !important;
  }
}
@media screen and (max-width: 992px) {
  .m-l-5 {
    margin: 5px !important;
  }
  .mt-l-5 {
    margin-top: 5px !important;
  }
  .mr-l-5 {
    margin-right: 5px !important;
  }
  .mb-l-5 {
    margin-bottom: 5px !important;
  }
  .ml-l-5 {
    margin-left: 5px !important;
  }
  .p-l-5 {
    padding: 5px !important;
  }
  .pt-l-5 {
    padding-top: 5px !important;
  }
  .pr-l-5 {
    padding-right: 5px !important;
  }
  .pb-l-5 {
    padding-bottom: 5px !important;
  }
  .pl-l-5 {
    padding-left: 5px !important;
  }
}
.m-10 {
  margin: 10px;
}

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

.mr-10 {
  margin-right: 10px;
}

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

.ml-10 {
  margin-left: 10px;
}

.m-10-important {
  margin: 10px !important;
}

.mt-10-important {
  margin-top: 10px !important;
}

.mr-10-important {
  margin-right: 10px !important;
}

.mb-10-important {
  margin-bottom: 10px !important;
}

.ml-10-important {
  margin-left: 10px !important;
}

.m-n-10 {
  margin: -10px;
}

.mt-n-10 {
  margin-top: -10px;
}

.mr-n-10 {
  margin-right: -10px;
}

.mb-n-10 {
  margin-bottom: -10px;
}

.ml-n-10 {
  margin-left: -10px;
}

.p-10 {
  padding: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

@media screen and (max-width: 576px) {
  .m-s-10 {
    margin: 10px !important;
  }
  .mt-s-10 {
    margin-top: 10px !important;
  }
  .mr-s-10 {
    margin-right: 10px !important;
  }
  .mb-s-10 {
    margin-bottom: 10px !important;
  }
  .ml-s-10 {
    margin-left: 10px !important;
  }
  .p-s-10 {
    padding: 10px !important;
  }
  .pt-s-10 {
    padding-top: 10px !important;
  }
  .pr-s-10 {
    padding-right: 10px !important;
  }
  .pb-s-10 {
    padding-bottom: 10px !important;
  }
  .pl-s-10 {
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-m-10 {
    margin: 10px !important;
  }
  .mt-m-10 {
    margin-top: 10px !important;
  }
  .mr-m-10 {
    margin-right: 10px !important;
  }
  .mb-m-10 {
    margin-bottom: 10px !important;
  }
  .ml-m-10 {
    margin-left: 10px !important;
  }
  .p-m-10 {
    padding: 10px !important;
  }
  .pt-m-10 {
    padding-top: 10px !important;
  }
  .pr-m-10 {
    padding-right: 10px !important;
  }
  .pb-m-10 {
    padding-bottom: 10px !important;
  }
  .pl-m-10 {
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 992px) {
  .m-l-10 {
    margin: 10px !important;
  }
  .mt-l-10 {
    margin-top: 10px !important;
  }
  .mr-l-10 {
    margin-right: 10px !important;
  }
  .mb-l-10 {
    margin-bottom: 10px !important;
  }
  .ml-l-10 {
    margin-left: 10px !important;
  }
  .p-l-10 {
    padding: 10px !important;
  }
  .pt-l-10 {
    padding-top: 10px !important;
  }
  .pr-l-10 {
    padding-right: 10px !important;
  }
  .pb-l-10 {
    padding-bottom: 10px !important;
  }
  .pl-l-10 {
    padding-left: 10px !important;
  }
}
.m-20 {
  margin: 20px;
}

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

.mr-20 {
  margin-right: 20px;
}

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

.ml-20 {
  margin-left: 20px;
}

.m-20-important {
  margin: 20px !important;
}

.mt-20-important {
  margin-top: 20px !important;
}

.mr-20-important {
  margin-right: 20px !important;
}

.mb-20-important {
  margin-bottom: 20px !important;
}

.ml-20-important {
  margin-left: 20px !important;
}

.m-n-20 {
  margin: -20px;
}

.mt-n-20 {
  margin-top: -20px;
}

.mr-n-20 {
  margin-right: -20px;
}

.mb-n-20 {
  margin-bottom: -20px;
}

.ml-n-20 {
  margin-left: -20px;
}

.p-20 {
  padding: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

@media screen and (max-width: 576px) {
  .m-s-20 {
    margin: 20px !important;
  }
  .mt-s-20 {
    margin-top: 20px !important;
  }
  .mr-s-20 {
    margin-right: 20px !important;
  }
  .mb-s-20 {
    margin-bottom: 20px !important;
  }
  .ml-s-20 {
    margin-left: 20px !important;
  }
  .p-s-20 {
    padding: 20px !important;
  }
  .pt-s-20 {
    padding-top: 20px !important;
  }
  .pr-s-20 {
    padding-right: 20px !important;
  }
  .pb-s-20 {
    padding-bottom: 20px !important;
  }
  .pl-s-20 {
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-m-20 {
    margin: 20px !important;
  }
  .mt-m-20 {
    margin-top: 20px !important;
  }
  .mr-m-20 {
    margin-right: 20px !important;
  }
  .mb-m-20 {
    margin-bottom: 20px !important;
  }
  .ml-m-20 {
    margin-left: 20px !important;
  }
  .p-m-20 {
    padding: 20px !important;
  }
  .pt-m-20 {
    padding-top: 20px !important;
  }
  .pr-m-20 {
    padding-right: 20px !important;
  }
  .pb-m-20 {
    padding-bottom: 20px !important;
  }
  .pl-m-20 {
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 992px) {
  .m-l-20 {
    margin: 20px !important;
  }
  .mt-l-20 {
    margin-top: 20px !important;
  }
  .mr-l-20 {
    margin-right: 20px !important;
  }
  .mb-l-20 {
    margin-bottom: 20px !important;
  }
  .ml-l-20 {
    margin-left: 20px !important;
  }
  .p-l-20 {
    padding: 20px !important;
  }
  .pt-l-20 {
    padding-top: 20px !important;
  }
  .pr-l-20 {
    padding-right: 20px !important;
  }
  .pb-l-20 {
    padding-bottom: 20px !important;
  }
  .pl-l-20 {
    padding-left: 20px !important;
  }
}
.m-25 {
  margin: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.m-25-important {
  margin: 25px !important;
}

.mt-25-important {
  margin-top: 25px !important;
}

.mr-25-important {
  margin-right: 25px !important;
}

.mb-25-important {
  margin-bottom: 25px !important;
}

.ml-25-important {
  margin-left: 25px !important;
}

.m-n-25 {
  margin: -25px;
}

.mt-n-25 {
  margin-top: -25px;
}

.mr-n-25 {
  margin-right: -25px;
}

.mb-n-25 {
  margin-bottom: -25px;
}

.ml-n-25 {
  margin-left: -25px;
}

.p-25 {
  padding: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pl-25 {
  padding-left: 25px;
}

@media screen and (max-width: 576px) {
  .m-s-25 {
    margin: 25px !important;
  }
  .mt-s-25 {
    margin-top: 25px !important;
  }
  .mr-s-25 {
    margin-right: 25px !important;
  }
  .mb-s-25 {
    margin-bottom: 25px !important;
  }
  .ml-s-25 {
    margin-left: 25px !important;
  }
  .p-s-25 {
    padding: 25px !important;
  }
  .pt-s-25 {
    padding-top: 25px !important;
  }
  .pr-s-25 {
    padding-right: 25px !important;
  }
  .pb-s-25 {
    padding-bottom: 25px !important;
  }
  .pl-s-25 {
    padding-left: 25px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-m-25 {
    margin: 25px !important;
  }
  .mt-m-25 {
    margin-top: 25px !important;
  }
  .mr-m-25 {
    margin-right: 25px !important;
  }
  .mb-m-25 {
    margin-bottom: 25px !important;
  }
  .ml-m-25 {
    margin-left: 25px !important;
  }
  .p-m-25 {
    padding: 25px !important;
  }
  .pt-m-25 {
    padding-top: 25px !important;
  }
  .pr-m-25 {
    padding-right: 25px !important;
  }
  .pb-m-25 {
    padding-bottom: 25px !important;
  }
  .pl-m-25 {
    padding-left: 25px !important;
  }
}
@media screen and (max-width: 992px) {
  .m-l-25 {
    margin: 25px !important;
  }
  .mt-l-25 {
    margin-top: 25px !important;
  }
  .mr-l-25 {
    margin-right: 25px !important;
  }
  .mb-l-25 {
    margin-bottom: 25px !important;
  }
  .ml-l-25 {
    margin-left: 25px !important;
  }
  .p-l-25 {
    padding: 25px !important;
  }
  .pt-l-25 {
    padding-top: 25px !important;
  }
  .pr-l-25 {
    padding-right: 25px !important;
  }
  .pb-l-25 {
    padding-bottom: 25px !important;
  }
  .pl-l-25 {
    padding-left: 25px !important;
  }
}
.m-30 {
  margin: 30px;
}

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

.mr-30 {
  margin-right: 30px;
}

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

.ml-30 {
  margin-left: 30px;
}

.m-30-important {
  margin: 30px !important;
}

.mt-30-important {
  margin-top: 30px !important;
}

.mr-30-important {
  margin-right: 30px !important;
}

.mb-30-important {
  margin-bottom: 30px !important;
}

.ml-30-important {
  margin-left: 30px !important;
}

.m-n-30 {
  margin: -30px;
}

.mt-n-30 {
  margin-top: -30px;
}

.mr-n-30 {
  margin-right: -30px;
}

.mb-n-30 {
  margin-bottom: -30px;
}

.ml-n-30 {
  margin-left: -30px;
}

.p-30 {
  padding: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

@media screen and (max-width: 576px) {
  .m-s-30 {
    margin: 30px !important;
  }
  .mt-s-30 {
    margin-top: 30px !important;
  }
  .mr-s-30 {
    margin-right: 30px !important;
  }
  .mb-s-30 {
    margin-bottom: 30px !important;
  }
  .ml-s-30 {
    margin-left: 30px !important;
  }
  .p-s-30 {
    padding: 30px !important;
  }
  .pt-s-30 {
    padding-top: 30px !important;
  }
  .pr-s-30 {
    padding-right: 30px !important;
  }
  .pb-s-30 {
    padding-bottom: 30px !important;
  }
  .pl-s-30 {
    padding-left: 30px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-m-30 {
    margin: 30px !important;
  }
  .mt-m-30 {
    margin-top: 30px !important;
  }
  .mr-m-30 {
    margin-right: 30px !important;
  }
  .mb-m-30 {
    margin-bottom: 30px !important;
  }
  .ml-m-30 {
    margin-left: 30px !important;
  }
  .p-m-30 {
    padding: 30px !important;
  }
  .pt-m-30 {
    padding-top: 30px !important;
  }
  .pr-m-30 {
    padding-right: 30px !important;
  }
  .pb-m-30 {
    padding-bottom: 30px !important;
  }
  .pl-m-30 {
    padding-left: 30px !important;
  }
}
@media screen and (max-width: 992px) {
  .m-l-30 {
    margin: 30px !important;
  }
  .mt-l-30 {
    margin-top: 30px !important;
  }
  .mr-l-30 {
    margin-right: 30px !important;
  }
  .mb-l-30 {
    margin-bottom: 30px !important;
  }
  .ml-l-30 {
    margin-left: 30px !important;
  }
  .p-l-30 {
    padding: 30px !important;
  }
  .pt-l-30 {
    padding-top: 30px !important;
  }
  .pr-l-30 {
    padding-right: 30px !important;
  }
  .pb-l-30 {
    padding-bottom: 30px !important;
  }
  .pl-l-30 {
    padding-left: 30px !important;
  }
}
.m-40 {
  margin: 40px;
}

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

.mr-40 {
  margin-right: 40px;
}

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

.ml-40 {
  margin-left: 40px;
}

.m-40-important {
  margin: 40px !important;
}

.mt-40-important {
  margin-top: 40px !important;
}

.mr-40-important {
  margin-right: 40px !important;
}

.mb-40-important {
  margin-bottom: 40px !important;
}

.ml-40-important {
  margin-left: 40px !important;
}

.m-n-40 {
  margin: -40px;
}

.mt-n-40 {
  margin-top: -40px;
}

.mr-n-40 {
  margin-right: -40px;
}

.mb-n-40 {
  margin-bottom: -40px;
}

.ml-n-40 {
  margin-left: -40px;
}

.p-40 {
  padding: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

@media screen and (max-width: 576px) {
  .m-s-40 {
    margin: 40px !important;
  }
  .mt-s-40 {
    margin-top: 40px !important;
  }
  .mr-s-40 {
    margin-right: 40px !important;
  }
  .mb-s-40 {
    margin-bottom: 40px !important;
  }
  .ml-s-40 {
    margin-left: 40px !important;
  }
  .p-s-40 {
    padding: 40px !important;
  }
  .pt-s-40 {
    padding-top: 40px !important;
  }
  .pr-s-40 {
    padding-right: 40px !important;
  }
  .pb-s-40 {
    padding-bottom: 40px !important;
  }
  .pl-s-40 {
    padding-left: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-m-40 {
    margin: 40px !important;
  }
  .mt-m-40 {
    margin-top: 40px !important;
  }
  .mr-m-40 {
    margin-right: 40px !important;
  }
  .mb-m-40 {
    margin-bottom: 40px !important;
  }
  .ml-m-40 {
    margin-left: 40px !important;
  }
  .p-m-40 {
    padding: 40px !important;
  }
  .pt-m-40 {
    padding-top: 40px !important;
  }
  .pr-m-40 {
    padding-right: 40px !important;
  }
  .pb-m-40 {
    padding-bottom: 40px !important;
  }
  .pl-m-40 {
    padding-left: 40px !important;
  }
}
@media screen and (max-width: 992px) {
  .m-l-40 {
    margin: 40px !important;
  }
  .mt-l-40 {
    margin-top: 40px !important;
  }
  .mr-l-40 {
    margin-right: 40px !important;
  }
  .mb-l-40 {
    margin-bottom: 40px !important;
  }
  .ml-l-40 {
    margin-left: 40px !important;
  }
  .p-l-40 {
    padding: 40px !important;
  }
  .pt-l-40 {
    padding-top: 40px !important;
  }
  .pr-l-40 {
    padding-right: 40px !important;
  }
  .pb-l-40 {
    padding-bottom: 40px !important;
  }
  .pl-l-40 {
    padding-left: 40px !important;
  }
}
.m-50 {
  margin: 50px;
}

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

.mr-50 {
  margin-right: 50px;
}

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

.ml-50 {
  margin-left: 50px;
}

.m-50-important {
  margin: 50px !important;
}

.mt-50-important {
  margin-top: 50px !important;
}

.mr-50-important {
  margin-right: 50px !important;
}

.mb-50-important {
  margin-bottom: 50px !important;
}

.ml-50-important {
  margin-left: 50px !important;
}

.m-n-50 {
  margin: -50px;
}

.mt-n-50 {
  margin-top: -50px;
}

.mr-n-50 {
  margin-right: -50px;
}

.mb-n-50 {
  margin-bottom: -50px;
}

.ml-n-50 {
  margin-left: -50px;
}

.p-50 {
  padding: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-50 {
  padding-left: 50px;
}

@media screen and (max-width: 576px) {
  .m-s-50 {
    margin: 50px !important;
  }
  .mt-s-50 {
    margin-top: 50px !important;
  }
  .mr-s-50 {
    margin-right: 50px !important;
  }
  .mb-s-50 {
    margin-bottom: 50px !important;
  }
  .ml-s-50 {
    margin-left: 50px !important;
  }
  .p-s-50 {
    padding: 50px !important;
  }
  .pt-s-50 {
    padding-top: 50px !important;
  }
  .pr-s-50 {
    padding-right: 50px !important;
  }
  .pb-s-50 {
    padding-bottom: 50px !important;
  }
  .pl-s-50 {
    padding-left: 50px !important;
  }
}
@media screen and (max-width: 768px) {
  .m-m-50 {
    margin: 50px !important;
  }
  .mt-m-50 {
    margin-top: 50px !important;
  }
  .mr-m-50 {
    margin-right: 50px !important;
  }
  .mb-m-50 {
    margin-bottom: 50px !important;
  }
  .ml-m-50 {
    margin-left: 50px !important;
  }
  .p-m-50 {
    padding: 50px !important;
  }
  .pt-m-50 {
    padding-top: 50px !important;
  }
  .pr-m-50 {
    padding-right: 50px !important;
  }
  .pb-m-50 {
    padding-bottom: 50px !important;
  }
  .pl-m-50 {
    padding-left: 50px !important;
  }
}
@media screen and (max-width: 992px) {
  .m-l-50 {
    margin: 50px !important;
  }
  .mt-l-50 {
    margin-top: 50px !important;
  }
  .mr-l-50 {
    margin-right: 50px !important;
  }
  .mb-l-50 {
    margin-bottom: 50px !important;
  }
  .ml-l-50 {
    margin-left: 50px !important;
  }
  .p-l-50 {
    padding: 50px !important;
  }
  .pt-l-50 {
    padding-top: 50px !important;
  }
  .pr-l-50 {
    padding-right: 50px !important;
  }
  .pb-l-50 {
    padding-bottom: 50px !important;
  }
  .pl-l-50 {
    padding-left: 50px !important;
  }
}
.z-index-0 {
  z-index: 0;
}

.z-index-2 {
  z-index: 2;
}

.z-index-5 {
  z-index: 5;
}

.z-index-10 {
  z-index: 10;
}

.z-index-20 {
  z-index: 20;
}

.z-index-25 {
  z-index: 25;
}

.z-index-30 {
  z-index: 30;
}

.z-index-40 {
  z-index: 40;
}

.z-index-50 {
  z-index: 50;
}

.z-index-500 {
  z-index: 500;
}

.z-index-1000 {
  z-index: 1000;
}

.scroll-hidden-content-100 {
  position: relative;
  overflow-y: scroll;
  max-height: 100px;
}
.scroll-hidden-content-100:after {
  content: "";
  position: sticky;
  display: block;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to top, white, transparent);
}

.scroll-hidden-content-200 {
  position: relative;
  overflow-y: scroll;
  max-height: 200px;
}
.scroll-hidden-content-200:after {
  content: "";
  position: sticky;
  display: block;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to top, white, transparent);
}

.scroll-hidden-content-300 {
  position: relative;
  overflow-y: scroll;
  max-height: 300px;
}
.scroll-hidden-content-300:after {
  content: "";
  position: sticky;
  display: block;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to top, white, transparent);
}

.scroll-hidden-content-400 {
  position: relative;
  overflow-y: scroll;
  max-height: 400px;
}
.scroll-hidden-content-400:after {
  content: "";
  position: sticky;
  display: block;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to top, white, transparent);
}

.scroll-hidden-content-500 {
  position: relative;
  overflow-y: scroll;
  max-height: 500px;
}
.scroll-hidden-content-500:after {
  content: "";
  position: sticky;
  display: block;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to top, white, transparent);
}

.scroll-hidden-content-600 {
  position: relative;
  overflow-y: scroll;
  max-height: 600px;
}
.scroll-hidden-content-600:after {
  content: "";
  position: sticky;
  display: block;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to top, white, transparent);
}

.scroll-hidden-content-700 {
  position: relative;
  overflow-y: scroll;
  max-height: 700px;
}
.scroll-hidden-content-700:after {
  content: "";
  position: sticky;
  display: block;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to top, white, transparent);
}

.scroll-hidden-content-800 {
  position: relative;
  overflow-y: scroll;
  max-height: 800px;
}
.scroll-hidden-content-800:after {
  content: "";
  position: sticky;
  display: block;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to top, white, transparent);
}

/**
FIX LOGIN LAYOUT ERRORS DISPLAYING
 */
.invalid-feedback {
  display: block !important;
}

span.ins {
  background-color: rgba(46, 160, 67, 0.55);
  color: white;
}
span.del {
  background-color: rgba(218, 54, 51, 0.5);
  color: white;
}

form[name=candidate_form] {
  width: 100%;
  padding: 30px;
}

.icon-checkbox-widget {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0;
}
.icon-checkbox-widget input {
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
}
.icon-checkbox-widget span.label {
  margin-left: 5px;
}

div.preview-container > iframe {
  width: 100%;
  height: 400px;
}
div.preview-container .preview-actions-container {
  border: 2px solid #e7e7e7;
  height: 100%;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center;
  align-items: center;
  justify-content: center;
}
div[data-trigger=file-manager-tree], div[data-trigger-file-manager-tree] {
  display: none;
}
div[data-trigger=file-manager-tree].jstree, div[data-trigger-file-manager-tree].jstree {
  display: block;
}
div[data-trigger=file-manager-tree] > ul, div[data-trigger-file-manager-tree] > ul {
  overflow-y: auto;
}
div[data-trigger=file-manager-tree] > ul li a[data-active], div[data-trigger-file-manager-tree] > ul li a[data-active] {
  font-weight: bold;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple, .select2-container--default.select2-container--disabled .select2-selection--single {
  border: 1px solid #e2e5ec;
}

form .select2-selection__rendered {
  min-height: 36px;
}

/**
SELECT2 SELECT ALL CHECKBOX
 */
label.select2-select-all-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid #e2e5ec;
  cursor: pointer;
  font-weight: 500;
  color: #495057;
  background-color: #f8f9fa;
  transition: background-color 0.15s ease-in-out;
}
label.select2-select-all-label:hover {
  background-color: #e9ecef;
}
label.select2-select-all-label input[type=checkbox] {
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin: 0;
}

*[data-data-filter] .select2.select2-container--default {
  width: inherit;
  max-width: 130px;
}
*[data-data-filter] input[type=date].form-control, *[data-data-filter] input[type=datetime-local].form-control, *[data-data-filter] input[type=month].form-control, *[data-data-filter] input[type=time].form-control {
  font-size: 10px;
}

.input-group.select .select2-selection {
  border-radius: 4px 0 0 4px;
  height: 100%;
}

iframe img {
  max-width: 100%;
}

.canvas-container {
  display: flex;
  flex-direction: column;
  height: 600px;
  max-height: 600px;
  overflow: scroll;
}
.canvas-container .pdf-canvas-container {
  flex: 1;
  background: #eee;
  pointer-events: none;
}
.canvas-container .pdf-canvas-container .pdfjsdist-canvas {
  width: 90%;
  margin: 50px auto 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.canvas-container .pdf-canvas-container .pdfjsdist-canvas > div {
  text-align: center;
  max-width: 100%;
}
.canvas-container .pdf-canvas-container .pdfjsdist-canvas > div canvas {
  width: 100%;
  box-shadow: 0 2px 5px gray;
}

.quick-search-form img {
  max-height: 80px;
}
.quick-search-form > div:nth-child(2) {
  display: flex;
}
.quick-search-form > div:nth-child(2) input {
  margin: auto;
}

[data-trigger=croppie], [data-trigger-croppie] {
  width: 300px;
  height: 300px;
  margin: 0 auto;
}

.fc-unthemed td.fc-widget-content.fc-today {
  background-color: rgba(0, 0, 0, 0.1215686275) !important;
}
.fc-unthemed td.fc-widget-content.fc-public-holiday {
  background-color: #f7f7c9 !important;
}
.fc-unthemed .fc-event.fc-other-month {
  opacity: 0.5 !important;
}
.fc-unthemed .fc-event.fc-not-allowed {
  cursor: not-allowed !important;
}
.fc-unthemed .fc-event .fc-title, .fc-unthemed .fc-event-dot .fc-title {
  color: inherit;
}

.fc-status-pending {
  border-style: dashed !important;
  border-color: darkgrey !important;
  opacity: 0.5 !important;
}
.fc-status-pending .fc-content:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f253" !important;
  height: 0 !important;
  width: 0 !important;
}

.fc-time-area .fc-timeline-event.fc-status-pending .fc-title-wrap:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f253" !important;
  position: absolute;
  right: 0;
  padding-left: 5px;
}
.fc-time-area .fc-timeline-event .fc-title {
  padding: 5px;
}
.fc-time-area .fc-timeline-event .fc-cell-text {
  display: flex !important;
}
.fc-time-area .fc-bgevent {
  opacity: 0.1;
}

@media screen and (max-width: 1200px) {
  .fc-resource-area {
    width: 220px !important;
  }
}
input[data-trigger-totp-code], input[data-trigger-two-factor-code] {
  text-align: center;
  letter-spacing: 4px;
}

.cke_notifications_area {
  display: none !important;
}

.datatable-list-badge-wrapper {
  width: 100%;
  max-width: var(--list-max-width);
}

.datatable-list-badge {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -1px;
}
.datatable-list-badge > * {
  margin: 1px;
}
.datatable-list-badge .kt-badge {
  display: block;
}

:root {
  --primary: #e9514c;
  --primary-contrasting: white;
  --primary-light: #f4a9a7;
  --secondary: #131558;
  --secondary-contrasting: white;
  --secondary-light: #2529ac;
  --secondary-dark: #0a0b2e;
  --warning: #f18628;
  --warning-hover: #d86c0e;
  --warning-light: #f7bc88;
  --warning-contrasting: white;
  --danger: #c81d45;
  --danger-contrasting: white;
  --danger-light: #e86382;
  --danger-hover: #9b1736;
  --success: #4CAF50;
  --success-contrasting: white;
  --success-hover: #3d8b40;
  --success-light: #92cf94;
  --info: #75c1ea;
  --info-light: #cee9f7;
  --info-contrasting: white;
  --header: #c8cad5;
  --header-hover: #D73832;
  --header-background-hover: rgba(77, 89, 149, 0.06);
  --sidebar: #74788d;
  --sidebar-icon: #74788d;
  --sidebar-active-background: rgba(77, 89, 149, 0.06);
  --sidebar-hover-background: rgba(77, 89, 149, 0.06);
  --nav-aside-section: rgba(255, 255, 255, 0.55);
  --nav-aside: white;
  --nav-aside-background: #131558;
  --nav-aside-active-background: #0a0b2e;
  --nav-aside-active: white;
  --nav-aside-hover-background: #0a0b2e;
  --nav-aside-hover: white;
  --nav-aside-dark: rgba(255, 255, 255, 0.55);
  --notification-text: #616162;
  --topbar-text: #595d6e;
  --portlet-title: #595d6e;
  --brand: #D73832;
  --brand-contrasting: white;
  --brand-light: #e88b87;
  --brand-hover: #b32823;
  --grey: #e5e5e5;
  --btn-transparent-hover-background: rgba(77, 89, 149, 0.06);
  --global-background-color: #f2f3f8;
  --portlet-background-color: #fff;
  --portlet-border-color: #ebedf2;
  --portlet-border-radius: 4px;
  --chat-max-height: 400px;
  --badge-border-radius: 4px;
}

body {
  background: var(--global-background-color);
}

:root {
  --primary: #e9514c;
  --primary-contrasting: white;
  --primary-light: #f4a9a7;
  --secondary: #131558;
  --secondary-contrasting: white;
  --secondary-light: #2529ac;
  --secondary-dark: #0a0b2e;
  --warning: #f18628;
  --warning-hover: #d86c0e;
  --warning-light: #f7bc88;
  --warning-contrasting: white;
  --danger: #c81d45;
  --danger-contrasting: white;
  --danger-light: #e86382;
  --danger-hover: #9b1736;
  --success: #4CAF50;
  --success-contrasting: white;
  --success-hover: #3d8b40;
  --success-light: #92cf94;
  --info: #75c1ea;
  --info-light: #cee9f7;
  --info-contrasting: white;
  --header: #c8cad5;
  --header-hover: #D73832;
  --header-background-hover: rgba(77, 89, 149, 0.06);
  --sidebar: #74788d;
  --sidebar-icon: #74788d;
  --sidebar-active-background: rgba(77, 89, 149, 0.06);
  --sidebar-hover-background: rgba(77, 89, 149, 0.06);
  --nav-aside-section: rgba(255, 255, 255, 0.55);
  --nav-aside: white;
  --nav-aside-background: #131558;
  --nav-aside-active-background: #0a0b2e;
  --nav-aside-active: white;
  --nav-aside-hover-background: #0a0b2e;
  --nav-aside-hover: white;
  --nav-aside-dark: rgba(255, 255, 255, 0.55);
  --notification-text: #616162;
  --topbar-text: #595d6e;
  --portlet-title: #595d6e;
  --brand: #D73832;
  --brand-contrasting: white;
  --brand-light: #e88b87;
  --brand-hover: #b32823;
  --grey: #e5e5e5;
  --btn-transparent-hover-background: rgba(77, 89, 149, 0.06);
  --global-background-color: #f2f3f8;
  --portlet-background-color: #fff;
  --portlet-border-color: #ebedf2;
  --portlet-border-radius: 4px;
  --chat-max-height: 400px;
  --badge-border-radius: 4px;
}

/**
Truncate text dynamically with media queries.
Example : .text-ellipsis-s-200 to truncate the text from screen size "S" and display only 200px of width with "..."
Example : .text-ellipsis-m-600
**/
@media screen and (max-width: 400px) {
  .text-ellipsis-xxs-50 {
    display: inline-block;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 500px) {
  .text-ellipsis-xs-50 {
    display: inline-block;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 600px) {
  .text-ellipsis-s-50 {
    display: inline-block;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 800px) {
  .text-ellipsis-m-50 {
    display: inline-block;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1000px) {
  .text-ellipsis-l-50 {
    display: inline-block;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 400px) {
  .text-ellipsis-xxs-100 {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 500px) {
  .text-ellipsis-xs-100 {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 600px) {
  .text-ellipsis-s-100 {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 800px) {
  .text-ellipsis-m-100 {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1000px) {
  .text-ellipsis-l-100 {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 400px) {
  .text-ellipsis-xxs-125 {
    display: inline-block;
    width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 500px) {
  .text-ellipsis-xs-125 {
    display: inline-block;
    width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 600px) {
  .text-ellipsis-s-125 {
    display: inline-block;
    width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 800px) {
  .text-ellipsis-m-125 {
    display: inline-block;
    width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1000px) {
  .text-ellipsis-l-125 {
    display: inline-block;
    width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 400px) {
  .text-ellipsis-xxs-150 {
    display: inline-block;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 500px) {
  .text-ellipsis-xs-150 {
    display: inline-block;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 600px) {
  .text-ellipsis-s-150 {
    display: inline-block;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 800px) {
  .text-ellipsis-m-150 {
    display: inline-block;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1000px) {
  .text-ellipsis-l-150 {
    display: inline-block;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 400px) {
  .text-ellipsis-xxs-175 {
    display: inline-block;
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 500px) {
  .text-ellipsis-xs-175 {
    display: inline-block;
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 600px) {
  .text-ellipsis-s-175 {
    display: inline-block;
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 800px) {
  .text-ellipsis-m-175 {
    display: inline-block;
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1000px) {
  .text-ellipsis-l-175 {
    display: inline-block;
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 400px) {
  .text-ellipsis-xxs-200 {
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 500px) {
  .text-ellipsis-xs-200 {
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 600px) {
  .text-ellipsis-s-200 {
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 800px) {
  .text-ellipsis-m-200 {
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1000px) {
  .text-ellipsis-l-200 {
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 400px) {
  .text-ellipsis-xxs-300 {
    display: inline-block;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 500px) {
  .text-ellipsis-xs-300 {
    display: inline-block;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 600px) {
  .text-ellipsis-s-300 {
    display: inline-block;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 800px) {
  .text-ellipsis-m-300 {
    display: inline-block;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1000px) {
  .text-ellipsis-l-300 {
    display: inline-block;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 400px) {
  .text-ellipsis-xxs-400 {
    display: inline-block;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 500px) {
  .text-ellipsis-xs-400 {
    display: inline-block;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 600px) {
  .text-ellipsis-s-400 {
    display: inline-block;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 800px) {
  .text-ellipsis-m-400 {
    display: inline-block;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1000px) {
  .text-ellipsis-l-400 {
    display: inline-block;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 400px) {
  .text-ellipsis-xxs-500 {
    display: inline-block;
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 500px) {
  .text-ellipsis-xs-500 {
    display: inline-block;
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 600px) {
  .text-ellipsis-s-500 {
    display: inline-block;
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 800px) {
  .text-ellipsis-m-500 {
    display: inline-block;
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1000px) {
  .text-ellipsis-l-500 {
    display: inline-block;
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.form-control:focus {
  border-color: var(--brand);
}

input:autofill, input:-webkit-autofill, input:-webkit-autofill:focus {
  background-color: var(--brand-light) !important;
}

label.required:not(.custom-file-label):after {
  content: "*";
  position: relative;
  color: var(--danger);
  margin-left: 2px;
}

.empty-answer .col-form-label {
  color: #f18628 !important;
}

.form-control.is-invalid {
  border-color: var(--danger);
}

.icon-checkbox-widget input:checked ~ i {
  color: var(--brand);
}
.icon-checkbox-widget input:disabled ~ i {
  color: #c8cad5;
}
.icon-checkbox-widget input:disabled:checked ~ i {
  color: var(--brand-light);
}
.icon-checkbox-widget i {
  color: var(--grey);
}

* {
  font-family: "Barlow", HelveticaNeue, "HelveticaNeue", Helvetica, sans-serif;
}

body {
  color: var(--secondary);
}

.la, .fa, .fas {
  color: var(--secondary);
}

.pull-right {
  float: right;
}

a.text-hover-brand:hover {
  color: var(--brand) !important;
}

.text-brand {
  color: var(--brand) !important;
}

.kt-portlet.kt-widget19 {
  word-break: break-word;
}

.kt-subheader .kt-subheader__main .kt-subheader__title {
  color: var(--secondary);
}

.kt-font-brand {
  color: var(--brand) !important;
}

.kt-font-primary {
  color: var(--primary) !important;
}

.kt-font-secondary {
  color: var(--secondary) !important;
}

.kt-font-success {
  color: var(--success) !important;
}

.kt-font-info {
  color: #75c1ea !important;
}

.kt-font-warning {
  color: #f18628 !important;
}

.kt-font-danger {
  color: var(--danger) !important;
}

.alert.alert-brand, .alert.alert-outline-brand {
  border: 1px solid var(--brand);
}
.alert.alert-brand {
  background: var(--brand);
}
.alert.alert-brand i {
  font-size: 20px;
}
.alert.alert-solid-brand i {
  font-size: 20px;
}
.alert.alert-outline-brand {
  color: var(--brand);
}
.alert.alert-outline-brand .alert-text {
  color: var(--brand);
}
.alert.alert-primary, .alert.alert-outline-primary {
  border: 1px solid var(--primary);
}
.alert.alert-primary {
  background: var(--primary);
}
.alert.alert-primary i {
  font-size: 20px;
}
.alert.alert-solid-primary i {
  font-size: 20px;
}
.alert.alert-outline-primary {
  color: var(--primary);
}
.alert.alert-outline-primary .alert-text {
  color: var(--primary);
}
.alert.alert-success, .alert.alert-outline-success {
  border: 1px solid var(--success);
}
.alert.alert-success {
  background: var(--success);
}
.alert.alert-success i {
  font-size: 20px;
}
.alert.alert-solid-success i {
  font-size: 20px;
}
.alert.alert-outline-success {
  color: var(--success);
}
.alert.alert-outline-success .alert-text {
  color: var(--success);
}
.alert.alert-info, .alert.alert-outline-info {
  border: 1px solid var(--info);
}
.alert.alert-info {
  background: var(--info);
}
.alert.alert-info i {
  font-size: 20px;
}
.alert.alert-solid-info i {
  font-size: 20px;
}
.alert.alert-outline-info {
  color: var(--info);
}
.alert.alert-outline-info .alert-text {
  color: var(--info);
}
.alert.alert-warning, .alert.alert-outline-warning {
  border: 1px solid var(--warning);
}
.alert.alert-warning {
  background: var(--warning);
}
.alert.alert-warning i {
  font-size: 20px;
}
.alert.alert-solid-warning i {
  font-size: 20px;
}
.alert.alert-outline-warning {
  color: var(--warning);
}
.alert.alert-outline-warning .alert-text {
  color: var(--warning);
}
.alert.alert-danger, .alert.alert-outline-danger {
  border: 1px solid var(--danger);
}
.alert.alert-danger {
  background: var(--danger);
}
.alert.alert-danger i {
  font-size: 20px;
}
.alert.alert-solid-danger i {
  font-size: 20px;
}
.alert.alert-outline-danger {
  color: var(--danger);
}
.alert.alert-outline-danger .alert-text {
  color: var(--danger);
}
.alert.alert-solid-brand {
  border: 1px solid var(--brand-light);
}
.alert.alert-solid-brand {
  background: var(--brand-light);
}
.alert.alert-solid-primary {
  border: 1px solid var(--primary-light);
}
.alert.alert-solid-primary {
  background: var(--primary-light);
}
.alert.alert-solid-success {
  border: 1px solid var(--success-light);
}
.alert.alert-solid-success {
  background: var(--success-light);
}
.alert.alert-solid-info {
  border: 1px solid var(--info-light);
}
.alert.alert-solid-info {
  background: var(--info-light);
}
.alert.alert-solid-warning {
  border: 1px solid var(--warning-light);
}
.alert.alert-solid-warning {
  background: var(--warning-light);
}
.alert.alert-solid-danger {
  border: 1px solid var(--danger-light);
}
.alert.alert-solid-danger {
  background: var(--danger-light);
}
.alert.alert-outline-warning .alert-close i, .alert.alert-outline-warning .alert-icon i {
  color: var(--warning);
}
.alert.alert-outline-danger .alert-close i, .alert.alert-outline-danger .alert-icon i {
  color: var(--danger);
}
.alert.alert-outline-info .alert-close i, .alert.alert-outline-info .alert-icon i {
  color: var(--info);
}
.alert.alert-bottom-fixed {
  position: fixed;
  z-index: 999999;
  bottom: 0;
  left: 16%;
  right: 2%;
}
.alert .alert-text a {
  text-decoration: none;
  color: inherit;
}

.accordion .card .card-header .card-title, .accordion .card .card-header .card-title:after, .accordion .card .card-header .card-title.collapsed, .accordion .card .card-header .card-title.collapsed:after, .accordion.accordion-toggle-plus .card .card-header .card-title, .accordion.accordion-toggle-plus .card .card-header .card-title:after, .accordion.accordion-toggle-plus .card .card-header .card-title.collapsed, .accordion.accordion-toggle-plus .card .card-header .card-title.collapsed:after, .accordion.accordion-toggle-arrow .card .card-header .card-title, .accordion.accordion-toggle-arrow .card .card-header .card-title:after, .accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed, .accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed:after {
  color: var(--primary);
}

.accordion.accordion-toggle-plus .card .card-header .card-title:after {
  content: "\f107";
  font: var(--fa-font-solid);
}
.accordion.accordion-toggle-plus .card .card-header .card-title.collapsed:after {
  content: "\f106";
}
.accordion.accordion-toggle-arrow .card .card-header .card-title[aria-expanded=false]:after {
  transform: rotate(0);
}
.accordion.accordion-toggle-arrow .card .card-header .card-title[aria-expanded=true]:after {
  transform: rotate(90deg);
}
.accordion.accordion-toggle-arrow .card .card-header .card-title:after {
  content: "\f105";
  font: var(--fa-font-solid);
}
.accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed:after {
  content: "\f105";
}

.accordion.accordion-solid.accordion-solid-light-bg .card .card-header .card-title {
  background-color: #f4f4f4;
}

.kt-badge.kt-badge--primary {
  color: var(--primary-contrasting) !important;
  background: var(--primary) !important;
}
.kt-badge.kt-badge--primary .fa, .kt-badge.kt-badge--primary .fas, .kt-badge.kt-badge--primary .far, .kt-badge.kt-badge--primary .fab, .kt-badge.kt-badge--primary .fal, .kt-badge.kt-badge--primary .fad {
  color: var(--primary-contrasting) !important;
}
.kt-badge.kt-badge--unified-primary {
  color: var(--primary-contrasting) !important;
  background: var(--primary-light) !important;
}
.kt-badge.kt-badge--unified-primary .fa, .kt-badge.kt-badge--unified-primary .fas, .kt-badge.kt-badge--unified-primary .far, .kt-badge.kt-badge--unified-primary .fab, .kt-badge.kt-badge--unified-primary .fal, .kt-badge.kt-badge--unified-primary .fad {
  color: var(--primary-contrasting) !important;
}

.kt-badge.kt-badge--secondary {
  color: var(--secondary-contrasting) !important;
  background: var(--secondary) !important;
}
.kt-badge.kt-badge--secondary .fa, .kt-badge.kt-badge--secondary .fas, .kt-badge.kt-badge--secondary .far, .kt-badge.kt-badge--secondary .fab, .kt-badge.kt-badge--secondary .fal, .kt-badge.kt-badge--secondary .fad {
  color: var(--secondary-contrasting) !important;
}
.kt-badge.kt-badge--unified-secondary {
  color: var(--secondary-contrasting) !important;
  background: var(----secondary-light) !important;
}
.kt-badge.kt-badge--unified-secondary .fa, .kt-badge.kt-badge--unified-secondary .fas, .kt-badge.kt-badge--unified-secondary .far, .kt-badge.kt-badge--unified-secondary .fab, .kt-badge.kt-badge--unified-secondary .fal, .kt-badge.kt-badge--unified-secondary .fad {
  color: var(--secondary-contrasting) !important;
}

.kt-badge.kt-badge--brand {
  color: var(--brand-contrasting) !important;
  background: var(--brand) !important;
}
.kt-badge.kt-badge--brand .fa, .kt-badge.kt-badge--brand .fas, .kt-badge.kt-badge--brand .far, .kt-badge.kt-badge--brand .fab, .kt-badge.kt-badge--brand .fal, .kt-badge.kt-badge--brand .fad {
  color: var(--brand-contrasting) !important;
}
.kt-badge.kt-badge--unified-brand {
  color: var(--brand-contrasting) !important;
  background: var(--brand-light) !important;
}
.kt-badge.kt-badge--unified-brand .fa, .kt-badge.kt-badge--unified-brand .fas, .kt-badge.kt-badge--unified-brand .far, .kt-badge.kt-badge--unified-brand .fab, .kt-badge.kt-badge--unified-brand .fal, .kt-badge.kt-badge--unified-brand .fad {
  color: var(--brand-contrasting) !important;
}

.kt-badge.kt-badge--info {
  color: var(--info-contrasting) !important;
  background: var(--info) !important;
}
.kt-badge.kt-badge--info .fa, .kt-badge.kt-badge--info .fas, .kt-badge.kt-badge--info .far, .kt-badge.kt-badge--info .fab, .kt-badge.kt-badge--info .fal, .kt-badge.kt-badge--info .fad {
  color: var(--info-contrasting) !important;
}
.kt-badge.kt-badge--unified-info {
  color: var(--info-contrasting) !important;
  background: var(--info-light) !important;
}
.kt-badge.kt-badge--unified-info .fa, .kt-badge.kt-badge--unified-info .fas, .kt-badge.kt-badge--unified-info .far, .kt-badge.kt-badge--unified-info .fab, .kt-badge.kt-badge--unified-info .fal, .kt-badge.kt-badge--unified-info .fad {
  color: var(--info-contrasting) !important;
}

.kt-badge.kt-badge--success {
  color: var(--success-contrasting) !important;
  background: var(--success) !important;
}
.kt-badge.kt-badge--success .fa, .kt-badge.kt-badge--success .fas, .kt-badge.kt-badge--success .far, .kt-badge.kt-badge--success .fab, .kt-badge.kt-badge--success .fal, .kt-badge.kt-badge--success .fad {
  color: var(--success-contrasting) !important;
}
.kt-badge.kt-badge--unified-success {
  color: var(--success-contrasting) !important;
  background: var(--success-light) !important;
}
.kt-badge.kt-badge--unified-success .fa, .kt-badge.kt-badge--unified-success .fas, .kt-badge.kt-badge--unified-success .far, .kt-badge.kt-badge--unified-success .fab, .kt-badge.kt-badge--unified-success .fal, .kt-badge.kt-badge--unified-success .fad {
  color: var(--success-contrasting) !important;
}

.kt-badge.kt-badge--warning {
  color: var(--warning-contrasting) !important;
  background: var(--warning) !important;
}
.kt-badge.kt-badge--warning .fa, .kt-badge.kt-badge--warning .fas, .kt-badge.kt-badge--warning .far, .kt-badge.kt-badge--warning .fab, .kt-badge.kt-badge--warning .fal, .kt-badge.kt-badge--warning .fad {
  color: var(--warning-contrasting) !important;
}
.kt-badge.kt-badge--unified-warning {
  color: var(--warning-contrasting) !important;
  background: var(--warning-light) !important;
}
.kt-badge.kt-badge--unified-warning .fa, .kt-badge.kt-badge--unified-warning .fas, .kt-badge.kt-badge--unified-warning .far, .kt-badge.kt-badge--unified-warning .fab, .kt-badge.kt-badge--unified-warning .fal, .kt-badge.kt-badge--unified-warning .fad {
  color: var(--warning-contrasting) !important;
}

.kt-badge.kt-badge--danger {
  color: var(--danger-contrasting) !important;
  background: var(--danger) !important;
}
.kt-badge.kt-badge--danger .fa, .kt-badge.kt-badge--danger .fas, .kt-badge.kt-badge--danger .far, .kt-badge.kt-badge--danger .fab, .kt-badge.kt-badge--danger .fal, .kt-badge.kt-badge--danger .fad {
  color: var(--danger-contrasting) !important;
}
.kt-badge.kt-badge--unified-danger {
  color: var(--danger-contrasting) !important;
  background: var(--danger-light) !important;
}
.kt-badge.kt-badge--unified-danger .fa, .kt-badge.kt-badge--unified-danger .fas, .kt-badge.kt-badge--unified-danger .far, .kt-badge.kt-badge--unified-danger .fab, .kt-badge.kt-badge--unified-danger .fal, .kt-badge.kt-badge--unified-danger .fad {
  color: var(--danger-contrasting) !important;
}

.kt-badge.kt-badge--inline {
  border-radius: var(--badge-border-radius);
}

.layout-2 .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-badge {
  height: 24px;
  width: 24px;
  font-size: 0.9rem;
}

.kt-badge--warning.low {
  background: var(--warning-light) !important;
}

.kt-badge--xs {
  width: 14px;
  height: 14px;
  font-size: 0.6rem;
}

.badge-group {
  display: flex;
  gap: 0.5rem;
}
.badge-group.badge-group--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.badge-group.badge-group--vertical {
  flex-direction: column;
  align-items: flex-start;
}

.kt-callout .kt-callout__icon {
  padding-right: 20px;
}
.kt-callout .kt-callout__icon i {
  font-size: 2rem;
}

.card-without-border {
  border: 0;
}

.card-header-without-background {
  background: none;
}

.kt-login__aside {
  background-color: var(--secondary);
}
.kt-login__aside .kt-login__title, .kt-login__aside .kt-login__subtitle, .kt-login__aside .kt-login__copyright {
  color: var(--nav-aside);
}
.kt-login__aside .kt-login__title a, .kt-login__aside .kt-login__subtitle a, .kt-login__aside .kt-login__copyright a {
  color: var(--nav-aside);
}
.kt-login__aside .kt-login__title img {
  max-width: 200px;
}

#kt_login .kt-grid__item.kt-grid__item--fluid.kt-grid.kt-grid--hor {
  background-repeat: no-repeat !important;
  background-color: inherit !important;
  background-position: right !important;
  background-size: 350px !important;
}
#kt_login input {
  background-color: white;
  font-weight: bold;
}
#kt_login .kt-checkbox span {
  background-color: white;
}

.dropdown-item:active {
  background-color: var(--brand);
}

.dropdown-item-primary.active, .dropdown-item-primary:active {
  background-color: var(--primary);
}

.btn.dropdown-toggle:after, .nav-link.dropdown-toggle:after {
  content: "\f107";
  font-size: 1rem;
  font-family: "Font Awesome 6 Pro";
}

.kt-portlet {
  background-color: var(--portlet-background-color);
  border-radius: var(--portlet-border-radius);
}
.kt-portlet.kt-portlet--no-bordered {
  box-shadow: none;
  border: 0;
}
.kt-portlet.kt-portlet--no-background {
  background-color: transparent;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
.kt-portlet .kt-portlet__head {
  border-bottom: 1px solid var(--portlet-border-color);
}
.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
  color: var(--portlet-title);
}
.kt-portlet .kt-portlet__body.kt-portlet--no-padding {
  padding: 0;
}
.kt-portlet .kt-portlet__body img {
  max-width: 100%;
}
.kt-portlet.bg-transparent button {
  background-color: white;
}
.kt-portlet.kt-portlet--solid-grey {
  background: rgba(242, 242, 242, 0.9);
}
.kt-portlet.kt-portlet--tabs .kt-portlet__head .kt-portlet__head-toolbar {
  align-items: center !important;
}

.kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-text, .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link .kt-menu__link-text {
  color: var(--secondary);
}

@media screen and (max-width: 1350px) {
  .kt-header-menu.kt-header-menu--layout-default .kt-menu__nav > .kt-menu__item > .kt-menu__link {
    padding: 0.65rem 0.3rem !important;
  }
  .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon {
    width: 35px;
  }
}
.kt-menu__item .kt-menu__link .kt-badge {
  margin-right: 7px;
}
.kt-menu__item .kt-menu__link-text .kt-badge {
  margin-left: 3px;
}

.kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link,
.kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link,
.kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link {
  background-color: var(--header-background-hover);
}

.kt-header .kt-header__topbar .kt-header__topbar-item.show.kt-header__topbar-item--user .kt-header__topbar-user,
.kt-header .kt-header__topbar .kt-header__topbar-item:hover.kt-header__topbar-item--user .kt-header__topbar-user {
  background-color: var(--header-background-hover);
}

body.layout-1 .kt-aside-menu-wrapper {
  overflow-y: auto;
}
body.layout-1 .kt-header {
  background-color: #fff;
}
body.layout-1 .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
  color: var(--secondary);
}
body.layout-1 .kt-header .kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon, body.layout-1 .kt-header .kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon {
  background-color: var(--header-background-hover);
}
body.layout-1 .kt-header .kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon i, body.layout-1 .kt-header .kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon i {
  color: var(--header-hover);
}
body.layout-1 .kt-header .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-icon i {
  color: var(--header);
}
body.layout-1 .kt-header .kt-header__topbar .kt-head,
body.layout-1 .kt-header .kt-header__topbar .kt-user-card {
  background-color: var(--brand);
  color: white;
}
body.layout-1 .kt-header-menu .kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text, body.layout-1 .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text {
  color: var(--secondary);
}
body.layout-1 .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon,
body.layout-1 .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-text {
  color: var(--secondary);
}
body.layout-1 .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-icon,
body.layout-1 .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text, body.layout-1 .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-icon,
body.layout-1 .kt-header-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu > .kt-menu__subnav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-text {
  color: var(--secondary);
}
body.layout-1 .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
  color: var(--secondary);
}
body.layout-2 .kt-header__topbar .kt-head, body.layout-2 .kt-header__topbar .kt-user-card {
  background-color: var(--brand);
}
body.layout-2 .kt-header {
  background-color: var(--secondary);
}
body.layout-2 .kt-header .kt-header__bottom {
  background-color: var(--nav-aside-background);
}
body.layout-2 .kt-footer .kt-footer__bottom {
  background-color: var(--nav-aside-background);
}

.kt-menu__item.kt-menu__item--submenu.kt-menu__item--open [data-hide-when-open] {
  display: none;
}

.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link > i.divider {
  padding-left: 12px;
}

.nav-tabs.nav-tabs-line a.nav-link.active,
.nav-tabs.nav-tabs-line a.nav-link:hover, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover {
  border-bottom: 1px solid var(--brand);
}

.nav-pills .nav-item .nav-link {
  color: #fff;
}
.nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link:hover, .nav-pills .nav-item .nav-link:active {
  background-color: var(--brand) !important;
  color: #fff;
}

.nav-tabs .nav-item .nav-link {
  color: var(--secondary);
}

.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link:active,
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link:hover > i,
.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active > i {
  color: var(--brand) !important;
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-home:hover > i {
  color: var(--brand);
}
.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link:hover {
  color: var(--secondary);
}
.kt-subheader .kt-subheader__btn-secondary.active, .kt-subheader .kt-subheader__btn-secondary:active, .kt-subheader .kt-subheader__btn-secondary:focus, .kt-subheader .kt-subheader__btn-secondary:hover {
  color: var(--brand);
}

.kt-subheader__wrapper .button-list-nav .btn-icon:not(:hover):not(.current) {
  background-color: transparent;
}
.kt-subheader__wrapper .button-list-nav .btn-icon:hover {
  background-color: #f2f3f7;
}
.kt-subheader__wrapper .button-list-nav .btn-icon:hover i {
  color: #959cb6;
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__title {
  color: #595d6e !important;
}
.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__title:first-child {
  margin-top: 0;
}
.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__sub-title {
  color: #595d6e !important;
}
.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__icon {
  color: #595d6e !important;
}
.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item.active .kt-grid-nav__title, .kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item.active .kt-grid-nav__sub-title, .kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item.active .kt-grid-nav__icon {
  color: var(--brand) !important;
}
.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-show-next-arrow-icon {
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: white;
  background-color: var(--brand);
  right: -9px;
  top: 50%;
  border-radius: 100%;
  transform: translateY(-50%);
}

.kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item.active {
  background: #f7f8fa;
}

.icon-position-start {
  padding-right: 0.5rem;
}

.icon-position-end {
  padding-left: 0.5rem;
  padding-right: 0 !important;
}

.bg-warning {
  background-color: #f18628 !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.bg-info {
  background-color: #75c1ea !important;
}

a {
  color: var(--brand);
}
a:hover {
  color: var(--brand-hover);
  text-decoration: underline;
}

.kt-widget31 .kt-widget31__item .kt-widget31__content .kt-widget31__info .kt-widget31__username {
  color: var(--brand);
}
.kt-widget31 .kt-widget31__item .kt-widget31__content .kt-widget31__info .kt-widget31__username:hover {
  color: var(--brand-hover);
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot {
  color: var(--brand);
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot:hover {
  color: var(--brand-hover);
}

.kt-chat .kt-chat__messages .kt-chat__message.kt-chat__message--right .kt-chat__text {
  padding: 1.1rem;
}
.kt-chat .kt-scroll--pull {
  max-height: var(--chat-max-height);
}

.fc-unthemed .fc-list-item-title > a[href]:hover {
  color: white;
  text-decoration: none;
}

.kt-searchbar .kt-input-icon .select2-container {
  width: 100% !important;
}
.kt-searchbar .kt-input-icon .select2-selection {
  border: none;
  background-color: #f2f3f7;
  height: 3rem;
}

.fc-unthemed .fc-toolbar .fc-button.fc-button-active, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button:focus {
  background: var(--brand);
  border: 1px solid var(--brand);
}

.kt-quick-panel .kt-quick-panel__close:hover {
  background-color: var(--brand);
}

.kt-chat__message .kt-media.kt-media--sm .img {
  height: 30px;
  width: 30px;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}

.kt-chat__editor {
  background-color: rgb(242, 243, 248);
}

.kt-sc-faq-2 .kt-sc__top .kt-sc__content .kt-sc__title {
  color: white !important;
  text-shadow: 0 2px 3px #434343;
}

.preview-container {
  width: 100%;
}

@media (min-width: 1024px) {
  .preview-container,
  .preview-container iframe {
    min-height: calc(100vh - 350px) !important;
  }
}
.dashboard-input-container .input-group {
  background-color: #f2f3f7;
  color: var(--sidebar);
  border-radius: 4px;
}
.dashboard-input-container .input-group button,
.dashboard-input-container .input-group input,
.dashboard-input-container .input-group select,
.dashboard-input-container .input-group .btn {
  border: none;
  background-color: transparent;
  padding-right: 15px;
}
.dashboard-input-container .input-group button,
.dashboard-input-container .input-group .btn {
  padding-right: 15px;
  padding-left: 15px;
}
.dashboard-input-container .input-group input,
.dashboard-input-container .input-group select {
  padding-left: 25px !important;
}
.dashboard-input-container .input-group button:active,
.dashboard-input-container .input-group button:visited {
  border: none !important;
  box-shadow: none !important;
}
.dashboard-input-container .input-group .select2-selection {
  border: none;
}
.dashboard-input-container .input-group .select2-selection .select2-selection__rendered {
  background-color: #f2f3f7;
  padding-left: 25px;
  border-radius: 4px;
  height: 38px;
}

.custom-file-label {
  text-align: left !important;
}

/*embed error pages*/
.embed-error-container h1 {
  font-size: 100px;
}
.embed-error-container h1 i {
  color: inherit;
}
.embed-error-container h2 {
  font-size: 35px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: #707070;
}
.embed-error-container p {
  font-size: 18px;
  margin: 0 0 10px;
  color: #707070;
}
.embed-error-container .or-span {
  font-weight: bold;
}
.embed-error-container .actions {
  margin: 25px 0 35px;
}

.kt-quick-search__close:hover {
  color: var(--brand) !important;
}

a.btn.btn-label-brand.active,
a.btn.btn-label-brand:focus,
a.btn.btn-label-brand:hover,
button.btn.btn-label-brand.active,
button.btn.btn-label-brand:focus,
button.btn.btn-label-brand:hover,
input.btn.btn-label-brand.active,
input.btn.btn-label-brand:focus,
input.btn.btn-label-brand:hover,
label.btn.btn-label-brand.active,
label.btn.btn-label-brand:focus,
label.btn.btn-label-brand:hover {
  background-color: var(--brand-hover);
}

.btn-brand.focus, .btn-brand:focus {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}

.btn i {
  color: white;
}
.btn.btn-icon-left [class*=" fa-"], .btn.btn-icon-left [class^=fa-] {
  font-size: 1rem;
  padding-right: 12px;
}
.btn.btn-wide {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}
.btn.btn-secondary i {
  color: #a5a7ac;
}
.btn.btn-primary {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active {
  background-color: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
}
.btn.btn-primary:disabled, .btn.btn-primary.disabled {
  opacity: 0.3;
}
.btn.btn-danger {
  background-color: var(--danger);
  border-color: var(--danger);
}
.btn.btn-danger:hover {
  background-color: var(--danger-hover);
  border-color: var(--danger-hover);
}
.btn.btn-success {
  background-color: var(--success);
  border-color: var(--success);
}
.btn.btn-success:hover, .btn.btn-success:not(:disabled):not(.disabled):active {
  background-color: var(--success-hover);
  border-color: var(--success-hover);
}
.btn.btn-success:disabled, .btn.btn-success.disabled {
  opacity: 0.3;
}
.btn.btn-label-brand {
  background-color: var(--brand);
  color: white;
}
.btn.btn-clean i {
  color: var(--brand);
}
.btn.btn-clean.active, .btn.btn-clean:active, .btn.btn-clean:hover {
  color: var(--brand-hover);
  background: var(--btn-transparent-hover-background);
}
.btn.btn-clean.active i, .btn.btn-clean:active i, .btn.btn-clean:hover i {
  color: var(--brand-hover);
}
.btn.btn-clean.current {
  background: var(--btn-transparent-hover-background);
}
.btn.btn-clean.btn-font-warning i {
  color: var(--warning);
}
.btn.btn-clean.btn-font-warning.active, .btn.btn-clean.btn-font-warning:active, .btn.btn-clean.btn-font-warning:hover {
  color: var(--warning-hover);
}
.btn.btn-clean.btn-font-warning.active i, .btn.btn-clean.btn-font-warning:active i, .btn.btn-clean.btn-font-warning:hover i {
  color: var(--warning-hover);
}
.btn.btn-clean.btn-font-danger i {
  color: var(--danger);
}
.btn.btn-clean.btn-font-danger.active, .btn.btn-clean.btn-font-danger:active, .btn.btn-clean.btn-font-danger:hover {
  color: var(--danger-hover);
}
.btn.btn-clean.btn-font-danger.active i, .btn.btn-clean.btn-font-danger:active i, .btn.btn-clean.btn-font-danger:hover i {
  color: var(--danger-hover);
}
.btn.disabled[data-toggle-tooltip], .btn [disabled][data-toggle-tooltip] {
  pointer-events: initial;
}
.btn.btn-outline-primary {
  border-color: var(--brand);
  color: var(--brand);
}
.btn.btn-outline-primary.active, .btn.btn-outline-primary:active, .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: var(--brand-hover);
  border-color: var(--brand-hover);
  color: white;
}
.btn.btn-outline-primary.active i, .btn.btn-outline-primary:active i, .btn.btn-outline-primary:hover i, .btn.btn-outline-primary:focus i, .btn.btn-outline-primary:not(:disabled):not(.disabled):active i {
  color: white;
}
.btn.btn-outline-warning {
  border-color: var(--warning);
  color: var(--warning);
}
.btn.btn-outline-warning.active, .btn.btn-outline-warning:active, .btn.btn-outline-warning:hover {
  background-color: var(--warning-hover);
  border-color: var(--warning-hover);
  color: white;
}
.btn.btn-outline-warning.active i, .btn.btn-outline-warning:active i, .btn.btn-outline-warning:hover i {
  color: white;
}
.btn.btn-outline-danger {
  border-color: var(--danger);
  color: var(--danger);
}
.btn.btn-outline-danger.active, .btn.btn-outline-danger:active, .btn.btn-outline-danger:hover {
  background-color: var(--danger-hover);
  border-color: var(--danger-hover);
  color: white;
}
.btn.btn-outline-danger.active i, .btn.btn-outline-danger:active i, .btn.btn-outline-danger:hover i {
  color: white;
}

.btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:hover, .show > .btn.btn-default {
  background: var(--brand);
  border-color: var(--brand);
}
.btn.btn-default i {
  color: var(--brand);
}

.btn-brand, .btn-brand:hover {
  background-color: var(--brand);
  border-color: var(--brand);
}
.btn-brand:hover, .btn-brand:not(:disabled):not(.disabled):active, .btn-brand:hover:hover, .btn-brand:hover:not(:disabled):not(.disabled):active {
  background-color: var(--brand-hover);
  border-color: var(--brand-hover);
}

.show > .btn.btn-clean {
  color: var(--secondary);
  background: rgba(77, 89, 149, 0.06);
}
.show > .btn.btn-clean i {
  color: var(--secondary);
}

.kt-subheader .kt-subheader__btn-primary.active, .kt-subheader .kt-subheader__btn-primary:active, .kt-subheader .kt-subheader__btn-primary:focus, .kt-subheader .kt-subheader__btn-primary:hover {
  background: var(--primary);
}

.btn.btn-icon {
  position: relative;
}
.btn.btn-icon .kt-badge {
  position: absolute;
  right: 0;
  top: 0;
}

.kt-header-mobile {
  background-color: var(--secondary);
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span {
  background: rgba(255, 255, 255, 0.55);
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span::after, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span::before {
  background: rgba(255, 255, 255, 0.55);
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler:hover span {
  background: white;
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler:hover span::after, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler:hover span::before {
  background: white;
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__topbar-toggler i {
  color: white;
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__topbar-toggler.kt-header-mobile__toolbar-topbar-toggler--active i, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__topbar-toggler:hover i {
  color: white;
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span {
  background: var(--nav-aside-active);
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span:before, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler:hover span:after {
  background: var(--nav-aside-active);
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler i {
  color: var(--nav-aside-active);
}
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler.kt-header-mobile__toolbar-topbar-toggler--active i, .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler:hover i {
  color: var(--nav-aside-active);
}

.kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon {
  background-color: var(--secondary-dark);
}
.kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon {
  background-color: var(--secondary-dark);
}
.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-user .kt-header__topbar-username {
  color: var(--topbar-text);
}

.kt-nav .kt-nav__item.active > .kt-nav__link .kt-nav__link-arrow,
.kt-nav .kt-nav__item.active > .kt-nav__link .kt-nav__link-icon,
.kt-nav .kt-nav__item.active > .kt-nav__link .kt-nav__link-text,
.kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-arrow,
.kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-icon,
.kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-text,
.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-arrow,
.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text {
  color: var(--brand);
}

.kt-nav__link-icon {
  color: var(--secondary);
}

@media (max-width: 1024px) {
  .kt-header__topbar {
    background-color: var(--secondary-light);
  }
  .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user {
    flex-shrink: 0;
  }
  .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-user .kt-header__topbar-username {
    color: var(--topbar-text);
  }
  .kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-user img {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
  }
}
.kt-aside, .kt-aside__brand {
  background-color: var(--nav-aside-background);
}

.kt-aside-close {
  background-color: transparent !important;
}

@media (max-width: 1024px) {
  .kt-aside-close > i {
    color: var(--nav-aside);
  }
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link {
  background-color: var(--nav-aside-active-background);
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__link .kt-badge {
  margin-right: 7px;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__link-text .kt-badge {
  margin-left: 5px;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__ver-arrow, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__ver-arrow {
  color: var(--nav-aside);
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading .kt-menu__link-icon,
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-icon {
  color: var(--nav-aside);
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__subnav > .kt-menu__item > .kt-menu__link {
  padding: 7px 10px 7px 45px;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link .kt-menu__link-text {
  color: var(--nav-aside);
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot > span, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot > span {
  background-color: var(--nav-aside-dark);
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot > span, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot > span {
  background-color: var(--nav-aside);
}
.kt-aside-menu .kt-menu__nav .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link {
  background-color: var(--nav-aside-hover-background);
}
.kt-aside-menu .kt-menu__nav .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-icon > span, .kt-aside-menu .kt-menu__nav .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-bullet--dot > span {
  color: var(--nav-aside-hover);
}
.kt-aside-menu .kt-menu__nav .kt-menu__item > .kt-menu__link {
  transition: background-color 0.5s ease;
}
.kt-aside-menu .kt-menu__nav .kt-menu__item > .kt-menu__link .kt-menu__link-text {
  color: var(--nav-aside);
}
.kt-aside-menu .kt-menu__nav .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
  color: var(--nav-aside-dark);
}
.kt-aside-menu .kt-menu__nav .kt-menu__item.kt-menu__item--active > .kt-menu__heading, .kt-aside-menu .kt-menu__nav .kt-menu__item.kt-menu__item--active > .kt-menu__link, .kt-aside-menu .kt-menu__nav .kt-menu__item .kt-menu__item--active > .kt-menu__heading, .kt-aside-menu .kt-menu__nav .kt-menu__item .kt-menu__item--active > .kt-menu__link {
  background-color: var(--nav-aside-hover-background);
}
.kt-aside-menu .kt-menu__nav .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav .kt-menu__item .kt-menu__item--active > .kt-menu__link .kt-menu__link-icon {
  color: var(--nav-aside-active);
}
.kt-aside-menu .kt-menu__nav .kt-menu__section .kt-menu__section-text {
  color: var(--nav-aside-section);
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active > .kt-menu__heading .kt-menu__link-bullet.kt-menu__link-bullet--dot > span,
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-bullet.kt-menu__link-bullet--dot > span {
  background-color: var(--nav-aside);
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading,
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
  min-height: initial;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__heading,
.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link {
  min-height: 30px;
}

.kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link > .kt-menu__link-icon {
  color: var(--nav-aside);
  opacity: 0.6;
}

@media (min-width: 1025px) {
  .kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link > .kt-menu__link-icon, .kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link > .kt-menu__link-icon {
    color: var(--nav-aside);
  }
  .kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link > .kt-menu__link-icon {
    color: var(--nav-aside) !important;
  }
}
body.layout-1 .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading,
body.layout-1 .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link {
  background-color: var(--nav-aside-active-background);
}
body.layout-1 .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active > .kt-menu__heading,
body.layout-1 .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active > .kt-menu__link {
  background-color: var(--nav-aside-active-background);
}
body.layout-1 .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading,
body.layout-1 .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link {
  background-color: var(--nav-aside-active-background);
}
body.layout-2 .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link, body.layout-2 .kt-header-menu .kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link, body.layout-2 .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link {
  background-color: var(--nav-aside-active-background);
}
body.layout-2 .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon, body.layout-2 .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-text, body.layout-2 .kt-header-menu .kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-icon, body.layout-2 .kt-header-menu .kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text, body.layout-2 .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-icon, body.layout-2 .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text {
  color: var(--nav-aside);
}

.kt-aside__brand .kt-aside__brand-tools .kt-aside__brand-aside-toggler svg g [fill] {
  fill: var(--nav-aside);
}

@media (min-width: 1025px) {
  .kt-aside__brand .kt-aside__brand-tools .kt-aside__brand-aside-toggler:hover svg g [fill] {
    fill: var(--nav-aside);
  }
}
.kt-infobox__content img {
  max-width: 100%;
}

.kt-infobox .kt-infobox__body .kt-infobox__section .kt-infobox__content {
  color: var(--secondary);
}

.kt-switch input:checked ~ span:after {
  background-color: var(--brand);
  color: #fff;
}
.kt-switch.kt-switch--primary:not(.kt-switch--outline) input:checked ~ span:before {
  background-color: var(--brand);
}
.kt-switch.kt-switch--primary:not(.kt-switch--outline) input:empty ~ span:before {
  background-color: var(--brand);
}

table .table-active {
  background-color: var(--secondary);
}
table .table-active > td, table .table-active th {
  background-color: var(--secondary);
}

.font-size-xs {
  font-size: 12px;
}

.text-primary {
  color: var(--primary) !important;
}

.kt-font-dark-grey {
  color: #a5a5a5 !important;
}

.kt-avatar .kt-avatar__upload i {
  color: var(--brand);
}
.kt-avatar .kt-avatar__upload:hover {
  background-color: var(--brand);
}

.kt-avatar__cancel.force-display {
  display: flex !important;
}

.kt-avatar__cancel input {
  display: none;
}

.kt-avatar .kt-avatar__holder {
  background-position: center;
}

.kt-widget__media .kt-badge, .kt-widget--user-profile-2 .kt-badge {
  position: absolute;
  left: -3px;
  top: -3px;
}
.kt-widget__media .kt-badge-birthday, .kt-widget--user-profile-2 .kt-badge-birthday {
  top: inherit;
  left: inherit;
  bottom: 3px;
  right: 3px;
}

.kt-media-preview {
  width: 50px;
  height: 50px;
}

.kt-badge-media {
  padding: 0 5px 0 5px !important;
  font-size: 10px !important;
  position: absolute;
  bottom: 3px;
  left: 3px;
}

.kt-iconbox .kt-iconbox__body .kt-iconbox__desc .kt-iconbox__title {
  color: var(--primary);
}
.kt-iconbox .la, .kt-iconbox .fa, .kt-iconbox .fas {
  color: var(--primary);
}
.kt-iconbox.kt-iconbox--success .kt-iconbox__number {
  color: var(--success);
}
.kt-iconbox.kt-iconbox--success.kt-iconbox--animate, .kt-iconbox.kt-iconbox--success.kt-iconbox--animate-fast, .kt-iconbox.kt-iconbox--success.kt-iconbox--animate-faster, .kt-iconbox.kt-iconbox--success.kt-iconbox--animate-slow, .kt-iconbox.kt-iconbox--success.kt-iconbox--animate-slower {
  background-color: color-mix(in srgb, var(--success) 10%, transparent) !important;
}
.kt-iconbox.kt-iconbox--success .kt-iconbox__body .kt-iconbox__desc .kt-iconbox__title {
  color: var(--success);
}
.kt-iconbox.kt-iconbox--danger .kt-iconbox__number {
  color: var(--danger);
}
.kt-iconbox.kt-iconbox--danger.kt-iconbox--animate, .kt-iconbox.kt-iconbox--danger.kt-iconbox--animate-fast, .kt-iconbox.kt-iconbox--danger.kt-iconbox--animate-faster, .kt-iconbox.kt-iconbox--danger.kt-iconbox--animate-slow, .kt-iconbox.kt-iconbox--danger.kt-iconbox--animate-slower {
  background-color: color-mix(in srgb, var(--danger) 10%, transparent) !important;
}
.kt-iconbox.kt-iconbox--danger .kt-iconbox__body .kt-iconbox__desc .kt-iconbox__title {
  color: var(--danger);
}
.kt-iconbox .kt-iconbox__number {
  font-size: 50px;
  line-height: 1;
  margin-right: 15px;
}

.kt-aside__brand-logo a, .kt-header-mobile__logo a {
  color: #c0c1cc;
  font-size: 1.11em;
  text-transform: uppercase;
  text-decoration: none;
}
.kt-aside__brand-logo a:hover, .kt-header-mobile__logo a:hover {
  color: #c0c1cc;
  text-decoration: none;
}

.kt-aside__brand {
  height: inherit;
  margin-top: 20px;
}
.kt-aside__brand .kt-aside__brand-logo img, .kt-aside__brand .kt-aside__brand-logo svg {
  max-width: 100%;
  max-height: 50px;
}

body.layout-1 .kt-aside__brand .kt-aside__brand-logo img, body.layout-1 .kt-aside__brand .kt-aside__brand-logo svg {
  width: 100%;
  max-width: 160px;
  max-height: 70px;
}
body.layout-2 .kt-header__brand-logo-default img, body.layout-2 .kt-header__brand-logo-default svg {
  max-height: 70px;
  max-width: 160px;
  width: 100%;
}
body.layout-2 .kt-header__brand-logo-sticky img, body.layout-2 .kt-header__brand-logo-sticky svg {
  width: 100%;
  max-width: 160px;
  max-height: 50px;
}

@media (max-width: 1023px) {
  .kt-header-mobile--fixed .kt-header-mobile img, .kt-header-mobile--fixed .kt-header-mobile svg {
    max-height: 40px !important;
  }
}
.kt-header-mobile__logo img, .kt-header-mobile__logo svg {
  width: 100%;
  max-width: 90px;
  max-height: 40px;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item:after {
  content: "\f105" !important;
  font: var(--fa-font-solid) !important;
}
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item:last-child:after {
  content: none !important;
}

.kt-wizard-v1__nav-icon i {
  color: inherit;
}

.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state=done] .kt-wizard-v1__nav-body .kt-wizard-v1__nav-label,
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state=current] .kt-wizard-v1__nav-body .kt-wizard-v1__nav-label,
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state=done] .kt-wizard-v1__nav-body .kt-wizard-v1__nav-icon,
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state=current] .kt-wizard-v1__nav-body .kt-wizard-v1__nav-icon,
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state=done]:after,
.kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state=current]:after {
  color: var(--brand) !important;
}
.kt-wizard-v1 .kt-wizard-v1__aside .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state=current] .kt-wizard-v1__nav-icon {
  color: var(--brand) !important;
}

.kt-wizard-v2__nav-icon i {
  color: inherit;
}

.kt-wizard-v2 .kt-wizard-v2__nav .kt-wizard-v2__nav-items .kt-wizard-v2__nav-item[data-ktwizard-state=done] .kt-wizard-v2__nav-body .kt-wizard-v2__nav-label,
.kt-wizard-v2 .kt-wizard-v2__nav .kt-wizard-v2__nav-items .kt-wizard-v2__nav-item[data-ktwizard-state=current] .kt-wizard-v2__nav-body .kt-wizard-v2__nav-label,
.kt-wizard-v2 .kt-wizard-v2__nav .kt-wizard-v2__nav-items .kt-wizard-v2__nav-item[data-ktwizard-state=done] .kt-wizard-v2__nav-body .kt-wizard-v2__nav-icon,
.kt-wizard-v2 .kt-wizard-v2__nav .kt-wizard-v2__nav-items .kt-wizard-v2__nav-item[data-ktwizard-state=current] .kt-wizard-v2__nav-body .kt-wizard-v2__nav-icon,
.kt-wizard-v2 .kt-wizard-v2__nav .kt-wizard-v2__nav-items .kt-wizard-v2__nav-item[data-ktwizard-state=done]:after,
.kt-wizard-v2 .kt-wizard-v2__nav .kt-wizard-v2__nav-items .kt-wizard-v2__nav-item[data-ktwizard-state=current]:after {
  color: var(--brand) !important;
}
.kt-wizard-v2 .kt-wizard-v2__aside .kt-wizard-v2__nav .kt-wizard-v2__nav-items .kt-wizard-v2__nav-item[data-ktwizard-state=current] .kt-wizard-v2__nav-icon {
  color: var(--brand) !important;
}

.kt-wizard-v3__nav-icon i {
  color: inherit;
}

.kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items .kt-wizard-v3__nav-item[data-ktwizard-state=done] .kt-wizard-v3__nav-body .kt-wizard-v3__nav-label,
.kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items .kt-wizard-v3__nav-item[data-ktwizard-state=current] .kt-wizard-v3__nav-body .kt-wizard-v3__nav-label,
.kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items .kt-wizard-v3__nav-item[data-ktwizard-state=done] .kt-wizard-v3__nav-body .kt-wizard-v3__nav-icon,
.kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items .kt-wizard-v3__nav-item[data-ktwizard-state=current] .kt-wizard-v3__nav-body .kt-wizard-v3__nav-icon,
.kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items .kt-wizard-v3__nav-item[data-ktwizard-state=done]:after,
.kt-wizard-v3 .kt-wizard-v3__nav .kt-wizard-v3__nav-items .kt-wizard-v3__nav-item[data-ktwizard-state=current]:after {
  color: var(--brand) !important;
}
.kt-wizard-v3 .kt-wizard-v3__aside .kt-wizard-v3__nav .kt-wizard-v3__nav-items .kt-wizard-v3__nav-item[data-ktwizard-state=current] .kt-wizard-v3__nav-icon {
  color: var(--brand) !important;
}

.kt-wizard-v4__nav-icon i {
  color: inherit;
}

.kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item[data-ktwizard-state=done] .kt-wizard-v4__nav-body .kt-wizard-v4__nav-label,
.kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item[data-ktwizard-state=current] .kt-wizard-v4__nav-body .kt-wizard-v4__nav-label,
.kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item[data-ktwizard-state=done] .kt-wizard-v4__nav-body .kt-wizard-v4__nav-icon,
.kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item[data-ktwizard-state=current] .kt-wizard-v4__nav-body .kt-wizard-v4__nav-icon,
.kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item[data-ktwizard-state=done]:after,
.kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item[data-ktwizard-state=current]:after {
  color: var(--brand) !important;
}
.kt-wizard-v4 .kt-wizard-v4__aside .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item[data-ktwizard-state=current] .kt-wizard-v4__nav-icon {
  color: var(--brand) !important;
}

.kt-notification-v2__item-media {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-size: cover;
  background-position: center;
}

.kt-notification .kt-notification__item {
  transition: background-color 0.5s ease;
}
.kt-notification .kt-notification__item .kt-notification__item-icon i {
  color: var(--notification-text);
}
.kt-notification .kt-notification__item .kt-notification__item-details .kt-notification__item-title {
  color: var(--notification-text);
}
.kt-notification .kt-notification__item:hover .kt-notification__item-icon i {
  color: var(--brand);
}
.kt-notification .kt-notification__item:hover .kt-notification__item-details .kt-notification__item-title {
  color: var(--brand);
}
.kt-notification .kt-notification__item:after {
  color: var(--notification-text);
  content: "\f105" !important;
  font: var(--fa-font-solid) !important;
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--primary:before {
  background-color: var(--primary);
}
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--secondary:before {
  background-color: var(--secondary);
}
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--brand:before {
  background-color: var(--brand);
}
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--info:before {
  background-color: var(--info);
}
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--success:before {
  background-color: var(--success);
}
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--warning:before {
  background-color: var(--warning);
}
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--danger:before {
  background-color: var(--danger);
}

.modal .modal-content .modal-header .close {
  color: var(--brand);
}
.modal .modal-content .modal-header .close:hover {
  color: var(--secondary);
}
.modal .modal-content .modal-header .close:before {
  content: "\f00d";
  font: var(--fa-font-solid);
}
.modal .modal-content .modal-header.modal-header--no-border {
  border-bottom: 0;
}
.modal .modal-content .modal-footer.modal-footer--no-border {
  border-top: 0;
}

.kt-pagination.kt-pagination--brand .kt-pagination__links .kt-pagination__link--active, .kt-pagination.kt-pagination--brand .kt-pagination__links li:hover {
  background: var(--brand);
}

.kt-grid-nav__item {
  position: relative;
}
.kt-grid-nav__item .kt-grid-nav__title .kt-badge {
  position: absolute;
  top: 15px;
  right: 15px;
}

.dropdown-settings-nav {
  overflow-y: auto;
  position: sticky;
  top: 0;
  z-index: 1000;
}
.dropdown-settings-nav .kt-nav {
  max-height: calc(100vh - 10px);
}

.kt-spinner.kt-spinner--primary:before {
  border: 2px solid var(--primary);
  border-right: 2px solid transparent;
}

.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav {
  list-style-type: none !important;
  padding-left: 0 !important;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav .kt-widget__icon i {
  width: 2rem;
  height: 1.5rem;
  color: var(--sidebar-icon) !important;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav .kt-widget__icon.text-success i {
  color: var(--success) !important;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav .kt-widget__icon.text-warning i {
  color: var(--warning) !important;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav .kt-widget__icon.text-danger i {
  color: var(--danger) !important;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav .kt-widget__icon.text-info i {
  color: var(--info) !important;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav .kt-widget__icon.text-brand i {
  color: var(--brand) !important;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav .kt-widget__icon.text-primary i {
  color: var(--primary) !important;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav a.kt-widget__item:not([data-toggle=collapse]) .kt-widget__desc {
  color: #000000 !important;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav a.kt-widget__item[data-toggle=collapse] {
  padding: 10px 1px !important;
  margin: 10px 0 0 !important;
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav a.kt-widget__item[data-toggle=collapse] .kt-widget__desc {
  color: var(--sidebar) !important;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav a.kt-widget__item[data-toggle=collapse]:hover {
  background-color: transparent !important;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav a.kt-widget__item[data-toggle=collapse]:hover .kt-widget__desc {
  color: var(--sidebar) !important;
}
.kt-widget.kt-widget--user-profile-1 ul.kt-menu__nav .kt-menu__subnav {
  list-style-type: none !important;
  padding-left: 0 !important;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__footer .btn,
.kt-widget.kt-widget--user-profile-1 .button-list-nav.btn-group-vertical {
  width: 100%;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__footer .btn .btn-lg,
.kt-widget.kt-widget--user-profile-1 .button-list-nav.btn-group-vertical .btn-lg {
  font-size: 1rem;
  font-weight: 600;
  padding: 1.1rem 0;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__footer .btn .btn-lg i,
.kt-widget.kt-widget--user-profile-1 .button-list-nav.btn-group-vertical .btn-lg i {
  color: inherit;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content {
  padding: 1.4rem 0 1rem 0;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item {
  padding: 0.5rem 1.05rem 0.2rem 0.6rem;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active, .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item:hover {
  border-radius: 0;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active {
  background: var(--sidebar-active-background);
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item:hover {
  background: var(--sidebar-hover-background);
}

@media screen and (max-width: 1024px) {
  .kt-widget.kt-widget--project-1 .kt-widget__head .kt-widget__media .kt-media img {
    height: initial !important;
  }
}
.kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__info .kt-widget__desc {
  padding-top: 0 !important;
}

/**
FIX USER CARD PICTURE DIMENSIONS
 */
.kt-widget--user-profile-2 .kt-widget__img {
  height: 50px;
  width: 50px;
  background-size: cover;
  background-position: center;
}

.rating-widget {
  unicode-bidi: bidi-override;
  direction: rtl;
  position: relative;
  top: -12px;
}
.rating-widget > label {
  display: inline-block;
  position: relative;
  width: 1.1em;
  cursor: pointer;
  font-size: 2rem;
  color: #e2e5ec;
}
.rating-widget > [type=radio] {
  display: none;
  visibility: hidden;
}
.rating-widget > label:hover:before,
.rating-widget > label:hover ~ label:before,
.rating-widget > [type=radio]:checked ~ label:before {
  content: "★";
  position: absolute;
  color: #FFD700;
}

.kt-widget19__pic {
  background-size: cover;
  background-position: center center;
  border-radius: 4px 4px 0 0;
  aspect-ratio: 1.6;
  width: 100%;
}

.kt-widget3__username:hover {
  color: var(--brand) !important;
}

.kt-widget4 .kt-widget4__item a.kt-widget4__title:hover {
  color: var(--brand);
}

.kt-widget4 .kt-widget4__item .kt-widget4__title.kt-widget4__without-hover:hover {
  color: #595d6e !important;
}

.kt-widget4__username:hover {
  color: var(--brand) !important;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username {
  color: var(--brand);
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username:hover {
  color: var(--brand);
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active .kt-widget__section .kt-widget__desc {
  color: var(--secondary);
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item:hover .kt-widget__desc {
  color: var(--secondary);
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info .kt-widget__data {
  color: var(--brand);
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info a.kt-widget__data:hover {
  color: var(--brand);
}
.kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__info .kt-widget__username:hover {
  color: var(--brand);
}
.kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__item .kt-widget__contact a.kt-widget__data:hover {
  color: var(--brand);
}

.kt-widget.kt-widget--project-1 .kt-widget__head .kt-widget__label .kt-widget__media .kt-media img {
  min-width: 65px;
  max-width: 65px;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__stats .kt-widget19__comment:hover {
  color: #74788d;
}

.workflow-container-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
}
.workflow-container-1 .workflow-item:first-child:nth-last-child(1),
.workflow-container-1 .workflow-item:first-child:nth-last-child(1) ~ .workflow-item {
  max-width: calc(100% / 1);
  flex-basis: calc(100% / 1);
}
.workflow-container-1 .workflow-item:first-child:nth-last-child(2),
.workflow-container-1 .workflow-item:first-child:nth-last-child(2) ~ .workflow-item {
  max-width: calc(100% / 2);
  flex-basis: calc(100% / 2);
}
.workflow-container-1 .workflow-item:first-child:nth-last-child(3),
.workflow-container-1 .workflow-item:first-child:nth-last-child(3) ~ .workflow-item {
  max-width: calc(100% / 3);
  flex-basis: calc(100% / 3);
}
.workflow-container-1 .workflow-item:first-child:nth-last-child(4),
.workflow-container-1 .workflow-item:first-child:nth-last-child(4) ~ .workflow-item {
  max-width: calc(100% / 4);
  flex-basis: calc(100% / 4);
}
.workflow-container-1 .workflow-item:first-child:nth-last-child(5),
.workflow-container-1 .workflow-item:first-child:nth-last-child(5) ~ .workflow-item {
  max-width: calc(100% / 5);
  flex-basis: calc(100% / 5);
}
.workflow-container-1 .workflow-item:first-child:nth-last-child(6),
.workflow-container-1 .workflow-item:first-child:nth-last-child(6) ~ .workflow-item {
  max-width: calc(100% / 6);
  flex-basis: calc(100% / 6);
}
.workflow-container-1 .workflow-item:first-child:nth-last-child(7),
.workflow-container-1 .workflow-item:first-child:nth-last-child(7) ~ .workflow-item {
  max-width: calc(100% / 7);
  flex-basis: calc(100% / 7);
}
.workflow-container-1 .workflow-item:first-child:nth-last-child(8),
.workflow-container-1 .workflow-item:first-child:nth-last-child(8) ~ .workflow-item {
  max-width: calc(100% / 8);
  flex-basis: calc(100% / 8);
}
.workflow-container-1 .workflow-item:first-child:nth-last-child(9),
.workflow-container-1 .workflow-item:first-child:nth-last-child(9) ~ .workflow-item {
  max-width: calc(100% / 9);
  flex-basis: calc(100% / 9);
}
.workflow-container-1 .workflow-item:first-child:nth-last-child(10),
.workflow-container-1 .workflow-item:first-child:nth-last-child(10) ~ .workflow-item {
  max-width: calc(100% / 10);
  flex-basis: calc(100% / 10);
}
.workflow-container-1 .workflow-item {
  position: relative;
  margin: 0 5px;
}
.workflow-container-1 .workflow-item:after {
  content: "";
  position: relative;
  display: block;
  left: 0;
  right: 0;
  border-radius: 5px;
  height: 5px;
}
.workflow-container-1 .workflow-item:first-child {
  margin-left: 0;
}
.workflow-container-1 .workflow-item:last-child {
  margin-right: 0;
}
.workflow-container-1 .workflow-item-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workflow-container-1 .workflow-item-status-passed:after {
  background-color: var(--success);
}
.workflow-container-1 .workflow-item-status-current:after {
  background-color: var(--brand);
}
.workflow-container-1 .workflow-item-status-to_come:after {
  background-color: var(--grey);
}
.workflow-container-1 .workflow-item-status-refused:after {
  background-color: var(--danger);
}

.workflow-container-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
}
@media screen and (max-width: 1000px) {
  .workflow-container-2 {
    flex-direction: column;
  }
  .workflow-container-2 .workflow-item {
    max-width: 100%;
    flex-basis: 100%;
    min-width: 100%;
    margin: 8px 0 !important;
  }
}
.workflow-container-2 .workflow-item:first-child:nth-last-child(1),
.workflow-container-2 .workflow-item:first-child:nth-last-child(1) ~ .workflow-item {
  max-width: calc(100% / 1);
  flex-basis: calc(100% / 1);
}
.workflow-container-2 .workflow-item:first-child:nth-last-child(2),
.workflow-container-2 .workflow-item:first-child:nth-last-child(2) ~ .workflow-item {
  max-width: calc(100% / 2);
  flex-basis: calc(100% / 2);
}
.workflow-container-2 .workflow-item:first-child:nth-last-child(3),
.workflow-container-2 .workflow-item:first-child:nth-last-child(3) ~ .workflow-item {
  max-width: calc(100% / 3);
  flex-basis: calc(100% / 3);
}
.workflow-container-2 .workflow-item:first-child:nth-last-child(4),
.workflow-container-2 .workflow-item:first-child:nth-last-child(4) ~ .workflow-item {
  max-width: calc(100% / 4);
  flex-basis: calc(100% / 4);
}
.workflow-container-2 .workflow-item:first-child:nth-last-child(5),
.workflow-container-2 .workflow-item:first-child:nth-last-child(5) ~ .workflow-item {
  max-width: calc(100% / 5);
  flex-basis: calc(100% / 5);
}
.workflow-container-2 .workflow-item:first-child:nth-last-child(6),
.workflow-container-2 .workflow-item:first-child:nth-last-child(6) ~ .workflow-item {
  max-width: calc(100% / 6);
  flex-basis: calc(100% / 6);
}
.workflow-container-2 .workflow-item:first-child:nth-last-child(7),
.workflow-container-2 .workflow-item:first-child:nth-last-child(7) ~ .workflow-item {
  max-width: calc(100% / 7);
  flex-basis: calc(100% / 7);
}
.workflow-container-2 .workflow-item:first-child:nth-last-child(8),
.workflow-container-2 .workflow-item:first-child:nth-last-child(8) ~ .workflow-item {
  max-width: calc(100% / 8);
  flex-basis: calc(100% / 8);
}
.workflow-container-2 .workflow-item:first-child:nth-last-child(9),
.workflow-container-2 .workflow-item:first-child:nth-last-child(9) ~ .workflow-item {
  max-width: calc(100% / 9);
  flex-basis: calc(100% / 9);
}
.workflow-container-2 .workflow-item:first-child:nth-last-child(10),
.workflow-container-2 .workflow-item:first-child:nth-last-child(10) ~ .workflow-item {
  max-width: calc(100% / 10);
  flex-basis: calc(100% / 10);
}
.workflow-container-2 .workflow-item {
  font-size: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  position: relative;
  margin: 0 10px;
  padding-bottom: 10px;
}
.workflow-container-2 .workflow-item:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  height: 8px;
}
.workflow-container-2 .workflow-item:first-child {
  margin-left: 0;
}
.workflow-container-2 .workflow-item:last-child {
  margin-right: 0;
}
.workflow-container-2 .workflow-item-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
}
.workflow-container-2 .workflow-item-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 -2px;
}
.workflow-container-2 .workflow-item-actions > * {
  margin: 0 2px;
}
.workflow-container-2 .workflow-item-status-passed i {
  margin-right: 0;
}
.workflow-container-2 .workflow-item-status-passed .btn {
  background-color: var(--success);
}
.workflow-container-2 .workflow-item-status-passed .btn, .workflow-container-2 .workflow-item-status-passed .btn i {
  color: white;
}
.workflow-container-2 .workflow-item-status-passed, .workflow-container-2 .workflow-item-status-passed i {
  color: var(--success);
}
.workflow-container-2 .workflow-item-status-passed:after {
  background-color: var(--success);
}
.workflow-container-2 .workflow-item-status-current {
  background-color: var(--brand);
  padding: 10px;
  border-radius: 5px;
}
.workflow-container-2 .workflow-item-status-current i {
  margin-right: 0;
}
.workflow-container-2 .workflow-item-status-current .btn {
  background-color: white;
}
.workflow-container-2 .workflow-item-status-current .btn, .workflow-container-2 .workflow-item-status-current .btn i {
  color: var(--brand);
}
.workflow-container-2 .workflow-item-status-current, .workflow-container-2 .workflow-item-status-current i {
  color: white;
}
.workflow-container-2 .workflow-item-status-current:after {
  display: none;
}
.workflow-container-2 .workflow-item-status-to_come, .workflow-container-2 .workflow-item-status-to_come i {
  color: #c8cad5;
}
.workflow-container-2 .workflow-item-status-to_come:after {
  background-color: #c8cad5;
}
.workflow-container-2 .workflow-item-status-refused, .workflow-container-2 .workflow-item-status-refused i {
  color: var(--danger);
}
.workflow-container-2 .workflow-item-status-refused:after {
  background-color: var(--danger);
}

.select2-container--default .select2-selection--multiple .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 40%;
}

.select2-container--default .select2-selection--multiple .select2-selection__arrow:before, .select2-container--default .select2-selection--single .select2-selection__arrow:before {
  content: "\f107";
  font: var(--fa-font-solid);
  top: 40%;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: var(--brand);
}
.select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--brand);
}

/**
@TODO Supprimer ceci !!! c'est sale.
FIX SWEET ALERT SELECT2 SHOWING
 */
.swal2-content .select2 {
  display: none !important;
}

table.dataTable thead .btn [class*=" fa-"], table.dataTable thead .btn [class^=fa-] {
  padding-right: 0;
}
table.dataTable tbody .btn.btn-icon {
  height: 2.9rem;
  width: 2.9rem;
}
table.dataTable tbody .btn.btn-icon [class*=" fa-"], table.dataTable tbody .btn.btn-icon [class^=fa-] {
  font-size: 1.2rem;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
  background-color: var(--brand) !important;
}
table.dataTable > tbody > tr.selected a {
  color: var(--brand) !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  content: "\f055" !important;
  font: var(--fa-font-solid) !important;
  color: var(--brand) !important;
  background-color: initial !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: "\f056" !important;
}

/* Fix when the first td moves to the right of the table */
tr > td.control.dtr-control[colspan] {
  display: table;
}

[data-provider=datatable] {
  border: 0;
}
[data-provider=datatable]:not(.dataTable) {
  display: none;
  margin-top: 63.5px;
}
[data-provider=datatable] tr th dl, [data-provider=datatable] tr th ol, [data-provider=datatable] tr th ul, [data-provider=datatable] tr td dl, [data-provider=datatable] tr td ol, [data-provider=datatable] tr td ul {
  margin-bottom: 0;
}
[data-provider=datatable] tr th[data-data=dataTableSelectCheckbox], [data-provider=datatable] tr td[data-data=dataTableSelectCheckbox] {
  padding: 0;
}
[data-provider=datatable] > thead > tr.heading > th.control, [data-provider=datatable] > thead > tr.filter > th.control {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
[data-provider=datatable] > thead > tr > th {
  color: #595d6e;
  text-transform: uppercase;
}
[data-provider=datatable] > thead > tr > th[data-data=actions] {
  width: 1%;
  text-align: center;
}
[data-provider=datatable] > thead > tr > th[data-data-filter] select {
  width: 100%;
}
[data-provider=datatable] > thead > tr > th[data-data-filter] [data-container=datatable-filter] {
  flex-wrap: nowrap;
}
[data-provider=datatable] > thead > tr > th[data-data-filter] [data-container=datatable-filter] > .select2-container:not(:last-child) {
  flex-grow: 1;
}
[data-provider=datatable] > thead > tr > th, [data-provider=datatable] > thead > tr > td {
  border: 0;
  border-top: 1px solid #ebedf2;
  border-bottom: 0;
  border-right: 0 !important;
  border-left: 0 !important;
}
[data-provider=datatable] > thead > tr:first-child th {
  font-weight: bold;
}
[data-provider=datatable] > thead > tr:first-child th.sorting_asc, [data-provider=datatable] > thead > tr:first-child th.sorting_desc {
  background-color: rgba(77, 89, 149, 0.04);
}
[data-provider=datatable] > thead > tr .sorting:after, [data-provider=datatable] > thead > tr .sorting:before, [data-provider=datatable] > thead > tr .sorting_asc:after, [data-provider=datatable] > thead > tr .sorting_asc:before, [data-provider=datatable] > thead > tr .sorting_desc:after, [data-provider=datatable] > thead > tr .sorting_desc:before, [data-provider=datatable] > thead > tr .sorting_asc_disabled:after, [data-provider=datatable] > thead > tr .sorting_asc_disabled:before, [data-provider=datatable] > thead > tr .sorting_desc_disabled:after, [data-provider=datatable] > thead > tr .sorting_desc_disabled:before {
  opacity: 0 !important;
}
[data-provider=datatable] > thead > tr .sorting:before, [data-provider=datatable] > thead > tr .sorting_asc:before, [data-provider=datatable] > thead > tr .sorting_desc:before, [data-provider=datatable] > thead > tr .sorting_asc_disabled:before, [data-provider=datatable] > thead > tr .sorting_desc_disabled:before {
  content: "\f0de" !important;
  font: var(--fa-font-solid) !important;
}
[data-provider=datatable] > thead > tr .sorting:after, [data-provider=datatable] > thead > tr .sorting_asc:after, [data-provider=datatable] > thead > tr .sorting_desc:after, [data-provider=datatable] > thead > tr .sorting_asc_disabled:after, [data-provider=datatable] > thead > tr .sorting_desc_disabled:after {
  content: "\f0dd" !important;
  font: var(--fa-font-solid) !important;
}
[data-provider=datatable] > thead > tr .sorting_asc:before, [data-provider=datatable] > thead > tr .sorting_desc:after {
  opacity: 1 !important;
}
[data-provider=datatable] > tbody > tr {
  min-height: 59px;
}
[data-provider=datatable] > tbody > tr > td {
  min-height: 59px;
  border: 0;
  border-top: 1px solid #ebedf2;
  border-bottom: 0;
  border-right: 0 !important;
  border-left: 0 !important;
  white-space: nowrap;
}
[data-provider=datatable] > tbody > tr > td.control {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
[data-provider=datatable] > tbody > tr > td.filteredColumn {
  min-width: 150px !important;
}
[data-provider=datatable] > tbody > tr > td.select-checkbox:before, [data-provider=datatable] > tbody > tr > td.dataTableSelectColumn:before {
  margin-top: -6px !important;
  top: 50% !important;
}
[data-provider=datatable] > tbody > tr > td.select-checkbox:after, [data-provider=datatable] > tbody > tr > td.dataTableSelectColumn:after {
  margin-top: -10px !important;
  top: 50% !important;
}
[data-provider=datatable] > tbody > tr > td a:hover .button-icon {
  display: none;
}
[data-provider=datatable] > tbody > tr > td a:hover .button-icon-hover {
  display: block;
}
[data-provider=datatable] > tbody > tr > td a .button-icon {
  display: block;
}
[data-provider=datatable] > tbody > tr > td a .button-icon-hover {
  display: none;
}
[data-provider=datatable] > tbody > tr.selected > * {
  -webkit-box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.01) !important;
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.01) !important;
}
[data-provider=datatable] > tbody > tr[role=row]:hover {
  background: rgba(0, 0, 0, 0.01);
}
[data-provider=datatable] .fa-star {
  color: #FFD700;
}

.dataTable_custom_filter.col-md {
  flex-grow: 0;
}
.dataTable_custom_filter input,
.dataTable_custom_filter .select2-container {
  width: 165px !important;
}

div.dataTables_filter [data-container=datatable-filters], div.dataTables_filter [data-container=datatable-actions] {
  display: inline-block;
  width: auto;
  margin-left: 10px;
}
div.dataTables_filter [data-container=datatable-filters] > div, div.dataTables_filter [data-container=datatable-actions] > div {
  display: inline-block;
  width: auto;
}
div.dataTables_filter [data-container=datatable-filters] > div .input-group, div.dataTables_filter [data-container=datatable-actions] > div .input-group {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
div.dataTables_filter [data-container=datatable-filters] > div .input-group > div,
div.dataTables_filter [data-container=datatable-filters] > div .input-group > a,
div.dataTables_filter [data-container=datatable-filters] > div .input-group > select,
div.dataTables_filter [data-container=datatable-filters] > div .input-group > input,
div.dataTables_filter [data-container=datatable-filters] > div .input-group > button,
div.dataTables_filter [data-container=datatable-filters] > div .input-group > span, div.dataTables_filter [data-container=datatable-actions] > div .input-group > div,
div.dataTables_filter [data-container=datatable-actions] > div .input-group > a,
div.dataTables_filter [data-container=datatable-actions] > div .input-group > select,
div.dataTables_filter [data-container=datatable-actions] > div .input-group > input,
div.dataTables_filter [data-container=datatable-actions] > div .input-group > button,
div.dataTables_filter [data-container=datatable-actions] > div .input-group > span {
  float: left;
}
div.dataTables_filter .form-control-sm {
  height: calc(1.5em + 1.4rem + 2px);
}

.dataTables_length label, .dataTables_filter label {
  margin-bottom: 0;
}

.dt-buttons.btn-group .buttons-colvis::after {
  display: none !important;
}

.dataTables_wrapper .dataTable td.sorting_asc_disabled, .dataTables_wrapper .dataTable td.sorting_asc_disabled:before, .dataTables_wrapper .dataTable td.sorting_desc_disabled:before, .dataTables_wrapper .dataTable td.sorting_asc:before, .dataTables_wrapper .dataTable td.sorting:before, .dataTables_wrapper .dataTable td.sorting_desc:before, .dataTables_wrapper .dataTable th.sorting_asc_disabled, .dataTables_wrapper .dataTable th.sorting_asc_disabled:before, .dataTables_wrapper .dataTable th.sorting_desc_disabled:before, .dataTables_wrapper .dataTable th.sorting_asc:before, .dataTables_wrapper .dataTable th.sorting:before, .dataTables_wrapper .dataTable th.sorting_desc:before {
  bottom: initial !important;
  top: calc(50% - 3px) !important;
}
.dataTables_wrapper .dataTable td.sorting_desc_disabled, .dataTables_wrapper .dataTable td.sorting_desc_disabled:after, .dataTables_wrapper .dataTable td.sorting:after, .dataTables_wrapper .dataTable td.sorting_asc:after, .dataTables_wrapper .dataTable td.sorting_desc:after, .dataTables_wrapper .dataTable th.sorting_desc_disabled, .dataTables_wrapper .dataTable th.sorting_desc_disabled:after, .dataTables_wrapper .dataTable th.sorting:after, .dataTables_wrapper .dataTable th.sorting_asc:after, .dataTables_wrapper .dataTable th.sorting_desc:after {
  bottom: initial !important;
  top: calc(50% - 10px) !important;
}
.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before {
  color: var(--brand);
}
.dataTables_wrapper .pagination .page-item.active > .page-link {
  background: var(--brand);
}
.dataTables_wrapper .pagination .page-item:hover > .page-link, .dataTables_wrapper .pagination .page-item.first > .page-link:hover, .dataTables_wrapper .pagination .page-item.last > .page-link:hover, .dataTables_wrapper .pagination .page-item.next > .page-link:hover, .dataTables_wrapper .pagination .page-item.previous > .page-link:hover {
  background: var(--brand);
  color: #fff;
}

.dt-button-background {
  z-index: -1000 !important;
}

:root {
  --gmp-background-color: #fff;
  --gmp-border-color: #e2e5ec;
  --gmp-height: 39px;
}

gmp-place-autocomplete {
  color-scheme: light;
}

body {
  font-size: 14px;
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
  font-family: "Lora", lora, "lora", serif;
  text-transform: capitalize;
}

.kt-grid > .kt-grid__item.kt-page {
  background-color: #F6F4F2;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
  font-size: 1.1rem;
  font-weight: 300;
}

.location-body p {
  font-size: 16px;
}

.kt-header__topbar-username {
  font-size: 1.2rem !important;
  line-height: 1rem !important;
}

.big-preview-text {
  min-height: 150px;
  font-size: 16px;
}

div.homepage-events {
  max-height: 450px;
}

.close.upload-file {
  margin-right: -40px;
  margin-top: -40px;
  color: #D73832;
  text-shadow: 0 1px 0 #b32823;
  opacity: 1;
}

.dashboard-portlet-news-container h2 a:not(:hover) {
  color: #131558;
}

.dashboard-portlet-news-container > .kt-portlet > .kt-portlet__head .kt-portlet__head-title, .dashboard-portlet-event-container > .kt-portlet > .kt-portlet__head .kt-portlet__head-title {
  font-size: 1.5rem;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__section .kt-menu__section-text {
  text-transform: none;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
  font-size: 1.1rem;
  font-weight: 600;
}

body:not(.layout-2) .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
  font-size: 1.2rem;
  font-weight: 600;
  width: 25px;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__section .kt-menu__section-text {
  font-size: 1.1rem;
}

.kt-aside-menu .kt-menu__nav .kt-menu__item > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
  line-height: inherit;
}

.kt-searchbar .kt-input-icon * {
  background-color: #F6F4F2;
}

.kt-searchbar .kt-input-icon .form-control {
  background-color: #F6F4F2;
}

h3.kt-font-boldest a {
  color: #131558 !important;
}

h3.kt-font-boldest a:hover {
  color: #D73832 !important;
}

.blog-single-desc {
  color: black;
}

.blog-single-desc h2 {
  color: black;
  padding: 20px 0 10px;
}

.blog-single-desc blockquote {
  margin: 20px auto;
  font-style: italic;
  padding: 0 0.5em 0.1em 0.5em;
  border-left: 5px solid #D73832;
  line-height: 1.6;
  position: relative;
}

.blog-single-desc blockquote p {
  margin-bottom: 0;
}

.blog-single-desc blockquote p:before {
  content: "‘‘";
  display: inline;
  margin-top: 1em;
}

.blog-single-desc blockquote p:after {
  content: "’’";
  display: inline;
  margin-top: 1em;
}

.google-map, .bing-map {
  height: 450px;
}

.MicrosoftMap .letterbox {
  display: none !important;
}

.infobox-office, .infobox-post {
  padding: 0;
}
.infobox-office .kt-infobox__title, .infobox-post .kt-infobox__title {
  font-weight: bold;
}
.infobox-office .office-subtitle, .infobox-post .office-subtitle {
  padding-bottom: 20px;
}
.infobox-office table.list, .infobox-post table.list {
  width: 100%;
}
.infobox-office table.list tbody tr td, .infobox-post table.list tbody tr td {
  padding-bottom: 15px;
  vertical-align: top;
}
.infobox-office table.list tbody tr td:first-child, .infobox-post table.list tbody tr td:first-child {
  color: grey;
  width: 30%;
}
.sc-office.kt-sc, .sc-post.kt-sc, .sc-event.kt-sc {
  min-height: 300px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 0;
  background-position: center center;
  box-shadow: inset 0 1000px 0 0 rgba(0, 0, 0, 0.5);
  background-size: cover;
}
.sc-office.kt-sc .kt-container, .sc-post.kt-sc .kt-container, .sc-event.kt-sc .kt-container {
  width: 100%;
}
.sc-office.kt-sc .kt-sc__top, .sc-post.kt-sc .kt-sc__top, .sc-event.kt-sc .kt-sc__top {
  border-bottom: 0;
}
.sc-office.kt-sc .kt-sc__top .office-title, .sc-office.kt-sc .kt-sc__top .post-title, .sc-post.kt-sc .kt-sc__top .office-title, .sc-post.kt-sc .kt-sc__top .post-title, .sc-event.kt-sc .kt-sc__top .office-title, .sc-event.kt-sc .kt-sc__top .post-title {
  color: white;
  font-size: 2.5em;
}
.sc-office.kt-sc .kt-sc__top .office-description, .sc-post.kt-sc .kt-sc__top .office-description, .sc-event.kt-sc .kt-sc__top .office-description {
  color: white;
  margin-top: 30px;
  font-size: 0.85em;
}
.sc-office.kt-sc .kt-sc__bottom, .sc-post.kt-sc .kt-sc__bottom, .sc-event.kt-sc .kt-sc__bottom {
  align-items: initial;
  padding-top: 0;
  padding-bottom: 0;
}

.kt-header-menu .kt-menu__nav .kt-menu__item .kt-menu__link.covid-19 i, .kt-header-menu .kt-menu__nav .kt-menu__item .kt-menu__link.covid-19 span {
  color: #D73832 !important;
}

.covid-19-maps .google-map, .covid-19-maps .bing-map {
  height: 360px !important;
}

.custom.alert {
  position: fixed;
  z-index: 999999;
  bottom: 0;
  left: 16%;
  right: 2%;
}

.fc-event.event-no-office, .fc-list-item.event-no-office {
  background-color: #D73832;
  color: white;
}
.fc-event.event-for-office, .fc-list-item.event-for-office {
  background-color: #131558;
  color: white;
}
.fc-event .fc-content .fc-title, .fc-list-item .fc-content .fc-title {
  color: white;
}

.fc-list-item-title a {
  color: white !important;
}

.section-organization iframe {
  height: 800px;
  width: 100%;
  background: #fff;
  border: none;
}

.preview-container {
  flex-direction: column;
  display: inline;
  max-height: 600px;
}
.preview-container iframe {
  width: 100%;
  height: 600px !important;
  border: 0;
}

.close-preview-file {
  font-size: 32px;
}

@media only print {
  .canvas-container .pdf-canvas-container .pdf-canvas {
    display: none;
  }
}
.kt-header-menu .kt-menu__nav .kt-menu__item .kt-menu__link-text {
  color: #9292B4;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
  color: #c3c3d9;
  font-size: 15px;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link * {
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link, .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link * {
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
  font-size: 15px;
}

.homepage-quick-seach__input {
  min-height: 80px;
}

.kt-header__topbar-item--search {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  margin-right: 10px !important;
}

.kt-quick-search__input {
  font-size: 16px !important;
}

.kt-header__topbar .kt-quick-search__form {
  background-color: #f2f3f7 !important;
  border-radius: 4px;
}

.dropdown-menu-size {
  width: calc(100% - 18px) !important;
}

.warehouse-finder-sticky {
  position: relative !important;
  top: auto !important;
}

.warehouses-finder-title {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
}
.warehouses-finder-title h1, .warehouses-finder-title h2, .warehouses-finder-title h3, .warehouses-finder-title h4, .warehouses-finder-title h5, .warehouses-finder-title h6 {
  margin-bottom: 10px;
}
.warehouses-finder-title h1 span, .warehouses-finder-title h2 span, .warehouses-finder-title h3 span, .warehouses-finder-title h4 span, .warehouses-finder-title h5 span, .warehouses-finder-title h6 span {
  color: #D73832;
}
.warehouses-finder-title hr {
  margin-bottom: 0;
}

.warehouses-finder-form-container input[type=search] {
  box-sizing: inherit !important;
}

.warehouses-finder-form form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.warehouses-finder-form .form-group {
  margin-bottom: 12px !important;
}
.warehouses-finder-form .form-group.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.warehouses-finder-form label {
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  color: #6c757d !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 4px !important;
}
.warehouses-finder-form .form-control {
  border: 1px solid #e8eaef !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 0.875rem !important;
  color: #2d2d2d !important;
  background-color: #fff !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  height: auto !important;
}
.warehouses-finder-form .form-control:focus {
  border-color: #D73832 !important;
  box-shadow: 0 0 0 3px rgba(215, 56, 50, 0.1) !important;
  background-color: #fff !important;
  outline: none !important;
}
.warehouses-finder-form .form-control::placeholder {
  color: #b5b5c3 !important;
  font-weight: 400 !important;
}
.warehouses-finder-form .select2-container {
  width: 100% !important;
}
.warehouses-finder-form .select2-container--default .select2-selection--single {
  border: 1px solid #e8eaef !important;
  border-radius: 8px !important;
  height: 40px !important;
  background-color: #fff !important;
  position: relative !important;
}
.warehouses-finder-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px !important;
  height: 40px !important;
  padding: 0 50px 0 12px !important;
  font-size: 0.875rem !important;
  color: #2d2d2d !important;
}
.warehouses-finder-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
  right: 8px !important;
  top: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.warehouses-finder-form .select2-container--default .select2-selection--single .select2-selection__clear {
  position: absolute !important;
  right: 38px !important;
  top: 0 !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  font-size: 18px !important;
  color: #b5b5c3 !important;
  font-weight: 300 !important;
  cursor: pointer !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.warehouses-finder-form .select2-container--default .select2-selection--single .select2-selection__clear:hover {
  color: #D73832 !important;
}
.warehouses-finder-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #b5b5c3 !important;
}
.warehouses-finder-form .select2-container--default.select2-container--focus .select2-selection--single, .warehouses-finder-form .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #D73832 !important;
  box-shadow: 0 0 0 3px rgba(215, 56, 50, 0.1) !important;
  background-color: #fff !important;
}
.warehouses-finder-form .form-check {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 10px !important;
  margin-bottom: 2px !important;
  border-radius: 6px !important;
  transition: background-color 0.15s !important;
}
.warehouses-finder-form .form-check:hover {
  background-color: #f4f5f8 !important;
}
.warehouses-finder-form .form-check .form-check-input {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  border-radius: 4px !important;
  border: 2px solid #d1d5db !important;
  background-color: #fff !important;
  cursor: pointer !important;
  position: relative !important;
  margin: 0 !important;
  transition: all 0.15s !important;
}
.warehouses-finder-form .form-check .form-check-input:checked {
  background-color: #D73832 !important;
  border-color: #D73832 !important;
}
.warehouses-finder-form .form-check .form-check-input:checked::after {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 2px !important;
  width: 5px !important;
  height: 9px !important;
  border: solid white !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}
.warehouses-finder-form .form-check .form-check-input:focus {
  box-shadow: 0 0 0 3px rgba(215, 56, 50, 0.15) !important;
  border-color: #D73832 !important;
}
.warehouses-finder-form .form-check .form-check-label {
  font-size: 0.825rem !important;
  font-weight: 400 !important;
  color: #2d2d2d !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  cursor: pointer !important;
  line-height: 1.3 !important;
}
.warehouses-finder-form gmp-place-autocomplete {
  display: block !important;
  border: 1px solid #e8eaef !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  font-size: 0.875rem !important;
  width: 100% !important;
  height: 40px !important;
}
.warehouses-finder-form gmp-place-autocomplete:focus-within {
  border-color: #D73832 !important;
  box-shadow: 0 0 0 3px rgba(215, 56, 50, 0.1) !important;
  background-color: #fff !important;
}
.warehouses-finder-form .form-group gmp-place-autocomplete + gmp-place-autocomplete {
  display: none !important;
}
.warehouses-finder-form .form-group small.form-text {
  display: none !important;
}
.warehouses-finder-form .warehouse-unit-no-label label {
  display: none !important;
}
.warehouses-finder-form .warehouse-unit-no-label .select2-selection__clear {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.warehouses-finder-filter-content {
  display: none;
}
.warehouses-finder-filter-content.is-open {
  display: block;
}

.warehouses-finder-filter-toggle.is-open i {
  transform: rotate(180deg);
}

.warehouses-finder-body {
  height: 100%;
}

.warehouses-finder-container {
  position: relative;
  flex-grow: 1;
  height: 100%;
}

.warehouses-map {
  display: none;
}
.warehouses-map > .google-map, .warehouses-map > .bing-map {
  width: 100%;
  height: 100% !important;
}

.warehouses-map.is-active {
  display: flex;
}

.warehouses-map-legend {
  display: none;
}
.warehouses-map-legend.is-active {
  display: flex;
}

.warehouses-list {
  display: none !important;
}
.warehouses-list.is-active {
  display: grid !important;
}

.warehouses-finder-action.is-active {
  background-color: #f3f4f6;
  border-radius: 8px;
}
.warehouses-finder-action.is-active i {
  color: #374151 !important;
}

.warehouses-map-legend-item.is-hidden {
  opacity: 0.35;
}
.warehouses-map-legend-item.is-hidden span {
  text-decoration: line-through;
}

.warehouses-map-legend-item.is-hidden:hover {
  opacity: 0.5;
}

.warehouses-info-container {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  background-color: white;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10;
}
.warehouses-info-container.is-active {
  transform: translateX(0);
}

.warehouse-page {
  position: relative;
  z-index: 10000;
  display: none;
  background: white;
}
.warehouse-page.is-active {
  display: block;
}

.warehouse-map-popup,
.acled-map-popup,
.port-map-popup,
.office-map-popup {
  font-weight: 400;
}

.acled-map-popup {
  min-width: 220px;
}
.acled-map-popup h4 {
  font-size: 14px;
  font-weight: 600;
}
.acled-map-popup p {
  font-size: 12px;
}

.warehouses-body {
  overflow-x: hidden;
}

.warehouses-content {
  padding-bottom: 0;
}

.warehouses-finder-page {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
@media screen and (max-width: 1368px) {
  .warehouses-finder-page {
    flex-direction: column;
  }
}

/*# sourceMappingURL=app.output.css.map */