a {
color: #212529;
}

a:hover {
color: #212529;
}
.table .thead-grey {
    border-color: #919191;
    background-color: #919191;
    color: #ffffff;
}

.tournament-name {
  	/*font-size: 1.5vw;*/
}
.masonry {
    display: -ms-grid;
  	display: grid;
    -ms-grid-columns: 300px 20px 300px 20px 300px; 
    grid-template-columns: repeat( auto-fill, minmax( 30%, 1fr ) ); /* Make columns adjust according to the available viewport */
    -ms-grid-rows: 1fr 20px 1fr;
  	grid-gap: 2em; 
 	
}

.masonry-item {
    background-color: #eee;
    border-radius: 5px;
    overflow: hidden;
    -ms-grid-row-span: 1;          /* adjusted */
    -ms-grid-column-span: 1;       /* adjusted */

}

.ie-placement-col1{
	-ms-grid-column: 1;
}

.ie-placement-col2{
	-ms-grid-column: 3;
}
.ie-placement-col3{
	-ms-grid-column: 5;
}
.ie-placement-row1{
	-ms-grid-row: 1;

}
.ie-placement-row2{
	-ms-grid-row: 3;
}

.ie-force-tr-height {
	height: 10px;
}
.material-icons {
    color: #919191;
}

.scrollable-menu{
   height: auto;
   max-height: 400px;
   overflow-x: hidden;
}

.table {
 	font-size: small;
}

#schedule-scroll{
  display:block;
  overflow:scroll;
  height:500px;
  width:100%;
}
.scrollable-card-body {
  height: 650px; 
  overflow-y: auto;
}

.page-scrollable-card-body {
  height: 400px; 
  overflow-y: auto;
}
.table-thead {
	margin-bottom: 0;
}

 /* Tooltip */
 
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    background-color: #636363;
    border-radius: .25rem;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #636363;
}
 /* Media Queries */
 
@media only screen and (max-width: 600px) {
  .masonry {
    grid-template-columns: repeat( auto-fill, minmax( 100%, 1fr ) );
  }
}

@media (max-width: 1160px) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 905px) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}
/* modal dialog */

.modal-dialog{
    overflow-y: initial !important
}
.modal-body-scroll {
    height: 400px;
    overflow-y: auto;
}