table.dataTable thead .sorting {
  font-weight: bold;
}

table.dataTable thead .sorting_desc {
  font-weight: bolder;
}
table.dataTable thead .sorting_asc {
  font-weight: bolder;
}

#the_table_div {
  /*  margin-left: auto; */
    margin-left:25px;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
}


.links {
    cursor:pointer;
    margin-right:20px;
    color:blue;
}


.links:hover {
    color:blue;
    text-decoration:underline;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 3px, inset rgba(0,0,0,0.2) 0 -1px 2px;
    border-radius: 20px;

}
.preset {
    text-decoration: underline;
    cursor:pointer;
}

.recalc {

    background-color :#FFFEFE;

}

th, td {
    white-space: nowrap;
}

.dt-buttons, .dataTables_filter, .buttons-html5 {
    float: left;
    padding-right: 10px;
}
.color-red {
    color: #c41f32;
}
.color-red2 {
    color: #c61e33;
}
.color-white {
    color: #ffffff;
}

.color-blue {
    color: #005daa;
}
.color-cyan {
    color: #00aab4;
}
.bgcolor-red {
    background-color: #c41f32;
}
.bgcolor-red2 {
    background-color: #c61e33;
}
.bgcolor-white {
    background-color: #ffffff;
}

.bgcolor-blue {
    background-color: #005daa;
}
.bgcolor-cyan {
    background-color: #00aab4;
}
.navbar {
    background-color: #00aab4;
}

.quartie {
    width: 25%;
    float:left;
    padding: 0 10px 0 10px;
}
.thirdie {
    width: 33%;
    float:left;
    padding: 0 10px 0 10px;
}

.halfie {
    width: 50%;
    float:left;
    padding: 0 10px 0 10px;
}

.wholie {
    width: 100%;
    clear:both;
    padding: 0 10px 0 10px;
}

.grayish li {
     color: white;
     background-color: #999999;
     margin: 0 2px 0 2px;
     padding: 5px 2px 5px 5px;
     text-align: center;
}

.grayish li a {
    color: white;
}

.grayish li:hover  {
    background-color: #1b1e21;
}

.grayish li.active  {
    background-color: #1b1e21;
}

.minor-message-inner {
    color: white;
    background-color: red;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.crosslogin {
    width: 100%;
    height: 32px;
    background-color: white;
    color: black;
    text-align:center;
}

@keyframes rowPickStrobe {
  0% {
    background-color: #28a745 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 15px rgba(40, 167, 69, 0.8);
  }
  15% {
    background-color: #ffc107 !important;
    color: #212529 !important;
    box-shadow: inset 0 0 20px rgba(255, 193, 7, 0.9);
  }
  30% {
    background-color: #20c997 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 15px rgba(32, 201, 151, 0.8);
  }
  45% {
    background-color: #17a2b8 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 20px rgba(23, 162, 184, 0.9);
  }
  60% {
    background-color: #28a745 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 15px rgba(40, 167, 69, 0.8);
  }
  75% {
    background-color: #ffc107 !important;
    color: #212529 !important;
    box-shadow: inset 0 0 20px rgba(255, 193, 7, 0.9);
    opacity: 0.9;
  }
  90% {
    background-color: #28a745 !important;
    color: #ffffff !important;
    opacity: 0.4;
  }
  100% {
    background-color: #28a745 !important;
    color: #ffffff !important;
    opacity: 0;
    transform: scaleY(0);
  }
}

tr.row-strobe-remove {
  animation: rowPickStrobe 2s ease-in-out forwards !important;
  pointer-events: none;
}

tr.row-strobe-remove > td,
tr.row-strobe-remove > th,
tr.row-strobe-remove a,
tr.row-strobe-remove span,
tr.row-strobe-remove b,
tr.row-strobe-remove div {
  animation: rowPickStrobe 2s ease-in-out forwards !important;
  color: inherit !important;
}