html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html, body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    font-family: 'Lato', sans-serif;
}

.no-style {
    all: unset;
    display: inline; 
}

.toast-msg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 300px;
}

.cursor-pointer{
    cursor:pointer;
}

.radius-top {
    border-radius: 1.3rem 1.3rem 0 0 !important;
}

.radius-bottom {
    border-radius: 0 0 1.3rem 1.3rem !important;
}

.card-radius
{
    border-radius: 1.3rem !important;
}

button, a[role=button]{
    text-transform:uppercase;
}

button,
a[role=button],
select,
div[data-rounded="inputGroup"],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=submit],
input[type=button],
input[type=text],
input[type=email],
input[type=password] {
    border-radius: 9999px !important;
}

.form-label-required:after {
    content: " *";
    color: #dc3545;
}

.event-details-table th,
.event-details-table tbody,
.event-details-table tr,
.event-details-table td {
    border: none !important;
    border-style: none !important;
}

.dropdown-toggle::after {
    content: none;
}

.loader {
    width: fit-content;
    font-weight: bold;
    font-family: monospace;
    font-size: 30px;
    color: #0000;
    background: linear-gradient(90deg,#C02942 calc(50% + 0.5ch),#000 0) right/calc(200% + 1ch) 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: l7 2s infinite steps(11);
}

    .loader:before {
        content: "Loading..."
    }

@keyframes l7 {
    to {
        background-position: left
    }
}

#grid {
    display: flex;
    flex-direction: column;
}

    #grid .k-grid-content {
        height: 100%;
    }

    #grid .k-pager-wrap {
        padding-bottom: 1rem;
    }

.k-pdf-export .k-clone,
.k-pdf-export .k-loader-container {
    display: none;
}

#grid .k-grid-header th.k-header > .k-link {
    margin-right: 1px;
    margin: 0.0em 0 -0.2em 0;
    padding: 0.3em 0 0.2em 0;
}


@media (max-width: 575.98px) {
    .header{
        height:fit-content !important;
    }
}


@media (min-width: 576px) and (max-width: 991.98px) {
}


@media (min-width: 992px) {
}