.transform-90 {
    transform: rotate(90deg);
    transform-origin: right top;
}
.fw-bolder {
    font-weight: 600!important;
}
.px-5 {
    padding-right: 1.25rem!important;
    padding-left: 1.25rem!important;
}
.mt-20 {
    margin-top: 5rem!important;
}
.gap-2 {
    gap: 0.5rem!important;
}
.end-0 {
    right: 0!important;
}
.top-50 {
    top: 50%!important;
}
.position-fixed {
    position: fixed!important;
}
.d-flex {
    display: flex!important;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.ms-3 {
    margin-left: 0.75rem!important;
}
.me-3 {
    margin-right: 0.75rem!important;
}

/* DRAWER */
.drawer.drawer-end {
    right: 0;
    transform: translateX(100%);
}
[data-kt-drawer=true] {
    display: none;
}
.drawer {
    display: flex!important;
    overflow: auto;
    z-index: 110;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #fff;
    transition: transform .3s ease-in-out;
}
.bg-body2 {
    --bg-color: 255,255,255;
    background-color: #fff !important;
}
.bg-body2 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important;
}
*, ::after, ::before {
    box-sizing: border-box;
}

div {
    display: block;
}

.card {
    border: 0;
    box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%);
}
.rounded-0 {
    border-radius: 0!important;
}
.w-100 {
    width: 100%!important;
}
.shadow-none {
    box-shadow: none!important;
}
.drawer>.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eff2f5;
    border-radius: 0.95rem;
    box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%);
}
*, ::after, ::before {
    box-sizing: border-box;
}
div {
    display: block;
}

.drawer>.card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    min-height: 70px;
    padding: 0 2.25rem;
    background-color: transparent;
    border-bottom: 1px solid #eff2f5;
}
.drawer>.card-header:first-child {
    border-radius: calc(0.95rem - 1px) calc(0.95rem - 1px) 0 0;
}
.drawer>.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #eff2f5;
}
*, ::after, ::before {
    box-sizing: border-box;
}

div {
    display: block;
}

.scroll-y {
    overflow-y: auto;
}
.scroll-y {
    overflow-y: scroll;
    position: relative;
}
.pe-5 {
    padding-right: 1.25rem!important;
}
.me-n5 {
    margin-right: -1.25rem!important;
}

.drawer{
    display:flex!important;
    overflow:auto;
    z-index:110;
    position:fixed;
    top:0;
    bottom:0;
    background-color:#fff;
    transition:transform .3s ease-in-out
}
.drawer.drawer-start{
    left:0;
    transform:translateX(-100%)
}
.drawer.drawer-end{
    right:0;
    transform:translateX(100%)
}
.drawer.drawer-on{
    transform:none;
    box-shadow:0 1px 9px -3px rgba(0,0,0,.05);
    transition:transform .3s ease-in-out
    width:  500px !important;
}
.drawer-overlay{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    overflow:hidden;
    z-index:109;
    background-color:rgba(0,0,0,.2);
    animation:animation-drawer-fade-in .3s ease-in-out 1
}
[data-kt-drawer=true]{
    display:none
}
@keyframes animation-drawer-fade-in{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@media (max-width:991.98px){
    body[data-kt-drawer=on]{
        overflow:hidden
    }
}

/* Text & Buttons & Img*/
.text-muted {
    color: #a1a5b7!important;
}
.text-muted {
    --bs-text-opacity: 1;
    color: #a1a5b7!important;
}
.fw-bold {
    font-weight: 500!important;
}
.fs-7 {
    font-size: .95rem!important;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.lh-1 {
    line-height: 1!important;
}

.card .card-header .card-toolbar {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
    flex-wrap: wrap;
}

.engage-toolbar >.btn.btn-icon:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush) {
    border: 0;
}
.engage-toolbar >.btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg) {
    box-shadow: none!important;
}
.engage-toolbar >.btn-group-sm>.btn.btn-icon, .btn.btn-icon.btn-sm {
    height: calc(1.5em + 1.1rem + 2px);
    width: calc(1.5em + 1.1rem + 2px);
}
.engage-toolbar >.btn.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.5rem + 2px);
    width: calc(1.5em + 1.5rem + 2px);
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.text-muted {
    color: #a1a5b7!important;
}
.text-muted {
    --bs-text-opacity: 1;
    color: #a1a5b7!important;
}
.text-uppercase {
    text-transform: uppercase!important;
}
.fs-7 {
    font-size: .95rem!important;
}
.pb-2 {
    padding-bottom: 0.5rem!important;
}
.px-3 {
    padding-right: 0.75rem!important;
    padding-left: 0.75rem!important;
}

.symbol.symbol-circle, .symbol.symbol-circle .symbol-label, .symbol.symbol-circle>img {
    border-radius: 50%;
}
.symbol {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.475rem;
}

.symbol.symbol-35px>img {
    width: 35px;
    height: 35px;
}
.symbol.symbol-circle, .symbol.symbol-circle .symbol-label, .symbol.symbol-circle>img {
    border-radius: 50%;
}
.symbol>img {
    width: 50px;
    height: 50px;
}
.symbol>img {
    width: 100%;
    flex-shrink: 0;
    display: inline-block;
    border-radius: 0.475rem;
}
img, svg {
    vertical-align: middle;
}

/* CARD MESAGGE */

.text-dark {
    color: #181c32!important;
}
.bg-light-info {
    background-color: #f8f5ff!important;
}
.rounded {
    border-radius: 0.475rem!important;
}
.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important;
}
.text-start {
    text-align: left!important;
}
.fw-bold {
    font-weight: 500!important;
}
.p-5 {
    padding: 1.25rem!important;
}

.text-dark {
    color: #181c32!important;
}
.bg-light-primary {
    background-color: #f1faff!important;
}
.rounded {
    border-radius: 0.475rem!important;
}
.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important;
}
.text-end {
    text-align: right!important;
}
.fw-bold {
    font-weight: 500!important;
}
.p-5 {
    padding: 1.25rem!important;
}

/* WIKI */
.flex-center {
    justify-content: center;
    align-items: center;
}
.bg-light-warning {
    background-color: #fff8dd!important;
}
.rounded {
    border-radius: 0.475rem!important;
}
.flex-shrink-0 {
    flex-shrink: 0!important;
}
.h-50px {
    height: 50px!important;
}
.w-50px {
    width: 50px!important;
}
.flex-stack {
    justify-content: space-between;
    align-items: center;
}
.ms-4 {
    margin-left: 1rem!important;
}
.flex-grow-1 {
    flex-grow: 1!important;
}
.d-flex {
    display: flex!important;
}
.me-2 {
    margin-right: 0.5rem!important;
}
.flex-column {
    flex-direction: column!important;
}
.mb-7 {
    margin-bottom: 1.75rem!important;
}

/* Buttons */
.engage-toolbar >.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0;
    padding: calc(0.75rem + 1px) calc(1.5rem + 1px);
}
.engage-toolbar >.btn.btn-color-gray-700 {
    color: #fff;
}
.engage-toolbar >.btn.btn-flex {
    display: inline-flex;
    align-items: center;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.engage-toolbar >.btn {
    outline: 0!important;
}
.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}
.bg-body {
    --bg-color: 255,255,255;
    background-color: #009efb !important;
}
.fs-6 {
    font-size: 1.075rem!important;
}
.px-4 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.h-35px {
    height: 25px!important;
}
.shadow-sm {
    box-shadow: 0 .1rem 1rem .25rem rgba(0,0,0,.05)!important;
}
.engage-toolbar >.btnIcon {
    display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    color: #181c32;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.75rem 1.5rem;
    font-size: 1.1rem;
    border-radius: 0.475rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.engage-toolbar >.btn {
    /*display: inline-block;*/
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.75rem 1.5rem;
    font-size: 1.1rem;
    border-radius: 0.475rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}