.cat-cell-modified {
    font-style: italic;
    font-weight: bold;
    background-color: #ffffc5;
}

.cat-cell-original {
    font-style: normal;
    font-weight: normal;
    color: #747474;
}

#menu-account > .form-group{
  background-color: rgba(0,0,0,0.3);
  margin-bottom: 0;
  padding: 0.5em 0.25em;
  border-bottom: 1px solid rgba(255,255,255, 0.1);
  color:rgba(255, 255, 255, 0.774)
}

#menu-account > .form-group > h5{
  color: #ddd;
  display: inline-block;
  margin-left: 0.5em;
}

#menu-account > .form-group > div > div{
  margin-bottom: 0.5em;
}

#menu-users.active{
  flex-direction: column;
  height: 100%;
  display: flex;
}

#StudentTableContainer{
  flex: 1 0 100px;
}

.jtable-main-container{
  background: none!important;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.jtable-title{
  background: rgba(53, 53, 53, 0.65) !important;
}

.jtable-toolbar > .jtable-toolbar-item{
  background-color: rgba(53, 53, 53, 0.8) !important;
  border-radius: 4px 4px 0 0;
}

.jtable{
  border: none !important;
  margin-bottom: 0;
  position: relative;
  display: block;
  flex: 1;
}

.jtable-column-selection-container{
  display: none !important;
}

.jtable > thead{
  background-color: rgba(33, 33, 33, 0.8) !important;
  display: block;
}

.jtable > thead > tr{
  display: flex;
}

.jtable > thead > tr > th{
  margin: 0;
  flex: 1;
  border: 1px solid rgba(0,0,0,0);
}

.jtable > tbody{
  overflow: hidden auto;
  /* display: block; */
  width: 100%;
  position: absolute;
  bottom: 0;
  top: 43px;
}

.jtable-data-row{
  background-color: rgba(0, 0, 0, 0.6) !important;
  color: #FFF;
  display: flex;
}

.jtable-data-row.jtable-row-even{
  background-color: rgba(33, 33, 33, 0.6) !important;
}

.jtable-data-row.jtable-row-selected{
  background-color: rgba(66, 66, 66, 0.9) !important;
}
.jtable-data-row > td{
  display: inline-block;
  min-height: 2em;
  vertical-align: bottom;
  flex: 1;
}

.jtable-data-row > .jtable-command-column,
.jtable > thead > tr > .jtable-command-column-header{
  flex: initial;
}

.jtable-command-column{
  background-color: rgba(255,255,255,0.6);
}

.jtable-bottom-panel{
  background-color: rgba(33, 33, 33, 0.8) !important;
  border-color: rgb(112, 112, 112) !important;
}

.jtable-page-list > span{
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.jtable-input-field-container{
  display: flex;
  border-bottom: 1px solid rgb(53,53,53)!important;
}

.jtable-input-label{
  flex: 1;
  margin-right: 1em;
  color: #FFF !important;
}

.jtable-username-cell,
.jtable-status-cell,
.jtable-last-log-in-cell,
.jtable-email-cell,
.jtable-first-name-cell,
.jtable-last-name-cell{
  width: 10%;
}

.jtable-permissions-cell{
  width: 13%;
}

.jtable-user-level-cell{
  width: 12%;
}

.jtable-city-cell{
  width: 15%;
}

.ui-dialog{
  z-index: 1400;
  background-color: rgba(33, 33, 33, 0.9);
  border-radius: 1em;
  padding: 1em;
  width: fit-content!important;
  color: #FFF;
}

.ui-dialog + .ui-dialog{
  z-index: 1399;
}

.ui-dialog-titlebar-close{
  position: absolute;
  top: 10px;
  right: 0;
  width: 60px;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: none !important;
  min-height: 47px;
}

.ui-dialog-titlebar-close::before, .ui-dialog-titlebar-close::after {
  /* close icon created in CSS */
  content: '';
  position: absolute;
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #656565;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.ui-dialog-titlebar-close::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.ui-dialog-titlebar-close::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.ui-dialog-titlebar-close:hover {
  background-color: /* #333333 */ none !important;
}

.ui-dialog-titlebar-close:hover::before, .ui-dialog-titlebar-close:hover::after {
  background-color: #ffffff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.ui-dialog-titlebar-close:hover::before {
  -webkit-transform: rotate(220deg);
      -ms-transform: rotate(220deg);
          transform: rotate(220deg);
}

.ui-dialog-titlebar-close:hover::after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.ui-dialog-buttonset{
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  margin-top: 0.5em;
}

.ui-dialog-buttonset > button{
  color: #fff;
  background-color: #5f5f5f !important;
  border: 0px solid #5f5f5f !important;
  padding: 0.5em 0.75em;
  font-size: 0.85em;
  text-transform: uppercase;
  margin: 0 0 0 1em;
}

/* Analytics */

#menu-analytics{
  height: 100%;
}

#menu-analytics > .row{
  height:100%;
}

.analytics_frame{
  border: none;
  opacity: 0.8;
  margin: 0;
}

.analytics_cast_list{
  overflow: auto;
  height: 100%;
}

.analytics_cast_row{
  padding: 0.25em 0.75em;
  background-color: rgba(0,0,0,0.8);
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

.analytics_cast_row.selected{
  background-color: rgba(29,29,29,0.8);
  color: #d4d4d4;
}

/* Billing/subscription list */
#menu-billing{
  height: 100%;
}

#menu-billing > div > .form-group{
  background-color: rgba(0,0,0,0.3);
  margin-bottom: 0;
  padding: 0.5em 0.25em;
  border-bottom: 1px solid rgba(255,255,255, 0.1);

}

#menu-billing > div{
  height: 100%;
}

.billing-header{
  background-color: rgba(37,37,37,0.85);
  color: #FFF;
  padding: 0.25em 0;
}

.billing-header > div,
.billing-body > .row > div,
.billing-body > .row > button{
  padding: 0 0.5em !important;
}

.billing-body > .row > button,
.billing-body > .row > a{
  margin-right: 0.5em;
}

.billing-body{
  height: calc(100% - 2em);
  overflow-y: auto;
  padding-bottom: 2em
}

.billing-body > .row.odd{
  background-color: rgba(37,37,37,0.6);
  color: rgba(255,255,255,0.5);
  padding: 0.25em 0;
}

.billing-body > .row.even{
  background-color: rgba(37, 37, 37, 0.3);
  color: rgba(255,255,255,0.5);
  padding: 0.25em 0;
}

.billing-container > h5,
.payment-container > h5{
  color: #DDD;
  display: inline-block;
  margin-left: 0.5em;
}