/**** begin countdown colors ****/
.flip-clock-wrapper ul,
.flip-clock-wrapper ul li a div div.inn,
.flip-clock-divider .flip-clock-dot {
	background-color: #212529;
}
.flip-clock-wrapper ul li a div div.inn {
	color: #f5f5f5;
}
/**** endof countdown colors ****/


/**** begin background colors ****/
.bg-blue { background-color: #055f8e; }
.bg-blue-light { background-color: #61A5C2; }
.bg-blue-dark { background-color: #004576; }

.bg-red { background-color: #D00000; }
.bg-red-light { background-color: #E5383B; }
.bg-red-dark { background-color: #660708; }

.bg-yellow { background-color: #ffcd00; }
.bg-yellow-light { background-color: #FFEA00; }
.bg-yellow-dark { background-color: #FFAA00; }

.bg-green { background-color: #38B000; }
.bg-green-light { background-color: #9EF01A; }
.bg-green-dark { background-color: #006400; }

.bg-orange { background-color: #FF6D00; }
.bg-orange-light { background-color: #FF9E00; }
.bg-orange-dark { background-color: #FF4800; }

.bg-purple { background-color: #5A189A; }
.bg-purple-light { background-color: #9D4EDD; }
.bg-purple-dark { background-color: #240046; }

.bg-brown { background-color: #C25A00; }
.bg-brown-light { background-color: #F1AC4C; }
.bg-brown-dark { background-color: #3D1C00; }

.bg-grey { background-color: #474747; }
.bg-grey-light { background-color: #7c7c7c; }
.bg-grey-dark { background-color: #212529; }
/**** endof background colors ****/


/**** begin default style ****/
html, body {
    background-color: #f5f5f5;
}

.line-height-small {
    line-height: 16px;
}
.text-small {
    font-size: 10px;
    line-height: 10px;
}
/**** endof default style ****/


/**** begin customize style ****/
header .logo-container .logo {
    max-width: 200px;
}
header .navbar-nav .nav-item .nav-link {
    font-weight: 500;
    color: #f5f5f5 !important;
}
header .navbar-nav .nav-item .nav-link:hover {
    background-color: #26B2F5;
}

.card.card-result {
    background-image: linear-gradient(to right, #005e9e 0%, #0194d7 100%);
}
.card.card-result,
.card.card-result .card-body {
    border-radius: 6px;
}
.card.card-result .card-body hr {
    border: none;
    border-bottom: 3px solid #ffffff;
    padding: 0;
    margin: 15px 0;
}
.card.card-result .card-body .result-wrapper .result-box .result-number {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50px;
    font-size: 22px;
    font-weight: 700;
    background: radial-gradient(circle at 25px 25px, #212529, #474747);
	margin: 0 2.5px;
    color: #ffffff;
}

.card.card-history {
    border-radius: 6px;
}
.card.card-history .card-header {
    border-radius: 6px 6px 0 0;
}
.card.card-history .card-body {
    border-radius: 0 0 6px 6px;
}
.card.card-history .card-body .table, 
.card.card-history .card-body .table .tbody .tr:last-child {
    border-radius: 0 0 6px 6px;
}
.card.card-history .card-body .table .tbody .tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
.card.card-history .card-body .table .tbody .tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}

.card.card-livedraw {
    max-width: 450px;
    margin: 0 auto;
    background-color: #ADB5BD;
}
.card.card-livedraw {
    border-radius: 6px;
}
.card.card-livedraw .card-header {
    border-radius: 6px 6px 0 0;
}
.card.card-livedraw .card-body {
    border-radius: 0 0 6px 6px;
}
/**** endof customize style ****/