.tm-toggle-modal {

}

/* Logo */
#kt_aside_brand {
    padding: 20px;
}

#talmatch_logo_right {
    width: 60px;
}

#talmatch_logo_right_mobile {
    width: 40px;
}

/* Buttons */
.btn-success.disabled,
.btn-success:disabled {
    background-color: #5a979170;
    border-color: #5a979170;
    cursor: default;
}

.btn.btn-icon.btn-xs,
.btn-group-xs > .btn.btn-icon {
    height: 2rem;
    width: 2rem;
}

.btn.btn-xs [class^="fa-"],
.btn.btn-xs [class*=" fa-"] {
    font-size: .8rem;
}

.btn.disabled:hover,
.btn:disabled:hover {
    cursor: initial;
}

.btn.btn-default.disabled:hover,
.btn.btn-default:disabled:hover {
    opacity: 0.65;
    background: transparent;
    color: #74788d;
    border: 1px solid #e8ecfa;
}

.form-check-input:enabled,
.form-check-input:enabled ~ .form-check-label {
    cursor: pointer;
}

/* SWAL */
.swal2-container .swal2-html-container {
    overflow: initial;
}

/* Slider */
.tm-survey-slider {
    cursor: pointer;
}

.tm-survey-slider-max-label,
.tm-survey-slider-min-label {
    cursor: pointer;
}

/*  Throbber */
.tm-ajax-throbber {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    opacity: .75;
    z-index: 999;
    min-height: 250px;
}

.tm-ajax-throbber.visible {
    display: block;
}

.stepper .tm-ajax-throbber.visible {
    display: none !important;
}

.tm-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    width: 200px;
    height: 200px;
}

.tm-spinner-label {
    z-index: 999;
    position: absolute;
    left: 0;
    bottom: 27%;
    width: 100%;
    text-align: center;
}

/* CHAT typing animation */
.typing {
    align-items: center;
    display: flex;
    height: 17px;
}

.typing .dot {
    animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
    background-color: #6CAD96;
    border-radius: 50%;
    height: 7px;
    margin-right: 4px;
    vertical-align: middle;
    width: 7px;
    display: inline-block;
}

.typing .dot:nth-child(1) {
    animation-delay: 200ms;
}

.typing .dot:nth-child(2) {
    animation-delay: 300ms;
}

.typing .dot:nth-child(3) {
    animation-delay: 400ms;
}

.typing .dot:last-child {
    margin-right: 0;
}

@keyframes mercuryTypingAnimation {
    0% {
        transform: translateY(0px);
        background-color: #6CAD96;
    }
    28% {
        transform: translateY(-7px);
        background-color: #9ECAB9;
    }
    44% {
        transform: translateY(0px);
        background-color: #B5D9CB;
    }
}

/**
 * MIGRATION FROM OLD TEMPLATE - START
 */


/* Media infobox */

.kt-media {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
}

.kt-media img {
    width: 100%;
    max-width: 50px;
    height: 50px;
}

.kt-media span {
    width: 50px;
    height: 50px;
    font-size: 1.3rem;
}

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

.kt-media.kt-media--fixed img {
    width: 50px;
    height: 50px;
    max-width: auto;
}

.kt-media img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
}

.kt-media span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    color: #74788d;
    border-radius: 4px;
}

.kt-media.kt-media--default {
    background-color: #ebedf2;
}

.kt-media.kt-media--brand span {
    background: rgba(34, 185, 255, 0.1);
    color: #22b9ff;
}

.kt-media.kt-media--light span {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.kt-media.kt-media--dark span {
    background: rgba(40, 42, 60, 0.1);
    color: #282a3c;
}

.kt-media.kt-media--primary span {
    background: rgba(88, 103, 221, 0.1);
    color: #5867dd;
}

.kt-media.kt-media--success span {
    background: rgba(29, 201, 183, 0.1);
    color: #1dc9b7;
}

.kt-media.kt-media--info span {
    background: rgba(39, 134, 251, 0.1);
    color: #2786fb;
}

.kt-media.kt-media--warning span {
    background: rgba(255, 184, 34, 0.1);
    color: #ffb822;
}

.kt-media.kt-media--danger span {
    background: rgba(253, 39, 235, 0.1);
    color: #fd2745;
}

/* KT Widget 4*/
.kt-widget4 .kt-widget4__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #ebedf2;
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic {
    padding-right: 1rem;
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic img {
    width: 2.5rem;
    border-radius: 4px;
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--sm img {
    width: 2.5rem;
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--lg img {
    width: 3.5rem;
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--xl img {
    width: 4rem;
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--circle img {
    border-radius: 50%;
}

.kt-widget4 .kt-widget4__item .kt-widget4__img {
    margin-right: 0.5rem;
}

.kt-widget4 .kt-widget4__item .kt-widget4__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 1.25rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__username {
    font-weight: 500;
    font-size: 1rem;
    color: #595d6e;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__username:hover {
    color: #22b9ff;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__title {
    font-weight: 500;
    font-size: 1.1rem;
    color: #595d6e;
}

.kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__text {
    font-size: 1rem;
    margin: 0;
    color: #74788d;
}

.kt-widget4 .kt-widget4__item .kt-widget4__title {
    color: #595d6e;
    font-size: 1rem;
    font-weight: 500;
    padding-right: 1.25rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.kt-widget4 .kt-widget4__item .kt-widget4__title.kt-widget4__title--light {
    font-weight: 400;
}

.kt-widget4 .kt-widget4__item .kt-widget4__title:hover {
    color: #22b9ff;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.kt-widget4 .kt-widget4__item .kt-widget4__number {
    width: 7rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
    font-weight: 500;
    font-size: 1.1rem;
}

.kt-widget4 .kt-widget4__item .kt-widget4__icon {
    padding-right: 1.25rem;
}

.kt-widget4 .kt-widget4__item .kt-widget4__icon > i {
    font-size: 1.6rem;
    text-align: right;
    color: #74788d;
}

.kt-widget4 .kt-widget4__item .kt-widget4__icon.kt-widget4__icon--2x > i {
    font-size: 2.2rem;
}

.kt-widget4 .kt-widget4__item:first-child {
    padding-top: 0;
}

.kt-widget4 .kt-widget4__item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.kt-widget4.kt-widget4--progress .kt-widget4__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
}

.kt-widget4.kt-widget4--progress .kt-widget4__content .kt-widget4__progress {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 1.5rem;
}

.kt-widget4.kt-widget4--progress .kt-widget4__content .kt-widget4__progress .kt-widget4__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.7rem;
}

.kt-widget4.kt-widget4--progress .kt-widget4__content .kt-widget4__progress .kt-widget4__stats > span {
    line-height: 1.1;
}

.kt-widget4.kt-widget4--progress .kt-widget4__content .kt-widget4__progress .kt-widget4__stats > span:first-child {
    font-size: 1.1rem;
    font-weight: 600;
    color: #595d6e;
}

.kt-widget4.kt-widget4--progress .kt-widget4__content .kt-widget4__progress .kt-widget4__stats > span:last-child {
    font-size: 0.9rem;
    color: #74788d;
    font-weight: 400;
}

.kt-widget4.kt-widget4--progress .kt-widget4__content .kt-widget4__progress .progress {
    width: 100%;
}

.kt-widget4 .kt-widget4__chart {
    position: relative;
}

.kt-widget4.kt-widget4--sticky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.kt-widget4.kt-widget4--sticky .kt-widget4__items {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.kt-widget4.kt-widget4--sticky .kt-widget4__items.kt-widget4__items--bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.kt-widget4.kt-widget4--sticky .kt-widget4__chart canvas {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Ribbon */

.kt-ribbon {
    position: relative;
}

.kt-ribbon .kt-ribbon__target {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    background-color: #22b9ff;
    color: #ffffff;
}

.kt-ribbon .kt-ribbon__target > .kt-ribbon__inner {
    z-index: -1;
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.kt-ribbon .kt-ribbon__target:after {
    border-color: #005d88;
}

.kt-ribbon--ver .kt-ribbon__target {
    padding: 5px 10px;
    width: 36px;
    height: 46px;
    text-align: center;
}

.kt-ribbon--shadow .kt-ribbon__target {
    -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
}

.kt-ribbon.kt-ribbon--round.kt-ribbon--top .kt-ribbon__target {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.kt-ribbon.kt-ribbon--round.kt-ribbon--bottom .kt-ribbon__target {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.kt-ribbon.kt-ribbon--round.kt-ribbon--left .kt-ribbon__target {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.kt-ribbon.kt-ribbon--round.kt-ribbon--right .kt-ribbon__target {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.kt-ribbon--border-ver .kt-ribbon__target:after {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid;
    border-right: 1px solid;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    right: 5px;
}

.kt-ribbon--border-hor .kt-ribbon__target:after {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-left: none;
    border-right: none;
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    right: 0;
}

.kt-ribbon--border-dash-ver .kt-ribbon__target:after {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid;
    border-right: 1px solid;
    border-left-style: dashed;
    border-right-style: dashed;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    right: 5px;
}

.kt-ribbon--border-dash-hor .kt-ribbon__target:after {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-left: none;
    border-right: none;
    border-top-style: dashed;
    border-bottom-style: dashed;
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    right: 0;
}

.kt-ribbon--clip.kt-ribbon--left .kt-ribbon__target {
    left: -10px;
}

.kt-ribbon--clip.kt-ribbon--left .kt-ribbon__target .kt-ribbon__inner:before, .kt-ribbon--clip.kt-ribbon--left .kt-ribbon__target .kt-ribbon__inner:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent !important;
    bottom: -10px;
}

.kt-ribbon--clip.kt-ribbon--left .kt-ribbon__target .kt-ribbon__inner:before {
    border-width: 0 10px 10px 0;
    border-right-color: #222 !important;
    left: 0;
}

.kt-ribbon--clip.kt-ribbon--right .kt-ribbon__target {
    right: -10px;
}

.kt-ribbon--clip.kt-ribbon--right .kt-ribbon__target .kt-ribbon__inner:before, .kt-ribbon--clip.kt-ribbon--right .kt-ribbon__target .kt-ribbon__inner:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent !important;
    bottom: -10px;
}

.kt-ribbon--clip.kt-ribbon--right .kt-ribbon__target .kt-ribbon__inner:before {
    border-width: 0 0 10px 10px;
    border-left-color: #222 !important;
    right: 0;
}

.kt-ribbon--flag .kt-ribbon__target > .kt-ribbon__inner:after {
    border-left: 18px solid;
    border-right: 18px solid;
    border-bottom: 1em solid transparent !important;
    bottom: -1em;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}

.kt-ribbon--brand .kt-ribbon__target {
    background-color: #22b9ff;
    color: #ffffff;
}

.kt-ribbon--brand .kt-ribbon__target:after {
    border-color: rgba(255, 255, 255, 0.5);
}

.kt-ribbon--brand .kt-ribbon__target > .kt-ribbon__inner {
    background-color: #22b9ff;
    color: #ffffff;
}

.kt-ribbon--brand .kt-ribbon__target > .kt-ribbon__inner:after {
    border-color: transparent;
    border-left-color: #22b9ff;
    border-right-color: #22b9ff;
}

.kt-ribbon--light .kt-ribbon__target {
    background-color: #ffffff;
    color: #282a3c;
}

.kt-ribbon--light .kt-ribbon__target:after {
    border-color: rgba(40, 42, 60, 0.5);
}

.kt-ribbon--light .kt-ribbon__target > .kt-ribbon__inner {
    background-color: #ffffff;
    color: #282a3c;
}

.kt-ribbon--light .kt-ribbon__target > .kt-ribbon__inner:after {
    border-color: transparent;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
}

.kt-ribbon--dark .kt-ribbon__target {
    background-color: #282a3c;
    color: #ffffff;
}

.kt-ribbon--dark .kt-ribbon__target:after {
    border-color: rgba(255, 255, 255, 0.5);
}

.kt-ribbon--dark .kt-ribbon__target > .kt-ribbon__inner {
    background-color: #282a3c;
    color: #ffffff;
}

.kt-ribbon--dark .kt-ribbon__target > .kt-ribbon__inner:after {
    border-color: transparent;
    border-left-color: #282a3c;
    border-right-color: #282a3c;
}

.kt-ribbon--primary .kt-ribbon__target {
    background-color: #5867dd;
    color: #ffffff;
}

.kt-ribbon--primary .kt-ribbon__target:after {
    border-color: rgba(255, 255, 255, 0.5);
}

.kt-ribbon--primary .kt-ribbon__target > .kt-ribbon__inner {
    background-color: #5867dd;
    color: #ffffff;
}

.kt-ribbon--primary .kt-ribbon__target > .kt-ribbon__inner:after {
    border-color: transparent;
    border-left-color: #5867dd;
    border-right-color: #5867dd;
}

.kt-ribbon--success .kt-ribbon__target {
    background-color: #1dc9b7;
    color: #ffffff;
}

.kt-ribbon--success .kt-ribbon__target:after {
    border-color: rgba(255, 255, 255, 0.5);
}

.kt-ribbon--success .kt-ribbon__target > .kt-ribbon__inner {
    background-color: #1dc9b7;
    color: #ffffff;
}

.kt-ribbon--success .kt-ribbon__target > .kt-ribbon__inner:after {
    border-color: transparent;
    border-left-color: #1dc9b7;
    border-right-color: #1dc9b7;
}

.kt-ribbon--info .kt-ribbon__target {
    background-color: #2786fb;
    color: #ffffff;
}

.kt-ribbon--info .kt-ribbon__target:after {
    border-color: rgba(255, 255, 255, 0.5);
}

.kt-ribbon--info .kt-ribbon__target > .kt-ribbon__inner {
    background-color: #2786fb;
    color: #ffffff;
}

.kt-ribbon--info .kt-ribbon__target > .kt-ribbon__inner:after {
    border-color: transparent;
    border-left-color: #2786fb;
    border-right-color: #2786fb;
}

.kt-ribbon--warning .kt-ribbon__target {
    background-color: #ffb822;
    color: #111111;
}

.kt-ribbon--warning .kt-ribbon__target:after {
    border-color: rgba(17, 17, 17, 0.5);
}

.kt-ribbon--warning .kt-ribbon__target > .kt-ribbon__inner {
    background-color: #ffb822;
    color: #111111;
}

.kt-ribbon--warning .kt-ribbon__target > .kt-ribbon__inner:after {
    border-color: transparent;
    border-left-color: #ffb822;
    border-right-color: #ffb822;
}

.kt-ribbon--danger .kt-ribbon__target {
    background-color: #fd2745;
    color: #ffffff;
}

.kt-ribbon--danger .kt-ribbon__target:after {
    border-color: rgba(255, 255, 255, 0.5);
}

.kt-ribbon--danger .kt-ribbon__target > .kt-ribbon__inner {
    background-color: #fd2745;
    color: #ffffff;
}

.kt-ribbon--danger .kt-ribbon__target > .kt-ribbon__inner:after {
    border-color: transparent;
    border-left-color: #fd2745;
    border-right-color: #fd2745;
}

/* Iconbox */

/* iconbox */
.kt-iconbox--warning.kt-iconbox--wave {
    background-color: rgba(255, 184, 34, 0.07) !important;
}

.kt-iconbox--success.kt-iconbox--wave {
    background-color: rgba(29, 201, 183, 0.07) !important;
}

/* sm infobox */
.kt-infobox.tm-infobox-sm .kt-infobox__title {
    font-size: 1.2rem;
}

.kt-infobox .kt-infobox__title.tm-infobox-sm {
    font-size: 1.2rem;
}

.kt-infobox.tm-infobox-sm .kt-infobox__body .kt-infobox__section .kt-infobox__content {
    font-size: 1rem;
    line-height: 1.5rem;
}

.kt-iconbox {
    padding: 1.5rem;
}

.kt-iconbox .kt-iconbox__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.kt-iconbox .kt-iconbox__body .kt-iconbox__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    padding-right: 20px;
}

.kt-iconbox .kt-iconbox__body .kt-iconbox__icon svg {
    height: 50px;
    width: 50px;
}

.kt-iconbox .kt-iconbox__body .kt-iconbox__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.kt-iconbox .kt-iconbox__body .kt-iconbox__desc .kt-iconbox__title {
    font-size: 1.55rem;
    color: #48465b;
}

.kt-iconbox .kt-iconbox__body .kt-iconbox__desc .kt-iconbox__title .kt-link {
    color: #48465b;
}

.kt-iconbox .kt-iconbox__body .kt-iconbox__desc .kt-iconbox__content {
    font-size: 1.1rem;
    font-weight: 400;
    color: #9392a0;
}

.kt-iconbox a.kt-iconbox__body {
    cursor: pointer;
}

.kt-iconbox--wave {
    background-color: #f7f8fa;
    overflow: hidden;
    position: relative;
}

.kt-iconbox--wave > div {
    z-index: 1;
}

.kt-iconbox--wave:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}

.kt-iconbox--wave:after {
    content: ' ';
    width: 1000px;
    height: 1025px;
    position: absolute;
    bottom: 65%;
    left: -250px;
    border-radius: 35%;
    background: white;
    z-index: 0;
}

[data-theme="dark"] .kt-iconbox--wave:after {
    background: #1f1d2c;
}

.kt-iconbox--wave:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.kt-iconbox--animate {
    background-color: #f7f8fa;
    overflow: hidden;
    position: relative;
}

.kt-iconbox--animate > div {
    z-index: 1;
}

.kt-iconbox--animate:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}

.kt-iconbox--animate:after {
    content: ' ';
    width: 1000px;
    height: 1025px;
    position: absolute;
    bottom: 65%;
    left: -250px;
    border-radius: 35%;
    background: white;
    z-index: 0;
}

.kt-iconbox--animate:after {
    -webkit-animation: wave 15s infinite linear;
    animation: wave 15s infinite linear;
}

.kt-iconbox--animate-slower {
    background-color: #f7f8fa;
    overflow: hidden;
    position: relative;
}

.kt-iconbox--animate-slower > div {
    z-index: 1;
}

.kt-iconbox--animate-slower:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}

.kt-iconbox--animate-slower:after {
    content: ' ';
    width: 1000px;
    height: 1025px;
    position: absolute;
    bottom: 65%;
    left: -250px;
    border-radius: 35%;
    background: white;
    z-index: 0;
}

.kt-iconbox--animate-slower:after {
    -webkit-animation: wave 30s infinite linear;
    animation: wave 30s infinite linear;
}

.kt-iconbox--animate-slow {
    background-color: #f7f8fa;
    overflow: hidden;
    position: relative;
}

.kt-iconbox--animate-slow > div {
    z-index: 1;
}

.kt-iconbox--animate-slow:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}

.kt-iconbox--animate-slow:after {
    content: ' ';
    width: 1000px;
    height: 1025px;
    position: absolute;
    bottom: 65%;
    left: -250px;
    border-radius: 35%;
    background: white;
    z-index: 0;
}

.kt-iconbox--animate-slow:after {
    -webkit-animation: wave 25s infinite linear;
    animation: wave 25s infinite linear;
}

.kt-iconbox--animate-fast {
    background-color: #f7f8fa;
    overflow: hidden;
    position: relative;
}

.kt-iconbox--animate-fast > div {
    z-index: 1;
}

.kt-iconbox--animate-fast:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}

.kt-iconbox--animate-fast:after {
    content: ' ';
    width: 1000px;
    height: 1025px;
    position: absolute;
    bottom: 65%;
    left: -250px;
    border-radius: 35%;
    background: white;
    z-index: 0;
}

.kt-iconbox--animate-fast:after {
    -webkit-animation: wave 10s infinite linear;
    animation: wave 10s infinite linear;
}

.kt-iconbox--animate-faster {
    background-color: #f7f8fa;
    overflow: hidden;
    position: relative;
}

.kt-iconbox--animate-faster > div {
    z-index: 1;
}

.kt-iconbox--animate-faster:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1;
}

.kt-iconbox--animate-faster:after {
    content: ' ';
    width: 1000px;
    height: 1025px;
    position: absolute;
    bottom: 65%;
    left: -250px;
    border-radius: 35%;
    background: white;
    z-index: 0;
}

.kt-iconbox--animate-faster:after {
    -webkit-animation: wave 5s infinite linear;
    animation: wave 5s infinite linear;
}

.kt-iconbox--brand .kt-iconbox__body .kt-iconbox__icon svg g [fill] {
    fill: #22b9ff !important;
}

.kt-iconbox--brand.kt-iconbox--animate, .kt-iconbox--brand.kt-iconbox--animate-slow, .kt-iconbox--brand.kt-iconbox--animate-slower, .kt-iconbox--brand.kt-iconbox--animate-fast, .kt-iconbox--brand.kt-iconbox--animate-faster {
    background-color: rgba(34, 185, 255, 0.07) !important;
}

.kt-iconbox--light .kt-iconbox__body .kt-iconbox__icon svg g [fill] {
    fill: #ffffff !important;
}

.kt-iconbox--light.kt-iconbox--animate, .kt-iconbox--light.kt-iconbox--animate-slow, .kt-iconbox--light.kt-iconbox--animate-slower, .kt-iconbox--light.kt-iconbox--animate-fast, .kt-iconbox--light.kt-iconbox--animate-faster {
    background-color: rgba(255, 255, 255, 0.07) !important;
}

.kt-iconbox--dark .kt-iconbox__body .kt-iconbox__icon svg g [fill] {
    fill: #282a3c !important;
}

.kt-iconbox--dark.kt-iconbox--animate, .kt-iconbox--dark.kt-iconbox--animate-slow, .kt-iconbox--dark.kt-iconbox--animate-slower, .kt-iconbox--dark.kt-iconbox--animate-fast, .kt-iconbox--dark.kt-iconbox--animate-faster {
    background-color: rgba(40, 42, 60, 0.07) !important;
}

.kt-iconbox--primary .kt-iconbox__body .kt-iconbox__icon svg g [fill] {
    fill: #5867dd !important;
}

.kt-iconbox--primary.kt-iconbox--animate, .kt-iconbox--primary.kt-iconbox--animate-slow, .kt-iconbox--primary.kt-iconbox--animate-slower, .kt-iconbox--primary.kt-iconbox--animate-fast, .kt-iconbox--primary.kt-iconbox--animate-faster {
    background-color: rgba(88, 103, 221, 0.07) !important;
}

.kt-iconbox--success .kt-iconbox__body .kt-iconbox__icon svg g [fill] {
    fill: #1dc9b7 !important;
}

.kt-iconbox--success.kt-iconbox--animate, .kt-iconbox--success.kt-iconbox--animate-slow, .kt-iconbox--success.kt-iconbox--animate-slower, .kt-iconbox--success.kt-iconbox--animate-fast, .kt-iconbox--success.kt-iconbox--animate-faster {
    background-color: rgba(29, 201, 183, 0.07) !important;
}

.kt-iconbox--info .kt-iconbox__body .kt-iconbox__icon svg g [fill] {
    fill: #2786fb !important;
}

.kt-iconbox--info.kt-iconbox--animate, .kt-iconbox--info.kt-iconbox--animate-slow, .kt-iconbox--info.kt-iconbox--animate-slower, .kt-iconbox--info.kt-iconbox--animate-fast, .kt-iconbox--info.kt-iconbox--animate-faster {
    background-color: rgba(39, 134, 251, 0.07) !important;
}

.kt-iconbox--warning .kt-iconbox__body .kt-iconbox__icon svg g [fill] {
    fill: #ffb822 !important;
}

.kt-iconbox--warning.kt-iconbox--animate, .kt-iconbox--warning.kt-iconbox--animate-slow, .kt-iconbox--warning.kt-iconbox--animate-slower, .kt-iconbox--warning.kt-iconbox--animate-fast, .kt-iconbox--warning.kt-iconbox--animate-faster {
    background-color: rgba(255, 184, 34, 0.07) !important;
}

.kt-iconbox--danger .kt-iconbox__body .kt-iconbox__icon svg g [fill] {
    fill: #fd2745 !important;
}

.kt-iconbox--danger.kt-iconbox--animate, .kt-iconbox--danger.kt-iconbox--animate-slow, .kt-iconbox--danger.kt-iconbox--animate-slower, .kt-iconbox--danger.kt-iconbox--animate-fast, .kt-iconbox--danger.kt-iconbox--animate-faster {
    background-color: rgba(253, 39, 235, 0.07) !important;
}

@-webkit-keyframes wave {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes wave {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.kt-infobox {
    padding: 1.5rem;
}

.kt-infobox .kt-infobox__title {
    font-size: 2rem;
    color: #48465b;
}

.kt-infobox .kt-infobox__subtitle {
    font-size: 1.3rem;
    font-weight: 400;
    color: #48465b;
    margin-bottom: 1.2rem;
}

.kt-infobox .kt-infobox__header {
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.kt-infobox .kt-infobox__header .kt-infobox__badge {
    margin: auto 0 auto auto;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    color: #22b9ff;
    background-color: rgba(34, 185, 255, 0.15);
}

.kt-infobox .kt-infobox__body .kt-infobox__section {
    margin-bottom: 2rem;
}

.kt-infobox .kt-infobox__body .kt-infobox__section .kt-infobox__content {
    font-weight: 400;
    color: #9392a0;
    font-size: 1.15rem;
    line-height: 2rem;
}

.kt-infobox .kt-infobox__body .kt-infobox__section .kt-infobox__content .table {
    font-size: 1rem;
}

.kt-infobox .kt-infobox__body .kt-infobox__section .kt-infobox__content .table thead th {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.kt-infobox .kt-infobox__body .kt-infobox__section:last-child {
    margin-bottom: 0;
}

.kt-infobox .kt-infobox__body .kt-nav .kt-nav__item .kt-nav__link .kt-nav__link-text {
    font-size: 1.25rem;
}

.kt-infobox .kt-infobox__body .accordion .card .card-header .card-title {
    font-size: 1.25rem;
    font-weight: 400;
}

.kt-infobox .kt-infobox__body .accordion .card .card-body {
    font-size: 1.15rem;
    line-height: 2rem;
    font-weight: 400;
    color: #9392a0;
}

.kt-infobox .kt-infobox__body .accordion .card:last-child {
    margin-bottom: 0;
}

.kt-infobox--brand .kt-infobox__header .kt-infobox__badge {
    color: #22b9ff;
    background-color: rgba(34, 185, 255, 0.15);
}

.kt-infobox--light .kt-infobox__header .kt-infobox__badge {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.15);
}

.kt-infobox--dark .kt-infobox__header .kt-infobox__badge {
    color: #282a3c;
    background-color: rgba(40, 42, 60, 0.15);
}

.kt-infobox--primary .kt-infobox__header .kt-infobox__badge {
    color: #5867dd;
    background-color: rgba(88, 103, 221, 0.15);
}

.kt-infobox--success .kt-infobox__header .kt-infobox__badge {
    color: #1dc9b7;
    background-color: rgba(29, 201, 183, 0.15);
}

.kt-infobox--info .kt-infobox__header .kt-infobox__badge {
    color: #2786fb;
    background-color: rgba(39, 134, 251, 0.15);
}

.kt-infobox--warning .kt-infobox__header .kt-infobox__badge {
    color: #ffb822;
    background-color: rgba(255, 184, 34, 0.15);
}

.kt-infobox--danger .kt-infobox__header .kt-infobox__badge {
    color: #fd2745;
    background-color: rgba(253, 39, 235, 0.15);
}

/* Widget 19 */
.kt-widget19 .kt-widget19__pic {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.kt-widget19 .kt-widget19__pic > img {
    width: 100%;
}

.kt-widget19 .kt-widget19__pic .kt-widget19__shadow {
    position: absolute;
    top: 70%;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(90%, rgba(0, 0, 0, 0.5))) no-repeat scroll 0 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.5) 90%) no-repeat scroll 0 0;
}

.kt-widget19 .kt-widget19__pic .kt-widget19__title {
    position: absolute;
    bottom: 0;
    display: block;
    z-index: 1;
    padding-left: 25px;
    padding-bottom: 12.5px;
    color: #595d6e;
}

.kt-widget19 .kt-widget19__pic .kt-widget19__labels {
    position: absolute;
    top: 25px;
    left: 25px;
}

@media (max-width: 1024px) {
    .kt-widget19 .kt-widget19__pic .kt-widget19__labels {
        top: 15px;
        left: 15px;
    }
}

.kt-widget19 .kt-widget19__wrapper {
    margin-bottom: 1rem;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1.75rem 0;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__userpic > img {
    width: 3.2rem;
    border-radius: 100%;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__info {
    padding-left: 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__info .kt-widget19__username {
    font-size: 1.1rem;
    font-weight: 500;
    color: #595d6e;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__info .kt-widget19__username:hover {
    color: #22b9ff;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__info .kt-widget19__time {
    font-size: 1rem;
    font-weight: 400;
    color: #74788d;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__stats {
    font-size: 1rem;
    font-weight: 500;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__stats .kt-widget19__number {
    font-size: 1.4rem;
    font-weight: 700;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__stats .kt-widget19__comment {
    font-size: 0.9rem;
    color: #74788d;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__stats .kt-widget19__comment:hover {
    color: #22b9ff;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__stats span {
    text-align: center;
    display: block;
}

.kt-widget19 .kt-widget19__wrapper .kt-widget19__text {
    text-align: justify;
    color: #74788d;
    font-size: 1.1rem;
    font-weight: 400;
}

.kt-widget19 .kt-widget19__action {
    margin-top: 1.5rem;
}

/**
 * MIGRATION FROM OLD TEMPLATE - END
 */

/* TABLE */
.table tr, .table th, .table td {
    vertical-align: middle;
}

table.dataTable > thead > tr > td:not(.sorting_disabled),
table.dataTable > thead > tr > th:not(.sorting_disabled) {
    font-weight: 600;
}

/* noUI Slider */
.noUi-target {
    background: var(--kt-gray-200);
}

.noUi-target.noUi-lg .noUi-handle {
    width: 40px;
    height: 40px;
    top: -10px;
}

.noUi-target .noUi-handle:hover {
    cursor: pointer;
}

.noUi-target .noUi-handle[aria-valuenow="1.0"] {
    background-color: var(--kt-danger);
}

.noUi-target .noUi-handle[aria-valuenow="2.0"] {
    background-color: #f56a8c;
}

.noUi-target .noUi-handle {
    background-color: var(--kt-primary);
}

.noUi-target .noUi-handle[aria-valuenow="4.0"] {
    background-color: #86e9b3;
}

.noUi-target .noUi-handle[aria-valuenow="5.0"] {
    background-color: var(--kt-success);
}


/* Timeline */
.timeline-label .timeline-label {
    width: 100px;
}

.timeline-label:before {
    left: 101px;
}

.timeline-label-wide .timeline-label {
    width: 150px;
}

.timeline-label-wide .timeline-label:before,
.timeline-label-wide.timeline-label:before {
    left: 151px;
}

/* Tabs */

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item.show .nav-link,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
    color: var(--kt-text-dark) !important;
}

/* Inputs */

.kt-section__body {
    padding: 2.5em 0;
}

.form-group.tm-required > label:after {
    content: '*';
    padding-left: 2px;
    color: #f79a0b;
}

.form-control.disabled {
    color: var(--kt-black);
    background-color: var(--kt-input-disabled-bg);
    opacity: 1;
}

[data-theme="dark"] .form-control.disabled {
    color: var(--kt-white);
}

.form-control:disabled {
    color: var(--kt-black);
}

[data-theme="dark"] .form-control:disabled {
    color: var(--kt-white);
}

.kt-radio-inline {
    display: flex;
}

.custom-file-label {
    white-space: nowrap;
    overflow: hidden;
}

.file-caption .hidden-xs {
    display: none;
}

div.form-control {
    overflow: hidden;
    white-space: nowrap;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 1.3rem + 8px);
    margin: 0;
    opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #5fccff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.25);
}

.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
    color: var(--kt-black);
    background-color: var(--kt-input-disabled-bg);
}

[data-theme="dark"] .custom-file-input[disabled] ~ .custom-file-label,
[data-theme="dark"] .custom-file-input:disabled ~ .custom-file-label {
    color: var(--kt-white);
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse);
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    line-height: 1.5;
    color: var(--kt-input-color);
    background-color: var(--kt-input-bg);
    border: 1px solid var(--kt-input-border-color);
    box-shadow: none !important;
    border-radius: 4px;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 0.775rem 1rem;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    padding: 0.65rem 1rem;
    line-height: 1.5;
    color: var(--kt-secondary-inverse);
    border-color: var(--kt-secondary);
    background-color: var(--kt-secondary);
    content: "Auswählen";
    border-left: inherit;
    border-radius: 0 4px 4px 0;
}

.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
    background-color: #22b9ff4f;
    color: #3c3e46;
}

.daterangepicker .drp-calendar td.available.active.off {
    color: #ffffff;
}

.kt-option__focus {
    font-size: 2.5em;
}

.datepicker table tr td.highlighted {
    background: var(--kt-secondary);
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: var(--kt-secondary-active);
}

/* Header */

.kt-header__topbar-item .tm-header-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 38px;
}

#tm-header-notification-count-badge {
    position: absolute;
    right: 0;
    top: 20%;
}

/* Login */
.tm-loginpage .alert {
    margin-bottom: 0;
}

/* DEV */

.kt-dialog.dev-alert {
    width: 450px;
    display: block;
    margin-left: -225px;
    background: #fd2745;
    border: 1px solid #fd2745;
    color: #ffffff;
}

/* DEMO */

.kt-dialog {
    position: absolute;
    z-index: 9999;
    left: 50vw;
}

.kt-dialog.demo-alert {
    left: 60vw;
    width: 450px;
    display: block;
    margin-left: -225px;
    background: #2786fb;
    border: 1px solid #2786fb;
    color: #ffffff;
}

/* HELPERS */
.tm-font-xxl {
    font-size: 3rem !important;
}

.tm-font-xxxl {
    font-size: 5rem !important;
}

.br-sm {
    border-radius: 0.2rem;
}

.br-4 {
    border-radius: 4px;
}

.mt-2-5,
.my-2-5 {
    margin-top: 0.75rem !important;
}

/* lists */
.tm-list-element[data-index='0'] .tm-list-remove-btn {
    display: none;
}

.tm-list-element .tm-remove-first-timesheet-entry-btn,
.tm-list-element .tm-remove-first-holiday-entry-btn {
    display: none;
}

.tm-list-element[data-index='0'] .tm-remove-first-timesheet-entry-btn,
.tm-list-element[data-index='0'] .tm-remove-first-holiday-entry-btn {
    display: initial;
}

.tm-list-element .tm-list-add-btn {
    display: none;
}

.tm-list-element[data-index='0'] .tm-list-add-btn {
    display: initial;
}

.tm-company-holiday-entry label,
.tm-company-vacation-entry label {
    display: none;
}

.tm-company-holiday-entry[data-index='0'] label,
.tm-company-vacation-entry[data-index='0'] label {
    display: initial;
}

.tm-company-holiday-entry[data-index='0'] .tm-entry-actions,
.tm-company-vacation-entry[data-index='0'] .tm-entry-actions {
    margin-top: 1.5rem;
}

/* Infobox */
.kt-widget13 .kt-widget13__item .kt-widget13__desc.flex-2 {
    flex: 2;
}

.kt-widget13__item {
    margin-bottom: 1em;
}

.kt-widget13__desc {
    font-weight: 600;
}

/* iconbox */
.kt-iconbox--warning.kt-iconbox--wave {
    background-color: rgba(255, 184, 34, 0.07) !important;
}

.kt-iconbox--success.kt-iconbox--wave {
    background-color: rgba(29, 201, 183, 0.07) !important;
}

/* sm infobox */
.kt-infobox.tm-infobox-sm .kt-infobox__title {
    font-size: 1.2rem;
}

.kt-infobox .kt-infobox__title.tm-infobox-sm {
    font-size: 1.2rem;
}

.kt-infobox.tm-infobox-sm .kt-infobox__body .kt-infobox__section .kt-infobox__content {
    font-size: 1rem;
    line-height: 1.5rem;
}

/* DataTables */
tr .dt-control-collapsible .fa:before {
    content: "\f067";
}

tr.shown .dt-control-collapsible .fa:before {
    content: "\f068";
}

.table.tm-timesheet-table tr:first-child,
.table.tm-timesheet-table th:first-child,
.table.tm-timesheet-table td:first-child {
    padding-left: .75rem;
}

tr.wf-timesheet-entry-day-Mo td[rowspan^="1"] {
    vertical-align: top;
}

/* Timesheet */
#tm-timesheet-day-entry-wrapper .tm-timesheet-day-entry:last-child hr {
    display: none;
}

tr.wf-timesheet-entry-day-Mo td[rowspan^="1"] {
    background-color: var(--bs-table-bg) !important;
}

/* Highlight current week */
.tm-current-week td {
    background-color: var(--kt-primary-light);
}

/* Highlight current day */
.tm-current-day td {
    background-color: var(--kt-success-light);
}

/* CHARTS */

a[href="http://www.amcharts.com"] {
    display: none !important;
}

/* PORTLETS */

.tm-portlet-footer-sticky {
    position: sticky;
    bottom: 0;
    background-color: var(--bs-body-bg) !important;
}

/* Login */

.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__logo img {
    max-width: 75vw;
}

.tm-lang-btn img {
    max-width: 5vw;
}

/* JOB ADS */

.tm-job-ad-text li {
    padding-bottom: 10px;
}

/* KNOWLEDGE HUB */
#kt_content.tm-knowledge-hub-content > .kt-container {
    padding: 0;
}

#kt_content.tm-knowledge-hub-content > #kt_subheader {
    display: none;
}

/* Dashboard */

.tm-files-widget .kt-widget4__username {
    max-width: 50vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Process */
.tm-process-progress-bar-title {
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* AG Onboarding */


/* AG Dashboard */
.kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item {
    min-width: 12%;
}

#talmatch_ag-tasks_table .btn.btn-icon.btn-sm {
    height: 1.5rem;
    width: 1.5rem;
}

/* Onboarding */
.kt-wizard-v4.kt-wizard-talmatch-an-onboarding .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item {
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    width: auto;
}

.kt-wizard-v4.kt-wizard-talmatch-an-onboarding .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item .kt-wizard-v4__nav-body {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.kt-wizard-v4.kt-wizard-talmatch-an-onboarding .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item .kt-wizard-v4__nav-body .kt-wizard-v4__nav-label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tm-onboarding-help .kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item:after {
    font-family: bootstrap-icons !important;
    content: "\f280";
}

#tm-onboarding-help .kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item:last-child:after {
    content: none;
}

#kt-ckeditor-1 {
    border: 1px solid #e2e5ec !important;
}

.kt-widget13 .kt-widget13__item .kt-widget13__desc:not(.kt-align-right) {
    text-align: left;
}

/* Onboarding help wizard */
.kt-wizard-v1.talmatch-wizard-onboarding-help .kt-wizard-v1__nav .kt-wizard-v1__nav-items {
    width: 98%;
}

.kt-wizard-v1.talmatch-wizard-onboarding-help .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.talmatch-wizard-onboarding-help .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.talmatch-wizard-onboarding-help .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item[data-ktwizard-state="done"]::after {
    color: #1dc9b7;
    fill: #1dc9b7;
}

.kt-wizard-v1.talmatch-wizard-onboarding-help .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.talmatch-wizard-onboarding-help .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 {
    color: #22b9ff;
    fill: #22b9ff;
}

.kt-wizard-v1.talmatch-wizard-onboarding-help .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item .kt-wizard-v1__nav-body .kt-wizard-v1__nav-icon,
.kt-wizard-v1.talmatch-wizard-onboarding-help .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item .kt-wizard-v1__nav-body .kt-wizard-v1__nav-label {
    color: #a2a5b9;
    fill: #a2a5b9;
}

.kt-wizard-v1.talmatch-wizard-onboarding-help .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item .kt-wizard-v1__nav-body .kt-wizard-v1__nav-icon svg {
    width: 48px;
}

.kt-wizard-v1.talmatch-wizard-onboarding-help .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item .kt-wizard-v1__nav-body {
    justify-content: start;
    min-height: 200px;
}

/* Company Employment Settings */

.talmatch-model-portlet .talmatch-model-select-icon {
    visibility: hidden;
}

.talmatch-model-portlet.selected .talmatch-model-select-icon {
    visibility: initial;
}

.talmatch-model-portlet .kt-widget19__pic {
    filter: grayscale(100%);
}

.talmatch-model-portlet.selected .kt-widget19__pic {
    filter: initial;
}

.tm-employment-settings-form[data-model="LEND"] #tm-notice-period-share,
.tm-onboarding-model-LEND .tm-employment-settings-SHARE,
.tm-employment-settings-form[data-model="LEND"] .tm-employment-settings-SHARE {
    display: none !important;
}

.tm-employment-settings-form[data-model="SHARE"] #tm-notice-period-lend,
.tm-employment-settings-form[data-model="NONE"] #tm-notice-period-lend,
.tm-onboarding-model-SHARE .tm-employment-settings-LEND,
.tm-employment-settings-form[data-model="SHARE"] .tm-employment-settings-LEND {
    display: none !important;
}

.tm-employment-settings-form[data-model="NONE"] .tm-employment-settings-LEND-ONLY,
.tm-employment-settings-form[data-model="SHARE"] .tm-employment-settings-LEND-ONLY {
    display: none !important;
}

.kt-avatar.tm-avatar--profile .kt-avatar__holder {
    width: 240px;
    background-size: contain;
    background-position: center;
}

/* Employment Relation */
#talmatch-employment-relation-modal {
    font-size: 1.1em;
}

/* Timeline */
.kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__time {
    width: 180px;
}

.ki-right-left .path1:before {
    content: "\edfe";
}

.ki-right-left .path2:before {
    content: "\edff";
    margin-left: -1em;
}

.ki-right-left .path3:before {
    content: "\ee00";
    margin-left: -1em;
    opacity: 0.3;
}

.ki-right-square .path1:before {
    content: "\ee01";
    opacity: 0.3;
}

.ki-right-square .path2:before {
    content: "\ee02";
    margin-left: -1em;
}

.ki-right:before {
    content: "\ee03";
}

.ki-duotone {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "keenicons-duotone" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-flex;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* SWAL */
.swal2-modal {
    /*width: 25%;*/
}

/* Unnecessary stuff */
.kt-sticky-toolbar {
    display: none;
}

/* Alerts */
.alert.alert-main {
    border-radius: 0;
    margin-bottom: 0;
}

.alert.alert-solid-success .alert-text {
    color: #12756a;
}

.alert.alert-solid-info .alert-text {
    color: #1362c4;
}

/* DataTables */
.dataTables_filter > label {
    float: right;
}

/* Notifications */
tr.tm-unread-row td {
    font-weight: 600;
}

.toast .toast-title {
    color: inherit;
}

/* Validation */

select.is-invalid + button.dropdown-toggle {
    border-color: #fd2745 !important;
}

.nav-tabs .nav-link.tm-tab-has-error {
    background: rgba(253, 39, 235, 0.1);
    color: #fd2745;
}

.nav-tabs .nav-item .nav-link.tm-tab-has-error.active,
.nav-tabs .nav-item .nav-link.tm-tab-has-error:active,
.nav-tabs .nav-item .nav-link.tm-tab-has-error:hover {
    color: black;
}

.tm-error .tox.tox-tinymce {
    border-color: red;
}

.tm-error .rating {
    flex-wrap: wrap;
}

.custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #f1416c;
}

.tm-error > .invalid-feedback {
    display: block;
}

.never-clicked .rating-label > i,
.never-clicked .rating-label > .svg-icon {
    color: var(--kt-rating-color-default);
}

.form-check-label {
    color: var(--kt-form-check-label-color-checked);
}

/* Tel input plugin */

.iti {
    display: block;
}

.is-invalid .iti__selected-flag {
    height: 68%;
}

/* Progress circle */
.progress-circle {
    width: 150px;
    height: 150px !important;
    float: left;
    line-height: 150px;
    background: none;
    margin: 20px;
    box-shadow: none;
    position: relative
}

.progress-circle:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0
}

.progress-circle > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress-circle .progress-left {
    left: 0
}

.progress-circle .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0
}

.progress-circle .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.progress-circle .progress-right {
    right: 0
}

.progress-circle .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards
}

.progress-circle .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #f7f8fa;
    font-size: 24px;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%
}

.progress-circle.blue .progress-bar {
    border-color: #049dff
}

.progress-circle.yellow .progress-bar {
    border-color: #fdba04
}

/* PROGRESS BAR */

/* 10% */
.progress .progress-bar[data-progress="10"] {
    width: 10%;
}

/* 20% */
.progress .progress-bar[data-progress="20"] {
    width: 20%;
}

/* 30% */
.progress .progress-bar[data-progress="30"] {
    width: 30%;
}

/* 40% */
.progress .progress-bar[data-progress="40"] {
    width: 40%;
}

/* 50% */
.progress .progress-bar[data-progress="50"] {
    width: 50%;
}

/* 60% */
.progress .progress-bar[data-progress="60"] {
    width: 60%;
}

/* 70% */
.progress .progress-bar[data-progress="70"] {
    width: 70%;
}

/* 80% */
.progress .progress-bar[data-progress="80"] {
    width: 80%;
}

/* 90% */
.progress .progress-bar[data-progress="90"] {
    width: 90%;
}

/* 100% */
.progress .progress-bar[data-progress="100"] {
    width: 100%;
}

/* PROGRESS CIRCLE */

/* 10% */
.progress-circle[data-progress="10"] .progress-right .progress-bar {
    animation: loading-10 0.1s linear forwards 0.5s
}

.progress-circle[data-progress="10"] .progress-left .progress-bar {
    animation: none;
}

/* 20% */
.progress-circle[data-progress="20"] .progress-right .progress-bar {
    animation: loading-20 0.2s linear forwards 0.5s
}

.progress-circle[data-progress="20"] .progress-left .progress-bar {
    animation: none;
}

/* 30% */
.progress-circle[data-progress="30"] .progress-right .progress-bar {
    animation: loading-30 0.3s linear forwards 0.5s
}

.progress-circle[data-progress="30"] .progress-left .progress-bar {
    animation: none;
}

/* 40% */
.progress-circle[data-progress="40"] .progress-right .progress-bar {
    animation: loading-40 0.4s linear forwards 0.5s
}

.progress-circle[data-progress="40"] .progress-left .progress-bar {
    animation: none;
}

/* 50% */
.progress-circle[data-progress="50"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards 0.5s
}

.progress-circle[data-progress="50"] .progress-left .progress-bar {
    animation: none;
}

/* 60% */
.progress-circle[data-progress="60"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards 0.5s
}

.progress-circle[data-progress="60"] .progress-left .progress-bar {
    animation: loading-10 0.1s linear forwards 1s;
}

/* 70% */
.progress-circle[data-progress="70"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards 0.5s
}

.progress-circle[data-progress="70"] .progress-left .progress-bar {
    animation: loading-20 0.2s linear forwards 1s;
}

/* 80% */
.progress-circle[data-progress="80"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards 0.5s
}

.progress-circle[data-progress="80"] .progress-left .progress-bar {
    animation: loading-30 0.3s linear forwards 1s;
}

/* 90% */
.progress-circle[data-progress="90"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards 0.5s
}

.progress-circle[data-progress="90"] .progress-left .progress-bar {
    animation: loading-40 0.4s linear forwards 1s;
}

/* 100% */
.progress-circle[data-progress="100"] .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards 0.5s
}

.progress-circle[data-progress="100"] .progress-left .progress-bar {
    animation: loading-50 0.5s linear forwards 1s;
}

/* 60% */
.progress-circle.progress-60 .progress-right .progress-bar {
    animation: loading-50 0.5s linear forwards 0.5s
}

.progress-circle.progress-60 .progress-left .progress-bar {
    animation: loading-10 0.1s linear forwards 1s;
}

@keyframes loading-10 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg)
    }
}

@keyframes loading-20 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(72deg);
        transform: rotate(72deg)
    }
}

@keyframes loading-30 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(108deg);
        transform: rotate(108deg)
    }
}

@keyframes loading-40 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg)
    }
}

@keyframes loading-50 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}


/* RANDOM TESTS */
.kt-widget4 .kt-widget4__item .kt-widget4__title:not(a):hover {
    color: initial;
}

/* CUSTOM SOCIAL BUTTONS */

.btn.btn-whatsapp {
    color: #ffffff;
    border-color: #25D366;
    background-color: #25D366;
}

.btn.btn-whatsapp i,
.btn.btn-whatsapp .svg-icon {
    color: #ffffff;
}

.btn-check:checked + .btn.btn-whatsapp, .btn-check:active + .btn.btn-whatsapp, .btn.btn-whatsapp:focus:not(.btn-active), .btn.btn-whatsapp:hover:not(.btn-active), .btn.btn-whatsapp:active:not(.btn-active), .btn.btn-whatsapp.active, .btn.btn-whatsapp.show, .show > .btn.btn-whatsapp {
    border-color: #329356;
    background-color: #329356 !important;
}

/* HELPERS */
.tm-hidden {
    display: none !important;
}

p:last-of-type {
    margin-bottom: 0;
}

.tm-display-flex-center {
    display: flex;
    align-items: center;
}

.tm-icon-large {
    font-size: 3.7rem;
}

.w-10 {
    width: 10% !important;
}

a.no-link:hover {
    cursor: initial;
}

.form-control[aria-disabled="true"] {
    color: var(--kt-black);
    background-color: var(--kt-input-disabled-bg);
    border-color: var(--kt-input-disabled-border-color);
    opacity: 1;
}

[data-theme="dark"] .form-control[aria-disabled="true"] {
    color: var(--kt-white);
}

.form-control[aria-disabled="true"]:hover {
    cursor: initial;
}

select[data-control="select2"].is-invalid ~ .select2-container .form-control {
    border-color: var(--kt-danger);
}


/* IMMEDIATE ACTION LIST VIEW */
.kt-notification .kt-notification__item.no-hover:hover .kt-notification__item-details .kt-notification__item-title {
    -webkit-transition: none;
    transition: none;
    color: initial;
}

.kt-notification .kt-notification__item.no-hover:hover {
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    background-color: initial;
}

/* CALENDAR */

#calendar.fc .fc-button-primary:not(:disabled).fc-button-active,
#calendar-absences.fc .fc-button-primary:not(:disabled).fc-button-active,
#calendar.fc .fc-button-primary:not(:disabled):active,
#calendar-absences.fc .fc-button-primary:not(:disabled):active {
    color: #fff;
    background-color: #1a252f;
    border-color: #151e27;
}

#calendar.fc .fc-button-primary,
#calendar-absences.fc .fc-button-primary {
    color: #595d6e;
    background-color: #e2e5ec;
    border-color: #e2e5ec;
}

@media (max-width: 1024px) {

    .kt-dialog.kt-dialog--top-center.kt-dialog--shown {
        width: 120px;
        margin-left: -60px;
    }

    .mobile-overflow-x-scroll {
        overflow-x: scroll;
    }

    table th, table td {
        white-space: nowrap;
    }

    .dataTables_length {
        display: none;
    }

    .dataTables_info {
        margin-bottom: 20px;
    }

    .kt-widget31 .kt-widget31__item .kt-widget31__content .kt-widget31__info {
        padding-left: 0;
    }

    .tm-process-progress-bar-title {
        max-width: 50vw;
    }

    .fc .fc-toolbar {
        flex-wrap: wrap;
    }

    .fc-toolbar .fc-toolbar-chunk:first-child {
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width: 768px) {

    #tm-onboarding-help .kt-sc-faq-2 .kt-sc__top .kt-sc__content {
        padding-top: 2rem;
        padding-bottom: 12rem;
    }

    #tm-onboarding-help .kt-sc-faq-2 .kt-sc__top .kt-sc__content .kt-sc__title {
        font-size: 1.5rem;
    }

    #tm-onboarding-help .kt-wizard-v1.talmatch-wizard-onboarding-help .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item .kt-wizard-v1__nav-body {
        min-height: 100px;
    }

    #tm-onboarding-help .kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item::after {
        position: initial;
    }

    #tm-onboarding-help .kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item::after {
        content: "\f1a3";
    }

    #tm-onboarding-help .kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item:last-child::after {
        content: none;
    }

    #tm-onboarding-help .kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item:last-child .kt-wizard-v1__nav-icon {
        font-size: 4rem;
    }

    #tm-onboarding-help .kt-wizard-v1 .kt-wizard-v1__nav .kt-wizard-v1__nav-items .kt-wizard-v1__nav-item .kt-wizard-v1__nav-body {
        text-align: left;
    }

    .tm-wizard-logo {
        max-width: 70vw;
    }

    .dataTables_filter {
        margin-top: 15px;
        display: block;
    }

    #tm-header-notification-count-badge {
        top: 10%;
    }

}