@charset "utf-8";
/* CSS Document */

html,body {
	font-family:'Roboto', 'Open Sans', sans-serif;
	color:#333333;
}


/* === Typography === */

h1 	{ font-size:2.1em; font-weight:600;  }
h2 	{ font-size:2em; font-weight:600; color:#333333; }
h3 	{ font-size:1.3em; font-weight:400; padding-left:0; border-left:none; }
h4 	{ font-size:1.3em; font-weight:400; }
h5 	{ font-size:1.2em; font-weight:400;}
h6 	{ font-size:1.1em; font-weight:400; }

p 		{ font-size:.9em; line-height:1.2em; font-weight:400;  }
p > a 	{ text-decoration:underline; color:#333333; }

a 		{ text-decoration:underline; }
a:hover { text-decoration:underline; }

.text-highlight { color:#333333; }

.pageHint { color:#333333; }




/* === Form Inputs & Buttons === */

input, select, textarea {
	display:inline-block;
	width:100%;
	padding:8px;
	border:none;
	border-radius:0;
	background:#fff;
	border:solid 1px #bbb;
	margin-bottom:25px;
	font-size:14px;
}

input:hover, select:focus, textarea:focus { 
	outline:none;
	border-color:#EF2C8D;
}

select {
	min-height:34px;
}
	
.btn, .btn-o, .btn-cancel, input[type="submit"], input[type="button"], button {
	display:inline-block;
	width:auto;
	padding:10px;
	border-radius:3px;
	border:solid 1px #2e6da4;
	background:#337ab7;
	color:white;
	margin:10px 0 20px 0;
	cursor:pointer;
	transition:0.2s ease;
	text-decoration:none !important;
	font-weight:300;
	text-align:center;
}


.btn:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover {
	color:white;
	background:#2e6da4;
	border-color:#2e6da4;
}

form {
	margin-top:15px;
	padding-top:15px;
}


/* === Tables === */

table {
	display:block;
	overflow:auto;
}

/* Following CSS prompts users to view tables in landscape mode when using a mobile device */
@media(max-width:550px) {
	table:before { color:#333333; }
}



/* === Lists === */

ol {
	list-style:none;
	padding:0;
	margin-bottom:20px;
}

ol li+li {
	padding-top:10px;
}

ul.list-inline {
	margin-left:-5px;
	margin-bottom:-5px;
}

ul.list-inline li {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
}



/* === Master layout config === */

.site-wrap { width:100%; min-height:100%;  }

.site-wrap > header 	{ width:100%; }
.site-wrap > main 	{ margin:0 0 30px 0; min-height:75%; min-height:50vh; max-width:none; }
.site-wrap > footer 	{ width:100%;  }

.site-wrap > main > .row 	{ flex-wrap:nowrap; -ms-flex-direction:row-reverse; flex-direction:row-reverse; align-items:flex-start; }
.site-wrap > main .menu 	{ }
.site-wrap > main .content	{ overflow:auto; position:relative; }
.site-wrap > main .calendar	{ margin-bottom:20px;}

.site-wrap > main .content > .row { flex-direction:row; }

@media (max-width:768px) {
	.site-wrap > main 		{ margin:0; }
	.site-wrap > main > .row 	{ flex-wrap:wrap; }
	.site-wrap > main .menu 	{ margin-top:20px; }
	.site-wrap > main .content 	{ padding-top:30px; }
	.site-wrap > main .calendar	{ display:none; }
}




/* === Menu === */

.menu {
	max-width:450px !important;
	min-width:0;
}

.menu ul {
	list-style:none;
	margin:0;
	padding:0;
}

.menu ul li {
	font-size: 1.1em;
    border-radius: 0;
    background-color: #e9e9e9;
   	border-left: 5px solid #EF2C8D;
   	border-bottom-width: 0 !important;
   	margin-bottom: 5px;
	border-top:none !important;
}

.menu ul li a { padding:15px; }
.menu li a:hover { padding-left:15px; color:#333333; }

ul.dropdown-menu { display:none; }

ul.dropdown-menu li {
	border:none;
	font-size:1em;
}


@media(max-width:768px) {

	.menu {
		padding-top:0;
		width:100%;
		max-width:none !important;
	}
}
	


/* === Misc form fixes === */

fieldset { margin:0 0 20px; border:none; }
legend { font-size:1.3em; font-weight:400; padding-left:0; border-left:none; margin-bottom:20px; }



/* === Tabs === */

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#333333 !important; }


/* === Progress Bar === */

#progressBar ul li a.currentWorkflowStep { color: #333333; }
#progressBar ul li a.currentWorkflowStep:visited { color: #333333; }



/* === HEADER === */

.header {
	border-bottom:solid 10px #252525;
}

.header .logo {
	margin:15px 0;
	max-width:100%;
}

.header .btn, .header input {
	margin:0;
}

.header .btn-account {
	height:100%;
	width:100%;
	border-radius:0;
	background:#252525;
	border:none;
	font-size:1.7em;
	padding:20px;
	text-align:center;
	position:relative;
}


.header .fa {
	margin:0;
}

.header .btn-account .fa {
	font-weight:bold;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}


.header form {
	width:100%;
	padding:0;
	margin:15px 0;
	border:none;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:flex-end;
	-ms-justify-content:flex-end;
	justify-content:flex-end;
}

.header form input {
	width:50%;
}

.header form .btn {
	background:#ef2c8d;
	border-color:#adadad;
	border-left:none;
	border-radius:0 3px 3px 0;
}


.user-display {
	width:100%;
	padding:20px 0;
	display:flex;
	justify-content:space-between;
}

.user-display ul {
	margin:0;
}

.menu-toggle {
	margin:0;
	padding:15px;
	background:#ef2c8d !important;
	border-color:#adadad !important;
	display:none;
}

@media(max-width:950px) {
	.header .search-form {
		display:none;
	}
}

@media(max-width:768px) {

	.user-display { flex-direction:row-reverse; padding-bottom:0; }
	.menu-toggle { display:inline-block; }

	.header .btn-account { font-size:1.2em; }
}



/* === FOOTER === */

.footer {
	background:#000000;
	color:white;
	padding-bottom:20px;
}

.footer .blue-footer-bg a {
	text-decoration:none;
}

.footer .blue-footer-bg {
	background:#266a7f;
	margin-bottom:20px;
	padding:20px 0 40px;
}

.footer h6 {
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:0;
}

.footer .blue-footer-bg .list-inline li {
	width:320px;
	padding-bottom:10px;
}

.footer .list-group {
	margin:0;
}

.footer .list-group li {
	padding:0 0 10px;
	border-bottom:1px dotted #2b2828;
}

.footer .list-group li + li {
	padding-left:10px;
}

@media(max-width:768px) {

	.footer .row > div {
		margin-bottom:30px;
	}

	.footer ul.list-group li {
		width:100%;
		padding:10px 0;
	}

	.footer .blue-footer-bg .list-inline li {
		width:100%;
	}

}


/* === MISC Form fixes === */

.zip-editor-label {
	font-weight:bold;
	display:inline-block;
	margin-right:10px;
}

.zip-editor-field {
	float:none !important;
}


label + input[type="radio"] + label {
	margin-left:15px;
}

.zip-editor-label + label {
	font-weight:normal;
}




/* -- Manageable resources quick fix --*/

.manageable-resources {
	width:100%;
	display:flex;
	flex-flow:row;
	flex-wrap:no-wrap;
	align-items:center;
}
		

.roleSelectionSelectList, 
.chargeTypSelectionSelectList, 
.resourceSelectionSelectList, 
.roleGroupsSelectionSelectList,
.bookingtypeDetailSelectionSelectList
{
	width:46% !important;
	float:left;
	margin:0 0 30px;
	height:250px;
}


.switchRolesButtons, 
#switchRolesButtons, 
#switchRoomLayoutButtons, 
#switchChargeTypesButtons, 
#switchResourcesButtons, 
#switchSubCategoriesButtons, 
#switchRoleGroupsButtons
{
	width:8%;
	float:left;
	margin:80px 0 0;
	padding:5px;
	text-align:center;
}

.switchRolesButtons > *, 
#switchRolesButtons > *, 
#switchRoomLayoutButtons > *, 
#switchChargeTypesButtons > *, 
#switchResourcesButtons > *, 
#switchSubCategoriesButtons > *, 
#switchRoleGroupsButtons > *
{
	display:block;
	margin:0 auto 1px;
	width:100%;
	max-width:40px;
}

table .roleSelectionSelectList, 
table .chargeTypSelectionSelectList, 
table .resourceSelectionSelectList, 
table .roleGroupsSelectionSelectList
{
	
}

.manageable-resources input[type="button"] {
	margin:0 0 2px;
}



/* Fix for calendar selection on booking forms */

#calendarContainer {
	float:none !important;
}

.ui-datepicker select {
	display:inline-block;
	width:auto !important;
}

#calendarDatePicker {
	float:none !important;
}

#calendarContainer + div {
	float:none !important;
	text-align:left !important;
}




table.mceLayout { margin-bottom:20px; }
#editContainer { overflow:auto !important; }
	
	
/* Dropdown selectors in lists */

li select {
	margin-top:20px;
}


ol.user-options li {
	padding:0 !important;
}

/* Center the rights reserved message in footer */
#footerBottomBar {
	text-align: center !important;
	padding-bottom: 5px !important;
}