/* ----------     SCROLLBAR CLASS     ---------- */
.scrollbar-none { scrollbar-width: none; overflow-y: auto; overflow-x: hidden; }
.scrollbar-light { overflow-y: auto; overflow-x: hidden; }

.scrollbar-none::-webkit-scrollbar { display: none; }
.scrollbar-light::-webkit-scrollbar { width: 5px; }
/* ----------     SCROLLBAR CLASS     ---------- */

/* ----------     HTML & BODY CLASS     ---------- */
html { overflow: -moz-scrollbars-none; }
html, body { font-family: 'Poppins', sans-serif; overflow: hidden; height: 100%; font-size: 13px; }
/* ----------     HTML & BODY CLASS     ---------- */

/* ----------     AUTOFILL CLASS     ---------- */
input:-webkit-autofill { animation-name: autofill; -webkit-animation-name: autofill; animation-fill-mode: both; -webkit-animation-fill-mode: both; }

@keyframes autofill {
    to { background: transparent; }
}
/* ----------     AUTOFILL CLASS     ---------- */



/* ----------     UNIVERSAL CLASS     ---------- */
.kait-data-href,.kait-data-href-blank { cursor: pointer; }
.kait-display-none { display: none !important; }
.kait-unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.kait-uppercase { text-transform: uppercase; }

.kait-font-500 { font-weight: 500; }

.kait-box-height { min-height: 375px; }

.frm-error, .frm-success  { display: none; font-weight: 500; text-transform: uppercase; font-size: 10px; padding: .375rem .75rem; }
.frm-error.show, .frm-success.show { display: block; }
/* ----------     UNIVERSAL CLASS     ---------- */



/* ----------     FORM CLASS     ---------- */
.form-control:focus { color: unset; box-shadow: none; }

/* ----------     FORM CLASS     ---------- */



/* ----------     FLATPICKR CLASS     ---------- */
.flatpickr-calendar .flatpickr-months { position: relative; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; padding: .75rem; }
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month { left: 1.5rem; }
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-next-month { right: 1.5rem; }
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .flatpickr-calendar .flatpickr-months .flatpickr-next-month { height: unset; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.flatpickr-calendar .flatpickr-current-month, .flatpickr-calendar .flatpickr-prev-month, .flatpickr-calendar .flatpickr-next-month { padding: 0; }
.flatpickr-calendar .numInputWrapper span.arrowUp, .flatpickr-calendar .numInputWrapper span.arrowDown { display: none; }
.flatpickr-calendar .numInputWrapper:hover { background-color: transparent; }
/* ----------     FLATPICKR CLASS     ---------- */



/* ----------     MATERIAL CLASS     ---------- */
.material-switch > input[type="checkbox"] { display: none; }
.material-switch { padding: 0px 10px; }
.material-switch > label { cursor: pointer; height: 0px; position: relative; width: 35px; }
.material-switch > label::before { border-radius: 8px; content: ''; height: 14px; margin-top: -4px; position: absolute; opacity: 0.3; transition: all 0.4s ease-in-out; width: 35px; }
.material-switch > label::after { display: flex; align-items: center; justify-content: center; font-family: "Material Icons"; border-radius: 16px; content: ''; height: 20px; left: -4px; margin-top: -7px; position: absolute; top: 0px; transition: all 0.3s ease-in-out; width: 20px; }
.material-switch > input[type="checkbox"]:checked + label::before { background: inherit; opacity: 0.5; }
.material-switch > input[type="checkbox"]:checked + label::after { background: inherit; left: 20px; }

.material-radio { display: inline-block; z-index: 0; position: relative; font-size: 13px; }
.material-radio > input { appearance: none; -moz-appearance: none; z-index: -1; position: absolute; left: -10px; top: -8px; display: block; margin: 0; border-radius: 50%; width: 40px; height: 40px; outline: none; opacity: 0; transform: scale(1); pointer-events: none; transition: opacity 0.3s, transform 0.2s; }
.material-radio > span { display: flex; align-items: center; width: 100%; cursor: pointer; font-size: 11px; }
.material-radio > span::before { content: ""; display: inline-block; box-sizing: border-box; margin: 2px 10px 2px 0; border: solid 2px; border-radius: 50%; width: 20px; height: 20px; vertical-align: top; transition: border-color 0.2s; }
.material-radio > span::after { content: ""; display: block; position: absolute; top: 2px; left: 0; border-radius: 50%; width: 10px; height: 10px; transform: translate(5px, 5px) scale(0); transition: transform 0.2s; }
.material-radio > input:checked + span::after { transform: translate(5px, 5px) scale(1); }
.material-radio:hover > input { opacity: 0.04; }
.material-radio > input:focus { opacity: 0; }
.material-radio:hover > input:focus { opacity: 0.16; }
.material-radio > input:active { opacity: 1; transform: scale(0); transition: transform 0s, opacity 0s; }

.material-checkbox { z-index: 0; position: relative; display: block; font-size: 16px; line-height: 1.5; }
.material-checkbox > input { appearance: none; -moz-appearance: none; z-index: -1; position: absolute; left: -10px; top: -8px; display: block; margin: 0; border-radius: 50%; width: 40px; height: 40px; box-shadow: none; outline: none; opacity: 0; transform: scale(1); pointer-events: none; transition: opacity 0.3s, transform 0.2s; }
.material-checkbox > span { display: inline-block; width: 100%; cursor: pointer; font-size: 13px; }
.material-checkbox > span::before { content: ""; display: inline-block; box-sizing: border-box; margin: 1px 10px 1px 1px; border: solid 2px; border-radius: 2px; width: 18px; height: 18px; vertical-align: top; transition: border-color 0.2s, background-color 0.2s; }
.material-checkbox > span::after {content: ""; display: block; position: absolute; top: 5px; left: 1px; width: 12px; height: 7px; border: solid 2px transparent; border-right: none; border-top: none; transform: translate(3px, 4px) rotate(-45deg); }
.material-checkbox > input:indeterminate + span::after { border-left: none; transform: translate(4px, 3px); }
.material-checkbox:hover > input { opacity: 0.04; }
.material-checkbox > input:focus { opacity: 0.0; }
.material-checkbox:hover > input:focus { opacity: 0.16; }
.material-checkbox > input:active { opacity: 1; transform: scale(0); transition: transform 0s, opacity 0s; }
.material-checkbox > input:disabled { opacity: 0; }
.material-checkbox > input:disabled + span { cursor: initial; }
.material-checkbox > input:disabled + span::before { border-color: currentColor; }
.material-checkbox > input:checked:disabled + span::before, .material-checkbox > input:indeterminate:disabled + span::before { border-color: transparent; background-color: currentColor; }
/* ----------     MATERIAL CLASS     ---------- */


.page-loader { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #4c6cb7; position: fixed; width: 270px; height: 100%; z-index: 1003; transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; }
.page-loader.hidden { opacity: 0; visibility: hidden; }
.page-loader .page-loader-info .page-loader-info-title, .page-loader .page-loader-info .page-loader-info-text { color: #fff; text-transform: uppercase; text-align: center; }
.page-loader .page-loader-info .page-loader-info-title { margin-top: 24px; font-size: 32px; font-weight: 800; margin-bottom: 0; }
.page-loader .page-loader-info .page-loader-info-text { font-size: 11px; font-weight: 700; }
.page-loader-indicator.loader-bars { display: flex; justify-content: center; height: 40px; }
.page-loader-indicator.loader-bars .loader-bar { width: 4px; height: 100%; margin-right: 4px; border-radius: 200px; transform: scaleY(0.2); animation: loader-bars 0.5s infinite alternate ease-in; }
.page-loader-indicator.loader-bars .loader-bar:last-child { margin-right: 0; }
.page-loader-indicator.loader-bars .loader-bar:nth-child(1) { background-color: #615dfa; }
.page-loader-indicator.loader-bars .loader-bar:nth-child(2) { background-color: #5d71fb; animation-delay: 0.1s; }
.page-loader-indicator.loader-bars .loader-bar:nth-child(3) { background-color: #5983fb; animation-delay: 0.2s; }
.page-loader-indicator.loader-bars .loader-bar:nth-child(4) { background-color: #549afc; animation-delay: 0.3s; }
.page-loader-indicator.loader-bars .loader-bar:nth-child(5) { background-color: #4eb2fd; animation-delay: 0.4s; }
.page-loader-indicator.loader-bars .loader-bar:nth-child(6) { background-color: #49c9fe; animation-delay: 0.5s; }
.page-loader-indicator.loader-bars .loader-bar:nth-child(7) { background-color: #45ddfe; animation-delay: 0.6s; }
.page-loader-indicator.loader-bars .loader-bar:nth-child(8) { background-color: #41efff; animation-delay: 0.7s; }


@keyframes loader-bars {
    0% { transform: scaleY(0.2); }
    100% { transform: scaleY(1); }
}

.color-scheme-switch { position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; }
.color-scheme-switch { touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
.color-scheme-switch { cursor: pointer;  line-height: 1; text-align: left; margin: 0; padding: 0; }
.color-scheme-switch + label { color: #fff; cursor: pointer; font-size: 11px; display: inline-block; font-weight: 500; position: relative; }
.color-scheme-switch + label::before { content: ""; display: block; transition: all 200ms; width: 36px; height: 18px; background-color: lightgray; margin: 0 0 0 0.5em; float: right; border-radius: 4rem; background-color: #fff; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25); }
.color-scheme-switch + label::after { background-color: orange; background-color: #ebd36c; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 8px rgba(255, 165, 0, 0.25); width: 18px; height: 18px; text-align: center; border: 2px solid rgba(255, 255, 255, 0.35); content: ""; display: inline-block; border-radius: 50%; position: absolute; right: 18px; line-height: 1; transition: all 200ms; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23ffffff'%3E%3Crect y='11' width='3' height='2'%3E%3C/rect%3E %3Crect x='3.575' y='3.075' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -1.8951 4.5752)' width='2' height='3'%3E%3C/rect%3E %3Crect x='11' width='2' height='3'%3E%3C/rect%3E %3Crect x='17.925' y='3.575' transform='matrix(0.7071 -0.7071 0.7071 0.7071 2.4542 15.0755)' width='3' height='2'%3E%3C/rect%3E %3Crect x='21' y='11' width='3' height='2'%3E%3C/rect%3E %3Crect x='18.425' y='17.925' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -8.046 19.4248)' width='2' height='3'%3E%3C/rect%3E %3Crect x='11' y='21' width='2' height='3'%3E%3C/rect%3E %3Crect x='3.075' y='18.425' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -12.3954 8.9245)' width='3' height='2'%3E%3C/rect%3E %3Ccircle fill='%23ffffff' cx='12' cy='12' r='7'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23ffa500'%3E%3Crect y='11' width='3' height='2'%3E%3C/rect%3E %3Crect x='3.575' y='3.075' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -1.8951 4.5752)' width='2' height='3'%3E%3C/rect%3E %3Crect x='11' width='2' height='3'%3E%3C/rect%3E %3Crect x='17.925' y='3.575' transform='matrix(0.7071 -0.7071 0.7071 0.7071 2.4542 15.0755)' width='3' height='2'%3E%3C/rect%3E %3Crect x='21' y='11' width='3' height='2'%3E%3C/rect%3E %3Crect x='18.425' y='17.925' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -8.046 19.4248)' width='2' height='3'%3E%3C/rect%3E %3Crect x='11' y='21' width='2' height='3'%3E%3C/rect%3E %3Crect x='3.075' y='18.425' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -12.3954 8.9245)' width='3' height='2'%3E%3C/rect%3E %3Ccircle fill='%23ffa500' cx='12' cy='12' r='7'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); background-origin: center center; background-position: center center; background-size: 0.75rem; background-repeat: no-repeat; }
.color-scheme-switch:checked + label::before { background-color: #22252d; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5); }
.color-scheme-switch:checked + label::after { right: 0; border-color: rgba(255, 255, 255, 0.125); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23ffffff'%3E%3Cpath fill='%23ffffff' d='M21.4,13.7C20.6,13.9,19.8,14,19,14c-5,0-9-4-9-9c0-0.8,0.1-1.6,0.3-2.4c0.1-0.3,0-0.7-0.3-1 c-0.3-0.3-0.6-0.4-1-0.3C4.3,2.7,1,7.1,1,12c0,6.1,4.9,11,11,11c4.9,0,9.3-3.3,10.6-8.1c0.1-0.3,0-0.7-0.3-1 C22.1,13.7,21.7,13.6,21.4,13.7z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23181970'%3E%3Cpath fill='%23181970' d='M21.4,13.7C20.6,13.9,19.8,14,19,14c-5,0-9-4-9-9c0-0.8,0.1-1.6,0.3-2.4c0.1-0.3,0-0.7-0.3-1 c-0.3-0.3-0.6-0.4-1-0.3C4.3,2.7,1,7.1,1,12c0,6.1,4.9,11,11,11c4.9,0,9.3-3.3,10.6-8.1c0.1-0.3,0-0.7-0.3-1 C22.1,13.7,21.7,13.6,21.4,13.7z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }


/* ----------     BTN CLASS     ---------- */
.kait-btn { display: flex; align-items: center; border-radius: 5px; padding: 8px 20px; font-size: 12px; border: none; cursor: pointer; }
.kait-btn:focus { box-shadow: none; }

.kait-btn-primary { border-radius: 2px; }
.kait-btn-success { border-radius: 2px; }
.kait-btn-danger { border-radius: 2px; }
.kait-btn-yellow { border-radius: 2px; }
.kait-btn-dark { border-radius: 2px; }

.kait-transition-3d-hover { transition: all 0.2s ease-in-out; }
.kait-transition-3d-hover:hover, .kait-transition-3d-hover:focus { -webkit-transform: translateY(-1px); transform: translateY(-1px); }
/* ----------     BTN CLASS     ---------- */



/* ----------     COOKIE     ---------- */
.kait-data-protection { position: fixed; bottom: 15px; left: 15px; text-align: center; max-width: 530px; border-radius: 5px; display: flex; align-items: center; font-size: 13px; padding: 25px; z-index: 1005; background: #252525; color: #fff; -webkit-box-shadow:0 4px 11px rgba(76, 108, 183, 0.35); box-shadow: 0 4px 11px rgba(76, 108, 183, 0.35); }
.kait-data-protection .cookie { font-size: 24px; }
.kait-data-protection .text { text-align: left; margin: 0 15px; }
.kait-data-protection .text span { text-decoration: underline; }

@media screen and (max-width: 767px) {
    .kait-data-protection { max-width: 100%; right: 15px; justify-content: space-around; }
}
/* ----------     COOKIE     ---------- */



/* ----------     LOGIN / PASSWORT RESET / USERDATA     ---------- */
/* ----------     LOGIN     ---------- */
.kait-login { position: fixed; top: 0; bottom: 0; left: 0; right: 0; }
.kait-login .kait-login-layer { display: flex; height: 100%; }

.kait-login .kait-login-layer .kait-login-logo { height: 100%; width: 100%; flex-grow: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.kait-login .kait-login-layer .kait-login-logo .kait-login-svg { width: 30%; height: auto; }
.kait-login .kait-login-layer .kait-login-logo .kait-login-png { width: 250px; }

.kait-login .kait-login-layer .kait-login-main { flex-grow: 1; width: 100%; overflow-y: auto; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.kait-login .kait-login-layer .kait-login-main .kait-text { margin-bottom: 30px; max-width: 500px; }
.kait-login .kait-login-layer .kait-login-main .kait-text .headline { display: flex; border-left: 4px #4b6cb7 solid; flex-direction: column; padding: 0 25px; margin-bottom: 15px; }
.kait-login .kait-login-layer .kait-login-main .kait-text .title { font-size: 32px; color: #182848; font-weight: 500; }
.kait-login .kait-login-layer .kait-login-main .kait-text span { font-size: 14px; margin-bottom: 15px; }

.kait-login .kait-login-layer .kait-login-main .kait-login-content { width: 100%; flex: 1; min-height: min-content; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-icon .kait-login-svg { width: 320px; margin-right: 20px; }

.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form { width: 100%; max-width: 350px; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form.userdata { max-width: 500px; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .kait-signin-microsoft { display: flex; justify-content: center; align-items: center; margin-bottom: 25px; border-radius: 2px; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .kait-signin-microsoft .kait-signin-microsoft-text { margin-right: 8px; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .kait-separate { display: flex; position: relative; height: 30px; justify-content: center; align-items: center; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .kait-separate:before { display: block; height: 1px; margin: 15px 0; content: ""; position: absolute; top: 0; width: 100%; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .kait-separate p { display: flex; margin: 0; padding: 0 15px; z-index: 1; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-group { position: relative; margin-bottom: 5px; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-group > label { text-transform: uppercase; font-size: 10px; pointer-events: none; position: relative; z-index: 5; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(1.2) translateY(20px); transform: scale(1.2) translateY(20px); margin-bottom: 2px; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-group > input { width: 100%; font-size: 14px; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-group.not-empty > label { -webkit-transform: none; transform: none; margin-bottom: 2px; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-group .form-control { border-radius: 0; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-group .form-control:focus { box-shadow: none; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-group .form-control { border: 0; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-group .form-control,
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-group .form-control:focus,
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-group .form-control:focus:hover { background: none; outline: none; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-btn span { font-size: 11px; line-height: 45px; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-btn button { padding: 10px 50px; border-radius: 2px; font-size: 14px; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-form .form-btn .kait-forgot-password { text-decoration: none; }

.kait-login .kait-login-layer .kait-login-main .kait-login-footer { align-self: flex-end; font-size: 10px; margin: 25px 50px 50px 25px; }
.kait-login .kait-login-layer .kait-login-main .kait-login-footer a { text-decoration: none; padding: 0 10px; }

/* ----------     PASSWORT RESET     ---------- */
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-login-text { width: 100%; max-width: 550px; text-align: center; padding: 7.5px; }
.kait-login .kait-login-layer .kait-login-main .kait-login-content .kait-forgot-password { text-decoration: none; }

@media screen and (max-width: 767px) {
    .kait-login .kait-login-layer { flex-direction: column; }
    .kait-login .kait-login-layer .kait-login-logo { flex-grow: 0; height: 54px; width: 100%; align-items: flex-start; }
    .kait-login .kait-login-layer .kait-login-logo .kait-login-svg { width: auto; height: 80%; margin: auto; }

    .kait-login .kait-login-layer .kait-login-main .kait-login-footer { align-self: flex-end; font-size: 10px; margin: 25px 10px 25px 10px; }
}
/* ----------     LOGIN / PASSWORT RESET / USERDATA     ---------- */




/* ----------     SIDEBARS / HEADER / GLOBAL LAYOUT     ---------- */
/* ----------     SIDEBARS     ---------- */
.kait-main { flex-grow: 1; height: 100%; display: flex; }

.kait-sidebar-left { height: 100%; min-width: 25px; width: 25px; border: none; transition: .25s all; z-index: 1001; }
.kait-sidebar-left:hover { min-width: 270px; width: 270px; }
.kait-sidebar-left.active { min-width: 270px; width: 270px; }
.kait-sidebar-left.show-sidebar { left: 0; }

.kait-sidebar-left .kait-sidebar-box { display: flex; flex-direction: column; height: 100%; flex-grow: 1; }
.kait-sidebar-left .kait-sidebar-box .kait-brand { display: flex; align-items: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; height: 70px; }
.kait-sidebar-left .kait-sidebar-box .kait-brand .kait-sidebar-svg { height: 50px; padding: 0 30px; }

.kait-sidebar-left .kait-sidebar-box .kait-menu { flex-grow: 1; width: 270px; }
.kait-sidebar-left .kait-sidebar-box .kait-menu .kait-items .kait-title { display: block; margin-top: 15px; padding: 10px 30px 5px 30px; text-transform: uppercase; font-size: 10px; font-weight: 500; }
.kait-sidebar-left .kait-sidebar-box .kait-menu .kait-items ul { position:relative; margin: 0; padding: 0; list-style: none; }
.kait-sidebar-left .kait-sidebar-box .kait-menu .kait-items li { display: flex; align-items: center; justify-content: space-between; font-size: 13px; font-weight: 500; min-height: 40px; padding: 0 30px; list-style: none; }
.kait-sidebar-left .kait-sidebar-box .kait-menu .kait-items li span { border-radius: 2px; display: flex; justify-content: center; align-items: center; font-size: 12px; padding: 2px 12.5px; }
.kait-sidebar-left .kait-sidebar-box .kait-menu .kait-items li a:hover { text-decoration: none; }

.kait-sidebar-left .kait-sidebar-box .kait-footer { flex-shrink: 0; padding: 25px; width: 270px; }
.kait-sidebar-left .kait-sidebar-box .kait-footer .kait-level { margin: 10px 0 5px 0; }
.kait-sidebar-left .kait-sidebar-box .kait-footer .kait-level .kait-exp-top { display: flex; justify-content: space-between; font-size: 11px; margin-bottom: 5px; font-weight: 500; }
.kait-sidebar-left .kait-sidebar-box .kait-footer .kait-level .kait-exp-bottom { position: relative; height: 5px; width: 100%; }
.kait-sidebar-left .kait-sidebar-box .kait-footer .kait-level .kait-exp-bottom .kait-exp-inner { width: 0%; height: 100%; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; }
.kait-sidebar-left .kait-sidebar-box .kait-footer .kait-profile { font-size: 11px; display: flex; justify-content: space-between; margin-bottom: 10px; }
.kait-sidebar-left .kait-sidebar-box .kait-footer .kait-company { font-size: 13px; line-height: 1.375rem; font-weight: 500; }
.kait-sidebar-left .kait-sidebar-box .kait-footer .kait-text, .kait-sidebar-left .kait-sidebar-box .kait-footer .kait-text a { font-size: 10px; }

/* ----------     HEADER     ---------- */
.kait-wrapper { display: flex; flex-direction: column; height: 100%; flex-grow: 1; z-index: 2; max-width: calc(100% - 270px); }
.kait-header { position: relative; align-items: center; min-height: 70px; height: 70px; z-index: 1001; }

.kait-header .kait-show-sidebar { display: none; position: absolute; border-radius: 0; border: none !important; width: 70px; height: 70px; left: 0; top: 0; font-weight: 600; -webkit-box-shadow: none; box-shadow: none; transition: .25s all; cursor: pointer; }
.kait-header .kait-show-sidebar span { height: 100%; display: flex; align-items: center; justify-content: center; }
.kait-header .kait-show-sidebar span .kait-menu { height: 20px; width: 20px; position: relative; }
.kait-header .kait-show-sidebar .kait-menu-first { left: 0; top: 2px; }
.kait-header .kait-show-sidebar .kait-menu-second { top: 9px; left: 0; }
.kait-header .kait-show-sidebar .kait-menu-third { left: 6px; top: 16px; }
.kait-header .kait-show-sidebar .kait-menu-all { position: absolute; fill: currentColor; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: .2s top .4s, .1s left .2s, .2s transform, .2s opacity .2s; -o-transition: .2s top .4s, .1s left .2s, .2s transform, .2s opacity .2s; transition: .2s top .4s, .1s left .2s, .2s transform, .2s opacity .2s; }

.kait-header .kait-items { align-items: center; padding: 0 30px; }
.kait-header .kait-items .kait-title { margin: 0; font-size: 16px; font-weight: 500; }

/* ----------     GLOBAL LAYOUT     ---------- */
.kait-content { padding: 15px 0px; /*margin-bottom: 15px;*/ }

.kait-content .kait-box-outer { margin: 15px;  border-radius: 2px; display: block; overflow: hidden; }
.kait-content .kait-event-outer { margin: 30px 15px; }
.kait-content .kait-event-outer:first-of-type { margin: 15px; }

.kait-content .kait-box-outer .kait-box-header { padding: 30px; display: flex; justify-content: space-between; align-items: center; }
.kait-content .kait-box-outer .kait-box-header-center { justify-content: center; }
.kait-content .kait-box-outer .kait-box-header .kait-title { display: flex; align-items: center; margin: 0; font-size: 16px; font-weight: 500; }
.kait-content .kait-box-outer .kait-box-header .kait-title svg { width: 15px; height: 15px; margin-right: 4px; }
.kait-content .kait-box-outer .kait-box-header .kait-title i { display: flex; justify-content: center; width: 30px; margin-right: 5px; }
.kait-content .kait-box-outer .kait-box-header .kait-subtitle { font-size: 11px; }

.kait-content .kait-box-outer .kait-box { padding: 20px 30px; }

.kait-content-wrapper .kait-menu-left .kait-header { display: flex; justify-content: space-between; align-items: center; height: 70px;  flex-shrink: 0; flex-grow: 0; z-index: 100; }

.kait-content-wrapper .kait-menu-left .kait-header .kait-search { padding: 0 30px; display: flex; justify-content: space-between; align-items: center; width: 100%; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-search input { display: flex; padding: 0; border: none !important; background: transparent; font-size: 14px; width: 100%; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-search input:focus { outline: none; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-search span { display: flex; justify-content: center; align-items: center; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-search span svg { width: 20px; height: 20px; font-size: 20px; }

.kait-content-wrapper .kait-menu-left .kait-header-tickets, .kait-content-wrapper .kait-menu-left .kait-header-user { height: 140px; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-header-default { height: 70px; width: 100%; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-header-extend { height: 140px; width: 100%; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-load { position: relative; height: 2px; width: 100%; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-load .kait-load-inner { width: 0%; height: 100%; -webkit-transition: width .3s linear; -moz-transition: width .3s linear; -o-transition: width .3s linear; transition: width .3s linear; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-menu { display: flex; padding: 0 8px; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-menu .kait-item { height: 70px; border-bottom: 3px solid transparent; padding: 0 15px; font-size: 16px; display: flex; align-items: center; cursor: pointer; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-menu .kait-item.active { font-weight: 500; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-menu .kait-item .kait-badge.badge { position: relative; margin: 1px 1px 1px 6px; padding: 5px 7px; font-size: 10px; font-weight: 500; border-radius: 2px; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-header-default .kait-search { height: 70px; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-header-default .kait-search i { font-size: 20px; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-header-extend .kait-search { height: 70px; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-header-extend .kait-search i { font-size: 20px; }


.kait-content-wrapper { flex-grow: 1; height: 100%; display: flex; overflow: hidden; }
.kait-content-wrapper .kait-menu-left { flex-basis: 380px; max-width: 380px; min-width: 380px; }
.kait-content-wrapper .kait-content-inner { display: flex; flex-direction: column; height: 100%; flex-grow: 1; }
.kait-content-wrapper .kait-content { display: flex; flex-direction: column; height: 100%; flex-grow: 1; }
.kait-content-wrapper .kait-menu-right { position: absolute; right: -320px; top: 0; bottom: 0; flex-basis: 320px; max-width: 320px; min-width: 320px; overflow: hidden; }
.kait-content-wrapper .kait-menu-right.active { right: 0; }


.kait-header-content { width: 100%; padding: 30px 100px 0 100px; }
.kait-header-content .kait-header-username { font-size: 18px; }
.kait-header-content .kait-header-organisation { font-size: 11px; }
.kait-header-content .kait-header-top { display: flex; align-items: center; justify-content: space-between; }
.kait-header-content .kait-header-top .kait-header-name { display: flex; font-size: 18px; }
.kait-header-content .kait-header-top .kait-header-name .kait-id { display: flex; align-items: center; margin-right: 5px; font-size: 11px; }
.kait-header-content .kait-header-top .kait-customer-number { font-size: 11px; }
.kait-header-content .kait-header-top .kait-header-organisation { font-size: 11px; }
.kait-header-content .kait-header-top .kait-header-organisation .kait-separator { padding: 5px; }
.kait-header-content .kait-header-top .kait-header-status { display: flex; align-items: center; justify-content: flex-end; text-transform: uppercase; font-size: 10px; font-weight: 500; }
.kait-header-content .kait-header-top .kait-header-status svg { width: 15px; }
.kait-header-content .kait-header-top .kait-header-since { text-align: right; text-transform: uppercase; font-size: 11px; margin-top: 2px; }
.kait-header-content .kait-header-menu { display: flex; margin-top: 10px; text-transform: uppercase; overflow-y: auto; }
.kait-header-content .kait-header-menu .kait-item { padding: 15px 15px; font-size: 16px; cursor: pointer; border-bottom: 3px solid transparent; font-weight: 500; }
.kait-header-content .kait-header-menu .kait-item span { border-radius: 2px; margin-left: 10px; font-size: 12px; padding: 2px 12.5px; }


/* UNDER CONSTRUCTION */
.kait-content-wrapper .kait-content-inner .kait-under-construction { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 50px; flex-direction: column; }
.kait-content-wrapper .kait-content-inner .kait-under-construction .kait-under-construction-svg { width: 200px; }
.kait-content-wrapper .kait-content-inner .kait-under-construction .kait-title { font-size: 22px; margin-top: 10px; }
/* -- */



@media screen and (max-width: 768px) {
    #kait-ticket-toggle { display: none; }
    
    .kait-header-content { padding: 30px 25px 0 25px; }
    .kait-content-wrapper .kait-menu-right { display: none; }
}

@media screen and (max-width: 1399.98px) {
    .kait-sidebar-left { z-index: 1002; position: fixed; left: -270px; width: 270px; }
    .page-loader { left: -270px; }
    
    .kait-wrapper { max-width: 100%; }

    .kait-header { min-height: 70px; height: 70px; }
    .kait-header .kait-show-sidebar { display: block; }
    .kait-header .kait-items .kait-title { display: none; }
}
/* ----------     SIDEBARS / HEADER / GLOBAL LAYOUT     ---------- */



/* ----------     DASHBOARD - ADMIN     ---------- */
.kait-content .kait-box-outer .kait-chartjs { max-height: 300px; }
.kait-content .kait-box-outer .kait-chartjs #kait-tickets-chart { max-width: 100%; }

.kait-content .kait-box-outer .kait-box.kait-statistic { display: grid; }
.kait-content .kait-box-outer .kait-box .kait-stats { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 13px; padding: 5px 0; }
.kait-content .kait-box-outer .kait-box .kait-stats:last-of-type { margin-bottom: 0; }
.kait-content .kait-box-outer .kait-box .kait-stats .kait-stats-title { display: flex; align-items: center; }
.kait-content .kait-box-outer .kait-box .kait-stats .kait-stats-title svg { height: 15px; width: 15px; margin-right: 5px; }
.kait-content .kait-box-outer .kait-box .kait-stats .kait-stats-title i { display: flex; justify-content: center; width: 15px; margin-right: 10px; }
.kait-content .kait-box-outer .kait-box .kait-stats .kait-stats-count { font-weight: 500; }
.kait-content .kait-box-outer .kait-box .kait-stats .kait-stats-count .kait-stats-item { display: flex; justify-content: flex-end; }
.kait-content .kait-box-outer .kait-box .kait-stats .kait-stats-count .kait-stats-item.kait-stats-item-sub { font-weight: 400; }

.kait-content .kait-box-outer .kait-box .kait-event-data { display: flex; justify-content: space-between; font-size: 10px; }
.kait-content .kait-box-outer .kait-box .kait-event-data i { margin-right: 5px; }
.kait-content .kait-box-outer .kait-box .kait-event-data svg { height: 12px; width: 12px; margin-right: 7px; }
.kait-content .kait-box-outer .kait-box .kait-event-data .kait-event { padding: 5px 8px; display: flex; align-items: center; border-radius: 5px; }
.kait-content .kait-box-outer .kait-box .kait-event-data .kait-event-settings svg { margin-right: 0px; }
.kait-content .kait-box-outer .kait-box .kait-ticket-data { padding: 10px 0 3px 0; font-size: 12px; }
.kait-content .kait-box-outer .kait-box .kait-ticket-data .kait-ticket-id { font-weight: 500; font-size: 11px; cursor: pointer; }
.kait-content .kait-box-outer .kait-box .kait-ticket-data .kait-ticket-subject { margin: 0 0 10px 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
.kait-content .kait-box-outer .kait-box .kait-ticket-data .kait-ticket-agent { font-weight: 500; }
.kait-content .kait-box-outer .kait-box .kait-location-data { display: flex; font-size: 11px; }
.kait-content .kait-box-outer .kait-box .kait-location-data .kait-location { display: flex; align-items: center; }
.kait-content .kait-box-outer .kait-box .kait-location-data .kait-location i { margin-right: 5px; }
.kait-content .kait-box-outer .kait-box .kait-location-data .kait-location svg { width: 14px; height: 14px; margin-right: 7px; }

.kait-content .kait-box-outer .kait-box .kait-activity-feed { padding-bottom: 10px; }
.kait-content .kait-box-outer .kait-box.kait-feed-inner { height: 655px; }
.kait-content .kait-box-outer .kait-box .kait-activity-feed .kait-activity-header { display: flex; align-items: center; }
.kait-content .kait-box-outer .kait-box .kait-activity-feed .kait-activity-header .kait-activity-icon { display: flex; justify-content: center; align-items: center; margin-right: 15px; border-radius: 50%; width: 30px; height: 30px; }
.kait-content .kait-box-outer .kait-box .kait-activity-feed .kait-activity-header .kait-activity-icon svg { width: 14px; height: 14px; }
.kait-content .kait-box-outer .kait-box .kait-activity-feed .kait-activity-header .kait-activity-user { display: flex; flex-direction: column; }
.kait-content .kait-box-outer .kait-box .kait-activity-feed .kait-activity-header .kait-activity-user .kait-activity-username { font-weight: 500; font-size: 13px; }
.kait-content .kait-box-outer .kait-box .kait-activity-feed .kait-activity-header .kait-activity-user .kait-activity-time { font-size: 10px; }
.kait-content .kait-box-outer .kait-box .kait-activity-feed .kait-activity { margin-left: 45px; font-size: 11px; padding: 7.5px 0 15px 0; }
.kait-content .kait-box-outer .kait-box .kait-activity-feed .kait-activity .kait-activity-title span { margin-left: 10px; }
.kait-content .kait-box-outer .kait-box .kait-activity-feed .kait-activity .kait-activity-msg { font-size: 11px; }

@media screen and (min-width: 1200px) {
    .kait-content .kait-box-outer .kait-box .kait-event-data { flex-direction: column; }
    .kait-content .kait-box-outer .kait-box .kait-event-data .kait-event { margin-bottom: 5px; }
}

@media screen and (min-width: 1820px) {
    .kait-content .kait-box-outer .kait-box .kait-event-data { flex-direction: unset; }
    .kait-content .kait-box-outer .kait-box .kait-event-data .kait-event { margin-bottom: 0; }
}
/* ----------     DASHBOARD - ADMIN    ---------- */



/* ----------     TICKETS - ADMIN     ---------- */

/* NEW TICKET ADD */
.kait-ticket-new { position: absolute; width: calc(100% - 270px); height: 0px; top: 0px; z-index: 1000; }
.kait-ticket-new.active { min-height: 100vh; overflow-y: auto; padding-bottom: 70px; top: 70px; }

.kait-ticket-new .kait-ticket-content { margin: 50px 20px 50px 20px; display: flex; justify-content: center; align-items: center; }
.kait-ticket-new .kait-ticket-content form { max-width: 700px; width: 100%; }
.kait-ticket-new .kait-ticket-content select.form-control { font-size: 13px; }
.kait-ticket-new .kait-ticket-content textarea { width: 100%; padding: 0.75rem 1rem; font-size: 13px; }
.kait-ticket-new .kait-ticket-content .kait-ticket-main label { font-weight: 500; text-transform: uppercase; font-size: 12px; }
.kait-ticket-new .kait-ticket-content .kait-ticket-main input { display: block; width: 100%; font-size: 13px; overflow: hidden; }
.kait-ticket-new .kait-ticket-content .kait-ticket-main small { font-size: 10px; }
.kait-ticket-new .kait-ticket-content .kait-ticket-customer .kait-label-title { font-weight: 500; text-transform: uppercase; font-size: 12px; }
.kait-ticket-new .kait-ticket-content .kait-ticket-client label { font-weight: 500; text-transform: uppercase; font-size: 12px; }
.kait-ticket-new .kait-ticket-content .kait-ticket-client .kait-ticket-client-data { align-items: center; }
.kait-ticket-new .kait-ticket-content .kait-ticket-client .kait-ticket-client-data .kait-ticket-client-name { display: flex; align-items: center; }
.kait-ticket-new .kait-ticket-content .kait-ticket-client .kait-ticket-client-data .kait-ticket-client-name .kait-img-user { border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 14px; width: 38px; height: 38px; margin-right: 12px; }
.kait-ticket-new .kait-ticket-content .kait-ticket-client .kait-ticket-client-data .kait-ticket-client-name .kait-username { display: block; font-size: 13px; }
.kait-ticket-new .kait-ticket-content .kait-ticket-client .kait-ticket-client-data input { display: block; width: 100%; font-size: 13px; } 
.kait-ticket-new .kait-ticket-content .kait-ticket-client small { font-size: 10px; }
.kait-ticket-new .kait-ticket-content .kait-ticket-bottom { display: flex; justify-content: flex-end; margin-bottom: 50px; }
/* -- */


/* TICKET LIST */
.kait-content-wrapper .kait-menu-left .kait-tickets-list { position: relative; height: calc(100% - 140px); min-width: calc(380px - 1px); }
.kait-content-wrapper .kait-menu-left .kait-tickets-list.default { height: calc(100% - 70px) }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-toggle-menu { position: absolute; top: 0; bottom: 0; width: 380px; max-width: 380px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-title { margin: 0; padding: 10px 30px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-title span { font-size: 11px; font-weight: 600; text-transform: uppercase; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets { padding: 12.5px 25px; display: flex; margin: 0; }
/*
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-img { margin-right: 20px; height: 60px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-img .kait-img-user { position: relative; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: 500; width: 38px; height: 38px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content .kait-ticket-header-bottom .kait-img { position: relative; top: -15px; left: 10px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 14px; width: 38px; height: 38px; }
*/
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info { width: 100%; }

.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header { display: flex; align-items: center; justify-content: space-between; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header .kait-ticket-id { font-size: 11px; font-weight: 500; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content { align-items: center; justify-content: space-between; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content .kait-ticket-newreply::after { content: ''; border-radius: 50%; display: inline-block; margin-left: 12px; font-size: 12px; width: 8px; height: 8px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content .kait-ticket-header-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 2px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content .kait-ticket-header-top .kait-ticket-user { font-size: 11px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content .kait-ticket-header-top .kait-ticket-id { font-weight: 500; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content .kait-ticket-header-top .kait-ticket-last-update { display: flex; justify-content: flex-end; padding: 2px 0px; font-size: 11px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content .kait-ticket-header-top .kait-ticket-date { font-size: 11px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content .kait-ticket-header-bottom { display: flex; align-items: center; justify-content: space-between; padding-bottom: 2px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content .kait-ticket-header-bottom .kait-ticket-subject { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0; font-size: 13px; font-weight: 500; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content .kait-ticket-header-bottom .kait-img { display: flex; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content .kait-ticket-header-bottom .kait-img .kait-img-admin { position: relative; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 10px; width: 25px; height: 25px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-header-content .kait-ticket-header-bottom .kait-img .kait-img-user { position: relative; right: -5px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 10px; width: 25px; height: 25px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets.active .kait-ticket-info .kait-ticket-header .kait-ticket-subject { font-weight: 600; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-msg { display: flex; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-msg p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 12px; margin: 0;}
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-id { font-size: 11px; }
.kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-tickets .kait-ticket-info .kait-ticket-id-orga { font-size: 11px; font-weight: 500; }
/* -- */


/* TICKET NOT SELECTED */
.kait-content-wrapper .kait-content-inner .kait-ticket-unset { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 50px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-unset .kait-ticket-svg { max-width: 500px; width: 100%; margin-right: 10px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-unset .kait-title { font-size: 22px; margin-top: 25px; }
/* -- */


/* ** TICKET OVERVIEW ** */
/* TICKET CONSERVATION */
.kait-content-wrapper .kait-content-inner .kait-ticket-content { position: relative; height: 100%; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content.show-sidebar-right { padding-right: 320px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header { display: flex; justify-content: space-between; align-items: center; height: 70px; z-index: 100; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-menu-left { display: flex; align-items: center; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-menu-left .kait-ticket-back { display: none; margin-left: 15px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-menu-left .kait-ticket-userinfo { padding: 0 30px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-menu-left .kait-ticket-userinfo .kait-ticket-username { display: flex; align-items: center; font-size: 16px; font-weight: 500; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-menu-left .kait-ticket-userinfo .kait-ticket-id { display: flex; align-items: center; font-size: 11px; font-weight: 500; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-menu-left .kait-ticket-userinfo .kait-ticket-id span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;padding-left: 2px; font-weight: 400; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-btngroup { position: relative; display: flex; align-items: center; padding: 0 30px; cursor: pointer; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-btngroup .kait-ticket-btn { position: relative; display: flex; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-btngroup .kait-ticket-btn .kait-material-icons { display: flex; align-items: center; justify-content: center; width: 45px; font-size: 16px; padding: 6px; height: 30px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-btngroup .kait-ticket-btn .kait-material-icons:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-btngroup .kait-ticket-btn .kait-material-icons:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-btngroup .kait-ticket-event { position: absolute; height: 0px; width: 270px; top: 50px; z-index: 999; overflow: hidden; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-btngroup .kait-ticket-event.active { height: auto; top: 35px; right: 30px; padding: 10px; border-radius: 4px; transition: top .5s; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-btngroup .kait-ticket-event .kait-label-header { font-weight: 500; text-transform: uppercase; font-size: 12px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-btngroup .kait-ticket-event .flatpickr-input { background: transparent; font-size: 12px; margin-bottom: .5rem; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-btngroup .kait-ticket-event .form-control { font-size: 12px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-btngroup .kait-ticket-event .kait-bottom { display: flex; justify-content: flex-end; }

.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat { height: calc(100% - 350px); padding: 0 30px 30px 30px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-data:not(:first-child) { margin-top: 30px; }

.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-date { text-align: center; margin-top: 25px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-date span { padding: 7.5px 15px; font-weight: 400; font-size: 10px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-msg { margin-bottom: 1px; width: fit-content; width: -moz-fit-content; max-width: 100%; border-radius: 2px; padding: 15px; font-size: 13px; line-height: 1.5; border: 1px solid #eaedf3; word-break: break-word; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-self { max-width: 75%; display: flex; flex-direction: column; align-items: flex-end; margin-right: 0; margin-left: auto; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-self .kait-ticket-msg { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-other { max-width: 75%; display: flex; flex-direction: column; align-items: flex-end; margin-right: 0; margin-left: auto; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-other .kait-ticket-msg { word-break: break-word; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-other-user { max-width: 75%; display: flex; flex-direction: column; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-closed { display: flex; justify-content: center; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-closed .kait-ticket-msg { border: none; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-user-info { display: flex; align-items: center; margin-bottom: 12px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-user-info .kait-ticket-user { display: flex; align-items: center; max-width: 100%; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-user-info .kait-ticket-user .kait-img-user { border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: 500; width: 38px; height: 38px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-user-info .kait-ticket-user .kait-ticket-user-name { font-size: 13px; margin-left: 12px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-chat .kait-ticket-user-info .kait-ticket-time { font-size: 13px; margin-left: 15px; }

.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg { display: flex; flex-direction: column; width: 100%; padding: 25px 60px 15px 60px; min-height: 220px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg textarea { display: flex; padding: 20px; border-radius: 4px; font-size: 13px; width: 100%; resize: none; appearance: none; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg textarea:focus { outline: none; }

.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg .kait-msg-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg .kait-msg-header .kait-msg-reply { display: flex; align-items: center; width: 100%; font-size: 12px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg .kait-msg-header .kait-msg-reply input { display: flex; width: 100%; margin-left: 5px; padding: 0; border: none !important; background: transparent; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg .kait-msg-header .kait-msg-reply input:focus { outline: none; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg .kait-msg-header .kait-msg-icons { display: flex; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg .kait-msg-header .kait-msg-icons .kait-ticket-status { font-size: 12px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg .kait-msg-header .kait-msg-icons span { display: flex; align-items: center; justify-content: center; padding: 5px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg .kait-msg-header .kait-msg-icons span i { font-size: 20px; }

.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg .kait-msg-bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; flex-wrap: wrap; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg .kait-msg-bottom .kait-msg-icons { display: flex; align-items: center; justify-content: center;  }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg .kait-msg-bottom .kait-msg-icons span { display: flex; align-items: center; justify-content: center; padding: 5px; }
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg .kait-msg-bottom .kait-msg-icons span i { font-size: 18px; }
/* -- */


/* TICKET USER INFOMARION */
.kait-content-wrapper .kait-menu-right .kait-header { display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 140px; max-height: 140px; flex-shrink: 0; flex-grow: 0; z-index: 100; }

.kait-content-wrapper .kait-menu-right .kait-header .kait-img-user { border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 18px; width: 50px; height: 50px; }
.kait-content-wrapper .kait-menu-right .kait-header .kait-username { display: block; font-size: 13px; padding-top: 7.5px; font-weight: 500; }
.kait-content-wrapper .kait-menu-right .kait-header .kait-tags span { margin: 1px; padding: 5px 7px; font-size: 10px; font-weight: 500; border-radius: 2px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview { height: calc(100% - 140px); }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-header { display: flex; justify-content: space-between; font-size: 11px; font-weight: 500; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-menu { display: flex; flex-direction: column; padding: 25px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-menu:last-child { display: flex; flex-direction: column; padding: 25px; border-bottom: none; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-menu .kait-category span { margin: 1px; padding: 5px 7px; font-size: 10px; font-weight: 500; border-radius: 2px; cursor: pointer; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-menu .kait-user-menu-icon svg { height: 14px; cursor: pointer; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-infos .kait-user-info { display: flex; align-items: center; width: fit-content; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-infos .kait-user-info .kait-icon { display: flex; margin-right: 10px; width: 25px; height: 25px; border-radius: 50%; align-items: center; justify-content: center; padding: 6px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-infos .kait-user-info .kait-icon svg { display: flex; height: 13px; width: 13px; align-items: center; justify-content: center; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-infos .kait-user-info .kait-user-value { font-size: 12px; padding: 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-infos .kait-user-info .kait-user-value:hover { text-decoration: none; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-files { position: relative; padding: 0; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-files .kait-user-header { padding: 25px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-files .kait-user-file { padding: 0 25px; margin: 0px 25px 25px 25px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-files .kait-user-file .kait-user-file-svg { width: 35px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-files .kait-user-file .kait-user-file-title { font-size: 11px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-files .kait-user-file .kait-user-file-content { display: flex; flex-wrap: wrap; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-files .kait-user-file .kait-user-file-content .kait-user-file-type { display: flex; flex-direction: column; padding: 10px; justify-content: center; align-items: center; font-size: 11px; text-align: center; overflow: hidden; max-width: -webkit-fill-available; word-break: break-all; height: fit-content; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-files .kait-user-file .kait-user-file-content .kait-user-file-type .kait-user-file-svg { width: 30px; margin-bottom: 5px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-open-tickets { padding: 0px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-open-tickets-non { margin: 0px 25px 25px 25px; padding: 0 25px; font-size: 11px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-open-tickets .kait-user-header:first-of-type { padding-top: 25px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-open-tickets .kait-user-header { padding: 15px 25px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-open-tickets .kait-user-open-ticket { padding: 5px 5px 5px 25px; font-size: 11px; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-open-tickets .kait-user-open-ticket .kait-user-open-ticket-info { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-activities .kait-user-activity { display: flex; align-items: center; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-activities .kait-user-activity .kait-icon { display: flex; margin-right: 10px; width: 25px; height: 25px; border-radius: 50%; align-items: center; justify-content: center; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-activities .kait-user-activity .kait-icon svg { display: flex; height: 13px; width: 13px; align-items: center; justify-content: center; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-activities .kait-user-activity .kait-user-activity-info { font-size: 10px; padding: 10px 0; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-activities .kait-user-activity .kait-user-activity-user { display: flex; font-size: 12px; font-weight: 500; }
.kait-content-wrapper .kait-menu-right .kait-user-overview .kait-user-activities .kait-user-activity .kait-user-activity-time { display: flex; font-size: 10px; }
/* -- */


@media screen and (max-width: 1140px) {
    .kait-content-wrapper .kait-menu-left .kait-header { padding-left: 0; }

    .kait-content-wrapper .kait-menu-left { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; flex-shrink: 0 !important; }
    .kait-content-wrapper .kait-menu-left .kait-tickets-list { position: relative; height: calc(100% - 140px); min-width: calc(100% - 1px); }
    .kait-content-wrapper .kait-menu-left .kait-tickets-list .kait-toggle-menu { width: 100%; max-width: 100%; }
    
    .kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-msg { padding: 25px; }    
    .kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-ticket-header .kait-ticket-menu-left .kait-ticket-back { display: block; }
}
@media screen and (max-width: 1400px) {
    .kait-user-new, .kait-ticket-new { top: 70px; width: 100%; }
}
/* ----------     TICKETS - ADMIN     ---------- */





/* ----------     USER - ADMIN     ---------- */

/* USER ADD */
.kait-user-new { position: absolute; width: calc(100% - 270px); height: 0px; top: 0px; z-index: 1000; }
.kait-user-new.active { min-height: 100vh; overflow-y: auto; padding-bottom: 70px; top: 70px; }

.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data { padding: 50px 15% 0 15%; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data:last-child { margin-bottom: 50px; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data .kait-box-outer { border-radius: 2px; display: block; overflow: hidden; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data .kait-box-outer .kait-user-form { padding: 30px; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data label { font-size: 12px; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data .kait-box-outer .kait-title { font-weight: 500; font-size: 18px; padding: 30px 30px 0 30px; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data .kait-box-outer label { font-size: 12px; font-weight: 300; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data .kait-rights-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data .kait-rights-label input { opacity: 0; height: 0; width: 0; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data .kait-rights-label .kait-checkmark { display: flex; justify-content: center; align-items: center; height: 15px; width: 15px; border-radius: 50%; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data .kait-rights-label .kait-checkmark:after { content: ""; display: none; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data .kait-rights-label input:checked ~ .kait-checkmark:after { display: flex; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data .kait-rights-label .kait-checkmark:after { width: 5px; height: 5px; border-radius: 50%; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data .kait-rights-label .kait-rights { display: flex; position: relative; min-width: 175px; align-items: center; padding: 10px 25px; border-radius: 2px; cursor: pointer; }
.kait-user-new .kait-user-content .kait-user-add-content .kait-user-data .kait-rights-label .kait-rights .kait-right { font-weight: 500; padding: 5px; margin-left: 15px; }
/* -- */


/* USER LIST */
.kait-content-wrapper .kait-menu-left .kait-users-list { position: relative; height: calc(100% - 140px); min-width: calc(380px - 1px); }
.kait-content-wrapper .kait-menu-left .kait-users-list .kait-title { margin: 0; padding: 10px 30px; font-weight: 600; }
.kait-content-wrapper .kait-menu-left .kait-users-list .kait-title span { font-size: 12px;  text-transform: uppercase; }
.kait-content-wrapper .kait-menu-left .kait-users-list .kait-users { padding: 10px 30px; display: flex; align-items: center; margin: 0; }
.kait-content-wrapper .kait-menu-left .kait-users-list .kait-users .kait-img { margin-right: 10px; font-size: 8px; text-align: right; }
.kait-content-wrapper .kait-menu-left .kait-users-list .kait-users .kait-img .kait-img-user { position: relative; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 14px; width: 38px; height: 38px; }
.kait-content-wrapper .kait-menu-left .kait-users-list .kait-users .kait-user-info { width: 100%; }
.kait-content-wrapper .kait-menu-left .kait-users-list .kait-users .kait-user-info .kait-user-name { font-size: 12px; }
.kait-content-wrapper .kait-menu-left .kait-users-list .kait-users .kait-user-info .kait-user-organisation { font-size: 11px; }
.kait-content-wrapper .kait-menu-left .kait-users-list .kait-users .kait-user-info .kait-user-organisation span { display: flex; }
.kait-content-wrapper .kait-menu-left .kait-users-list .kait-users .kait-user-status { display: flex; justify-content: center; align-items: center }
.kait-content-wrapper .kait-menu-left .kait-users-list .kait-users .kait-user-status .kait-user-icons { display: flex; }
.kait-content-wrapper .kait-menu-left .kait-users-list .kait-users .kait-user-status .kait-user-icons svg { height: 15px; width: 15px; margin-left: 4px; }
/* -- */


/* USER NOT SELECTED */
.kait-content-wrapper .kait-content-inner .kait-user-unset { width: 100%; min-height: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 50px; }
.kait-content-wrapper .kait-content-inner .kait-user-unset .kait-user-svg { max-width: 500px; width: 100%; margin-right: 10px; }
.kait-content-wrapper .kait-content-inner .kait-user-unset .kait-title { font-size: 22px; }
/* -- */


/* USER CONTENT GLOBAL */
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-title { font-weight: 500; font-size: 18px; padding: 30px 30px 0 30px; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer label { font-size: 12px; font-weight: 300; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer input:disabled,
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer input[readonly] { cursor: not-allowed; }

.kait-content-wrapper .kait-content-inner .kait-user-data .kait-rights-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-rights-label input { opacity: 0; height: 0; width: 0; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-rights-label .kait-checkmark { display: flex; justify-content: center; align-items: center; height: 15px; width: 15px; border-radius: 50%; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-rights-label .kait-checkmark:after { content: ""; display: none; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-rights-label input:checked ~ .kait-checkmark:after { display: flex; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-rights-label .kait-checkmark:after { width: 5px; height: 5px; border-radius: 50%; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-rights-label .kait-rights { display: flex; position: relative; min-width: 150px; align-items: center; padding: 10px 25px; border-radius: 2px; cursor: pointer; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-rights-label .kait-rights .kait-right { font-weight: 500; padding: 5px; margin-left: 15px; }
/* -- */


/* ** USER OVERVIEW ** */
.kait-user-content .kait-user-bottom-end { display: flex; justify-content: flex-end; }


.kait-content-wrapper .kait-content-inner .kait-user-data { padding: 50px 10% 0 10%; }
.kait-content-wrapper .kait-content-inner .kait-user-data:last-child { margin-bottom: 50px; }
/* USER DATA */
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer { border-radius: 2px; display: block; overflow: hidden; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-user-top { display: flex; justify-content: space-between; align-items: center; padding: 30px; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-user-top .kait-user-information { display: flex; align-items: center; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-user-top .kait-user-information .kait-img  { margin-right: 10px; font-size: 8px; text-align: right; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-user-top .kait-user-information .kait-img .kait-img-user { position: relative; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 14px; width: 38px; height: 38px; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-user-top .kait-user-information .kait-user-info { display: flex; flex-direction: column; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-user-top .kait-user-information .kait-user-info .kait-user-name { font-size: 18px; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-user-top .kait-user-status { font-size: 12px; font-weight: 500; text-align: right; margin: 5px 0; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-user-form { padding: 30px; }
/* -- */


.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box-header { padding: 30px; display: flex; justify-content: space-between; align-items: center; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box-header .kait-title { margin: 0; font-size: 16px; font-weight: 500; padding: 0; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box { padding: 30px }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box .kait-activity-feed { padding: 10px 0; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box .kait-activity-feed .kait-activity-header { display: flex; align-items: center; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box .kait-activity-feed .kait-activity-header .kait-activity-icon { display: flex; justify-content: center; align-items: center; margin-right: 15px; border-radius: 50%; width: 30px; height: 30px; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box .kait-activity-feed .kait-activity-header .kait-activity-icon svg { width: 14px; height: 14px; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box .kait-activity-feed .kait-activity-header .kait-activity-user { display: flex; flex-direction: column; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box .kait-activity-feed .kait-activity-header .kait-activity-user .kait-activity-username { font-weight: 500; font-size: 13px; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box .kait-activity-feed .kait-activity-header .kait-activity-user .kait-activity-time { font-size: 10px; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box .kait-activity-feed .kait-activity { margin-left: 45px; font-size: 11px; padding: 7.5px 0 15px 0; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box .kait-activity-feed .kait-activity .kait-activity-title span { margin-left: 10px; }
.kait-content-wrapper .kait-content-inner .kait-user-data .kait-box-outer .kait-box .kait-activity-feed .kait-activity .kait-activity-msg { font-size: 11px; }


@media screen and (max-width: 1400px) {

}
/* ----------     USER - ADMIN     ---------- */



/* ----------     ORGANISATION - ADMIN     ---------- */

/* ORGANISATION ADD */
.kait-organisation-new { position: absolute; width: calc(100% - 270px); height: 0px; top: 0px; left: 0px; z-index: 1000; }
.kait-organisation-new.active { min-height: 100vh; overflow-y: auto; padding-bottom: 70px; top: 70px; left: 270px; }

.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data { padding: 50px 15% 0 15%; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data:last-child { margin-bottom: 50px; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data .kait-box-outer { border-radius: 2px; display: block; overflow: hidden; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data .kait-box-outer .kait-organisation-form { padding: 30px; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data label { font-size: 12px; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data .kait-box-outer .kait-title { font-weight: 500; font-size: 18px; padding: 30px 30px 0 30px; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data .kait-box-outer label { font-size: 12px; font-weight: 300; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data .kait-rights-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data .kait-rights-label input { opacity: 0; height: 0; width: 0; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data .kait-rights-label .kait-checkmark { display: flex; justify-content: center; align-items: center; height: 15px; width: 15px; border-radius: 50%; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data .kait-rights-label .kait-checkmark:after { content: ""; display: none; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data .kait-rights-label input:checked ~ .kait-checkmark:after { display: flex; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data .kait-rights-label .kait-checkmark:after { width: 5px; height: 5px; border-radius: 50%; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data .kait-rights-label .kait-rights { display: flex; position: relative; min-width: 175px; align-items: center; border: 1px solid #eaedf3; padding: 10px 25px; border-radius: 2px; cursor: pointer; }
.kait-organisation-new .kait-organisation-content .kait-organisation-add-content .kait-organisation-data .kait-rights-label .kait-rights .kait-right { font-weight: 500; padding: 5px; margin-left: 15px; }
/* -- */


/* ORGANISATION LIST - SEARCH */
.kait-content-wrapper .kait-menu-left .kait-header .kait-search { padding: 0 30px; display: flex; justify-content: space-between; align-items: center; width: 100%; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-search input { display: flex; padding: 0; border: none !important; background: transparent; font-size: 14px; width: 100%; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-search input:focus { outline: none; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-search span { display: flex; justify-content: center; align-items: center; }
.kait-content-wrapper .kait-menu-left .kait-header .kait-search span i { font-size: 20px; }
/* ORGANISATION LIST */
.kait-content-wrapper .kait-menu-left .kait-organisations-list { position: relative; height: calc(100% - 70px); min-width: calc(380px - 1px); }
.kait-content-wrapper .kait-menu-left .kait-organisations-list .kait-title { margin: 0; padding: 10px 30px; font-weight: 600; }
.kait-content-wrapper .kait-menu-left .kait-organisations-list .kait-title span { font-size: 12px; text-transform: uppercase; }
.kait-content-wrapper .kait-menu-left .kait-organisations-list .kait-organisations { padding: 10px 30px; display: flex; justify-content: center; align-items: center; margin: 0; }
.kait-content-wrapper .kait-menu-left .kait-organisations-list .kait-organisations-sub { padding-left: 60px; }
.kait-content-wrapper .kait-menu-left .kait-organisations-list .kait-organisations .kait-img { margin-right: 20px; }
.kait-content-wrapper .kait-menu-left .kait-organisations-list .kait-organisations .kait-img .kait-img-organisation { position: relative; display: flex; justify-content: center; align-items: center; font-size: 13px; width: 80px; height: 38px; white-space: nowrap; }
.kait-content-wrapper .kait-menu-left .kait-organisations-list .kait-organisations .kait-organisation-info { width: 100%; }
.kait-content-wrapper .kait-menu-left .kait-organisations-list .kait-organisations .kait-organisation-info .kait-organisation-name { font-size: 12px; }
.kait-content-wrapper .kait-menu-left .kait-organisations-list .kait-organisations .kait-organisation-info .kait-organisation-location { font-size: 11px; }
/* -- */


/* ORGANISATION NOT SELECTED */
.kait-content-wrapper .kait-content-inner .kait-organisation-unset { width: 100%; min-height: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 50px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-unset .kait-organisation-svg { max-width: 500px; width: 100%; margin-right: 10px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-unset .kait-title { font-size: 22px; }
/* -- */


/* ORGANISATION CONTENT GLOBAL */
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-box-outer .kait-title { font-weight: 500; font-size: 18px; padding: 30px 30px 0 30px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-box-outer label { font-size: 12px; font-weight: 300; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-box-outer input:disabled,
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-box-outer input[readonly] { cursor: not-allowed; }

.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-rights-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-rights-label input { opacity: 0; height: 0; width: 0; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-rights-label .kait-checkmark { display: flex; justify-content: center; align-items: center; height: 15px; width: 15px; border-radius: 50%; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-rights-label .kait-checkmark:after { content: ""; display: none; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-rights-label input:checked ~ .kait-checkmark:after { display: flex; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-rights-label .kait-checkmark:after { width: 5px; height: 5px; border-radius: 50%; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-rights-label .kait-rights { display: flex; position: relative; min-width: 175px; align-items: center; padding: 10px 25px; border-radius: 2px; cursor: pointer; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-rights-label .kait-rights .kait-right { font-weight: 500; padding: 5px; margin-left: 15px; }
/* -- */


/* ORGANISATION STATS */
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-organisation-stats { padding: 25px 10px; display: flex; flex-direction: column; align-items: center; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-organisation-stats .kait-organisation-text { font-size: 14px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-organisation-stats .kait-organisation-count { font-weight: 500; font-size: 18px; }
/* -- */


/* ORGANISATION LOCATION */
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-table-noresult { display: flex; justify-content: center; align-items: center; padding: 50px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-table-noresult .kait-svg { width: 200px; margin-right: 10px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-box-outer .kait-header-table { display: flex; justify-content: space-between; padding: 30px 30px 0 30px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-box-outer .kait-header-table .kait-search-table { max-width: 300px; }

.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-table { width: 100%; border-collapse: separate; border-spacing: 0 5px; padding: 15px 30px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-table th { text-transform: uppercase; font-weight: 500; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-table th:first-of-type { padding-left: 20px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-table th:last-of-type { padding-right: 20px; text-align: right; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-table .kait-table-content td { padding: 15px 0px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-table .kait-table-content td:first-of-type { padding-left: 20px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-table .kait-table-content td:last-of-type { padding-right: 20px; text-align: right; padding-right: 55px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-table .kait-table-content .kait-table-settings { text-align: center; cursor: pointer; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-table .kait-expandable { display: none; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-table .kait-expandable.active { display: table-row; }
/* -- */


/* ** ORGANISATION OVERVIEW ** */
.kait-organisation-content .kait-organisation-bottom-end { display: flex; justify-content: flex-end; }


.kait-content-wrapper .kait-content-inner .kait-organisation-data { padding: 50px 10% 0 10%; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data:last-child { margin-bottom: 50px; }
/* ORGANISATION DATA */
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-box-outer { border-radius: 2px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-box-outer .kait-organisation-form { padding: 30px; }
.kait-content-wrapper .kait-content-inner .kait-organisation-data .kait-box-outer .kait-organisation-location-form .kait-organisation-bottom-end { padding: 0 30px; }
/* -- */
/* ----------     ORGANISATION - ADMIN     ---------- */



/* ----------     SETTINGS - ADMIN     ---------- */
.kait-settings-list { display: flex; flex-direction: column; }
.kait-settings-list .kait-settings { display: flex; flex-direction: column; padding: 20px 30px; cursor: pointer; }
.kait-settings-list .kait-settings .kait-setting-title { font-size: 13px; font-weight: 500; }
.kait-settings-list .kait-settings .kait-setting-subtitle { font-size: 12px; }
/* -- */

/* ** USER OVERVIEW ** */
.kait-setting-content .kait-user-data { padding: 50px 10% 0 10%; }
.kait-setting-content .kait-user-notification { display: flex; justify-content: space-between; align-items: center; }
.kait-setting-content .kait-user-notification:last-of-type { margin-bottom: 30px; }
.kait-setting-content .kait-user-bottom-end { display: flex; justify-content: flex-end; }

.kait-setting-content .kait-user-data .kait-box-outer { border-radius: 2px; display: block; overflow: hidden; }
.kait-setting-content .kait-user-data .kait-box-outer .kait-user-top { display: flex; justify-content: space-between; align-items: center; padding: 40px 30px; }
.kait-setting-content .kait-user-data .kait-box-outer .kait-user-top .kait-user-information { display: flex; align-items: center; }
.kait-setting-content .kait-user-data .kait-box-outer .kait-user-top .kait-user-information .kait-img  { margin-right: 20px; font-size: 8px; text-align: right; }
.kait-setting-content .kait-user-data .kait-box-outer .kait-user-top .kait-user-information .kait-img .kait-img-user { position: relative; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 14px; width: 38px; height: 38px; }
.kait-setting-content .kait-user-data .kait-box-outer .kait-user-top .kait-user-information .kait-user-info { display: flex; flex-direction: column; }
.kait-setting-content .kait-user-data .kait-box-outer .kait-user-top .kait-user-information .kait-user-info .kait-user-name { font-size: 18px; }
.kait-setting-content .kait-user-data .kait-box-outer .kait-user-top .kait-user-status { font-size: 12px; font-weight: 500; }
.kait-setting-content .kait-user-data .kait-box-outer .kait-user-form { padding: 30px; }

.kait-setting-content .kait-user-data .kait-box-outer .kait-title { font-weight: 500; font-size: 18px; padding: 30px 30px 0 30px; }
/* ----------     SETTINGS - ADMIN     ---------- */



/* ----------     ENDPOINT - ADMIN     ---------- */
.kait-content-wrapper .kait-content-inner .kait-endpoint-list .kait-endpoint-data { display: flex; justify-content: center; }
.kait-content-wrapper .kait-content-inner .kait-endpoint-list .kait-endpoint-data:nth-child(odd) { background: rgba(76, 108, 183, 0.20); }
.kait-content-wrapper .kait-content-inner .kait-endpoint-list .kait-endpoint-data .item { display: flex; align-items: center; padding: 10px; flex: 1; overflow: hidden; text-overflow: ellipsis; }
.kait-content-wrapper .kait-content-inner .kait-endpoint-list .kait-endpoint-data .item::before { content: ""; display: flex; width: 10px; height: 10px; border-radius: 50%; z-index: 1; margin-right: 7.5px; }
.kait-content-wrapper .kait-content-inner .kait-endpoint-list .kait-endpoint-data .item.version { flex: 2 !important; }
/* ----------     ENDPOINT - ADMIN     ---------- */



/* ----------     VERSION - ADMIN     ---------- */
.kait-changelog { min-height: 100%; padding: 60px; }
.kait-changelog .kait-changelog-inner { padding: 50px; font-size: 14px; }
.kait-changelog .kait-changelog-inner .kait-logo .kait-version-svg { width: 250px; }
.kait-changelog .kait-changelog-inner .kait-title, .kait-changelog .kait-changelog-inner .kait-build { font-size: 20px; font-weight: 600; padding: 20px 0; }
.kait-changelog .kait-changelog-inner .kait-versions .kait-version { padding: 20px 0; }
.kait-changelog .kait-changelog-inner .kait-versions .kait-version .kait-label { margin: 20px 0 10px 0; }
.kait-changelog .kait-changelog-inner .kait-versions .kait-version .kait-label .kait-badge { padding: 3px 10px; border-radius: 10px; }

@media screen and (max-width: 768px) {
    .kait-changelog { padding: 20px; }
}
/* ----------     VERSION - ADMIN     ---------- */



/* ----------     DASHBOARD - USER     ---------- */
.kait-content .kait-box-outer .kait-welcome { display: flex; min-height: 265px; padding: 30px; }
.kait-content .kait-box-outer .kait-welcome .kait-welcome-img .kait-welcome-svg { width: 250px; margin: 0 50px; }
.kait-content .kait-box-outer .kait-welcome .kait-welcome-content { display: flex; flex-direction: column; justify-content: space-between; }
.kait-content .kait-box-outer .kait-welcome .kait-welcome-title { font-size: 16px; font-weight: 600; }
.kait-content .kait-box-outer .kait-welcome .kait-welcome-text .kait-welcome-top { font-size: 32px; }
.kait-content .kait-box-outer .kait-welcome .kait-welcome-text p { margin: 5px 0; }
.kait-content .kait-box-outer .kait-welcome .kait-welcome-text p .kait-username { font-weight: 600; }
.kait-content .kait-box-outer .kait-welcome .kait-welcome-btn { display: flex; }

.kait-content .kait-box-outer .kait-box.kait-contacts { display: flex; flex-wrap: wrap; justify-content: space-between; }
.kait-content .kait-box-outer .kait-box .kait-contact { display: flex; flex-direction: column; flex: 0 50%; }
.kait-content .kait-box-outer .kait-box .kait-contact .kait-contact-title { margin-bottom: 5px; font-weight: 500; font-size: 11px; }
.kait-content .kait-box-outer .kait-box .kait-contact .kait-opening { display: flex; flex-wrap: wrap; }
.kait-content .kait-box-outer .kait-box .kait-contact .kait-opening .kait-opening-days { width: 70px; }

.kait-content .kait-box-outer .kait-box.kait-activity { max-height: 590px; }

.kait-content .kait-box-outer .kait-events { display: flex; }
.kait-content .kait-box-outer .kait-event-user { display: flex; align-items: center; min-height: 165px; padding: 30px; flex-wrap: wrap; text-align: center; justify-content: center; }
.kait-content .kait-box-outer .kait-event-user .kait-event-img .kait-event-svg { width: 145px; margin: 0 50px; }
.kait-content .kait-box-outer .kait-event-user .kait-event-content { display: flex; flex-direction: column; justify-content: center; padding: 25px 0; }

@media screen and (max-width: 768px) {
    .kait-content .kait-box-outer .kait-welcome { flex-wrap: wrap; justify-content: center; }
    .kait-content .kait-box-outer .kait-welcome .kait-welcome-img { padding-bottom: 30px; }    
    .kait-content .kait-box-outer .kait-welcome .kait-welcome-text .kait-welcome-top { font-size: 24px; }
    .kait-content .kait-box-outer .kait-welcome .kait-welcome-btn { margin-top: 15px; }

    .kait-content .kait-box-outer .kait-event-user .kait-event-img .kait-event-svg { width: 100px; margin: 0 25px; }
}
@media screen and (max-width: 1140px) {
    .kait-content .kait-box-outer .kait-events { flex-wrap: wrap; }
    .kait-content .kait-box-outer .kait-events .kait-box-outer.kait-event-outer:hover { width: 100%; }
}
/* ----------     DASHBOARD - USER    ---------- */



/* ----------     TICKETS - USER     ---------- */
.kait-content-wrapper .kait-content-inner .kait-ticket-content .kait-access-denied { display: flex; justify-content: center; align-items: center; height: 100%; font-weight: 500; font-size: 24px; }
/* ----------     TICKETS - USER     ---------- */



/* ----------     FAQ - USER     ---------- */
.kait-content-wrapper .kait-content .kait-faq-unset { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 50px; }
.kait-content-wrapper .kait-content .kait-faq-unset .kait-faq-svg { width: 200px; margin-right: 10px; }
.kait-content-wrapper .kait-content .kait-faq-unset .kait-title { font-size: 22px; margin-top: 25px; }
/* ----------     FAQ - USER     ---------- */