/* .my_class1 {
  background-color: #f3f3eb;
  } */

.my_class {
  background-color: #ebf6fd;
  }

/* div.floatright { 
  float: right;
  padding-left: 5px; 
  position: relative;
  right: 650px;
} */

#table_btn{
  position: relative;
  right: 0px;
}

#table_ex{
  font-size: 17px;
  width: 80px;
  height: 80px;
  padding: 20px;
  position: relative;
  right: 10px;
}

/* #scroll{
  width: 260px;
  height: 260px;
  overflow-y: scroll;
} */
#row5{
  background: #e3f2fd;
  border-radius: 10px;
  padding: 10px;
  padding-left: 40px;
}

#map{
  margin-top: 10px;
  height:400px;
  position: relative;
  margin-top: 10px;
  right: -15px;
  width: 1115px;
  border-style: solid;
  border-width: 7px;
  border-color: #999fa3;
  border-radius: 5px;
}

/* #map_border{
  border-radius: 10px;
  background: #e3f2fd;
  padding-left: 20px;
  width: 500px;
} */

#reset_btn_tech{
  position: relative;
  right: 5px;
}

#reset_btn{
  position: relative;
  right: -10px;
}

#reset{
  margin-top: 5px;
  width: 45px;
  height: 35px;
  border-radius: 5px;
}

#reset:hover {
  background-color:#becfe41c;
}

#customer_chart{
  width: 343px;
  height: 260px;
  padding-bottom:10px;
  overflow-y: scroll;
}

#customer{
  width: 350px;
  height: 350px;
  background: rgb(248, 246, 246);
  border-radius: 10px;
  position: relative;
  left: -45px;
  padding-top: 10px;
  padding-bottom: 50px;
  padding-right: 20px;
}

#pro-jobs{
  margin-top: 8px;
  width: 293px;
  height: 260px;
  overflow-y: scroll;
}

#pro{
  /* width: 250px; */
  width: 305px;
  background: rgb(248, 246, 246);
  border-radius: 10px;
  position: relative;
  left: 15px;
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-top: 15px;
}

#tags_row{
  width: 250px;
  background: rgb(248, 246, 246);
  border-radius: 10px;
  position: relative;
  left: 15px;
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-top: 15px;
}

#tags{
  margin-top: 8px;
  width: 235px;
  height: 260px;
  overflow-y: scroll;
}

#tags_row2{
  width: 450px;
  background: rgb(248, 246, 246);
  border-radius: 10px;
  position: relative;
  left: -60px;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-top: 15px;
}

#check_boxes{
  margin-left: -25px;
  margin-top: 8px;
  width: 460px;
  height: 300px;
  overflow-y: scroll;
}

.card-body:hover {
  background-color:#007bff;
}

.btn:hover{
  background-color:#007bff;
}

.btn-secondary{
  position:relative;
  right:240px
}

.btn-primary{
  position:relative;
  right:240px
}


#line_chart{
  background: rgb(248, 246, 246);
  border-radius: 10px;
  position: relative;
  left: 20px;
  padding-left: 0px;
}

#time_filters{
  background: rgb(248, 246, 246);
  border-radius: 10px;
  position: relative;
  left: 15px;
}

#category_one{
  background: rgb(248, 246, 246);
  /* background: #e3f2fd; */
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 70px;
  padding-bottom: 20px;
  border-radius: 10px;
  position: relative;
  left: 15px;
}

#my_dataviz{
  position: relative;
  left: 15px;
}
#my_dataviz2{
  position: relative;
  left: 15px;
}
#my_dataviz3{
  position: relative;
  left: 25px;
}

#orgname{
  font-weight: 300;
}

.box {
  min-height: 50px;
  padding: 5px;
  margin: 5px;
  font-weight: 800;
  color: #fff;
}

.skyblue {
  background: deepskyblue;
}

.purple {
  background: rebeccapurple;
}

.red {
  background: indianred;
}
#pstatus svg g g.axis { display: none; }
#pro-pie .pie-slice.pie-label {
  /* fill: black; */
  font-size: 10px}

.dc-chart g.row text {
    fill: black;
    font-size: 8;
  }
#customer svg g g.axis  {
   display: none; 
  }
#byYear  svg g g.axis  {
  display: none; 
  }
#pro-jobs  svg g g.axis  {
  display: none; 
  }

#pro  svg g g.axis  {
    display: none; 
    }

/* #byYear svg g g.axis  { display: none; }  */
.grid-line {
  stroke: #ccc;
  stroke-opacity: .4; 
} 


.row {
  width: 100%

}

.dc-data-count {
  float: right;
  margin-top: 15px;
  margin-right: 15px;
}

.dc-data-count .filter-count {
  color: #3182bd;
  font-weight: bold;
}

.dc-data-count .total-count {
  color: #3182bd;
  font-weight: bold;
}

#row2 {

  background-color: #f8f9fa;
  opacity: 10;
}

#card {
  margin:10px

}

.number-display {
  font-size : 30px;
  /* position: relative;
  right: 0px; */
}

/* customize revenue display for 5-6 figures */
#numRevenue{
  position: relative;
  right: 10px;
}

#pie_del3{
  position: relative;
  right: 15px;
}



.card-body {
  font-size : 30px
}

.form-control {
  font-size: .9rem
}
.chart-label {
 
  font-size: .9rem;

}
#byYear  {
  margin-top: 20px;
}

#customer{
  margin-top: 15px;
}

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

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

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

#dropdownMenuButton {
  display: block;
  position: absolute;
  top: 20px;
  left: -690px;
  margin: 0px auto;
  width: 130px;
  height: 30px;
  padding: 0px;
  border: none;
  border-radius: 3px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #3887be;
  z-index: 1;
  }

  .dropdown-menu {
    font-size: 12px;
  }

.table-sm{
  font-size: 15px;
  position: relative;
  left: 50px;
  padding: 30px;
}
/* ul.main > li > ul > li:first-child > a {
  background:red;
} */
/* #yoy svg g g.x > g.tick:first-child text {
  display: none; 
} */
/* .dc-chart .brush .resize path {
  fill: #eee;
  stroke: #666;
} */

/* TAG CHARTS EDIT LATER! */
.dc-chart th {
  text-align: left
}
.dc-chart th,.dc-chart td {
    padding-left: 10px;
}
.dc-chart tr.dc-table-group td {
    padding-top: 4px;
    border-bottom: 1px solid black;
}
.dc-chart li {
    width: 30em;
    text-align: left;
    /* background: red; */
}
.dc-cbox-group {
  list-style-type: none;
  margin-left: 0;
}
/* .dc-cbox-group label {
  display: inline-block;
} */
.dc-cbox-group input[type=checkbox], .dc-cbox-group input[type=radio] {
  margin: 0 5px 5px 5px;
}