@page {
        /* Отступы страницы при печати*/
        margin-top: 1cm;
        margin-left: 1cm;
        margin-right: 1cm;
        margin-bottom: 2cm;
    }

    @media print {

        /* стили для печати */
        .clsNoPrint {
            display: none;
        }

        * [data-print="no"] {
            display: none;
        }

        .clsPicturePage {
            width: 100%;
        }

    }


    .clsPicturePage {
        width: 100%;
        max-width: 1000px;
    }

    .clsButton {
        /*width: 20px;  */
        /*height: 20px;  */
        border-radius: 4px;
        border: 1px solid black;
        /*  */
        background-color: white;
        /*  */
        color: black;
        /**/
        padding: 1px 5px;
        /* вертикаль, горизонталь  */
        text-align: center;
        text-decoration: none;
        /**/
        display: inline-block;
        /*font-size:x-large; */
        transition-duration: 0.4s;
        cursor: pointer;
        box-shadow: 2px 2px #999;
    }


    .clsButton:active {
        background-color: black;
        color: white;
        box-shadow: -2px -2px #666;
        transform: translateY(4px);
    }

    .clsButton1 {
        /*width: 20px;  */
        /*height: 20px;  */
        display: flex;
        justify-content: center;
        /* center the content horizontally */
        align-items: center;
        /* center the content vertically */
        border-radius: 4px;
        border: 1px solid black;
        /*  */
        background-color: Beige;
        /*  */
        color: black;
        /**/
        padding: 1px 5px;
        /* вертикаль, горизонталь  */
        text-align: center;
        text-decoration: none;
        /**/
        display: inline-block;
        /*font-size:x-large; */
        transition-duration: 0.4s;
        cursor: pointer;
    }


    .clsButton1:hover {
        background-color: black;
        color: white;
    }

    .clsButton1:active {
        opacity: 0.5;
        transform: translateY(4px);
    }

    .clsRefButtonOn {
        /*width: 20px;  */
        /*height: 20px;  */
        display: flex;
        justify-content: center;
        /* center the content horizontally */
        align-items: center;
        /* center the content vertically */
        border-radius: 4px;
        border: 1px solid black;
        /*  */
        background-color: rgb(192, 255, 192);
        /*  */
        color: black;
        /**/
        padding: 1px 5px;
        /* вертикаль, горизонталь  */
        text-align: center;
        text-decoration: none;
        /**/
        display: inline-block;
        /*font-size:x-large; */
        transition-duration: 0.4s;
        cursor: pointer;
    }

    .clsRefButtonOff {
        /*width: 20px;  */
        /*height: 20px;  */
        display: flex;
        justify-content: center;
        /* center the content horizontally */
        align-items: center;
        /* center the content vertically */
        border-radius: 4px;
        border: 1px solid black;
        /*  */
        background-color: rgb(255, 221, 221);
        ;
        /*  */
        color: black;
        /**/
        padding: 1px 5px;
        /* вертикаль, горизонталь  */
        text-align: center;
        text-decoration: none;
        /**/
        display: inline-block;
        /*font-size:x-large; */
        transition-duration: 0.4s;
        cursor: pointer;
    }

    .clsRefButtonOff::after {
        content: "\1F510";
    }


    .clsRefButton {
        border: 1px solid black;
        background-color: Beige;
        border-radius: 10px;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        /* margin: 4px 2px; */
        cursor: pointer;
    }

    .clsRefButton:hover {
        background-color: black;
        color: Beige;
    }

    .clsRefButton:active {
        opacity: 0.5;
        transform: translateY(4px);
    }

    .clsTelButton {
        border: 1px solid black;
        background-color: Beige;
        border-radius: 10px;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        /* margin: 4px 2px; */
        cursor: pointer;
    }

    .clsTelButton:hover {
        background-color: black;
        color: Beige;
    }

    .clsTelButton:active {
        opacity: 0.5;
        transform: translateY(4px);
    }

    .clsTelButton::after {
        content: "\2706";
    }

    *[data-editable="1"] {
        background: rgb(192, 255, 192);
        font-style: italic;
    }

    *[data-editable="2"] {
        background: rgb(192, 255, 192);
        font-style: italic;
        padding: 4px;
        border-bottom: 1px solid black;
    }

    *[data-editable="3"] {
        background: rgb(192, 255, 192);
    }

    .clsDisplayNone {
        display: none;
    }

    *[data-display="0"] {
        display: none;
    }

    tbody[data-display="1"] {
        display: table-row-group;
    }

    table[data-display="1"] {
        display: table;
    }

    .DisplayList:not([data-selected="0"]) {
        display: "";
    }

    .DisplayList[data-selected="0"] {
        display: none;
    }

    .clsWindow1 {
        width: 98%;
        padding: 0px;
        margin: 1%;
        border-radius: 10px;
        border: 1px solid rgb(1, 99, 22);
    }

    .clsWindowTitle1 {
        width: 100%;
        margin-top: -2%;
        border-radius: 10px 10px 0px 0px;
        background-color: rgb(229, 255, 227);
    }

    .clsWindow2 {
        width: 98%;
        padding: 0px;
        margin: 1%;
        border-radius: 10px;
        border: 1px solid rgb(130, 130, 130);
    }

    .clsWindowTitle2 {
        width: 100%;
        margin-top: -2%;
        border-radius: 10px 10px 0px 0px;
        background-color: rgb(230, 230, 230);
    }