.login-style {

/*	background: url("/images/geminiloginbg.jpg");*/
	background: white;
	background-size: cover;
	background-position: center;
}

.bad-background {
background: rgb(128,0,128);
}

.fusion-login-panel {
	background: rgba(255, 255, 255, 255);
}

.widget-background {
    background: rgb(255,255,255);
}

.login-wrapper {

	border-style: solid;
	border-width: 0px;
	border-radius: 16px;
    padding: 1rem;
	border-color: rgb(128, 128, 128);
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1), 0 12px 40px 0 rgba(0, 0, 0, 0.1);
	position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}


.portal-login-note {
	margin-top: 16px;
	margin-bottom: 16px;
}

.portal-widget-menucog {
	margin-top: -0.25rem;
}

.right-wrapper {
  float: right;
}

.tiny-text {

	font-size: 0.7rem;
}


.login-sideheading {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2rem;
	background-color: rgba(0, 0, 0, 0.4);
}

.attach-bottom {
	position: absolute;
	bottom: 1rem;
	left: 0rem;
}


.centered-content {
	margin: 0 auto;
}

.centered-dialog {
	max-width: 40rem;
	min-width: 32rem;
}

.right-content {
	text-align: right;
}

.center-text {
	text-align: center;
}



.fusionclickablecontent {

	cursor: pointer;
}

.fusionclickablecontent:hover {

	text-decoration: underline;
	-webkit-text-decoration-line: underline !important;
}

.action-item {
	color: var(--lumo-contrast) !important;
}

.pointer {
	cursor: pointer;
}

.fusionclickablecontent-link {

	color: rgb(8,8,128);
	cursor: pointer;
}

.fusionclickablecontent-link:hover {

	text-decoration: underline;
	-webkit-text-decoration-line: underline !important;
}

.entity-header-section {

    background: rgb(232, 232, 242);
    border-style: solid;
    	border-width: 0px;
    	border-radius: 16px;
    	padding: 1rem;
    	border-color: rgb(255,255,255);
    	margin-top: 0.25rem;
    	margin-bottom: 0.25rem;
}


vaadin-app-layout::part(navbar) {
	height: 3rem;
	background: rgb(255,255,255);
}

.accent-border {
		border-bottom: 1px solid rgb(128,129,130);
}

vaadin-drawer-toggle::part(icon) {
	color: rgb(0,0,0);
}

vaadin-app-layout::part(drawer) {
	width: 20rem;
	background: rgb(232,234,236);
}

vaadin-dashboard-widget::part(title) {
    font-size: 0.9rem;
    font-weight: bold;
}














.tighttext {
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

h1 {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.5rem;
	font-weight: bold;
}
h2 {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.3rem;
	font-weight: bold;
}
h3 {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.1rem;
	font-weight: bold;
}
h4 {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.0rem;
	font-weight: bold;
}

span.light-font {
    font-weight: lighter;
}
span.bold-font {
    font-weight: bold;
}



.large-padding {
	padding: 48px;
}

.small-padding {
	padding: 8px;
}

.no-padding {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.no-margin {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.large-margin {
	margin: 48px;
}

.small-margin {
	margin: 8px;
}

.no-padding-top {
	padding-top: 0px;
}

.padding-left-only {
	padding-left: 0.5rem;
}
.padding-right-only {
	padding-right: 0.5rem;
}

.padding-top-only {
	padding-top: 2rem;
}
.padding-bottom-only {
	padding-bottom: 1rem;
}
.padding-top-only-small {
	padding-top: 0.5rem;
}
.padding-bottom-only-small {
	padding-bottom: 0.5rem;
}

.margin-left-only {
	margin-left: 16px;
}
.margin-right-only {
	margin-right: 16px;
}

.padding-left-right {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.padding-right-small {
	padding-right: 8px;
}

.padding-left-small {
	padding-left: 0.2rem;
}

.padding-top-small {
	padding-top: 0.2rem;
}






/* LIGHT BLUE */
.portal-bg-1 {
	background: #AFCBFF;
}

/* LIGHT GREEN */
.portal-bg-2 {
	background: #D6EADF;
}

/* LIGHT YELLOW */
.portal-bg-3 {
	background: #FFFFD1;
}

/* LIGHT PURPLE */
.portal-bg-4 {
	background: #B5B9FF;
}

/* LIGHT ORANGE */
.portal-bg-5 {
	background: #FFCBC1;
}

/* PINKISH */
.portal-bg-6 {
	background: #F6A6FF;
}


.portal-text-s {
	font-size: 1rem;
}

.portal-text-m {
	font-size: 2rem;
}

.portal-text-l {
	font-size: 3rem;
}

.portal-text-xl {
	font-size: 4rem;
}

.portal-text-xxl {
	font-size: 6rem;
}