.dataTables_wrapper {
	       padding-top: 30px !important;
	   }
		
	#example_wrapper {
    padding-top: 0px !important;
}
		span.clear {
		padding-left: 3px;
		padding-right: 5px;
		}
		
	.alphabet {
        position: relative;
        display: table;
        width: 100%;
        margin-bottom: 1em;
		 background-color: #660000;
		text-align: center;
    }
 
		.alphabet {
			margin-top: 30px !important;
			
		}
		
		
   .alphabet span {
        display: table-cell;
        /*color: #3174c7;*/
        cursor: pointer;
        text-align: center;
        width: 2%;
		
		color: #fff;

      text-decoration: none;
      text-transform: uppercase;
		
		    font-size: 18px;
    line-height: 33px;
		
		padding-top: 7px;
		padding-bottom: 7px;
      position: relative;
      /*display: inline-flex;*/
}
		
		@media (max-width: 1199px) {

    .alphabet span {
       
		
		   font-size: 12px;
      line-height: 20px;
		
		
}
}
		
		
    .invisibleStripe{
		display:none;
		}
 
    .alphabet span:hover {
		color: #F0B323;
        
    }
 
    .alphabet span:active {
		color: #F0B323;
        
    }
 
   .alphabet span.empty {
        color: red;
    }
 
    .alphabetInfo {
        display: block;
        position: absolute;
        background-color: #111;
        border-radius: 3px;
        color: white;
        top: 2em;
        height: 1.8em;
        padding-top: 0.4em;
        text-align: center;
        z-index: 1;
    }