﻿
:root {
    --White001: rgb(255 255 255);
    --Gray001: rgb(247 247 247);
}

/* MySelect ---------------------------------------------------------------------------- */

.mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-inline-end: 4px;
}

.overflow-y-unset {
    overflow-y: unset !important;
}


.overflow-y-unset--mud-table-container .mud-table-container {
    overflow-y: unset !important;
}


.PopoverColor {

}

.BCL-PopoverClass-right {
    width: max-content;
    right: 0;
    /*background-color: var(--Gray001) !important;*/
}

.BCL-PopoverClass-full-right {
    width: 100%;
    max-width: 100%;
    right: 0;
    /*background-color: var(--Gray001) !important;*/
}


@media screen and (max-width: 632px) {

    .BCL-PopoverClass-right-left {
        left: 0px;
    }
}

@media screen and (min-width: 633px) {

    .BCL-PopoverClass-right-left {
        right: 0px;
    }
}

@media screen and (max-width: 632px) {

    .BCL-PopoverClass-right-left {
        left: 0px;
    }
}

@media screen and (max-width: 540px) {

    .BCL-PopoverClass-max-width-250 {
        max-width: 250px !important;
    }

    .BCL-PopoverClass-right {
        /*width: 80%;*/
        right: 0;
        margin-right: 10px;
        max-width: calc(100vw - 20px) !important;
        position: fixed !important;
    }

}