html.busy, html.busy * {
  cursor: wait !important;
}
#footer { position: static !important; }
.bootstrap-datetimepicker-widget { z-index: 101; }
.chosen-container {
    width: 100% !important;
}
.selectize-input > input:focus {
  border: none !important; 
}
.DTE_Field_Input { width: 100%; }
.event-completed { text-decoration: line-through;}
.header-search-loading { 
  max-width: 670px;
  margin: 0px auto;
  opacity: 0.5;
}
ol.upperroman {list-style-type: upper-roman;}
ol.upperalpha {list-style-type: upper-alpha;}
ol.loweralpha { list-style-type: lower-alpha; }
ol.lowerroman { list-style-type: lower-roman; }

.system-message { background-color: #f4d0db; border-radius: 1em; padding: 1em; font-family: monospace;  }
.system-message-title { font-weight: bold; }

table.lineitems tfoot td { font-weight: bold;  }
table.lineitems td.btns { display: inline-flex; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield !important;
}
.pre {
  white-space: pre-wrap;
  font-family: monospace, monospace;
  font-size: 1em;
}
._rowclick { cursor: pointer; }
tr.unread td { font-weight: bold; }
/*html.legal .s-profile > a {
    background-image: url('/static/material-admin/img/profile-menu-2.png');
    background-attachment: cover;
    background-position: bottom;
}*/
/*.badge.balance { display: inline-block; float: right;}*/
.menusearch i.zmdi-search { margin-top: 10px;}
.main-menu .searchresult > a,  .user-inputted {
  background-color: #FCF9CE !important;
  color: #000;
}
.dataTables_filter { width: 100%; }
.billed { opacity: 0.7; }
.billed, .billed:hover { text-decoration: line-through; }
#rightpanel {
  padding: 20px 0 5px;
  width: 580px;
  max-width: 60%;
  right: -600px;
  box-shadow: 0 0 20px rgba(14, 18, 21, 0.38);
}
#rightpanel.toggled {
  right: 0;
}
#rightpanel {
  white-space: pre-wrap; 
}
.loading {
  position: fixed;
  z-index: 999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{
    padding: 2px;
}
.dataTables_length select { font-size: 10px; }
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #e6e6e6;
}
.fc-list-item-title a { color: white; }
.fc-list-item-title:hover a { color: black; }
.markedfordeletion, .markedfordeletion * { text-decoration: line-through; }
.strikeout {
	text-decoration: line-through;
}
.dirty { color: blue; }
code, pre { white-space: pre-wrap; }
.subform .number { text-align: right; }

@media print {
    table td, table th { border-collapse: collapse; border: 1px solid black !important; }
}
.input-xs, .subform input, .subform select, .subform textarea {
    height: 22px;
    padding: 2px 2px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    min-width: 20px;
}
.input-xs.datetimeISO, .subform input.datetimeISO { min-width: 135px; }
.input-xs.dateISO, .subform input.dateISO { min-width: 75px; }
.dataTable .btn-group { white-space: nowrap; }
.bulkform { display: inline-block; }
.bulk { padding: 2px 0px; }
tr.selected, tr.selected td, tr.selected td a:not(.btn) { background-color: #FEE188 !important; color: #AD6734 !important; }

/**
 * Framework starts from here ...
 * ------------------------------
 */
 .tree2,
 .tree2  ul {
  margin:0;
  padding:0;
  list-style:none;
}

 .tree2  ul {
  margin-left:1em; /* indentation */
  position:relative;
}

 .tree2  ul ul {margin-left:.5em} /* (indentation/2) */

 .tree2  ul:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:1px solid;
}

.tree2  li {
  margin:0;
  padding:0 1.5em; /* indentation + .5em */
  line-height:2em; /* default list item's `line-height` */
  color:#369;
  font-weight:bold;
  position:relative;
}

 .tree2  ul li:before {
  content:"";
  display:block;
  width:10px; /* same with indentation */
  height:0;
  border-top:1px solid;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
}

 .tree2  ul li:last-child:before {
  background:white; /* same with body background */
  height:auto;
  top:1em; /* (line-height/2) */
  bottom:0;
}

/* Move the sorting arrows out of the way of the text */
/* Edward 2017-02-12 "Hopefield" */
table.dataTable thead [class*="sorting"] {
    background-position: right top;
}
.dataTables_processing {
    margin-top: 125px !important;
    padding-top: 10px !important;
}
.topnotification {
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 2.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}
@-webkit-keyframes slideDown {
    0%, 100% { -webkit-transform: translateY(-50px); }
    10%, 90% { -webkit-transform: translateY(0px); }
}
@-moz-keyframes slideDown {
    0%, 100% { -moz-transform: translateY(-50px); }
    10%, 90% { -moz-transform: translateY(0px); }
}
.cssanimations.csstransforms .topnotification {
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -moz-transform:    translateY(-50px);
    -moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
}

.s-profile .sp-logo {
    position: relative;
    float: right;
    margin-top: 6px;
    margin-right: 6px;
    margin-left: 6px;
    padding: 6px;    
    max-width: 150px;

}
.s-profile .sp-logo img {
  width: 100%;
  margin-top: 6px;
  padding: 6px;
  border-radius: 7px;
  max-height: 80px;
}

.green a { color: yellow; }
.swal2-content label { font-weight: 900; margin-top: 2em; background-color: #eee; width: 100%; text-align: left; padding: 1px; font-size: 1.2em;  }

.spinner {
  content: '<div class="preloader pl-sm"> <svg class="pl-circular" viewBox="25 25 50 50"> <circle class="plc-path" cx="50" cy="50" r="20"></circle> </svg> </div>';
}
.btn {
  border-radius: 5px;
}