@charset "UTF-8";
.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;
  }
}

[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;
}

/**
FIX SELECT2 SELECT ALL CHECKBOX SPACING
 */
label.select2-select-all-label {
  margin: 10px 13px 0;
  padding-bottom: 5px;
}

*[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%;
}

.iti--separate-dial-code {
  width: 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;
}

:root {
  --primary: $primaryColor;
  --secondary: $secondaryColor;
  --warning: $warningColor;
  --danger: $dangerColor;
  --success: $successColor;
  --info: $infoColor;
}

.vehicule-fleet-registration-plate {
  position: relative;
  width: 110px;
  height: 26px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.vehicule-fleet-registration-plate span {
  position: absolute;
  z-index: 1;
  left: calc(50% + 8px);
  top: 50%;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1;
  color: black;
  transform: translate(-50%, -50%);
}

.vehicule-fleet-fleet-contract {
  list-style: none;
  padding-left: 0;
}

.vehicule-fleet-brand {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.vehicule-fleet-brand img {
  max-width: 40px !important;
  max-height: 40px !important;
}
.vehicule-fleet-brand .vehicule-fleet-brand-name {
  margin-left: 8px;
  font-weight: bold;
  margin-bottom: 0;
}

.audit-context-content {
  display: inline-block;
  overflow-wrap: break-word;
  white-space: break-spaces;
  max-width: 600px;
}

.audit-simplified-context-content {
  display: inline-block;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 400px;
}

.audit-message {
  overflow-wrap: break-word;
  max-width: 300px;
  display: inline-block;
  white-space: normal;
}

.data-dictionary-calendar-weekly-hours-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.data-dictionary-calendar-weekly-hours-info {
  margin-top: 5px;
}

.data-dictionary-calendar-weekly-hours-widget-day {
  flex-grow: 1;
}
.data-dictionary-calendar-weekly-hours-widget-day:nth-last-child(-n+2) .data-dictionary-calendar-weekly-hours-widget-day-name {
  background-color: #cbcbd2;
}

.data-dictionary-calendar-weekly-hours-widget-day-name {
  padding: 8px 2px;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  background-color: #dfdfe5;
  border: 1px solid #e2e5ec;
  border-bottom: 0;
  font-weight: bold;
}

.data-dictionary-calendar-weekly-hours-widget-day-value input {
  text-align: center;
  border-radius: 0;
}
.data-dictionary-calendar-weekly-hours-widget-day-value input::-webkit-outer-spin-button,
.data-dictionary-calendar-weekly-hours-widget-day-value input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.data-dictionary-calendar-weekly-hours-widget-day-value input[type=number] {
  -moz-appearance: textfield;
}

.data-dictionary-duration-interval input::-webkit-outer-spin-button,
.data-dictionary-duration-interval input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.data-dictionary-distribution-by-country {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.data-dictionary-distribution-by-country > .form-group {
  max-width: 50%;
  flex-basis: 50%;
  margin-right: 5px;
}
.data-dictionary-distribution-by-country > .form-group .col-lg-8 {
  max-width: 100%;
  flex-basis: 100%;
}
.data-dictionary-distribution-by-country > .form-group .col-lg-4 {
  display: none;
}

.luxapps-wizard .kt-wizard-v2__nav-label {
  flex-direction: row !important;
}
.luxapps-wizard .kt-wizard-v2__nav-label .kt-badge {
  margin-left: 5px;
}
.luxapps-wizard .kt-grid__item.kt-wizard-v2__aside {
  padding-top: 0;
}
.luxapps-wizard .kt-heading {
  display: none;
}

.luxapps-wizard-content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  width: 100%;
}
.luxapps-wizard-content-container *[data-ktwizard-type=step-content] {
  width: 100%;
}
.luxapps-wizard-content-container .kt-form__actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.luxapps-wizard-content-container .kt-form__actions .btn {
  margin-left: 5px;
  margin-right: 5px;
}

label[for*=_requiredForFormSectionValidation]:not(.form-check-label), label[for*=_field_required][for*=form_form_]:not(.form-check-label) {
  display: none;
}

.external-task-timelogs-widget .select2 {
  width: 100% !important;
}

.timelog-calendar-by-days-container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1rem;
  margin-bottom: 20px;
}
.timelog-calendar-by-days-container:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  height: 2px;
  left: 0;
  right: 0;
  background-color: #cdcdcd;
}
.timelog-calendar-by-days-container .timelog-calendar-by-days {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-grow: 1;
  overflow-x: scroll;
}
.timelog-calendar-by-days-container .timelog-calendar-by-days[data-nb-days="27"] .timelog-calendar-day-container {
  min-width: 55px;
  max-width: calc(100% / 27);
  flex-basis: calc(100% / 27);
}
.timelog-calendar-by-days-container .timelog-calendar-by-days[data-nb-days="28"] .timelog-calendar-day-container {
  min-width: 55px;
  max-width: calc(100% / 28);
  flex-basis: calc(100% / 28);
}
.timelog-calendar-by-days-container .timelog-calendar-by-days[data-nb-days="29"] .timelog-calendar-day-container {
  min-width: 55px;
  max-width: calc(100% / 29);
  flex-basis: calc(100% / 29);
}
.timelog-calendar-by-days-container .timelog-calendar-by-days[data-nb-days="30"] .timelog-calendar-day-container {
  min-width: 55px;
  max-width: calc(100% / 30);
  flex-basis: calc(100% / 30);
}
.timelog-calendar-by-days-container .timelog-calendar-by-days[data-nb-days="31"] .timelog-calendar-day-container {
  min-width: 55px;
  max-width: calc(100% / 31);
  flex-basis: calc(100% / 31);
}
.timelog-calendar-by-days-container .timelog-calendar-by-days[data-nb-days="32"] .timelog-calendar-day-container {
  min-width: 55px;
  max-width: calc(100% / 32);
  flex-basis: calc(100% / 32);
}
.timelog-calendar-by-days-container .timelog-calendar-by-days[data-nb-days="33"] .timelog-calendar-day-container {
  min-width: 55px;
  max-width: calc(100% / 33);
  flex-basis: calc(100% / 33);
}
.timelog-calendar-by-days-container .timelog-calendar-day-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.timelog-calendar-by-days-container .timelog-calendar-day-container:hover {
  background-color: #f1f1f1;
}
.timelog-calendar-by-days-container .timelog-calendar-total {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 150px;
  flex-basis: 150px;
  padding: 0 10px;
}

.timelog-calendar-day-name {
  text-transform: uppercase;
}

.timelog-calendar-day-tooltip-message {
  display: inline-block;
}

.timelog-calendar-day-not-working .timelog-calendar-day-name, .timelog-calendar-day-not-working .timelog-calendar-day-infos {
  color: #a2a8ab !important;
}

.timelog-calendar-last-day-week {
  position: relative;
  border-right: 2px solid #cdcdcd;
}

.timelog-calendar-timing {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.timelog-calendar-total-title {
  margin-bottom: 8px;
}

.timelog-calendar-difference {
  margin-top: 8px;
}

.timelog-calendar-timing-not-realized .timelog-calendar-total-realized, .timelog-calendar-timing-not-realized .timelog-calendar-difference {
  color: #c81d45;
}

.timelog-calendar-current-day {
  background-color: #f1f1f1;
}

.timelog-calendar-day-default .timelog-calendar-day-infos {
  color: #3fa8f4;
}
.timelog-calendar-day-default.timelog-calendar-current-day:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  height: 3px;
  left: 0;
  right: 0;
  background-color: #3fa8f4;
}

.timelog-calendar-current-day-total-default {
  color: #3fa8f4;
}

.timelog-calendar-day-primary .timelog-calendar-day-infos {
  color: #3fa8f4;
}
.timelog-calendar-day-primary.timelog-calendar-current-day:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  height: 3px;
  left: 0;
  right: 0;
  background-color: #3fa8f4;
}

.timelog-calendar-current-day-total-primary {
  color: #3fa8f4;
}

.timelog-calendar-day-secondary .timelog-calendar-day-infos {
  color: #1e1e1e;
}
.timelog-calendar-day-secondary.timelog-calendar-current-day:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  height: 3px;
  left: 0;
  right: 0;
  background-color: #1e1e1e;
}

.timelog-calendar-current-day-total-secondary {
  color: #1e1e1e;
}

.timelog-calendar-day-success .timelog-calendar-day-infos {
  color: #00998f;
}
.timelog-calendar-day-success.timelog-calendar-current-day:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  height: 3px;
  left: 0;
  right: 0;
  background-color: #00998f;
}

.timelog-calendar-current-day-total-success {
  color: #00998f;
}

.timelog-calendar-day-danger .timelog-calendar-day-infos {
  color: #c81d45;
}
.timelog-calendar-day-danger.timelog-calendar-current-day:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  height: 3px;
  left: 0;
  right: 0;
  background-color: #c81d45;
}

.timelog-calendar-current-day-total-danger {
  color: #c81d45;
}

.timelog-calendar-day-warning .timelog-calendar-day-infos {
  color: #f18628;
}
.timelog-calendar-day-warning.timelog-calendar-current-day:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  height: 3px;
  left: 0;
  right: 0;
  background-color: #f18628;
}

.timelog-calendar-current-day-total-warning {
  color: #f18628;
}

.timelog-calendar-day-info .timelog-calendar-day-infos {
  color: #75c1ea;
}
.timelog-calendar-day-info.timelog-calendar-current-day:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  height: 3px;
  left: 0;
  right: 0;
  background-color: #75c1ea;
}

.timelog-calendar-current-day-total-info {
  color: #75c1ea;
}

.timelog-calendar-day-infos {
  margin-bottom: 8px;
}

.timelog-calendar-day-name {
  margin-top: 8px;
}

.timelog-calendar-day-name, .timelog-calendar-day-number {
  margin-bottom: 8px;
  color: initial !important;
}

.timelog-calendar-by-days {
  scrollbar-width: none;
}

[data-container=request-timelogs] {
  overflow-y: scroll;
  max-height: 500px;
}

[data-trigger=timelog-total-hours-label] {
  text-align: right;
  font-weight: bold;
}

tr[data-container=timelog-request-row][disabled] input[readonly] {
  background-color: #F5F5F5 !important;
  pointer-events: none;
  color: #AAA;
  cursor: not-allowed;
}
tr[data-container=timelog-request-row] td {
  vertical-align: inherit;
  border-top: none;
}
tr[data-container=timelog-request-row] td[data-container=timelog-request-row-info] {
  text-align: center;
  vertical-align: middle;
}

a[data-trigger-user-card-id]:hover {
  cursor: progress;
}
a[data-trigger-user-card-id].user-card-is-loaded {
  cursor: pointer;
}

.user-card-wrapper {
  display: inline-block;
  position: relative;
}

.user-card {
  width: 400px;
  position: absolute;
  z-index: 1000;
  background-color: white;
  bottom: 40px;
  left: 0;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(128, 128, 128, 0.4);
}
.user-card:after {
  content: "";
  position: absolute;
  z-index: 1001;
  left: 20px;
  bottom: -15px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid white;
}
.user-card.user-card-right:after {
  left: initial;
  right: 20px;
}

.user-card-inner {
  padding: 15px;
  max-height: 500px;
  overflow-y: auto;
}

.datatable-column-size-300 {
  display: block;
  white-space: normal;
  width: 300px;
}

.datatable-column-size-400 {
  display: block;
  white-space: normal;
  width: 400px;
}

.flatpickr-calendar.hasTime.noCalendar.animate.open {
  width: 150px;
}

.table-timecard-show {
  position: relative;
  width: 100%;
}
.table-timecard-show[data-timecard-days="28"] > thead > tr > th [data-container=header-day] {
  width: calc((100% - (6% + 8%)) / 28);
}
.table-timecard-show[data-timecard-days="29"] > thead > tr > th[data-container=header-day] {
  width: calc((100% - (6% + 8%)) / 29);
}
.table-timecard-show[data-timecard-days="30"] > thead > tr > th[data-container=header-day] {
  width: calc((100% - (6% + 8%)) / 30);
}
.table-timecard-show[data-timecard-days="31"] > thead > tr > th[data-container=header-day] {
  width: calc((100% - (6% + 8%)) / 31);
}
.table-timecard-show > thead > tr > th {
  font-size: 0.9em;
  background-color: white;
}
.table-timecard-show > thead > tr > th[data-container=header-timelog-type] {
  border-right: 0;
  width: 6%;
}
.table-timecard-show > thead > tr > th[data-container=header-total] {
  border-left: 0;
  text-align: center;
  width: 8%;
}
.table-timecard-show > thead > tr > th.is-today {
  font-weight: bold;
}
.table-timecard-show > thead.table-sticky-head {
  position: sticky;
  z-index: 9999;
}
.table-timecard-show > tbody > tr[data-trigger=external-employee] {
  background-color: #ebedf2;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-timecard-show > tbody > tr[data-trigger=external-employee] > td {
  padding: 10px 2px;
}
.table-timecard-show > tbody > tr[data-trigger=external-employee] > td {
  min-height: 15px;
}
.table-timecard-show > tbody > tr > td {
  text-align: center;
  vertical-align: middle;
}
.table-timecard-show > tbody > tr > td[data-container=beneficiary] {
  text-align: right;
  font-weight: bold;
}
.table-timecard-show > tbody > tr > td[data-container=timelog-total] {
  text-align: right;
  border-left: 0;
}
.table-timecard-show > tbody > tr > td[data-container=timelog-total][data-has-pending-timelogs] {
  color: #f18628;
  font-weight: bold;
}
.table-timecard-show > tbody > tr > td[data-container=external-task-total] {
  text-align: right;
  border-left: 0;
}
.table-timecard-show > tbody > tr > td[data-container=external-task-total].external-task-total-default {
  color: #3fa8f4;
}
.table-timecard-show > tbody > tr > td[data-container=external-task-total].external-task-total-primary {
  color: #3fa8f4;
}
.table-timecard-show > tbody > tr > td[data-container=external-task-total].external-task-total-secondary {
  color: #1e1e1e;
}
.table-timecard-show > tbody > tr > td[data-container=external-task-total].external-task-total-success {
  color: #00998f;
}
.table-timecard-show > tbody > tr > td[data-container=external-task-total].external-task-total-danger {
  color: #c81d45;
}
.table-timecard-show > tbody > tr > td[data-container=external-task-total].external-task-total-warning {
  color: #f18628;
}
.table-timecard-show > tbody > tr > td[data-container=external-task-total].external-task-total-info {
  color: #75c1ea;
}
.table-timecard-show > tbody > tr > td[data-sub-container=timelog-not-empty] {
  border-left: 0 !important;
  border-right: 0 !important;
}
.table-timecard-show > tbody > tr > td[data-container=stats] {
  text-align: left;
  white-space: normal;
}
.table-timecard-show > tbody > tr[data-container=row-timelogs] > td[data-container=timelog-type] {
  width: 5%;
  white-space: nowrap;
  text-align: right;
  border-right: 0;
}
.table-timecard-show > tbody > tr[data-container=row-timelogs] > td[data-container=timelog-type][data-has-pending-timelogs] i[data-pending-icon] {
  color: #f18628;
}
.table-timecard-show > tbody > tr[data-container=row-timelogs] > td[data-container=timelog] {
  padding: 0;
  font-size: 0.9em;
  text-align: center;
  line-height: 100%;
  color: black;
}
.table-timecard-show > tbody > tr[data-container=row-timelogs] > td[data-container=timelog] a {
  color: inherit;
}
.table-timecard-show > tbody > tr[data-container=row-timelogs] > td[data-container=timelog][data-pending-timelog] {
  opacity: 0.5;
}
.table-timecard-show > tbody > tr[data-container=row-timelogs] > td[data-container=timelog][data-date][data-disabled] {
  cursor: not-allowed;
  background-color: #d7d7d7 !important;
  border: 1px solid #d7d7d7 !important;
  border-top: 1px solid #d7d7d7 !important;
  border-top-color: #d7d7d7 !important;
  border-left-color: #d7d7d7 !important;
  border-right-color: #d7d7d7 !important;
  border-spacing: 0;
}
.table-timecard-show > tbody > tr[data-container=row-external-tasks] > td[data-container=external-task] {
  width: 5%;
  white-space: nowrap;
  text-align: right;
  border-right: 0;
}
.table-timecard-show > thead > tr > th.public-holiday, .table-timecard-show > tbody > tr > td.public-holiday {
  background: #f7f7c9;
}
.table-timecard-show > thead > tr > th.is-today, .table-timecard-show > tbody > tr > td.is-today {
  background-color: #fafafa;
  font-weight: bold;
}

[data-container=timecard-prev-next-filter] {
  white-space: nowrap;
}

[data-fullcalendar-reference=fullcalendar_filter_timecard_by_external_employees] ~ span.select2-container {
  width: 100%;
}

.timecard-show-and-update-timelogs-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.timecard-show-and-update-timelogs-menu > * {
  padding: 0 4px;
}
.timecard-show-and-update-timelogs-menu .btn-group-sm > .btn.btn-icon, .timecard-show-and-update-timelogs-menu .btn.btn-icon.btn-sm {
  width: 3rem;
  height: 3rem;
}

.timecard-heading-title-navigation .select2-selection__rendered {
  line-height: 1.25 !important;
}

button[data-trigger-switch-beneficiary-select].disabled {
  cursor: not-allowed;
}
button[data-trigger-switch-beneficiary-select].disabled:hover {
  background-color: #e1e1ef;
}

[data-container=stats] {
  min-height: 25px;
  line-height: 25px;
}

.fc-empty-resource:not([data-resource-id*="(h)"]), td.fc-resource-area [data-resource-id] .fc-widget-content:not(:first-child) .fc-cell-text:not(.fc-loaded) {
  height: 0 !important;
  display: none !important;
}

:root {
  --primary: $primaryColor;
  --secondary: $secondaryColor;
  --warning: $warningColor;
  --danger: $dangerColor;
  --success: $successColor;
  --info: $infoColor;
}

/**
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: #3fa8f4;
}

input:autofill, input:-webkit-autofill, input:-webkit-autofill:focus {
  background-color: #9fd4fa !important;
}

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

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

.form-control.is-invalid {
  border-color: #c81d45;
}

.icon-checkbox-widget input:checked ~ i {
  color: #3fa8f4;
}
.icon-checkbox-widget input:disabled ~ i {
  color: #c8cad5;
}
.icon-checkbox-widget input:disabled:checked ~ i {
  color: #9fd4fa;
}
.icon-checkbox-widget i {
  color: #e5e5e5;
}

* {
  font-family: inherit;
}

body {
  color: #1e1e1e;
}

.la, .fa, .fas {
  color: #1e1e1e;
}

.pull-right {
  float: right;
}

a.text-hover-brand:hover {
  color: #3fa8f4 !important;
}

.text-brand {
  color: #3fa8f4 !important;
}

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

.kt-subheader .kt-subheader__main .kt-subheader__title {
  color: #1e1e1e;
}

.kt-font-brand {
  color: #3fa8f4 !important;
}

.kt-font-primary {
  color: #3fa8f4 !important;
}

.kt-font-secondary {
  color: #1e1e1e !important;
}

.kt-font-success {
  color: #00998f !important;
}

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

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

.kt-font-danger {
  color: #c81d45 !important;
}

.alert.alert-brand, .alert.alert-outline-brand {
  border: 1px solid #3fa8f4;
}
.alert.alert-brand {
  background: #3fa8f4;
}
.alert.alert-brand i {
  font-size: 20px;
}
.alert.alert-solid-brand i {
  font-size: 20px;
}
.alert.alert-outline-brand {
  color: #3fa8f4;
}
.alert.alert-outline-brand .alert-text {
  color: #3fa8f4;
}
.alert.alert-primary, .alert.alert-outline-primary {
  border: 1px solid #3fa8f4;
}
.alert.alert-primary {
  background: #3fa8f4;
}
.alert.alert-primary i {
  font-size: 20px;
}
.alert.alert-solid-primary i {
  font-size: 20px;
}
.alert.alert-outline-primary {
  color: #3fa8f4;
}
.alert.alert-outline-primary .alert-text {
  color: #3fa8f4;
}
.alert.alert-success, .alert.alert-outline-success {
  border: 1px solid #00998f;
}
.alert.alert-success {
  background: #00998f;
}
.alert.alert-success i {
  font-size: 20px;
}
.alert.alert-solid-success i {
  font-size: 20px;
}
.alert.alert-outline-success {
  color: #00998f;
}
.alert.alert-outline-success .alert-text {
  color: #00998f;
}
.alert.alert-info, .alert.alert-outline-info {
  border: 1px solid #75c1ea;
}
.alert.alert-info {
  background: #75c1ea;
}
.alert.alert-info i {
  font-size: 20px;
}
.alert.alert-solid-info i {
  font-size: 20px;
}
.alert.alert-outline-info {
  color: #75c1ea;
}
.alert.alert-outline-info .alert-text {
  color: #75c1ea;
}
.alert.alert-warning, .alert.alert-outline-warning {
  border: 1px solid #f18628;
}
.alert.alert-warning {
  background: #f18628;
}
.alert.alert-warning i {
  font-size: 20px;
}
.alert.alert-solid-warning i {
  font-size: 20px;
}
.alert.alert-outline-warning {
  color: #f18628;
}
.alert.alert-outline-warning .alert-text {
  color: #f18628;
}
.alert.alert-danger, .alert.alert-outline-danger {
  border: 1px solid #c81d45;
}
.alert.alert-danger {
  background: #c81d45;
}
.alert.alert-danger i {
  font-size: 20px;
}
.alert.alert-solid-danger i {
  font-size: 20px;
}
.alert.alert-outline-danger {
  color: #c81d45;
}
.alert.alert-outline-danger .alert-text {
  color: #c81d45;
}
.alert.alert-solid-brand {
  border: 1px solid #9fd4fa;
}
.alert.alert-solid-brand {
  background: #9fd4fa;
}
.alert.alert-solid-primary {
  border: 1px solid #9fd4fa;
}
.alert.alert-solid-primary {
  background: #9fd4fa;
}
.alert.alert-solid-success {
  border: 1px solid #00ffee;
}
.alert.alert-solid-success {
  background: #00ffee;
}
.alert.alert-solid-info {
  border: 1px solid #cee9f7;
}
.alert.alert-solid-info {
  background: #cee9f7;
}
.alert.alert-solid-warning {
  border: 1px solid #f7bc88;
}
.alert.alert-solid-warning {
  background: #f7bc88;
}
.alert.alert-solid-danger {
  border: 1px solid #e86382;
}
.alert.alert-solid-danger {
  background: #e86382;
}
.alert.alert-outline-warning .alert-close i, .alert.alert-outline-warning .alert-icon i {
  color: #f18628;
}
.alert.alert-outline-danger .alert-close i, .alert.alert-outline-danger .alert-icon i {
  color: #c81d45;
}
.alert.alert-outline-info .alert-close i, .alert.alert-outline-info .alert-icon i {
  color: #75c1ea;
}
.alert.alert-bottom-fixed {
  position: fixed;
  z-index: 999999;
  bottom: 0;
  left: 16%;
  right: 2%;
}
.alert .alert-text a {
  text-decoration: underline;
  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: #3fa8f4;
}

.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 {
  background: #3fa8f4 !important;
}
.kt-badge.kt-badge--unified-primary {
  color: #3fa8f4 !important;
  background: #9fd4fa !important;
}

.kt-badge.kt-badge--secondary {
  color: white !important;
  background: #1e1e1e !important;
}
.kt-badge.kt-badge--unified-secondary {
  color: #1e1e1e !important;
  background: #515151 !important;
}

.kt-badge.kt-badge--brand {
  background: #3fa8f4 !important;
}
.kt-badge.kt-badge--unified-brand {
  color: #3fa8f4 !important;
  background: #9fd4fa !important;
}

.kt-badge.kt-badge--info {
  background: #75c1ea !important;
}
.kt-badge.kt-badge--unified-info {
  color: #75c1ea !important;
  background: #cee9f7 !important;
}

.kt-badge.kt-badge--success {
  background: #00998f !important;
}
.kt-badge.kt-badge--unified-success {
  color: #00998f !important;
  background: #00ffee !important;
}

.kt-badge.kt-badge--warning {
  background: #f18628 !important;
}
.kt-badge.kt-badge--unified-warning {
  color: #f18628 !important;
  background: #f7bc88 !important;
}

.kt-badge.kt-badge--danger {
  background: #c81d45 !important;
}
.kt-badge.kt-badge--unified-danger {
  color: #c81d45 !important;
  background: #e86382 !important;
}

.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: #f7bc88 !important;
}

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

.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: #1e1e1e;
}
.kt-login__aside .kt-login__title, .kt-login__aside .kt-login__subtitle, .kt-login__aside .kt-login__copyright {
  color: white;
}
.kt-login__aside .kt-login__title a, .kt-login__aside .kt-login__subtitle a, .kt-login__aside .kt-login__copyright a {
  color: white;
}
.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: #3fa8f4;
}

.dropdown-item-primary.active, .dropdown-item-primary:active {
  background-color: #3fa8f4;
}

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

.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 .kt-portlet__head-label .kt-portlet__head-title {
  color: #1e1e1e;
}
.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-aside__brand .kt-aside__brand-tools .kt-aside__brand-aside-toggler svg g [fill] {
  fill: white;
}

.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: #1e1e1e;
}

body:not(.layout-2) .kt-header .kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon i, body:not(.layout-2) .kt-header .kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon i {
  color: #3fa8f4;
}
body:not(.layout-2) .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
  color: #1e1e1e;
}
body:not(.layout-2) .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading,
body:not(.layout-2) .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link {
  background-color: #161616;
}
body:not(.layout-2) .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active > .kt-menu__heading,
body:not(.layout-2) .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--active > .kt-menu__link {
  background-color: #161616;
}
body:not(.layout-2) .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:not(.layout-2) .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: #161616;
}
body:not(.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:not(.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: #1e1e1e;
}
body:not(.layout-2) .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:not(.layout-2) .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: #1e1e1e;
}
body:not(.layout-2) .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:not(.layout-2) .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:not(.layout-2) .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:not(.layout-2) .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: #1e1e1e;
}
body:not(.layout-2) .kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
  color: #1e1e1e;
}

.kt-aside-menu {
  background-color: #1e1e1e;
}
.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: #1e1e1e;
}
.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: white;
}
.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: white;
}
.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: #74788d;
}
.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: #74788d;
}

.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: #161616;
}
.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 {
  color: white;
  opacity: 1;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
  transition: ease-out all 0.2s;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
  color: white;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
  color: white;
  opacity: 0.6;
}
.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: #161616;
}
.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: white;
  opacity: 0.6;
}
.kt-aside-menu .kt-menu__nav > .kt-menu__section .kt-menu__section-text {
  color: rgba(255, 255, 255, 0.55);
}

.kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link > .kt-menu__link-icon {
  color: white;
  opacity: 0.6;
}

@media (min-width: 1025px) {
  .kt-aside__brand .kt-aside__brand-tools .kt-aside__brand-aside-toggler:hover svg g [fill] {
    fill: white;
  }
  .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: white;
  }
  .kt-aside--minimize .kt-aside-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link > .kt-menu__link-icon {
    color: white !important;
  }
}
@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-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-user img {
    display: none;
  }
}
.kt-menu__item .kt-menu__link .kt-badge {
  margin-right: 7px;
}
.kt-menu__item .kt-menu__link-text .kt-badge {
  margin-left: 3px;
}

body.layout-1 .kt-header__topbar .kt-head, body.layout-1 .kt-header__topbar .kt-user-card {
  background-color: #3fa8f4;
}
body.layout-2 .kt-header__topbar .kt-head, body.layout-2 .kt-header__topbar .kt-user-card {
  background-color: #3fa8f4;
}
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: #161616;
}
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: white;
}
body.layout-2 .kt-header {
  background-color: #1e1e1e;
}
body.layout-2 .kt-header .kt-header__bottom {
  background-color: #161616;
}
body.layout-2 .kt-footer .kt-footer__bottom {
  background-color: #161616;
}

.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: white;
}

.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 #3fa8f4;
}

.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: #3fa8f4 !important;
  color: #fff;
}

.nav-tabs .nav-item .nav-link {
  color: #1e1e1e;
}

.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: #3fa8f4 !important;
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-home:hover > i {
  color: #3fa8f4;
}
.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link:hover {
  color: #1e1e1e;
}
.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: #3fa8f4;
}

.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: #3fa8f4 !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: #3fa8f4;
  right: -9px;
  top: 50%;
  border-radius: 100%;
  transform: translateY(-50%);
}

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

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
  padding: 7px 25px;
}

.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;
}

.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: #3fa8f4 !important;
}

.bg-secondary {
  background-color: #1e1e1e !important;
}

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

a {
  color: #3fa8f4;
}
a:hover {
  color: #3fa8f4;
  text-decoration: underline;
}

.kt-widget31 .kt-widget31__item .kt-widget31__content .kt-widget31__info .kt-widget31__username {
  color: #3fa8f4;
}
.kt-widget31 .kt-widget31__item .kt-widget31__content .kt-widget31__info .kt-widget31__username:hover {
  color: #3fa8f4;
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot {
  color: #3fa8f4;
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot:hover {
  color: #3fa8f4;
}

.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: 400px;
}

.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: #3fa8f4;
  border: 1px solid #3fa8f4;
}

.kt-quick-panel .kt-quick-panel__close:hover {
  background-color: #3fa8f4;
}

.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: #74788d;
  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: #3fa8f4 !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: #348bcb;
}

.btn-brand.focus, .btn-brand:focus {
  background-color: #3fa8f4 !important;
  border-color: #3fa8f4 !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: #3fa8f4 !important;
  border-color: #3fa8f4 !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: #348bcb !important;
  border-color: #348bcb !important;
}
.btn.btn-primary:disabled, .btn.btn-primary.disabled {
  opacity: 0.3;
}
.btn.btn-danger {
  background-color: #c81d45;
  border-color: #c81d45;
}
.btn.btn-danger:hover {
  background-color: #c81d45;
  border-color: #c81d45;
}
.btn.btn-success {
  background-color: #00998f;
  border-color: #00998f;
}
.btn.btn-success:hover, .btn.btn-success:not(:disabled):not(.disabled):active {
  background-color: #00998f;
  border-color: #00998f;
}
.btn.btn-success:disabled, .btn.btn-success.disabled {
  opacity: 0.3;
}
.btn.btn-label-brand {
  background-color: #3fa8f4;
  color: white;
}
.btn.btn-clean i {
  color: #3fa8f4;
}
.btn.btn-clean.active, .btn.btn-clean:active, .btn.btn-clean:hover {
  color: #348bcb;
}
.btn.btn-clean.active i, .btn.btn-clean:active i, .btn.btn-clean:hover i {
  color: #348bcb;
}
.btn.btn-clean.btn-font-warning i {
  color: #f18628;
}
.btn.btn-clean.btn-font-warning.active, .btn.btn-clean.btn-font-warning:active, .btn.btn-clean.btn-font-warning:hover {
  color: #f18628;
}
.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: #f18628;
}
.btn.btn-clean.btn-font-danger i {
  color: #c81d45;
}
.btn.btn-clean.btn-font-danger.active, .btn.btn-clean.btn-font-danger:active, .btn.btn-clean.btn-font-danger:hover {
  color: #c81d45;
}
.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: #c81d45;
}
.btn.disabled[data-toggle-tooltip], .btn [disabled][data-toggle-tooltip] {
  pointer-events: initial;
}
.btn.btn-outline-warning {
  border-color: #f18628;
  color: #f18628;
}
.btn.btn-outline-warning.active, .btn.btn-outline-warning:active, .btn.btn-outline-warning:hover {
  background-color: #f18628;
  border-color: #f18628;
  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: #c81d45;
  color: #c81d45;
}
.btn.btn-outline-danger.active, .btn.btn-outline-danger:active, .btn.btn-outline-danger:hover {
  background-color: #c81d45;
  border-color: #c81d45;
  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: #3fa8f4;
  border-color: #3fa8f4;
}
.btn.btn-default i {
  color: #3fa8f4;
}

.btn-brand, .btn-brand:hover {
  background-color: #3fa8f4;
  border-color: #3fa8f4;
}
.btn-brand:hover, .btn-brand:not(:disabled):not(.disabled):active, .btn-brand:hover:hover, .btn-brand:hover:not(:disabled):not(.disabled):active {
  background-color: #348bcb;
  border-color: #348bcb;
}

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

.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: #3fa8f4;
}

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

.btn.btn-clean.current {
  background: #f0f3ff;
}

.kt-header-mobile {
  background-color: #1e1e1e;
}
.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: rgba(255, 255, 255, 0.55);
}
.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__topbar .kt-header__topbar-item.show .kt-header__topbar-icon {
  background-color: #161616;
}
.kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon {
  background-color: #161616;
}

.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: #3fa8f4;
}

.kt-nav__link-icon {
  color: #1e1e1e;
}

.kt-aside, .kt-aside__brand {
  background-color: #1e1e1e;
}

.kt-infobox__content img {
  max-width: 100%;
}

.kt-infobox .kt-infobox__body .kt-infobox__section .kt-infobox__content {
  color: #1e1e1e;
}

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

.text-primary {
  color: #3fa8f4 !important;
}

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

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

.kt-avatar .kt-avatar__upload i {
  color: #3fa8f4;
}
.kt-avatar .kt-avatar__upload:hover {
  background-color: #3fa8f4;
}

.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: #3fa8f4;
}
.kt-iconbox .la, .kt-iconbox .fa, .kt-iconbox .fas {
  color: #3fa8f4;
}
.kt-iconbox.kt-iconbox--success .kt-iconbox__number {
  color: #00998f;
}
.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: rgba(0, 153, 143, 0.1) !important;
}
.kt-iconbox.kt-iconbox--success .kt-iconbox__body .kt-iconbox__desc .kt-iconbox__title {
  color: #00998f;
}
.kt-iconbox.kt-iconbox--danger .kt-iconbox__number {
  color: #c81d45;
}
.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: rgba(200, 29, 69, 0.1) !important;
}
.kt-iconbox.kt-iconbox--danger .kt-iconbox__body .kt-iconbox__desc .kt-iconbox__title {
  color: #c81d45;
}
.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: #3fa8f4 !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: #3fa8f4 !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: #3fa8f4 !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: #3fa8f4 !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: #3fa8f4 !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: #3fa8f4 !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: #3fa8f4 !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: #3fa8f4 !important;
}

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

.kt-notification .kt-notification__item:after {
  content: "\f105" !important;
  font: var(--fa-font-solid) !important;
}

.kt-notification .kt-notification__item .kt-notification__item-icon i {
  color: #3fa8f4;
}
.kt-notification .kt-notification__item:hover .kt-notification__item-details .kt-notification__item-title {
  color: #3fa8f4;
}

.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--primary:before {
  background-color: #3fa8f4;
}
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--secondary:before {
  background-color: #1e1e1e;
}
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--brand:before {
  background-color: #3fa8f4;
}
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--info:before {
  background-color: #75c1ea;
}
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--success:before {
  background-color: #00998f;
}
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--warning:before {
  background-color: #f18628;
}
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--danger:before {
  background-color: #c81d45;
}

.modal .modal-content .modal-header .close {
  color: #3fa8f4;
}
.modal .modal-content .modal-header .close:hover {
  color: #1e1e1e;
}
.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: #3fa8f4;
}

.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;
}
.dropdown-settings-nav .kt-nav {
  max-height: calc(100vh - 10px);
}

.kt-spinner.kt-spinner--primary:before {
  border: 2px solid #3fa8f4;
  border-right: 2px solid transparent;
}

@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;
}

.kt-widget--user-profile-1 ul.kt-menu__nav {
  list-style-type: none !important;
  padding-left: 0 !important;
}
.kt-widget--user-profile-1 ul.kt-menu__nav .kt-widget__icon i {
  width: 2rem;
  height: 1.5rem;
  color: #74788d !important;
}
.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--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--user-profile-1 ul.kt-menu__nav a.kt-widget__item[data-toggle=collapse] .kt-widget__desc {
  color: #74788d !important;
}
.kt-widget--user-profile-1 ul.kt-menu__nav a.kt-widget__item[data-toggle=collapse]:hover {
  background-color: transparent !important;
}
.kt-widget--user-profile-1 ul.kt-menu__nav a.kt-widget__item[data-toggle=collapse]:hover .kt-widget__desc {
  color: #74788d !important;
}
.kt-widget--user-profile-1 ul.kt-menu__nav .kt-menu__subnav {
  list-style-type: none !important;
  padding-left: 0 !important;
}
.kt-widget--user-profile-1 .kt-widget__footer .btn,
.kt-widget--user-profile-1 .button-list-nav.btn-group-vertical {
  width: 100%;
}
.kt-widget--user-profile-1 .kt-widget__footer .btn .btn-lg,
.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--user-profile-1 .kt-widget__footer .btn .btn-lg i,
.kt-widget--user-profile-1 .button-list-nav.btn-group-vertical .btn-lg i {
  color: inherit;
}

/**
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: #3fa8f4 !important;
}

.kt-widget4 .kt-widget4__item a.kt-widget4__title:hover {
  color: #3fa8f4;
}

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

.kt-widget4__username:hover {
  color: #3fa8f4 !important;
}

.kt-widget--user-profile-1 ul.kt-menu__nav .kt-widget__icon.text-success i {
  color: #00998f !important;
}
.kt-widget--user-profile-1 ul.kt-menu__nav .kt-widget__icon.text-warning i {
  color: #f18628 !important;
}
.kt-widget--user-profile-1 ul.kt-menu__nav .kt-widget__icon.text-danger i {
  color: #c81d45 !important;
}
.kt-widget--user-profile-1 ul.kt-menu__nav .kt-widget__icon.text-info i {
  color: #75c1ea !important;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username {
  color: #3fa8f4;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username:hover {
  color: #3fa8f4;
}
.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: #1e1e1e;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item:hover .kt-widget__desc {
  color: #1e1e1e;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info .kt-widget__data {
  color: #3fa8f4;
}
.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info a.kt-widget__data:hover {
  color: #3fa8f4;
}
.kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__info .kt-widget__username:hover {
  color: #3fa8f4;
}
.kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__item .kt-widget__contact a.kt-widget__data:hover {
  color: #3fa8f4;
}

.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-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__content {
  padding: 1.4rem 0 1rem 0;
}

.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: #00998f;
}
.workflow-container-1 .workflow-item-status-current:after {
  background-color: #3fa8f4;
}
.workflow-container-1 .workflow-item-status-to_come:after {
  background-color: #e5e5e5;
}
.workflow-container-1 .workflow-item-status-refused:after {
  background-color: #c81d45;
}

.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: #00998f;
}
.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: #00998f;
}
.workflow-container-2 .workflow-item-status-passed:after {
  background-color: #00998f;
}
.workflow-container-2 .workflow-item-status-current {
  background-color: #3fa8f4;
  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: #3fa8f4;
}
.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: #c81d45;
}
.workflow-container-2 .workflow-item-status-refused:after {
  background-color: #c81d45;
}

.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: #3fa8f4;
}
.select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #3fa8f4;
}

/**
@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: #3fa8f4 !important;
}
table.dataTable > tbody > tr.selected a {
  color: #3fa8f4 !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: #3fa8f4 !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[class^=sorting_], [data-provider=datatable] tr td[class^=sorting_] {
  background-color: rgba(77, 89, 149, 0.06);
}
[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: #3fa8f4;
}
.dataTables_wrapper .pagination .page-item.active > .page-link {
  background: #3fa8f4;
}
.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: #3fa8f4;
  color: #fff;
}

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

.beneficiary-timecard-message-textarea {
  margin-bottom: 0;
}
.beneficiary-timecard-message-textarea textarea {
  height: 300px;
}

.external-company-reporting-employee-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.external-company-reporting-employee-container .data-element {
  text-align: right;
  height: 20px;
  padding: 1px 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.external-company-reporting-employee-container .data-element.highlight {
  background-color: #ebedf2;
}
.external-company-reporting-employee-container .data-element-total {
  background-color: #ebedf2;
  border-bottom: 1px solid #ebedf2;
}
.external-company-reporting-employee-container .data-element-total-company, .external-company-reporting-employee-container .data-element-total-company.highlight {
  background-color: #adb5ca;
}
.external-company-reporting-employee-container .external-company-reporting-employee-header-employee, .external-company-reporting-employee-container .external-company-reporting-employee-header-monthly {
  height: 260px;
}
.external-company-reporting-employee-container[data-reporting-month] .external-company-reporting-employee-header-employee, .external-company-reporting-employee-container[data-reporting-month] .external-company-reporting-employee-header-monthly, .external-company-reporting-employee-container[data-reporting-month] .data-element {
  height: 32px;
}
.external-company-reporting-employee-container[data-reporting-month] .external-company-reporting-employee-header-monthly {
  justify-content: center;
}

.external-company-reporting-employee-headers {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.external-company-reporting-employee-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #ebedf2;
}

.external-company-reporting-employee-header-title,
.external-company-reporting-employee-data-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 200px;
  border-bottom: 1px solid #ebedf2;
}

.external-company-reporting-employee-header-employee {
  align-items: flex-start;
  height: 260px;
  max-width: 200px;
  width: 200px;
  padding: 15px;
}
@media screen and (max-width: 768px) {
  .external-company-reporting-employee-header-employee {
    max-width: 150px;
    width: 150px;
  }
}

.external-company-reporting-employee-header-monthly {
  background-color: #ebedf2;
  width: 55px;
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.external-company-reporting-employee-body {
  max-width: calc(100% - 200px - 55px);
  flex-basis: calc(100% - 200px - 55px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .external-company-reporting-employee-body {
    max-width: calc(100% - 150px - 55px);
    flex-basis: calc(100% - 150px - 55px);
  }
}
.external-company-reporting-employee-body:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  top: 0;
  width: 3px;
  left: 0;
  background: linear-gradient(90deg, #ebedf2 0%, rgba(255, 255, 255, 0) 100%);
}

.external-company-reporting-employee-body-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}

.external-company-reporting-employee-data-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 200px;
  max-width: 60px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ebedf2;
}

.external-company-reporting-employee-data-header-type {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 200px;
  flex-basis: 60px;
  margin-bottom: -60px;
  transform-origin: 0 0;
  transform: rotate(-90deg);
  height: 100%;
}

.external-task-project-reporting-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.external-task-project-reporting-container .data-element {
  text-align: right;
  height: 80px;
  padding: 1px 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  border-bottom: 1px solid #ebedf2;
}
.external-task-project-reporting-container .data-element.highlight {
  background-color: #ebedf2;
}
.external-task-project-reporting-container .data-element.with-cost .hours {
  font-weight: bold;
  line-height: 1.1;
}
.external-task-project-reporting-container .data-element.with-cost .cost {
  color: gray;
  font-size: 0.85em;
  line-height: 1.1;
}
.external-task-project-reporting-container .data-element-total {
  background-color: #ebedf2;
  border-bottom: 1px solid #ebedf2;
}
.external-task-project-reporting-container .data-element-total-company, .external-task-project-reporting-container .data-element-total-company.highlight {
  background-color: #adb5ca;
}

.external-task-project-reporting-headers {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.external-task-project-reporting-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-top: 165px;
}

.external-task-project-reporting-header-title {
  width: 100%;
  height: 35px;
  text-align: center;
  border-bottom: 1px solid #ebedf2;
}

.external-task-project-reporting-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 120px;
  width: 120px;
}
@media screen and (max-width: 768px) {
  .external-task-project-reporting-header {
    max-width: 90px;
    width: 90px;
  }
}

.external-task-project-reporting-header-budget {
  max-width: 230px;
  width: 230px;
}

.external-task-project-reporting-body {
  max-width: calc(100% - 480px);
  flex-basis: calc(100% - 480px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .external-task-project-reporting-body {
    max-width: calc(100% - 360px);
    flex-basis: calc(100% - 360px);
  }
}
.external-task-project-reporting-body:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  top: 0;
  width: 3px;
  left: 0;
  background: linear-gradient(90deg, #ebedf2 0%, rgba(255, 255, 255, 0) 100%);
}

.external-task-project-reporting-employee-header-value {
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #ebedf2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.external-task-project-reporting-employee-header-value > * {
  display: -webkit-box;
  max-width: 230px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
}

.external-task-project-reporting-body-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}

.external-task-project-reporting-data-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 60px;
  height: 200px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ebedf2;
}

.external-task-project-reporting-data-header-type {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 200px;
  flex-basis: 60px;
  margin-bottom: -60px;
  transform-origin: 0 0;
  transform: rotate(-90deg);
  height: 100%;
}

.fc-resourceTimelineYear-view .fc-time-area .fc-timeline-event.fc-event {
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  margin-right: 0;
}

.fc-dayGridMonth-view .fc-day-grid-container .fc-day-grid-event.fc-event {
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  margin-right: 0;
}

.fc-view-container .fc-highlight {
  background-color: #5a5a5a;
}

.timecard-data-types-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-left: 200px;
  margin-bottom: 20px;
}

.timecard-data-types-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.timecard-data-types-beneficiaries-container {
  min-width: 200px;
  flex-basis: 200px;
}

.timecard-data-types-list-container {
  position: relative;
  min-width: calc(100% - 200px);
  flex-basis: calc(100% - 200px);
}
.timecard-data-types-list-container:before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  top: 0;
  width: 7px;
  left: 0;
  background: linear-gradient(90deg, #ebedf2 0%, rgba(235, 237, 242, 0) 100%);
}

.timecard-data-types-list-wrapper {
  width: 100%;
  overflow-x: scroll;
  padding-left: 5px;
}

.timecard-data-types-header {
  position: relative;
  height: 170px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px;
}
.timecard-data-types-header:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #ebedf2;
}

.timecard-data-types-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 170px;
}
.timecard-data-types-header-container .timecard-data-types-header {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding-bottom: 0;
  flex-basis: 80px;
  min-width: 80px;
  max-width: 200px;
  line-height: 1;
  flex-grow: 1;
  justify-content: center;
}
.timecard-data-types-header-container .timecard-data-types-header.timecard-data-types-input-long-text {
  flex-basis: 300px;
  min-width: 300px;
  max-width: 300px;
}
.timecard-data-types-header-container .timecard-data-types-type {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: calc(170px - 10px);
  flex-basis: calc(170px - 10px);
  margin-bottom: calc(-170px + 10px);
  transform-origin: 0 0;
  transform: rotate(-90deg);
  height: 100%;
}

.timecard-data-types-beneficiary {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
.timecard-data-types-beneficiary:not(:last-child):after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #ebedf2;
}

.timecard-data-types-beneficiary-informations {
  margin: 0 10px;
}

.timecard-data-types-input-container {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  transition: background-color 0.1s ease;
  --timecard-data-types-input-container-width: 100%;
}
.timecard-data-types-input-container:after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--timecard-data-types-input-container-width);
}
.timecard-data-types-input-container:hover:after {
  background-color: #ebedf2;
}
.timecard-data-types-input-container > div {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2px;
  height: 50px;
  flex-basis: 80px;
  min-width: 80px;
  max-width: 200px;
  flex-grow: 1;
}
.timecard-data-types-input-container > div.timecard-data-types-input-long-text {
  flex-basis: 300px;
  min-width: 300px;
  max-width: 300px;
}
.timecard-data-types-input-container:not(:last-child) > div:after {
  content: "";
  position: absolute;
  z-index: 2;
  left: -5px;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #ebedf2;
}
.timecard-data-types-input-container input {
  text-align: center;
}

.timecard-data-unit-type {
  color: #989898;
  text-transform: capitalize;
}

.timecard-data-type-default-rotate i {
  transform: rotate(90deg);
}

@media screen and (min-width: 1400px) {
  .timecard-data-types-nb-1 .timecard-data-types-header {
    line-height: 1.5;
    height: 80px;
    align-items: flex-end;
  }
  .timecard-data-types-nb-1 .timecard-data-types-header .timecard-data-types-type {
    transform: rotate(0);
    transform-origin: initial;
    min-width: initial;
    flex-basis: initial;
    margin-bottom: 5px;
    text-align: center;
    height: initial;
    align-items: center;
  }
  .timecard-data-types-nb-1 .timecard-data-types-header-container {
    height: initial;
  }
  .timecard-data-types-nb-1 .timecard-data-type-default-rotate i {
    transform: rotate(0);
  }
}

@media screen and (min-width: 1400px) {
  .timecard-data-types-nb-2 .timecard-data-types-header {
    line-height: 1.5;
    height: 80px;
    align-items: flex-end;
  }
  .timecard-data-types-nb-2 .timecard-data-types-header .timecard-data-types-type {
    transform: rotate(0);
    transform-origin: initial;
    min-width: initial;
    flex-basis: initial;
    margin-bottom: 5px;
    text-align: center;
    height: initial;
    align-items: center;
  }
  .timecard-data-types-nb-2 .timecard-data-types-header-container {
    height: initial;
  }
  .timecard-data-types-nb-2 .timecard-data-type-default-rotate i {
    transform: rotate(0);
  }
}

@media screen and (min-width: 1400px) {
  .timecard-data-types-nb-3 .timecard-data-types-header {
    line-height: 1.5;
    height: 80px;
    align-items: flex-end;
  }
  .timecard-data-types-nb-3 .timecard-data-types-header .timecard-data-types-type {
    transform: rotate(0);
    transform-origin: initial;
    min-width: initial;
    flex-basis: initial;
    margin-bottom: 5px;
    text-align: center;
    height: initial;
    align-items: center;
  }
  .timecard-data-types-nb-3 .timecard-data-types-header-container {
    height: initial;
  }
  .timecard-data-types-nb-3 .timecard-data-type-default-rotate i {
    transform: rotate(0);
  }
}

@media screen and (min-width: 1400px) {
  .timecard-data-types-nb-4 .timecard-data-types-header {
    line-height: 1.5;
    height: 80px;
    align-items: flex-end;
  }
  .timecard-data-types-nb-4 .timecard-data-types-header .timecard-data-types-type {
    transform: rotate(0);
    transform-origin: initial;
    min-width: initial;
    flex-basis: initial;
    margin-bottom: 5px;
    text-align: center;
    height: initial;
    align-items: center;
  }
  .timecard-data-types-nb-4 .timecard-data-types-header-container {
    height: initial;
  }
  .timecard-data-types-nb-4 .timecard-data-type-default-rotate i {
    transform: rotate(0);
  }
}

@media screen and (min-width: 1400px) {
  .timecard-data-types-nb-5 .timecard-data-types-header {
    line-height: 1.5;
    height: 80px;
    align-items: flex-end;
  }
  .timecard-data-types-nb-5 .timecard-data-types-header .timecard-data-types-type {
    transform: rotate(0);
    transform-origin: initial;
    min-width: initial;
    flex-basis: initial;
    margin-bottom: 5px;
    text-align: center;
    height: initial;
    align-items: center;
  }
  .timecard-data-types-nb-5 .timecard-data-types-header-container {
    height: initial;
  }
  .timecard-data-types-nb-5 .timecard-data-type-default-rotate i {
    transform: rotate(0);
  }
}

@media screen and (min-width: 1400px) {
  .timecard-data-types-nb-6 .timecard-data-types-header {
    line-height: 1.5;
    height: 80px;
    align-items: flex-end;
  }
  .timecard-data-types-nb-6 .timecard-data-types-header .timecard-data-types-type {
    transform: rotate(0);
    transform-origin: initial;
    min-width: initial;
    flex-basis: initial;
    margin-bottom: 5px;
    text-align: center;
    height: initial;
    align-items: center;
  }
  .timecard-data-types-nb-6 .timecard-data-types-header-container {
    height: initial;
  }
  .timecard-data-types-nb-6 .timecard-data-type-default-rotate i {
    transform: rotate(0);
  }
}

@media screen and (min-width: 1400px) {
  .timecard-data-types-nb-7 .timecard-data-types-header {
    line-height: 1.5;
    height: 80px;
    align-items: flex-end;
  }
  .timecard-data-types-nb-7 .timecard-data-types-header .timecard-data-types-type {
    transform: rotate(0);
    transform-origin: initial;
    min-width: initial;
    flex-basis: initial;
    margin-bottom: 5px;
    text-align: center;
    height: initial;
    align-items: center;
  }
  .timecard-data-types-nb-7 .timecard-data-types-header-container {
    height: initial;
  }
  .timecard-data-types-nb-7 .timecard-data-type-default-rotate i {
    transform: rotate(0);
  }
}

@media screen and (min-width: 1400px) {
  .timecard-data-types-nb-8 .timecard-data-types-header {
    line-height: 1.5;
    height: 80px;
    align-items: flex-end;
  }
  .timecard-data-types-nb-8 .timecard-data-types-header .timecard-data-types-type {
    transform: rotate(0);
    transform-origin: initial;
    min-width: initial;
    flex-basis: initial;
    margin-bottom: 5px;
    text-align: center;
    height: initial;
    align-items: center;
  }
  .timecard-data-types-nb-8 .timecard-data-types-header-container {
    height: initial;
  }
  .timecard-data-types-nb-8 .timecard-data-type-default-rotate i {
    transform: rotate(0);
  }
}

.dashboard-portlet-news-container > .kt-portlet > .kt-portlet__head .kt-portlet__head-title {
  font-weight: 700 !important;
  font-size: 24px !important;
  margin-top: 20px !important;
}

.kt-wizard-v2__form .select2 {
  width: 100% !important;
}

.external-company-dashboard .external-company-dashboard-chart .kt-portlet__body {
  padding: 25px 10px;
}
.external-company-dashboard .external-company-dashboard-stats .kt-portlet {
  border-radius: unset !important;
  box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
}

.dashboard-portlet-timecard, .dashboard-portlet-contact-reception, .dashboard-portlet-contact-social, .dashboard-portlet-vacation-body {
  background-color: #edeff8;
}

.dashboard-portlet-vacation-body {
  min-height: 270px;
}

.link-dashboard-portlet-timecard, .link-dashboard-portlet-timecard:hover {
  color: #1e1e1e !important;
}

@media (min-width: 1025px) {
  .dashboard-portlet-contact .contact-content, .dashboard-portlet-contact .contact-title {
    color: white !important;
  }
  .dashboard-portlet-contact .contact-img {
    position: absolute;
    background-size: cover;
    height: 70%;
    left: -14px;
    top: -73px;
    right: -15px;
  }
  .dashboard-portlet-contact .contact-img:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
}

.approve-terms-button {
  position: fixed;
  bottom: 2%;
  right: 1%;
  z-index: 97;
}

.rating-widget.admin-skills {
  top: 2px !important;
}
.rating-widget.admin-skills > label {
  width: 1em;
  font-size: 1.5rem;
  color: inherit;
}
.rating-widget.admin-skills > [type=radio]:checked ~ label:before {
  color: inherit;
}
.rating-widget.admin-skills > label:hover:before, .rating-widget.admin-skills > label:hover ~ label:before {
  color: transparent;
}

.kt-widget__info.admin-skills {
  padding: 0 !important;
}

.table th {
  vertical-align: inherit;
  border-top: none;
}

.infobox-post {
  padding: 0;
}

.login-locale-selector-nav {
  max-width: 50px;
  margin-top: 10px;
}
.login-locale-selector-nav img {
  border-radius: 4px;
  width: 25px;
}

/* Disable batch checkbox action for mobile */
@media screen and (max-width: 600px) {
  .select-checkbox {
    display: none;
  }
}

.kt-wizard-v1 .select2.select2-container {
  min-width: 100%;
}

.timelog-balance-row-is-title {
  font-size: 1.2rem;
  font-weight: bold;
}

.timelog-balance-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.timelog-balance-row-add-separator-after {
  position: relative;
  margin-bottom: 0;
}
.timelog-balance-row-add-separator-after:after {
  content: "";
  position: relative;
  display: block;
  flex: 100%;
  margin: 15px 0;
  border-top: 1px dotted #e5e5e5;
}

.timelog-balance-row-add-separator-before {
  position: relative;
}
.timelog-balance-row-add-separator-before:before {
  content: "";
  position: relative;
  display: block;
  flex: 100%;
  margin: 15px 0;
  border-top: 1px dotted #e5e5e5;
}

.timelog-balance-row ~ .timelog-balance-row-add-separator-before:before {
  margin-top: 7px;
}

.timelog-balance-row-add-separator-before.timelog-balance-row-is-sum-value:before {
  margin-bottom: 0;
}

.timelog-balance-row-value {
  padding-right: 15px;
}

.timelog-balance-row-is-sum-value .timelog-balance-row-value {
  padding: 10px 15px;
  font-size: 1.2rem;
  background-color: #e5e5e5;
}

.timelog-balance-row-is-sub-timelog-balance-row {
  color: #777777;
  font-size: 0.9rem;
  font-weight: 400;
  margin-left: 10px;
}

.timelog-balance-row-is-sum-value .timelog-balance-row-value-success {
  color: white;
  background-color: #00998f !important;
}
.timelog-balance-row-is-sum-value .timelog-balance-row-value-info {
  color: white;
  background-color: #75c1ea !important;
}
.timelog-balance-row-is-sum-value .timelog-balance-row-value-warning {
  color: white;
  background-color: #f18628 !important;
}
.timelog-balance-row-is-sum-value .timelog-balance-row-value-danger {
  color: white;
  background-color: #c81d45 !important;
}

.timelog-balance-row-label-success {
  color: #00998f;
}

.timelog-balance-row-label-info {
  color: #75c1ea;
}

.timelog-balance-row-label-warning {
  color: #f18628;
}

.timelog-balance-row-label-danger {
  color: #c81d45;
}

.timelog-balance-row:not(.timelog-balance-row-is-sum-value) .timelog-balance-row-value-success {
  color: #00998f !important;
}
.timelog-balance-row:not(.timelog-balance-row-is-sum-value) .timelog-balance-row-value-info {
  color: #75c1ea !important;
}
.timelog-balance-row:not(.timelog-balance-row-is-sum-value) .timelog-balance-row-value-warning {
  color: #f18628 !important;
}
.timelog-balance-row:not(.timelog-balance-row-is-sum-value) .timelog-balance-row-value-danger {
  color: #c81d45 !important;
}

[data-container=request-timelogs] table > thead > tr > th[data-container=is-time-required], [data-container=request-timelogs] table > thead > tr > th[data-container=hours], [data-container=request-timelogs] table > thead > tr > th[data-container=timelog-request-row-info] {
  text-align: center;
}
[data-container=request-timelogs] table > thead > tr > th[data-container=is-time-required] {
  padding-top: 1.5rem !important;
}
[data-container=request-timelogs] table > tbody > tr > td[data-container=hours] input {
  text-align: center;
  vertical-align: middle;
}
[data-container=request-timelogs] table > tbody > tr > td[data-container=is-time-required], [data-container=request-timelogs] table > tbody > tr > td[data-container=timelog-request-row-info] {
  text-align: center;
  vertical-align: middle;
}

.vehicule-fleet-management-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.vehicule-fleet-management-menu > * {
  padding: 0 4px;
}
.vehicule-fleet-management-menu .btn-group-sm > .btn.btn-icon, .vehicule-fleet-management-menu .btn.btn-icon.btn-sm {
  width: 3rem;
  height: 3rem;
}

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