:root{
    --sPrimaryColor:#6E3CBC;
    --sSecondColor:#7267CB;
    --sThirdColor:#98BAE7;
    --sForthColor:#B8E4F0;
    --sGoldColor:#FFCA03;
}

.header-row{
    background:var(--sPrimaryColor);
    padding:10px 0px;
}
.header-row  .logoname{
    color:var(--sGoldColor);
    
}
.header-row .mybtn{
   color:var(--sGoldColor);
   border-color:var(--sGoldColor);;
   font-weight:bold;
}
.header-row .mybtn:hover{
   border-color:var(--sGoldColor);
   color:white;;
   font-weight:bold;
}

.jambo-row{
    background:white;
}
.live_result{
    background: var(--sSecondColor);
    padding: 5px 80px;
    color: var(--sGoldColor);
    border-radius: 100px;

}
.liveresultname{
    font-size: 30PX;
    color: var(--sPrimaryColor);
    text-shadow: 2px 2px 5px;
    text-transform: uppercase;
}
.liveresultresult{
 font-size:30PX; 
 color:var(--sGoldColor);
 background: var(--sPrimaryColor);
 padding:10px;
 border-radius:100px;
 
}
.tdresult2 {
    padding: 0.2rem !important;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
display:flex;
    justify-content:center;
    align-items:center;
   
}
.resultbg {

    position:absolute;
}

		.boo-font{font-family: 'Black Ops One', cursive;}
			marquee{
				font-weight: bold;
			}
			
		        .bannerimage{
            max-height:400px;
                width: 100%;

           
        }
     @media only screen and (max-width: 800px) {
  .logoname {
    font-size: 20px;
    padding:5px !important;
  }
}

 .sizeshow{
         display:none;   
        }
   @media only screen and (max-width: 800px){
       .sizeshow{
           display:none;   
       }
        .webnamesize{
            font-size:20px !important;
        }
    
         .sizeshow{
         display:block;   
        }   
        
        .live_result{font-size:20px !important;padding: 5px 40px;}
        
    } 

    .webnamesize{
            font-size:20px ;
        }
        .logoname{
            position:relative;
        }
        .logoname::before {
    content: 'sattagamez';
    position: absolute;
  overflow:hidden;
    color: white;
    width:100%;
    animation: slide 2s linear infinite;
    -webkit-animation: slide 3s linear infinite;
}
        .blink::before {
    content: 'LIVE RESULT';
    position: absolute;
  overflow:hidden;
    color: var(--sGoldColor);
    white-space: nowrap;
    width:100%;
    animation: slide2 2s linear infinite;
    -webkit-animation: slide2 3s linear infinite;
}
        .blink2::before {
    content:'☘☘ sattagamez.com ☘☘';
    position: absolute;
  overflow:hidden;
    color: var(--sGoldColor);
    white-space: nowrap;
    width:100%;
    animation: slide3 2s linear infinite;
    -webkit-animation: slide2 3s linear infinite;
}
@keyframes slide{
    0%{
         width:0%;
    }
    50%{
         width:100%;
    }
    100%{ width:0%;}
}
@keyframes slide2{
    0%{
         width:0%;
    }
    50%{
         width:100%;
    }
    100%{ width:0%;}
}
@keyframes slide3{
    0%{
         width:0%;
    }
    50%{
         width:100%;
    }
    100%{ width:0%;}
}

  @media (max-width: 400px){
.towdaylive h4{
    font-size: 17px;
}
.towdaylive h6{
    font-size: 12px;
}

}

.tdresult{padding: 0px;
    vertical-align: middle;}
 
.tddiv .tdname{
    color: white;
    font-weight: bold;
}

td.tdrname {
    background: var(--sPrimaryColor);
    color: var(--sGoldColor);
    font-weight: bold;
}
td.newnew {
   color : var(--sPrimaryColor);
   background : var(--sGoldColor);
    font-weight: bold;
    vartical-align:middle;
}
td.oldold {
   color : white;
   background : black;
    font-weight: bold;
    vartical-align:middle;
}
td.tdrresult {
   vertical-align: middle
}
.tdname{
      color: white;
    font-weight:bold;
}

.list_game{
    background:darkorange;
    border-radius:200px;
}
.list_game a{
    color:white;
}

:root{
    --mt-color:
}
.result-table .table td,.result-table .table th {
    padding: 0rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
    font-size: 11px;
}
.result-table .table td,.result-table .table th {
    padding: 5px 10px;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
    font-size: 18px;
}
.result-table .table thead tr {
    background-color: var(--sPrimaryColor);
    color: var(--sGoldColor);
}
.date {
    background-color: var(--sPrimaryColor);
    color: var(--sGoldColor);
    width:100px;
    font-size: 11px !important;
}
.result-table .table td{
    font-size:6px;
}
@media (min-width: 768px){
.result-table .table td,.result-table .table th {
    padding: ;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
    font-size: 18px;
}
.date{
 
   
    width:100px;
    
}
}
.mgname {
    font-size: 18px !important;
}
.datedate {
    font-size: 18px !important;
}
.tdresultresult {
    font-size: 17px !important;
    font-weight: bold !important;

}

.footer{
    background:black;
    color:white;
    font-size:11px;
}
.statcounter img {
    width: 16px;
}
.menulink{
            text-decoration:none;
            font-size:20px;
            font-weight:bold;
            font-family: 'Finger Paint', cursive;
            
        }
        .menulink:hover{
            text-decoration:none;
        }
		
.mybanner {
    background-color: var(--sPrimaryColor);
    color: var(--sGoldColor);
}
.yeartable .table td,.yeartable .table td{
    padding:5px 10px;
    magin:0px;
}
@media (max-width: 768px){
    .yeartable .table td,.yeartable .table td ,.tab tbody tr td ,.tab tbody tr th {
  font-size:12px;
}}
@media (max-width: 370px){
    .yeartable .table td,.yeartable .table td ,.tab tbody tr td,.tab tbody tr th {
  font-size:10px;
}}
.sname,.day , .tab tbody tr:nth-child(1),.tab tbody tr td:nth-child(1),.tab tbody tr th:nth-child(1) {
 background-color: var(--sPrimaryColor);
    color: var(--sGoldColor);
}
#toptable{
    font-size:22px;
  background-color: var(--sPrimaryColor);
    color: var(--sGoldColor);
}
.tab{
    width:100%;
}
.tab tbody tr td,.tab tbody tr th{
  border:solid 1px #ccc;  
  varticel :middle;
}
.tab tbody tr td p,.tab tbody tr th p{
  margin: 0px;
}

	th:first-child, td:first-child
	{
		position:sticky;
		left:0px;
	
		
	}
	
	.table  td:first-child, td:first-child
	{
	    background-color: var(--sPrimaryColor);
        color: var(--sGoldColor);
        
	}