:root {
  --text-color: #456;
  --text-color-lighter: color-mix(in oklab, var(--text-color) 100%, #FFF 40%);
  --text-color-darker: color-mix(in oklab, var(--text-color) 100%, #000 50%);
  --button-blue:       RGBA(93, 173, 231, 0.88);
  --button-blue-hover: RGBA(93, 173, 231, 0.99);
  --hovered-color: #CDE;
  --selected-color: #c8e8ff;
  --header-text: #FFFFFF;
  --header-text-secondary: rgba(255, 255, 255, 0.9);
  --header-primary: #4A148C;
  --header-secondary: #6a1b9a;
  --header-accent: #003f24;
  --header-shadow: 0 4px 20px rgba(74, 20, 140, 0.25);
  --header-shadow-lg: 0 8px 32px rgba(74, 20, 140, 0.3);
  
  --modalTitleGradient: linear-gradient(#f9fbfd, #bac);  
}


#CAPSCONTAINER.loginState, #CAPSCONTAINER.loggedInState {
  background: linear-gradient(200deg, #460073, rgba(0,0,0,0) 70.71%)
            , linear-gradient(100deg, #460073, rgba(0,0,0,0) 70.71%)
            , linear-gradient(300deg, #460073, rgba(0,0,0,0) 70.71%);
}

  .loggedInState #CAPSCONTAINER_HEADER, .loggedInState #CAPSCONTAINER_HEADER::before, .loggedInState #CAPSCONTAINER_HEADER::after
, .loggedInState #CAPSCONTAINER_FOOTER, .loggedInState #CAPSCONTAINER_FOOTER::before, .loggedInState #CAPSCONTAINER_FOOTER::after {
  background: none;
  border: none;
  box-shadow: none;
}

#HOME_LOGO BUTTON {
  font-size: 200%;
  position: relative;
  top: -100px;
}
#HOME_LOGO BUTTON.buttonLogoff {
  top: -10px;
}

#HOME_LOGO_OVERLAY_TXT {
  width: 35ch;
  font-size: 300%;
  bottom: 175px;
  line-height: 1;
  text-shadow: black 4px 4px 4px;
}

#HOME_LOGO > DIV > SPAN SPAN {
  color: #4cff4c;
}

#HOME_LOGO.loggedOut .capsicoLogo {
    border: 0px;
    box-shadow: none;
    border-radius: 0px;
    /*! padding: 10px; */
    background-color: transparent;
}
#HOME_LOGO.loggedOut .capsicoLogo IMG {
  position: relative;
  height: 110%;
  top: -50px;
  left: -250px;
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 35%); 
}


#HOME_LOGO.loggedIn .capsicoLogo {
}

#HOME_LOGO.loggedIn .capsicoLogo IMG {
}


.popperTooltipTour {
  background-color: #230032;
}
.floriaToursSecurityBlanket .floriaToursPlan {
  background-color: #230032;
  border-color: #630082;
}
.floriaToursPlan .tableLayout TR {
  background-color: #230032;
}
.floriaToursPlan .tableLayout TR {
  border-bottom: dotted 1px grey;
}
.floriaToursPlan .tableLayout TR:hover:not(.notHighlightable) {
    background-color: #430052;
    box-shadow: inset 0px 0px 2px 1px #000;
    animation-duration: 0s;
}

.floriaToursSecurityBlanket DIV {
    background-color: #230032;
}