body {
	font-weight: 700;
	font-size: 1em !important;
}

.logo-img {
    height: 500px;
	width: 428px;
}

.user-table {
    display: block;
    float: left;
    width: 45%;
}

.voting-result-col {
    display: block;
    float: left;
    width: 45%;
}

.ant-list-header {
    background: antiquewhite !important;
}
.ant-list-item {
    border: none !important;
}

.ant-card-head {
    background: antiquewhite !important;
}

.action-button {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 10px;
    color: black;
	padding: 10px;
}

.yelow {
    background-color: #ffd700 !important;
    border-color: gray !important;
}

    .yelow:hover {
        background-color: #fff600 !important;
        border-color: gray !important;
    }

    .yelow:active {
        background-color: #fff600 !important;
        border-color: gray !important;
    }

.green {
    background-color: #32cd32 !important;
    border-color: gray !important;
}

    .green:hover {
        background-color: #21f221 !important;
        border-color: gray !important;
    }

    .green:active {
        background-color: #21f221 !important;
        border-color: gray !important;
    }

.red {
    background-color: #ff0000 !important;
    border-color: gray !important;
}

    .red:hover {
        background-color: #ff0000 !important;
        border-color: gray !important;
    }

    .red:active {
        background-color: #ff0000 !important;
        border-color: gray !important;
    }

.orange {
    background-color: #ffa500 !important;
    border-color: gray !important;
}

    .orange:hover {
        background-color: #ffc000 !important;
        border-color: gray !important;
    }

    .orange:active {
        background-color: #ffc000 !important;
        border-color: gray !important;
    }

.screen-container {
    padding-top: 25px;
}

.session-point-info-container {
    padding-top: 25px;
}

.text-center {
    text-align: center;
}

.table-container {
    display: inline-block;
}

.table {
    display: block;
    float: left;
    padding: 0px 25px 25px;
}

td {
    width: 200px;
    padding: 4px 0px 4px 12px;
    border-style: groove;
}

tr {
    font-weight: bold;
}

td.result-label {
    width: 80%;
}

td.vote-label {
    width: 70%;
}

td.result-value {
    padding: 0 !important;
    text-align: center;
}

td.vote-value {
    padding: 0 !important;
    text-align: center;
}

.info-card {
    padding-bottom: 10px;
}

.info-card-title {
    width: 90%;
    float:left;
}

.info-card-value {
    text-align: end;
}

p.info {
    font-weight: 800;
    margin: 0;
}

p.desc {
    margin: 0;
}

.waiting-list {
    margin-top: 25px;
}

#currently-speaking-item {
	display: contents;
}

.user-name {
	display: inline;
}

.login-list-left {
	width: 47.5%;
	display: block;
	float: left;
	margin-right: 5%;
}

.login-list-right {
	width: 47.5%;
	display: block;
	float: left;
}

.result-table-secound {
	margin-top: 50px;
}


@media screen and (max-width: 700px) {
	#ClockDisplay {
		font-size: xx-small;
	}
}

@media screen and (max-width: 1000px) {
	#currently-speaking-header {
		font-size: xx-small;
	}

	#currently-speaking-item {
		font-size: xx-small;
	}

	#waiting-speakers-header {
		font-size: xx-small;
	}

	#waiting-speakers-item {
		font-size: xx-small;
	}

	.logo-img {
		height: 300px;
		width: 257px;
	}

	.user-name {
		font-size: xx-small;
	}

	.login-list-left {
		font-size: smaller;
	}

	.login-list-right {
		font-size: smaller;
	}

	.user-table {
		font-size: smaller;
	}

	.result-table-first {
		font-size: smaller;
	}

	.result-table-secound {
		font-size: smaller;
	}
}

@media screen and (max-width: 1200px) {
	.action-button {
		font-size: xx-small;
		padding: 5px;
	}
}