#showinmate {
	width:100%;
	position:fixed;
	top:50%;
	left:50%;
	
}
.inmate {
  border-style:solid;
  border-color:white;
  margin-bottom:15px;
}
.inmateContainer {
  display: flex;
  flex-direction: row;
}
.inmateNameActive {
  background-color:red;
 color:white;
font-weight:bold;
}
.inmateNameReleased {
background-color:gray;
color:white;
font-weight:bold;
}
.inmateDetails {
  float: left;
}

.inmateCol1 {
  width: 35%;
  background-color:black;
}

.inmateCol2 {
background-color:rgba(163, 158, 158, 0.295);
  width: 65%;
}

.inmateData {
padding-left:10px;
text-align:left;
color:black;
line-height: 1.4 !important;

}
.inmateInfo {
padding-left:10px;
text-align:center;
color:black;
line-height: 1.4 !important;
background-color:#6699ff;
}
.inmateCharges {
padding-left:10px;
text-align:left;
color:black;
}
.inmateImage {
	max-width:100%;
	max-height:100%;	
	display: block;
	margin-bottom:0px !important;
}
@media(max-width: 900px) {
  .inmateContainer {
    flex-direction: column;
  }
.inmateNoImage {
	display:none;
}
  .inmateCol1 {
    width: 100%;
  }

  .inmateCol2 {
    width: 100%;
  }
}

.jailInmate{
      user-select:none;
      position:relative;
      margin: 1rem 10px;
      border: 1px solid #ffffff22;
      background-color: #282c34;
      /* background: linear-gradient(0deg, rgba(40,44,52,1) 0%, rgba(17,0,32,.5) 100%); */
      /* box-shadow: 0 7px 20px 5px #00000088; */
      border-radius: .7rem;
      /* backdrop-filter: blur(7px); */
      /* -webkit-backdrop-filter: blur(7px); */
      overflow: hidden;
      transition: .5s all;
}
      hr{
        width: 100%;
        border: none;
        border-bottom: 1px solid #88888855;
        margin-top: 0;
      }
      ins{
        text-decoration: none;
      }
      .main{
        /*display: flex;*/
        flex-direction: column;
        width: 100%;
        padding: 10px;
        .tokenImage{
          border-radius: .5rem;
          max-width: 100%;
          object-fit: cover;
        }
        .description{
          color: #FFFFFF;
        }
        .jailInfo{
          display: flex;
          justify-content: space-between;
          align-items: center;
          .jailCharges{
            text-wrap:balance;
            text-align:center;
            align-items: center;
            width:100%;
            color: white;
            font-weight: 700;
            ins{
              margin-left: -.3rem;
              margin-right: .5rem;
            }
          }
        }
      }      
    

  
  
    .grid-container {
      display: grid;
      margin-left:auto;
      margin-right:auto;
      justify-items:center;
      justify-content:center;
      grid-template-rows: auto;
    }
  
  .grid-container--fill {
      grid-template-columns: repeat(auto-fill, minmax(100px, 400px));
  }
  
  .grid-container--fit {
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .header {
    color:yellow;
  }
  .header:after {
    content:"\a";
    white-space: pre;
  }
  .inCustody {
    position: absolute;
    border-radius:15px;
    top: 18px;
    right: 16px;
    background-color: red;
    font-weight:bold;
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  }
  .released {
    position: absolute;
    border-radius:15px;
    top: 18px;
    right: 16px;
    font-weight:bold;
    background-color: green;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  }
  .cell {
    position: absolute;
    border-radius:15px;
    top: 18px;
    right: 16px;
    font-weight:bold;
    background-color: red;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  }