body {
  font-family: FFDINStdRegular;
  margin: 0 auto;
  text-align: center;
}

.title-container {
  width: 95%;
  margin: 0 auto;
  text-align: center;
}

h1 {
  font-family: FFDINStdCondensedMedium;
  text-align: center;
  margin-bottom: 0;
  font-size: 24px;
  color: #4a4a4a;
}

h2 {
  font-family: FFDINStdCondensedMedium;
  margin-top: 50px;
  margin-bottom: 0px;
  /* font-size: 2.2vw; */
}

p {
  margin-top: 5px;
  margin-bottom: 20px;
  /* font-size: 1.5vw; */
}

select:focus {
    outline:none;
}

input:focus {
    outline:none;
}

span {
  font-weight: bold;
  font-size: 18px;
}

select {
  text-align: center !important;
  margin: 0 auto;
  color: #000;
  /*font-size: 16px;*/
  padding: 2px 20px;
  /*width: 150px;*/
  text-align-last:center;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
/*  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;*/
  font-size: .9375rem;
  height: 2.5rem;
  margin-bottom: 10px;
}


.controls-container select {
  margin: 10px 5px;
/*  width: 375px;*/
}

#all-table_filter input {
   border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 2px !important;
  font-size: .9375rem !important;
  height: 2.5rem !important;
}

#autocomplete-input{
     border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 2px !important;
  font-size: .9375rem !important;
  height: 2.5rem !important;
}


#policies .fa {
  position: absolute;
  right: .625rem;
  top: .6875rem;
  pointer-events: none;
}

#industries .fa {
  position: absolute;
  right: 50%;
  pointer-events: none;
}

#industries {
  /*width: 260px;*/
  /*margin: 0 auto;*/
}

.controls-container {
  margin: 0 auto;
  width: 95%;
  display: flex;
  align-items: center;
  justify-content: flex-end;

}

path {
  stroke: #fff;
}


#table-container {
  width: 95%;
  margin: 0 auto;
}

#all-table {
  width: 100% !important;
}

th {
background: #333;
color: white;
font-family: FFDinStdBold;
cursor: s-resize;
background-repeat: no-repeat;
    background-position: 3% center;
    border: .5px solid #ccc;
    text-align: left;
    padding-left: 10px !important;
}
td{
  padding-top: 10px !important;
  padding-bottom: 15px !important;
}
td.dt-left-td {
  text-align: left;
}

.fixed-width {
  width: 100px !important;
}

.flex-container-logo {
  display: flex;
  align-items: center;
}
.company {
  color: #4a4a4a;
  text-decoration: none;
  font-family: FFDINStdBold;
}
.company-name {
  padding-left: 15px;
}

.policy {
  color: #e6510f;
  text-decoration: none;
  font-family: FFDINStdBold;
}


.tag {
  display: inline-block;
  padding: 5px 10px;
  /*color: white;*/
  border-radius: .25rem;
  margin-left: 10px;
  /*font-family: FFDINStdBold;*/
  font-size: 16px;
  margin-top:10px;
}

.tag-color {
  color: #1a59c4;
  border: 2px solid #1a59c4;
}

.workers-tag {
  color: #f47321;
  border: 2px solid #f47321;
}

.jobs-tag {
 color: #01a6cf;
 border: 2px solid #01a6cf;
}

.government-tag {
  color:#8339b8;
  border: 2px solid #8339b8;
}

.ceo-tag {
  color: #1d356c;
  border: 2px solid #1d356c;
}

.communities-tag {
  color: #8339b8;
  border: 2px solid #8339b8;
}
@media
	only screen and (max-width: 860px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
    /* #donut-container {
      display:block;
    } */

  .legend {
      display: none;
    }

  }

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	body {
		/*padding: 0;
		margin: 0;*/
		/*width: 320px;*/ }
	}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body {
		/*width: 495px;*/
	}
}