/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 21, 2018, 4:51:46 AM
    Author     : sheldon
*/

.tableFixHead table {
            width: 100%;
        }

        .tableFixHead thead, .tableFixHead tbody, .tableFixHead tr, .tableFixHead td, .tableFixHead th { display: block; }

        .tableFixHead tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }

        .tableFixHead thead th {
            height: 50px;

            text-align: left;
        }

        .tableFixHead tbody {
            height: 500px;
            overflow: auto;
        }

        .tableFixHead thead {
            /* fallback */
        }


        .tableFixHead tbody td, .tableFixHead thead th {
            width: 26%;
            float: left;
        }
        
        
        
        .tableFixHead2 table { min-width: 600px; }

/*The next 3 sections make the magic happen*/
.tableFixHead2 thead, .tableFixHead2 tbody .tableFixHead2 tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tableFixHead2 tbody {
    display: block;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.tableFixHead2 td {
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Use the following to make sure cols align correctly*/
.tableFixHead2 table, .tableFixHead2 tr, .tableFixHead2 th, .tableFixHead2 td {
    
    border-collapse: collapse;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    z-index: 100;
    opacity: 0.3;
    background: #fff;
    display: none; 
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.glass {
  

  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    opacity: 0.5;
    background: #ffff;
    display: none; 
}
.status_a,
.status_A
{
    color: black !important;
}
.status_d,
.status_D
{
    color: orange !important;
}

.status_x,
.status_X
{
    color: orangered !important;
}