/*--------------------------------------------------------------
PUT YOUR CUSTOM STYLES BELOW
----------------------------------------------------------------*/

/*
#centercontent .countdown1 ul.countdown li .unit-value,
#centercontent .countdown1 ul.countdown li .unit-name {
	width: 100px !important;
	font-family: Roboto, arial, sans-serif;
}

#centercontent .countdown1 ul.countdown li .unit-name {
	font-size:15px;
	border: solid 1px #E17000 !important;
	border-radius: 5%;
	background-color: #fff;
	display: block;
}

#centercontent .countdown1 ul.countdown li:last-child .unit-value {
	color:#0059A2;
}


.found-events-total{
	font-size:12px;
	font-weight:300;
	padding:3px;
	margin:0;
}

.events-list {
	font-size: 1em;
	padding: 5px;
	margin: 0;
	border-bottom: solid 1px #0F3F8C;
}

.course-code{
	font-size:.65em;
	font-weight:bold;
}

.event-item{
	padding:0;
	padding-left:30px;
	margin:0;
}

	.event-item p {
		margin: 0;
		padding: 4px;
		display: grid;
		grid-template-columns: 80px 1fr;
		gap: 10px;
		font-size: .90em;
		place-content:center;
	}

	.event-item p span{
		font-weight:600;
		font-size:.8em;
	}

.event-item-title{
	margin:0;
	padding:4px;
	font-size:1.14em;
	font-weight:500;
}

.event-hide{
	display:none;
}

.show-more-p button:hover{
	cursor:pointer;
}

.show-more .show-more-p{
	display:none;
}

.show-more .event-hide{
	display:block;
}
	*/
.box {
	padding: 15px !important;
	border: 1px solid #cccccc;
}

fieldset {
	border:none;
}

fieldset select {
	background-image: none !important;
	box-sizing: border-box;
}

fieldset label {
	display: inline-block !important;
	max-width: 100% !important;
	margin-bottom: 5px !important;
	font-weight: 400 !important;
	box-sizing: border-box;
	line-height: 1.25em;
	font-family: 'Roboto', Arial, sans-serif;
}

.label {
	display: inline-block !important;
	max-width: 100% !important;
	margin-bottom: 5px !important;
	font-weight: 400 !important;
	box-sizing: border-box;
	line-height: 1.25em;
}

.form-control {
	display: block !important;
	width: 100% !important;
	/*height: 28px;*/
	padding: 6px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	box-sizing: border-box;
}

/* use form-control2 to make the form field inline and width is not set to 100% */
.form-control2 {
	height: 28px;
	padding: 6px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	box-sizing: border-box;
}

/* Use form-control3 for multi-line text boxes. This doesn't have the fixed height. */
.form-control3 {
	display: block !important;
	width: 100% !important;
	padding: 6px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
	box-sizing: border-box;
}

/*input[type="text"]:focus, intput[type="password"]:focus, textarea:focus, select:focus {
    box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    -moz-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    -webkit-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
    border: 1px solid rgba(195, 220, 246, 1);
}*/

.form-control:focus {
	box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
	-moz-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
	-webkit-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
	border: 1px solid rgba(195, 220, 246, 1);
}

.form-control2:focus {
	box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
	-moz-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
	-webkit-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
	border: 1px solid rgba(195, 220, 246, 1);
}

.form-control3:focus {
	box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
	-moz-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
	-webkit-box-shadow: inset 0 0 1px rgba(195, 220, 246, 1);
	border: 1px solid rgba(195, 220, 246, 1);
}

legend {
	display: block;
	padding: 8px 8px;
	font-family: 'Roboto', Arial, sans-serif;
	border-bottom: 1px dashed rgba(0,0,0,.2);
	background: transparent;
	font-size: 20px;
	font-weight: 300;
	color: #222;
	margin: 0 0 20px 0;
	width: 98%;
	line-height: inherit;
	box-sizing: border-box;
}

.radio input {
	float: left;
}

.radio label {
	margin-left: 30px;
	display: block !important;
	font-weight: 100 !important;
	font-family: 'Roboto', Arial, sans-serif;
}

.check input {
	float: left;
}

.check label {
	margin-left: 30px;
	display: block !important;
	font-weight: 100 !important;
	font-family: 'Roboto', Arial, sans-serif;
}
/* End of Form Fields Style */

/* Table Styles */
.table-responsive {
	overflow-x: auto;
	min-height: .01%;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 18px;
}

	.table > thead > tr > th, .table > tbody > tr > th {
		background-color: #EBEDEE !important;
		color: #444444 !important;
	}

	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
		padding: 6px 10px;
	}

table {
	background-color: transparent;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

	table a {
		color: #0F3C73 !important;
		text-decoration: underline !important;
	}

		table a:hover {
			text-decoration: none !important;
		}

	table th a {
		font-weight: bold;
	}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border: 1px solid #ddd !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #EBEDEE;
}

	.table-striped > tbody > tr:nth-of-type(odd) a {
		background-color: #EBEDEE;
		color: #0F3C73;
	}
/* End Table Styles */

/* Responsive Grid CSS */
.row::after {
	content: "";
	clear: both;
	display: block;
	box-sizing: border-box;
}

[class*="col-"] {
	float: left;
	padding: 10px 15px !important;
	box-sizing: border-box;
}

[class*="colnopad-"] {
	float: left;
	box-sizing: border-box;
}

/* For mobile phones: */
[class*="col-"] {
	width: 100%;
	box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
	/* For desktop: */
	.col-1 {
		width: 8.33%;
	}

	.col-2 {
		width: 16.66%;
	}

	.col-3 {
		width: 25%;
	}

	.col-4 {
		width: 33.33%;
	}

	.col-5 {
		width: 41.66%;
	}

	.col-6 {
		width: 50%;
	}

	.col-7 {
		width: 58.33%;
	}

	.col-8 {
		width: 66.66%;
	}

	.col-9 {
		width: 75%;
	}

	.col-10 {
		width: 83.33%;
	}

	.col-11 {
		width: 91.66%;
	}

	.col-12 {
		width: 100%;
	}
}

[class*="colnopad-"] {
	width: 100%;
	box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
	/* For desktop: */
	.colnopad-1 {
		width: 8.33%;
	}

	.colnopad-2 {
		width: 16.66%;
	}

	.colnopad-3 {
		width: 25%;
	}

	.colnopad-4 {
		width: 33.33%;
	}

	.colnopad-5 {
		width: 41.66%;
	}

	.colnopad-6 {
		width: 50%;
	}

	.colnopad-7 {
		width: 58.33%;
	}

	.colnopad-8 {
		width: 66.66%;
	}

	.colnopad-9 {
		width: 75%;
	}

	.colnopad-10 {
		width: 83.33%;
	}

	.colnopad-11 {
		width: 91.66%;
	}

	.colnopad-12 {
		width: 100%;
	}
}
/* End Responsive Grid Css */

/* User Search Box*/
.SearchBox {
	clear: both;
	border: 1px groove;
	/*background-color:#E8E8E8;*/
	background-color: #F0F0F0;
	padding: 10px;
}

	.SearchBox h2 {
		margin: 5px 0px 0px 0px !important;
		font-size: medium;
	}

	.SearchBox .closeButton {
		margin-top: 0;
		float: right;
	}

		.SearchBox .closeButton a {
			margin-top: 0;
			font-size: small;
		}

.closeButton {
	float: right;
	margin-top: 0;
}

	.closeButton a {
		font-size: small;
		margin-top: 0;
	}
/* End User Search Box*/

/* Button Overrides */
.button {
	font-size: 12pt !important;
	padding: 8px 12px !important;
}

a.univBlue, a.button.univBlue, a.pill.univBlue,
input[type="button"].univBlue, input[type="submit"].univBlue, input[type="reset"].univBlue {
	background-color: #00274c !important;
	color: #fff !important;
	border: solid 1px #00274c !important;
}

	a.univBlue:hover,
	input[type="button"]:hover.univBlue, input[type="submit"]:hover.univBlue, input[type="reset"]:hover.univBlue {
		background-color: #fff !important;
		color: #00274c !important;
	}


a.medBlue, a.button.medBlue, a.pill.medBlue,
input[type="button"].medBlue, input[type="submit"].medBlue, input[type="reset"].medBlue {
	background-color: #0059a2 !important;
	color: #fff !important;
	border: solid 1px #0059a2 !important;
}

	a.medBlue:hover,
	input[type="button"]:hover.medBlue, input[type="submit"]:hover.medBlue, input[type="reset"]:hover.medBlue {
		background-color: #fff !important;
		color: #0059a2 !important;
		box-shadow: 1px 1px 6px rgba(0,0,0,.2);
	}

a.lightBlue, a.button.lightBlue, a.pill.lightBlue,
input[type="button"].lightBlue, input[type="submit"].lightBlue, input[type="reset"].lightBlue {
	background-color: #9DBED8 !important;
	color: #222 !important;
	border: solid 1px #9DBED8 !important;
}

	a.lightBlue:hover,
	input[type="button"]:hover.lightBlue, input[type="submit"]:hover.lightBlue, input[type="reset"]:hover.lightBlue {
		background-color: #222 !important;
		color: #9DBED8 !important;
	}

a.gray, a.button.gray, a.pill.gray,
input[type="button"].gray, input[type="submit"].gray, input[type="reset"].gray {
	background-color: #555 !important;
	color: #fff !important;
	border: solid 1px #555 !important;
}

	a.gray:hover,
	input[type="button"]:hover.gray, input[type="submit"]:hover.gray, input[type="reset"]:hover.gray {
		background-color: #fff !important;
		color: #222 !important;
	}

a.orange, a.button.orange, a.pill.orange,
input[type="button"].orange, input[type="submit"].orange, input[type="reset"].orange {
	background-color: #F58220 !important;
	color: #101010 !important;
	border: solid 1px #E17000 !important;
}

	a.orange:hover,
	input[type="button"]:hover.orange, input[type="submit"]:hover.orange, input[type="reset"]:hover.orange {
		background-color: #101010 !important;
		color: #E17000 !important;
	}

a.beige, a.button.beige, a.pill.beige,
input[type="button"].beige, input[type="submit"].beige, input[type="reset"].beige {
	background-color: #DAD6CC !important;
	color: #222 !important;
	border: solid 1px #DAD6CC !important;
}

	a.beige:hover,
	input[type="button"]:hover.beige, input[type="submit"]:hover.beige, input[type="reset"]:hover.beige {
		background-color: #222 !important;
		color: #DAD6CC !important;
	}

a.black, a.button.black, a.pill.black,
input[type="button"].black, input[type="submit"].black, input[type="reset"].black {
	background-color: #000 !important;
	color: #fff !important;
}

	a.black:hover,
	input[type="button"]:hover.black, input[type="submit"]:hover.black, input[type="reset"]:hover.black {
		background-color: #fff !important;
		color: #222 !important;
		border: solid 1px #222 !important;
	}

a.white, a.pill.white, a.button.white,
input[type="button"].white, input[type="submit"].white, input[type="reset"].white {
	background-color: #fff !important;
	color: #222 !important;
	border: solid 1px #aaa !important;
}

	a.white:hover,
	input[type="button"]:hover.white, input[type="submit"]:hover.white, input[type="reset"]:hover.white {
		background-color: #fff !important;
		color: #222 !important;
		border: solid 1px #aaa !important;
	}

a.gradient, input[type="button"].gradient,
input[type="submit"].gradient, input[type="reset"].gradient {
	border: 1px solid #bbb !important;
	display: inline-block;
	color: #101010;
	background: #f4f5f5; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f5f5 0%, #cfcccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4f5f5 0%,#cfcccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4f5f5 0%,#cfcccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f5f5', endColorstr='#cfcccc',GradientType=0 ); /* IE6-9 */
}

a.white:hover,
input[type="button"].white:hover, input[type="submit"].white:hover, input[type="reset"].white:hover {
	box-shadow: 0px 2px 6px rgba(0,0,0,.6);
}

a.gray:hover,
input[type="button"].gray:hover, input[type="submit"].gray:hover, input[type="reset"].gray:hover {
	box-shadow: 0px 2px 6px rgba(0,0,0,.6);
}

a.medBlue:hover,
input[type="button"].medBlue:hover, input[type="submit"].medBlue:hover, input[type="reset"].medBlue:hover {
	box-shadow: 0px 2px 6px rgba(0,0,0,.6);
}
/* End Button Overrides */

/* Table Paging Style */
#pager_style .GridPager td table {
	width: unset !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

	#pager_style .GridPager td table tr {
		border: 0 !important;
	}

.GridPager a, .GridPager span {
	display: block;
	width: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 5px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 0.75em;
}

.GridPager a {
	background-color: #f5f5f5;
	border: 1px solid #969696;
}

.GridPager span {
	background-color: #C3DCF6;
	color: #000;
	border: 1px solid #3AC0F2;
}
/* End Table Paging Style */