/*
   CSS styling examples for the Vaadin app.

   Visit https://vaadin.com/docs/styling/application-theme/ for more information.
*/

/* Example: CSS class name to center align the content . */
.centered-content {
  margin: 0 auto;
  max-width: 250px;
}

/* Example: the style is applied only to the textfields which have the `bordered` class name. */
vaadin-text-field.bordered::part(input-field) {
  box-shadow: inset 0 0 0 1px var(--lumo-contrast-30pct);
  background-color: var(--lumo-base-color);
}

/* Insert your own theme rules here */
.label-home {
    font-weight: bold;
    text-align: center;
}

.label-total {
    font-weight: bold;
    text-align: center;
    color: blue;
    font-size: 20px;
}

.home-text {
	background: transparent;
    border: none;
    text-align: left;
    color: blue;
    font-size: 18px;
    font-style: italic;
    overflow: auto;
}

.font-bold {
	font-weight: bold;
}

.tab-style {
	border: none;
	margin: none;
    padding: none;
}

.content-panel {
	background: transparent;
    border: none;
}

.home-text:focus:after {
	display: none;
}

.v-accordion {
    background: transparent;
    border: none;
    margin: none;
    padding: none;
    .v-accordion-item,
    .v-accordion-item-open,
    .v-accordion-item-first {
        .v-accordion-item-caption {
    	    .v-caption {
    	        background: transparent;
                border: none;
                margin: none;
    		    font-weight: bold;
    		    text-align: left;
    		    color: blue;
    		    font-size: 20px;
            }
        }
	    .v-accordion-item-content {
		    background: transparent;
    	    border: none;
    	    margin: none;
    	    padding: none;
	    }
    }
}

.menu-style {
	font-weight: bold;
    color: blue;
    font-size: 20px;
}

.v-richtextarea {
    .gwt-RichTextToolbar { 
        display: none;
    }
}

.not-visible {
    display: none;
}

.link {
	font-weight: bold;
}
.link:focus:after {
	display: none;
}

.button-no-focus {
	background: #B3F0FF;
	border: none;
	color: blue;
}

.button-no-focus:focus:after {
	display: none;
}

.separator-line {
    background: black;
    width: 100%;
    height: 2px;
}

.panel-background-color {
    background: #CCF5FF;
    border-radius: 6px;
}

.page-title-label {
	margin: 2px;
	background-image: -moz-linear-gradient(bottom, #D1DFFF 0%, #5286FF 100%);
	background-image: -webkit-linear-gradient(bottom, #D1DFFF 0%, #5286FF 100%);
	background-image: -ms-linear-gradient(bottom, #D1DFFF 0%, #5286FF 100%);
	background-image: -o-linear-gradient(bottom, #D1DFFF 0%, #5286FF 100%);
	background-image: -webkit-gradient(bottom, #D1DFFF 0%, #5286FF 100%);
	background-image: linear, bottom, #D1DFFF 0%, #5286FF 100%;
	color: blue;
	/*font-size: 20px;*/
	font-size: 3vw;
	font-weight: bold;
	border: 2px solid transparent;
	border-radius: 10px;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
}

.warn-window {
    font-weight: bold;
    color: blue;
    font-style: normal;
}

.contact-page {
    color: black;
    font-style: normal;
}

.av-root-img {
	border-radius: 1px;
    box-shadow: 1px 1px 1px #888888;
}

.train-root-img {
	border-radius: 10px;
    box-shadow: 10px 10px 10px #888888;
}

.media-image {
    border-radius: 6px;
    box-shadow: 10px 10px 5px #888888;
}

.propeller-img {
  position: absolute;        /* stays in place even when scrolling */
  justify-content: center;   /* center horizontally */
  align-items: center;
  opacity: 0.4;           /* adjust transparency (0 = invisible, 1 = fully visible) */
  z-index: 0;             /* behind interactive elements */
  pointer-events: none;   /* don’t block clicks on components underneath */
}

.fixed-component {
	position: fixed;
}
.mouse-to-hand {
	cursor:pointer;
}
.v-video {
    height: 271px!important;
    width: 480px!important;
}
.news-box {
	border: none;
    background: rgba(255, 255, 0, 0.6);
    color: red;
    font-size: 20px;
    font-style: italic;
    overflow: auto;
    min-height: 100px;
    /*max-height: 300px;*/
}
.backgroud-sky-clear {
	background: rgba(0, 72, 255, 0.2);
}
/*
.dialog-backgroud {
	background: rgba(0, 0, 255, 0.2);
}
*/
vaadin-dialog-overlay::part(header) {
	background: rgba(0, 0, 0, 0.3);
}
vaadin-dialog-overlay > [slot="title"] {
	color: yellow;
}
vaadin-dialog-overlay::part(overlay) {
	background: rgba(0, 0, 0, 0.3);
}
.planner-link::part(link) {
    cursor: pointer;
}

@media only screen and (min-width: 1400px) {
  .page-title-label {
     font-size: 50px;
  }
}