/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18/08/2017, 3:03:10 PM
    Author     : Caleb
*/

.data-download-link {
  display: none;
}

#lt-device-table button.delete-device-button {
  background-color: darkred !important;
  color: white;
  font-weight: bold;
  font-size: 1.2em;
}

.devices {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 2em;
}

.devices .device {
  border: solid 2px #ccc;
  padding: 0;
  /* margin: 1em; */
  /* max-width: 18em; */
  /* min-width: 15em; */
  margin-bottom: 3em;
  width: 19em;
  box-shadow: 2px 2px 20px -5px grey;
}

.devices .device > .subtitle {
  border-top: 1px solid #ccc;
  padding: 1em;
  margin: 0;
}

/* .devices .device .lumifiles,
.devices .device .orders {
  margin: 0.75em;
} */

/* .devices .device .lumifiles > .lumifile, */
.devices .device .orders > .order {
  margin: 0.5em 1em 0.5em 1em;
  border: solid 1px #ccc;
}

.devices .order .order-summary {
  padding: 0.5em;
  background-color: #eee;
}

.devices .order .lumifiles {
  padding-left: 1em;
  padding-bottom: 0.5em;
  overflow: hidden;
}

.devices .order .lumifiles > .lumifile {
  padding: 0.75em 0;
}

.devices .order .lumifiles > .open-order-link {
  float: right;
  margin: 1em;
  font-size: 0.75em;
}

.devices .buy {
  margin: 1em;
}

.devices .buy .button {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.devices .device .device-thumbnail {
  padding: 1em;
}

.devices .device .device-thumbnail img {
  max-height: 10em;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.devices .device .delete-device-button {
  background-color: white !important;
  color: darkred !important;
  font-weight: bold;
  font-size: 1.2em !important;
  border-radius: 50% !important;
  border: darkred 2px solid;
  /* box-shadow: #333 2px 2px 4px 0; */
  /* display: inline-block; */
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  padding: 0 0.25em;
}

#buy-credits-dialog input.buy-credits-quantity {
  width: 4em;
}
.ui-dialog {
  border-radius: 0.5em;
  border: #8ec63f solid 1px;
}
.ui-dialog .ui-button {
  font-size: 0.75em !important;
}

a.downloaded,
a.downloaded:visited {
  color: lightgrey;
}

.devices .device .dev-idx {
  position: relative;
  display: block;
  top: 110px;
  left: 45px;
  border-radius: 50%;
  border: solid black 5px;
  width: 1em;
  height: 1em;
  /* vertical-align: baseline; */
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  color: black;
  padding: 6px;
}

.devices .device .dev-idx > span {
  position: relative;
  bottom: 5px;
}

.woocommerce .cart_item .variation dt {
  line-height: unset;
}

.buy-credits-product-name,
.device-name-wrapper {
  margin: 1em 0;
  /* display: block; */
}

#start-tutorial-button {
  background-color: white !important;
  color: #00c0f2 !important;
  font-weight: bold;
  font-size: 0.7em !important;
  border-radius: 50% !important;
  border: #00c0f2 3px solid;
  /* box-shadow: #333 2px 2px 4px 0; */
  /* display: inline-block; */
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  padding: 0 0.25em;
  height: 1.7em;
  width: 1.7em;
}

.shepherd-button {
  color: white;
}