.dataTables_scroll{
    overflow:auto;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable tbody tr td:nth-child(odd){
    /*background: #e6e7e8;*/
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-foot-left,
table.dataTable tfoot td.dt-foot-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-foot-center,
table.dataTable tfoot td.dt-foot-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-foot-right,
table.dataTable tfoot td.dt-foot-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-foot-justify,
table.dataTable tfoot td.dt-foot-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-foot-nowrap,
table.dataTable tfoot td.dt-foot-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

.div50pt{
    width: 50%;
    margin: 0 auto;
}
.div100pt{
    width: 100%;
    margin: 0 auto;
}
.div15px{
    width: 15px;
    margin: 0 auto;
}
.div50px{
    width: 50px;
    margin: 0 auto;
}
.div60px{
    width: 60px;
    margin: 0 auto;
}
a.ia{
    text-decoration: underline;
    cursor:pointer;
    color: blue;
}

#loadingWrapper{
    top:35%; 
    left:40%; 
    position:absolute;
    background-color: #fff;
    padding:30px;
    border-radius: 12px;
}
#loadingWrapper h1::before{
  content: "\f021"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  /*position: absolute;*/
  /*font-size: 100px;*/
  margin-right: 10px;
  color: #4D77BB;
  /*top: 25%;
  left: 50%;*/
  /*margin: -300px 0 0 -200px;*/
  z-index: 1;
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}