#body{
    background-color: #f8f9fa;
  }

  /* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
   .modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('http://i.stack.imgur.com/FhHRx.gif')
                50% 50%
                no-repeat;
}

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

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

  /* MODAL CSS */
  .modal-backdrop
  {
      opacity:1 !important;
      background-color: #CDAB52 !important;
  }
  .dash_modal .modal-dialog{
    max-width:750px !important;
  }
  #maincontainer{
    border: 5px groove rgb(154, 128, 128);
      padding: 10px;
      background-color: #efe9e9;
      min-width: 1000px;
      -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
      -moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
      box-shadow: 0px 0px 15px 15px #b1b1b19c;
  }
  div#sealheader {
    height:150px;
    margin:2px 0px;
    padding:4px;
    border: 2px solid #660000;
  }

  div#clerkseal{
    width:auto;
    max-height:130px;
    max-width: 130px;
    margin:auto;
  }

  div#clerkseal img{
    width:100%;
    max-height:130px;
  }

  div#sealname{
    height:100%;
    min-width:400px;
    padding:0px;
    font-size:auto;
  }

  div#infoheader{
    height:140px;
    margin:2px;
  }

  div#infoheader ul#info2{
    text-align:right;
  }

  div.form-row{
    padding-top:3%;
  }

  div#CaseNumRow{
    text-align:right;
  }

  div#AppNameRow
  , div#DobDLEmailRow
  , div#AddressRow
  , div#ContactRow
  , div#EmpSalRow{
    text-align:center;
  }
  nav#navdash{
    background: #660000;
    margin:2px 0px;
    border: 2px solid #A8872D;
  }
  #navdash ul li a{
    color:black;
    background-color: #e6e6e6 !important;
  }
  #navdash ul li a.active{
    color:white;
    background-color: #8B6508 !important;
  }
  .nav-tabs .nav-link{
    border: 1px solid transparent;
    color:white;
    background-color: #660000;
    border-top-left-radius:0px !important;
    border-top-right-radius:0px !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
  }
  .nav-link.active{
    color: #495057;
    background-color: #fff;
    border: 2px solid !important;
    border-color: #660000 #660000 #660000 !important;
  }
  .nav-tabs .nav-link:hover{
    border:0px;
  }
  .nav-tabs .nav-link.disabled {
    border-color:black !important;
  }
  .nav-tabs .nav-link.disabled:hover {
    background-color: rgba(255, 0, 0, 0.267);
  }

  div.tab-pane{
    background-color:#E7E1E1 !important;
  }

  #manual_plan{
    color:white;
    background-color: #8B6508 !important;
  }
  tbody tr:nth-of-type(odd){
    background-color: rgba(0, 0, 0, 0.01) !important;
  }
  tbody tr:nth-of-type(even){
    background-color: rgba(0, 0, 0, 0.03) !important;
  }
  table#AppList,
  table#AppList tbody,
  table#AppList tbody tr {
    overflow-x:hidden !important;
  }

  table#AppList tbody tr:hover {
    /* padding : 0px !important;
    border-width: 2px 0px 2px 0px !important;
    border: solid #476F72 !important; */
    background: #f6f6f6 50% 50% repeat-x !important;
    font-weight: strong;
    color: rgb(114, 71, 91);
    cursor: pointer;
  }

  table#AppList{
    min-width:750px;
    text-align:center !important;
    overflow-x:hidden !important;
  }

  table#AppDetails,
  table#Appinfo{
    text-align:center;
    overflow-x:hidden !important;
  }

  table#Appinfo th{
    width:30%;
  }

  table.Add5 th{
    width:20%;
  }

  table.Add5 th:nth-child(1){
    width:30% !important;
  }

  table.Add5 th:nth-child(2){
    width:10%;
  }

  td.hiddentitle{
    background:#856E31;
    color:white;
  }
  .hiddenrow{
    margin:0px !important;
    padding:0px !important;
  }

  tr.accordion-toggle td{
    padding:.25em !important;
  }

  li#TestLink {
    padding-left:2em !important;
    padding-top: .25em !important;
    width:50%;
  }
  #testsubtext{
    display:block;
    margin-left: 1em !important;
    color:white;
  }