html, body {

	font-family: 'Open Sans', sans-serif;

	height: 100%;

}

.noShow {

	display: none;

}



select:focus, input:focus, button:focus {

  outline:0;

}



.nopadding {

	padding: 0;

}



.row {

	margin: 0px !important;

}



.hideOverflow {

	overflow: hidden;

}



.collapseFilters {

	display: none !important;

}



/*****BEGIN TRANSITIONS*****/

a, .schedule td  { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

/*****END TRANSITIONS*****/



/*****BEGIN LOADING CONTROL*****/

.loaderContainer { position: absolute; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff; overflow: hidden; }

.loader, .loader:after {

  -webkit-border-radius: 50%;

     -moz-border-radius: 50%;

          border-radius: 50%;

  width: 10em;

  height: 10em;

}

.loader {

  margin: 0px auto;

  font-size: 10px;

  position: relative;

  text-indent: -9999em;

  border-top: 1.1em solid rgba(0,84,152, 0.2);

  border-right: 1.1em solid rgba(0,84,152, 0.2);

  border-bottom: 1.1em solid rgba(0,84,152, 0.2);

  border-left: 1.1em solid #005498;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  -webkit-animation: load8 1.1s infinite linear;

  -moz-animation: load8 1.1s infinite linear;

    -o-animation: load8 1.1s infinite linear;

       animation: load8 1.1s infinite linear;

  top: -webkit-calc(100vh - 60%);

  top: -moz-calc(100vh - 60%);

  top: calc(100vh - 60%);

  -webkit-transform: translate3d(0, -50%, 0);

     -moz-transform: translate3d(0, -50%, 0);

          transform: translate3d(0, -50%, 0);

  -webkit-box-sizing: content-box;

     -moz-box-sizing: content-box;

          box-sizing: content-box;

}

@-webkit-keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-moz-keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

         transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

         transform: rotate(360deg);

  }

}

@-o-keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    -o-transform: rotate(0deg);

       transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -o-transform: rotate(360deg);

       transform: rotate(360deg);

  }

}

@keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

      -o-transform: rotate(0deg);

         transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

      -o-transform: rotate(360deg);

         transform: rotate(360deg);

  }

}

/*****END LOADING CONTROL*****/



input, select, .ms-parent {

	padding: 5px 10px;

	margin: 0;

	-webkit-border-radius: 0;

	   -moz-border-radius: 0;

	        border-radius: 0;

	font-size: 1em;

	width: 100%;

	cursor: pointer;

	background: #ffffff;

} 



div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.scheduleContainer { width: 100%; margin: 0 auto; overflow: hidden; }

.scheduleContainer table { width: 50%; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.scheduleContainer thead { }

.scheduleContainer tbody { }

.scheduleContainer tr { }

.scheduleContainer th { vertical-align: bottom; left: 1px; padding: 5px 12px; position: relative; width: 200px; border-bottom: 3px solid #434343; background: #F0F0F0; color: #005498; min-width: 150px; }

.scheduleContainer th:first-child { background: #ffffff;  }

.scheduleContainer th.level0 { font-size: 1.2em; }

.scheduleContainer th.level1 { font-size: 1.1em; }

.scheduleContainer th.level2 { font-weight: normal; font-size: 1em; }

.scheduleContainer th.level3 { font-weight: normal; font-size: 0.9em; }

.border-top { position: absolute; top: 0; left: 0; width: 100%; background: #005498; }

.scheduleContainer table.schedule > thead > tr > th > div.border-right { position: absolute; top: 0; right: 0; width: 2px; height: 100%; background: #ffffff; }

.scheduleContainer th.level1 .border-top { height: 2px;}

.scheduleContainer th.level2 .border-top { height: 8px;}

.scheduleContainer th.level3 .border-top { height: 14px;}

/*.scheduleContainer th.level1 .border-right { top: 2px; height: calc(100% - 2px); }

.scheduleContainer th.level2 .border-right { top: 8px; height: calc(100% - 8px); }

.scheduleContainer th.level3 .border-right { top: 14px; height: calc(100% - 14px); }*/

.scheduleContainer td { font-size: 0.7em; color: #ffffff; background: #F0F0F0; border-collapse: collapse; padding: 0; margin: 0; position: relative; -webkit-box-shadow:inset 0 0 0 1px #ffffff; -moz-box-shadow:inset 0 0 0 1px #ffffff; box-shadow:inset 0 0 0 1px #ffffff; border-right:1px solid #ffffff; border-left:1px solid #ffffff; overflow: visible; vertical-align: top; }

.scheduleContainer td:nth-child(odd) { }

.scheduleContainer td:nth-child(even) {  }

.scheduleContainer td:first-child { color: #005498; line-height: 100%; padding: 5px 10px; z-index: 200; text-align: right; background: #ffffff; }

/*****BEGIN TIME SLOTS*****/

.scheduleContainer .eventEntryContainer { font-family: 'Open-sans', sans-serif; width: 100%; min-height: 5px; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-box-shadow:inset 0 1px 0 0 #ffffff; -moz-box-shadow:inset 0 1px 0 0 #ffffff; box-shadow:inset 0 1px 0 0 #ffffff; position: absolute; background: red; cursor: pointer; }

.scheduleContainer .eventEntryContainer:hover { overflow: visible; z-index: 999; background-color: #ffff00; color: #000000; height: auto !important; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.scheduleContainer .leadStrike { width: 100%; min-height: 5px; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: absolute; }

.scheduleContainer .eventEntry { padding: 5px; width: 100%; }

.scheduleContainer .hasBooking { background: #666666; font-weight: normal; font-family: 'Open-sans', sans-serif; vertical-align: middle; }

.scheduleContainer .hasBooking > div { padding: 0px 5px; }



.dataTables_filter {}

.fixedHeader-floating { background: #ffffff; z-index: 10000; }



/*****BEGIN DATE AND TIME*****/

.schedule .date td:first-child:hover, .date td:first-child:hover:before, .date.collapsed td:first-child:hover:before { cursor: pointer; background: #005391; color: #ffffff; border-color: #ffffff; }

.date { font-size: 1.4em; font-weight: bold; font-family:  'Open-sans', sans-serif; } 

.time { font-size: 1.3em; font-weight: normal; font-family: 'Open-sans', sans-serif; }

.date td:first-child:before { font-family: FontAwesome; content:"\f068"; margin-right: 5px; border: 1px solid #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 1px 3px; cursor: pointer; }

.date.collapsed td:first-child:before { font-family: FontAwesome; content: "\f067"; margin-right: 5px; border: 1px solid #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 1px 3px; cursor: pointer; }

.date.collapsed td:first-child { background: #ffffff; }

.date td { background-color: #d0d0d0; z-index: 110; }

/*****END DATE AND TIME*****/



/*****BEGIN PAGINIATION*****/

.schedulePagination { position: relative; z-index: 998; width: 90px; padding: 0 15px 10px; float: right; color: #005498; }

.previousColumn, .nextColumn { 

	-webkit-transition: all .2s ease-in; 

	-o-transition: all .2s ease-in; 

	-moz-transition: all .2s ease-in; 

	transition: all .2s ease-in;

	float: left;

	cursor: pointer;

    margin: 0;

    background: #005498;

    color: #ffffff;

    -webkit-border-radius: 50%;

       -moz-border-radius: 50%;

            border-radius: 50%;

    padding: 2px 4px;

    font-size: 1.2em;

    border: 1px solid #005498;

}

.nextColumn { 

	float: right;

}



.previousColumn:hover, .nextColumn:hover {}



.fa {

	display: block !important;

	padding: 0 4.3px;

}



.fa-caret-right:before {

	margin: 0 -2px 0 0;

}



.fa-caret-left:before {

	margin: 0 0 0 -2px;

}

/*****END PAGINATION*****/



/*****BEGIN WIDTH OVERRIDES*****/

.schedule.dataTable { width: 100% !important;}

.schedule.dataTable td{ min-width: 150px; }

.DTFC_ScrollWrapper { height: 90% !important; }

/*.dataTables_scrollBody { height: 80% !important;  }*/

.adjustedHeight { max-height: -webkit-calc(100vh - 326px) !important; max-height: -moz-calc(100vh - 326px) !important; max-height: calc(100vh - 326px) !important; }

/*****END WIDTH OVERRIDES*****/



/*****JQUERY-UI OVERRIDES*****/

.ui-datepicker { z-index: 999 !important; }

/*****JQUERY-UI OVERRIDES*****/



.scheduleContainer {

	height: 100%;

}



.scheduleContainer .row {

	margin: 0 !important;

}



.scheduleContainer .row .col-sm-12 {

	padding: 0px;

}



.room {

	background: #F0F0F0 !important;

    color: #000000;

    text-transform: uppercase;

    font-size: 20px;

    text-align: center;

    vertical-align: middle !important;

}



.disabled { color: #000000; color: rgba(0, 0, 0, 0.3); }



.ms-parent {

	width: 100% !important;

	padding: 0;

}



.ms-parent input {

	width: auto;

}



.ms-choice {

	border: none;

}



.logo {

	position: relative;

	max-width: 240px;

	z-index: 1100;

}

.logo img {
	max-width: 100%;
}



.options {

	float: right;

	padding: 0 0 0 30px;

}



.tabs {

	border-bottom: 3px solid #D0D2D3;

	display: inline-block;

    width: 100%;

}

.tab {

	font-size: 1.2em;

	text-transform: lowercase;

	padding: 0;

	display: inline-block;

	cursor: pointer;

}



.tab.filters, .tab.status {

	color: #005498;

}



.tab.active {

	background-color: #005498; 

	color: #ffffff;

}



.tabContents {

	padding-top: 5px;

}



.header {

	padding-top: 40px;

}



.bookingStatus {

	padding-top: 5px;

}



.bookingStatus .description{

	padding: 0 5px;

}

.content {

	padding-top: 20px;

}



.venue, .capacity, .start-date, .end-date, #room-Container, #event-type-Container {

	position: relative;

	border: 1px solid #005498;

	padding: 5px;

	color: #005498;

	max-height: 32px;

}



.venue label, .capacity label, .start-date label, .end-date label, #room-Container label, #event-type-Container label {

	position: absolute;

	padding: 0 0 0 5px;

	margin: 0;

}



.venue select#venue, .capacity input, .start-date input, .end-date input {

	padding: 0 0 0 10px;

	text-indent: 105px;

	border: none; 

}



@-moz-document url-prefix() {

    .venue select#venue {

       text-indent: 53px;

    } 

}



.capacity input{

	text-indent: 8.75em;

}



.start-date input {

	text-indent: 6.5em;

}



.end-date input {

	text-indent: 5.5em;

}



.venue select#venue * {

	padding: 0;

}



#room-Container, .capacity, .end-date {

	margin-top: 5px;

}



.ms-parent {

	position: static;

}



.ms-parent span {

	padding: 5px 0 0 60px;

}



#event-type-Container .ms-parent span {

	padding: 5px 0 0 100px;

}



.ms-drop {

	overflow: auto;

}



.ms-drop.bottom {

	margin-left: -5px;

	overflow-x: hidden;

}



.ms-drop > ul {

	overflow: hidden;

}



.ms-drop ul > li {

	position: static;

	display: list-item;

	list-style: disc;

}



.ms-drop ul>li label {

	display: inline-block;

}



.ms-drop input[type=checkbox] { 

	margin: 8px 10px 10px 0px; 

}



select {

	appearance: none;

	-webkit-appearance: none;

	-moz-appearance: none;

	color: #005498;

	background: #ffffff;

}



select::-ms-expand {

    display: none;

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

     /* IE10+ CSS styles go here */

     select { padding: 0 0 0 115px !important; }

}



.ms-choice {

	height: 20px;

	line-height: 20px;

}



.ms-choice > div, .ms-choice > div.open {

	display: none;

}



.ms-choice:after, .venue:after {

	content: "\f107";

    font-family: 'FontAwesome';

    color: #005498;

    padding: 4px 0;

    pointer-events: none;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

    z-index: 1;

    width: 32px;

    font-size: 20px;

}



.venue:after {

	padding: 0;

}



/*****BEGIN SWEET ALERT*****/

.swal2-container{

	z-index: 1260;

}



.swal2-container.swal2-in {

    background-color: #000000;

    background-color: rgba(0,0,0,.6);

}



.swal2-modal {

	-webkit-border-radius: 0px;

	   -moz-border-radius: 0px;

	        border-radius: 0px;

}

.swal2-modal .swal2-title {

	padding: 20px !important;

	background-color: #eeeeee;

	line-height: 1em;

	font-weight: 100;

}



.sweetAlertContent {

	padding: 20px 40px;

}



.sweetAlertContent .row{

	margin: auto;

}



.sweetAlertContent .text {

	font-weight: lighter;

	font-size: 1em;

	text-align: right;

}



.sweetAlertContent .coordinator {

	text-align: left;

	font-weight: bold;

	font-size: 1em;

}



.sweetAlertContent .date {

	font-weight: bold;

	font-size: 1em;

}



.sweetAlertContent .time {

	font-weight: bold;

	font-size: 1em;

	text-align: left;

}



.sweetAlertContent .coordContainer {

	border-bottom: solid 1px #666666;

    padding: 5px 5px 15px;

}



.sweetAlertContent .leadContainer {

	border-bottom: solid 1px #666666;

    padding: 15px 5px;

}



.sweetAlertContent .startContainer {

	padding: 15px 5px 5px;

}



.sweetAlertContent .endContainer {

	padding: 5px 5px 15px;

}



.sweetAlertContent .strikeContainer {

	border-top: solid 1px #666666;

    padding: 15px 5px 5px;

}



.swal2-modal .swal2-styled {

	-webkit-border-radius: 0px;

	   -moz-border-radius: 0px;

	        border-radius: 0px;

	padding: 10px 40px;

	margin-top: 20px;

	margin-bottom: 20px;

}



.swal2-modal .swal2-spacer {

	height: 0px;

	display: none !important;

}

/*****END SWEET ALERT*****/



.tabs label {

	font-weight: 100;

	padding: 5px 10px;

	cursor: pointer;

}



.filtersContainer {}



.filterOptionContainer {

    padding: 0 10px 0 0;

}



.buttonContainer {}



.filterOptionContainer div.columns:not(:last-child) {

	padding: 0 5px 0 0;

}





#filterToggle + .filtersContainer, #statusToggle + .statusContainer {

	display: none;

}



#filterToggle:checked + .filtersContainer, #statusToggle:checked + .statusContainer {

	display: block;

}



/*#statusToggle + .statusContainer {

	display: none;

}



#statusToggle:checked + .statusContainer {

	display: block;

}*/



.applyButton {

	-webkit-border-radius: 0;

	   -moz-border-radius: 0;

	        border-radius: 0;

	background: #005498;

	color: #ffffff;

	font-weight: bold;

	font-size: 1em;

	text-transform: uppercase;

	width: 100%;

	height: 68.2px;

}



.statusKeyContainer div {

	padding-left: 0px;

}

@media screen and (max-width: 991px) {

	.filterOptionContainer {

		padding: 0;

	}



	.filterOptionContainer div.columns:not(:last-child) {

		padding: 0;

	}



	#event-type-Container, .start-date {

		margin-top: 5px;

	}



	.buttonContainer {

		padding-top: 20px;

	}



	.applyButton {

		height: auto;

	}

}



@media screen and (max-width: 768px) {



	.logo {

		max-width: 60%;

		margin: 0 auto;

		float: none;

		text-align: center;

	}

	.header {
		padding-top: 15px;
	}

	.header .options {

		padding: 20px 0;

		float: none;

		position: relative;

		margin: 0 auto;

		width: 90%;

	}



	.filtersContainer {	}



	.filterOptionContainer {

		padding: 0;

	}



	.filterOptionContainer div.columns:not(:last-child) {

		padding: 0;

	}



	#event-type-Container, .start-date {

		margin-top: 5px;

	}



	.buttonContainer {

		padding-top: 20px;

	}



	.applyButton {

		height: auto;

	}



	.sweetAlertContent {

		font-size: 0.8em

	} 

}