.GridViewHeader {
    text-align: center !important;
}

.h1 {
    text-align: center;
}

/* Modify brand and text color
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: green;
}*/

html {
    overflow: auto;
    margin-left: calc(100vw - 100%);
    margin-right: 0;
}

/* кнопки в меню*/
a.BtnInMenu {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

div.justify {
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.alert {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.LogoIcon {
    color: var(--bs-blue);
    font-size: 2.6rem;
    padding-left: 0.5rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0px;
}

.PanelIcon {
    color: var(--bs-blue);
    font-size: 2.6rem;
    border-color: transparent;
    padding: 0.25rem 0.75rem;
    line-height: 1;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow 0.15s ease-in-out;
}

/* Подсветка всех подсказок в полях ввода
.form-control::placeholder {
    color: green;
    opacity: 1;
}

    .form-control::placeholder#PageBody_OneZoneCounterValueInstance_EnteredCounterNewValue {
        color: yellow;
        opacity: 1;
    }

*/

/* Подсветка поля ввода показания счетчика*/
#PageBody_OneZoneCounterValueInstance_EnteredCounterNewValue::placeholder {
    color: var(--bs-blue);
    opacity: 1;
}

#PageBody_OneZoneCounterValueInstance_EnteredCounterNewValue:disabled::placeholder {
    color: var(--bs-gray);
    opacity: 1;
}

figure {
    margin: 0; /* Обнуляем отступы */
}

.CounterInputValue {
    /*  background-color: var(--yellow-200);
    color: orange;*/
}
/* примечания полей ввода */
span.input-group-text {
    /*color: orange;*/
    text-align: start;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: unset;
}

/* примечания полей ввода */
label.input-group-text {
    /*color: orange;*/
    text-align: start;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: unset;
}

select.form-control {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
}

.someProgress {
    position: fixed;
    top: 0px;
    left: 0px;
    min-height: 100%;
    min-width: 100%;
    background-image: url("/Public/Images/Progress.gif");
    background-size: 15%;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 500 !important;
    overflow: hidden;
    opacity: 0.5;
    background-color: lightgray;
}

/* подвал сайта  */
.SiteFooter {
    padding: 0.5rem;
    text-align: center;
    background-color: var(--bs-light);
    margin-bottom: 0.5rem;
}

    .SiteFooter p {
        margin-bottom: 0rem;
    }

a[href^="mailto:"] {
    color: #666666;
    border: none;
    background: url(Images/email.gif) no-repeat left center;
    padding-left: 20px;
}

.resources a[href$='.pdf'] {
    background: url(Images/acrobat.png) no-repeat right top;
}

.resources a[href$='.zip'] {
    background: url(Images/zip.png) no-repeat right top;
}

.resources a[href$='.doc'] {
    background: url(Images/word.png) no-repeat right top;
}

.PopupExtenderPanel {
    padding: 10px;
    background-color: #FFFFCC;
    border: 1px solid #666666;
    margin: 5px 5px 10px 5px;
    font-size: small;
}

.PopupExtenderBackgroundCssClass {
    background-color: #666666;
    opacity: 0.4;
}

.PopupExtenderPanelHeader {
    cursor: move;
    background-color: #DDDDDD;
    border: solid 1px Gray;
    color: Black;
    text-align: center;
    margin: 5px 5px 10px 5px;
}

img {
    max-width: 100%; /* Это ограничит максимальный размер любого изображения значением 100 % от ширины контейнера этого изображения*/
}

.minWidth5 {
    min-width: 5rem;
}

.minWidth7 {
    min-width: 7rem;
}

.minWidth10 {
    min-width: 10rem;
}

.minWidth12 {
    min-width: 12rem;
}

.minWidth15 {
    min-width: 15rem;
}

.minWidth20 {
    min-width: 20rem;
}

.minWidth25 {
    min-width: 25rem;
}

.minWidth30 {
    min-width: 30rem;
}

.maxWidth5 {
    max-width: 5rem;
}

.maxWidth7 {
    max-width: 7rem;
}

.maxWidth10 {
    max-width: 15rem;
}

.maxWidth15 {
    max-width: 15rem;
}

.maxWidth20 {
    max-width: 20rem;
}

.maxWidth25 {
    max-width: 25rem;
}

.maxWidth30 {
    max-width: 30rem;
}

@media screen and (min-width:320px) and (max-width:640px) {
    figure {
        width: 100%; /* Ширина области */
        /*margin: 0; Обнуляем отступы */
        margin: 0.5em 0.5em 0.5em 0.5em;
    }

        figure img {
            width: 100%; /* Ширина области */
            height: 100%; /* Высота изображении */
            object-fit: cover; /* Вписываем фотографию в область */
            margin: 0.5em 0.5em 0.5em 0.5em;
        }
}
/* стили... */