.tc-gold {color: #fdad00;}
.tc-green {color: #1acf13;}
.tc-white {color: #ffffff;}
.tc-black {color: #000000;}
.fs-bold {font-weight: bold;}

.tc-meron {color: #fc424a;}
.tc-wala {color: #1b3fd5;}
.tc-draw {color: #00d25b;}

.tc-standby {color: #464646;}
.tc-open {color: #29d921;}
.tc-closed {color: #ff4329;}
.tc-result {color: #ff4329;}

.tc-last_call {color: #ff950e;
    animation: blinkingText .4s infinite;}
@keyframes blinkingText{
	1%		{ color: #ff950e;}
	50%	{ color: #070b11;}
	100%	{ color: #ff950e;}
}

.tc-result-meron {color: #ff0000;
    text-shadow: 1px 1px 1px #ff5c5c,
    1px 2px 1px #ff5c5c,
    1px 3px 1px #ff5c5c,
    1px 4px 1px #ff5c5c,
    1px 5px 1px #ff5c5c,
1px 18px 6px rgba(16,16,16,0.4),
1px 22px 10px rgba(16,16,16,0.2),
1px 25px 35px rgba(16,16,16,0.2),
1px 30px 60px rgba(16,16,16,0.4);}
.tc-result-wala {color: #0033ff;
    text-shadow: 1px 1px 1px #6282ff,
    1px 2px 1px #6282ff,
    1px 3px 1px #6282ff,
    1px 4px 1px #6282ff,
    1px 5px 1px #6282ff,
1px 18px 6px rgba(16,16,16,0.4),
1px 22px 10px rgba(16,16,16,0.2),
1px 25px 35px rgba(16,16,16,0.2),
1px 30px 60px rgba(16,16,16,0.4);}
.tc-result-draw {color: #00d25b;
    text-shadow: 1px 1px 1px #8affbd,
    1px 2px 1px #8affbd,
    1px 3px 1px #8affbd,
    1px 4px 1px #8affbd,
    1px 5px 1px #8affbd,
1px 18px 6px rgba(16,16,16,0.4),
1px 22px 10px rgba(16,16,16,0.2),
1px 25px 35px rgba(16,16,16,0.2),
1px 30px 60px rgba(16,16,16,0.4);}
.tc-bet-close {color: #ff3300;
    text-shadow: 1px 1px 1px #ff7653,
    1px 2px 1px #ff7653,
    1px 3px 1px #ff7653,
    1px 4px 1px #ff7653,
    1px 5px 1px #ff7653,
1px 18px 6px rgba(16,16,16,0.4),
1px 22px 10px rgba(16,16,16,0.2),
1px 25px 35px rgba(16,16,16,0.2),
1px 30px 60px rgba(16,16,16,0.4);}

.ts-tiny{font-size: calc(0.5vw + 0.5vh);}
    @media (max-width: 767.98px) {
        .ts-tiny{font-size: calc(1.1vw + 1.1vh);}
    }
 
.ts-small{font-size: calc(0.6vw + 0.6vh);}
    @media (max-width: 767.98px) {
        .ts-small{font-size: calc(1.4vw + 1.4vh);}
    }

.ts-regular{font-size: calc(0.7vw + 0.7vh)}
    @media (max-width: 767.98px) {
        .ts-regular{font-size: calc(1.6vw + 1.6vh);}
    }

.ts-medium{font-size: calc(0.9vw + 0.9vh)}
    @media (max-width: 767.98px) {
        .ts-medium{font-size: calc(2vw + 2vh);}
    }

.ts-large{font-size: calc(1.1vw + 1.1vh); line-height: 120%; }
    @media (max-width: 767.98px) {
        .ts-large{font-size: calc(2.6vw + 2.6vh);}
    }

.ts-large2{font-size: calc(1.3vw + 1.3vh)}
@media (max-width: 767.98px) {
    .ts-large2{font-size: calc(2.6vw + 2.6vh);}
}


.mg-t-10{ margin-top: 10px;}
.mg-b-5{ margin-bottom: 5px;}
.mg-b-10{ margin-bottom: 10px;}
.mg-b-20{ margin-bottom: 20px;}
.pd-b-20{ padding-bottom: 20px;}


.pd-h-2{padding: 0 2px;}

.pd-10{padding: 10px;}
@media (max-width: 767.98px) {
    .pd-10{padding: 5px;}
}
.pd-5{padding: 5px;}
@media (max-width: 767.98px) {
    .pd-5{padding: 3px;}
}

.pd-7{padding: 7px;}
@media (max-width: 767.98px) {
    .pd-7{padding: 4px;}
}

.pd-5-10{
    padding: 5px 25px;
}

.radius-10{
    border-radius: 10px;
}
.radius-5{
    border-radius: 5px;
}