/* Classes to help visualize the boxes */

body {
	background: #fff;
}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold
}


@media only screen and (min-width:767px) {
	.containers {
		padding-left: 15%;
		padding-right: 15%;
		width: 100%
	}
}

.navbar-default{
	-moz-box-shadow:    inset 0 0 7px #000000;
   -webkit-box-shadow: inset 0 0 7px #000000;
   box-shadow:         inset 0 0 7px #000000;
}
.navbar-default ul li {
	background: transparent;
}

a .active {
	background: transparent;
}

.mb-2{
	margin-bottom: 20px
}

.prize{
	padding-left: 10px
}

div.row {
	margin-left: 0%;
	margin-right: 0%
}

div[class^=col],
div.w-50 {
	text-align: center;
}

.top {
	height: 18vh;
	background: red
}

.logo-image {
	width: 30vh;
	height: 100%;
}

.logo-image img {
	width: 80%;
	height: 100%;
}

.logo-image-mobile {
	width: 10vh;
	height: 10%;
	margin: auto;
}

.logo-image-mobile img {
	width: 100%;
	height: 100%;
}

.top-bg {
	background: white;
	height: 25vh;
	width: 100%
}

.top-bg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.text-welcome {
	margin-top: 10px;
	border-radius: 5px;
	padding: 5px;
	background: #fff;
	box-shadow: 1px 1px 5px 1px #000;
	color: #eb3b5a;
	font-weight: bold
}

.row-center {
	background: #fff;
	border-radius: 5px;
	margin-top: 10px;
	padding-bottom: 20px
}

.kontent {
	padding: 10px;
	padding-bottom: 30px
}

.row-table {
	margin-top: 20px;
}

.table-live {
	background: red;
	border-radius: 10px;
	color: #fff
}

table {
	border: none;
}

.img-footer_a {
	height: 25vh
}

.img-footer_b {
	height: 17vh
}

@media only screen and (max-width:767px) {
	.day{
		display: none;
	}
	.top {
		display: none;
	}
	.top-bg {
		display: none;
	}
	.top-mobile {
		background: red
	}
	.winning {
		background: red;
		border-radius: 10px;
		padding: 5px;
		font-size: 3vh;
		color: #fff
	}
	.winning .date {
		font-size: 1.4vh;
	}
	.time {
		background: red;
		color: #fff;
		border-radius: 10px;
		font-size: 2.5vh
	}
	.remaining {
		background: #222;
		border-radius: 10px 10px 0px 0px;
	}

	.img-footer_a {
		height: 15vh
	}

	.img-footer_b {
		height: 10vh
	}

}



@media only screen and (min-width:767px) and (max-width: 1023px) {
	.top-mobile {
		display: none;
	}
	.winning {
		background: red;
		border-radius: 10px;
		padding: 5px;
		font-size: 5vh;
		color: #fff
	}
	.winning .date {
		font-size: 2.4vh;
	}
	.time {
		background: red;
		color: #fff;
		border-radius: 10px;
		font-size: 5vh
	}
	.remaining {
		background: #222;
		border-radius: 10px 10px 0px 0px;
	}
}

@media only screen and (min-width:1024px) {
	.top-mobile {
		display: none;
	}
	.winning {
		background: red;
		border-radius: 10px;
		padding: 5px;
		font-size: 2vh;
		color: #fff
	}
	.winning .date {
		font-size: 1.8vh;
	}
	.time {
		background: red;
		color: #fff;
		border-radius: 10px;
		font-size: 2.4vh
	}
	.remaining {
		background: #222;
		border-radius: 10px 10px 0px 0px;
	}
}

.countdown {
	font-size: 7vh
}

@media only screen and (min-width:1540px) {
	.top {
		height: 15vh;
		background: red
	}

	.logo-image {
		width: 30vh;
		height: 100%;
	}
	.containers {
		padding-left: 20%;
		padding-right: 20%;
		width: 100%
	}
	.winning {
		background: red;
		border-radius: 10px;
		padding: 5px;
		font-size: 2vh;
		color: #fff
	}
	.winning .date {
		font-size: 1.2vh;
	}
	.time {
		background: red;
		color: #fff;
		border-radius: 10px;
		font-size: 1.6vh
	}
	.remaining {
		background: #222;
		border-radius: 10px 10px 0px 0px;
	}
	.countdown {
		font-size: 5vh
	}
}

@media only screen and (min-width:768px) and (max-width: 1024px) {
	.top {
		height: 10vh;
		background: red
	}
	.logo-image {
		width: 20vh;
		height: 100%;
	}
	.top-bg {
		background: white;
		height: 18vh;
		width: 100%
	}
	.winning {
		background: red;
		border-radius: 10px;
		padding: 5px;
		font-size: 2vh;
		color: #fff
	}
	.winning .date {
		font-size: 1.4vh;
	}
	.time {
		background: red;
		color: #fff;
		border-radius: 10px;
		font-size: 2vh
	}
	.remaining {
		background: #222;
		border-radius: 10px 10px 0px 0px;
	}
	.countdown {
		font-size: 4vh
	}
	.img-footer_a {
		height: 15vh
	}

	.img-footer_b {
		height: 10vh
	}
}

.line-bottom {
	border-bottom: solid 1px gray;
}


table tbody tr td {
	background: #fff;
	color: gray;
}

.image-vit {
	height: 100%;
	width: 100%;
}

table thead tr th {
	padding: 6px
}

.text-dropdown {
    position: absolute;
  top: 50%;
  transform: translate(20%, -50%);
  -webkit-transform: translate(20%, -50%);
  -moz-transform: translate(20%, -50%);
  -o-transform: translate(20%, -50%);
  -ms-transform: translate(20%, -50%);
  	background-color: transparent;
  	z-index: 100;
  	border: none;;
    font-weight: bold;
    color: #7F7F7F;
  }
.text-dropdown option{
  color: #000
}

* {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;
}