/** [AIV]  Build version: 4.8.7 - Wednesday, December 31st, 2025, 6:21:06 AM  **/ 
 @import url('main-blessed3.css');@import url('main-blessed2.css');@import url('main-blessed1.css');

html:hover body::-webkit-scrollbar-thumb {
  background-color: #00d27a; }

.spark-grid {
  align-items: center; }

/*Rich Editor*/
.example {
  max-width: 42em;
  margin: 0 auto;
  padding: 20px;
  background: #fff; }

.editor > * > * + * {
  margin-top: 1em; }

.menu > * {
  display: inline-block; }

.menu > * + * {
  margin-left: 15px; }

.button {
  color: #ccc;
  cursor: pointer; }

.button[data-active="true"] {
  color: black; }

.toolbar-menu {
  padding: 1px 0 17px 18px;
  margin: 0 -20px;
  border-bottom: 2px solid #eee;
  margin-bottom: 20px; }

.hover-menu {
  padding: 8px 7px 6px;
  position: absolute;
  z-index: 1;
  top: -10000px;
  left: -10000px;
  margin-top: -6px;
  opacity: 0;
  background-color: #222;
  border-radius: 4px;
  transition: opacity .75s; }

.hover-menu .button {
  color: #aaa; }

.hover-menu .button[data-active="true"] {
  color: #fff; }

.emoji.selected {
  outline: 2px solid blue; }

.check-list-item + .check-list-item {
  margin-top: 0; }

.check-list-item {
  display: flex;
  flex-direction: row;
  align-items: center; }

.check-list-item > span:first-child {
  margin-right: 0.75em; }

.check-list-item > span:last-child {
  flex: 1; }

.check-list-item > span:last-child:focus {
  outline: none; }

.noSelect {
  user-select: none; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.no-records-found {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 280px; }
  .no-records-found h6 {
    font-size: .9rem;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    width: 200px;
    margin-top: 1em;
    padding: 0.25rem 1.5rem;
    border-radius: 0.5rem;
    background-color: #404040; }

.noResultFound {
  font-size: .9rem;
  font-style: italic;
  text-align: center;
  margin-top: 1em; }

/*!
 * https://github.com/YouCanBookMe/react-datetime
 */
.rdt {
  position: relative; }

.rdtPicker {
  display: none;
  position: absolute;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #f9f9f9; }

.rdtOpen .rdtPicker {
  display: block; }

.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static; }

.rdtPicker .rdtTimeToggle {
  text-align: center; }

.rdtPicker table {
  width: 100%;
  margin: 0; }

.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px; }

.rdtPicker td {
  cursor: pointer; }

.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer; }

.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999; }

.rdtPicker td.rdtToday {
  position: relative; }

.rdtPicker td.rdtToday:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px; }

.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff; }

.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed; }

.rdtPicker td span.rdtOld {
  color: #999999; }

.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed; }

.rdtPicker th {
  border-bottom: 1px solid #f9f9f9; }

.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
  cursor: default; }

.rdtPicker th.rdtSwitch {
  width: 100px; }

.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top; }

.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none; }

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed; }

.rdtPicker thead tr:first-child th {
  cursor: pointer; }

.rdtPicker thead tr:first-child th:hover {
  background: #eeeeee; }

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9; }

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer; }

.rdtPicker button:hover {
  background-color: #eee; }

.rdtPicker thead button {
  width: 100%;
  height: 100%; }

td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer; }

td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee; }

.rdtCounters {
  display: inline-block; }

.rdtCounters > div {
  float: left; }

.rdtCounter {
  height: 100px; }

.rdtCounter {
  width: 40px; }

.rdtCounterSeparator {
  line-height: 100px; }

.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none; }

.rdtCounter .rdtBtn:hover {
  background: #eee; }

.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em; }

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px; }

.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px; }

.rdtTime td {
  cursor: default; }

.dnaTable__modded .md-table-body td div.image-cell {
  min-height: 36px;
  line-height: 36px !important; }
  .dnaTable__modded .md-table-body td div.image-cell img {
    vertical-align: middle;
    width: 32px; }
    .dnaTable__modded .md-table-body td div.image-cell img:not(.image-cell--placeholder) {
      padding: 4px; }

.margin-top-5 {
  margin-top: 5px !important; }

.margin-bottom-5 {
  margin-bottom: 5px !important; }

.margin-left-5 {
  margin-left: 5px !important; }

.margin-right-5 {
  margin-right: 5px !important; }

.margin-top-10 {
  margin-top: 10px !important; }

.margin-bottom-10 {
  margin-bottom: 10px !important; }

.margin-left-10 {
  margin-left: 10px !important; }

.margin-right-10 {
  margin-right: 10px !important; }

.margin-top-15 {
  margin-top: 15px !important; }

.margin-bottom-15 {
  margin-bottom: 15px !important; }

.margin-left-15 {
  margin-left: 15px !important; }

.margin-right-15 {
  margin-right: 15px !important; }

.margin-top-20 {
  margin-top: 20px !important; }

.margin-bottom-20 {
  margin-bottom: 20px !important; }

.margin-left-20 {
  margin-left: 20px !important; }

.margin-right-20 {
  margin-right: 20px !important; }

.margin-top-25 {
  margin-top: 25px !important; }

.margin-bottom-25 {
  margin-bottom: 25px !important; }

.margin-left-25 {
  margin-left: 25px !important; }

.margin-right-25 {
  margin-right: 25px !important; }

.margin-top-30 {
  margin-top: 30px !important; }

.margin-bottom-30 {
  margin-bottom: 30px !important; }

.margin-left-30 {
  margin-left: 30px !important; }

.margin-right-30 {
  margin-right: 30px !important; }

.margin-top-35 {
  margin-top: 35px !important; }

.margin-bottom-35 {
  margin-bottom: 35px !important; }

.margin-left-35 {
  margin-left: 35px !important; }

.margin-right-35 {
  margin-right: 35px !important; }

.margin-top-40 {
  margin-top: 40px !important; }

.margin-bottom-40 {
  margin-bottom: 40px !important; }

.margin-left-40 {
  margin-left: 40px !important; }

.margin-right-40 {
  margin-right: 40px !important; }

.margin-top-45 {
  margin-top: 45px !important; }

.margin-bottom-45 {
  margin-bottom: 45px !important; }

.margin-left-45 {
  margin-left: 45px !important; }

.margin-right-45 {
  margin-right: 45px !important; }

.margin-top-50 {
  margin-top: 50px !important; }

.margin-bottom-50 {
  margin-bottom: 50px !important; }

.margin-left-50 {
  margin-left: 50px !important; }

.margin-right-50 {
  margin-right: 50px !important; }

.margin-top-55 {
  margin-top: 55px !important; }

.margin-bottom-55 {
  margin-bottom: 55px !important; }

.margin-left-55 {
  margin-left: 55px !important; }

.margin-right-55 {
  margin-right: 55px !important; }

.margin-top-60 {
  margin-top: 60px !important; }

.margin-bottom-60 {
  margin-bottom: 60px !important; }

.margin-left-60 {
  margin-left: 60px !important; }

.margin-right-60 {
  margin-right: 60px !important; }

.margin-top-65 {
  margin-top: 65px !important; }

.margin-bottom-65 {
  margin-bottom: 65px !important; }

.margin-left-65 {
  margin-left: 65px !important; }

.margin-right-65 {
  margin-right: 65px !important; }

.margin-top-70 {
  margin-top: 70px !important; }

.margin-bottom-70 {
  margin-bottom: 70px !important; }

.margin-left-70 {
  margin-left: 70px !important; }

.margin-right-70 {
  margin-right: 70px !important; }

.margin-top-75 {
  margin-top: 75px !important; }

.margin-bottom-75 {
  margin-bottom: 75px !important; }

.margin-left-75 {
  margin-left: 75px !important; }

.margin-right-75 {
  margin-right: 75px !important; }

.margin-top-80 {
  margin-top: 80px !important; }

.margin-bottom-80 {
  margin-bottom: 80px !important; }

.margin-left-80 {
  margin-left: 80px !important; }

.margin-right-80 {
  margin-right: 80px !important; }

.margin-top-85 {
  margin-top: 85px !important; }

.margin-bottom-85 {
  margin-bottom: 85px !important; }

.margin-left-85 {
  margin-left: 85px !important; }

.margin-right-85 {
  margin-right: 85px !important; }

.margin-top-90 {
  margin-top: 90px !important; }

.margin-bottom-90 {
  margin-bottom: 90px !important; }

.margin-left-90 {
  margin-left: 90px !important; }

.margin-right-90 {
  margin-right: 90px !important; }

.margin-top-95 {
  margin-top: 95px !important; }

.margin-bottom-95 {
  margin-bottom: 95px !important; }

.margin-left-95 {
  margin-left: 95px !important; }

.margin-right-95 {
  margin-right: 95px !important; }

.margin-top-100 {
  margin-top: 100px !important; }

.margin-bottom-100 {
  margin-bottom: 100px !important; }

.margin-left-100 {
  margin-left: 100px !important; }

.margin-right-100 {
  margin-right: 100px !important; }

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.transparent-bg {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 280px; }
  .transparent-bg h6 {
    font-size: .9rem;
    font-weight: 400;
    color: #1e1e1e;
    text-align: center;
    width: 200px;
    margin-top: 1em;
    padding: 0.25rem 1.5rem;
    border-radius: 0.5rem;
    background-color: #ffffff; }

nav.mainDrawer {
  z-index: 21; }
  nav.mainDrawer > .mainDrawer--toggle {
    top: 48%; }

#main-content-demo {
  z-index: 20; }
  #main-content-demo .dnaTable2 {
    z-index: 20; }