body {
	background:#2DADFB;
	margin:0px;
	padding:0px;
}

#main_container {
	margin:0px auto;
	width:500px;
	border-radius:20px;
	color:white;
	font-size:18px;
	padding-top:20px;
}

.main_header_image {
	text-align:center;
}

.main_header_image img {
	width:100%;
}

.main_form {
	text-align:center;
}

.submit_button {
	border:1px solid white;
	border-radius:5px;
	padding:20px 40px;
	margin-top:20px;
	cursor:pointer;
	font-size:24px;
	color: #2DADFB;
	width:80%;
	background:white;
}

.device_list a {
	display:block;
	color:white;
	background:transparent;
}

.device_list a:hover {
	background:white;
	color:#2DADFB;
}

input,select,textarea {
	background:white;
	color: #2DADFB;
	border:none;
}

input[type=text],input[type=password],input[type=number],textarea {
	padding:10px;
	font-size:24px;
	border:none;
}

#fullview input[type=text],#fullview input[type=password],#fullview input[type=number],#fullview textarea {
	width:100%;
}

.big_input {
	padding:10px;
	font-size:24px;
}

.timeclock_table {
	border:1px solid white;
	width:100%;
	background:white;
}
.timeclock_table th {
	background: #2DADFB;
	color:white;
	border:1px solid white;
}
.timeclock_table td {
	background: white;
	color:#2DADFB;
	border:1px solid #2DADFB;
}

h3 {
	font-size:28px;
}

.device_list a {
	font-size:24px;
}

.employee_select_box {
	padding:10px;
	font-size:24px;
	margin:20px 10px 10px 10px;
}

.section_container {
	max-width:500px;
	margin:0px auto;
}

.white-section {
	color:#2DADFB;
	background:white;
	padding:20px;
}
.white-section input,.white-section select,.white-section textarea {
	border:1px solid #2DADFB;
	color:#2DADFB;
}
.white-section textarea::placeholder {
	color:#2DADFB;
}

.blue-section {
	background: #2DADFB;
	color:white;
	padding:20px;
}

.blue-button {
	border:1px solid #2DADFB;
	border-radius:5px;
	padding:20px 40px;
	margin-top:20px;
	cursor:pointer;
	font-size:24px;
	color: white !important;
	width:80%;
	background:#2DADFB !important;
}

.white-button {
	border:1px solid white;
	border-radius:5px;
	padding:20px 40px;
	margin-top:20px;
	cursor:pointer;
	font-size:24px;
	color: #2DADFB !important;
	width:80%;
	background:white !important;
}

.rib {
	position:relative;
	display:inline-block;
}

.vtop {
	vertical-align: top;
}

@media only screen and (max-width: 500px) {
	#main_container {
		width:90%;
	}
	.clock_start_end_table td .big_input {
		font-size:15px;
		padding:5px;
		border:none;
	}
	.employee_select_box {
		padding:5px;
		font-size:15px;
	}
	.timeclock_table th {
		font-size:16px;
	}
	.timeclock_table td {
		font-size:20px;
	}
}