body {
  font-family: sans-serif;
  background-color:#d2e593 !important;
}
.img-g20 {
  height: 80px;
  width: 100px;
  margin: 0;
}

.imgGog {
  height: 60px;
  width: "160px";
}
h2,
h4 {
  display: inline-block;
}

.form-control
{
  color:black !important;
}

.header-h2 {
  position: absolute;
  left: 50%;
  top: -5px;
  transform: translate(-50%);
  /* color: #1b631b; */
  color: #000;
  font-size: 28px;
  margin-bottom: 0;
}

.header-h6 {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 40px;
  font-size: 20px;
}

.isro-logo {
  position: absolute;
  right: 20px;
  top: 5px;
  margin: 5px;  
  margin-top: -5px;  
  height: 80px;
  width: 100px;
}

.sac-logo {
  position: absolute;
  right: 130px;
  top: 5px;
  margin: 5px;  
  margin-top: -5px;  
  height: 80px;
  width: 100px;
}
img {
  
  margin: 5px;
  padding: 5px;
  
}
.img-gog {
  height: 80px;
  width: 60px;
}
.img-group {
  display: inline-block;
  margin-top: -10px;
}
.img-gidm {
  height: 80px;
  width: 100px;
  margin: 0;
}
.main-app {
  display: flex;
  flex-direction: row;

  overflow: auto;
}
.custom-date {
  display: inline-block;
}
.mapDisName1 {
  display: block;
  /* text-align: center; */
  font-size: 20px;
  /* margin: 5px; */
  /* border-bottom: 1px dashed #ccc; */
  color: #6610f2;
  /* flex-grow: 1; */
  /* margin-top: 40px; */
  /* padding: 4px; */
}

.custom-loader {
  z-index: 1;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
}

.main-container {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}

#flex-main-container {
  flex-direction: row;
  display: flex;
  width: 100%;
  overflow: auto;
}

#left-container {
  display: flex;
  flex-direction: column;
}

.left-container-sub-1 {
  overflow: auto;
  display: flex;
  flex-direction: column;
}

#left-container-top {
overflow: auto;
    /* margin-top: 17px; */
    flex-direction: column;
    display: flex;
    min-height: 590px;
    padding-left: 10px;
    overflow-x: hidden;
    background-color: #c4cacd29;
    padding-top: 13px;
padding-bottom: 15px;

}

.left-container-top-1 {
  /* display: flex;
  flex-direction: row; */
  display: inline-block;
}

.top-label {
  margin-left: 5px;
  /* display: block; */
  color: #5d59bb;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 5px;
}
.left-container-top-2 {
  display: flex;
  flex-direction: column;
}

.left-container-top-2-1 {
  margin-top: 2px;
  display: flex;
  flex-direction: column;
  border-top: 1px solid grey;
}
.left-container-top-2-1-row1 {
  font-weight: bold;
  padding-top: 10px;
  color: #5d59bb;
}

.left-container-top-2-1-row2 {
  padding-bottom: 2px;
}
button {
    font-size: 14px;
    border-radius: 15px;
    margin-left: 1%;
    /* padding: 0.3% 1%; */
    display: inline-block;
padding:5px;
    margin-right: 5px;
}
#left-container-bottom {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background-color: #b3b3a136;
max-width:680px;
min-width: 600px;
min-height: 300px;
overflow: auto;
/* width:600px; */
}

.table-chart{
  text-decoration: underline rgb(103, 103, 170);}
#right-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
}

#right-container-top {
  height: 280px;
  align-content: center;
  background-color: #eee;
  padding-bottom: 2px;
display: flex;
align-items: center;
}

#right-container-bottom {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow: hidden;
  background-color: transparent;
}

.right-container-bottom-1 {
  display: flex;
  flex-direction: row;
  margin-right: 2%;
  margin-top: 1%;
  top: 5px;
  z-index: 100;
  text-align: center;
  /* display: flex; */
  background-color: transparent;
}

.vedas-logo {
  float: left;
  margin-top: 5px;
  height: 60px;
  width: 80px;
}

.right-container-bottom-2 {
  display: flex;
  flex-grow: 1;
  width: 100%;
  flex-direction: column;
}

#mapcontainer {
  width: 100%;
  display: flex;
  height: 100%;
  flex-direction: column;
  min-height: 0;
}

#img-ncfc-map {
  display: none;
}

/* only edit after this part */

#chart-toggle,
#chart-close,
.toggle-screen {
  display: none;
}

.link-export {
  float: right;
  color: black;
  padding-right: 10px;
}

.selectedState {
  margin-left: 300px;
}

.isro-logo-sub {
  display: none;
}
.mobile-title {
  display: none;
}

.mobile-header {
  display: none;
}

.chart-bar {
  display: inline-block;
  width: 50%;
  /* background-color: darkgrey; */
  background-color: #a9a9a975;
  margin-bottom: 2px;
  height: 18px;
  /* text-align: left */
  border-radius: 5px;
  margin-left: 5px;
  /* box-shadow: 0 3px 3px -3px #333 inset; */
  box-shadow: 0 2px 10px rgb(211 201 201 / 80%);
}

.chart-bar-text {
  display: inline-block;
  width: 48%;
}

.mapDisName {
  color: #2f41ab;
  font-size: 16px;
  padding: 10px;
  margin-left: 200px;
}
.chart-span-count {
  margin-left: 10px;
  font-size: medium;
  min-width: 32px;
  display: inline-block;
  text-align: right;
}
.chart-bar-per {
  font-size: medium;
  margin-left: 10px;
  position: relative;
/* left:50%;   */
  bottom: 3px;
  /* color: #ffffffd1; */
color: #6e5454a3;

}

.chart-span-label {
  font-size: medium;
  margin-left: 10px;
  /* color:#908282; */
    color: #7442c5d6;
}
.chart-bar-main {
  height: 18px;
  display: inline-block;
  border-radius: 5px;
}

.table-col-date {
  font-size: 12px;
  width: 60px;
  display: block;
}

@media (max-width: 1024px) {
  .mapDisName {
    display: none;
  }

  #hide-controls {
    display: none;
  }

  #show-controls {
    display: none;
  }

  #left-container,
  #right-container-top,
  .header,
  #left-container-top,
  #left-container-bottom {
    display: none;
  }
  .toggle-screen {
    display: block;
  }
  .main-app {
    flex-grow: 1;
  }

  .mobile-header-logo {
    max-width: 200px;
    margin: 5px;
  }
  .header {
    background-color: white;
  }

  .mobile-header {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #ccc;
  }

  .mobile-title {
    display: block;
    /* text-align: center; */
    font-size: 25px;
    /* padding: 10px 5px; */
    /* left: 50%; */
    /* translate: -50%; */
    /* position: absolute; */
  }
  .loader {
    z-index: 1000;
  }


  .right-container-bottom-1 {
    /* background-color: #9ad9db;
     */
    /* background-color: #98d4bb; */
    background-color: white;
    margin: 0;
  }

  .img-control,
  .img-chart,
  .img-table {
    height: 60px;
    width: 60px;
    border-radius: 50%;
  }

/* .table-data{
margin-top: 70px;
} */
  .img-close {
    height: 40px;
    width: 40px;

    /* background-color: #cde7e8; */
    background-color: transparent;
    margin: 0;
    z-index: 100;
    padding-right: 10px;
  }

  .top-label {
    margin-top: 8px;
  }

  .rounded-green {
    margin: 3px;
  }

  .img-chart,
  .img-control,
  .img-table {
    box-shadow: 2px 2px 10px #444;
  }

  .vedas-logo {
    position: fixed;
    top: 80px;
    left: 50px;
  }
  .isro-logo-sub {
    display: block;
    height: 60px;
    width: 80px;
    margin: 0;
  }

  .img-gog-sub {
    height: 60px;
    width: 40px;
    margin-left: 10px;
  }
  .img-gidm-sub {
    height: 60px;
    width: 60px;
    margin: 0;
  }
  .img-g20-sub {
    height: 60px;
    width: 60px;
    margin: 0;
  }

  .isro-logo-mobile {
    height: 60px;
    width: 70px;
    margin: 0;
  }
  .sac-logo-sub {
    height: 60px;
    width: 60px;
    margin: 0;
  }