#fade {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ababab;
  z-index: 1001;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#loading {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  padding: 30px 15px 0px;
  border: 3px solid #ababab;
  box-shadow: 1px 1px 10px #ababab;
  border-radius: 20px;
  background-color: white;
  z-index: 1002;
  text-align: center;
  overflow: auto;
}

/*  login SCREEN  */
.btn-color {
  background-color: #2172e3;
  color: #fff;
}
.profile-image-pic {
  height: 200px;
  width: 200px;
  object-fit: contain;
}
input {
  color: black !important;
}
#devices-deck,
#admin-incoming-devices-deck,
#admin-devices-deck {
  gap: 1rem;
}
#devices-deck .card {
  width: 100%;
}
#devices-deck .card:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.03);
}

#devices-deck .card .card-header {
  padding: 0.4rem;
  color: initial;
}
#devices-deck .card .card-body {
  padding: 0;
}
#devices-deck .card .card-body .indicator {
  flex: 1 1 0;
  color: initial;
}
#devices-deck .card .card-body .text-muted {
  font-size: 0.8rem;
}
#devices-deck .card .card-body .big {
  font-size: 1.4em;
}
#devices-deck .card .card-body .indicator + .indicator {
  border-left: solid 1px rgba(0, 0, 0, 0.125);
}
#devices-deck .card .card-footer {
  padding: 0.4rem 0.6rem;
}
.chart-container {
  width: 100%;
  height: 70vh;
}
a.card-link {
  text-decoration: none;
  flex: 1 0 0%;
  width: 320px;
  max-width: 320px;
  min-width: 320px;
}
.card-link + .card-link {
  margin-left: 0;
}
#reportrange {
  background: #fff;
  cursor: pointer;
  padding: 5px 10px;
  border: 1px solid #ccc;
  width: 345px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
}
.callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-left-width: 0.25rem;
  border-radius: 0.25rem;
}
.callout.callout-info {
  border-left-color: #5bc0de;
  background-color: #17a2b833;
}

.admin-list .card-body {
  gap: 1rem;
}
.admin-list .card .card .header {
  font-size: 3em;
  width: 80px;
}
.admin-list .card .card:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.03);
}
.admin-list .card .card .card-body {
  width: 200px;
  font-size: 14px;
}
.admin-list .card-body .card-body i {
  width: 20px;
  text-align: center;
}

@media all and (min-width: 600px) {
}

@media (max-width: 600px) {
  .border-md-left {
    border-left: none;
  }
  .border-md-right {
    border-right: none;
  }
  a.card-link {
    width: 95%;
    min-width: 95%;
    max-width: 95%;
  }
  #admin-incoming-devices-deck .card,
  #admin-devices-deck .card {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .card-header {
    flex-wrap: wrap;
  }
  .card-header .flex-fill {
    flex-basis: 100% !important;
  }
}

div.nav-item.dropdown .nav-link {
  font-size: 1.5rem;
  padding-top: 0;
  padding-bottom: 0;
  color: rgba(255, 255, 255, 0.5);
}

.dropdown-lang {
  width: 12rem;
}

.dropdown-lang img {
  height: 24px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0.15);
}