#top-navbar {
    height: 60px;
}
.dropdown-menu {
    overflow-y: auto;
    overflow-x: hidden;
}
.bg-light-1 {
    background-color: rgba(255, 255, 255, 0.1);
}
.bg-light-2 {
    background-color: rgba(255, 255, 255, 0.2);
}
.bg-light-3 {
    background-color: rgba(255, 255, 255, 0.3);
}
.bg-light-4 {
    background-color: rgba(255, 255, 255, 0.4);
}
.bg-light-5 {
    background-color: rgba(255, 255, 255, 0.5);
}
.bg-light-6 {
    background-color: rgba(255, 255, 255, 0.6);
}
.bg-light-7 {
    background-color: rgba(255, 255, 255, 0.7);
}
.bg-light-8 {
    background-color: rgba(255, 255, 255, 0.8);
}
.bg-light-9 {
    background-color: rgba(255, 255, 255, 0.9);
}
.bg-light-10 {
    background-color: rgb(255, 255, 255);
}
.rounded-xl {
    border-radius: 1rem;
}
.rounded-left-xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.rounded-right-xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.rounded-top-xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.rounded-bottom-xl {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
textarea {
    resize: none;
}
.dx-datagrid-rowsview,
.dx-datagrid-header-panel,
.dx-datagrid-headers {
    font-weight: bold;
    background-color: transparent !important;
}
.bg-cover,
.bg-contain {
    background-repeat: no-repeat;
    background-position: center;
}
.bg-cover {
    background-size: cover;
}
.bg-contain {
    background-size: contain;
}
.bg-top {
    background-position: top center;
}
.bg-bottom {
    background-position: bottom center;
}
.bg-left {
    background-position: center left;
}
.bg-right {
    background-position: center right;
}
.bg-top-left {
    background-position: top left;
}
.bg-top-right {
    background-position: top right;
}
.bg-bottom-left {
    background-position: bottom left;
}
.bg-bottom-right {
    background-position: bottom right;
}
.bg-blur {
    background-color: rgb(255, 255, 255, 0.7);
    /* background-color: rgb(255, 255, 255, 0.5); */
}
.bg-light-brown {
    background-color: #f9f4f0;
}
.text-upper {
    text-transform: uppercase;
}
.pt-150 {
    padding-top: 150%;
}
.pt-125 {
    padding-top: 125%;
}
.pt-100 {
    padding-top: 100%;
}
.pt-50 {
    padding-top: 50%;
}
.pt-40 {
    padding-top: 40%;
}
.pt-30 {
    padding-top: 30%;
}
.min-h-100 {
    min-height: 100%;
}
.my-shadow {
    -webkit-box-shadow: 0px 2px 9px -1px #b0b0b0;
    box-shadow: 0px 2px 9px -1px #b0b0b0;
}
.circle,
.box {
    aspect-ratio: 1 / 1;
}
.circle {
    border-radius: 50%;
}
.landscape {
    aspect-ratio: 2 / 1;
}
@media (max-width: 767px) {
    .w-md-100 {
        width: 100% !important;
    }
    .w-md-75 {
        width: 75% !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .box-md {
        aspect-ratio: 1 / 1;
    }
}
@media (max-width: 575px) {
}