@import url("Landscape.css");
@import url("blazored-typeahead.css");
@import url("spinner.css");
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0");
@import url("data-grid.css");
@import url("toast.css");

:root {
    --bbvsm: 576px;
    --bbvmd: 768px;
    --bbvlg: 992px;
    --bbvxl: 1200px;
    --bbvxxl: 1400px;
}

.dsheight-36 {
    height: 36px!important;
}
.blazored-typeahead__input-icon {
    padding-top: 6px;
    padding-bottom: 6px;
    height: 34px;
    width: 38px;
}
.bbv-nav-icon{
    width:33.5px;
    height:38px;
    margin-left:-1px;
}


@media (max-width:575.98px) {
    .bbv-sm-hide-gt {
        display: none;
    }
}

@media (min-width:576px) {
    .bbv-sm-hide-lt {
        display: none;
    }
}

@media (max-width:767.98px) {
    .bbv-md-hide-gt {
        display: none;
    }
}

@media (min-width:768px) {
    .bbv-md-hide-lt {
        display: none !important;
    }
}

@media (max-width:991.98px) {
    .bbv-lg-hide-gt {
        display: none !important;
    }
}

@media (min-width:992px) {
    .bbv-lg-hide-lt {
        display: none !important;
    }
}

@media (max-width:var(--bbvxl)) {
    .bbv-xl-hide-gt {
        display: none;
    }
}

@media (min-width:var(--bbvxl)) {
    .bbv-xl-hide-lt {
        display: none;
    }
}

@media (max-width:var(--bbvxxl)) {
    .bbv-xxl-hide-gt {
        display: none;
    }
}

@media (min-width:var(--bbvxxl)) {
    .bbv-xxl-hide-lt {
        display: none;
    }
}

.autoComplete {
    display: inline-block;
    position: relative;
}
.ttu {
    text-transform: uppercase;
}
/*
#dataList {
    display: none;
    height: 80vh;
    overflow: auto;
    left 0;
    border: 1px solid black;
}

    #dataList option {
        font-family: arial;
        font-size: 11.8px;
        cursor: pointer;
        padding: 5px 10px;
        font-weight: bold;
    }

        #dataList option:hover {
            background-color: #bfddf5;
        }

    #dataList.show {
        display: block;
    }*/