html {
 box-sizing: border-box;
 }   
*; *::before, *::ofter {
box-sizing: inherit;
}

body {
background: #80ffff;
background: linear-gradient(167deg, #80ffff 26%, #ffffff 69%); 
/*font-family: 'Book Antiqua', sans-serif;*/
/*font-family: 'Arial', sans-serif;*/
font-family: 'Helvetica', sans-serif;
/*font-family: 'Roboto', sans-serif; */
max-width: 98vw; height: 98vh;  
}

.top {    
    max-width: 600px; /* Ширина прямоугольника */
    min-height: 25px; /* Высота прямоугольника */
    border-radius: 5px; /* Граница (2px, сплошная, темно-серый цвет) */
    background-color: #fbef04; /* Светлый фон */
    text-align: center; /* Выравнивание текста по центру */
    margin: 0 auto; /* Центрирование блока на странице */  
    margin-bottom: 5px;
    align-items: center; 
    justify-content: center;
     padding-bottom: 2px;
}
.top_name1 {    
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
     margin: 0 auto;
}
.top_name2 {    
  font-size: 11px;
  font-weight: bold;
  margin: 0 auto;
}

.top_name3 {
  max-width: 600px; 
  font-weight: normal;
  font-size: 11px;
  margin: 0px auto;
}



.blok_date {
display: flex;
max-width: 600px; /* Ширина прямоугольника */
min-height: 5px; /* Высота прямоугольника */
    border-radius: 2px; /* Граница (2px, сплошная, темно-серый цвет) */
    background-color: #d2fd83; /* Светлый фон */
   text-align: center; /* Выравнивание текста по центру */ 
    margin: 0px auto;/* Центрирование блока на странице */  
    padding: 0px;
    font-size: 11px;
}

.my_house_apartment {
display: flex;
 font-style: normal;
  font-weight: bold;
  margin: 0 auto;
align-items: center; 
    justify-content: center;
padding:  5px;
}

#user_house {
margin-left: 5px;
margin-right: 0px;
}

#user_apartment {
margin-left: 5px;
margin-right: 0px;
}

#my_house {
 height: 100%; 
margin-left: 15px;
}

#my_apartment {
  height: 100%;  
  margin-left: 15px;  
}

.my_invoice {
  display: flex;
  max-width: 600px; /* Ширина прямоугольника */
    min-height: 5px; /* Высота прямоугольника */
    border-radius: 5px; /* Граница (2px, сплошная, темно-серый цвет) */
    background-color: #d2fd83; /* Светлый фон */
   text-align: center; /* Выравнивание текста по центру */ 
    margin: 0px auto;/* Центрирование блока на странице */  
    padding: 0px;
 font-style: normal;
  font-weight: bold;
  font-size: 12px;
align-items: center; 
    justify-content: center;
padding-bottom:  5px;
}

.user_inv {
  max-width: 80px;  
  margin-left: 3px;
  margin-right: 3px;
}

#button_vxod {
font-size: 14px;
width: 100px;  
margin-left: 20px;
align-items: center; 
justify-content: center;
font-weight: bold;
}

.finf_kod {
  max-width: 600px; /* Ширина прямоугольника */
    min-height: 10px; /* Высота прямоугольника */
    border-radius: 5px; /* Граница (2px, сплошная, темно-серый цвет) */
    background-color: #7ff8fc; /* Светлый фон */
   text-align: center; /* Выравнивание текста по центру */ 
    margin: 0px auto;/* Центрирование блока на странице */  
    padding: 0px;
 font-style: normal;
  font-weight: bold;
  font-size: 10px;
  margin: 0 auto;
  margin-top: 5px;
align-items: center; 
    justify-content: center;
padding: 5px 0 5px 0;
}

.bank_section {
  max-width: 600px; /* Ширина прямоугольника */
    min-height: 40px; /* Высота прямоугольника */
    border-radius: 5px; /* Граница (2px, сплошная, темно-серый цвет) */
    background-color: #FFFF00; /* Светлый фон */
   text-align: center; /* Выравнивание текста по центру */ 
    margin: 0px auto;/* Центрирование блока на странице */  
    padding: 0px;
 font-style: normal;
  font-weight: normal;
  font-size: 9px;
  margin: 0 auto;
  margin-top: 5px;
align-items: center; 
    justify-content: center;
   padding: 3px 0 3px 0;
}

.bank_section_kv {
  max-width: 600px; /* Ширина прямоугольника */
    min-height: 40px; /* Высота прямоугольника */
    border-radius: 5px; /* Граница (2px, сплошная, темно-серый цвет) */
    background-color: #ADFF2F; /* Светлый фон */
   text-align: center; /* Выравнивание текста по центру */ 
    margin: 0px auto;/* Центрирование блока на странице */  
    padding: 0px;
 font-style: normal;
  font-weight: normal;
  font-size: 12px;
  margin: 0 auto;
  margin-top: 5px;
align-items: center; 
    justify-content: center;
   padding: 3px 0 3px 0;
}


.bank {
  display: flex;
  gap: 3px;
  justify-content: space-evenly
 /* justify-content: center;*/
 /* padding: 3px 0 3px 0;*/
}

.bank_26, .bank_28 {
  font-size: 8px;
  line-height: 150%;
}

.inv_kod {
font-weight: bold;
  font-size: 8px;
}

.inv_kod_kv {
font-weight: bold;
  font-size: 12px;
}

.dom_nom {
  font-weight: bold;
  font-size: 8px;
 /* color: aliceblue;*/
}

.dom_nom_kv {
  font-weight: bold;
  font-size: 12px;
 /* color: aliceblue;*/
}

.note {
  max-width: 600px; /* Ширина прямоугольника */
    min-height: 75px; /* Высота прямоугольника */
    border-radius: 5px; /* Граница (2px, сплошная, темно-серый цвет) */
  /*background-color:bisque; /* Светлый фон */
    background-color: #d2fd83;
   text-align: center; /* Выравнивание текста по центру */ 
    margin: 0px auto;/* Центрирование блока на странице */     
 font-style: normal;
  font-weight:normal;
  font-size: 8px;
  margin: 0 auto;
  margin-top: 2px;
align-items: center; 
    justify-content: center;
     padding: 3px 1px 2px 3px;
}

.oplata_text {
    text-align:left;
margin-top: 5px;
}

.my_apartment {
display: flex;
 font-style: normal;
  font-weight: bold;
  font-size: 10px;
  margin: 0 auto;
  align-items: center; 
  justify-self: start;
  padding:  2px;
  gap: 5px;
}

.my_payer {
  display: flex;
  font-style: normal;
  font-weight: bold;
  /*margin: 0 auto;*/
  align-items: center; 
  justify-content: center;
  padding:  0px;
}

.form_tab {
   max-width: 600px; /* Ширина прямоугольника */
   min-height: 50px; /* Высота прямоугольника */
   background-color:rgb(241, 253, 65); /* Светлый фон */
   text-align: center; /* Выравнивание текста по центру */ 
   margin: 0px auto;/* Центрирование блока на странице */  
   padding: 0px;
   font-style: normal;
   font-weight:bold;
   font-size: 9px;
   margin-top: 5px;
}

.form_tab_top {
  display: flex;
  justify-content: space-between; 
  padding: 1px;
   font-size: 11px;
}

.form_tab_gl {
  display: grid;
  grid-template-columns: 1fr 25fr 2fr 3fr 4fr 5fr;
   border: 1px solid rgb(0, 0, 0); /* Граница (2px, сплошная, темно-серый цвет) */
   align-items: center; 
   justify-content: center;
   padding: 3px;
   gap: 5px;
}

.form_tab_date_centr { 
  display: flex;
  justify-content: center; 
}

.form_tab_date_left {  
    display: flex;
  text-justify: left;   
 /* justify-content: left; */
}

.form_tab_date_right {  
    display: flex;
  justify-content: right;  
}

.blok_find_date {
  display: flex;
   font-size: 10px;
  max-width: 600px; /* Ширина прямоугольника */
  min-height: 15px; /* Высота прямоугольника */
  border-radius: 5px; /* Граница (2px, сплошная, темно-серый цвет) */
  background-color: greenyellow; /* Светлый фон */
  text-align: center; /* Выравнивание текста по центру */ 
  margin: 0px auto;/* Центрирование блока на странице */  
  margin-bottom: 0px;
  justify-content: center;
}

.blok_find_date_exit {
  display: flex;
   font-size: 10px;
  max-width: 600px; /* Ширина прямоугольника */
  min-height: 15px; /* Высота прямоугольника */
  border-radius: 5px; /* Граница (2px, сплошная, темно-серый цвет) */
  background-color: greenyellow; /* Светлый фон */
  text-align: center; /* Выравнивание текста по центру */ 
  margin: 0px auto;/* Центрирование блока на странице */  
  margin-bottom: 5px;
}

.blok_find_date_vvod {
   display: flex;
    font-size: 11px;
 align-items: center;
    text-align: center;
     justify-content: center; 
margin-left: 5px;
}

.buton_find {
   display: flex;
    font-size: 12px;
    color: black;
 align-items: center;
    text-align: center;
     justify-content: center; 
margin-left: 15px;
}

.buton_exit {
   display: flex;
  /* width: 70px;*/
    font-size: 11px;
     font-weight: bold;
    background-color: LawnGreen ; /* inherit;*/
    border: none;
 align-items: center;
   text-align: center;
     justify-content: center; 
margin-left: 20px;
margin-right: 0px;
}

/* On mouse-over */
.buton_exit:hover {
  background: red;
  color: #fbef04;
}

.exit {color: green;}

.rezultat_find {
  display: flex;
align-items: center;
    text-align: center;
     justify-content: center; 
 /*font-size: 12px;*/
 margin: 0px auto;
}