html {
  min-height: 100%;
  height: auto;
  margin: 0;
}

body {
    min-height: 100vh;
}

/* only apply this to firefox: */
@-moz-document url-prefix() {
  select.select {
    -moz-appearance: none;
  }
}

/* Safari selects are sort of ugly too.  Unfortunately this applies to both Safari *and* Chrome */
@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    -webkit-appearance: none;
  }
}

.footer {

  width: 100%;
  height: 3vh;
  line-height: 3vh; /* Vertically center the text there */
  }

/* bootstrap normally does this part for you, but for some reason it's not being applied */
select {
  border: 1px solid #999;
  border-radius: 8px;
  padding:8px;
}

.marquee {
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.marquee p {
    display: inline-block;
    padding-left: 50%;
    animation: marquee 30s linear infinite;
}

.marquee p:hover {
    animation-play-state: paused;
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/* KPI RESULTS */

.kpi_results table {
font-size: 12px;
}


.kpiteam table, .kpiteam table tr td, .kpiteam table tr th {
    border: 1px solid black;
    text-align: center
}

.kpiteam .leftAlign {
    text-align: left
}


/* Search Results */

.search_results table {
border-collapse: collapse;
font-size: 12px;
border: 1px solid #fd7e14;
margin: 5px;
}

.search_results table tr td{
border: 1px solid #333333;
text-align: center;
padding: 2px;
color: black;
}

.search_results table tr th{
color: black;
text-align: center;
border: 1px solid black;
padding-left: 5px;
padding-right: 5px;
background: #fad5bc;
}

/* contacts */

.contacts {
margin-top: 5px;
}

.contacts table {
border-collapse: collapse;
font-size: 12px;
border: 1px solid #fad5bc;
margin: 5px;
}

.contacts tr:hover {
  background-color: #2C3E50 !important;
  color: white;
}

.contacts tr.group, .contacts tr.group:hover {
    background-color: #81AFF0 !important;
}

.contacts th {
border: 1px solid black;
text-align: center;
background-color: #2C3E50;
color: white;
}

.contacts td {
padding: 2px;
text-align: left;
border: 1px solid black;
width: 20%;
font-size: 16px;
}

.contacts th a {
color: black;
font-size: 14px;
}

.contacts td a {
text-decoration: underline;
color: #000088;
font-size: 12px;
}

.contacts td a:hover {
text-decoration: underline;
color: black;
font-size: 12px;
}

#fb_table {
font-size: 11px;
margin: 10px;
background: #15306E;
color: #FFFFFF;
border: 1px solid #6EABC6;
width: 950px;

}

/* Daily Report */

.dailyreport table {
border-collapse: collapse;
font-size: 12px;
border: 1px solid #fd7e14;
margin: 5px;
}

.dailyreport tr {
border: 1px solid #333333;
text-align:left;
padding: 2px;
background: #e6e6e6;
color: black;

}

.dailyreport table tr td {
border: 1px solid #333333;
text-align: center;
padding: 2px;
color: black;
}

.dailyreport table tr th {
color: black;
text-align: center;
border: 1px solid black;
padding-left: 5px;
padding-right: 5px;
background: #fad5bc;
}

.dailyreport table tr .project {
word-break: break-all;
letter-spacing: 40px;
}
.dailyreport table tr .leftAlign {
    text-align: left;
}

/* Weekly Report */

.weeklyreport table {
border-collapse: collapse;
font-size: 12px;
border: 1px solid #fd7e14;
margin: 5px;
}

.weeklyreport tr {
border: 1px solid #333333;
text-align:left;
padding: 2px;
background: #e6e6e6;
color: black;

}

.weeklyreport table tr td {
border: 1px solid #333333;
text-align: center;
padding: 2px;
color: black;
}

.weeklyreport table tr th {
color: black;
text-align: center;
border: 1px solid black;
padding-left: 5px;
padding-right: 5px;
background: #fad5bc;
}

.weeklyreport table tr .leftAlign {
    text-align: left;
}

.recruitment-table th, .recruitment-table td {
    border: 1px solid black;
    padding: 2px;
}

.certifications ul {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
}

.certifications li {
  border: 1px solid black;
  display: inline-block;
  padding: 5px 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.requestedTool ul {
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
}

.fa-close {
  cursor: pointer;
}

.ui-grid-pager-row-count-picker select {
font-size: 11px;
}

.metricCard {
    min-width : 100vh;
}

.grid-ap {
    height: 80vh;
}

.scroller {
    height: 450px;
    overflow-y: scroll;
}

.scroller > * {
    position: relative;
}

.grid {
    height: 80vh;
}

.multiselect-parent {
  width: 100%;
}

.multiselect-parent .dropdown-toggle {
  width: 100%;
}

.multiselect-parent .dropdown-menu {
  width: 100%;
  padding-left: 5px;
}

.carousel {
    color:#FFFFFF;
}

.carousel a {
    color:#FFFFFF;
    text-decoration: underline
}

.dashboard-point {
 font-size: 0.8em;
}

.dashboard-apList {
  font-size: 0.8em;
}

.dashboard-apList table {
  background-color: #f4f4f4;
}

.dashboard-apList table tr td {
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  border: solid 1px #999999;
}

.dashboard-apList .apListMenuBtn {
  font-size: 12px;
  padding:0;
  margin:0;
  min-height:0;
  line-height:0;
  min-width: 18px;
}


.md-dialog-content {
position: relative;

}

.thumbnail {
  max-width: 200px;
  max-height: 150px;
  line-height: 20px;
  margin-bottom: 5px;
}

.thumbnail img{
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  max-width: 200px;
  max-height: 150px;
}

.md-button {
  font-size: 14px;
  padding:0;
  margin:0;
  min-height:0;
  min-width:0;
  line-height:0;
  min-width: 18px;
}

table.table-bordered{
  border: none;
}
table.table-bordered > thead > tr > th{
  border:1px solid #666666;
}
table.table-bordered > tbody > tr > td{
  border:1px solid #666666;
}

table.table-bordered > tbody > tr > th{
  border:1px solid #666666;
}

.card-header {
  padding-top: 5px;
  padding-bottom: 5px;

}

.customTooltip {
  border-radius: 50%;
}