#firebaseui-auth-container {
	margin-top: 100px;
	display: none;
}

h2 {
	text-align: center;
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
	color: black;
	background-color: lightgray;
}

.mdl-layout__header {
	background-color: #202763;
}

.mdl-layout-icon {
	width: 48px;
	/*margin-right: 10px;*/
}

.mdl-layout__drawer {
	width: 360px;
	transform: translateX(-370px);
}

.mdl-layout__drawer>.mdl-layout-title {
	display: flex;
	flex-direction: column;
	font-weight: bolder;
	padding: 16px;/*24px 8px 24px 8px;*/
	background-color: #202763;
	color: rgba(255, 255, 255, 1);
	white-space: nowrap;
	overflow: hidden;
}

.mdl-layout-title {
/*
	display: flex;
	font-weight: bolder;
	padding-left: 5px !important;
	background-color: #202763;
	color: rgba(255, 255, 255, 1);
*/
}

.mdc-menu .mdc-list-item--disabled .material-icons {
	filter: opacity(0.5);
}

.settings_button,.sign_out_button,.go_to_legacy_button {
	cursor: pointer;
}

.nextButton .material-icons, .againButton .material-icons {
	font-size: 32px;
}

.userIcon {
	font-size: 64px;
/*
	margin: auto;
	margin-top: 20px;
*/
}

#userAvatar {
	width: 48px;
	height: 48px;
	border-radius: 24px;
}

.userProfile {
	overflow: hidden;
	line-height: initial;
	margin: 8px 0px 0px 8px;
}

.whenLogged {
	display: none;
}

.noAccount {
	display: none;
}

.noAccount img.no_account_icon {
	width: 25%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 2em;
}

.noAccount p {
	text-align: center;
	font-family: "Roboto", "Helvetica","Arial",sans-serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
}

.noAccount p.title {
	text-transform: uppercase;
	color: slategray;
}

.noAccount p.subtitle {
	font-size: 22px;
	font-weight: 800;
	color: steelblue;
	text-align: left;
	margin-bottom: 0;
}

.noAccount p.description {
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	margin-left: 2em;
	color: slategrey;
}

img.logo_with_text {
	height: 28px;
	vertical-align: text-bottom;
}

.mdl-button.logout {
	margin: 12px;
}

.google_play_badge {
	width: 150px;
}

.box {
	background-color: seashell;
	margin: 20px;
	padding: 20px;
/*
	border-radius: 25px;
	border-style: solid;
	border-width: 1px;
*/
}

.notConfigured {
	display: none;
}

.notConfigured p {
	text-align: center;
	font-family: "Roboto", "Helvetica","Arial",sans-serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
}

.isConfigured {
	display: none;
}

.whenWindowSelected {
	display: none;
}

.windowCell {
	text-align: center;
}

.windowIcon {
	width: 32px;
	height: 32px;
	vertical-align: middle;
	display: inline-block;
	background: url(../img/ic_window.svg) no-repeat center;
	background-size: contain;
	margin-bottom: 5px;
	margin-right: 5px;
}

.windowWidget {
	width: 200px;
	margin: 10px;
}

.topPanelButtons {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

#servicesButton {

	vertical-align: bottom;

	padding-left: 0px;
	padding-right: 4px;

	border-radius: 5px 10px 0px 0px;
}

#viewTypeButton {
	border-radius: 10px 5px 0px 0px;
}

.serviceIcon {
	width: 28px;
	height: 28px;

	margin-left: 8px;
	margin-bottom: 4px;
	margin-right: 4px;

	vertical-align: middle;
	display: inline-block;
	background: url(../img/ic_service.svg) no-repeat center;
	background-size: contain;
}

.services-menu {
	width: 240px;
	padding-top: 0px;
}

.services-menu .mdl-list__item {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.services-menu .mdl-list__item:first-child {
	padding: 0px;
	margin: 0px;
	justify-content: space-evenly;
}

.services-menu div.color-icon {
	display: inline-block;
	width: 12px;
	background-color: transparent;
	height: 32px;
	margin-right: 8px;
	border-radius: 3px;
}

.service-view-type {
	justify-content: space-around;
}

.view-type-menu li {
	cursor: pointer;
}

.view-type-menu span {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}

.view-type-menu .mdl-radio__label {
	white-space: nowrap;
}

.view-type-menu .mdl-radio__label span {
	margin-left: 8px;
}

.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
	color: rgb(13, 173, 38)
}

.mdl-list__divider hr {
	margin: initial;
}

.serviceWidget {
	width: 200px;
	max-height: 170px;
	overflow-y: auto;
	margin: 10px;
}

.serviceTabs,.multiServicePanel {
/*
	width: 100%;
	max-width: 600px;
	margin: auto 50px auto 10px;
*/
	height: 480px;
	background-color: cornflowerblue;
	position: relative;

	/*border-radius: 0px 10px;*/
}

.mdl-tabs__tab {
	color: white;
}

.mdl-tabs__tab-bar {
	/*margin-left: 75px;*/
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
	color: white;
	font-weight: 600;
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
	height: 5px;
	background: rgb(255, 255, 255);
}

/*
.mdl-tabs__tab-bar a[href="#multiservice_panel"] {
	display: none;
}

.mdl-tabs__tab-bar.arrivalOrder a[href="#multiservice_panel"] {
	display: block;
}

.mdl-tabs__tab-bar a:not([href="#multiservice_panel"]) {
	display: block;
}

.mdl-tabs__tab-bar.arrivalOrder a:not([href="#multiservice_panel"]) {
	display: none;
}
*/

.mdl-badge[data-badge]:after {
	background: red;
}

.mdl-dialog__title {
	font-size: 2rem;
}

.mdl-dialog {
    border-radius: 16px;
}

/*** For visitors list ***/
.visitorsList .mdl-list__item--three-line .mdl-list__item-primary-content {
	display: flex;
	flex-direction: column;

	text-align: center;
	height: initial;
}

.hasRegistration .visitorsList .mdl-list__item--three-line {
	height: auto;
	/*height: 130px;*/
}

.mdl-list__item--three-line .mdl-list__item-secondary-content {
	/*height: 80px;*/
	margin: 0px 0px 0px 0px;
}

.mdl-list__item .mdl-list__item-secondary-content {
	justify-content: space-between;
	flex-direction: row;
}

.mdl-list__item .mdl-list__item-secondary-content button {
	color: forestgreen;
	flex-direction: row;
}

/*
.mdl-list__item .mdl-list__item-secondary-content button {
	margin: 4px;
	border-width: 1px;
	border-style: solid;
	border-radius: 8px;
	border-color: darkgray;
}
*/

.mdl-list__item--three-line .mdl-list__item-text-body {
	height: fit-content;
	margin-top: 15px;
}

.mdl-dialog__actions button {
	color: forestgreen;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
	white-space: nowrap;
	padding-left: 8px;
}

.mdl-navigation__link i.material-icons {
	margin-right: 8px;
}

.servicePanel .visitorsList {
	width: 280px;
	max-height: 350px;
	position: absolute;
	bottom: 105px;
	background-color: white;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 5px;
	overflow-y: auto;

	background-color: darkgray;
}

.visitorsList > .mdl-list__item {
	margin: 5px;
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	background-color: whitesmoke;

	padding: 0px;
/*
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
*/

	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
}

.visitorItem .visitorTicket {
	font-size: 22px;
	font-weight: 500;

	/*margin: 8px;*/
}

.visitorItem .ticketIcon {
/*
	width: 28px;
	height: auto;
*/
	margin-left: 8px;
}

.visitorsList .clockIcon {
	margin: 2px;
	margin-top: 0px;
}

.visitorItem .visitorIDLabel {
	font-size: x-small;
}

.visitorItem .visitorIDValue {
	font-weight: 600;
}

.visitorItem .visitorWait {
	font-size: .7em;
	margin: 8px;
	margin-left: 0;
}

.visitorServiceLine {
	display: none;
}

/*
.multiServicePanel .visitorServiceLine {
	display: flex;
	justify-content: space-between;
	align-self: stretch;

	margin-bottom: 4px;
	padding: 4px;
}
*/

.visitorServiceLine span:first-child {
	font-weight: 600;
}

/*
.multiServicePanel .visitorServiceLine .visitorWait {
	margin: 0px;
}

.multiServicePanel .visitorTopLine .visitorWait {
	display: none;
}
*/

.visitorTopLine {
	align-self: stretch;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.flexContainer {
	display: flex;
	align-items: center;
}

.serviceColor {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border-width: 1px;
	border-style: solid;
	border-color: darkgray;
	margin-left: 8px;
}

/*
.multiServicePanel .visitorTopLine {
	justify-content: space-evenly;
}
*/

.visitorItem .idDiv {
	display: flex;
	flex-direction: column;
}

/*
.visitorsList .visitorTopLine .idDiv {
	display: none;
}

.visitorTopLine .idDiv {
	margin-right: 4px;
}

.multiServicePanel .idDiv {
	display: none;
}

.multiServicePanel .visitorTopLine .idDiv {
	display: flex;
	max-width: 100px;
	max-height: 55px;
	overflow: hidden;
}
*/

/************************/

.bottomButtons {
	display: flex;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;

	padding-bottom: 5px;
}

.waitIcon {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
	background: url(../img/ic_waiting.svg) no-repeat center;
	background-size: contain;
}

.detachedServices {
	display: none;
}

.visitorsButton {
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.mdl-list {
	padding: 2px 0;
}

.servicePanel .jumpToButton {
	right: 10px;
	float: right;
	top: 40px;
	border-radius: 8px;
}

.jumpToIcon {
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	margin-bottom: 4px;
	background-image: url(../img/ic_jump_to.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.servicePanel .forwardButton {
	right: 40px;
	float: right;
	bottom: 160px;
	position: absolute;

	margin: 4px;
	border-radius: 8px;

	visibility: hidden;
}

.servicePanel.hasChainedServices.hasCall .forwardButton {
    visibility: unset;
}

.servicePanel.hasChainedServices.hasCall.isForwarded .forwardButton {
    visibility: hidden;
}

.turnInfoContainer .forwardButton {
	border-radius: 8px;
	background-color: white;
	min-width: 10em;

    height: 0;
	margin-top: 0;

    visibility: hidden;
}

.turnInfoContainer.hasChainedServices.hasCall .forwardButton {
    visibility: unset;
    height: unset;
	margin-top: 16px;
}

.turnInfoContainer.hasChainedServices.hasCall.isForwarded .forwardButton {
    height: 0;
	margin-top: 0;

    visibility: hidden;
}

.turnInfoContainer .forwardedToLabel, .turnInfoContainer .forwardedToValue {
	display: none;
}

.turnInfoContainer .forwardedToLabel {
	margin-top: 16px;
}

.turnInfoContainer .forwardedToValue {
	font-weight: bold;
	font-size: 1.4em;

}

.turnInfoContainer.hasChainedServices.hasCall .forwardedToLabel, .turnInfoContainer.hasChainedServices.hasCall .forwardedToValue {
    display: none;
}

.turnInfoContainer.hasChainedServices.hasCall.isForwarded .forwardedToLabel, .turnInfoContainer.hasChainedServices.hasCall.isForwarded .forwardedToValue {
    display: block;;
}

.forwardDialog .mdl-dialog__content {
	display: grid;
}

.forwardDialog .mdl-dialog__content button {
	margin: 16px;
	border-radius: 8px;
	/*background-color: burlywood;*/
}

.forwardIcon {
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../img/ic_enqueue_arrow_black.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.forwardMultiIcon {
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	margin-bottom: 4px;
	background-image: url(../img/ic_enqueue_wide.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.servicePanel .forwardIcon {
	background-image: url(../img/ic_enqueue_wide.svg);
	margin-right: 4px;
	margin-bottom: 4px;
}

.servicePanel .mdl-button {
	display: inline-block;
}

.servicePanel .mdl-button span {
	display: inline-block;
}

.servicePanel .forwardButton {
	min-width: 160px;
}

.nextButton {
	flex: 2;
	margin: 5px;
	/*margin-right: 0;*/
	height: initial;
	margin-left: 20px;
	margin-right: 20px;
}

.hasCheckin .nextButton {
	margin-right: 2px;
}

.servicePanel .popVisitorsButton {
	flex: .5;
	margin: 5px;
	margin-right: 0;
	height: initial;

	/*min-width: 40px;*/
	max-width: 50px;
	margin-right: 20px;
	display: none;
}

.servicePanel.hasCheckin .popVisitorsButton {
	display: inline-block;
}

.againButton {
	flex: 1;
	margin: 5px;
	height: initial;
	margin-left: 20px;
	margin-right: 20px;
}

/*
. {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50px;
	bottom: 0px;
}
*/

.multiServicePanel .visitorsList {
	display: block;
	overflow-y: auto;

/*
	position: absolute;
	left: 0;
	right: 0;
	top: 48px;
	bottom: 100px;
*/
	margin: 20px;
}

.multiServicePanel .visitorsList .mdl-list__item {
	height: auto;
	/*height: 130px;*/
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	background-color: ghostwhite;

	border-style: solid;
	border-color: transparent;
	border-width: 2px;
}

.servicePanel {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50px;
	bottom: 0px;
}

.topDiv {
	display: flex;
	flex-direction: row;

	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 100px;
}

.multiServicePanel .visitorsList {
	flex: 1;

	background-repeat: no-repeat;
	background-position: center;
	background-size: 240px;
}

.serviceTabs .turnInfoContainer {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 100px;
	transform: translate(-50%);

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.multiServicePanel .turnInfoContainer {
	display: flex;
	flex-direction: column;
	flex: 0 0 100px;
	align-self: flex-end;

	margin: 8px;
	margin-left: 20px;
	justify-content: space-evenly;
	align-items: center;

	border-radius: 8px;

	padding: 24px;

/*
	position: absolute;
	left: 0;
*/
	/*right: 0;*/
/*
	top: 0;
*/
	/*height: 48px;*/
	transform: initial;

/*
	margin: 5px;
	margin-left: 16px;
*/
}

.turnInfoContainer > div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.nowServingLabel {
	font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
	font-size: 28px;
}

.multiServicePanel .nowServingLabel {
	font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
	font-size: 1em;
}

.turnLabel {
	flex: 0 0 100px;

	vertical-align:middle;

	align-items: center;

	font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
	font-size: 100px;
	font-weight: bold;
	text-align: center;
	line-height: initial;
}

.multiServicePanel .turnLabel {
	flex: 0 0 auto;
	font-size: 2em;
}

.idNameLabel {
	display: none;
	margin-top: 15px;

	font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
	font-size: 24px;
}

.multiServicePanel .idNameLabel {
	margin-top: 4px;
	font-size: 12px;
}

.hasRegistration .idNameLabel {
	display: block;
}

.idValueLabel {
	display: none;
	margin-top: 15px;

	text-align: center;

	line-height: initial;

	font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
	font-weight: bold;
}

.servicePanel .idValueLabel {
	font-size: 2em;
}

.multiServicePanel .idValueLabel {
	margin-top: initial;
	font-size: 1.5em;
}

.hasRegistration .idValueLabel {
	display: block;
}

.settingsDialog .mdl-dialog__content>label:not(:first-child) {
	margin-top: 48px;
}

.jumpServicePrefix {
	align-self: center;
	font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	color: black;
}

.jumpNumberExcess {
	align-self: center;
	font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
	font-size: 38px;
	font-weight: bold;
	text-align: center;
}

.jumpNumber {

	display: grid;
	align-self: center;
/*
	vertical-align:middle;
	align-items: center;
	height: 360px;
	width: 100%;
*/

	font-family: 'Roboto','Helvetica','Arial',sans-serif !important;
	font-size: 50px;
	font-weight: bold;
	/*text-align: center;*/
	color: black;
}

.mdl-dialog.jumpDialog {
	width: 340px;
}

.jumpRow {
	display: flex;
	justify-content: center;
	flex-direction: row;
	margin-bottom: 20px;
}

.jumpDialog .mdl-dialog__content {
	padding-top: 60px;
	padding-bottom: 40px;
	text-align: center;
}

.jumpDialog .mdl-button {
	color: forestgreen;
}

.decTurn, .incTurn {
/*
	flex: 1;
	margin: 10px;
*/
}

button[is="google-cast-button"] {
	width: 48px;
}

/*
.firebaseui-idp-text {
	color: #757575;
}*/

.firebaseui-idp-facebook,.firebaseui-idp-facebook:hover,.mdl-button.firebaseui-idp-facebook:active,.mdl-button.firebaseui-idp-facebook:focus {
	background-color: #3b5998
}

.firebaseui-idp-password,.firebaseui-idp-password:hover,.mdl-button.firebaseui-idp-password:active,.mdl-button.firebaseui-idp-password:focus {
	background-color: #db4437;
}

.firebaseui-idp-google,.firebaseui-idp-google:hover,.mdl-button.firebaseui-idp-google:active,.mdl-button.firebaseui-idp-google:focus {
	background-color: #fff
}

.mdl-layout__content {
	background-color: gainsboro;
}

img.beta {
	margin-left: 8px;
	width: 2em;
}

/********************************************************************/
.spinAnimation {
	-webkit-animation: spin .8s 1 alternate ease-out forwards;
	-moz-animation: spin .8s 1 alternate ease-out forwards;
	animation: spin .8s 1 alternate ease-out forwards;
}
@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}
/*
@-webkit-keyframes spin {
	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
	}
}
@-moz-keyframes spin {
	100% {
		-moz-transform: translateX(-50%) translateY(-50%) rotate(360deg);
	}
}
@keyframes spin {
	100% {
		transform: translateX(-50%) translateY(-50%) rotate(360deg);
	}
}
*/

/********************************************************************/
.shrinkAnimation {
	-webkit-animation: shrink .8s 1 alternate linear forwards;
	-moz-animation: shrink .8s 1 alternate linear forwards;
	animation: shrink .8s 1 alternate linear forwards;
}

@-webkit-keyframes shrink {
	100% {
		-webkit-transform: scale(.01);
	}
}
@-moz-keyframes shrink {
	100% {
		-moz-transform: scale(.01);
	}
}
@keyframes shrink {
	100% {
		transform: scale(.01);
	}
}
/*
@-webkit-keyframes shrink {
	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) scale(.01);
	}
}
@-moz-keyframes shrink {
	100% {
		-moz-transform: translateX(-50%) translateY(-50%) scale(.01);
	}
}
@keyframes shrink {
	100% {
		transform: translateX(-50%) translateY(-50%) scale(.01);
	}
}
*/

/********************************************************************/
.stretchAnimation {
	-webkit-animation: stretch .8s 1 reverse linear backwards;
	-moz-animation: stretch .8s 1 reverse linear backwards;
	animation: stretch .8s 1 reverse linear backwards;
}
@-webkit-keyframes stretch {
	100% {
		-webkit-transform: scale(.01);
	}
}
@-moz-keyframes stretch {
	100% {
		-moz-transform: scale(.01);
	}
}
@keyframes stretch {
	100% {
		transform: scale(.01);
	}
}
/*
@-webkit-keyframes stretch {
	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) scale(.01);
	}
}
@-moz-keyframes stretch {
	100% {
		-moz-transform: translateX(-50%) translateY(-50%) scale(.01);
	}
}
@keyframes stretch {
	100% {
		transform: translateX(-50%) translateY(-50%) scale(.01);
	}
}
*/

/*****

CUSTOM LEGEND
**********************************/

.mdl-shadow--2dp {
	box-shadow: none;
}

.firebaseui-info-bar {
	/*margin-top: 20px;*/
}

div.mdl-progress::after {
	display: block;
	color: black;
	content: "Loading\2026";
/*margin: 20px auto;*/
	padding-top: 20px;

	text-align: center;
}

.mdl-card.firebaseui-container.firebaseui-id-page-callback {
	background-image: url(../img/ic_logo_text.svg);
	background-position: center;
	background-size: 160px;
	background-repeat: no-repeat;
}

.mdl-progress {
	/*height: 5px;*/
}