.w3-theme-l5 {
  color:#000 !important;
  background-color:#f0f4f8 !important
}
.w3-theme-l4 {
  color:#000 !important;
  background-color:#cddbe7 !important
}
.w3-theme-l3 {
  color:#000 !important;
  background-color:#9bb7d0 !important
}
.w3-theme-l2 {
  color:#fff !important;
  background-color:#6993b8 !important
}
.w3-theme-l1 {
  color:#fff !important;
  background-color:#456f93 !important
}
.w3-theme {
  color:#fff !important;
  background-color:#2e4a62 !important
}
.w3-theme-d1 {
  color:#fff !important;
  background-color:#294257 !important
}
.w3-theme-d2 {
  color:#fff !important;
  background-color:#253a4e !important
}
/* ---=================================== Verified ===================== */

* {
  box-sizing:border-box;
}
body {
  font-family:Arial,Helvetica,sans-serif;
  margin:0;
  padding:0;
  background-color: white;
}
header {
  background-color:#2e4a62;
  padding:20px;
  text-align:center;
  font-size:35px;
  color:white;
}
.serverIssues {
  color: red;
  font-size:28px;
  font-weight:bold;
  text-align:center;
  margin-block:0;
}
h1 {
  color:#fff;
  font-size:28px;
  font-weight:bold;
  text-align:center;
  margin-block:0;
}
h2 {
  margin-block:0;
}
h4 {
  font-size:17px;
  font-weight:bold;
  text-align:center;
  color:#2e4a62;
}
.lastUpdate {
  font-size:13px;
  text-align:center;
  font-style:italic;
  color:#2e4a62;
}
nav {
  float:right;
  width:30%;
}
.section {
  background-color:rgb(245,245,247);
}
article {
  float:left;
  padding:20px;
  width:70%;
  /*    background-color:rgb(245,245,247);
  */
/*    xheight:100%;
  */
}
.loginSection {
  width:100%;
  background:#9bb7d0;
}
.passwordReminder {
  font-size:12px;
}
nav ul {
  list-style-type:none;
  padding:0;
}
.section::after {
  content:"";
  display:table;
  clear:both;
}
.darkColor {
  color:#253a4e;
}
/* Create two columns/boxes that floats next to each other */

.notes {
  background:white;
  padding:20px;
}
.messageContainer {
  position:relative;
  text-align:center;
  color:black;
}
.messagePurpose {
  position:absolute;
  top:10%;
  left:0;
  width:30%;
  text-align:left;
  font-style:italic;
}
.messageScripture {
  position:absolute;
  bottom:20px;
  right:0;
  text-align:center;
  width:30%;
  font-style:italic;
}
.messageImage {
  width:55%;
  max-width:300px;
}
.purposeListing {
  padding-left:15px;
  margin:0;
  list-style-type:square;
}
.purposeItem {
  padding-left:0;
  padding-top:5px;
}
/*  Inside HOME PAGE */

.columnWrapper {
  margin:auto;
  max-width:1200px;
}
homeColumn {
  padding:20px;
  max-width:400px;
  text-align:left;
}
.centerColumn {
  padding:20px;
  max-width:800px;
  text-align:left;
  margin:0 auto;
}
.centerHeader {
  text-align:center;
  padding-bottom:20px;
  font-size:18px;
}
/* when USED:*/
            .formBlock {
  background-color:#cddbe7;
  padding:20px;
  max-width:800px;
  text-align:left;
}
.formFrame-wrapper {
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:100vh;
  padding:20px;
}
.formFrame {
  background-color:#f0f4f8;
  position:relative;
  top:50px;
  left:0;
  margin:auto;
  text-align:center;
  border:0 none rgb(33,34,37);
  border-color:rgb(33,34,37);
  border-image:none;
  border-style:solid;
  border-width:1px;
  border-radius:5px;
  max-width:400px;
  width:100%;
  box-shadow:rgba(0,0,0,0.24) 0 3px 8px;
}
.wideForm {
  background-color:#f0f4f8;
  max-width:800px;
}

.formFrame_Login {
  position:relative;
  max-width:350px;
  top:0;
  margin:auto;
  text-align:center;
}
.formHeader {
  background-color:#2e4a62;
  padding:6px;
  text-align:center;
  font-size:16px;
  color:white;
}
.formWrapper {
  padding:10px;
  text-align:left;
}
.formWrapper .emailImage {
  float:left;
  margin:5px;
}
.formWrapper p {
  font-size:14px;
}
.inputWrapper {
  padding-bottom:1px;
}
.flowImage {
  vertical-align:middle;
}
label {
  font-size:13px;
  display:block;
}
.messageTextEditor {
  width:100%;
  font-size:14px;
  margin-bottom:0;
  padding-bottom:0;
}
.charCountLabel {
  font-size:13px;
  padding:0;
  margin:0;
  display:block;
}
.translateButton {
  float:right;
}
.translateButtonFrame {
  clear:both;
  width:100%;
  overflow:hidden;
}
/* padding:4px 12px;
  */

.textInput {
  background:white;
  background-position:0% 0%;
  box-sizing:border-box;
  color:rgb(33,34,37);
  cursor:auto;
  display:block;
  flex:2 1 auto;
  height:25px;
  margin:0 2px;
  padding:0 8px 1px;
  pointer-events:auto;
  text-indent:0;
}
.fullWidth {
  width:100%;
}

.attendanceForm {
    background-color:#f0f4f8;
   width:720px;
   max-width: 720px; /*Override form frame*/
}

.leftActivity {
  float:left;
  width: 50%;
}
.rightActivity {
  float:left;
  width: 50%;
  padding-left: 20px;
}

.orphanDescription{
    max-width: 600px;
    margin: auto;
    padding-bottom: 20px;
}

.bopWrapper {
  max-width: 1000px;
  margin: auto;
}

@media (max-width: 1020px) {
    .bopWrapper {
    width: calc(100% - 20px); /* Reduce margins */
    margin-left: 10px;
    margin-right: 10px;
  }
}



.BOPTable {
    width: 100%;
    border-collapse: collapse; /* Ensures borders collapse for a cleaner look */
}



@media only screen and (max-width:726px) {
  /* For mobile phones:*/
  .leftActivity,.rightActivity {
      width:100%;
      padding-left: 0px;
  }
  .attendanceForm {
      width:360px;
  }
}

.attendeesWidth {
  width:220px;
}
.attendees {
  width:340px;
}
.attendeeTable {
  border-collapse:collapse;
  font-size:13px;
  text-align:left;
  width:100%;
}
.attendeeTable td {
  padding-right:5px;
  padding-bottom:2px;
  vertical-align:top;
}
.attendeeTable tr:nth-child(even) {
  background-color:#f2f2f2;
}
.attendeeTable th {
  background-color:#2e4a62;
  color:white;
  height:21px;
}
.attendeeCount {
  font-size:13px;
  margin:4px 0 8px 0;
  text-align:center;
}
.rightMargin {
  margin-right:6px;
}
.deleteButton {
  background-image:url(/images/delete.png);
  height:14px;
  width:16px;
  background-repeat:no-repeat;
  background-size:cover;
}
input[type="text"],input[type="email"],input[type="password"],input[type="date"],input.textInput,select {
  /* padding:4px 12px;
  */
    margin:3px 0 3px 0;
  display:inline-block;
  border:1px solid #ccc;
  border-radius:4px;
  box-sizing:border-box;
  font-size:14px;
}
input[type="text"],input[type="email"],input[type="password"] {
  padding:3px 2px;
}
input[type="date"] {
  display:inline-flex;
}
.generateLetterLink {
  cursor:pointer;
  font-size:14px;
}
.buttonWrapper {
  text-align:right;
  padding-top:6px;
}
.baseBtn {
  border-radius:4px;
  box-sizing:border-box;
  cursor:pointer;
  font:normal normal normal normal 14px/14px Verdana,sans-serif;
  height:30px;
  max-width:100%;
  text-align:center;
  text-decoration:none;
}
.btn {
  background:#2e4a62 none repeat scroll 0% 0% / auto padding-box border-box;
  border:0 none rgb(255,255,255);
  box-shadow:rgba(0,0,0,0.2) 0 1px 3px 0,rgba(0,0,0,0.14) 0 1px 1px 0,rgba(0,0,0,0.12) 0 2px 1px -1px;
  color:rgb(255,255,255);
  margin:0 0 0 8px;
  padding:9px 10px;
  transition:background-color 0.3s ease 0s,box-shadow 0.1s ease 0s,transform 0.1s ease 0s;
}
.btn:hover {
  background:#456f93 none repeat scroll 0% 0% / auto padding-box border-box;
  border:0 none rgb(23,124,156);
  box-shadow:rgba(0,0,0,0.2) 0 3px 5px -1px,rgba(0,0,0,0.14) 0 6px 10px 0,rgba(0,0,0,0.12) 0 1px 18px 0;
  outline:rgb(255,255,255) none 0;
  transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,-0.0125,0,0,5,0.9375);
}
.cancelBtn {
  background:rgba(0,0,0,0) none repeat scroll 0% 0% / auto padding-box border-box;
  border:0 none rgb(23,124,156);
  box-shadow:none;
  color:#2e4a62;
  margin:0 0 0 2px;
  transition:background-color 0.3s ease 0s,transform 0.1s ease 0s;
}
.cancelBtn:hover {
  background:rgb(242,250,253) none repeat scroll 0% 0% / auto padding-box border-box;
  outline:rgb(23,124,156) none 0;
}
/* Check box with correct color */
.checkBoxLabel {
  display:block;
  position:relative;
  padding-left:20px;
  margin-bottom:6px;
  cursor:pointer;
  font-size:14px;
  user-select:none;
}
.inline {
  display:inline-block;
}
/* Hide the browser's default checkbox */
.checkBoxLabel input {
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0;
}
/* Create a custom checkbox */
.checkmark {
  position:absolute;
  top:0;
  left:0;
  height:14px;
  width:14px;
  background-color:white;
  border-radius:3px;
  border:solid lightgrey;
  border-width:1px;
}
/* On mouse-over,add a grey background color */
.checkBoxLabel:hover input ~ .checkmark {
  border:solid black;
  border-width:1px;
}
/* When the checkbox is checked,add a blue background */
.checkBoxLabel input:checked ~ .checkmark {
  background-color:#456f93;
  border-width:0;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content:"";
  position:absolute;
  display:none;
}
/* Show the checkmark when checked */
.checkBoxLabel input:checked ~ .checkmark:after {
  display:block;
}
/* Style the checkmark/indicator */
.checkBoxLabel .checkmark:after {
  left:5px;
  top:2px;
  width:3px;
  height:7px;
  border:solid white;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
/*Start of NEW */


.checkedLabel {
  font-size:14px;
  position:relative;
  padding-left:20px;
  padding-bottom:3px;
}
.checkedLabel:after {
  content:"";
  display:block;
  position:absolute;
  left:5px;
  top:2px;
  width:3px;
  height:7px;
  border:solid #456f93;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.nonCheckedLabel {
  font-size:14px;
  position:relative;
  padding-left:20px;
  padding-bottom:3px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.answered:after {
  content:"";
  position:absolute;
  display:none;
}
/* Show the checkmark when checked */
.checkBoxLabel input:checked ~ .answered:after {
  display:block;
}
/* Style the checkmark/indicator */
.checkBoxLabel .answered:after {
  left:5px;
  top:2px;
  width:3px;
  height:7px;
  border:solid white;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.unanswered {
  background-color:#eee;
}
/* Create the checkmark/indicator (hidden when not checked) */
.unanswered:after {
  content:"";
  position:absolute;
  display:block;
}
/* Style the checkmark/indicator */
.checkBoxLabel .unanswered:after {
  left:2px;
  top:5px;
  width:8px;
  height:1px;
  border:solid black;
  border-width:2px 0 0 0;
  transform:rotate(0deg);
}
/* On mouse-over,add a grey background color */
.checkBoxLabel:hover input ~ .unanswered {
  }/* When the checkbox is checked,add a blue background */
.checkBoxLabel input:checked ~ .unanswered {
  background-color:#456f93;
}
.checkboxLabel:before,.checkboxLabel:after {
  font-family:FontAwesome;
  font-size:18px;
  position:absolute;
  top:-1px;
  left:0;
  right:0;
}
/* ======================== */
/*
.checkboxLabel:before {
  content:'\f096';
  /*checkbox unchecked * /
}
.checkboxLabel:after {
  content:'\f00c';
  /*checkbox checked* /
    max-width:0;
  overflow:hidden;
  opacity:0.5;
  font-size:12px;
  top:2px;
  left:1.5px;
  color:#2e4a62;
  -webkit-transition:all 0.250s;
  -moz-transition:all 0.250s;
  -o-transition:all 0.250s;
  transition:all 0.250s;
}
/* Animating the Checkbox Icon * /
.checkboxLabel:hover::after {
  margin-right:90px;
  max-width:20px;
  opacity:1;
  width:20px;
}
*/
/* ======================== */

/* Annimated Checkmarks on hover*/
.animatedCheckBox {
  padding-left:20px;
}
.animatedCheckBox:after {
  clear:both;
  display:table;
  content:'';
}
.animatedCheckBox .checkboxLabel {
  position:relative;
  padding-left:30px;
  font-size:14px;
  cursor:pointer;
  color:black;
  padding:0 28px 0 0;
}
/* END OF NEW */








.hidden {
  display:none;
}
.notesTextArea {
  width:100%;
  height:90px;
}
.lowerButtonBar {
  float:right;
  padding:0 0 0 20px;
}
.flexButtonBar {
  display:flex;
  flex-wrap:wrap;
  width:100%;
  column-gap:10px;
  padding:0 0 0 20px;
}
.flexBoxSpacer {
  margin-left:auto;
}
/* Inmate Editor */

#inmateEditorFrame {
  position:absolute;
  margin:auto;
  z-index:200;
  max-width:500px;
  display:none;
  right:0;
  left:0;
  background-color:#f0f4f8;
  border-radius:5px;
  border-width:1px;
  border-color:black;
  border-style:solid;
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.textArea {
  border:1px solid #aaa;
  border-radius:4px;
  box-sizing:border-box;
  font-size:14px;
  width:100%;
}
#possibleImages {
  font-size:14px;
  display:block;
}
.possibleURL {
  background-color:#294257;
  color:white;
  padding:3px 6px;
  margin:4px;
  text-decoration:none;
  display:inline-block;
}
.possibleURL:hover {
  background-color:#456f93;
}
.possibleURL:active {
  background-color:#294257;
}
.possibleURL:visited {
  background-color:#294257;
}
.verifyImageContainer {
  position:relative;
  width:100px;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-left:5px;
}
.verifyImageContainer .verifyButton {
  position:absolute;
  bottom:7px;
  right:2px;
  background-color:#253a4e;
  color:white;
  font-size:11px;
  padding:3px 4px;
  border:1px solid #555;
  cursor:pointer;
  border-radius:3px;
  text-align:center;
}
.verifyImageContainer .verifyButton:hover {
  background-color:#456f93;
}
.helpButtonFrame {
  background-color:#9bb7d0;
  float:left;
  border-radius:5px;
  border-width:1px;
  border-color:black;
  border-style:solid;
  padding:0;
  z-index:10;
  position:absolute;
  top:0;
  left:20%;
  overflow:hidden;
  width:50px;
  max-height:30px;
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.actionBottomLink {
  background-color:#9bb7d0;
  color:white;
  text-decoration:none;
  float:right;
  border-radius:5px;
  border-width:1px;
  border-color:black;
  border-style:solid;
  position:absolute;
  max-height:30px;
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  font-size:13px;
}
.actionBottomLink:hover {
  background-color:#456f93;
}
/* Resources */

.resourceSection::before {
  display:block;
  content:" ";
  height:30px;
  margin-top:-30px;
  visibility:hidden;
}
.resourceSectionTitle {
  background-color:#cddbe7;
  color:#294257;
  font-size:20px;
  font-weight:bold;
  padding:20px;
  padding-left:60px;
}
.resourceSectionContent {
  padding-top:15px;
  padding-bottom:35px;
  padding-right:15px;
  padding-left:75px;
  font-size:14px;
}
.resourceName {
  color:#456f93;
  font-size:16px;
  font-weight:bold;
}
.resourceDescription {
  font-style:italic;
}
.resourceTable {
  font-size:14px;
}
.resourceTable td {
  padding-right:20px;
  padding-bottom:15px;
  vertical-align:top;
}
/* REPORTS STUFF */

.title {
  color:#294257;
  font-size:28px;
  font-weight:bold;
  text-align:center;
  padding-top:20px;
}
.subTitle {
  color:#294257;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}
.inmateName {
  color:#172531;
  font-size:16px;
  font-weight:bold;
}
.label {
  color:#808080;
}
.reportBody {
  text-align:center;
  width:100%;
  font-size:13px;
}

.reportNoteWrapper{
    
}

.reportNote {
    text-align: left;
    max-width: 600px;
}
.reportFilter {
  padding:10px;
}
.csvBody {
  text-align:left;
  padding:15px;
}
.csvText {
  font-size:12px;
  font-style:italic;
}
.rj {
  text-align:right;
}
/* blank but is needed*/
.inmateEditorReport {
  }.reportTable {
  border-collapse:collapse;
  font-size:13px;
  position:relative;
  top:0;
  margin:auto;
  text-align:left;
}
.smallFont {
  font-size:9px !important;
}
.smallFont td {
  padding-bottom:1px !important;
  padding-top:2px !important;
}
.normalSizeText {
  font-size:13px;
}
.boldText {
  font-weight:bold;
}
.reportTable th {
  font-weight:normal;
  padding:4px;
}
.reportTable th,.reportTable td {
  padding:4px 6px;
}
.lineTable tr:nth-child(even) {
  background:#cddbe7;
}

/* BOP Table*/

.detail-row {
    width: 80%;
    margin: auto;
    background-color: white;
    border: 2px solid black;
    padding: 10px;
}

.detailBOPTable{
    border-collapse: collapse; /* Ensures there is a single border between cells */
}

.detailBOPTable th, .detailBOPTable td {
  border: 1px solid grey; /* Grey border for table cells */
  padding: 8px;
  text-align: left;
}

.detailBOPTable th {
  background-color: #f4f4f4; /* Light grey background for headers */
  font-weight: bold;
  text-align: center;
}

/* Flex way */
.bop-table-row {
    display: flex;
    width: 100%;
}
.bop-table-row div {
    padding: 5px;
    display: block;
    align-items: left;
}

.bopDate {
    width: 100px;
    flex: 0 0 100px; /* Don't grow or shrink */
}

.bopDetails {
    width: 50px;
    flex: 0 0 50px; /* Don't grow or shrink */
}

.bopType {
    width: 170px;
    flex: 0 0 170px; /* Don't grow or shrink */
}

/* Flexible cell (fills remaining space) */
.bopDecision {
    flex: 1; /* Takes up the remaining space */
    display: block; 
}

.bopDecision div{
    padding: 0px;
}


/* EOF BOP*/



/* Modal Dialog */

dialog {
  max-width:600px;
}
dialog::backdrop {
  background-color:rgba(255,255,255,0.6);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}

.modalDialog {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    justify-content: center;
    align-items: center;
    padding: 0px;
    border-radius: 5px;
}

.modal-content {
    background: white;
    border-radius: 5px;
    text-align: center;
    width: 100%;
}

.modal-header {
    background-color: rgba(46, 74, 98, 1.0); /* #f0f4f8 */
    color: white;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.modal-body {
    padding: 15px;
}

.modal-button {
    margin: 10px;
    padding: 5px 20px;
    cursor: pointer;
}
.model-ul {
    text-align: left;
    padding-left: 20px;
}

.model-ol {
    text-align: left;
    padding-left: 20px;
}

/* Modal */

.reportTable .reportTitle {
  /*    padding-top:45px !important;
  */
    color:#fff;
  background-color:#294257  !important;
}
.unpadded {
  padding:0 !important;
}
.rePadding {
  padding:4px 6px;
}
.titleSpacer {
  padding-top:23px;
  background-color:white;
  width:100%;
}
.indent {
  padding-left:20px;
}
.lineTable tr:hover {
  background-color:#6993b8;
}
.dobTD {
  text-align:right;
}
.vTopAlign td {
  vertical-align:top;
}
.iconHolder {
  padding-right:0;
}
.iconWrapper {
  width:30px;
  margin-left:0;
  padding:0;
  white-space:nowrap;
  font-size:6px;
}
.compactTD {
  padding:1px 2px 0 3px !important;
}
.compactTDAdditionalPadding {
  padding:3px 2px 0 3px !important;
}
.paroleNotes {
  max-width:400px;
}
/* Photo Report */

.photoTable {
  text-align:left;
  page-break-inside:auto;
}
.photoTable > tr {
  page-break-inside:avoid;
  page-break-after:auto;
  page-break-before:auto;
}
.newInfoText {
  color:#ff0000;
}
.hphotoCell {
  position:relative;
  padding:0 0 0 165px;
  max-width:500px;
  min-height:160px;
}
.vphotoCell {
  min-height:160px;
  max-width:350px;
}
.hphotoCell > .photoWrapper {
  left:4px;
  position:absolute;
  top:0;
}
.center {
  text-align:center;
}
.photoWrapper {
  padding:3px;
  padding-top:5px;
  text-align:center;
  width:163px;
}
.hphotoCell > .photoWrapper {
  width:163px;
}
/* FIX:Replace the .newWrapper and .releaseWrapper with .newInfoWrapper*/
.newWrapper {
  background:#ffccff;
  background:red;
}
.releaseWrapper {
  background:#cddbe7;
  background:blue;
  color:#FFF;
}
.newInfoWrapper {
  background:#ffccff;
}
.newInfoText {
  color:red;
}
.releaseInfoWrapper {
  background:blue;
}
.releaseInfoText {
  color:blue;
}
.infoBlock {
  padding:5px;
}
.newInfo {
  }.focusInmate {
  }/* END OF Photo Report */
 

.noPrintBreak {
  page-break-inside:avoid;
  page-break-after:auto;
}
.printBreak {
  page-break-inside:auto;
  page-break-after:auto;
  /*    display:block;
  */
    display:inline-block;
}
td.blockedCell {
  background-color:#9bb7d0;
}
td.borderLeft {
  border-left:1px solid #000;
}
/*
.rowHeader {
  color:#000 !important;
  background-color:#9bb7d0 !important;
  font-size:13px;
  font-weight:bold;
}
*/



.indexErrorBanner {
  color:yellow;
  text-align:center;
  padding:15px 10px 0 10px;
  font-size:18px;
  font-weight:bold;
}
.errorBanner {
  color:#f00;
  text-align:center;
  font-weight:bold;
}
.smallErrorBanner {
  color:#f00;
  text-align:center;
  font-weight:normal;
  font-size:14px;
}
/* for pop up of the photos */
.imagePopup {
  position:relative;
  margin:0px;
  cursor:pointer;
}
.imagePopup img {
  border:1px solid #000;
  vertical-align:bottom;
}
.imagePopup:hover {
  border:0;
  z-index:1;
}
.imagePopup span {
  position:absolute;
  visibility:hidden;
}
.imagePopup:hover span {
  visibility:visible;
  top:20px;
  left:20px;
}
.docFrame {
  text-align:center;
  float:left;
  width:250px;
  height:350px;
  font-size:16px;
  padding:4px;
}
.clearfix::after {
  content:"";
  clear:both;
  display:table;
}
.instructions {
  font-style:italic;
  font-size:14px;
  text-align:left;
  color:black;
  margin-block-end:0.4em;
  margin-block-start:0.4em;
}
.printTable tr td {
  border:1px solid black;
  border-collapse:collapse;
}
.searchBar {
  background:#f0f4f8;
  max-width:625px;
  margin:0 auto;
  padding:3px;
  border-radius:3px;
  margin-top:30px;
  margin-bottom:20px;
  background-color:#f0f4f8;
  border:1px solid lightgrey;
}
.searchBar button {
  padding:4px 10px;
  background:#f0f4f8;
  font-size:16px;
  border:none;
  cursor:pointer;
  border-radius:3px;
}
.searchBar input[type=text] {
  margin:2px;
  padding:4px;
  font-size:16px;
}
.searchBar button:hover {
  background:#cddbe7;
}
#searchOffenderID {
  width:130px;
}
#searchFirstName {
  width:200px;
}
#searchLastName {
  width:200px;
}
/* ========  sorting tables =============== */

#sortableTable th {
  cursor:pointer;
}
/* settings form START */




.settingsFrame {
  background-color:#f0f4f8;
  float:right;
  border-radius:5px;
  border-width:1px;
  border-color:black;
  border-style:solid;
  padding:0;
  z-index:10;
  position:absolute;
  top:0;
  right:0;
  overflow:hidden;
  width:100px;
  max-height:30px;
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.settingsFrame input[type="date"] {
  padding:1px 4px;
  margin:1px 0;
  display:inline-block;
  border:1px solid #ccc;
  border-radius:4px;
  box-sizing:border-box;
  font-size:13px;
  vertical-align:middle;
}
.settingsBody_collapsed {
  width:100px;
  max-height:30px;
  animation:collapse 400ms;
}
.settingsBody_expanded {
  max-height:650px;
  width:310px;
  animation:expand 400ms;
}
@keyframes expand {
  0% {
  width:100px;
  max-height:30px;
}
50% {
  width:310px;
  max-height:30px;
}
100% {
  width:310px;
  max-height:650px;
}
}@keyframes collapse {
  0% {
  width:310px;
  max-height:650px;
}
50% {
  width:310px;
  max-height:30px;
}
100% {
  width:100px;
  max-height:30px;
}
}.settingsSectionTitle {
  font-weight:bold;
  font-size:13px;
  margin-top:2px;
  margin-bottom:2px;
}
.settingsComment {
  padding-left:20px;
  font-size:14px;
  margin-bottom:6px;
  display:block;
}
.settingsSubTitle {
  font-size:13px;
  margin-top:2px;
  margin-bottom:2px;
}
.dialogMessage {
  position:relative;
  float:right;
  max-width:400px;
}
.leftAlign {
  text-align:left;
}
.rightAlign {
  text-align:right;
}
/* Menu for reports - hide and show */

.buttonBarFrame {
  padding:2px;
  margin-left:max(5px,min(100px,calc((100% - 600px) / 5)));
  margin-right:max(5px,min(100px,calc((100% - 600px) / 5)));
  height:30px;
  margin-bottom:10px;
  text-align:center;
  position:relative;
}
.barButton {
  background-color:#2e4a62;
  border-radius:5px;
  border-width:1px;
  border-color:black;
  border-style:solid;
  z-index:10;
  top:0;
  overflow:hidden;
  max-height:30px;
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  text-align:center;
  text-decoration:none;
  display:inline-block;
  margin:4px 2px;
  cursor:pointer;
  padding:6px;
  font-size:15px;
  color:white;
}
.barButton:hover {
  background-color:#456f93;
}
.smButton {
  font-size:14px;
  padding:0 10px 2px 10px;
  margin:0 0;
}
.leftFloater {
  float:left;
}
.rightFloater {
  float:right;
}
.topPadding {
  margin-top:20px;
}
.rightPad {
  padding-right:20px;
}
.centerContainer {
  position:relative;
}
.centerPosition {
  margin:0;
  position:absolute;
  left:50%;
  -ms-transform:translate(-50%,-0%);
  transform:translate(-50%,-0%);
}
.settingsButton {
  background-color:#2e4a62;
  padding:6px;
  text-align:center;
  font-size:16px;
  color:white;
  cursor:pointer;
}
#helpFrame {
  max-height:0;
  transition:max-height 0.2s ease-out;
  overflow:hidden;
}
#helpContent {
  margin:20px;
  padding:0 18px 20px 18px;
  background-color:#f0f4f8;
  border:1px solid lightgrey;
}
.helpTitle {
  background-color:#cddbe7;
  color:#253a4e;
  padding:6px;
  font-weight:bold;
  margin:20px 0 6px -30px;
  box-shadow:rgba(60,64,67,0.3) 0 1px 2px 0,rgba(60,64,67,0.15) 0 2px 6px 2px;
}
.helpSubTitle {
  text-decoration:underline;
  font-weight:bold;
}
.helpTitleContent {
  margin-left:0;
}
.helpSubTitleContent {
  margin-left:10px;
}
.purposeTitle {
  margin-top:10px;
}
.helpExplanation {
  font-weight:normal;
  font-style:italic;
  color:#253a4e;
}
#helpContent p {
  margin-bottom:0;
}
#helpContent ul {
  margin-top:0;
  padding-left:15px;
  font-weight:normal;
}
.helpTable td {
  vertical-align:top;
}
.helpDetailWrapper {
  font-style:italic;
  padding-bottom:5px;
  color:#253a4e;
}
.helpDetailTitle {
  float:left;
  font-style:normal;
  color:black;
}

.searchRow{
    height: 26px;
}

.singleTopPadding{
    padding-top: 5px !important;
}

.xsmButton {
  font-size:12px;
  padding:0 10px 2px 10px;
  margin:0 0;
  background-color:#2e4a62;
  border-radius:5px;
  border-width:1px;
  border-color:black;
  border-style:solid;
  z-index:10;
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  text-align:center;
  text-decoration:none;
  display:inline-block;
  cursor:pointer;
  color:white;
}

.xsmButton:hover {
  background-color:#456f93;
}

.xbarButton {
  background-color:#2e4a62;
  border-radius:5px;
  border-width:1px;
  border-color:black;
  border-style:solid;
  z-index:10;
  top:0;
  overflow:hidden;
  max-height:30px;
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  text-align:center;
  text-decoration:none;
  display:inline-block;
  margin:4px 2px;
  cursor:pointer;
  padding:6px;
  font-size:15px;
  color:white;
}

/* Set transition for padding changes */
td.collapsable {
    transition: padding 0.3s ease;
}

/* Smooth height animation for the row */
tr.animate-slide-up {
    transition: transform 0.3s ease, opacity 0.3s ease;
}


/* New Menus */

#hamburger {
  width:30px;
  height:30px;
  top:0;
  position:fixed;
  margin:8px;
  z-index:102;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
  -webkit-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  -o-transition:.5s ease-in-out;
  transition:.5s ease-in-out;
  cursor:pointer;
}
#hamburger span {
  display:block;
  position:absolute;
  height:4px;
  width:100%;
  background:#294257;
  border-radius:4px;
  opacity:1;
  left:0;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
  -webkit-transition:.25s ease-in-out;
  -moz-transition:.25s ease-in-out;
  -o-transition:.25s ease-in-out;
  transition:.25s ease-in-out;
}
#hamburger span:nth-child(1) {
  top:0;
}
#hamburger span:nth-child(2) {
  top:10px;
}
#hamburger span:nth-child(3) {
  top:20px;
}
#hamburger.show span:nth-child(1) {
  top:10px;
  -webkit-transform:rotate(135deg);
  -moz-transform:rotate(135deg);
  -o-transform:rotate(135deg);
  transform:rotate(135deg);
}
#hamburger.show span:nth-child(2) {
  opacity:0;
  left:-60px;
}
#hamburger.show span:nth-child(3) {
  top:10px;
  -webkit-transform:rotate(-135deg);
  -moz-transform:rotate(-135deg);
  -o-transform:rotate(-135deg);
  transform:rotate(-135deg);
}
#mainMenu {
  position:fixed;
  z-index:100;
  background-color:#456f93;
  color:white;
  width:140px;
  height:100vh;
  left:-160px;
  top:0;
  display:block;
  cursor:pointer;
  font-size:16px;
  box-shadow:rgba(0,0,0,0.3) 0 19px 38px,rgba(0,0,0,0.22) 0 15px 12px;
  transition:left 300ms ease-out 350ms;
}
#mainMenu.showMenu {
  left:0;
}
.menuScroller {
  overflow-y:auto;
  width:140px;
  height:100%;
  left:0;
  top:0;
}
.mainMenuList {
  margin:0;
  padding:0;
  padding-top:60px;
  padding-bottom:60px;
  width:100%;
}
.mainMenuList li {
  padding:0 0;
  list-style-type:none;
  background-size:200% 100%;
  background-image:linear-gradient(to right,#456f93 50%,#6993b8 50%);
  transition:background-position 200ms;
}
.mainMenuList > li:hover {
  background-position:-100% 0;
}
.mainMenuList li a,.mainMenuList li.sub {
  text-decoration:none;
  color:white;
  position:relative;
  display:inline-block;
  padding:14px 17px;
  width:100%;
}
.subMenu {
  position:fixed;
  background-color:#6993b8;
  width:0;
  height:100vh;
  left:0;
  top:0;
  transform:translate3d(140px,0,0);
  display:block;
  transition:width 300ms ease-out 100ms;
  overflow:hidden;
}
.showMenu .sub:hover .subMenu {
  width:210px;
  box-shadow:rgba(0,0,0,0.3) 0 19px 38px,rgba(0,0,0,0.22) 0 15px 12px;
}
.subMenuScroller {
  width:210px;
  height:100%;
  overflow-y:auto;
  left:0;
  top:0;
  position:absolute;
}
.subMenuList {
  margin:0;
  padding:0;
  padding-top:60px;
  padding-bottom:60px;
  width:100%;
  background-color:#6993b8;
}
.subMenuList li {
  background-size:200% 100%;
  background-image:linear-gradient(to right,#6993b8 50%,#9bb7d0 50%);
  transition:background-position 200ms;
}
.mainMenuList li:hover .subMenu {
  display:block;
}
.subMenuList > li:hover {
  background-position:-100% 0;
}
.sub::after {
  margin-top:4px;
  content:"";
  border:solid white;
  border-width:0 2px 2px 0;
  display:inline-block;
  right:2px;
  float:right;
  padding:3px;
  transform:rotate(-45deg);
}
.noScrollbars::-webkit-scrollbar {
  display:none;
}
.noScrollbars {
  -ms-overflow-style:none;
  /* IE and Edge */
    scrollbar-width:none;
  /* Firefox */
}
/* Style the tab */
.tab {
  overflow:hidden;
}
/* Style the buttons inside the tab */
.tab button {
  background-color:inherit;
  float:left;
  border:none;
  outline:none;
  cursor:pointer;
  padding:10px 16px;
  transition:0.3s;
  font-size:17px;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color:#9bb7d0;
}
/* Create an active/current tablink class */
.tab button.active {
  background-color:#2e4a62;
  color:White;
}
.tab button.disabled {
  background-color:lightgrey;
  color:grey;
}
/* Style the tab content */
.tabcontent {
  display:none;
  padding:6px 12px;
  border:1px solid #ccc;
  margin:0;
}
.listPadding {
  padding-top:10px;
}
/* Possible URl Editor  */

.inmateList {
  height:160px;
  overflow:scroll;
  clear:both;
}
.inmateDetails {
  margin-top:10px;
  margin-bottom:2px;
  padding:2px;
  color:#000 !important;
  background-color:#9bb7d0 !important;
}
#iframeView {
  left:0;
  margin-top:60px;
}
.toolTip {
  position:relative;
  display:inline-block;
}
.toolTip .toolTipText {
  visibility:hidden;
  background-color:#2e4a62;
  color:#fff;
  text-align:center;
  border-radius:6px;
  padding:5px 10px;
  position:absolute;
  z-index:1;
  bottom:150%;
  left:0%;
  margin-left:-0px;
  opacity:0;
  transition:opacity 0.3s;
}
.toolTip .toolTipText::after {
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  margin-left:-5px;
  border-width:5px;
  border-style:solid;
  border-color:#2e4a62 transparent transparent transparent;
}
.toolTip:hover .showTip {
  visibility:visible;
  opacity:1;
}

/* Tooltip CSS for dynamically added tool tips to element */
.addedToolTip {
  position:relative;
  display:inline-block;
}
.addedToolTip .addedToolTipText {
  background-color:#2e4a62;
  color:#fff;
  text-align:center;
  border-radius:6px;
  padding:5px 10px;
  position:absolute;
  z-index:1;
  bottom:150%;
  left:0%;
  margin-left:-0px;
  transition:opacity 0.3s;
}
.addedToolTip .addedToolTipText::after {
  content:"";
  position:absolute;
  top:100%;
  left:20%;
  margin-left:-5px;
  border-width:5px;
  border-style:solid;
  border-color:#2e4a62 transparent transparent transparent;
}



/* ---------- Demographics reportTable ----------- */
 
.demographicsTable {
  margin-left:auto;
  margin-right:auto;
}
.demographicsTitle {
  background-color:#9bb7d0;
  padding:15px;
  margin-top:20px;
  text-align:left;
  font-weight:bold;
}
.demographicsDetails {
  padding:4px;
  text-align:left;
  vertical-align:top;
}
/* Tabs for Inamte details page */

/* Style the tab */
.tab {
  overflow:hidden;
  border:1px solid #ccc;
  background-color:#cddbe7;
}
/* Style the buttons inside the tab */
.tab button {
  background-color:inherit;
  float:left;
  border:none;
  outline:none;
  cursor:pointer;
  padding:8px 16px;
  transition:0.3s;
  font-size:17px;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color:#9bb7d0;
}
/* Create an active/current tablink class */
.tab button.active {
  background-color:#2e4a62;
}
/* Style the tab content */
.tabcontent {
  display:none;
  padding:6px 12px;
  border:0 solid #ccc;
  border-top:none;
}
.videoContainer {
  height:100%;
  width:100%;
}
.trainingVideo {
  width:100%;
  height:auto;
  max-width:100%;
  max-height:100%;
}
/* ===================== Inmate Detail  ============================================= */

#inmateEditorFrameV2 {
  font-size:13px !Important;
}
.flex-container {
  display:flex;
  flex-direction:row;
  justify-content:left;
  padding-bottom:15px;
}
@media (max-width:850px) {
  .flex-container {
  flex-direction:column;
  }
}

.inmateDetailRightBlock {
  max-width:400px;
}

.minBlockWidth{
    min-width: 30px;
}
#inmateDetailsTable td {
  vertical-align:top;
}
.newGroupingRow {
  padding-top:30px;
}
#inmateDetailsTable td {
  padding-bottom:8px;
}
.infoBlock label {
  font-size:14px;
}
#inmateDetailsTable input,select {
  }#preferredNameLabel {
  padding-top:4px;
}
#religionLabel {
  padding-top:34px;
}
.textAreaV2 {
  border:1px solid #aaa;
  border-radius:4px;
  box-sizing:border-box;
  font-size:14px;
  width:100%;
  background:#eee;
}
.verifyImageContainerV2 {
  width:400px;
  margin-left:5px;
  margin-right:20px;
  position:relative;
}
.verifyImageContainerV2 .verifyButtonV2 {
  position:absolute;
  bottom:7px;
  right:7px;
  z-index:10;
  background-color:#253a4e;
  color:white;
  font-size:20px;
  padding:3px 4px;
  border:1px solid #555;
  cursor:pointer;
  border-radius:3px;
  text-align:center;
}
.verifyImageContainerV2 .verifyButtonV2:hover {
  background-color:#456f93;
}
.labelText {
  color:#2e4a62;
}
.scrollingContainer {
  border:1px solid #ccc;
  width:100%;
  height:150px;
  overflow-y:scroll;
  margin-bottom:7px;
}
.indentCheckBox {
  padding-left:20px;
}
/* Inmate Editable Notes */
.buttonBarWrapper {
  height:30px;
  margin-bottom:10px;
  text-align:center;
  position:relative;
}
.buttonBarText {
  padding-right:10px;
  padding-top:10px;
}
.notesTable {
  border-spacing:0;
  width:100%;
}
.notesTable>tbody>tr>td {
  vertical-align:top;
}
.notesTable>tbody>tr:nth-child(even) {
  background:#cddbe7;
}
.itemRow {
  display:flex;
  flex-flow:row wrap;
  font-size:13px;
  width:100%;
}
.itemOuterWrapper {
  display:flex;
  width:100%;
  flex:1 1 auto;
  flex-flow:nowrap;
  padding:0 4px 7px 2px;
}
.itemInnerWrapper {
  display:flex;
  flex:1 1 auto;
  flex-flow:nowrap;
  width:100%;
}
.itemBox {
  display:flex;
  flex-flow:row wrap;
  width:100%;
}
.iconBox {
  width:24px;
  text-align:left;
}
.spacerBox {
  width:24px;
}
.menuBox {
  flex:1 1 auto;
}
.noteType {
  width:160px;
}
.noteView {
  flex:1 0 auto;
  width:140px;
}
.noteBlessing {
  width:90px;
}
.noteInterviewed {
  width:110px;
}
.noteCreateBy {
  width:150px;
}
.noteCreateDate {
  width:75px;
}
.noteContent {
  width:100%;
}
#noteContentText {
  width:100%;
  height:150px;
  font-size:13px;
}
.noteSuffix {
  }.actionDueDate {
  flex:1 1 auto;
  width:80px;
}
input[type="date"].actionDueDateInput {
  padding-top:2px;
  margin:0;
  font-size:13px;
}
.actionCompletionDate {
  width:85px;
}
.actionCompletedBy {
  width:150px;
}
.smallCheck {
  font-size:9px;
}
.largeIconBtn {
  font-size:30px;
  padding:0;
  background-color:transparent;
  border:0;
  margin-right:10px;
  transition:background-color 0.3s ease 0s,box-shadow 0.1s ease 0s,transform 0.1s ease 0s;
}
.largeIconBtn:hover {
  transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,-0.0125,0,0,5,0.9375);
}
.dropText7 {
  margin-top:7px;
}
.dropText2 {
  margin-top:2px;
}
.dropCheckbox {
  padding-top:6px;
  margin:0;
  font-size:13px;
}
/* Menu for Notes */
.dropMenuBtn {
  background-color:transparent;
  padding:0;
  font-size:13px;
  border:0;
}
.dropDownMenu {
  position:relative;
  display:inline-block;
}
.dropDownMenuContent {
  display:none;
  position:absolute;
  font-size:13px;
  background-color:#f0f4f8;
  right:0;
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
  z-index:1;
}
.dropDownMenuContent a {
  color:black;
  padding:4px 6px;
  text-decoration:none;
  display:block;
}
.dropDownMenuContent a:hover {
  background-color:#9bb7d0;
}
.dropDownMenu:hover .dropDownMenuContent {
  display:block;
}
/* ======== FlexBox Display of tables =========== */

.flexBoxHeader {
  background-color:#294257;
  color:white;
}
.flexSortHeaderIcon {
  font-family:'FontAwesome';
  font-size:12px;
  color:white;
}
.flexSortHeader {
  text-align:left;
  font-size:13px;
  padding:5px 0 5px 0;
}
.flexSortHeader .flexSortHeaderIcon {
  padding-left:3px;
}
.flexSortHeader .flexSortHeaderIcon:before {
  content:"\f0dc";
}
.flexSortHeader .flexSortHeaderIcon.asc:before {
  content:"\f0de";
}
.flexSortHeader .flexSortHeaderIcon.desc:before {
  content:"\f0dd";
}
#sortableFlexBoxTable {
  border-spacing:0;
  width:100%;
  font-size:13px;
}
#sortableFlexBoxTable>tbody>tr>td {
  vertical-align:top;
}
.flexBoxRow {
  display:flex;
  flex-flow:row wrap;
  font-size:13px;
  width:100%;
  margin:0;
  padding-left:4px;
}
.reportAttendanceIcon {
  width:34px;
}
.reportIconBox {
  width:16px;
  text-align:left;
  font-size:9px;
}
.reportNameID {
  width:220px;
}
.reportWideNameID {
  width:270px;
}
.reportNoteType {
  width:87px;
}
.reportNoteViewable {
  flex:1 0 auto;
  width:140px;
}
.reportNoteBlessing {
  width:90px;
}
.reportNoteInterviewed {
  width:110px;
}
.reportNoteCreateBy {
  width:150px;
}
.reportNoteCreateDate {
  width:70px;
}
.reportNoteContent {
  width:100%;
  padding:2px 20px 10px 50px;
  color:#253a4e;
  white-space:pre-wrap;
}
.compressed {
  padding:2px 20px 2px 0;
}
.editableContent {
  white-space:pre-wrap;
  font-size:13px;
}
.reportActionDueDate {
  width:95px;
}
.reportActionCompletionDate {
  width:85px;
}
.reportActionCompletedBy {
  width:150px;
}
.flexTable {
  /* To desinate the table will use flexValues for copy to ClipBoard*/
}
.flexValue {
  /* do not remove it is used to mark a item has value for reporting*/
}
.boxText {
  }.expandingFlexBox {
  flex:1 1 auto;
}
/* ========================================== */



.cssToolTip {
  position:relative;
  display:inline-block;
}
.cssToolTip .cssToolTipText {
  visibility:hidden;
  position:absolute;
  width:120px;
  background-color:#294257;
  color:#fff;
  text-align:center;
  padding:5px 0;
  border-radius:6px;
  z-index:1;
  opacity:0;
  transition:opacity 0.3s;
  font-size:13px;
}
.cssToolTip:hover .cssToolTipText {
  visibility:visible;
  opacity:1;
}
.cssToolTip-right {
  top:0;
  left:125%;
}
.cssToolTip-right::after {
  content:"";
  position:absolute;
  top:50%;
  right:100%;
  margin-top:-5px;
  border-width:5px;
  border-style:solid;
  border-color:transparent #555 transparent transparent;
}
.cssToolTip-bottom {
  top:135%;
  left:50%;
  margin-left:-60px;
}
.cssToolTip-bottom::after {
  content:"";
  position:absolute;
  bottom:100%;
  left:50%;
  margin-left:-5px;
  border-width:5px;
  border-style:solid;
  border-color:transparent transparent #555 transparent;
}

.welcomeEmailLink {
  text-decoration:none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.caseworker {
    text-decoration:none;
    cursor: pointer;
    color:#294257;
}

.caseworker:hover {
  color:#456f93;
}
.caseworker:active {
  color:#294257;
}
.caseworker:visited {
  color:#294257;
}


/* ===================== BOP Extracted page  ============================================= */

.listingTable>tbody>tr:nth-child(even) {
  background:#cddbe7;
}
.listingTable {
  border-collapse:collapse;
  border:none;
}
.listingTable th {
  border-bottom:solid 2px black;
  font-weight:normal;
  padding-right:6px;
  text-align:left;
}
.listingTable th td {
  vertical-align:top;
}
.listingTable td {
  vertical-align:top;
  padding:3px 10px 3px 3px;
}
.detailTable {
  border-collapse:collapse;
  border:none;
}
display {
  padding:0;
  margin-bottom:50px;
}
summary {
  padding:0rem;
  display:block;
  padding-left:0.8rem;
  position:relative;
  cursor:pointer;
  color:blue;
}
summary:before {
  content:'';
  border-width:.4rem;
  border-style:solid;
  border-color:transparent transparent transparent #000;
  position:absolute;
  top:0rem;
  left:0rem;
  transform:rotate(0);
  transform-origin:.2rem 50%;
  transition:0.80s transform ease;
}
details[open] > summary:before {
  transform:rotate(90deg);
}
details summary::-webkit-details-marker {
  display:none;
}
.nowrap {
  white-space:nowrap;
}
.pointer {
  cursor:pointer;
}
.singleLine {
  display:inline-block;
}
.dialogContent {
  margin:0;
  padding:0;
}
.dialogContent h2 {
  color:#253a4e;
  font-size:13px;
  padding:0;
  padding-top:5px;
}
.detailDiv {
  margin-bottom:10px;
}
#requestBOP {
  background-color:#2e4a62;
  border-radius:5px;
  border-width:1px;
  border-color:black;
  border-style:solid;
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  text-align:center;
  text-decoration:none;
  display:inline-block;
  font-size:12px;
  margin:4px 2px;
  cursor:pointer;
  padding:6px;
  font-size:15px;
  color:white;
  position:relative;
  top:20px;
  left:130px;
}
#requestBOP:hover {
  background-color:#456f93;
}
#filterSearch {
  background-image:url("https://gsludistrict.org/images/searchicon.png");
  background-position:4px 6px;
  background-repeat:no-repeat;
  width:200px;
  font-size:14px;
  padding:6px 8px 6px 30px;
  border:1px solid #ddd;
  margin-bottom:12px;
}

#bopPDFDialogContent {
    width: 550px;
    height: 400px;
}

/* ===================== MEDIA ADJUSTMENTS  ============================================= */



@media (max-width:900px) {
  h4 {
  font-size:14px;
}
.messageContainer {
  font-size:13px;
}
.notes {
  font-size:13px;
}
}@media (max-width:800px) {
  .settingsFrame {
  right:5px;
}
.resourceSectionTitle {
  padding-left:20px;
}
.resourceSectionContent {
  padding-left:25px;
}
.resourceTable td {
  padding-right:15px;
}
}@media (max-width:700px) {
  nav,article,homeColumn {
  width:100%;
  height:auto;
}
homeColumn {
  max-width:700px;
}
h4 {
  font-size:17px;
}
.messageContainer {
  font-size:16px;
}
.messagePurpose {
  position:relative;
  top:0;
  left:0;
  width:100%;
  text-align:left;
  font-style:italic;
}
.messageScripture {
  position:relative;
  bottom:20px;
  right:0;
  text-align:center;
  width:100%;
  font-style:italic;
}
.notes {
  font-size:16px;
}
.formWrapper {
  padding:10px;
}
.resourceTable td {
  padding-right:5px;
}
}@media print {
  .title {
  font-size:22px;
  padding-top:8px;
}
h1 {
  margin-block:2px;
}
h2 {
  margin-block:2px;
}
.subTitle {
  font-size:15px;
}
.reportTable {
  font-size:11px;
}
.reportTable td {
  padding:1px;
}
.reportInfo {
  display:none;
}
#helpContent {
  display:none;
}
.inmateName {
  font-size:13px;
}
.docFrame {
  font-size:12px;
}
.buttonBarFrame {
  display:none;
}
.settingsFrame {
  display:none;
}
#hamburger {
  display:none;
}
#hamburger {
  display:none;
}
#mainMenu {
  display:none;
}
table {
  page-break-inside:auto;
}
tr {
  page-break-inside:avoid;
  page-break-after:auto;
}
thead {
  display:table-header-group;
}
tfoot {
  display:table-footer-group;
}
}/*Housing */

.checkBoxFloat {
  float:left;
  width:125px;
}
.sectionPadding {
  padding-top:10px;
  padding-bottom:10px;
}
/* Transition */

.inmateDetailsWrapper {
  max-width:900px;
  margin:0 auto;
}
.floationSection {
  }.floationSection:after {
  content:"";
  display:table;
  clear:both;
}
.floatingElement {
  float:left;
  padding-right:10px;
}
.fixedWidthCheckBoxes {
  width:18em;
}
.smallNoteText {
  font-size:11px;
  font-style:italic;
}
/* Transition Note / Action Items */
#tnTable {
  border-spacing:0;
  border-collapse:collapse;
  font-size:13px;
  width:100%;
}
#tnTable td {
  vertical-align:top;
  border:0;
  padding:4px;
}
#tnTable tr:nth-child(odd) {
  }
#tnTable tr:nth-child(even) {
  background:#cddbe7;
  margin:0;
}
.tnWrapper {
  }.tnHeader {
  font-weight:bold;
}
.noBold {
  font-weight:normal;
}
.tnHeader:before {
  content:"\2022  ";
}
.tnContent {
  padding-left:10px;
}
.privateNote:after {
  font-weight:normal;
  font-style:italic;
  content:" (Private Note)"
}
.uncompletedAction {
  color:red;
}
.black {
  color:black;
}
.uncompletedAction:before {
  content:"\2610";
  font-size:1.2em;
}
.completedAction:before {
  content:"\2713  "
}
.newNote:after {
  font-weight:normal;
  font-style:italic;
  content:" (Click to create a new note or action item)"
}
.tnOptionDim {
  opacity:0.5;
}
.nonEditable:after {
  content:"";
  margin-left:6px;
  background:url('/images/notEditable.png');
  background-size:12px 12px;
  width:12px;
  height:12px;
  background-repeat:no-repeat;
  display:inline-block;
}
.maxColumWidth {
  max-width:600px;
}
/* reviewed Transition */


.checkboxWrapper {
  display:inline-block;
}
.transitionTable {
  border-spacing:0;
  border-collapse:collapse;
  font-size:13px;
}
.transitionTable td {
  vertical-align:top;
  border:0;
  padding:4px;
}
.transitionTable tr:nth-child(odd) {
  }.transitionTable tr:nth-child(even) {
  background:#cddbe7;
  margin:0;
}
.transitionDescription {
  padding:4px 10px;
  text-align:left;
  background-color:#f0f4f8;
  display:none;
  margin-left:20px;
  margin-right:20px;
}

.sectionLabel:before {
  content:"";
  display:table;
  clear:both;
}
.sectionLabel {
  margin-top:20px;
  font-size:16px;
  font-weight:bold;
  padding:0;
}
.sectionLabelComment {
  font-size:16px;
  font-weight:normal;
  font-style:italic;
}
.transitionNotesHeader {
  font-weight:bold;
}
.transitionNotesHeader:before {
  content:"\2022 ";
}
.actionItem {
  color:red;
}
.actionItem:before {
  content:"\2610 ";
  font-size:1.5em;
}
.completedActionItem {
  font-weight:bold;
}
.completedActionItem:before {
  content:"\2713 "
}
.transitionNotes {
  padding-left:8px;
}
.privateNoteX {
  font-weight:normal;
  font-style:italic;
}
.newNote {
  font-weight:normal;
  font-style:italic;
}
.hiddenNote {
  display:none;
}
.transitionBlock {
  font-size:13px;
}
.transitionBlock:after {
  content:"";
  display:table;
  clear:both;
  border:1px solid blue;
}
.transitionBlock2 {
  float:left;
  padding-right:15px;
  font-size:13px;
  max-width:330px;
}
.transitionBlock3 {
  float:left;
  padding-right:15px;
  font-size:13px;
  max-width:450px;
  min-width:200px;
  width:100%;
}
.fixedWidthInput {
  width:140px;
}
.narrowFixedWidthInput {
  width:40px;
}
input[type=text]:disabled {
  background:#dddddd;
}
.fullWidth {
  width:100%;
}
.textInput {
  background:white;
  background-position:0% 0%;
  box-sizing:border-box;
  color:rgb(33,34,37);
  cursor:auto;
  display:block;
  flex:2 1 auto;
  height:25px;
  margin:0 2px;
  padding:0 8px 1px;
  pointer-events:auto;
  text-indent:0;
}
.transitionLabel {
  float:left;
  width:140px;
  vertical-align:baseline;
}
.transitionDetails {
  float:left;
  vertical-align:baseline;
}
.textAreaTransition {
  border:1px solid #aaa;
  border-radius:4px;
  box-sizing:border-box;
  min-width:200px;
  max-width:650px;
  width:100%;
  font-size:13px;
}
.noteTextAreaTransition {
  border:1px solid #aaa;
  border-radius:4px;
  box-sizing:border-box;
  min-width:200px;
  width:100%;
  font-size:13px;
  padding:6px;
}
.letterBody {
  padding:20px;
}
.disabled {
  color:lightgray;
}
.so {
  }.outofstate {
  }.hidden {
  display:none;
}
.objectiveFrame {
  margin-top:10px;
}
.objectives {
  font-size:12px;
  font-weight:bold;
  background:#cddbe7;
  padding:5px;
}
.sortHeaderIcon {
  font-family:'FontAwesome';
  font-size:12px;
  color:white;
}
.sortHeader .sortHeaderIcon {
  padding-left:3px;
}
.sortHeader .sortHeaderIcon:before {
  content:"\f0dc";
}
.sortHeader .sortHeaderIcon.asc:before {
  content:"\f0de";
}
.sortHeader .sortHeaderIcon.desc:before {
  content:"\f0dd";
}
a[disabled="true"] {
  pointer-events:none;
  cursor:default;
  opacity:.4;
}
summary {
  }detail {
  }.radioLabel {
  display:inline-block;
}
#haFrame {
  margin-top:6px;
  max-width:400px;
  background-color:#f0f4f8;
  border:1px solid #aaa;
}
#haHeader {
  padding:6px;
  font-size:13px;
  display:inline-block;
  width:100%;
}
#haContent {
  padding:4px 10px 10px 10px;
  height:200px;
  overflow-y:scroll;
}
.searchIcon {
  width:15px;
  height:15px;
  margin-left:0px;
  margin-top:4px;
}
.haControls {
  float:right;
  text-align:center;
  padding-right:6px;
}
.setIcon {
  width:20px;
  height:20px;
}
.directionalIcon {
  width:20px;
  height:16px;
  margin-top:4px;
}
.dimmedContols {
  opacity:0.5;
}
#searchField {
  height:26px;
  width:100%;
  padding:4px 12px;
  display:inline-block;
  border:1px solid #ccc;
  border-radius:4px;
  box-sizing:border-box;
  font-size:13px;
  max-width:156px;
  margin-right:6px;
}
/* Quarterly report */

.hiddenData {
  text-align:left;
  display:none;
}
.colasped::before {
  content:"";
  border-color:transparent black;
  border-style:solid;
  border-width:0.35em 0 0.35em 0.60em;
  display:inline-block;
  height:0;
  width:0;
  left:-.3em;
  top:0.0em;
  position:relative;
  transform:rotate(0deg);
}
.expanded::before {
  content:"";
  border-color:transparent black;
  border-style:solid;
  border-width:0.35em 0 0.35em 0.60em;
  display:inline-block;
  height:0;
  width:0;
  left:-.3em;
  top:0.0em;
  position:relative;
  transform:rotate(90deg);
}