.borders{border-radius:3px;}
table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

form {
    margin-bottom: 10px;
}

input[type=text] {
    padding: 6px;
}




.table td{
    text-align: center; 
    padding-left: 4px;
    padding-right: 4px;
  }
  .table th{
    text-align: center;
    background-color: #f8f9fa;
    box-shadow: 0px 2px 2px 21px rgba(0, 0, 0, 0.4);
    
  }
.vans{
position: sticky;
top: 0;
padding-top:55px;
background-color: transparent;
}


.table tbody:nth-child(even) {
    background-color: white;
}
.table{
     text-align: center;
}
.table tbody {
    height: 10px;
    overflow-y: auto;
    overflow-x: scroll;
}
.name-space{
  width: 10px;
}
.bc-grey{background-color: grey;}
.bc-orange{background-color:  orange;}
.bc-purple{background-color:  #8CC63F;}
.btn-hov{
  box-shadow: 3px 6px 6px -1px rgba(0, 0, 0, 0.4);
}
  .hov:hover {
    background-color:silver ;
  }
.comment{
    display:none;
}
.comment:hover{display:block;}

  .bc-grey:hover{background-color:#5a6268;}
  .bc-orange:hover{background-color:#EB9532;}
  .bc-purple:hover{background-color:green;}

  .acco{
    background-color: rgba(255,255,255,0.2);
  }
  #loder{
    display: block;
  }
  #loder.loaded{
    display: none;
  }
  
.select {
    display:flex;
    flex-direction: column;
    position:relative;
    width:250px;
    height:40px;
  }
  
  .option {
    padding:0 30px 0 10px;
    min-height:40px;
    display:flex;
    align-items:center;
    background:#333;
    border-top:#222 solid 1px;
    position:absolute;
    top:0;
    width: 100%;
    pointer-events:none;
    order:2;
    z-index:1;
    transition:background .4s ease-in-out;
    box-sizing:border-box;
    overflow:hidden;
    white-space:nowrap;
    
  }
  
  .option:hover {
    background:#666;
  }
  
  .select:focus .option {
    position:relative;
    pointer-events:all;
  }