/* @import './animate.css'; */

body{
  background-image: url('./assets/bg_img.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.btn-small{
    padding: 0 5px;
}

/* tbody {
    display:block;
    height: auto;
    overflow:auto;
  }
  thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
  }
  thead {
    width: calc( 100% - 1em )
  }
  table {
    width:100%;
  } */

  .logo{
    width: 60%;
    margin: 1em auto;
  }

  .btn{
    outline: none;
    border: none;
  }

  .btn-primary{
    background: #e15100;
  }
  .btn-primary:hover{
    background: #0a1d85;
  }

  .card, .main{
    background: rgba(255, 255, 255, 0.637);
  }

.card{
  -webkit-box-shadow: 13px 11px 25px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 13px 11px 25px 0px rgba(0,0,0,0.75);
  box-shadow: 13px 11px 25px 0px rgba(0,0,0,0.75);
}

.modal-lg {
  max-width: 85%;
  max-height: 80%;
  font-size: 12px;
  overflow-y: auto;
}

.tableFixHead thead th { 
  position: sticky; 
  top: 0; 
}

.material-icons.md-18{
  font-size: 20px;
}

.table-sm th {
  text-align: center;
  background: #e15100;
  color: #fff;

}

.table-sm{
  height: 600px;
}