html, body {
        height: 100%;
        padding: 0;
        margin: auto;
         }

body {
  background-image: url('img/5570863.jpg');
}      
     
     /** {font-family: 'Times New Roman, Times, serif, Arial, Helvetica, sans-serif' !important;}*/


      #map {
        height: 30%;
        width: 397px;
        min-width: 397px;
        max-width: 397px;
        margin: auto;
        border-width: 1;
        border-color: silver; /*#C6DF90;*/
        border-style: ridge;
  
      }
      
.stylePopup .leaflet-popup-content-wrapper,
.stylePopup .leaflet-popup-tip {
        background-color: #f4913b;
        padding: 8px;
    }    
      
 /*another-popop style*/
 /*
.another-popup .leaflet-popup-content-wrapper {
  background: #9ACD32;
  color: black;
  font-size: 12px;
  line-height: 24px;
  border-radius: 0px;
}
.another-popup .leaflet-popup-content-wrapper a {
  color: black;
}
.another-popup .leaflet-popup-tip-container {
  width: 20px;
  height: 5px;
}

.another-popup .leaflet-popup-tip {
  background: transparent;
  border: none;
  box-shadow: none;
}     
   
*/

a:link, a:visited, a:active  {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  color: black;
}

a:hover {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  color: #1C542D;
}

.title-table{
  display: table;
  border-collapse: collapse;
  background-color: #C6DF90;
  color: white;
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  margin: auto;
  border-width: 1;
  border-color: silver; /*#C6DF90;*/
  border-style: ridge;
  
}


.list-table{
  display: table;
  border-collapse: separate;
  /*background-color: #829F82;  #9ACD32;*/
  background-color: white;
  color: white;
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  margin: auto;
  border-width: 1;
  border-color: silver; /*#C6DF90;*/
  border-style: ridge;
  border-spacing: 10px 10px; /*  не работает */
    
}

.d-table{
  display: table;
  border-collapse: collapse;
  background-color: white;
  color: #1C542D;
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  margin: auto;
  border-width: 1;
  border-color: silver; /*#C6DF90;*/
  border-style: ridge;
  border-radius:20px 20px 20px 20px;
}

.d-tr{
  display: table-row;
  border: none;
  /*border: 2px solid #ccc;
  border-radius: 20px 20px 20px 20px; */
}

.d-trl{
  display: table-row;
  border: none;

}

.d-td{
  display: table-cell;
  /*text-align: center;*/
   text-align: left;
   border: none;
  /*border: 1px solid #ccc;*/
  vertical-align: middle;
}

.d-tdc{
  display: table-cell;
  text-align: center;
  border: none;
  /*border: 1px solid #ccc;*/
  vertical-align: middle;
}


.d-tdl{
  display: table-cell;
  background-color: #E3F9A6; /*#E3F9A6; #C3FDB8; /*#BDF516; #9CB071;  #829F82; /*#9ACD32;*/
  text-align: center;
  /*border: 2px solid #ccc;*/
  border: none;
  border-radius: 20px 20px 20px 20px; 
  vertical-align: middle;
  padding: 5px;
  border-spacing: 12px;
}

.d-td:not(.no-p){
  padding: 5px;
}


.sb {
    background:  #E3F9A6; /*#9ACD32; */
    /*color: white; */
    color: black;
    border: none;
    font-family:  "Times New Roman", sans-serif, serif;
    font-size: large;
    /* font-size: 9pt;*/
    /*border: 2px solid #ccc;*/
    /*border-radius: 20px 20px 20px 20px;*/
   }


.sb:hover {
  color: #1C542D;
}

/*
INPUT [type="text"] {
    background-color: navy;
    color: #ffe;
   }

  .btn {
    display: inline-block; 
    background: red; 
    color: white;
    padding: 1rem 1.5rem; 
    text-decoration: none; 
    border-radius: 3px; 
   }
*/