﻿@media (min-width: 800px) {
	.form-inputrow {
		margin-bottom: 10px;

		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.form-inputcol {
		margin-bottom: 10px;

		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.form-padded {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.form-userinput {
		background-color: #EEEEF0FF;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;

		border-radius: 5px;
		border: 2px solid #003365FF;
		box-sizing: border-box;

		cursor: text;
		transition: border 0.25s ease;
	}
		.form-userinput:focus {
			border: 2px solid #067CEBFF;
			box-shadow: 0 0 0px #00000000;
			outline: none;
		}
		.form-userinput::placeholder {
			color: #00336588;
		}

	.form-submitbtn {
		background-color: #003365FF;

		margin-left: auto;
		margin-right: auto;

		border-radius: 50px;
		border: 0px solid #00000000;

		cursor: pointer;
		transition: background-color 0.25s ease;
	}
		.form-submitbtn:hover {
			background-color: #067CEBFF;
		}
	.form-delbtn {
		background-color: #003365FF;
		color: #EEEEF0FF;

		margin-left: auto;
		margin-right: auto;

		border-radius: 50px;
		border: 0px solid #00000000;

		cursor: pointer;
		transition: background-color 0.25s ease, color 0.25s ease;
	}
		.form-delbtn:hover {
			background-color: #880305FF;
			color: #FF8385FF;
		}

	.form-errorlabel {
		background-color: #FF8385FF;
		color: #880305FF;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;

		margin-top: 5px;
		margin-bottom: 10px;

		border-radius: 5px;
		border: 2px solid #880305FF;
	}


	#login-signupinput {
		margin-top: 0px;
	}

	#login-usernamerow {
		margin-top: 10px;
	}
	#login-passwordrow {
		margin-top: 10px;
	}
	#login-btnrow {
		margin-top: 20px;
	}

	#login-rememberme {
		width: 30%;

		display: flex;
	}
	#login-rememberlabel {
		margin-top: 2px;
	}
	#login-rememberspacer {
		width: 30%;
	}

	#login-signuptext {
		display: flex;
		justify-content: space-around;
	}
	#login-signupbtn-ctr {
		display: flex;
		justify-content: space-around;
	}

	#login-logbtn {
		width: 60px;
		height: 35px;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	#login-signupbtn {
		width: 60px;
		height: 30px;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	#login-username {
		width: 330px;
	}
	#login-password {
		width: 330px;
	}

	#login-passwordrow {
		margin-bottom: 20px;
	}


	#signup-formholder {
		width: 70%;
	}

	#signup-fnamecol {
		width: 45%;

		margin-bottom: 0px;
	}
	#signup-lnamecol {
		width: 45%;

		margin-bottom: 0px;
	}

	#signup-namerow {
		margin-bottom: 15px;
	}
	#signup-coderow {
		flex-direction: column;
	}
	#signup-typerow {
		flex-direction: column;
	}
	#signup-expiryrow {
		flex-direction: column;
	}
	#signup-usesrow {
		flex-direction: column;
	}

	#signup-codelabel {
		margin-right: auto;
		margin-bottom: 5px;
	}
	#signup-typelabel {
		margin-right: auto;
		margin-bottom: 5px;
	}
	#signup-expirylabel {
		margin-right: auto;
		margin-bottom: 5px;
	}
	#signup-useslabel {
		margin-right: auto;
		margin-bottom: 5px;
	}

	#signup-username {
		width: 350px;
	}
	#signup-email {
		width: 350px;
	}
	#signup-password {
		width: 350px;
	}
	#signup-authcode {
		width: 350px;
	}
	#signup-usertype {
		width: 205px;

		margin-left: auto;
		margin-right: auto;
	}
	#signup-code {
		width: 330px;

		margin-right: auto;
		margin-bottom: 10px;
	}
	#signup-type {
		width: 200px;

		margin-right: auto;
		margin-bottom: 10px;
	}
	#signup-expiry {
		width: 200px;

		margin-right: auto;
		margin-bottom: 10px;
	}
	#signup-uses {
		width: 330px;

		margin-right: auto;
		margin-bottom: 10px;
	}

	#signup-submitsect {
		margin-top: 30px;
	}
	#signup-submitbtn {
		width: 75px;
		height: 35px;
	}
	#codes-submitbtn {
		width: 70px;
		height: 50px;

		margin-top: -15px;
	}

	
	.accthub-submitbtn {
		width: 90px;
		height: 50px;

		margin-left: auto;
		margin-right: 0px;
	}
	.accthub-btnlabel {
		width: 350px;
	}


	#acctlist-createbtn {
		width: 90px;
		height: 50px;

		margin-top: 15px;
		margin-bottom: -10px;
	}


	#codelist-typeselector {
		width: 100%;

		display: flex;
		justify-content: space-evenly;
	}
	.codelist-selectorsect {
		width: 50%;
	}
	.codelist-selectorbtn {
		width: 100%;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;

		box-sizing: border-box;
		border: 0px solid #00000000;
		border-bottom: 2px solid #003365FF;

		cursor: pointer;
		transition: background-color 0.25s ease, border 0.25s ease, color 0.25s ease;
	}
	#codelist-activebtn {
		background-color: #003365FF;
		color: #EEEEF0FF;
	}
		#codelist-activebtn:hover {
			background-color: #067CEBFF;
			color: #EEEEF0FF;

			border-bottom: 2px solid #067CEBFF;
		}
	#codelist-inactivebtn {
		background-color: #DCE4F8FF;
		color: #003365FF;
	}
		#codelist-inactivebtn:hover {
			background-color: #067CEBFF;
			color: #EEEEF0FF;

			border-bottom: 2px solid #067CEBFF;
		}
	#codelist-newcode {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	#codelist-createbtn {
		width: 90px;
		height: 50px;
	}


	#album-addbtn {
		width: 70px;
		height: 45px;

		margin-top: 10px;
		margin-bottom: -10px;
	}


	#report-addbtn {
		width: 65px;
		height: 45px;
	}


	#misc-btncontainer {
		border-radius: 15px;

		overflow: hidden;
	}
	.misc-downloadbtn {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#misc-addbtn {
		width: 70px;
		height: 45px;
	}


	#docupload-filerow {
		display: flex;
		flex-direction: column;
	}
	#docupload-filelabel {
		margin-right: auto;
	}
	#docupload-datelabel {
		margin-top: auto;
		margin-bottom: auto;
	}
	#docupload-uploadcontainer {
		margin-top: 5px;
	}
	#docupload-upload {
		width: 70px;
		height: 40px;

		margin-right: 20px;

		display: flex;
		justify-content: center;
		align-items: center;
	}
	#docupload-fileinput {
		display: none;
	}
	#docupload-submitbtn {
		width: 80px;
		height: 40px;

		margin-top: 0px;
		margin-bottom: -15px;
	}
	#docupload-aliasrow {
		margin-bottom: 20px;

		display: flex;
		flex-direction: column;
	}
	#docupload-aliaslabel {
		margin-right: auto;
	}
	#docupload-alias {
		width: 100%;

		margin-top: 5px;
	}


	#calendar-createsect {
		margin-top: 20px;
	}
	#calendar-createbtn {
		width: 80px;
		height: 50px;
	}

	
	#makeevent-loc {
		width: 350px;
	}
	#makeevent-createbtn {
		width: 70px;
		height: 45px;

		margin-top: 20px;
		margin-bottom: -10px;
	}


	#myacct-signout {
		width: 60px;
		height: 40px;
	}
	#myacct-signoutrow {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	#myacct-actionrow {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;

		width: 30%;
	}
	#myacct-deleteuser {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	#myacct-deletebtn {
		width: 60px;
		height: 40px;
	}
}

@media (min-width: 500px) and (max-width: 799px) {
	.form-inputrow {
		margin-bottom: 10px;

		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.form-inputcol {
		margin-bottom: 10px;

		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.form-userinput {
		background-color: #EEEEF0FF;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;

		border-radius: 5px;
		border: 2px solid #003365FF;

		cursor: text;
		transition: border 0.25s ease;
	}
		.form-userinput:focus {
			border: 2px solid #067CEBFF;
			box-shadow: 0 0 0px #00000000;
			outline: none;
		}
		.form-userinput::placeholder {
			color: #00336588;
		}

	.form-submitbtn {
		background-color: #003365FF;

		margin-left: auto;
		margin-right: auto;

		border-radius: 50px;
		border: 0px solid #00000000;

		cursor: pointer;
		transition: background-color 0.25s ease;
	}
		.form-submitbtn:hover {
			background-color: #067CEBFF;
		}
	.form-delbtn {
		background-color: #003365FF;
		color: #EEEEF0FF;

		margin-left: auto;
		margin-right: auto;

		border-radius: 50px;
		border: 0px solid #00000000;

		cursor: pointer;
		transition: background-color 0.25s ease, color 0.25s ease;
	}
		.form-delbtn:hover {
			background-color: #880305FF;
			color: #FF8385FF;
		}

	.form-errorlabel {
		background-color: #FF8385FF;
		color: #880305FF;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;

		margin-top: 5px;
		margin-bottom: 10px;

		border-radius: 5px;
		border: 2px solid #880305FF;
	}


	#login-signupinput {
		margin-top: 0px;
	}

	#login-usernamerow {
		margin-top: 10px;
	}
	#login-passwordrow {
		margin-top: 10px;
	}
	#login-btnrow {
		margin-top: 20px;
	}

	#login-rememberme {
		width: 40%;

		display: flex;
	}
	#login-rememberlabel {
		margin-top: 2px;
	}
	#login-rememberbox {
		margin-left: 0px;
		margin-right: 5px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#login-rememberspacer {
		width: 40%;
	}

	#login-signuptext {
		display: flex;
		justify-content: space-around;
	}
	#login-signupbtn-ctr {
		display: flex;
		justify-content: space-around;
	}

	#login-logbtn {
		width: 50px;
		height: 30px;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	#login-signupbtn {
		width: 55px;
		height: 30px;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	#login-username {
		width: 200px;
	}
	#login-password {
		width: 200px;
	}

	#login-passwordrow {
		margin-bottom: 20px;
	}


	#signup-formholder {
		width: 75%;
	}

	#signup-fnamecol {
		width: 45%;

		margin-bottom: 0px;
	}
	#signup-lnamecol {
		width: 45%;

		margin-bottom: 0px;
	}

	#signup-firstname {
		margin-bottom: 5px;
	}
	#signup-lastname {
		margin-bottom: 5px;
	}
	#signup-username {
		margin-bottom: 5px;
	}
	#signup-password {
		margin-bottom: 5px;
	}
	#signup-authcode {
		margin-bottom: 5px;
	}

	#signup-namerow {
		margin-bottom: 15px;
	}
	#signup-coderow {
		flex-direction: column;
	}
	#signup-typerow {
		flex-direction: column;
	}
	#signup-expiryrow {
		flex-direction: column;
	}
	#signup-usesrow {
		flex-direction: column;
	}

	#signup-codelabel {
		margin-right: auto;
		margin-bottom: 5px;
	}
	#signup-typelabel {
		margin-right: auto;
		margin-bottom: 5px;
	}
	#signup-expirylabel {
		margin-right: auto;
		margin-bottom: 5px;
	}
	#signup-useslabel {
		margin-right: auto;
		margin-bottom: 5px;
	}

	#signup-username {
		width: 180px;
	}
	#signup-email {
		width: 180px;
	}
	#signup-password {
		width: 180px;
	}
	#signup-authcode {
		width: 180px;
	}
	#signup-usertype {
		width: 200px;

		margin-left: auto;
		margin-right: auto;
	}
	#signup-code {
		width: 240px;

		margin-right: auto;
		margin-bottom: 10px;

		box-sizing: border-box;
	}
	#signup-type {
		width: 180px;

		margin-right: auto;
		margin-bottom: 10px;

		box-sizing: border-box;
	}
	#signup-expiry {
		width: 180px;

		margin-right: auto;
		margin-bottom: 10px;

		box-sizing: border-box;
	}
	#signup-uses {
		width: 240px;

		margin-right: auto;
		margin-bottom: 10px;

		box-sizing: border-box;
	}

	#signup-submitsect {
		margin-top: 10px;
	}
	#signup-submitbtn {
		width: 70px;
		height: 30px;
	}
	#codes-submitbtn {
		width: 70px;
		height: 45px;
	}


	.accthub-btnlabel {
		width: 200px;
	}
	.accthub-submitbtn {
		width: 75px;
		height: 50px;

		margin-left: auto;
		margin-right: 0px;
	}


	#acctlist-createbtn {
		width: 80px;
		height: 45px;

		margin-top: 15px;
		margin-bottom: -10px;
	}


	#codelist-typeselector {
		width: 100%;

		display: flex;
		justify-content: space-evenly;
	}
	.codelist-selectorsect {
		width: 50%;
	}
	.codelist-selectorbtn {
		width: 100%;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;

		box-sizing: border-box;
		border: 0px solid #00000000;
		border-bottom: 2px solid #003365FF;

		cursor: pointer;

		transition: background-color 0.25s ease, border 0.25s ease, color 0.25s ease;
	}
	#codelist-activebtn {
		background-color: #003365FF;
		color: #EEEEF0FF;
	}
		#codelist-activebtn:hover {
			background-color: #067CEBFF;
			color: #EEEEF0FF;

			border-bottom: 2px solid #067CEBFF;
		}
	#codelist-inactivebtn {
		background-color: #DCE4F8FF;
		color: #003365FF;
	}
		#codelist-inactivebtn:hover {
			background-color: #067CEBFF;
			color: #EEEEF0FF;

			border-bottom: 2px solid #067CEBFF;
		}
	#codelist-newcode {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	#codelist-createbtn {
		width: 80px;
		height: 45px;
	}


	#album-addbtn {
		width: 70px;
		height: 45px;

		margin-top: 10px;
		margin-bottom: -10px;
	}


	#report-addbtn {
		width: 65px;
		height: 45px;
	}


	#misc-btncontainer {
		border-radius: 15px;

		overflow: hidden;
	}
	.misc-downloadbtn {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#misc-addbtn {
		width: 65px;
		height: 40px;
	}


	#docupload-filerow {
		display: flex;
		flex-direction: column;
	}
	#docupload-filelabel {
		margin-right: auto;
	}
	#docupload-uploadcontainer {
		margin-top: 5px;
	}
	#docupload-upload {
		width: 60px;
		height: 40px;

		margin-right: 20px;

		display: flex;
		justify-content: center;
		align-items: center;
	}
	#docupload-fileinput {
		display: none;
	}
	#docupload-submitbtn {
		width: 70px;
		height: 40px;

		margin-top: 0px;
		margin-bottom: -15px;
	}
	#docupload-aliasrow {
		margin-bottom: 20px;

		display: flex;
		flex-direction: column;
	}
	#docupload-aliaslabel {
		margin-right: auto;
	}
	#docupload-alias {
		width: 95%;

		margin-top: 5px;
	}


	#calendar-createsect {
		margin-top: 15px;
	}
	#calendar-createbtn {
		width: 70px;
		height: 45px;
	}

	
	#makeevent-loc {
		width: 225px;
	}
	#makeevent-start {
		width: 130px;
	}
	#makeevent-end {
		width: 130px;
	}
	#makeevent-createbtn {
		width: 70px;
		height: 45px;

		margin-top: 10px;
	}


	#myacct-signout {
		width: 55px;
		height: 40px;
	}
	#myacct-signoutrow {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	#myacct-actionrow {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;

		width: 40%;
	}
	#myacct-deleteuser {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	#myacct-deletebtn {
		width: 55px;
		height: 40px;
	}
}

@media (min-width: 0px) and (max-width: 499px) {
	.form-inputrow {
		margin-bottom: 10px;

		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.form-inputcol {
		margin-bottom: 10px;

		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.form-userinput {
		background-color: #EEEEF0FF;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;

		border-radius: 5px;
		border: 2px solid #003365FF;

		cursor: text;
		transition: border 0.25s ease;
	}
		.form-userinput:focus {
			border: 2px solid #067CEBFF;
			box-shadow: 0 0 0px #00000000;
			outline: none;
		}
		.form-userinput::placeholder {
			color: #00336588;
		}

	.form-submitbtn {
		background-color: #003365FF;

		margin-left: auto;
		margin-right: auto;

		border-radius: 50px;
		border: 0px solid #00000000;

		cursor: pointer;
		transition: background-color 0.25s ease;
	}
		.form-submitbtn:hover {
			background-color: #067CEBFF;
		}
	.form-delbtn {
		background-color: #003365FF;
		color: #EEEEF0FF;

		margin-left: auto;
		margin-right: auto;

		border-radius: 50px;
		border: 0px solid #00000000;

		cursor: pointer;
		transition: background-color 0.25s ease, color 0.25s ease;
	}
		.form-delbtn:hover {
			background-color: #880305FF;
			color: #FF8385FF;
		}

	.form-errorlabel {
		background-color: #FF8385FF;
		color: #880305FF;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;

		margin-top: 5px;
		margin-bottom: 10px;

		border-radius: 5px;
		border: 2px solid #880305FF;
	}


	#login-signupinput {
		margin-top: 0px;
	}

	#login-rememberme {
		display: none;
	}
	#login-rememberspacer {
		display: none;
	}

	#login-signuptext {
		display: flex;
		justify-content: space-around;
	}
	#login-signupbtn-ctr {
		display: flex;
		justify-content: space-around;
	}

	#login-logbtn {
		width: 40px;
		height: 20px;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 0px;
		padding-bottom: 2px;
	}
	#login-signupbtn {
		width: 50px;
		height: 25px;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	#login-username {
		width: 170px;
	}
	#login-password {
		width: 170px;
	}

	#login-passwordrow {
		margin-bottom: 20px;
	}


	#signup-fnamecol {
		width: 45%;

		margin-bottom: 0px;
	}
	#signup-lnamecol {
		width: 45%;

		margin-bottom: 0px;
	}

	#signup-firstnamelabel {
		margin-bottom: 5px;
	}
	#signup-lastnamelabel {
		margin-bottom: 5px;
	}

	#signup-authcode {
		margin-bottom: 5px;
	}

	#signup-namerow {
		margin-bottom: 12px;
	}
	#signup-coderow {
		flex-direction: column;
	}
	#signup-typerow {
		flex-direction: column;
	}
	#signup-expiryrow {
		flex-direction: column;
	}
	#signup-usesrow {
		flex-direction: column;
	}

	#signup-codelabel {
		margin-right: auto;
		margin-bottom: 5px;
	}
	#signup-typelabel {
		margin-right: auto;
		margin-bottom: 5px;
	}
	#signup-expirylabel {
		margin-right: auto;
		margin-bottom: 5px;
	}
	#signup-useslabel {
		margin-right: auto;
		margin-bottom: 5px;
	}

	#signup-username {
		width: 100px;
	}
	#signup-email {
		width: 100px;
	}
	#signup-password {
		width: 100px;
	}
	#signup-authcode {
		width: 100px;
	}
	#signup-usertype {
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	#signup-code {
		width: 180px;

		margin-right: auto;
		margin-bottom: 10px;

		box-sizing: border-box;
	}
	#signup-type {
		width: 120px;

		margin-right: auto;
		margin-bottom: 10px;

		box-sizing: border-box;
	}
	#signup-expiry {
		width: 120px;

		margin-right: auto;
		margin-bottom: 10px;

		box-sizing: border-box;
	}
	#signup-uses {
		width: 180px;

		margin-right: auto;
		margin-bottom: 10px;

		box-sizing: border-box;
	}

	#signup-submitsect {
		margin-top: 10px;
	}
	#signup-submitbtn {
		width: 60px;
		height: 25px;
	}
	#codes-submitbtn {
		width: 55px;
		height: 35px;
	}


	.accthub-btnlabel {
		width: 110px;
	}
	.accthub-submitbtn {
		width: 60px;
		height: 40px;

		margin-left: auto;
		margin-right: 0px;
	}


	#acctlist-createbtn {
		width: 65px;
		height: 40px;

		margin-top: 15px;
		margin-bottom: -5px;
	}


	#codelist-typeselector {
		width: 100%;

		display: flex;
		justify-content: space-evenly;
	}
	.codelist-selectorsect {
		width: 50%;
	}
	.codelist-selectorbtn {
		width: 100%;

		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;

		box-sizing: border-box;
		border: 0px solid #00000000;
		border-bottom: 2px solid #003365FF;

		cursor: pointer;
		transition: background-color 0.25s ease, border 0.25s ease, color 0.25s ease;
	}
	#codelist-activebtn {
		background-color: #003365FF;
		color: #EEEEF0FF;
	}
		#codelist-activebtn:hover {
			background-color: #067CEBFF;
			color: #EEEEF0FF;

			border-bottom: 2px solid #067CEBFF;
		}
	#codelist-inactivebtn {
		background-color: #DCE4F8FF;
		color: #003365FF;
	}
		#codelist-inactivebtn:hover {
			background-color: #067CEBFF;
			color: #EEEEF0FF;

			border-bottom: 2px solid #067CEBFF;
		}
	#codelist-newcode {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	#codelist-createbtn {
		width: 65px;
		height: 40px;
	}


	#album-addbtn {
		width: 55px;
		height: 40px;

		margin-top: 10px;
		margin-bottom: -10px;
	}


	#report-addbtn {
		width: 65px;
		height: 45px;
	}


	#misc-addbtn {
		width: 60px;
		height: 40px;
	}


	#docupload-filerow {
		margin-top: 35px;

		display: flex;
		flex-direction: column;
	}
	#docupload-filelabel {
		margin-right: auto;
		margin-top: -20px;
	}
	#docupload-uploadcontainer {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	#docupload-upload {
		width: 70px;
		height: 20px;

		margin-bottom: -5px;

		display: flex;
		justify-content: center;
		align-items: center;
	}
	#docupload-fileinput {
		display: none;
	}
	#docupload-submitbtn {
		width: 55px;
		height: 35px;

		margin-top: -10px;
		margin-bottom: 0px;
	}
	#docupload-aliasrow {
		margin-bottom: 20px;

		display: flex;
		flex-direction: column;
	}
	#docupload-aliaslabel {
		margin-right: auto;
	}
	#docupload-alias {
		width: 95%;

		margin-top: 5px;
	}


	#calendar-createsect {
		margin-top: 10px;
	}
	#calendar-createbtn {
		width: 70px;
		height: 40px;
	}

	
	#makeevent-locpubrow {
		width: 100%;

		flex-direction: column;
	}
	#makeevent-loclabel {
		margin-right: auto;
	}
	#makeevent-loc {
		width: 166px;

		margin-right: auto;
	}
	#makeevent-pubrow {
		margin-right: auto;
		margin-bottom: 0px;
	}
	#makeevent-publabel {
		margin-right: auto;
	}
	#makeevent-pub {
		margin-right: auto;
	}
	#makeevent-timeinput {
		flex-direction: column;
	}
	#makeevent-start {
		width: 166px;
	}
	#makeevent-end {
		width: 166px;
	}
	#makeevent-createbtn {
		width: 60px;
		height: 40px;
	}


	#myacct-signout {
		width: 45px;
		height: 30px;
	}
	#myacct-signoutrow {
		margin-top: 15px;
		margin-bottom: 0px;
	}
	#myacct-actionrow {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;

		width: 70%;
	}
	#myacct-deleteuser {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	#myacct-deletebtn {
		width: 45px;
		height: 30px;
	}
}