#dialog{
   grid-area: main;
   display: grid;   /*позиционирование сеткой уровня блоков*/
   grid-template-rows: auto 370pt auto;
   grid-template-columns: auto 630pt auto;
   grid-template-areas: "free1 free2 free3"
                        "free4 area free5"
                        "free6 free7 free8";
   height: 100%;
   width: 100vw;
   font-family: GOST;
   font-size: 10pt;
   background: rgba(190, 190, 190, 0.5);
   z-index: 0;
}
   #window{
      grid-area: area;
      display: grid;   /*позиционирование сеткой уровня блоков*/
      grid-template-rows: 18pt auto;
      grid-template-areas: "header"
                           "main";
      background: rgba(190, 190, 190, 1);
   }
      #headerWindow{
         grid-area: header;
         display: grid;   /*позиционирование сеткой уровня блоков*/
         grid-template-rows: auto 10pt auto;
         grid-template-columns: 4% auto 3%;
         grid-template-areas: "free1 free2 close"
                              "pic title close"
                              "free4 free5 close";
      }
         #picWindow{
            grid-area: pic;
            margin-top: auto;
            margin-bottom: auto;
            /*центрируем изображение по горизонтали*/
            margin-left: auto;
            margin-right: auto;
            /*-------------------------------------*/
         }
         #titleWindow{
            grid-area: title;
            margin-top: 2pt;
            margin-left: 1%; /*отступ слева текста заголовка диалогового окна*/
         }
         #closeButton{
            grid-area: close;  
         }
            #closeButton button{
               float: right;
               background: rgba(191, 0, 0, 1);
            }
            #closeButton button:hover{
               background: rgba(255, 0, 0, 1);
            }
      #bodyWindow{
         grid-area: main;
         display: grid;
         grid-template-columns: 50% 50%;
         border: 10px ridge rgba(190, 190, 190, 1);
         background: rgba(255, 255, 255, 1);
      }
         .lbl{
               margin-top: auto;
               margin-bottom: auto;
         }
         .inp{
            margin-top: 5pt;
         }
         textarea{
            resize: none;
         }
         #leftPanel{
            margin-top: 5pt;
            margin-left: 5pt;
            margin-bottom: 5pt;
         }
            #firstData{
               display: grid;
               grid-template-columns: auto auto;
               grid-template-rows: auto auto auto auto auto auto auto;
            }
         #rightPanel{
            margin-top: 5pt;
            margin-right: 5pt;
            margin-bottom: 5pt;
         }
            #secondData{
               display: grid;
               grid-template-columns: auto auto;
               grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
            }
            #buttonGroup{
               display: grid;
               grid-template-columns: auto 62pt 62pt;
               grid-template-areas: "free area1 area2"
            }
            #ok{
               grid-area: area1;
               width: 60pt;
               margin-left: auto;
               margin-right: 5pt;
               margin-top: 10pt;
               font-family: GOST;
               font-size: 12pt;
               font-weight: bold;
            }
            #cancel{
               grid-area: area2;
               width: 60pt;
               margin-left: auto;
               margin-right: 5pt;
               margin-top: 10pt;
               font-family: GOST;
               font-size: 12pt;
               font-weight: bold;
            }