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;
}
}