.btnArea {}
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}

table .thead-dark {}
table .thead-dark th { color: #fff !important; text-align: center; }
table .thead-dark th { color: #fff !important; text-align: center; }

.DTE .DTE_Header {z-index: 1;}
.DTE .DTE_Header button {font-size: 0;}
.DTE .DTE_Form_Content .form-group {margin-bottom: 0px !important;}

.date .form-control {width:110px !important;}
.select .control { width:140px !important;}


@keyframes spinner {
    to {transform: rotate(360deg);}
  }
   
  .spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 20px solid #ccc;
    border-top-color: #333;
    animation: spinner .6s linear infinite;
  }