.bernarea {
	color: darkgreen !important;
	text-decoration: none !important;
}

.w3-theme-l5 {color:#000 !important; background-color:#fef4f3 !important}
.w3-theme-l4 {color:#000 !important; background-color:#fdd9d6 !important}
.w3-theme-l3 {color:#000 !important; background-color:#fbb3ae !important}
.w3-theme-l2 {color:#000 !important; background-color:#f98d85 !important}
.w3-theme-l1 {color:#fff !important; background-color:#f6665c !important}
.w3-theme-d1 {color:#fff !important; background-color:#f32617 !important}
.w3-theme-d2 {color:#fff !important; background-color:#e11a0c !important}
.w3-theme-d3 {color:#fff !important; background-color:#c5170a !important}
.w3-theme-d4 {color:#fff !important; background-color:#a91409 !important}
.w3-theme-d5 {color:#fff !important; background-color:#8d1007 !important}

.w3-theme-light {color:#000 !important; background-color:#fef4f3 !important}
.w3-theme-dark {color:#fff !important; background-color:#8d1007 !important}
.w3-theme-action {color:#fff !important; background-color:#8d1007 !important}

.w3-theme {color:#fff !important; background-color:#f44336 !important}
.w3-text-theme {color:#f44336 !important}
.w3-theme-border {border-color:#f44336 !important}
.w3-hover-theme:hover {color:#fff !important; background-color:#f44336 !important}

body {
	hyphens:auto;
	-webkit-hyphens:auto;
}

input,textarea {
	hyphens:none;
	-webkit-hyphens:none;
}

a:link {
	text-decoration: none !important;
}
a:visited {
	text-decoration: none !important;
}
a:active {
	color: green !important;
}
a:hover {
	text-decoration: none !important;
	text-shadow: #FC0 1px 0 10px;
}

.w3-sidenav a:hover {
	background-color: transparent !important;
}

blockquote, form, iframe, #ida1, #ida2, #ida3, #ida4, #ida5, #ida6, #ida7, #ida8, #ida9, #ida10  {
	animation: BfadeIn 0.5s;
}

@keyframes BfadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

iframe[src*="balloon"] {
  animation: none !important;
}

a.link-clicked,
a.link-clicked:hover,
a.link-clicked:focus,
a.link-clicked:visited,
a.link-clicked:active {
	color: green !important;
	text-shadow:
		0 0 5px  rgba(120,190,90,1),
		0 0 11px rgba(140,210,105,1),
		0 0 20px rgba(160,225,120,1);
 transition: color 0.2s ease, text-shadow 3.0s ease;
 }
 
#alertincphp{
  opacity:0.7;
  position:relative !important;
  display:block;

  border:3px solid transparent !important;
  border-radius:0 !important;
  overflow:hidden !important;

  padding:11px 17px 11px 21px !important;
  margin:0 0 0px 0 !important;

  transform: translateZ(0) rotate(-0.22deg) !important;
  transform-origin: 40% 18% !important;
  will-change: transform !important;

  background-color: rgb(255,252,238) !important;

  border-image-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 240'%3E%3Cdefs%3E%3Cfilter id='pw'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.022' numOctaves='1' seed='31'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='36'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='10' y='10' width='380' height='220' fill='none' stroke='%23b8b3a8' stroke-opacity='0.55' stroke-width='10' filter='url(%23pw)'/%3E%3C/svg%3E") !important;
  border-image-slice: 26 !important;
  border-image-width: 3 !important;
  border-image-repeat: round !important;
}

#alertincphp::after{
  content:"";
  position:absolute;
  inset:-10px;
  pointer-events:none;
  z-index:0;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cdefs%3E%3Cfilter id='sp'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.18' numOctaves='1' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 2.6 -1.30'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3C/defs%3E%3Crect width='520' height='520' filter='url(%23sp)' fill='black' opacity='0.11'/%3E%3C/svg%3E"),

    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='860' height='360'%3E%3Cdefs%3E%3Cfilter id='fi'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.010 0.18' numOctaves='2' seed='27'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 2.1 -1.20'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='gamma' amplitude='1.0' exponent='0.75' offset='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3C/defs%3E%3Crect width='860' height='360' filter='url(%23fi)' fill='black' opacity='0.10'/%3E%3C/svg%3E"),

    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720'%3E%3Cdefs%3E%3Cfilter id='st'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.075' numOctaves='2' seed='44' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.55  0 0 0 0 0.40  0 0 0 0 0.22  0 0 0 2.2 -1.45'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='gamma' amplitude='1.0' exponent='0.90' offset='0.02'/%3E%3C/feComponentTransfer%3C/filter%3E%3C/defs%3E%3Crect width='720' height='720' filter='url(%23st)' fill='black' opacity='0.07'/%3E%3C/svg%3E"),

    linear-gradient(
      to bottom,
      rgba(120,90,40,0.05),
      rgba(255,255,255,0.00) 52%,
      rgba(120,90,40,0.04)
    );

  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: 520px 520px, 860px 360px, 720px 720px, 100% 100%;
  opacity:0.6; 
}

#alertincphp > *{
  position:relative;
  z-index:1;
}

#alertincphp,
#alertincphp *{
  color: rgba(90,70,40,0.90);
  text-shadow:
    0.18px 0 rgba(0,0,0,0.20),
   -0.12px 0.06px rgba(0,0,0,0.16),
    0.05px 0.12px rgba(0,0,0,0.14);
}

#alertincphp a,
#alertincphp a u{
  text-decoration:none !important;
  border-bottom:1px solid rgba(110,80,40,0.26) !important;
  transition:
    border-bottom-color 140ms ease,
    color 140ms ease,
    text-shadow 140ms ease;
}

#alertincphp a:hover,
#alertincphp a:hover u{
  border-bottom-color: rgba(110,80,40,0.52) !important;
  color: rgba(90,70,40,0.98);
  text-shadow:
    0.22px 0 rgba(0,0,0,0.18),
   -0.12px 0.06px rgba(0,0,0,0.14),
    0.05px 0.12px rgba(0,0,0,0.12);
}

#alertincphp > div[onclick]{
  position:relative !important;
  z-index:9999 !important;
  pointer-events:auto !important;

  background:transparent !important;
  color: rgba(110,90,60,0.70) !important;
  padding:0 6px !important;
  margin:-8px -8px 0 0 !important;
  font-family:inherit !important;

  transition:
    color 120ms ease,
    transform 120ms ease,
    text-shadow 120ms ease;
}

#alertincphp > div[onclick]:hover{
  color: rgba(110,90,60,1.0) !important;
  transform: translateY(-0.5px);
  text-shadow:
    0.3px 0 rgba(0,0,0,0.22),
   -0.2px 0.1px rgba(0,0,0,0.18);
}
