/* Style that can be included in each specific table */
::placeholder, .placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-style: italic;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-style: italic;
}

::-ms-input-placeholder { /* Microsoft Edge */
  font-style: italic;
}

table.table thead th, table.table thead td {
  vertical-align:top;
}

td.move-null-value {
  color:lightgray;
  font-weight: normal;
}

table.table .tbody-selection-color {
  background:#e3f2fd;
}

table.table .td-move-title {
  font-style: italic;
  font-weight:bold;
  color:darkgray;
  white-space: nowrap;
}

.minimized-items .minimize-title {
  text-align:left;
  width:6em;
  margin-right:5px;
  color:gray;
}

table.table thead {
  font-weight:900;
}

table.table th {
  border-bottom: O;
}


.sticky-before {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  background:#f5f5f5;
  padding-top:0.5em;
  padding-bottom: 0.5em;
  border-top:0;
  border-bottom: 1px solid lightgray;
}

.filter-box {
  background: white;
}

.sticky-after {
  position: -webkit-sticky;
  position: sticky;
  bottom: 2em;
  background:#f5f5f5;
  border-bottom: 1px solid lightgray;
}

/* Chrome, Safari, Edge, Opera */
input.remove-stepper::-webkit-outer-spin-button,
input.remove-stepper::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.remove-stepper[type=number] {
  -moz-appearance: textfield;
}

.group-0 {
  display:none;
}

.group-col {
  font-weight:bold;
  font-size:1.2em;
  text-align:left;
  font-style:italic;
  border-top:0;
  border-bottom: 2px solid lightgreen;
}

.star-mand {
  margin-left:3px;
  color:red;
}

table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fafafa;
}

/*Money style */
.money-pos {
  font-weight:bold;
  color:green;
}

.money-neg {
  font-weight:bold;
  color:red;
}

.group-col {
  font-weight:bold;
  font-size:1.2em;
  text-align:left;
  font-style:italic;
}

/* Actions on table row */
/* actions  */
.td-1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
}

.icon-action {
  margin-right:5px;
  padding : 2px 2px 2px 2px;
  border-radius:14px;
  transition: background 0.2s;
}

.icon-action:hover {
  background: lightgray;
  cursor:pointer;
}

.table .td-action:hover,table .td-noedit-action:hover {
  background: lightgray;
  color:white;
  transition: 0.2s
}

.table .td-action,table .td-noedit-action {
  cursor:pointer;
  font-style:italic;
  font-weight:bold
}

.disabled {
  opacity: 0.5;
}

.table tbody+tbody {
  border-top:0;
}

tbody[data-action]:not(.selection-color) {
  cursor: pointer; /*url('img/1485477179-pen_78607.ico'), pointer;*/
}

tbody i[data-name] {
  cursor: pointer;
}

.selection-color {
  background:#b3e5fc;
}

.total-selection {
  margin-left:10px;
  align-items: center;
  font-weight: bold;
}

.rotate-down {
  animation-name: rotate-down;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

.rotate-up{
  animation-name: rotate-up;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

@keyframes rotate-up {
  from {transform:rotate(180deg);}
  to  {transform:rotate(0deg);}
}

@keyframes rotate-down {
  from {transform:rotate(0deg);}
  to  {transform:rotate(180deg);}
}

#cashSwitch label input[type=checkbox]:checked+.lever {
  background-color: navajowhite;
}

#cashSwitch label input[type=checkbox]:checked+.lever:after {
  background-color: orange ;
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.label-radio {
  font-weight:bold;
  margin-bottom: -.5em;
}

.drag:hover  {
  cursor: -webkit-grab; 
  cursor: grab;
}

@keyframes highlight {
  0%   { background-color: #fff3e0; }
  100% { background-color: transparent; }
}

.set-highlight {
  animation: highlight 2s ease-out;
}