/*
 * Purpose: Winter color theme for Zoffice web application.
 * Author:  Magnus Johansson <ma@arachne.se>
 * Created: December 2023
 *
 * Origin generated by:
 * https://www.w3schools.com/w3css/w3css_color_generator.asp
 *
 * Base color: #92a8d1 ("2016 Serenity")
 *
 * To get RGB values, a useful converter can be found here:
 * https://www.w3schools.com/colors/colors_converter.asp
 *
 * The !important statements are part of the generated source and may be
 * needed for a consistent look in some cases.
 */
.w3-theme-l5 {color:#000 !important; background-color:#f9fafc !important}
.w3-theme-l4 {color:#000 !important; background-color:#e9eef6 !important}
.w3-theme-l3 {color:#000 !important; background-color:#d4dded !important}
.w3-theme-l2 {color:#000 !important; background-color:#becbe4 !important}
.w3-theme-l1 {color:#000 !important; background-color:#a9badb !important}
.w3-theme-d1 {color:#fff !important; background-color:#7a95c7 !important}
.w3-theme-d2 {color:#fff !important; background-color:#6181bd !important}
.w3-theme-d3 {color:#fff !important; background-color:#4a6eb0 !important}
.w3-theme-d4 {color:#fff !important; background-color:#3f5e97 !important}
.w3-theme-d5 {color:#fff !important; background-color:#354e7e !important}

.w3-theme-light {color:#000 !important; background-color:#f9fafc !important}
.w3-theme-dark {color:#fff !important; background-color:#354e7e !important}
.w3-theme-action {color:#fff !important; background-color:#354e7e !important}

.w3-theme {color:#000 !important; background-color:#92a8d1 !important}
.w3-text-theme {color:#92a8d1 !important}
.w3-border-theme {border-color:#92a8d1 !important}

.w3-hover-theme:hover {color:#000 !important; background-color:#92a8d1 !important}
.w3-hover-text-theme:hover {color:#92a8d1 !important}
.w3-hover-border-theme:hover {border-color:#92a8d1 !important}

.w3-theme-gradient {
  color:#fff !important;
  background-color: #92a8d1;
  /* background-color: rgb(146, 168, 209); */
  /* gradient steps: d2 - theme - l1 - l2 */
  background-image: radial-gradient(circle,
                                    rgba(74,110,176,1) 0%,
                                    rgba(146,168,209,1) 60%,
                                    rgba(169,186,219,1) 90%,
                                    rgba(190,203,228,1) 100%);
}

.w3-theme-gradient.main-container {
  background-color: #e9eef6;
  /* background-color: rgb(233, 238, 246); */
  /* gradient steps: l3 - l1 */
  background-image: linear-gradient(200deg,
                                    rgba(212,221,237,0.0) 70%,
                                    rgba(169,186,219,1) 100%);
}

.w3-theme-gradient.sitemap-container {
  background-color: #a9badb;
  /* background-color: rgb(169, 186, 219); */
  /* gradient steps: l1 - theme - d2 */
  background-image: radial-gradient(circle,
                                    rgba(169,186,219,1) 20%,
                                    rgba(146,168,209,1) 70%,
                                    rgba(74,110,176,1) 90%);
}

.w3-theme-gradient-light {
  color:#000 !important;
  background-color: #becbe4;
  /* background-color: rgb((190,203,228); */
  /* gradient steps: theme - l2 */
  background-image: radial-gradient(circle,
                                    rgba(146,168,209,1) 0%,
                                    rgba(190,203,228,1) 90%);
}

a {
  /*
   * The decoration color can be set separately with e.g.:
   * text-decoration-color: green !important;
   */
  /* color: #92a8d1 !important; */
  /* color: #92a8d1; */
  color: #7a95c7;
}

a:focus {
  /* focus can be set using tab key, and may be blue by default */
  /* outline: 2px solid #5d9e5b; */
}

.card .w3-theme.card-title {
  background-color: #cef !important;
  background-color: rgba(204,238,255,0.5) !important;
  color: #336 !important;
}