body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #212F3D;
  font-weight: 300; 
}

p {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300; 
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
}

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
}

a, a:hover {
  text-decoration: none !important; 
}

.content {
  padding: 0rem 0; 
}

h2 {
  font-size: 20px;
  color: #fff; 
}

.smallfo {
  font-size: small !important; 
}

.custom-table {
  width: 100%; 
  margin-bottom: 0rem !important; 
  padding: 0.2rem !important; 
}

.custom-table {
    table-layout:fixed;
}

.custom-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}

.overhide {
  overflow: hidden !important; 
  text-overflow: ellipsis !important; 
  white-space: nowrap !important; 
}
.lbox {
  border-left: 1px solid #665;      
}

.custom-table-borderless {
  padding-bottom: 2px !important; 
  text-align:center !important; 
  color: #fff !important; 
  font-size: 16px !important; 
  text-transform: uppercase;
  letter-spacing: .2rem !important; 
  border: none  !important;
}


.custom-table thead tr, .custom-table thead th {
  padding-bottom: 2px;
  text-align:center;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .1rem; 
  border: 1px solid #bfbfbf;    
}

.coltitle {
  color: #fff !important; 
}
.custom-table tbody th, .custom-table tbody td {
  color: #bbb;
  font-weight: 400;
  padding-bottom: 3px;
  padding-top: 3px;
  border-bottom: 1px solid #212F3D;    
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
}


.custom-table tbody th small, .custom-table tbody td small {
  color: rgba(255, 255, 255, 0.3);
  font-weight: 300; 
}

.custom-table tbody th a, .custom-table tbody td a {
  color: rgba(255, 255, 255, 0.3); 
}

.custom-table tbody th .more, .custom-table tbody td .more {
  color: rgba(255, 255, 255, 0.3);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0rem;
}

.custom-table tbody tr {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; 
}

.custom-table tbody tr:hover td, .custom-table tbody tr:focus td {
  color: #ff0; 
  border-top: 1px solid #fdd114; 
  border-bottom: 1px solid #fdd114; 

}

.custom-table tbody tr:hover td a, .custom-table tbody tr:focus td a {
  color: #fdd114; 
  border-top: 1px solid #fdd114; 
  border-bottom: 1px solid #fdd114; 

}

.custom-table tbody tr:hover td .more, .custom-table tbody tr:focus td .more {
  color: #fdd114; 
  border-top: 1px solid #fdd114; 
  border-bottom: 1px solid #fdd114; 
}


.custom-table .td-box-wrap {
  padding: 0; 
}

.custom-table .box {
  background: #fff;
  border-radius: 4px;
  margin-top: 15px;
  margin-bottom: 15px; 
}

.custom-table .box td, .custom-table .box th {
  border: none !important; 
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(0 0 0 / 10%) !important; 
}

.buttondiv {
    height : 10vh;
    position : fixed;
    top : 90vh;
}
.isbutton{
  max-width: 100% !important; 
}

.playerselect {
  background: #1A5276 !important; 
}