@charset "UTF-8";


.card {
    box-shadow: 8px 5px 20px 2px darkgrey;
    background: linear-gradient(135deg, #f9f9f9 0, #ffffff 100%);
}

.k-treeview-leaf {
    user-select: none;
}

.scrollable-treeview .k-animation-container {
    overflow: visible;
}

table > tbody > tr.k-master-row.k-table-row > td > span {
    cursor: default;
}

table > tbody > tr.k-master-row.k-table-row > td {
    cursor: default;
}

.k-grid th.text-center {
    text-align: center;
}

th.text-center .k-cell-inner > .k-link {
    justify-content: center;
}

#upScrollBtn {
    width: 80px;
    height: 80px;
    padding: 6px 0px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.42857;
    display: none;
    position: fixed;
    bottom: 120px;
    right: 1.5rem;
    z-index: 99;
    cursor: pointer;
}

#downScrollBtn {
    width: 80px;
    height: 80px;
    padding: 6px 0px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.42857;
    display: inline-flex;
    position: fixed;
    bottom: 20px;
    right: 1.5rem;
    z-index: 99;
    cursor: pointer;
}
.right-bottom-menu-zero {
    width: 80px;
    height: 80px;
    padding: 6px 0px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.42857;
    display: none;
    position: fixed;
    bottom: 170px;
    right: 1.5rem;
    z-index: 99;
    cursor: pointer;
}
.right-bottom-menu-first {
    width: 80px;
    height: 80px;
    padding: 6px 0px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.42857;
    display: none;
    position: fixed;
    bottom: 120px;
    right: 1.5rem;
    z-index: 99;
    cursor: pointer;
}

.right-bottom-menu-second {
    width: 80px;
    height: 80px;
    padding: 6px 0px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.42857;
    display: none;
    position: fixed;
    bottom: 70px;
    right: 1.5rem;
    z-index: 99;
    cursor: pointer;
}

.right-bottom-menu-three {
    width: 80px;
    height: 80px;
    padding: 6px 0px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.42857;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 1.5rem;
    z-index: 99;
    cursor: pointer;
}

.telerik-blazor.k-button.btn.btn-sm.btn-primary.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base {
    height: 30px;
}

.btn-circle-width {
    width: 30px !important;
    height: 30px !important;
}

.button-space-normal {
    white-space: normal;
}

@media (min-width: 991.98px) {
    .mobile-title {
        display: none !important;
    }

    .card-height-15 {
        height: 15rem;
    }
}

@media (max-width: 575.98px) {
    .maxwidth-mobile {
        width: 100%;
    }
}

@media (min-width: 575.98px) {
    .width-150 {
        width: 150px;
    }
}

.w-logo-login {
    width: 350px;
}

@media (max-width: 1140px) {
    .w-logo-login {
        width: 250px;
    }
}

.bg-green {
    background-color: #4CAF50 !important;
}

.bg-light-green {
    background-color: #8BC34A !important;
}

.bg-red {
    background-color: #ff857c !important;
}

.bg-yellow {
    background-color: #FFC107 !important;
}

.bg-light-yellow {
    background-color: #fff27b !important;
}

.bg-gray {
    background-color: #9E9E9E !important;
}

.bg-white {
    background-color: #FFFFFF !important;
}

.line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.display-just-scroll {
    display: none;
}

@media (max-width: 990px) {
    .display-just-scroll {
        display: flex;
    }
}

#kt_app_header[data-kt-sticky-enabled=true] .display-just-scroll {
    display: flex;
    -webkit-box-orient: vertical;
}

.swal2-container {
    z-index: 20000 !important;
}

@media (max-width: 465px) {
    .w-md-100 {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .d-grid-sm-block .k-d-grid {
        display: block !important;
    }
}

.card-bottom-container {
    background: rgba(0, 0, 0, 0.66);
    -webkit-box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 0.66);
    -moz-box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 0.66);
    box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 0.66);
}

.custom-button {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.card-base:is(:hover) .custom-button:after,
.custom-button:after {
    content: '»';
    position: absolute;
    opacity: 0;
    right: -20px;
    transition: 0.5s;
}

.card-base:is(:hover) .custom-button,
.custom-button:hover {
    padding-right: 24px;
    padding-left: 8px;
}

.card-base:is(:hover) .custom-button:after,
.custom-button:hover:after {
    opacity: 1;
    right: 10px;
}

.card-custom-background {
    border-radius: 20px;
    box-shadow: 8px 5px 20px 2px #a9a9a9;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}

.telerik-blazor.k-multiselect.k-input.k-input-solid.k-input-md.k-rounded-md,
.k-picker-solid {
    background-color: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 25%, transparent);
}