/* HEADER */
	
	section#feapLogo > img {
		width: 80px;
		height: auto;
	}
	
	section#title {
		font-size: 1.5em;
		margin-left: 20px;
	}

	/* Navigator */

	section#nav {
		background-color: rgba(255,255,255,1);
	}

				nav#top-nav > ul > li {
					float: none;
				}

					nav#top-nav > ul > li:not(:first-child) {
						display: none;
					}
					
					nav#top-nav > ul > li > a:before {
						right: 15px;
					}

					nav#top-nav > ul > li > ul > li > a {
						color: #003171 !important;
					}

						nav#top-nav > ul > li > ul > li > ul > li > a {
							color: #4B77BE !important;
						}

					nav#top-nav > ul > li > ul > li > a:before {
						background-color: #003171;
					}

						nav#top-nav > ul > li > ul > li > ul > li > a:before {
							background-color: #4B77BE;
						}

				nav#top-nav > ul > li > ul {
					background: rgba(255,255,255,0.7);
					display: none;
				}

				nav#top-nav > ul > li > ul > li.with-sub-menu:before {
					content: "\21E9";
					color: #003171;
				}

					@keyframes arrowMove {
						0% { top: 8px; }
						50% { top: 13px; }
						100% { top: 8px; }
					}

					nav#top-nav > ul > li > ul > li > ul {
						background: rgba(255,255,255,0.7);
						display: none;
					}

/* MAIN */

	section.gridNav,
	section.payslip,
	section.attendance,
	section.overtime,
	section.leave,
	section.loan-inquiry,
	section.container {
		margin: 0 25px;
	}

		section.gridNav h1,
		section.payslip h1,
		section.attendance h1,
		section.overtime h1,
		section.leave h1,
		section.loan-inquiry h1,
		section.container h1 {
			font-size: 1.5em;
			margin-bottom: 8px;
		}

		section.gridNav > div {
			width: 100%;
			box-sizing: border-box;
		}

		div.gridForm input#inpEmpNo,
		div.gridForm input#inpEmpName,
		div.gridForm input#inpDepartment,
		div.gridForm input#inpEnt,
		div.gridForm input#inpInOut,
		div.gridForm input#inpLocation,
		div.gridForm input#inpSection ,
		div.gridForm input#inpFiledBy  {
			width: 95% !important;
		}

		div.gridForm fieldset.gridFieldSet {
			display: block;
			margin-bottom: 5px;
		}

	/* Log In */

	section#logIn {
		margin: 25px auto 0 auto;
		width: 80%;
	}

	section#logIn button#resetPassword {
		margin-top: 10px;
	}

	/* Album Gallery */

	section.gridGallery > div.album-container {
		width: calc(100% - 25px);
	}

	section.gridEventGallery > div.image-container {
		width: calc(100% - 10px);
	}


/* Shuttle Manifest */

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

		.passenger-controls input {
			width: calc(100% - 10px);
		}

		.passenger-controls select {
			width: 100%;
		}

			#btnSaveWithScanCode,
			#btnSaveWithoutScanCode {
				width: 100%;
			}

#scanApp {
	width: 100%;
	text-align: center;
}

	.preview-container {
		position: relative;
		padding-top: 100%;
		width: 100%;
	}

		.preview-container video#preview {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			width: 100%;
		}

#jqxWindowUpdateEmpInfo {
	width: 100% !important;
	left: 0 !important;
}