Answers for "javascript show map regions"

javascript show map regions

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@300&display=swap');
* {
   font-family: 'Public Sans', sans-serif !important;
   box-sizing: inherit;
   font-weight: normal;
}
::-webkit-scrollbar {
   width: 20px;
 }
 input[type=search] {
     
    width:30em !important;
 }
 /* Track */
 ::-webkit-scrollbar-track {

   box-shadow: inset 0 0 1px rgb(146, 146, 146); 
  
 }
 
 label {
    color:white;
 }
  
 /* Handle */
 ::-webkit-scrollbar-thumb {
   background: #d2d5d6; 
   border-radius: 1px;
 }
 
 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
   background: #c3c8ca; 
 }
.wrapper {
   display: flex;
   width: 100%;
   align-items: stretch;
   }
   ol{
      background: rgb(186, 205, 221) !important;
   }
   .p-4 {
      color:white;
       
   }
 tr:nth-child(even) td {
    background: rgb(239, 240, 243);
 }
 
 td {
    border:none !important;
    
 }
 
 .dt-button {
   border:none !important;
   padding:0.2em;
   float:left;
     
   margin:0.1em;
   border-radius: 0.3em;
   font-size:0.9em;
   color:white;
   width: 3em;
   font-weight: bold;
   background: rgb(89, 198, 248) !important;
   
}
   
   #sidebar {
      min-width: 250px;
      max-width: 250px;
   }
   
   #sidebar.active {
      margin-left: -250px;
   }
    
   #sidebar {
      min-width: 240px;
      max-width: 240px;
      min-height: 100vh;
   }
   a[data-toggle="collapse"] {
      position: relative;
   }
   
   .dropdown-toggle::after {
      display: block;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
   }
   @media (max-width: 768px) {
      #sidebar {
          margin-left: -250px;
      }
      #sidebar.active {
          margin-left: 0;
      }
   }
 
   
   #sidebar a, a:hover, a:focus {
    
      color:white;
      
   font-size:1em;
      text-decoration: none;
      transition: all 0.6s;
   }
 
   .h6 {
 
      font-size:2em;
    
    
   }
 
   #sidebar {
      /* don't forget to add all the previously mentioned styles here too */
      background-color: #347abb  !important;
      
      transition: all 0.3s;
   }
    
   .btn-danger,.btn-success {
      font-weight: bold;
      font-size: 0.9em;
   }
   #content {
      background: #3FA0EF!important;
   } 
   #sidebar .sidebar-header {
      padding: 7px;
      text-align: start;
      background: #3FA0EF;
      color:white;
   }
 
   #sidebar ul.components {
      padding: 15px 0;
      margin-top:4.5em;
   }
   
   #sidebar ul p {
      margin-top:3em;
      color: white;
      font-variant: normal;
      font-weight: bold;
      padding: 15px; 
   }
   .convert {
      position: relative;
      top:9em;
   }
    
   #sidebar   a{
  
        padding: 10px;
        
        font-size: 17px;
        display: block;
         
     }
     #sidebar ul li a:hover {
      color: white;
    
      background:rgb(30, 165, 255);
   }
   
    
   
   .form-control {
      margin:0.5em;
   }
   @media only screen and (max-width:759px) {
      form ,.form-control{
          max-width: 100%;
           margin:0.5em;
           display:block;
       }
   }