/* === UC San Diego Brand Color Variables === */
:root {
	 /* Brand Colors */
	 --ucsd-navy: #182B49;
	 --ucsd-gold: #C69214;
	 --ucsd-yellow: #FFCD00;
	 --ucsd-blue: #00629b;

	 /* Neutral Colors */
	 --ucsd-cool-gray: #747678;
	 --ucsd-sand: #F5F0E6;
	 --ucsd-white: #FFFFFF;
	 --ucsd-black: #000000;

	 /* State Colors */
	 --alert-red: #940A0A;
	 
	 /* font */
	 --ucsd-font: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Global Styles */
a {
	color: var(--ucsd-blue);
}
a:hover,
a:focus {
	color: var(--ucsd-navy);
}

.btn-primary {
	 background-color: var(--ucsd-blue);
	 border-color: var(--ucsd-blue);
}

.btn-primary:hover {
	 background-color: var(--ucsd-navy);
	 border-color: var(--ucsd-navy);
}

#bookings #filter-result-row .panel .panel-heading:not(#date-time-filters-header,#specific-room-filters-responsive,#responsive-attendee-header) {
	 background-color: var(--ucsd-blue);
}

.btn-filter-search {
	 background-color: var(--ucsd-blue) !important;
}

.btn-filter-search:hover {
	 background-color: var(--ucsd-navy) !important;
}

/*label {
	 font-size: 1.1em;
}*/

.lbl-secondary {
	 color: var(--ucsd-sand);
}

caption {
	 font-size: 1.25em;
	 color: White;
}

.primary-color {
	 background-color: var(--ucsd-navy);
	 color: white;
}

.secondary-color {
	 background-color: var(--ucsd-blue);
	 color: white;
}

.tertiary-color {
	 background-color: var(--ucsd-cool-gray);
	 color: white;
}

.fixedDetailView {
	 width: 25em;
	 table-layout: fixed;
}

	 .fixedDetailView td {
		  overflow: hidden;
		  white-space: nowrap;
		  text-overflow: ellipsis;
	 }
.nav-tabs a {
	color: var(--ucsd-blue);
}
.nav-tabs .active a, 
.nav-tabs .active a:hover {
	 color: var(--ucsd-navy) !important;
	 border: none !important;
	 border-bottom: solid 6px var(--ucsd-blue) !important;
	 font-weight: 400;
}
a.current-page {
	 background-color: var(--ucsd-sand);
	 color: var(--ucsd-black) !important;
	 border-left: solid 6px var(--ucsd-blue);
	}

/* Begin Buttons */
.btn {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 cursor: pointer;
}

	 .btn:focus {
		  outline: 0 !important;
	 }

	 .btn:disabled {
		  background-color: var(--ucsd-cool-gray);
		  cursor: not-allowed;
	 }

.btn-text-rotate {
	 display: inline-block;
	 -webkit-transition: all 1s ease;
	 -moz-transition: all 1s ease;
	 -o-transition: all 1s ease;
	 -ms-transition: all 1s ease;
	 transition: all 1s ease;
}

.btn:hover > .btn-text-rotate {
	 -webkit-transform: rotate(270deg);
	 -moz-transform: rotate(270deg);
	 -o-transform: rotate(270deg);
	 -ms-transform: rotate(270deg);
	 transform: rotate(270deg);
}

.btn-cancel {
	 height: 30px;
	 border: 2px solid var(--ucsd-white);
	 font-weight: bold;
	 text-transform: uppercase;
	 font-size: .7em;
	 color: white;
	 background-color: var(--ucsd-cool-gray);
	 padding: 0 10px;
}

	 .btn-cancel:hover:enabled {
		  background-color: var(--alert-red);
	 }

.btn-circle-primary {
	 height: 44px;
	 width: 44px;
	 background-color: var(--ucsd-blue);
	 color: var(--ucsd-white);
	 border: 2px solid var(--ucsd-white);
	 -webkit-border-radius: 50%;
	 -moz-border-radius: 50%;
	 -ms-border-radius: 50%;
	 border-radius: 50%;
	 line-height: 38px;
	 text-align: center;
}

	 .btn-circle-primary:hover:enabled {
		  background-color: var(--ucsd-blue);
	 }

	 .btn-circle-primary:active {
		  background-color: var(--ucsd-cool-gray);
	 }

	 .btn-circle-primary .plus-text {
		  font-size: 1.8em;
		  margin: 0 auto;
		  padding: 0;
	 }

.btn-circle-primary, .btn-small {
	 height: 34px;
	 width: 34px;
	 line-height: 23px;
}

.btn-circle-down {
	 height: 30px;
	 width: 30px;
	 background-color: var(--ucsd-cool-gray);
	 color: var(--ucsd-white);
	 -webkit-border-radius: 50%;
	 -moz-border-radius: 50%;
	 -ms-border-radius: 50%;
	 border-radius: 50%;
	 line-height: 20px;
	 text-align: center;
	 border: 0;
}

	 .btn-circle-down:hover:enabled,
	 .btn-circle-down-hover {
		  background-color: var(--ucsd-cool-gray);
		  cursor: pointer;
	 }

	 .btn-circle-down .plus-text {
		  font-size: 1.8em;
		  margin: 0 auto;
		  padding: 0;
	 }


.btn-large-square {
	 position: relative;
	 width: 200px;
	 height: 50px;
	 border: 0;
	 background-color: var(--ucsd-cool-gray);
	 color: var(--ucsd-white);
	 font-size: 1em;
	 font-weight: bold;
	 margin-top: 10px;
	 transition: width .5s;
}

	 .btn-large-square:hover {
		  width: 250px;
	 }

		  .btn-large-square:hover > .btn-large-square-anchor {
				display: block;
		  }

	 .btn-large-square > .btn-text {
		  float: left;
		  width: 180px;
		  text-transform: uppercase;
		  font-size: .8em;
	 }

.btn-large-square-anchor {
	 display: none;
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 50px;
	 height: 50px;
	 background-color: var(--alert-red);
	 font-size: 1.5em;
	 text-align: center;
}

	 .btn-large-square-anchor > .fa {
		  margin-top: 15px;
	 }

.btnColumn > div { /*button columns on a DX grid*/
	 cursor: pointer;
	 text-align: center;
}

.grid-action-btn {
	 float: left;
	 margin: 0 3px 0 3px;
}

.link-glyph {
	 font-size: 1.2em;
}
/*End Buttons*/

/* grids and detailviews */
.DetailsView-detail-row {
	 border: 4px solid white;
}

.grid-link {
	 cursor: pointer;
	 color: var(--ucsd-blue);
}
/*end grids*/

/* popup content */
.cancel-label {
	 padding-right: 20px;
}

.cancel-left {
	 float: left;
}

.cancel-right {
	 float: right;
}

.cancel-reason {
	 margin-top: 10px;
}

.cancel-notes {
	 margin: 20px 0 110px 0;
}
/* end popup content */

.opacity-1 {
	 -ms-opacity: 1;
	 opacity: 1;
}

.opacity-5 {
	 -ms-opacity: .5;
	 opacity: .5;
}

.requiredAsterisk {
	 color: var(--alert-red);
}

.ApplicationTitle {
	 color: var(--ucsd-blue);
}

.callbackStatus {
	 border: black thin solid;
	 background-color: var(--ucsd-sand);
}

/* menu */
#MenuContainer a {
	 color: var(--ucsd-cool-gray);
	 font-weight: 700;
}

.menuBack {
	 background-image: url(../Images/NavBar-bakgrd.gif);
	 background-repeat: no-repeat;
}

.staticMenuOver, .dropMenuOver {
	 background-color: var(--ucsd-cool-gray);
}

/* BEN 05/03/2012 
.dropMenuOver a, .dropMenuOver a:hover{
	height: inherit;
	padding: 5px;
}
.dropMenuItemBase{
	height: 25px;
	padding: 5px;
}
*/
.dropMenuItemBase {
	 line-height: 25px;
}
/*this should match the color of menuBackImage*/
div.ctl00_mainmenu_0, .dropMenu {
	 background-color: #DEDFE0!important;
}

.blueButton {
	 color: var(--ucsd-white);
}

.yellowButton {
	 color: var(--ucsd-black);
}

.tipHeader {
	 font-weight: bold;
}

.serviceOrder .ui-widget-header {
	 background: var(--ucsd-cool-gray);
	 color: var(--ucsd-white);
}

.white-widget-content {
	  padding: 0 20px 0 20px;
}

.white-widget-header {
	 padding: 0 20px 0 20px;
}

.ui-widget-header a {
	 color: var(--ucsd-white);
}

td.ui-widget-content {
	 border: 1px solid var(--ucsd-white);
}

th {
	 text-transform: uppercase;
	 background-color: White;
	 color: var(--ucsd-cool-gray);
	 font-weight: bold;
	 padding-left: .5em;
	 padding-top: .5em;
	 padding-bottom: .5em;
	 vertical-align: top;
}

.serves {
	 font-size: .9em;
}

div.ui-timePicker li.tpSelected {
	 background-color: var(--ucsd-blue);
	 background: none repeat scroll 0 0 var(--ucsd-blue);
	 color: var(--ucsd-white);
}

#tipDiv, #helpDialog {
	 border-left: 1px solid black;
	 border-right: 1px solid black;
	 border-bottom: 1px solid black;
}

a.tandc {
	 font-size: .6em;
}

.ui-datepicker td.hol a {
	 border: 1px solid #DEACA5;
}

.selectedRoomCR {
	 background-color: #CEF6CE;
}

.loginDiv {
	 max-width: 20em;
	 margin: 0 auto;
	 position:relative;
	 top: 50%;
	 transform: translateY(-10%);
}

/* text list / table */
.text-table
{
	 font-size: 1.1em;
}

.text-table > div
{
	 padding: 5px 0;
	 border-bottom: solid 1px var(--ucsd-white);
}

/***** Help Text *****/
.help-text-icon {
	 color:var(--ucsd-blue);
	 transition-property: color;
	 transition-duration: .3s;
}

.help-text-icon:hover{
	 color:var(--ucsd-blue);
}

/* Typography adjustment*/
body, input, button {
	 font-family: var(--ucsd-font);
}
#wrapper {
	font-family: var(--ucsd-font);
}

/* 
	====== 
	University Communications updates 
	======
*/

/* ==== Site Home page ==== */

.content {
  max-width: 1000px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem; 
}

/* Titles */
.content .page-title {
  font-size: 2.5rem; 
  font-weight: 700;
  line-height: 1.3;
  color: var(--ucsd-navy);
  text-align: center;
  margin: 4rem 0 1rem 0;
}
.content .intro {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 3.5rem;
  color: #555;
  font-size: 1.5rem;
  line-height: 1.6;
}

/* Card grid */
.content .card-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 3rem;
}
.content .card {
	background: var(--ucsd-white);
	padding: 1.5rem;
	border-radius: 1rem;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	text-align: center;
	border-top: 4px solid;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}
.content .card h3 {
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  color: var(--ucsd-navy);
  line-height: 1.2;
}
.content .card .subtext {
	font-weight: normal; 
	display: block;
	font-size: 0.9em;
}
.content .card p {
  font-size: 1.5rem;
  line-height: 1.6;
  color: #555;
}
.content .card a {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.6;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  text-decoration: none;
  color: var(--ucsd-white);
}

/* Card border/links */
.content .card.navy { border-color: var(--ucsd-navy); }
.content .card.navy a { background: var(--ucsd-navy); }
.content .card.navy a:hover { background: #0f1d31; }

.content .card.gold { border-color: var(--ucsd-gold); }
.content .card.gold a { background: var(--ucsd-gold); }
.content .card.gold a:hover { background: #9e7310; }

.content .card.sky { border-color: var(--ucsd-blue); }
.content .card.sky a { background: var(--ucsd-blue); }
.content .card.sky a:hover { background: #004870; }

/* FAQ */
.content .faq h3 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--ucsd-navy);
  text-align: center;
  margin-top: 5rem;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}
.content .faq-items details {
  background: var(--ucsd-white);
  padding: 1.25rem 1.5rem;
  border-radius: 0.75rem;
  box-shadow: 0 2px 5px rgba(0,0,0,0.08);
  cursor: pointer;
}
.content details[open] summary {
	border-bottom: 1px solid var(--ucsd-sand);
	padding-bottom: 1rem;
}
.content .faq-items details a { 
	color: var(--ucsd-blue);
	text-decoration: underline;
	border-bottom: none;
}
.content .faq-items details a:hover { 
	color: var(--ucsd-navy);
	text-decoration: underline;
	border-bottom: none !important;
}
.content .faq-items details + details {
  margin-top: 2rem; 
}
.content .faq-items summary {
  font-weight: 600;
  font-size: 1.5rem;
  color: var(--ucsd-navy);
  line-height: 1.6;
  outline: none;
  display: list-item;
}
.content .faq-items summary .summary-text {
	margin-left: 10px;
}
.content .faq-items p, 
.content .faq-items ul {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #555;
  cursor: initial;
}
.content .faq-items ul {
	padding-left: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 5px;
} 
.content .faq-items strong,
.content .faq-items b {
	font-weight: 600;
}

/* Helper CTA box */
.content .helper {
  	margin-top: 5rem;
	background: var(--ucsd-blue);
	color: white;
	padding: 2rem;
	border-radius: 0.75rem;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.4; 
}
.content .helper p {
  margin: 0; 
}
.content .helper a {
  color: white;
  text-decoration: underline;
}
.content .helper a:hover {
	text-decoration: underline;
	border-bottom: none !important;
}

/* Site Navigation Top Bar */
#header {
	background-color: var(--ucsd-navy);
}
#page-title {
	width: auto;
}
#page-title h1 {
	font-family: var(--ucsd-font);
	font-weight: 700;
	color: var(--ucsd-white);
	margin: 0 !important;
	max-width: none;
	height: auto;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 21px;
}
.ems-logo {
	max-height: 26px;
}
.navbar .container-fluid {
	align-items: center;
	display: flex;
	height: 100%;
}	
#nav-logo-section {
	margin-left: 0;
	margin-right: 0;
	max-width: none;
	display: flex;
	align-items: center;
} 
.navbar .navbar-brand {
	margin: 0;
}
html,
#page-content-wrapper {
	background-color: var(--ucsd-sand);
}
#helpid {
	color: var(--ucsd-white);
}
#user-menu {
	margin: 0 !important;
	padding: 0 !important;
}
#user-menu-section {
	margin-left: auto;
	margin-right: 0;
}
#user-menu-section #helpicon,
#user-menu-section #usernameid {
	background-color: transparent !important;
	padding: 0 !important;
	top: auto !important;
}
#user-menu-section a>i:hover {
	border: 7px solid var(--ucsd-gold);
}
#user-menu-section .user-menu>a #user-name {
	max-width: none;
	padding: 1rem 0;
	height: auto !important;
	color: var(--ucsd-white);
	font-family: var(--ucsd-font);
}
#user-menu>a #user-name:hover {
	color: var(--ucsd-gold);
	font-family: var(--ucsd-font);
}
#user-menu-section ul.navbar-nav li.open {
	max-height: none;
	overflow: visible;
}
#header .toggle-border {
	background-color: transparent !important;
	border: none !important;
}
#invisibleBypassLink {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}
.navbar-default .navbar-toggle {
	margin: 0 !important;
	padding: 0 !important;
	height: auto;
}
.dropdown-menu,
.navbar-nav .open .dropdown-menu {
	position: absolute;
	 top: 100%;
	 left: auto;
	 z-index: 1000;
	 float: none;
	 min-width: fit-content;
	 padding: 5px 0;
	 margin: 2px 0 0;
	 font-size: 14px;
	 text-align: left;
	 list-style: none;
	 background-color: #fff;
	 background-clip: padding-box;
	 border: 1px solid #ccc;
	 border: 1px solid rgba(0, 0, 0, .15);
	 border-radius: 4px;
	 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}	 
.dropdown-menu>li>a {
	padding: 10px 20px;
}
.nav .dropdown-menu li a:not([data-action=close]):not([data-action=today]) {
	font-size: 1.5rem;
}
.nav .dropdown-menu li a:not([data-action=close]):not([data-action=today]):focus, 
.nav .dropdown-menu li a:not([data-action=close]):not([data-action=today]):hover {
	background-color: var(--ucsd-sand);
}
.navbar-toggle i {
	color: var(--ucsd-white) !important;
	font-size: 1.5em;
}
.navbar {
	height: 68px;
}
.navbar-right {
	display: flex;
	align-items: center;
	column-gap: 15px;
}
.nav-tabs {
	border-bottom: solid 1px var(--ucsd-blue);
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background-color: transparent;
	font-weight: 600;
	border-bottom: solid 6px var(--ucsd-blue) !important;
}
.nav-tabs>li>a:hover {
	background-color: transparent;
	color: var(--ucsd-navy);
}

/* Sidebar */
.sidebar-nav li.no-click a {
	color: var(--ucsd-navy);
}
.sidebar-nav li a {
	color: var(--ucsd-blue);
	font-weight: 500;
}
.sidebar-nav li a .fa {
	color: var(--ucsd-navy);
}
a.current-page:hover {
	border-left: solid 6px var(--ucsd-gold) !important;
}
.sidebar-nav li:hover {
	background-color: var(--ucsd-sand);
}

/* Footer */
.footer {
	background-color: var(--ucsd-sand);
	padding: 5px 16px;
	height: auto;
	border-top: solid 2px #e5e5df;
}
.ems-logo-link1,
.ems-footer-logo,
.footer label.line {
	display: none;
}
#sidebar-wrapper-footer {
	height: auto;
}
.footer-elements {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 15px;
	background: transparent;
}
label.line,
#lbl_Master,
label.recurrence-label-text1,
a.link-footer .linkcolor {
	color: var(--ucsd-navy);
	font-family: var(--ucsd-font);
	font-weight: 400;
	margin: 0;
	height: auto;
	width: auto;
	background: transparent;
}
a.link-footer,
.footer-elements-recursive {
	margin: 0;
}
a.link-footer .linkcolor {
	color: var(--ucsd-blue);
	text-indent: initial;
	text-decoration: underline;
}
a.link-footer .linkcolor:hover {
	color: var(--ucsd-navy);
}
.footer-menu-list-item {
	float: none;
}

/* Alert box */
.content .alert {
	background: var(--ucsd-white);          
	color: var(--ucsd-navy);       /* UCSD navy text */
	border: 1px solid var(--alert-red);     /* alert color border */
	border-left: 6px solid var(--alert-red); /* alert color */
	padding: 2.5rem;
	margin: 1.5rem auto;
	border-radius: 0.5rem;
	font-size: 1.8rem;
	line-height: 1.2;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	max-width: 800px;
	display: flex;
	align-items: center;
	gap: 20px;
}
.content .alert p {
	line-height: 1.6;
}

/* Alert icon */
.alert-icon i {
  color: var(--alert-red);  /* alert color */
  font-size: 2.5rem;
}

/* Media Queries */
@media (max-width: 767px) {
	#page-title-responsive h1 {
		display: block;
		float: none !important;
		margin: 20px 0 30px 0;
		font-weight: 700;
	}
}

@media (min-width: 768px) {
	#page-title-responsive h1 {
		display: none;
	}
	#page-title {
		display: block;
	}
	.content .card-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}