.font-poppins {
    font-family: 'Poppins', sans-serif;
}
.bg-beige {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 247, 244, 1);
}
/* Rules for sizing the icon. */
.material-icons-outlined.md-10 {
    font-size: 10px;
}


.material-icons-outlined.md-14 {
    font-size: 14px;
}

.material-icons-outlined.md-18 {
    font-size: 18px;
}

.material-icons-outlined.md-24 {
    font-size: 24px;
}

.material-icons-outlined.md-36 {
    font-size: 36px;
}

.material-icons-outlined.md-48 {
    font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons-outlined.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

.material-icons-outlined.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons-outlined.md-light {
    color: rgba(255, 255, 255, 1);
}

.material-icons-outlined.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3);
}

.h-1\/10 {
    height: 10%;
}

.h-2\/10 {
    height: 20%;
}

.h-3\/10 {
    height: 30%;
}

.h-4\/10 {
    height: 40%;
}

.h-5\/10 {
    height: 50%;
}

.h-6\/10 {
    height: 60%;
}

.h-7\/10 {
    height: 70%;
}

.h-8\/10 {
    height: 80%;
}

.h-9\/10 {
    height: 90%;
}

.max-h-6\/10 {
    max-height: 60%;
}

.max-h-7\/10 {
    max-height: 70%;
}

.max-h-8\/10 {
    max-height: 80%;
}

.max-h-\[calc\(100vh-3\.5rem\)\] {
    max-height: calc(100vh - 3.5rem);
}

.max-h-192 {
    max-height: 48rem; /* 768px */
}

.min-h-\[300px\] {
    min-height: 300px;
}

.min-w-\[50px\] {
    min-width: 50px;
}

.min-w-\[400px\] {
    min-width: 400px;
}

.min-w-54 {
    min-width: 13.5rem; /* 216px */ 
}

.grow {
    flex-grow: 1;
}

.grow-0 {
    flex-grow: 0;
}

.w-\[11\.5px\] {
    width: 11.5px;
}

.h-\[37\.5vh\] {
    height: 37.5vh;
}

.max-h-\[37\.5vh\] {
    max-height: 37.5vh;
}

.max-h-\[40vh\]{
    max-height: 40vh;
}

.max-h-\[50vh\] {
    max-height: 50vh;
}

.max-h-\[60vh\] {
    max-height: 60vh;
}

@media (min-width: 1536px) {
    .\32xl\:\!max-h-full {
        max-height: 100% !important;
    }
}

.k-grid .k-master-row.deleted-row-colors {
    background-color: #fee2e2 !important;
}

.k-grid .k-master-row.deleted-row-colors:hover {
    background-color: #febebe !important;
}

.k-grid .k-master-row.deleted-row-colors.k-alt {
    background-color: #fecaca !important;
}

.k-grid .k-master-row.deleted-row-colors.k-alt:hover {
    background-color: #febebe !important;
}

.k-grid .k-master-row.sorted-row-colors {
    background-color: #d5dcdc !important;
}

.k-grid .k-master-row.sorted-row-colors:hover {
    background-color: #8d9e9e !important;
}

.k-grid .k-master-row.sorted-row-colors.k-alt {
    background-color: #c1caca !important;
}

.k-grid .k-master-row.sorted-row-colors.k-alt:hover {
    background-color: #8d9e9e !important;
}


.k-tooltip {
    background-color: rgba(0,0,0,.5) !important;
}

.k-tooltip .k-callout {
    opacity: 0.5;
}

.k-window-titlebar {
    background-color: #f0f0f0 !important;
    color: black !important;
    border: none !important;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

.k-dialog-titlebar {
    background-color: #f0f0f0 !important;
    color: black !important;
    border: none !important;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

.k-window {
    border-radius: 20px !important;
}

.k-dialog {
    border-radius: 20px !important;
}

.transparentDropDown {
    background-color: unset !important;
    color: unset !important;
    border: none !important;
    box-shadow: unset !important;
}

.contextMenu {
    z-index: 100001 !important;
}

.k-drop-hint-line, .k-drop-hint-h, .k-drop-hint-v {
    z-index: 100001 !important;
}

.k-grid td.k-selected, .k-grid .k-table-row.k-selected > td, .k-grid .k-table-td.k-selected, .k-grid .k-table-row.k-selected > .k-table-td,
.k-table-tbody .k-table-row.k-selected > .k-table-td, .k-table-list .k-table-row.k-selected,
.k-grid td.k-selected, .k-grid tr.k-selected > td {
    background-color: rgba(18, 116, 172, 0.25) !important;
}

.k-treeview-leaf {
    cursor: pointer;
}

.k-treeview-leaf:has(span.disabled-leaf) {
    cursor: default;
    user-select: none;
    font-style: italic;
    opacity: 0.6;
}

.k-grid-header-wrap {
    overflow: visible;
}

.custom-combobox .k-input-solid  {
    box-shadow: none;
}

.custom-combobox .k-button {
    box-shadow: none;
}

.custom-combobox .rounded-none {
    border-radius: 0;
}

/*Cogwheels styles*/
.cogwheels .spin {
    -moz-animation: spin 4s linear infinite;
    -webkit-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    transform-box: fill-box;
    transform-origin: center;
}

.cogwheels .spin-back {
    -moz-animation: spin-back 4s linear infinite;
    -webkit-animation: spin-back 4s linear infinite;
    animation: spin-back 4s linear infinite;
    transform-box: fill-box;
    transform-origin: center;
}

@-moz-keyframes spin {
     100% {
         -moz-transform: rotate(360deg);
     }
 }

@-webkit-keyframes spin {
     100% {
         -webkit-transform: rotate(360deg);
     }
 }

@keyframes spin {
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

@-moz-keyframes spin-back {
     100% {
         -moz-transform: rotate(-360deg);
     }
 }

@-webkit-keyframes spin-back {
     100% {
         -webkit-transform: rotate(-360deg);
     }
 }

@keyframes spin-back {
     100% {
         -webkit-transform: rotate(-360deg);
         transform: rotate(-360deg);
     }
 }

.cogwheels-center {
    -ms-transform: translate(-50%, -50%);
    left: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*End off Cogwheels styles*/