body {
  margin: 0;
  font-family: "Source Sans Pro", "Segoe UI", Roboto, "Helvetica Neue", Arial,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #f0f0f0;
  overflow-x: hidden;
}

* {
  padding: 0;
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

a {
  color: #fff;
}

.nav-item a {
    color: #fff !important;
}

.nav-item a:hover {
    color: #fafafa !important;
}

.sideswitcher {
    width: 15%;
}
.sideswitcher {
    width: 20%;
    height: 100%;
    float: left;
    flex-direction: column;
}
.sideswitcher {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column-reverse;
}

.sideswitcher {
    background: #5ac1c2;
}

.sideswitcher .viewSwitcherContainer {
    background: #5ac1c2;
    overflow: hidden;
}

/* .navbar {
  padding: 20px 0px;
} */

.number-box {
    font: 500 .55rem/.6875rem "Roboto",sans-serif;
    color: #47655a;
    text-transform: uppercase;
    /*padding: .625rem .625rem .425rem .625rem;*/
    font-size: 12px;
  /*line-height: 13px;*/
    margin-bottom: 5px;
  }

  .number-box span {
    color: #00C08B;
}

.number{
    color: #212529;
    font: 691 20px/28px font-third;
  }

  .nonviolencenumber{
    color: #00C08B;
    font: 691 20px/28px font-third;
  }

  .violencenumber{
    color: #F5313E;
    font: 691 20px/28px font-third;
  }
.card {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
}

.navbar-brand {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 2em;
  color: #262626;
}

.mapRight{
  background-color:#afa7a2;
  margin-left:-15px;
  box-shadow: 0 10px 31px -5px rgba(65, 63, 63, 0.2);
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 10px;
}

.card-header {
  background-color: #c57c48 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.75rem 1.25rem;
  position: relative;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.streamline .sl-primary {
  border-left-color: #188ae2;
}

.streamline .sl-item {
  position: relative;
  padding-bottom: 12px;
  border-left: 1px solid #ccc;
}

.streamline .sl-primary:before,
.streamline .sl-primary:last-child:after {
  background-color: #65CBC9 !important;
}

.streamline .sl-danger:before,
.streamline .sl-danger:last-child:after {
  background-color: #ff5b5b !important;
}

.streamline .sl-success:before,
.streamline .sl-success:last-child:after {
  background-color: #10c469 !important;
}

.streamline .sl-warning:before,
.streamline .sl-warning:last-child:after {
  background-color: #f9c851 !important;
}

.streamline .sl-item:before {
  content: "";
  position: absolute;
  left: -6px;
  top: 0;
  background-color: #ccc;
  width: 12px;
  height: 12px;
  border-radius: 100%;
}

.streamline .sl-item .sl-content {
  margin-left: 24px;
}

.streamline .sl-primary {
  border-left-color: #65CBC9;
}

.streamline .sl-danger {
  border-left-color: #ff5b5b;
}

.streamline .sl-success {
  border-left-color: #10c469;
}

.streamline .sl-warning {
  border-left-color: #f9c851;
}

.card .card-content {
  padding: 17px 20px;
  position: relative;
}

.streamline .sl-item .text-muted {
  color: inherit;
  opacity: 0.6;
}

.streamline .sl-item p {
  margin-bottom: 0px;
}

.useIt {
  font-family: Vollkorn;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
}

.material-icons {
  display: inline-flex;
  vertical-align: top;
}

.chartjs-render-monitor {
  animation: chartjs-render-animation 1ms;
}

.card .card-title {
  font-size: 16px;
}

#map {
  width: 100%;
  height: 595px;
}
@media only screen and (min-width: 1440px) {
    #map {
        height: 590px;
    }
}

.card-header>.card-tools {
  float: right;
  margin-right: -0.625rem;
}

.card-title {
  float: left;
  font-size: 1.1rem;
  font-weight: 400;
  margin: 0;
}

.website-title {
  font-family: "Vollkorn", serif;
}

.btn-tool {
  background: 0 0;
  color: #adb5bd;
  font-size: 0.875rem;
  margin: -0.75rem 0;
  padding: 0.25rem 0.5rem;
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.card-about {
  font-family: Vollkorn;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
}

.content-about p {
  font-family: Vollkorn;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
}

.content-about ul li {
  font-family: Vollkorn;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
}

ul,
#myUL {
  list-style-type: none;
}

#myUL {
  margin: 0;
  padding: 0;
}

.caret {
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari 3.1+ */
  -moz-user-select: none;
  /* Firefox 2+ */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  margin-left: 2px !important;
}

.caret::before {
  content: "\25B6";
  color: #000 !important;
  display: inline-block;
  margin-right: 6px;
}

.caret-down::before {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari */
  transform: rotate(90deg);
}

.nested {
  display: none;
  margin-left: 33px !important;
}

.active {
  display: block;
}

.nepal_police_contact li {
  margin-left: 10px;
}

.download {
  padding: 50px 0px;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

#menu {
  background: #fff;
  position: absolute;
  z-index: 1;
  right: 10px;
  border-radius: 3px;
  width: 120px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  font-family: 'Open Sans', sans-serif;
}

#menu a {
  font-size: 13px;
  color: #220c0c;
  display: block;
  margin: 0;
  padding: 0;
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  text-align: center;
  text-decoration: dashed;
  text-transform: capitalize;
}

#menu a:last-child {
  border: none;
}

#menu a:hover {
  background-color: #f8f8f8;
  color: #404040;
}

#menu a.active {
  background-color: #3887be;
  color: #ffffff;
}

#menu a.active:hover {
  background: #3074a4;
}

.legend {
  background-color: #fff;
  border-radius: 3px;
  bottom: 30px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding: 10px;
  position: absolute;
  left: 30%;
  z-index: 5;
}

.legend h4 {
  margin: 0 0 10px;
}

.bol-map{
  width: 99.9%;
  height: 600px;
  padding-left: 2%;
}

.legend span span {
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px;
}

.data-show {
  border-radius: 3px;
  bottom: 70%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 150px;
}

.active-cases {
  background-color: #d1cfb1;
}

.positive {
  background-color: #909eee;
}

.recovered {
  background-color: #5cd814;
}

.deaths {
  background-color: #e23e15;
}

.data-formatter {
  padding: 1px;
  margin: 1px 2px 2px 2px;
  font-size: 18px;
  border-radius: 2px;
}

.data-header {
  font-weight: 300;
  font-size: 20px;
  margin-bottom: 3px;
  text-align: center;
}

.district-switch {
  border-radius: 3px;
  bottom: 85%;
  left: 10%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 12px/20px 'Helvetica Neue',
    Arial,
    Helvetica,
    sans-serif;
  position: absolute;
  z-index: 1;

}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #2196F3;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

.spinner-map {
  width: 9px;
  height: 9px;
  display: inline-table;
  vertical-align: sub;
}

.spinner-border {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: text-bottom;
  border: .25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}

.bootstrap-select>.dropdown-toggle {
  max-width: 20rem !important
}

.header-select {
  font-size: 12px;
  padding-left: 10px;
}

.select-border {
  background-color:#c7ae9d;
  border-style: dotted;
}

.popup-header{
  text-align: center;
}

.center-text{
  text-align: center;
}
.popup-body{
  max-width: 100% !important;
}


   .useIt {
     font-family: Vollkorn;
     font-style: normal;
     font-variant: normal;
     font-weight: 400;
   }


   h1 {
     font-family: Vollkorn;
     font-size: 24px;
     font-style: normal;
     font-variant: normal;
     font-weight: 700;
     line-height: 26.4px;
   }

   h3 {
     font-family: Vollkorn;
     font-size: 14px;
     font-style: normal;
     font-variant: normal;
     font-weight: 700;
     line-height: 15.4px;
   }

   p {
     font-family: Vollkorn;
     font-size: 14px;
     font-style: normal;
     font-variant: normal;
     font-weight: 400;
     line-height: 20px;
   }

   blockquote {
     font-family: Vollkorn;
     font-size: 21px;
     font-style: normal;
     font-variant: normal;
     font-weight: 400;
     line-height: 30px;
   }

   pre {
     font-family: Vollkorn;
     font-size: 13px;
     font-style: normal;
     font-variant: normal;
     font-weight: 400;
     line-height: 18.5714px;
   }

   .card-header {
     background-color: #417DC1;
     color: white;
   }

   img {
     vertical-align: middle;
   }

   /* Slideshow container */
   .slideshow-container {
     max-width: 1000px;
     position: relative;
     margin: auto;
   }

   /* Next & previous buttons */
   .prev,
   .next {
     cursor: pointer;
     position: absolute;
     top: 50%;
     width: auto;
     padding: 16px;
     margin-top: -22px;
     margin-right: 56px;
     margin-left: 41px;
     color: white;
     font-weight: bold;
     font-size: 18px;
     transition: 0.6s ease;
     border-radius: 0 3px 3px 0;
     user-select: none;
   }

   .next {
     right: 0;
     border-radius: 3px 0 0 3px;
   }

   /* On hover, add a black background color with a little bit see-through */
   .prev:hover,
   .next:hover {
     background-color: rgba(0, 0, 0, 0.8);
   }

   /* Caption text */
   .text1 {
     color: #f2f2f2;
     font-size: 15px;
     padding: 8px 12px;
     position: absolute;
     bottom: 8px;
     width: 100%;
     text-align: center;
   }

   /* Number text (1/3 etc) */
   .numbertext {
     color: #f2f2f2;
     font-size: 12px;
     padding: 8px 12px;
     position: absolute;
     top: 0;
   }

   /* The dots/bullets/indicators */
   .dot {
     cursor: pointer;
     height: 15px;
     width: 15px;
     margin: 0 2px;
     background-color: #bbb;
     border-radius: 50%;
     display: inline-block;
     transition: background-color 0.6s ease;
   }


   .dot:hover {
     background-color: #717171;
   }

   /* Fading animation */
   .fade {
     -webkit-animation-name: fade;
     -webkit-animation-duration: 1.5s;
     animation-name: fade;
     animation-duration: 1.5s;
   }

   a {
     color: blue;
   }

   .standardHeight {
     height: 338px;
   }

   .myButton {
     margin-top: 18px;
     margin-left: -25px;
     width: 105px;
     color: white !important;
     background-color: #c3641f !important;
     
   }
