.altcha-widget-wrap {
margin-bottom: 1rem !important;
}
.forminator-pagination--content + .altcha-widget-wrap {
margin-top: 1.5rem !important;
}
.altcha-widget-wrap .altcha-main {
line-height: 1;
}
.altcha-widget-wrap .altcha-main svg {
display: block;
}
.altcha-code-challenge {
z-index: 9999999;
}
.altcha-code-challenge form {
margin-bottom: 0 !important;
}
.altcha-code-challenge form input {
margin-bottom: 0 !important;
}
.login .altcha:not([data-floating]) {
--altcha-max-width: 100%;
}
.altcha {
font-family: sans-serif;
font-size: 16px !important;
}
.altcha[data-display="bar"] .altcha-main {
--altcha-spinner-color: var(--altcha-color-primary-content);
background-color: var(--altcha-color-primary);
border-color: var(--altcha-color-primary);
color: var(--altcha-color-primary-content);
font-family: sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: normal;
}
.altcha[data-display="bar"] .altcha-footer {
opacity: 1;
font-size: 14px;
}
.altcha-checkbox-wrap label {
margin: 0 !important;
}
.altcha-obfuscation-button {
text-underline-offset: 2px;
text-decoration-style: dotted;
text-decoration-line: underline;
background: none;
text-decoration: underline;
border: none;
cursor: pointer;
padding: 0;
font: inherit;
color: inherit;
}*{margin:0;padding:0;border:0;box-sizing:border-box}body{line-height:1;hyphens:manual;overflow-wrap:break-word}ul{list-style:none}button{background-color:rgba(0,0,0,0)}img{width:100%;height:auto}main{min-height:100dvh;padding-top:100px}@media(width >= 600px){main{padding-top:120px}}@media(width >= 1300px){main{padding-top:123px}}@media(width >= 1800px){main{padding-top:127px}}nav a{color:inherit;text-decoration:none}[id]{scroll-margin-top:150px}@font-face{font-family:Noto;src:url(//ftz-muenchen.de/wp-content/themes/ftz/dist/fonts/Noto-Sans.2c476a354161cbc79777.woff2) format("woff2");font-style:normal;font-weight:100 1000}@font-face{font-family:"Noto Italic";src:url(//ftz-muenchen.de/wp-content/themes/ftz/dist/fonts/Noto-Sans-Italic.d4a7ccf3c168bafdc0e1.woff2) format("woff2");font-style:normal;font-weight:100 1000}html{font-size:15px}@media(width >= 600px){html{font-size:16px}}@media(width >= 1800px){html{font-size:17px}}*{font-family:Noto,sans-serif;font-weight:normal;font-style:normal}p{padding-bottom:1.5rem;line-height:140%}main ul:not(.menu,.sub-menu){list-style:none;padding-left:10px;padding-bottom:1.5rem}main ul:not(.menu,.sub-menu) li{position:relative;padding-left:1.5rem;line-height:140%}main ul:not(.menu,.sub-menu) li::before{content:"●";color:#5c00d0;position:absolute;left:0}ol{padding-left:18px;padding-bottom:1.5rem}ol li{padding-left:1.5rem;line-height:140%}ol ::marker{color:#5c00d0}em{font-style:italic}main a{color:#5c00d0;text-decoration:none;font-weight:inherit}h1{font-size:1.75rem;font-weight:700;line-height:130%;padding-bottom:1.5rem}@media(width >= 600px){h1{font-size:2rem}}@media(width >= 1300px){h1{font-size:2.5rem}}h2{line-height:120%;font-weight:700;font-size:1.25rem;padding-bottom:1.5rem}h2.big{font-size:1.25rem;padding-bottom:2rem;background-color:rgba(0,0,0,0)}h3{font-weight:700;font-size:1rem;line-height:140%}h3.paddingbottom{padding-bottom:1.5rem}strong{font-weight:700}span{font-weight:inherit}span.highlighted{background-color:#cec8e2}.lead{padding-top:2.5rem}.lead p{font-weight:700;font-size:1.1rem;color:#000}.content h2{font-size:1.1rem;padding:.5rem 0 1.5rem;border-top:1px solid #000;margin-top:.5rem}.nav a{font-weight:700;line-height:120%;color:inherit}.nav__main ul li ul li a,.nav__main ul li ul li ul li a{font-size:.85rem}.nav__main ul li.angebot ul li a{font-size:1rem}.nav__main ul li.angebot ul li ul li a{font-size:.85rem}@media(width <= 1049px){.nav__main ul li a{font-size:1.3rem}}.nav__secondary a{font-size:.85rem}@media(width <= 1049px){.nav__main{margin-top:-2px}}@media(width >= 1050px){.nav__main{margin-top:-40px}}@media(width <= 1049px){.nav__main ul:first-child>li{border-top:2px solid #000}}@media(width >= 1050px){.nav__main ul:first-child{border-bottom:2px solid #000;padding:0 10px}.nav__main ul:first-child>li.menu-item-has-children a{padding:0 0 0 15px}.nav__main ul:first-child>li.menu-item-has-children li a{padding:10px 15px}}.nav__main ul li{height:fit-content;transition:.3s ease-out}@media(width <= 1049px){.nav__main ul li{position:relative}}.nav__main ul li a{display:block;padding:10px 20px;transition:.3s ease-out}@media(width >= 1050px){.nav__main ul li a{padding:10px 15px}}@media(hover: hover){.nav__main ul li a:hover{background-color:#cec8e2;border-radius:10px}}@media(hover: hover){.nav__main ul li ul li ul li:hover{border-radius:0}}@media(width >= 1050px){.nav__main ul .sub-menu{background-color:#eae8f3}}.nav__main ul li.current-menu-item a{background-color:#cec8e2;border-radius:10px}.nav__main ul li.current-menu-item ul li a{background-color:rgba(0,0,0,0)}@media(hover: hover){.nav__main ul li.current-menu-item ul li a:hover{background-color:#cec8e2}}.nav__main ul li.activeparent a{background-color:#cec8e2;border-radius:10px}@media(hover: hover){.nav__main ul li.activeparent a:hover{background-color:#cec8e2}}.nav__main ul li.activeparent ul li a{background-color:rgba(0,0,0,0)}.nav__main ul li.activeparent ul li.current-menu-item a{background-color:#cec8e2}@media(hover: hover){.nav__main ul li.activeparent ul li.current-menu-item a:hover{background-color:#cec8e2}}.nav__main ul li.activeparent ul li.current-menu-item ul li a{background-color:rgba(0,0,0,0)}.nav__main ul li.activeparent ul li.activeparent a{background-color:#cec8e2}.nav__main ul li.activeparent ul li.activeparent ul li a{background-color:rgba(0,0,0,0)}@media(hover: hover){.nav__main ul li.activeparent ul li.activeparent ul li a:hover{background-color:#cec8e2}}.nav__main ul li.activeparent ul li.activeparent ul li.current-menu-item a{background-color:#cec8e2}@media(width >= 1050px){.nav__main ul{display:flex;justify-content:flex-end;column-gap:10px}}@media(width >= 1300px){.nav__main ul{justify-content:center}}.nav__main ul ul{display:none}@media(width <= 1049px){.nav__main ul ul{padding-bottom:20px}}@media(width >= 1050px){.nav__main ul ul{position:absolute;margin-top:2px}.nav__main ul ul li .arrow{display:none}}.nav__main ul ul.opened{display:block}@media(width <= 1049px){.nav__main ul ul.opened{margin-top:20px}.nav__main ul ul.opened ul{margin-top:0}}@media(width <= 1049px){.nav__main ul ul li{border-top:1px solid #000}}@media(width >= 1050px){.nav__main ul ul li{border-bottom:1px solid #000}.nav__main ul ul li:last-child{border-bottom:0}.nav__main ul ul li ul li{border-bottom:0;border-top:1px solid #000}}@media(width >= 1050px){.nav__main ul ul a{background-color:#eae8f3}}.nav__main ul ul ul{margin-top:0}@media(width >= 1050px){.nav__main ul li.angebot ul{background-color:#eae8f3}}@media(width >= 1050px){.nav__main ul li.angebot ul.opened{display:grid;grid-template-columns:repeat(6, 1fr);left:0;right:0;padding:0 10px 20px}.nav__main ul li.angebot ul.opened ul{grid-template-columns:1fr;position:relative;padding:0}}.nav__main ul li.angebot ul li{border-bottom:0}@media(width >= 1050px){.nav__main ul li.angebot ul li a{margin:10px 0}.nav__main ul li.angebot ul li ul li a{margin:0}}@media(width >= 1050px){.nav__main ul li.angebot ul ul{display:block}}.nav .arrow__down{position:relative;display:inline-block;padding:10px 15px;transition:.3s ease-out}@media(width <= 1049px){.nav .arrow__down{position:absolute;right:15px;top:0}}@media(width >= 1050px){.nav .arrow__down{padding:10px 15px}}.nav .arrow__down img{height:16px}@media(width >= 1050px){.nav .arrow__down img{height:12px}}.nav .arrow__down.opened{transform:scale(-1)}.nav__secondary{display:none;gap:15px;align-items:center}@media(width <= 599px){.nav__secondary.mobile{display:flex;flex-wrap:wrap}}@media(width >= 600px){.nav__secondary.desktop{display:flex;z-index:9999;position:absolute;top:20px;right:30px}}@media(width >= 1050px){.nav__secondary.desktop{right:30px;left:unset}}.nav__secondary ul{display:flex;gap:15px}.nav__secondary ul:first-child a{display:inline-block;padding:8px 15px;background-color:#f5c842;border-radius:20px;transition:.3s ease-out}@media(hover: hover){.nav__secondary ul:first-child a:hover{background-color:rgba(254,199,0,.5215686275)}}.nav__secondary li.current-menu-item a{background-color:#cec8e2}@media(hover: hover){.nav__secondary li.current-menu-item a:hover{background-color:#eae8f3}}.nav__facilities{z-index:9;position:relative}@media(width <= 1049px){.nav__facilities{display:none}}.nav__facilities ul li{display:none}.nav__facilities ul li:nth-child(2){display:block}.nav__facilities ul li:nth-child(2) a{display:none}.nav__facilities ul li:nth-child(2) li{display:block}.nav__facilities ul li:nth-child(2) ul{display:grid;column-gap:0;padding:0 10px;border-bottom:1px solid #000}@media(width >= 1050px){.nav__facilities ul li:nth-child(2) ul{grid-template-columns:repeat(6, 1fr)}}.nav__facilities ul li:nth-child(2) ul li a{display:grid;padding:10px 15px;transition:.3s ease-out;border-radius:10px;height:100%;align-items:center}@media(hover: hover){.nav__facilities ul li:nth-child(2) ul li a:hover{background-color:#cec8e2}}.nav__facilities ul li:nth-child(2) ul li ul{display:none;position:absolute;left:0;right:0;padding:10px 15px;border-bottom:0}.nav__facilities ul li:nth-child(2) ul li ul a{border-radius:20px;padding:5px 10px}.nav__facilities ul li:nth-child(2) ul li.activeparent a,.nav__facilities ul li:nth-child(2) ul li.current-menu-item a{background-color:#cec8e2}.nav__facilities ul li:nth-child(2) ul li.activeparent ul,.nav__facilities ul li:nth-child(2) ul li.current-menu-item ul{display:flex;gap:0 20px;flex-wrap:wrap}.nav__facilities ul li:nth-child(2) ul li.activeparent ul li,.nav__facilities ul li:nth-child(2) ul li.current-menu-item ul li{margin:0}.nav__facilities ul li:nth-child(2) ul li.activeparent ul li.current-menu-item a,.nav__facilities ul li:nth-child(2) ul li.current-menu-item ul li.current-menu-item a{background-color:#cec8e2}.nav__facilities ul li:nth-child(2) ul li.activeparent ul a,.nav__facilities ul li:nth-child(2) ul li.current-menu-item ul a{background-color:rgba(0,0,0,0);font-size:.85rem}@media(hover: hover){.nav__facilities ul li:nth-child(2) ul li.activeparent ul a:hover,.nav__facilities ul li:nth-child(2) ul li.current-menu-item ul a:hover{background-color:#cec8e2}}.nav__about{z-index:9;position:relative}@media(width <= 1049px){.nav__about{display:none}}.nav__about ul li{display:none}.nav__about ul li:nth-child(5){display:block}.nav__about ul li:nth-child(5) a{display:none}.nav__about ul li:nth-child(5) li{display:block}.nav__about ul li:nth-child(5) ul{display:flex;column-gap:20px;padding:10px}@media(width >= 1050px){.nav__about ul li:nth-child(5) ul{grid-template-columns:repeat(6, 1fr)}}.nav__about ul li:nth-child(5) ul li.current-menu-item a{background-color:#cec8e2}.nav__about ul li:nth-child(5) ul li a{display:block;border-radius:20px;padding:5px 10px;transition:.3s ease-out;font-size:.85rem}@media(hover: hover){.nav__about ul li:nth-child(5) ul li a:hover{background-color:#cec8e2}}.nav__jobs{z-index:9;position:relative}@media(width <= 1049px){.nav__jobs{display:none}}.nav__jobs ul li{display:none}.nav__jobs ul li:nth-child(4){display:block}.nav__jobs ul li:nth-child(4) a{display:none}.nav__jobs ul li:nth-child(4) li{display:block}.nav__jobs ul li:nth-child(4) ul{display:flex;column-gap:20px;padding:10px}@media(width >= 1050px){.nav__jobs ul li:nth-child(4) ul{grid-template-columns:repeat(6, 1fr)}}.nav__jobs ul li:nth-child(4) ul li.current-menu-item a{background-color:#cec8e2}.nav__jobs ul li:nth-child(4) ul li a{display:block;border-radius:20px;padding:5px 10px;transition:.3s ease-out;font-size:.85rem}@media(hover: hover){.nav__jobs ul li:nth-child(4) ul li a:hover{background-color:#cec8e2}}.nav__footer li.current-menu-item a{color:#5c00d0}.nav__footer a{line-height:150%;transition:.3s ease-out}@media(hover: hover){.nav__footer a:hover{color:#5c00d0}}@media(width <= 1049px){.menucontainer{z-index:999;display:none;position:fixed;overflow-y:scroll;inset:0;background-color:#fff;padding-top:120px}.menucontainer.opened{display:grid;gap:30px}.menucontainer .nav__secondary{justify-content:flex-end}}@media(width <= 1049px)and (width <= 599px){.menucontainer .nav__secondary{padding:20px}}@media(width <= 1049px){.mobilebackground{border-bottom:2px solid #000;display:block;height:100px;background-color:#fff;position:fixed;top:0;left:0;right:0;z-index:9999}}@media(width <= 1049px)and (width >= 600px){.mobilebackground{height:120px}}@media(width <= 1049px)and (width >= 1050px){.mobilebackground{display:none}}header{position:fixed;top:0;right:0;left:0;background-color:#fff;z-index:999;transition:.3s ease-out}.icon__search{height:25px;display:block}.btn__opensearch{background:none;border:none;padding:0;display:inline-flex;align-items:center;cursor:pointer}.logo{position:relative;z-index:99999;display:inline-block}.logo img{width:180px;padding:.5rem 1rem 1.5rem 1.5rem}@media(width >= 600px){.logo img{width:210px;padding:1rem 1rem 1.5rem 1.5rem}}@media(width >= 1300px){.logo img{width:220px}}.togglenav{position:fixed;right:20px;top:25px;display:block;cursor:pointer;transition:.3s ease-out;z-index:99999}@media(width >= 600px){.togglenav{top:70px;right:30px}}.togglenav .bar{display:block;width:40px;height:2px;background-color:#000;margin-bottom:10px;transition:.4s}.togglenav .bar__one.change{transform:translate(0, 12px) rotate(-45deg)}.togglenav .bar__two.change{opacity:0}.togglenav .bar__three.change{transform:translate(0, -12px) rotate(45deg)}@media(width >= 1050px){.togglenav{display:none}}.icon__facebook{display:block;height:40px}@media(width <= 1049px){.icon__facebook{position:absolute;top:20px;right:25px}}footer{position:relative;display:grid;row-gap:30px;border-top:1px solid #000;padding:1.5rem;margin-top:120px}@media(width >= 600px){footer{display:flex;gap:50px;padding:2rem}}@media(width >= 1050px){footer{gap:100px}}.grid{display:grid}.grid>*{min-width:0}.grid__2{gap:1.5rem 4rem}@media(width >= 600px){.grid__2{grid-template-columns:repeat(2, minmax(0, 1fr))}}.grid__3{gap:1.5rem 4rem}@media(width >= 600px){.grid__3{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(width >= 1050px){.grid__3{grid-template-columns:repeat(3, minmax(0, 1fr))}}.grid__3.employees{padding:2.5rem 0}@media(width >= 600px){.grid__3.contacts{grid-template-columns:1fr}}@media(width >= 1050px){.grid__3.contacts{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(width >= 1300px){.grid__3.contacts{grid-template-columns:repeat(3, minmax(0, 1fr))}}.grid__1_2{gap:1.5rem 4rem}@media(width >= 1050px){.grid__1_2{grid-template-columns:2fr 1fr}}.grid__events{gap:4rem;padding:2.5rem 0}@media(width >= 1050px){.grid__events{grid-template-columns:repeat(2, minmax(0, 1fr))}}.grid__events .grid__item{gap:1.5rem;border-top:1px solid #000;padding-top:.5rem}.grid__events .grid__item .item__title{margin-top:1rem;padding-bottom:0}.grid__events .grid__item .item__infos{padding-top:1rem}.grid__events .grid__item p{padding-bottom:0}@media(width >= 600px){.grid__events .grid__item{grid-template-columns:150px auto}}.grid__events .img__thumb{border-radius:50%;width:150px;height:150px;object-fit:cover;object-position:center;margin:0}.grid__about{grid-template-columns:repeat(1, minmax(0, 1fr));gap:2.5rem 2rem;text-align:center}.grid__about a{color:inherit}.grid__about .item{padding:1.5rem;transition:.3s ease-out}@media(hover: hover){.grid__about .item:hover img{transform:scale(0.99)}}@media(width >= 600px){.grid__about .item{padding:0}}.grid__about .item img{max-width:100px;max-height:100px;margin-bottom:2rem;transition:.3s ease-out}@media(width >= 1050px){.grid__about .item img{max-width:150px;max-height:150px}}.grid__about .item h3{font-size:1.2rem}@media(width >= 600px){.grid__about{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(width >= 1050px){.grid__about{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(width >= 1800px){.grid__about{grid-template-columns:repeat(5, minmax(0, 1fr))}}.grid__offer{gap:1rem 2rem;background-color:#f4f4f4;border-radius:1rem;padding:2rem 1.5rem;margin-bottom:2rem}@media(width >= 1050px){.grid__offer{grid-template-columns:1fr 2fr;gap:1rem 2.5rem}}.grid__offer .title{padding-bottom:1.5rem}.grid__offer .item{display:flex;flex-wrap:wrap;gap:1.5rem;height:fit-content}.grid__offer .item a{color:inherit;padding:.5rem 1.5rem;border:2px solid;border-radius:1.5rem;font-weight:700;background-color:#fff;transition:.3s ease-out}@media(hover: hover){.grid__offer .item a:hover{transform:scale(0.99)}}.grid__news{gap:2.5rem}.grid__news h2{padding-top:.5rem}@media(width >= 600px){.grid__news{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(width >= 1050px){.grid__news{grid-template-columns:repeat(3, minmax(0, 1fr))}}.grid__donation{gap:1.5rem 4rem}.grid__donation .qr-code{max-width:200px;max-height:200px;width:auto;height:auto}@media(width >= 600px){.grid__donation{grid-template-columns:repeat(2, minmax(0, 1fr))}}.grid__facilities{gap:2.5rem;padding:0 1.5rem}@media(width >= 600px){.grid__facilities{grid-template-columns:repeat(2, minmax(0, 1fr));gap:2rem;padding:0 2rem}}@media(width >= 1300px){.grid__facilities{grid-template-columns:repeat(3, minmax(0, 1fr));gap:2.5rem}}@media(width >= 1800px){.grid__facilities{grid-template-columns:repeat(4, minmax(0, 1fr))}}.grid__facilities .item{text-decoration:none;color:inherit;border-radius:.5rem;height:fit-content;transition:.3s ease-out}.grid__facilities .item .title{padding-bottom:1.5rem;margin-bottom:1.5rem}.grid__benefits{padding-bottom:2.5rem;gap:2rem}@media(width >= 1050px){.grid__benefits{grid-template-columns:repeat(2, minmax(0, 1fr))}}.grid__benefits .item{background-color:rgba(245,200,66,.1254901961);border-radius:.5rem;padding:1.5rem;position:relative;display:grid;grid-template-columns:2.5rem auto;gap:1.5rem;align-items:center}.grid__benefits .item .bulletpoint{display:block;width:30px;height:30px;background-color:#f5c842;border-radius:50%}.grid__benefits .item p{padding-bottom:0;font-weight:700}.grid__benefits .icon{width:40px;height:40px;border-radius:50%;opacity:1;background-color:#f4f4f4}.grid__onlineberatung{gap:2rem;padding:2rem 0 4rem}.grid__onlineberatung .item{background-color:hsla(0,0%,100%,.721);padding:1.5rem;border-radius:1rem;display:grid;gap:2rem}@media(width >= 600px){.grid__onlineberatung .item{grid-template-columns:100px auto}}.grid__onlineberatung .item img{max-height:100px;max-width:70px;width:auto}.grid__onlineberatung .item .description img{max-width:120px;margin-right:1.5rem}@media(width >= 1050px){.grid__onlineberatung{grid-template-columns:repeat(2, minmax(0, 1fr))}}.logos--grid{margin:40px 0;display:grid;align-items:center;gap:60px;grid-template-columns:repeat(1, minmax(0, 1fr))}.logos--grid .item{display:grid;gap:20px;height:fit-content}.logos--grid .item p{border-top:0;padding:0;margin:0}.logos--grid .item .logobox{grid-row:1/2;margin-bottom:0}.logos--grid .item .logobox img{width:auto;max-height:100px;height:auto;max-width:90%;margin-top:0}@media(width >= 600px){.logos--grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(width >= 1050px){.logos--grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(width >= 1800px){.logos--grid{grid-template-columns:repeat(5, minmax(0, 1fr))}}.logos--rows{margin-top:40px}.logos--rows .grid__logos{border-top:1px solid #000;padding:.5rem 0}.logos--rows .grid__logos p{border:0;padding:0;margin:0}.logos--rows .grid__logos .logobox{place-self:start end;margin-top:0}.logos--rows .grid__logos .logobox img{margin-top:10px}.logos--rows .grid__logos .logo{margin-top:0}@media(width >= 1050px){.logos--rows .grid__logos{gap:2rem;grid-template-columns:repeat(2, minmax(0, 1fr))}}.btn{text-decoration:none;color:inherit;font-weight:700;line-height:1;font-size:1rem}@media(hover: hover){.btn:hover{cursor:pointer}}.btn__default{background-color:#fff;padding:.5rem 1.5rem;border:2px solid #5c00d0;border-radius:1.5rem;display:block;width:fit-content;transition:.3s ease-out;align-content:center}.btn__default.digisucht img{height:60px;width:auto}.btn__default.center{margin:auto}@media(hover: hover){.btn__default:hover{transform:scale(0.95)}}.btn__more{display:flex;align-items:center;gap:10px;margin-top:1rem}.btn__more .arrow{width:1.5rem;transition:.3s ease-out}.btn__more .arrow__right{fill:none;stroke:#5c00d0;stroke-width:2px}.btn__close{font-size:1.5rem;position:absolute;top:-15px;right:-15px;transition:.3s ease-out;background-color:#fff;border-radius:50%;width:40px;height:40px;display:grid;align-items:center;justify-content:center;border:2px solid #5c00d0}@media(hover: hover){.btn__close:hover{transform:scale(1.05)}}#donate-button{width:auto}.facility{position:relative}@media(width >= 1050px){.facility{padding-top:80px}}.facility__lead{padding-top:40px}.facility__lead p{font-size:1.2rem;font-weight:700}.facility__mainimage img{height:350px;object-fit:cover;max-width:100%;object-position:center}@media(width >= 600px){.facility__mainimage img{height:400px}}@media(width >= 1050px){.facility__mainimage img{height:500px}}@media(width >= 1300px){.facility__mainimage img{height:600px}}.facility .contact h2,.facility .about h2,.facility .maincontent h2{padding-bottom:15px;margin-bottom:20px}.facility__logo{width:150px;height:auto;display:block;margin-right:0;margin-left:auto;margin-bottom:20px}@media(width >= 1300px){.facility__logo{position:absolute;right:30px}}.category-description{padding:0 1.5rem 2.5rem}@media(width >= 600px){.category-description{padding:0 2rem 2.5rem}}.accordions{margin-bottom:40px}.accordion{background-color:#f4f4f4;border-radius:25px;padding:10px 20px;margin-top:15px;position:relative}@media(width >= 1050px){.accordion{width:70vw;margin-left:auto;margin-right:0}}@media(width >= 1300px){.accordion{width:50vw}}.accordion__withborder{background-color:rgba(0,0,0,0);border-radius:0;margin-top:0;margin-bottom:15px;border-top:1px solid #000;padding:5px 0;width:100%}.accordion__withborder.small .accordion__title{font-size:1rem}.accordion__title{font-size:1rem;font-weight:700;color:inherit;position:relative;width:100%;text-align:left;padding-right:60px;cursor:pointer}.accordion__title p{font-weight:700;padding-bottom:0;padding-right:60px}@media(width >= 600px){.accordion__title{font-size:1.1rem}}@media(width >= 1300px){.accordion__title{font-size:1.2rem}}.accordion__content{max-height:0;overflow:hidden;opacity:0;transition:.3s ease-out}.accordion__content__text{max-width:90%}.accordion.opened .accordion__content{max-height:10000px;opacity:1;padding-top:20px}.accordion.opened .accordion__arrow{transform:scale(-1)}.block{padding:24px 20px;position:relative}@media(width >= 600px){.block{padding:40px 40px 40px 20px}}@media(width >= 1300px){.block{padding:40px 15% 40px 12%}}.block__title{padding:20px 0 10px;border-bottom:1px solid #000;position:sticky;top:100px;z-index:99;margin-bottom:30px;margin-top:30px;background-color:#fff;transition:.3s ease-out}@media(width >= 600px){.block__title{top:118px}}@media(width >= 1050px){.block__column{width:70%;margin-right:0;margin-left:auto}}.block__subpagetitle{max-width:75%}.block.block__buttons-onlineberatung{display:flex;gap:20px;justify-content:center}.block.news{background-color:#f8e4df}.block.news .title{background-color:#f8e4df}.block.events{background-color:#daeee8}.block.events .title{background-color:#daeee8}.block__contact{padding-top:0}@media(width >= 600px){.block .initiativbewerbung{width:60%;margin-left:auto}}video{width:100%;margin-bottom:30px}.employee{display:flex;gap:30px;padding-bottom:30px}.employee p{padding-bottom:0}.employee__img{width:100px;height:100px;object-fit:cover;border-radius:50%}.infomaterial{position:relative;display:flex;justify-content:space-between;align-items:center;border-top:1px solid gray;padding:5px 0}.infomaterial p{padding-bottom:0}.logobox{display:flex;flex-wrap:wrap;column-gap:30px;justify-content:flex-start;margin-bottom:30px}.logobox img{width:auto;height:auto;max-height:120px;max-width:250px;margin-top:30px}.icon__page{max-width:100px;position:absolute;right:30px;top:30px}.icon__newsletter{width:30px;height:auto}.icon__newsletter path,.icon__newsletter line,.icon__newsletter rect{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:40px}.yearbox{border-top:1px solid #000;padding:10px 0 20px}@media(width >= 1050px){.yearbox{display:grid;grid-template-columns:1fr 6fr}}.yearbox h2.yearbox__title{border-top:0;padding:0;margin:0}.yearbox__content{padding-top:30px}@media(width >= 1050px){.yearbox__content{padding-top:0}}.arrow__down,.arrow__right,.arrow__left{background-color:#fff;border-radius:50%;border:2px solid #5c00d0;display:grid;justify-content:center;align-items:center;transition:.3s ease-out;cursor:pointer;width:30px;height:30px}@media(width >= 1050px){.arrow__down,.arrow__right,.arrow__left{width:35px;height:35px}}.arrow__down.absolute,.arrow__right.absolute,.arrow__left.absolute{position:absolute}.arrow__down.absolute__accordion,.arrow__right.absolute__accordion,.arrow__left.absolute__accordion{top:6px;right:10px}.arrow__down.absolute__job,.arrow__right.absolute__job,.arrow__left.absolute__job{top:15px;right:15px}@media(width <= 1049px){.arrow__down.absolute__job,.arrow__right.absolute__job,.arrow__left.absolute__job{bottom:15px;top:unset}}.arrow__down svg{margin-top:2px;width:15px}@media(width >= 1050px){.arrow__down svg{width:20px}}.arrow__right svg{margin-left:2px;width:10px}@media(width >= 1050px){.arrow__right svg{width:13px}}.arrow__left svg{margin-right:2px;width:10px}@media(width >= 1050px){.arrow__left svg{width:13px}}.arrow path{fill:none;stroke:#000;stroke-width:2px}.arrow__nav{display:inline-block;padding:0 15px;transition:.3s ease-out;cursor:pointer}.arrow__nav img{width:20px}@media(width >= 1050px){.arrow__nav img{width:15px}}.arrow__nav.opened{transform:scale(-1)}@media(width <= 1049px){.arrow__nav{position:absolute;right:10px}}@media(width >= 1050px){.arrow__nav{padding:10px 15px}}.jobs{padding:30px 0;display:grid;gap:20px;min-width:0}.jobs .item{border:1px solid #373737;display:grid;min-width:0;overflow-wrap:break-word;position:relative;background-color:#f4f4f4;border-radius:15px;padding:20px;color:inherit;transition:.3s ease-out}@media(width <= 1049px){.jobs .item{padding-bottom:50px}}@media(width >= 1050px){.jobs .item{grid-template-columns:2fr 4fr 3fr 40px;gap:30px}}.jobs .item__abwann{font-weight:700}@media(hover: hover){.jobs .item:hover{transform:scale(0.99)}}.jobs .item h2{border-top:0;padding:0 0 20px;margin:0;font-size:1.2rem}.img__coverimg{height:500px;background-size:cover;background-repeat:no-repeat;background-position:center}.img__icon{width:100px;height:100px;display:block;margin:0 0 0 auto}.img__thumb{object-fit:cover;object-position:center;margin:40px 0 0;border-radius:10px;aspect-ratio:1/1}.wp-video{width:100% !important;display:block;display:grid;justify-content:center;margin:30px 0}.initiativbewerbung{grid-column-start:2}.initiativbewerbung .btn{margin-left:0}a.item{color:inherit}a.item .btn{transition:.3s ease-out}@media(hover: hover){a.item:hover .btn{transform:scale(1.1);transform-origin:top left}}.news .item{transition:.3s ease-out;margin-bottom:40px}.news .item__title{font-size:1.2rem;padding-bottom:10px}#onlineberatung .accordions{margin-top:40px}.swiper{width:100%;height:fit-content}.swiper .swiper-slide{text-align:left;font-size:1rem;background:#fff;display:block;width:100%}@media(width >= 1050px){.swiper .swiper-slide{width:auto}}.swiper .swiper-slide img{display:block;width:100%;max-height:250px;object-fit:cover}@media(width >= 600px){.swiper .swiper-slide img{max-height:350px}}@media(width >= 1050px){.swiper .swiper-slide img{height:400px;max-height:400px;width:auto}}.swiper__home .swiper-slide{width:100%;display:grid}@media(width >= 1050px){.swiper__home .swiper-slide{grid-template-columns:repeat(2, 1fr)}}.swiper__home .swiper-slide .image img{object-fit:cover;aspect-ratio:1/1;width:100%;max-height:70vh;height:100%}.swiper__home .swiper-slide .text{padding:2.5rem;background-image:url(//ftz-muenchen.de/wp-content/themes/ftz/dist/images/ftz-slider-cover.8fb644f8aca84e677956.png);background-size:cover;background-position:center;grid-row:2/3;display:flex;flex-direction:column;justify-content:flex-end}@media(width >= 1050px){.swiper__home .swiper-slide .text{grid-row:1/2}}.swiper__home .swiper-slide .text__big{display:block;font-size:2rem;font-weight:600;padding-bottom:.5rem}@media(width >= 600px){.swiper__home .swiper-slide .text__big{font-size:2.5rem}}@media(width >= 1300px){.swiper__home .swiper-slide .text__big{font-size:3rem}}.swiper__home .swiper-slide .text__small{display:block;font-size:1.25rem;font-weight:700;padding-bottom:0}.swiper__post .swiper-slide{width:100%;background-color:#f4f4f4}.swiper__post .swiper-slide img{display:block;width:100%;height:250px;object-fit:contain;max-height:unset}@media(width >= 600px){.swiper__post .swiper-slide img{height:300px}}@media(width >= 1050px){.swiper__post .swiper-slide img{height:350px}}.swiper-button-prev,.swiper-button-next{width:2.5rem;height:2.5rem}.swiper-button-prev::after,.swiper-button-next::after{display:none}.swiper-button-next{right:1.5rem}@media(width >= 1050px){.swiper-button-next{right:2rem}}.swiper-button-prev{left:1.5rem}@media(width >= 1050px){.swiper-button-prev{left:2rem}}.swiper-pagination{position:relative;margin-top:2rem}.swiper-pagination .swiper-pagination-bullet{width:1rem;height:1rem;border:1px solid #000;background-color:#fff;opacity:1}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#5c00d0}.image-description{font-size:.85rem;padding-top:.5rem}.modal__search{position:fixed;inset:0;background-color:hsla(0,0%,100%,.431);z-index:999999;display:none;justify-content:center;align-items:center;backdrop-filter:blur(0.5rem);cursor:pointer}.modal__search.opened{display:grid}.modal__search__box{background-color:#f4f4f4;padding:2.5rem 2rem 1.5rem;border-radius:.5rem;box-shadow:2px 2px 1.5rem rgba(0,0,0,.232);position:relative;cursor:default;margin:2.5rem}.modal__search input{padding:.5rem;display:block}.modal__search input[type=text]{width:100%;margin:0 0 1.5rem;font-size:1.2rem;border:2px solid #000}.modal__search input[type=text]:focus{border:2px solid #5c00d0;outline:none}.modal__search input[type=submit]{border:2px solid #5c00d0;background-color:#fff;color:#000;border-radius:1.5rem;padding:.5rem 1.5rem;font-weight:700;margin:0 0 0 auto;cursor:pointer;transition:.3s ease-out}@media(hover: hover){.modal__search input[type=submit]:hover{transform:scale(1.05)}}.searchresults__item{color:inherit;transition:.3s ease-out;display:block}@media(hover: hover){.searchresults__item:hover{margin-left:.5rem}}.contacts__group-title{padding-bottom:2.5rem}.wsf-form .wsf-grid{margin:2rem 0 0 !important}.wsf-form .wsf-tile{padding:0 !important}.wsf-form .wsf-section{margin:0;padding:0}.wsf-form .wsf-section .wsf-fields{border-top:1px solid #bfbfbf;display:grid;padding:1.5rem 0 0}@media(width >= 1050px){.wsf-form .wsf-section .wsf-fields{grid-template-columns:1fr 3fr;gap:0 2rem}.wsf-form .wsf-section .wsf-fields .wsf-field-wrapper{grid-column:2/3}.wsf-form .wsf-section .wsf-fields .wsf-field-wrapper.form__sectiontitle{grid-column:1/2}}.wsf-form .wsf-section .wsf-fields .wsf-field-wrapper{padding:0}.wsf-form .wsf-section .wsf-fields h2{padding:0;margin:0;border:0;font-size:1.15rem;padding-bottom:2rem}.wsf-form textarea{min-height:150px !important}.wsf-form button[type=submit]{margin-left:auto !important;display:block !important}.videobox{position:relative;padding-bottom:56.25%;height:0}.videobox iframe{position:absolute;top:0;left:0;width:100%;height:100%}.breadcrumb{padding:1rem 0 2.5rem;font-size:.85rem;border-top:1px solid #d3d3d3;line-height:128%}.breadcrumb a{color:#000;transition:.3s ease-out}@media(hover: hover){.breadcrumb a:hover{color:#5c00d0}}.mainpadding{padding:1.5rem}@media(width >= 1050px){.mainpadding{padding:4rem 2rem}}.bordertop{border-top:1px solid #000;padding-top:.5rem;margin-top:1.5rem}.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:0 0;border:none}.xdsoft_datetimepicker button{border:none!important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:0 0}.xdsoft_noselect::-moz-selection{background:0 0}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover,.xdsoft_datetimepicker .xdsoft_today_button:hover{opacity:1}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none!important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff!important;background:#ff8000!important;box-shadow:none!important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af!important;box-shadow:#178fe5 0 1px 3px 0 inset!important;color:#fff!important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit!important;background:inherit!important;box-shadow:inherit!important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc!important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee!important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa!important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc!important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000!important;background:#007fff!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555!important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333!important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd!important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:museo-sans,"Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%)}.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:focus span,.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:hover span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#fff 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#fff));background:-webkit-linear-gradient(top,#f4f8fa 0,#fff 73%);background:-o-linear-gradient(top,#f4f8fa 0,#fff 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#fff 73%);background:linear-gradient(to bottom,#f4f8fa 0,#fff 73%)}.wsf-form {
-webkit-tap-highlight-color: transparent;
accent-color: var(--wsf-form-color-accent);
background-color: var(--wsf-form-color-background);
border: var(--wsf-form-border-width) var(--wsf-form-border-style) var(--wsf-form-border-color);
border-radius: var(--wsf-form-border-radius);
box-sizing: border-box;
color: var(--wsf-form-color-base);
font-family: var(--wsf-form-font-family);
font-size: var(--wsf-form-font-size);
font-style: var(--wsf-form-font-style);
font-weight: var(--wsf-form-font-weight);
letter-spacing: var(--wsf-form-letter-spacing);
line-height: var(--wsf-form-line-height);
padding: var(--wsf-form-padding-vertical) var(--wsf-form-padding-horizontal);
-webkit-text-decoration: var(--wsf-form-text-decoration);
text-decoration: var(--wsf-form-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-form-text-transform);
width: 100%;
}
.wsf-form *,
.wsf-form *::before,
.wsf-form *::after {
box-sizing: inherit;
}
.wsf-form a:active, .wsf-form a:focus, .wsf-form a:hover, .wsf-form a:link, .wsf-form a:visited {
color: var(--wsf-form-color-accent);
}
.wsf-form .wsf-section,
.wsf-form .wsf-fieldset {
border: none;
margin: 0;
min-width: 0;
padding: 0;
}
.wsf-form .wsf-section {
background-color: var(--wsf-section-color-background);
}
.wsf-form .wsf-section.wsf-sticky {
align-self: flex-start;
height: auto;
margin-top: calc(-1 * var(--wsf-form-grid-gap));
padding-top: var(--wsf-form-grid-gap);
position: sticky;
top: 0;
z-index: 2;
}
.wsf-form .wsf-section > legend {
background-color: var(--wsf-section-legend-color-background);
border: 0;
color: var(--wsf-section-legend-color);
font-family: var(--wsf-section-legend-font-family);
font-size: var(--wsf-section-legend-font-size);
font-style: var(--wsf-section-legend-font-style);
font-weight: var(--wsf-section-legend-font-weight);
letter-spacing: var(--wsf-section-legend-letter-spacing);
line-height: var(--wsf-section-legend-line-height);
-webkit-text-decoration: var(--wsf-section-legend-text-decoration);
text-decoration: var(--wsf-section-legend-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-section-legend-text-transform);
margin: 0 0 var(--wsf-section-legend-gap) 0;
padding: 0;
}
.wsf-form .wsf-section .wsf-section-icons a {
cursor: pointer;
}
.wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon {
height: var(--wsf-section-icon-size);
}
.wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color);
}
.wsf-form .wsf-section .wsf-section-icons a svg.wsf-section-icon {
width: var(--wsf-section-icon-size);
}
.wsf-form .wsf-section .wsf-section-icons a span.wsf-section-icon-text {
color: var(--wsf-section-icon-color);
}
.wsf-form .wsf-section .wsf-section-icons a[data-action=wsf-section-drag-icon] {
cursor: move;
}
.wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled {
cursor: not-allowed;
}
.wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color-disabled);
}
.wsf-form .wsf-section .wsf-section-icons a.wsf-section-icon-disabled span.wsf-section-icon-text {
color: var(--wsf-section-icon-color-disabled);
}
.wsf-form .wsf-fieldset > legend {
background: var(--wsf-field-fieldset-legend-color-background);
border: 0;
color: var(--wsf-field-fieldset-legend-color);
font-family: var(--wsf-field-fieldset-legend-font-family);
font-size: var(--wsf-field-fieldset-legend-font-size);
font-style: var(--wsf-field-fieldset-legend-font-style);
font-weight: var(--wsf-field-fieldset-legend-font-weight);
letter-spacing: var(--wsf-field-fieldset-legend-letter-spacing);
line-height: var(--wsf-field-fieldset-legend-line-height);
margin: 0 0 var(--wsf-field-fieldset-legend-gap) 0;
padding: 0;
-webkit-text-decoration: var(--wsf-field-fieldset-legend-text-decoration);
text-decoration: var(--wsf-field-fieldset-legend-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-fieldset-legend-text-transform);
}
.wsf-form .wsf-field-wrapper {
margin-bottom: var(--wsf-form-grid-gap);
}
.wsf-form .wsf-field-wrapper.wsf-sticky {
align-self: flex-start;
background-color: var(--wsf-form-color-background);
height: auto;
margin-bottom: 0;
margin-top: calc(-1 * var(--wsf-form-grid-gap));
padding-bottom: var(--wsf-form-grid-gap);
padding-top: var(--wsf-form-grid-gap);
position: sticky;
top: 0;
z-index: 2;
}
.wsf-form .wsf-field-wrapper[data-type=texteditor], .wsf-form .wsf-field-wrapper[data-type=html], .wsf-form .wsf-field-wrapper[data-type=divider], .wsf-form .wsf-field-wrapper[data-type=message] {
margin-bottom: 0;
}
.wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h1, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h2, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h3, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h4, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h5, .wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h6 {
color: var(--wsf-field-texteditor-color);
font-family: var(--wsf-field-texteditor-font-family);
font-style: var(--wsf-field-texteditor-font-style);
font-weight: var(--wsf-field-texteditor-font-weight);
letter-spacing: var(--wsf-field-texteditor-letter-spacing);
line-height: var(--wsf-field-texteditor-line-height);
-webkit-text-decoration: var(--wsf-field-texteditor-text-decoration);
text-decoration: var(--wsf-field-texteditor-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-texteditor-text-transform);
}
.wsf-form .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p {
font-size: var(--wsf-field-texteditor-font-size);
margin-bottom: var(--wsf-field-texteditor-p-margin-bottom);
}
.wsf-form .wsf-tile {
padding-left: calc(var(--wsf-form-grid-gap) / 2);
padding-right: calc(var(--wsf-form-grid-gap) / 2);
}
.wsf-form .wsf-grid {
margin-left: calc(-1 * var(--wsf-form-grid-gap) / 2);
margin-right: calc(-1 * var(--wsf-form-grid-gap) / 2);
}
.wsf-form .wsf-inline {
display: inline-block;
flex-direction: column;
-webkit-margin-end: var(--wsf-field-padding-horizontal);
margin-inline-end: var(--wsf-field-padding-horizontal);
}
.wsf-form input[type=date].wsf-field,
.wsf-form input[type=datetime-local].wsf-field,
.wsf-form input[type=file].wsf-field,
.wsf-form input[type=month].wsf-field,
.wsf-form input[type=password].wsf-field,
.wsf-form input[type=search].wsf-field,
.wsf-form input[type=time].wsf-field,
.wsf-form input[type=week].wsf-field,
.wsf-form input[type=email].wsf-field,
.wsf-form input[type=number].wsf-field,
.wsf-form input[type=tel].wsf-field,
.wsf-form input[type=text].wsf-field,
.wsf-form input[type=url].wsf-field,
.wsf-form select.wsf-field,
.wsf-form textarea.wsf-field {
-webkit-appearance: none;
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-color);
display: inline-block;
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-style: var(--wsf-field-font-style);
font-weight: var(--wsf-field-font-weight);
height: auto;
letter-spacing: var(--wsf-field-letter-spacing);
line-height: var(--wsf-field-line-height);
margin: 0;
max-width: none;
min-height: auto;
opacity: 1;
padding: var(--wsf-field-padding);
-webkit-text-decoration: var(--wsf-field-text-decoration);
text-decoration: var(--wsf-field-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-text-transform);
touch-action: manipulation;
width: 100%;
}
.wsf-form input[type=date].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=datetime-local].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=file].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=month].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=password].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=search].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=time].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=week].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=email].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=number].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=tel].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=text].wsf-field::-webkit-input-placeholder,
.wsf-form input[type=url].wsf-field::-webkit-input-placeholder,
.wsf-form select.wsf-field::-webkit-input-placeholder,
.wsf-form textarea.wsf-field::-webkit-input-placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field::-moz-placeholder,
.wsf-form input[type=datetime-local].wsf-field::-moz-placeholder,
.wsf-form input[type=file].wsf-field::-moz-placeholder,
.wsf-form input[type=month].wsf-field::-moz-placeholder,
.wsf-form input[type=password].wsf-field::-moz-placeholder,
.wsf-form input[type=search].wsf-field::-moz-placeholder,
.wsf-form input[type=time].wsf-field::-moz-placeholder,
.wsf-form input[type=week].wsf-field::-moz-placeholder,
.wsf-form input[type=email].wsf-field::-moz-placeholder,
.wsf-form input[type=number].wsf-field::-moz-placeholder,
.wsf-form input[type=tel].wsf-field::-moz-placeholder,
.wsf-form input[type=text].wsf-field::-moz-placeholder,
.wsf-form input[type=url].wsf-field::-moz-placeholder,
.wsf-form select.wsf-field::-moz-placeholder,
.wsf-form textarea.wsf-field::-moz-placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field::-ms-input-placeholder,
.wsf-form input[type=datetime-local].wsf-field::-ms-input-placeholder,
.wsf-form input[type=file].wsf-field::-ms-input-placeholder,
.wsf-form input[type=month].wsf-field::-ms-input-placeholder,
.wsf-form input[type=password].wsf-field::-ms-input-placeholder,
.wsf-form input[type=search].wsf-field::-ms-input-placeholder,
.wsf-form input[type=time].wsf-field::-ms-input-placeholder,
.wsf-form input[type=week].wsf-field::-ms-input-placeholder,
.wsf-form input[type=email].wsf-field::-ms-input-placeholder,
.wsf-form input[type=number].wsf-field::-ms-input-placeholder,
.wsf-form input[type=tel].wsf-field::-ms-input-placeholder,
.wsf-form input[type=text].wsf-field::-ms-input-placeholder,
.wsf-form input[type=url].wsf-field::-ms-input-placeholder,
.wsf-form select.wsf-field::-ms-input-placeholder,
.wsf-form textarea.wsf-field::-ms-input-placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field::placeholder,
.wsf-form input[type=datetime-local].wsf-field::placeholder,
.wsf-form input[type=file].wsf-field::placeholder,
.wsf-form input[type=month].wsf-field::placeholder,
.wsf-form input[type=password].wsf-field::placeholder,
.wsf-form input[type=search].wsf-field::placeholder,
.wsf-form input[type=time].wsf-field::placeholder,
.wsf-form input[type=week].wsf-field::placeholder,
.wsf-form input[type=email].wsf-field::placeholder,
.wsf-form input[type=number].wsf-field::placeholder,
.wsf-form input[type=tel].wsf-field::placeholder,
.wsf-form input[type=text].wsf-field::placeholder,
.wsf-form input[type=url].wsf-field::placeholder,
.wsf-form select.wsf-field::placeholder,
.wsf-form textarea.wsf-field::placeholder {
color: var(--wsf-field-color-placeholder);
opacity: 1;
}
.wsf-form input[type=date].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=datetime-local].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=file].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=month].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=password].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=search].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=time].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=week].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=email].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=number].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=tel].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=text].wsf-field:hover:enabled:not(:focus),
.wsf-form input[type=url].wsf-field:hover:enabled:not(:focus),
.wsf-form select.wsf-field:hover:enabled:not(:focus),
.wsf-form textarea.wsf-field:hover:enabled:not(:focus) {
background-color: var(--wsf-field-color-background-hover);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-hover);
}
.wsf-form input[type=date].wsf-field:focus,
.wsf-form input[type=datetime-local].wsf-field:focus,
.wsf-form input[type=file].wsf-field:focus,
.wsf-form input[type=month].wsf-field:focus,
.wsf-form input[type=password].wsf-field:focus,
.wsf-form input[type=search].wsf-field:focus,
.wsf-form input[type=time].wsf-field:focus,
.wsf-form input[type=week].wsf-field:focus,
.wsf-form input[type=email].wsf-field:focus,
.wsf-form input[type=number].wsf-field:focus,
.wsf-form input[type=tel].wsf-field:focus,
.wsf-form input[type=text].wsf-field:focus,
.wsf-form input[type=url].wsf-field:focus,
.wsf-form select.wsf-field:focus,
.wsf-form textarea.wsf-field:focus {
background-color: var(--wsf-field-color-background-focus);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
color: var(--wsf-field-color-focus);
outline: 0;
}
.wsf-form input[type=date].wsf-field.wsf-field:disabled,
.wsf-form input[type=datetime-local].wsf-field.wsf-field:disabled,
.wsf-form input[type=file].wsf-field.wsf-field:disabled,
.wsf-form input[type=month].wsf-field.wsf-field:disabled,
.wsf-form input[type=password].wsf-field.wsf-field:disabled,
.wsf-form input[type=search].wsf-field.wsf-field:disabled,
.wsf-form input[type=time].wsf-field.wsf-field:disabled,
.wsf-form input[type=week].wsf-field.wsf-field:disabled,
.wsf-form input[type=email].wsf-field.wsf-field:disabled,
.wsf-form input[type=number].wsf-field.wsf-field:disabled,
.wsf-form input[type=tel].wsf-field.wsf-field:disabled,
.wsf-form input[type=text].wsf-field.wsf-field:disabled,
.wsf-form input[type=url].wsf-field.wsf-field:disabled,
.wsf-form select.wsf-field.wsf-field:disabled,
.wsf-form textarea.wsf-field.wsf-field:disabled {
background-color: var(--wsf-field-color-background-disabled);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-disabled);
color: var(--wsf-field-color-disabled);
-webkit-text-fill-color: var(--wsf-field-color-disabled);
cursor: not-allowed;
opacity: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-form input[type=date].wsf-field::-moz-focus-inner,
.wsf-form input[type=datetime-local].wsf-field::-moz-focus-inner,
.wsf-form input[type=file].wsf-field::-moz-focus-inner,
.wsf-form input[type=month].wsf-field::-moz-focus-inner,
.wsf-form input[type=password].wsf-field::-moz-focus-inner,
.wsf-form input[type=search].wsf-field::-moz-focus-inner,
.wsf-form input[type=time].wsf-field::-moz-focus-inner,
.wsf-form input[type=week].wsf-field::-moz-focus-inner,
.wsf-form input[type=email].wsf-field::-moz-focus-inner,
.wsf-form input[type=number].wsf-field::-moz-focus-inner,
.wsf-form input[type=tel].wsf-field::-moz-focus-inner,
.wsf-form input[type=text].wsf-field::-moz-focus-inner,
.wsf-form input[type=url].wsf-field::-moz-focus-inner,
.wsf-form select.wsf-field::-moz-focus-inner,
.wsf-form textarea.wsf-field::-moz-focus-inner {
border: 0;
padding: 0;
}
.wsf-form .wsf-label-wrapper label.wsf-label,
.wsf-form .wsf-label-wrapper div.wsf-label {
padding: calc(var(--wsf-field-padding-vertical) + var(--wsf-field-border-width)) 0;
margin-bottom: 0;
}
.wsf-form label.wsf-label,
.wsf-form div.wsf-label {
background-color: var(--wsf-field-label-color-background);
display: block;
color: var(--wsf-field-label-color);
font-family: var(--wsf-field-label-font-family);
font-size: var(--wsf-field-label-font-size);
font-style: var(--wsf-field-label-font-style);
font-weight: var(--wsf-field-label-font-weight);
letter-spacing: var(--wsf-field-label-letter-spacing);
line-height: var(--wsf-field-label-line-height);
margin-bottom: var(--wsf-field-label-gap);
-webkit-text-decoration: var(--wsf-field-label-text-decoration);
text-decoration: var(--wsf-field-label-text-decoration);
text-transform: var(--wsf-field-label-text-transform);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-form .wsf-field + label.wsf-label,
.wsf-form select.wsf-field ~ .select2-container + label.wsf-label,
.wsf-form input[type=text].wsf-field ~ .dropzone + label.wsf-label,
.wsf-form input[type=text].wsf-field ~ canvas + label.wsf-label,
.wsf-form .wsf-input-group-append + label.wsf-label {
margin-bottom: 0;
margin-top: var(--wsf-field-label-gap);
}
.wsf-form .wsf-invalid-feedback {
background-color: var(--wsf-field-invalid-feedback-color-background);
color: var(--wsf-field-invalid-feedback-color);
display: none;
font-family: var(--wsf-field-invalid-feedback-font-family);
font-size: var(--wsf-field-invalid-feedback-font-size);
font-style: var(--wsf-field-invalid-feedback-font-style);
font-weight: var(--wsf-field-invalid-feedback-font-weight);
letter-spacing: var(--wsf-field-invalid-feedback-letter-spacing);
line-height: var(--wsf-field-invalid-feedback-line-height);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: var(--wsf-field-invalid-feedback-gap);
padding: 0;
-webkit-text-decoration: var(--wsf-field-invalid-feedback-text-decoration);
text-decoration: var(--wsf-field-invalid-feedback-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-invalid-feedback-text-transform);
}
.wsf-form [data-select-min-max],
.wsf-form [data-checkbox-min-max] {
display: none;
}
.wsf-form .wsf-help {
background-color: var(--wsf-field-help-color-background);
color: var(--wsf-field-help-color);
display: block;
font-family: var(--wsf-field-help-font-family);
font-size: var(--wsf-field-help-font-size);
font-style: var(--wsf-field-help-font-style);
font-weight: var(--wsf-field-help-font-weight);
letter-spacing: var(--wsf-field-help-letter-spacing);
line-height: var(--wsf-field-help-line-height);
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: var(--wsf-field-help-gap);
padding: 0;
-webkit-text-decoration: var(--wsf-field-help-text-decoration);
text-decoration: var(--wsf-field-help-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-help-text-transform);
}
.wsf-form .wsf-help-pre {
margin-bottom: var(--wsf-field-help-gap);
margin-top: 0;
}
.wsf-form .wsf-label-position-inside .wsf-help-pre {
margin-bottom: var(--wsf-field-help-gap);
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-webkit-input-placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-webkit-input-placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-moz-placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-moz-placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::-ms-input-placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::-ms-input-placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder]::placeholder,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder]::placeholder {
color: transparent !important;
}
.wsf-form .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside select.wsf-field ~ label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
left: calc(var(--wsf-form-grid-gap) / 2 + var(--wsf-field-padding-horizontal) + var(--wsf-field-border-width));
line-height: var(--wsf-field-line-height);
margin-top: 0;
position: absolute;
top: var(--wsf-field-padding-vertical);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: auto;
}
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside select.wsf-field ~ label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form:not(.wsf-label-position-inside-hide) .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
background-color: var(--wsf-field-color-background);
display: block;
-webkit-margin-start: calc(-1 * var(--wsf-field-font-size) / 4);
margin-inline-start: calc(-1 * var(--wsf-field-font-size) / 4);
padding-left: calc(var(--wsf-field-font-size) / 4);
padding-right: calc(var(--wsf-field-font-size) / 4);
-webkit-transform: translate(0, var(--wsf-field-label-inside-offset)) scale(var(--wsf-field-label-inside-scale));
transform: translate(0, var(--wsf-field-label-inside-offset)) scale(var(--wsf-field-label-inside-scale));
}
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside select.wsf-field ~ label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
.wsf-form.wsf-label-position-inside-hide .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
display: none;
}
.wsf-form [data-wsf-tooltip=""]:before,
.wsf-form [data-wsf-tooltip=""]:after {
opacity: 0 !important;
}
.wsf-form [data-wsf-tooltip] {
cursor: help;
position: relative;
}
.wsf-form [data-wsf-tooltip] svg {
display: inline-block;
vertical-align: text-bottom;
}
.wsf-form [data-wsf-tooltip]::before, .wsf-form [data-wsf-tooltip]::after {
opacity: 0;
pointer-events: none;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
visibility: hidden;
z-index: 1000;
}
.wsf-form [data-wsf-tooltip]:focus {
outline: 0;
}
.wsf-form [data-wsf-tooltip]:hover:before,
.wsf-form [data-wsf-tooltip]:hover:after,
.wsf-form [data-wsf-tooltip]:focus:before,
.wsf-form [data-wsf-tooltip]:focus:after {
opacity: 1;
visibility: visible;
}
.wsf-form [data-wsf-tooltip]:before {
border: 5px solid transparent;
border-top-color: var(--wsf-field-tooltip-color-background);
bottom: calc(100% - 5px);
content: "";
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wsf-form [data-wsf-tooltip]:after {
background-color: var(--wsf-field-tooltip-color-background);
border-radius: var(--wsf-field-tooltip-border-radius);
bottom: calc(100% + var(--wsf-field-tooltip-gap));
color: var(--wsf-field-tooltip-color);
content: attr(data-wsf-tooltip);
font-family: var(--wsf-field-tooltip-font-family);
font-size: var(--wsf-field-tooltip-font-size);
font-weight: var(--wsf-field-tooltip-font-weight);
left: 50%;
line-height: var(--wsf-field-tooltip-line-height);
max-width: 320px;
min-width: 180px;
padding: var(--wsf-field-padding);
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wsf-form .wsf-input-group {
align-items: stretch;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.wsf-form .wsf-input-group > label.wsf-label,
.wsf-form .wsf-input-group > div.wsf-label,
.wsf-form .wsf-input-group > .wsf-invalid-feedback,
.wsf-form .wsf-input-group > .wsf-help {
width: 100%;
}
.wsf-form .wsf-input-group > .wsf-field,
.wsf-form .wsf-input-group > select.wsf-field ~ .select2-container,
.wsf-form .wsf-input-group > input[type=text].wsf-field ~ .dropzone,
.wsf-form .wsf-input-group > input[type=text].wsf-field ~ canvas {
flex: 1 1 auto;
min-width: 0;
position: relative;
width: 1% !important;
}
.wsf-form .wsf-input-group-has-prepend > .wsf-field,
.wsf-form .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form .wsf-input-group-has-prepend > .dropzone {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.wsf-form .wsf-input-group-has-append > .wsf-field,
.wsf-form .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form .wsf-input-group-has-append > .dropzone {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.wsf-form .wsf-input-group-prepend,
.wsf-form .wsf-input-group-append {
align-items: center;
background-color: var(--wsf-field-prefix-suffix-color-background);
border: var(--wsf-field-border);
color: var(--wsf-field-prefix-suffix-color);
display: flex;
font-family: var(--wsf-field-prefix-suffix-font-family);
font-size: var(--wsf-field-prefix-suffix-font-size);
font-style: var(--wsf-field-prefix-suffix-font-style);
font-weight: var(--wsf-field-prefix-suffix-font-weight);
letter-spacing: var(--wsf-field-prefix-suffix-letter-spacing);
line-height: var(--wsf-field-prefix-suffix-line-height);
padding: var(--wsf-field-padding);
-webkit-text-decoration: var(--wsf-field-prefix-suffix-text-decoration);
text-decoration: var(--wsf-field-prefix-suffix-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-prefix-suffix-text-transform);
}
.wsf-form .wsf-input-group-prepend {
-webkit-border-end: none;
border-bottom-left-radius: var(--wsf-field-border-radius);
border-inline-end: none;
border-top-left-radius: var(--wsf-field-border-radius);
}
.wsf-form .wsf-input-group-append {
-webkit-border-start: none;
border-bottom-right-radius: var(--wsf-field-border-radius);
border-inline-start: none;
border-top-right-radius: var(--wsf-field-border-radius);
}
.wsf-form .wsf-text-primary {
color: var(--wsf-form-color-primary);
}
.wsf-form .wsf-text-secondary {
color: var(--wsf-form-color-secondary);
}
.wsf-form .wsf-text-success {
color: var(--wsf-form-color-success);
}
.wsf-form .wsf-text-information {
color: var(--wsf-form-color-info);
}
.wsf-form .wsf-text-warning {
color: var(--wsf-form-color-warning);
}
.wsf-form .wsf-text-danger {
color: var(--wsf-form-color-danger);
}
.wsf-form .wsf-text-left {
text-align: left;
}
.wsf-form .wsf-text-center {
text-align: center;
}
.wsf-form .wsf-text-right {
text-align: right;
}
.wsf-form .wsf-hidden {
display: none !important;
}
.wsf-form .wsf-hidden-element {
border: 0 !important;
clip: rect(0, 0, 0, 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
.wsf-form input[type=date].wsf-field,
.wsf-form input[type=datetime-local].wsf-field,
.wsf-form input[type=file].wsf-field,
.wsf-form input[type=month].wsf-field,
.wsf-form input[type=password].wsf-field,
.wsf-form input[type=search].wsf-field,
.wsf-form input[type=time].wsf-field,
.wsf-form input[type=week].wsf-field,
.wsf-form input[type=email].wsf-field,
.wsf-form input[type=number].wsf-field,
.wsf-form input[type=tel].wsf-field,
.wsf-form input[type=text].wsf-field,
.wsf-form input[type=url].wsf-field,
.wsf-form select.wsf-field,
.wsf-form textarea.wsf-field {
transition: background-color var(--wsf-form-transition), background-image var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside select.wsf-field + label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-form .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
transition: -webkit-transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed), -webkit-transform var(--wsf-form-transition-speed);
}
.wsf-form canvas.wsf-field + label,
.wsf-form select.wsf-field + label,
.wsf-form input.wsf-field[placeholder] + label,
.wsf-form textarea.wsf-field[placeholder] + label,
.wsf-form canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form select.wsf-field + .wsf-input-group-append + label,
.wsf-form input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
transition: -webkit-transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed);
transition: transform var(--wsf-form-transition-speed), -webkit-transform var(--wsf-form-transition-speed);
}
.wsf-form [data-wsf-tooltip]::before, .wsf-form [data-wsf-tooltip]::after {
transition: opacity var(--wsf-form-transition), visibility var(--wsf-form-transition);
}
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > .wsf-field,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend > .dropzone {
border-top-left-radius: var(--wsf-field-border-radius) !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: var(--wsf-field-border-radius) !important;
border-bottom-right-radius: 0 !important;
}
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > .wsf-field,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-rtl .wsf-input-group-has-prepend.wsf-input-group-has-append > .dropzone {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.wsf-form.wsf-rtl .wsf-input-group-has-append > .wsf-field,
.wsf-form.wsf-rtl .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-rtl .wsf-input-group-has-append > select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-rtl .wsf-input-group-has-append > .dropzone {
border-top-left-radius: 0 !important;
border-top-right-radius: var(--wsf-field-border-radius) !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: var(--wsf-field-border-radius) !important;
}
.wsf-form.wsf-rtl .wsf-input-group-prepend {
border-top-left-radius: 0;
border-top-right-radius: var(--wsf-field-border-radius);
border-bottom-left-radius: 0;
border-bottom-right-radius: var(--wsf-field-border-radius);
}
.wsf-form.wsf-rtl .wsf-input-group-append {
border-top-left-radius: var(--wsf-field-border-radius);
border-top-right-radius: 0;
border-bottom-left-radius: var(--wsf-field-border-radius);
border-bottom-right-radius: 0;
}
.wsf-form.wsf-rtl .wsf-label-position-inside canvas.wsf-field + label,
.wsf-form.wsf-rtl .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-rtl .wsf-label-position-inside select.wsf-field + label,
.wsf-form.wsf-rtl .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-form.wsf-rtl .wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-form.wsf-rtl .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label,
.wsf-form.wsf-rtl .wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-form.wsf-rtl .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
left: auto;
right: calc(var(--wsf-form-grid-gap) / 2 + var(--wsf-field-padding-horizontal) + var(--wsf-field-border-width));
}
.wsf-form.wsf-validated input[type=date].wsf-field:invalid,
.wsf-form.wsf-validated input[type=datetime-local].wsf-field:invalid,
.wsf-form.wsf-validated input[type=file].wsf-field:invalid,
.wsf-form.wsf-validated input[type=month].wsf-field:invalid,
.wsf-form.wsf-validated input[type=password].wsf-field:invalid,
.wsf-form.wsf-validated input[type=search].wsf-field:invalid,
.wsf-form.wsf-validated input[type=time].wsf-field:invalid,
.wsf-form.wsf-validated input[type=week].wsf-field:invalid,
.wsf-form.wsf-validated input[type=email].wsf-field:invalid,
.wsf-form.wsf-validated input[type=number].wsf-field:invalid,
.wsf-form.wsf-validated input[type=tel].wsf-field:invalid,
.wsf-form.wsf-validated input[type=text].wsf-field:invalid,
.wsf-form.wsf-validated input[type=url].wsf-field:invalid,
.wsf-form.wsf-validated select.wsf-field:invalid,
.wsf-form.wsf-validated textarea.wsf-field:invalid,
.wsf-form .wsf-validated input[type=date].wsf-field:invalid,
.wsf-form .wsf-validated input[type=datetime-local].wsf-field:invalid,
.wsf-form .wsf-validated input[type=file].wsf-field:invalid,
.wsf-form .wsf-validated input[type=month].wsf-field:invalid,
.wsf-form .wsf-validated input[type=password].wsf-field:invalid,
.wsf-form .wsf-validated input[type=search].wsf-field:invalid,
.wsf-form .wsf-validated input[type=time].wsf-field:invalid,
.wsf-form .wsf-validated input[type=week].wsf-field:invalid,
.wsf-form .wsf-validated input[type=email].wsf-field:invalid,
.wsf-form .wsf-validated input[type=number].wsf-field:invalid,
.wsf-form .wsf-validated input[type=tel].wsf-field:invalid,
.wsf-form .wsf-validated input[type=text].wsf-field:invalid,
.wsf-form .wsf-validated input[type=url].wsf-field:invalid,
.wsf-form .wsf-validated select.wsf-field:invalid,
.wsf-form .wsf-validated textarea.wsf-field:invalid {
background-color: var(--wsf-field-color-background-invalid);
border-color: var(--wsf-field-border-color-invalid);
}
.wsf-form.wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated select.wsf-field:invalid:focus:not(:hover),
.wsf-form.wsf-validated textarea.wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated select.wsf-field:invalid:focus:not(:hover),
.wsf-form .wsf-validated textarea.wsf-field:invalid:focus:not(:hover) {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form.wsf-validated input[type=date].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=datetime-local].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=file].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=month].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=password].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=search].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=time].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=week].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=email].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=number].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=tel].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=text].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated input[type=url].wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated select.wsf-field:-moz-ui-invalid,
.wsf-form.wsf-validated textarea.wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=date].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=datetime-local].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=file].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=month].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=password].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=search].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=time].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=week].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=email].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=number].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=tel].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=text].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated input[type=url].wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated select.wsf-field:-moz-ui-invalid,
.wsf-form .wsf-validated textarea.wsf-field:-moz-ui-invalid {
box-shadow: none;
}
.wsf-form.wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated fieldset[data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [role=\"radiogroup\"][data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated [data-captcha-invalid] ~ .wsf-invalid-feedback,
.wsf-form.wsf-validated .wsf-input-group:has(.iti .wsf-field:invalid) ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated fieldset[data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [role=\"radiogroup\"][data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated [data-captcha-invalid] ~ .wsf-invalid-feedback,
.wsf-form .wsf-validated .wsf-input-group:has(.iti .wsf-field:invalid) ~ .wsf-invalid-feedback {
display: block;
}
.wsf-form [data-type=captchafox]:has([data-mode=hidden]),
.wsf-form [data-type=recaptcha]:has([data-recaptcha-type=v2_invisible], [data-recaptcha-type=v3_default]) {
height: 0;
margin: 0;
overflow: hidden;
padding: 0;
width: 0;
}
.wsf-form .wsf-field-wrapper[data-type=turnstile]:has([data-appearance=interaction-only]) {
margin-bottom: 0;
}
.wsf-form .wsf-field-wrapper[data-type=turnstile]:has([data-appearance=interaction-only]).wsf-turnstile-interactive {
margin-bottom: var(--wsf-form-grid-gap);
}
.wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple,
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
.wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:hover:enabled:not(:focus), .wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:focus, .wsf-form.wsf-field-border-placement-bottom [data-wsf-legal].wsf-field:disabled,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:focus,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field[type=text] ~ canvas:disabled,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus,
.wsf-form.wsf-field-border-placement-bottom input.wsf-field:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):disabled,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field:focus,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field:disabled,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:focus,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--single:disabled,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:focus,
.wsf-form.wsf-field-border-placement-bottom select.wsf-field ~ .select2-container .select2-selection--multiple:disabled,
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:hover:enabled:not(:focus),
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:focus,
.wsf-form.wsf-field-border-placement-bottom textarea.wsf-field:disabled {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
.wsf-form.wsf-field-border-placement-bottom .wsf-input-group span {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] {
--wsf-form-color-accent: var(--wsf-form-color-accent-alt);
background-color: var(--wsf-form-color-background-alt);
color: var(--wsf-form-color-base-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section.wsf-sticky {
background-color: var(--wsf-section-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section > legend {
background-color: var(--wsf-section-legend-background-color-alt);
color: var(--wsf-section-legend-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a span.wsf-section-icon-text {
color: var(--wsf-section-icon-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a.wsf-section-icon-disabled svg.wsf-section-icon path {
fill: var(--wsf-section-icon-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-section .wsf-section-icons a.wsf-section-icon-disabled span.wsf-section-icon-text {
color: var(--wsf-section-icon-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-fieldset > legend {
background-color: var(--wsf-field-fieldset-legend-background-color-alt);
color: var(--wsf-field-fieldset-legend-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper.wsf-sticky {
background-color: var(--wsf-form-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] p, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h1, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h2, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h3, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h4, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h5, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-field-wrapper[data-type=texteditor] [data-text-editor] h6 {
color: var(--wsf-field-texteditor-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field {
background-color: var(--wsf-field-color-background-alt);
border: var(--wsf-field-border-alt);
color: var(--wsf-field-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-webkit-input-placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-moz-placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::-ms-input-placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field::placeholder {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field:hover:enabled:not(:focus),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field:hover:enabled:not(:focus) {
background-color: var(--wsf-field-color-background-hover-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field:focus,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field:focus {
background-color: var(--wsf-field-color-background-focus-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-focus-alt);
box-shadow: var(--wsf-field-box-shadow-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=date].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=datetime-local].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=month].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=password].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=search].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=time].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=week].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=email].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=number].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=tel].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=url].wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] select.wsf-field.wsf-field:disabled,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] textarea.wsf-field.wsf-field:disabled {
background-color: var(--wsf-field-color-background-disabled-alt);
border: var(--wsf-field-border-width) var(--wsf-field-border-style) var(--wsf-field-border-color-disabled-alt);
color: var(--wsf-field-color-disabled-alt);
-webkit-text-fill-color: var(--wsf-field-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] label.wsf-label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] div.wsf-label {
background-color: var(--wsf-field-label-background-color-alt);
color: var(--wsf-field-label-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-invalid-feedback {
background-color: var(--wsf-field-invalid-feedback-background-color-alt);
color: var(--wsf-field-invalid-feedback-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-help {
background-color: var(--wsf-field-help-color-background-alt);
color: var(--wsf-field-help-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-webkit-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-webkit-input-placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-moz-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-moz-placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::-ms-input-placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::-ms-input-placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]::placeholder,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]::placeholder {
color: transparent !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside canvas.wsf-field + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside select.wsf-field + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-label-position-inside:not(.wsf-label-position-inside-hide) textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
background-color: var(--wsf-field-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-tooltip]:before {
border-top-color: var(--wsf-field-tooltip-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-wsf-tooltip]:after {
background-color: var(--wsf-field-tooltip-color-background-alt);
color: var(--wsf-field-tooltip-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-input-group-prepend,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-input-group-append {
background-color: var(--wsf-field-prefix-suffix-color-background-alt);
border: var(--wsf-field-border-alt);
color: var(--wsf-field-prefix-suffix-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=date].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=datetime-local].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=file].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=month].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=password].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=search].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=time].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=week].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=email].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=number].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=tel].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=text].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=url].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated select.wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated textarea.wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=date].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=datetime-local].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=file].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=month].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=password].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=search].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=time].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=week].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=email].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=number].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=tel].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=text].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=url].wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated select.wsf-field:invalid,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated textarea.wsf-field:invalid {
background-color: var(--wsf-field-color-background-invalid-alt);
border-color: var(--wsf-field-border-color-invalid-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated select.wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated textarea.wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=date].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=datetime-local].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=file].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=month].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=password].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=search].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=time].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=week].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=email].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=number].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=tel].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=text].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=url].wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated select.wsf-field:invalid:focus:not(:hover),
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated textarea.wsf-field:invalid:focus:not(:hover) {
box-shadow: var(--wsf-field-box-shadow-alt);
}
.pac-container {
z-index: 1401;
}
.elementor-element .wsf-form .wp-editor-tools button {
background-color: inherit !important;
}
.wsf-alert {
background-color: var(--wsf-field-message-color-background);
-webkit-border-start: calc(var(--wsf-field-border-width) * 4) solid var(--wsf-field-message-border-color);
border-inline-start: calc(var(--wsf-field-border-width) * 4) solid var(--wsf-field-message-border-color);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-message-color);
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-style: var(--wsf-field-font-style);
font-weight: var(--wsf-field-font-weight);
letter-spacing: var(--wsf-field-letter-spacing);
line-height: var(--wsf-field-line-height);
padding: var(--wsf-field-padding);
margin-bottom: var(--wsf-form-grid-gap);
-webkit-text-decoration: var(--wsf-field-text-decoration);
text-decoration: var(--wsf-field-text-decoration);
text-transform: var(--wsf-field-text-transform);
}
.wsf-alert > p {
color: var(--wsf-field-message-color);
}
.wsf-alert > p a,
.wsf-alert > p a:hover,
.wsf-alert > p a:focus {
color: var(--wsf-field-message-anchor-color);
text-decoration: underline;
}
.wsf-alert > :first-child {
margin-top: 0;
}
.wsf-alert > :last-child {
margin-bottom: 0;
}
.wsf-alert.wsf-alert-success {
background-color: var(--wsf-field-message-success-color-background);
border-color: var(--wsf-field-message-success-border-color);
color: var(--wsf-field-message-success-color);
}
.wsf-alert.wsf-alert-success > p {
color: var(--wsf-field-message-success-color);
}
.wsf-alert.wsf-alert-success > p a,
.wsf-alert.wsf-alert-success > p a:hover,
.wsf-alert.wsf-alert-success > p a:focus {
color: var(--wsf-field-message-success-anchor-color);
}
.wsf-alert.wsf-alert-information {
background-color: var(--wsf-field-message-info-color-background);
border-color: var(--wsf-field-message-info-border-color);
color: var(--wsf-field-message-info-color);
}
.wsf-alert.wsf-alert-information > p {
color: var(--wsf-field-message-info-color);
}
.wsf-alert.wsf-alert-information > p a,
.wsf-alert.wsf-alert-information > p a:hover,
.wsf-alert.wsf-alert-information > p a:focus {
color: var(--wsf-field-message-info-anchor-color);
}
.wsf-alert.wsf-alert-warning {
background-color: var(--wsf-field-message-warning-color-background);
border-color: var(--wsf-field-message-warning-border-color);
color: var(--wsf-field-message-warning-color);
}
.wsf-alert.wsf-alert-warning > p {
color: var(--wsf-field-message-warning-color);
}
.wsf-alert.wsf-alert-warning > p a,
.wsf-alert.wsf-alert-warning > p a:hover,
.wsf-alert.wsf-alert-warning > p a:focus {
color: var(--wsf-field-message-warning-anchor-color);
}
.wsf-alert.wsf-alert-danger {
background-color: var(--wsf-field-message-danger-color-background);
border-color: var(--wsf-field-message-danger-border-color);
color: var(--wsf-field-message-danger-color);
}
.wsf-alert.wsf-alert-danger > p {
color: var(--wsf-field-message-danger-color);
}
.wsf-alert.wsf-alert-danger > p a,
.wsf-alert.wsf-alert-danger > p a:hover,
.wsf-alert.wsf-alert-danger > p a:focus {
color: var(--wsf-field-message-danger-anchor-color);
}.wsf-form button.wsf-button {
-webkit-appearance: none;
background-color: var(--wsf-field-button-color-background);
border-color: var(--wsf-field-button-border-color);
border-radius: var(--wsf-field-button-border-radius);
border-style: var(--wsf-field-button-border-style);
border-width: var(--wsf-field-button-border-width);
color: var(--wsf-field-button-color);
cursor: pointer;
display: inline-block;
font-family: var(--wsf-field-button-font-family);
font-size: var(--wsf-field-button-font-size);
font-style: var(--wsf-field-button-font-style);
font-weight: var(--wsf-field-button-font-weight);
letter-spacing: var(--wsf-field-button-letter-spacing);
line-height: var(--wsf-field-button-line-height);
margin: 0;
min-height: auto;
max-width: none;
padding: var(--wsf-field-button-padding);
text-align: center;
-webkit-text-decoration: var(--wsf-field-button-text-decoration);
text-decoration: var(--wsf-field-button-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-button-text-transform);
touch-action: manipulation;
user-select: none;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.wsf-form button.wsf-button.wsf-button-full {
width: var(--wsf-field-button-width);
}
.wsf-form button.wsf-button::-moz-focus-inner {
border: 0;
margin: 0;
padding: 0;
}
.wsf-form button.wsf-button:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-color-background-hover);
border-color: var(--wsf-field-button-border-color-hover);
color: var(--wsf-field-button-color-hover);
}
.wsf-form button.wsf-button:focus, .wsf-form button.wsf-button:active {
background-color: var(--wsf-field-button-color-background-focus);
border-color: var(--wsf-field-button-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
color: var(--wsf-field-button-color-focus);
outline: 0;
}
.wsf-form button.wsf-button:disabled {
cursor: not-allowed;
opacity: 0.5;
transition: none;
}
.wsf-form button.wsf-button.wsf-button-primary {
background-color: var(--wsf-field-button-primary-color-background);
border-color: var(--wsf-field-button-primary-border-color);
color: var(--wsf-field-button-primary-color);
}
.wsf-form button.wsf-button.wsf-button-primary:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-primary-color-background-hover);
border-color: var(--wsf-field-button-primary-border-color-hover);
color: var(--wsf-field-button-primary-color-hover);
}
.wsf-form button.wsf-button.wsf-button-primary:focus, .wsf-form button.wsf-button.wsf-button-primary:active {
background-color: var(--wsf-field-button-primary-color-background-focus);
border-color: var(--wsf-field-button-primary-border-color-focus);
color: var(--wsf-field-button-primary-color-focus);
}
.wsf-form button.wsf-button.wsf-button-secondary {
background-color: var(--wsf-field-button-secondary-color-background);
border-color: var(--wsf-field-button-secondary-border-color);
color: var(--wsf-field-button-secondary-color);
}
.wsf-form button.wsf-button.wsf-button-secondary:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-secondary-color-background-hover);
border-color: var(--wsf-field-button-secondary-border-color-hover);
color: var(--wsf-field-button-secondary-color-hover);
}
.wsf-form button.wsf-button.wsf-button-secondary:focus, .wsf-form button.wsf-button.wsf-button-secondary:active {
background-color: var(--wsf-field-button-secondary-color-background-focus);
border-color: var(--wsf-field-button-secondary-border-color-focus);
color: var(--wsf-field-button-secondary-color-focus);
}
.wsf-form button.wsf-button.wsf-button-success {
background-color: var(--wsf-field-button-success-color-background);
border-color: var(--wsf-field-button-success-border-color);
color: var(--wsf-field-button-success-color);
}
.wsf-form button.wsf-button.wsf-button-success:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-success-color-background-hover);
border-color: var(--wsf-field-button-success-border-color-hover);
color: var(--wsf-field-button-success-color-hover);
}
.wsf-form button.wsf-button.wsf-button-success:focus, .wsf-form button.wsf-button.wsf-button-success:active {
background-color: var(--wsf-field-button-success-color-background-focus);
border-color: var(--wsf-field-button-success-border-color-focus);
color: var(--wsf-field-button-success-color-focus);
}
.wsf-form button.wsf-button.wsf-button-information {
background-color: var(--wsf-field-button-info-color-background);
border-color: var(--wsf-field-button-info-border-color);
color: var(--wsf-field-button-info-color);
}
.wsf-form button.wsf-button.wsf-button-information:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-info-color-background-hover);
border-color: var(--wsf-field-button-info-border-color-hover);
color: var(--wsf-field-button-info-color-hover);
}
.wsf-form button.wsf-button.wsf-button-information:focus, .wsf-form button.wsf-button.wsf-button-information:active {
background-color: var(--wsf-field-button-info-color-background-focus);
border-color: var(--wsf-field-button-info-border-color-focus);
color: var(--wsf-field-button-info-color-focus);
}
.wsf-form button.wsf-button.wsf-button-warning {
background-color: var(--wsf-field-button-warning-color-background);
border-color: var(--wsf-field-button-warning-border-color);
color: var(--wsf-field-button-warning-color);
}
.wsf-form button.wsf-button.wsf-button-warning:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-warning-color-background-hover);
border-color: var(--wsf-field-button-warning-border-color-hover);
color: var(--wsf-field-button-warning-color-hover);
}
.wsf-form button.wsf-button.wsf-button-warning:focus, .wsf-form button.wsf-button.wsf-button-warning:active {
background-color: var(--wsf-field-button-warning-color-background-focus);
border-color: var(--wsf-field-button-warning-border-color-focus);
color: var(--wsf-field-button-warning-color-focus);
}
.wsf-form button.wsf-button.wsf-button-danger {
background-color: var(--wsf-field-button-danger-color-background);
border-color: var(--wsf-field-button-danger-border-color);
color: var(--wsf-field-button-danger-color);
}
.wsf-form button.wsf-button.wsf-button-danger:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-danger-color-background-hover);
border-color: var(--wsf-field-button-danger-border-color-hover);
color: var(--wsf-field-button-danger-color-hover);
}
.wsf-form button.wsf-button.wsf-button-danger:focus, .wsf-form button.wsf-button.wsf-button-danger:active {
background-color: var(--wsf-field-button-danger-color-background-focus);
border-color: var(--wsf-field-button-danger-border-color-focus);
color: var(--wsf-field-button-danger-color-focus);
}
.wsf-form.wsf-form-post-lock-progress button.wsf-button {
cursor: progress;
}
.wsf-form button.wsf-button {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button {
background-color: var(--wsf-field-button-color-background-alt);
border-color: var(--wsf-field-button-border-color-alt);
color: var(--wsf-field-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-color-background-hover-alt);
border-color: var(--wsf-field-button-border-color-hover-alt);
color: var(--wsf-field-button-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:active {
background-color: var(--wsf-field-button-color-background-focus-alt);
border-color: var(--wsf-field-button-border-color-focus-alt);
color: var(--wsf-field-button-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary {
background-color: var(--wsf-field-button-primary-color-background-alt);
border-color: var(--wsf-field-button-primary-border-color-alt);
color: var(--wsf-field-button-primary-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-primary-color-background-hover-alt);
border-color: var(--wsf-field-button-primary-border-color-hover-alt);
color: var(--wsf-field-button-primary-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:active {
background-color: var(--wsf-field-button-primary-color-background-focus-alt);
border-color: var(--wsf-field-button-primary-border-color-focus-alt);
color: var(--wsf-field-button-primary-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary {
background-color: var(--wsf-field-button-secondary-color-background-alt);
border-color: var(--wsf-field-button-secondary-border-color-alt);
color: var(--wsf-field-button-secondary-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-secondary-color-background-hover-alt);
border-color: var(--wsf-field-button-secondary-border-color-hover-alt);
color: var(--wsf-field-button-secondary-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:active {
background-color: var(--wsf-field-button-secondary-color-background-focus-alt);
border-color: var(--wsf-field-button-secondary-border-color-focus-alt);
color: var(--wsf-field-button-secondary-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success {
background-color: var(--wsf-field-button-success-color-background-alt);
border-color: var(--wsf-field-button-success-border-color-alt);
color: var(--wsf-field-button-success-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-success-color-background-hover-alt);
border-color: var(--wsf-field-button-success-border-color-hover-alt);
color: var(--wsf-field-button-success-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:active {
background-color: var(--wsf-field-button-success-color-background-focus-alt);
border-color: var(--wsf-field-button-success-border-color-focus-alt);
color: var(--wsf-field-button-success-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information {
background-color: var(--wsf-field-button-info-color-background-alt);
border-color: var(--wsf-field-button-info-border-color-alt);
color: var(--wsf-field-button-info-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-info-color-background-hover-alt);
border-color: var(--wsf-field-button-info-border-color-hover-alt);
color: var(--wsf-field-button-info-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:active {
background-color: var(--wsf-field-button-info-color-background-focus-alt);
border-color: var(--wsf-field-button-info-border-color-focus-alt);
color: var(--wsf-field-button-info-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning {
background-color: var(--wsf-field-button-warning-color-background-alt);
border-color: var(--wsf-field-button-warning-border-color-alt);
color: var(--wsf-field-button-warning-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-warning-color-background-hover-alt);
border-color: var(--wsf-field-button-warning-border-color-hover-alt);
color: var(--wsf-field-button-warning-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:active {
background-color: var(--wsf-field-button-warning-color-background-focus-alt);
border-color: var(--wsf-field-button-warning-border-color-focus-alt);
color: var(--wsf-field-button-warning-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger {
background-color: var(--wsf-field-button-danger-color-background-alt);
border-color: var(--wsf-field-button-danger-border-color-alt);
color: var(--wsf-field-button-danger-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-button-danger-color-background-hover-alt);
border-color: var(--wsf-field-button-danger-border-color-hover-alt);
color: var(--wsf-field-button-danger-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:active {
background-color: var(--wsf-field-button-danger-color-background-focus-alt);
border-color: var(--wsf-field-button-danger-border-color-focus-alt);
color: var(--wsf-field-button-danger-color-focus-alt);
}.wsf-form input[type=checkbox].wsf-field {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: var(--wsf-field-checkbox-color-background);
border-radius: var(--wsf-field-checkbox-border-radius);
bottom: auto;
border: var(--wsf-field-border);
display: block;
height: var(--wsf-field-checkbox-size);
margin: 0;
min-height: var(--wsf-field-checkbox-size);
opacity: 1;
padding: 0;
position: absolute;
text-align: left;
top: auto;
vertical-align: middle;
width: var(--wsf-field-checkbox-size);
}
.wsf-form input[type=checkbox].wsf-field:checked {
background-color: var(--wsf-field-checkbox-checked-color-background);
border-color: var(--wsf-field-checkbox-checked-color-background);
}
.wsf-form input[type=checkbox].wsf-field:checked::after {
background: none;
border-color: var(--wsf-field-checkbox-checkmark-color);
border-style: solid;
border-width: 0 var(--wsf-field-checkbox-check-size) var(--wsf-field-checkbox-check-size) 0;
content: "";
display: block;
height: var(--wsf-field-checkbox-check-height);
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
-webkit-transform: translate(calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-width) / 2 - var(--wsf-field-border-width)), calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-height) / 2 - (var(--wsf-field-border-width) + 1px))) rotate(45deg);
transform: translate(calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-width) / 2 - var(--wsf-field-border-width)), calc(var(--wsf-field-checkbox-size) / 2 - var(--wsf-field-checkbox-check-height) / 2 - (var(--wsf-field-border-width) + 1px))) rotate(45deg);
transition: none;
width: var(--wsf-field-checkbox-check-width);
}
.wsf-form input[type=checkbox].wsf-field::before {
display: none !important;
}
.wsf-form input[type=checkbox].wsf-field + label.wsf-label {
display: inline-block;
margin-left: calc(var(--wsf-field-checkbox-size) + var(--wsf-field-checkbox-gap-horizontal));
margin-top: 0;
vertical-align: top;
}
.wsf-form input[type=checkbox].wsf-field:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field:focus {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field:disabled + label.wsf-label {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button, .wsf-form input[type=checkbox].wsf-field.wsf-switch, .wsf-form input[type=checkbox].wsf-field.wsf-swatch {
background: none;
border: none;
bottom: auto;
left: auto;
margin: 0;
opacity: 0;
position: absolute;
right: auto;
top: auto;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label {
margin: 0;
padding: 0;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before {
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: var(--wsf-field-checkbox-size);
left: 0;
position: absolute;
vertical-align: top;
width: var(--wsf-field-checkbox-size);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::after {
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: var(--wsf-field-checkbox-size);
left: 0;
position: absolute;
top: 0;
vertical-align: top;
width: var(--wsf-field-checkbox-size);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label + .wsf-invalid-feedback, .wsf-form input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label + .wsf-invalid-feedback {
margin-bottom: var(--wsf-field-invalid-feedback-gap);
margin-top: calc(-1 * var(--wsf-field-invalid-feedback-gap));
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:hover:not(:focus):not(:checked) + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:hover:not(:focus):not(:checked) + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:hover:not(:focus):not(:checked) + label.wsf-label::before {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:focus + label.wsf-label::before {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label {
color: var(--wsf-field-checkbox-button-color);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::before, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::before {
background-color: var(--wsf-field-color-background-disabled);
border-color: var(--wsf-field-border-color-disabled);
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after, .wsf-form input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::after {
cursor: not-allowed;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label {
background-color: var(--wsf-field-checkbox-button-color-background);
border-color: var(--wsf-field-checkbox-button-color-background);
border-radius: var(--wsf-field-border-radius);
color: var(--wsf-field-checkbox-button-color);
cursor: pointer;
display: inline-block;
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-style: var(--wsf-field-font-style);
font-weight: var(--wsf-field-font-weight);
letter-spacing: var(--wsf-field-letter-spacing);
line-height: var(--wsf-field-line-height);
padding: var(--wsf-field-padding);
text-align: center;
-webkit-text-decoration: var(--wsf-field-text-decoration);
text-decoration: var(--wsf-field-text-decoration);
text-transform: var(--wsf-field-text-transform);
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label {
background-color: var(--wsf-field-checkbox-checked-button-color-background);
border-color: var(--wsf-field-checkbox-checked-button-color-background);
color: var(--wsf-field-checkbox-checked-button-color);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button:checked:focus + label.wsf-label {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button.wsf-button-full + label.wsf-label {
display: block;
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch {
width: var(--wsf-field-checkbox-switch-width);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label {
position: relative;
-webkit-padding-start: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
padding-inline-start: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before {
border-radius: calc(var(--wsf-field-checkbox-size) / 2);
width: var(--wsf-field-checkbox-switch-width);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
background-color: var(--wsf-field-checkbox-switch-color);
border: none;
border-radius: 50%;
height: var(--wsf-field-checkbox-switch-size);
left: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
top: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
width: var(--wsf-field-checkbox-switch-size);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::after {
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::after {
border-color: var(--wsf-field-border-color-focus);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after {
border-color: var(--wsf-field-border-color-disabled);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::before {
background-color: var(--wsf-field-checkbox-checked-switch-color-background);
border-color: var(--wsf-field-checkbox-checked-switch-color-background);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
background-color: var(--wsf-field-checkbox-checked-switch-color);
left: calc(var(--wsf-field-checkbox-switch-width) - var(--wsf-field-checkbox-switch-size) - (var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label {
margin-left: 0;
padding-left: 0;
position: relative;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label::before {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label::after {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span {
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
cursor: pointer;
display: inline-block;
height: var(--wsf-field-height);
vertical-align: middle;
width: var(--wsf-field-height);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color.wsf-circle + label.wsf-label > span {
border-radius: 50%;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color:hover:enabled:not(:checked):not(:focus) + label.wsf-label > span {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color:focus + label.wsf-label > span {
background-color: var(--wsf-field-color-background-focus);
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color:disabled + label.wsf-label > span {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-color:checked + label.wsf-label > span {
border-color: var(--wsf-field-checkbox-checked-swatch-border-color);
box-shadow: inset 0 0 0 2px var(--wsf-field-checkbox-checked-swatch-box-shadow-color);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image {
display: none;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label {
margin-left: 0;
padding-left: 0;
position: relative;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img {
background-color: var(--wsf-field-color-background);
border: var(--wsf-field-border);
border-radius: var(--wsf-field-border-radius);
cursor: pointer;
display: inline-block;
height: auto;
max-width: 100%;
padding: 2px;
vertical-align: middle;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label .wsf-image-caption {
color: var(--wsf-field-help-color);
display: block;
font-size: var(--wsf-form-font-size-small);
line-height: var(--wsf-field-line-height);
margin-top: var(--wsf-form-caption-gap);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-circle + label.wsf-label > img {
border-radius: 50%;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-responsive + label.wsf-label > img {
height: auto;
max-width: 100%;
width: 100%;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image.wsf-image-full + label.wsf-label {
width: 100%;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image:hover:enabled:not(:checked):not(:focus) + label.wsf-label > img {
background-color: var(--wsf-field-color-background-hover);
border-color: var(--wsf-field-border-color-hover);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img {
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image:disabled + label.wsf-label > img {
cursor: not-allowed;
opacity: 0.5;
}
.wsf-form input[type=checkbox].wsf-field.wsf-image:checked + label.wsf-label > img {
background-color: var(--wsf-field-checkbox-checked-image-border-color);
border-color: var(--wsf-field-checkbox-checked-image-border-color);
}
.wsf-form [data-type=checkbox] .wsf-grid.wsf-fields .wsf-label-wrapper label.wsf-label,
.wsf-form [data-type=checkbox] .wsf-grid.wsf-fields .wsf-label-wrapper div.wsf-label {
padding: 0;
}
.wsf-form [data-row-checkbox] {
margin-bottom: var(--wsf-field-checkbox-gap-vertical);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="1"] {
-webkit-margin-start: var(--wsf-field-checkbox-size);
margin-inline-start: var(--wsf-field-checkbox-size);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="2"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 2);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 2);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="3"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 3);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 3);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="4"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 4);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 4);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="5"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 5);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 5);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="6"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 6);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 6);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="7"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 7);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 7);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="8"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 8);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 8);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="9"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 9);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 9);
}
.wsf-form [data-row-checkbox][data-wsf-hierarchy="10"] {
-webkit-margin-start: calc(var(--wsf-field-checkbox-size) * 10);
margin-inline-start: calc(var(--wsf-field-checkbox-size) * 10);
}
.wsf-form.wsf-validated input[type=checkbox].wsf-field:invalid,
.wsf-form .wsf-validated input[type=checkbox].wsf-field:invalid {
border-color: var(--wsf-field-border-color-invalid);
}
.wsf-form.wsf-validated input[type=checkbox].wsf-field:invalid:focus,
.wsf-form .wsf-validated input[type=checkbox].wsf-field:invalid:focus {
box-shadow: var(--wsf-field-box-shadow);
}
.wsf-form input[type=checkbox].wsf-field + label.wsf-label {
transition: color var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field + label.wsf-label::before {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-button + label.wsf-label {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition), color var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), left var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span {
transition: border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field + label.wsf-label {
margin-right: calc(var(--wsf-field-checkbox-size) + var(--wsf-field-checkbox-gap-horizontal));
margin-left: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label {
margin-right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before {
left: auto;
right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-button + label.wsf-label::after, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after, .wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::after {
left: auto;
right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label {
-webkit-padding-end: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
padding-inline-end: calc(var(--wsf-field-checkbox-switch-width) + var(--wsf-field-checkbox-gap-horizontal));
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
right: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
left: calc((var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
left: 0;
right: calc(var(--wsf-field-checkbox-switch-width) - var(--wsf-field-checkbox-switch-size) - (var(--wsf-field-checkbox-size) - var(--wsf-field-checkbox-switch-size)) / 2);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-color + label.wsf-label {
margin-right: 0;
padding-right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-image + label.wsf-label {
margin-right: 0;
padding-right: 0;
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="1"] {
-webkit-margin-end: var(--wsf-field-checkbox-size);
margin-inline-end: var(--wsf-field-checkbox-size);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="2"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 2);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 2);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="3"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 3);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 3);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="4"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 4);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 4);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="5"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 5);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 5);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="6"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 6);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 6);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="7"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 7);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 7);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="8"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 8);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 8);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="9"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 9);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 9);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field [data-wsf-hierarchy="10"] {
-webkit-margin-end: calc(var(--wsf-field-checkbox-size) * 10);
margin-inline-end: calc(var(--wsf-field-checkbox-size) * 10);
}
.wsf-form.wsf-rtl input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
transition: background-color var(--wsf-form-transition-speed), border-color var(--wsf-form-transition-speed), right var(--wsf-form-transition-speed);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field {
background-color: var(--wsf-field-checkbox-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:checked {
background-color: var(--wsf-field-checkbox-checked-color-background-alt);
border-color: var(--wsf-field-checkbox-checked-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:checked::after {
border-color: var(--wsf-field-checkbox-checkmark-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:hover:enabled:not(:checked):not(:focus) {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field:focus {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch + label.wsf-label::before {
background-color: var(--wsf-field-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:hover:not(:focus):not(:checked) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:hover:not(:focus):not(:checked) + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:hover:not(:focus):not(:checked) + label.wsf-label::before {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:focus + label.wsf-label::before {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label {
color: var(--wsf-field-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::before, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-swatch:disabled + label.wsf-label::before {
background-color: var(--wsf-field-color-background-disabled-alt);
border-color: var(--wsf-field-border-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button + label.wsf-label {
background-color: var(--wsf-field-checkbox-button-color-background-alt);
border-color: var(--wsf-field-checkbox-button-color-background-alt);
color: var(--wsf-field-checkbox-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label {
background-color: var(--wsf-field-checkbox-checked-button-color-background-alt);
border-color: var(--wsf-field-checkbox-checked-button-color-background-alt);
color: var(--wsf-field-checkbox-checked-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch + label.wsf-label::after {
background-color: var(--wsf-field-checkbox-switch-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:hover:enabled:not(:checked):not(:focus) + label.wsf-label::after {
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label::after {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label::after {
border-color: var(--wsf-field-border-color-disabled-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::before {
background-color: var(--wsf-field-checkbox-checked-switch-color-background-alt);
border-color: var(--wsf-field-checkbox-checked-switch-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label::after {
background-color: var(--wsf-field-checkbox-checked-switch-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span {
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:hover:enabled:not(:checked):not(:focus) + label.wsf-label > span {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:focus + label.wsf-label > span {
background-color: var(--wsf-field-color-background-focus-alt);
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-color:checked + label.wsf-label > span {
border-color: var(--wsf-field-checkbox-checked-swatch-border-color-alt);
box-shadow: inset 0 0 0 2px var(--wsf-field-checkbox-checked-swatch-box-shadow-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img {
background-color: var(--wsf-field-color-background-alt);
border: var(--wsf-field-border-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image + label.wsf-label .wsf-image-caption {
color: var(--wsf-field-help-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:hover:enabled:not(:checked):not(:focus) + label.wsf-label > img {
background-color: var(--wsf-field-color-background-hover-alt);
border-color: var(--wsf-field-border-color-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img {
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=checkbox].wsf-field.wsf-image:checked + label.wsf-label > img {
background-color: var(--wsf-field-checkbox-checked-image-border-color-alt);
border-color: var(--wsf-field-checkbox-checked-image-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before {
border-color: var(--wsf-field-border-color-invalid-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before:focus + label.wsf-label::before,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label::before:focus + label.wsf-label::before {
box-shadow: var(--wsf-field-box-shadow-alt);
}.wsf-form textarea.wsf-field {
height: auto;
min-height: var(--wsf-field-height);
overflow: auto;
resize: vertical;
}
.wsf-form textarea.wsf-field[data-textarea-type=tinymce] {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.wsf-form textarea.wsf-field[data-wsf-field-sizing-content] {
field-sizing: content;
}
.wsf-form [data-type=textarea] .wp-editor-tabs {
box-sizing: content-box;
}
.wsf-form [data-type=textarea] .mce-btn.mce-active button,
.wsf-form [data-type=textarea] .mce-btn.mce-active:hover button,
.wsf-form [data-type=textarea] .mce-btn.mce-active i,
.wsf-form [data-type=textarea] .mce-btn.mce-active:hover i {
color: #000;
}.wsf-datetime-picker {
background: var(--wsf-field-color-background);
border: var(--wsf-field-border);
padding: var(--wsf-field-datetime-padding);
z-index: 999999;
}
.wsf-datetime-picker.xdsoft_inline {
display: flex;
}
.wsf-datetime-picker.xdsoft_inline .xdsoft_datepicker {
float: none;
width: 100%;
}
.wsf-datetime-picker.xdsoft_inline .xdsoft_datepicker.active + .xdsoft_timepicker {
width: 25%;
}
.wsf-datetime-picker.xdsoft_inline .xdsoft_datepicker:not(.active) + .xdsoft_timepicker {
width: 100%;
}
.wsf-datetime-picker.xdsoft_inline .xdsoft_timepicker {
float: none;
}
.wsf-datetime-picker .xdsoft_datepicker,
.wsf-datetime-picker .xdsoft_timepicker {
margin: 0;
}
.wsf-datetime-picker .xdsoft_datepicker {
width: auto;
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker {
align-content: space-between;
display: flex;
height: var(--wsf-field-datetime-nav-icon-size);
margin-bottom: var(--wsf-field-datetime-padding-vertical);
flex-direction: column;
flex-wrap: wrap;
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_prev {
background: none;
border-top: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid transparent !important;
border-bottom: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid transparent !important;
border-right: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid var(--wsf-field-datetime-nav-icon-color) !important;
height: var(--wsf-field-datetime-nav-icon-size);
margin: 0 var(--wsf-field-datetime-nav-icon-gap) 0 0;
opacity: 1;
width: 0;
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_today_button {
background: none;
background-color: var(--wsf-field-datetime-nav-icon-color);
border: none;
cursor: pointer;
height: calc(var(--wsf-field-datetime-nav-icon-size) * 0.6);
margin: 0 var(--wsf-field-datetime-nav-icon-gap) 0 0;
opacity: 1;
overflow: visible;
position: relative;
top: calc(var(--wsf-field-datetime-nav-icon-size) * 0.4);
width: var(--wsf-field-datetime-nav-icon-size);
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_today_button::before {
content: "";
position: absolute;
top: calc(-1 * var(--wsf-field-datetime-nav-icon-size) * 0.4);
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-left: calc(var(--wsf-field-datetime-nav-icon-size) * 0.5) solid transparent;
border-right: calc(var(--wsf-field-datetime-nav-icon-size) * 0.5) solid transparent;
border-bottom: calc(var(--wsf-field-datetime-nav-icon-size) * 0.41) solid var(--wsf-field-datetime-nav-icon-color);
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_today_button::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(var(--wsf-field-datetime-nav-icon-size) * 0.2);
height: calc(var(--wsf-field-datetime-nav-icon-size) * 0.4);
background-color: white;
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_next {
align-self: flex-end;
background: none;
width: 0;
height: var(--wsf-field-datetime-nav-icon-size);
border-top: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid transparent !important;
border-bottom: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid transparent !important;
border-left: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid var(--wsf-field-datetime-nav-icon-color) !important;
margin: 0 0 0 var(--wsf-field-datetime-nav-icon-gap);
opacity: 1;
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label {
background-color: var(--wsf-field-color-background);
color: var(--wsf-field-datetime-nav-color);
font-family: var(--wsf-field-datetime-nav-font-family);
font-size: var(--wsf-field-datetime-nav-font-size);
font-style: var(--wsf-field-datetime-nav-font-style);
font-weight: var(--wsf-field-datetime-nav-font-weight);
height: var(--wsf-field-datetime-nav-font-size);
letter-spacing: var(--wsf-field-datetime-nav-letter-spacing);
line-height: var(--wsf-field-datetime-nav-line-height);
margin: 0;
padding: 0;
-webkit-text-decoration: var(--wsf-field-datetime-nav-text-decoration);
text-decoration: var(--wsf-field-datetime-nav-text-decoration);
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: var(--wsf-field-datetime-nav-text-transform);
text-wrap: nowrap;
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label i {
background: none;
width: 0;
height: 0;
border-left: calc(var(--wsf-field-datetime-nav-icon-size) / 3) solid transparent !important;
border-right: calc(var(--wsf-field-datetime-nav-icon-size) / 3) solid transparent !important;
border-top: calc(var(--wsf-field-datetime-nav-icon-size) / 3) solid var(--wsf-field-datetime-nav-color) !important;
margin: 0 0 0 calc(var(--wsf-field-datetime-nav-icon-gap) / 2);
opacity: 1;
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label > .xdsoft_select {
border: var(--wsf-field-datetime-nav-border-width) var(--wsf-field-datetime-nav-border-style) var(--wsf-field-datetime-nav-border-color);
top: calc(var(--wsf-field-datetime-nav-height) - (var(--wsf-field-datetime-nav-height) - var(--wsf-field-datetime-nav-icon-size)) / 2);
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label > .xdsoft_select > div > div.xdsoft_option {
background-color: var(--wsf-field-color-background);
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label > .xdsoft_select > div > div.xdsoft_option.xdsoft_current {
background-color: var(--wsf-field-datetime-nav-current-color-background) !important;
box-shadow: none;
color: var(--wsf-field-datetime-nav-current-color) !important;
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label > .xdsoft_select > div > div.xdsoft_option:hover {
background-color: var(--wsf-field-datetime-nav-hover-color-background) !important;
color: var(--wsf-field-datetime-nav-hover-color) !important;
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar th {
background-color: var(--wsf-field-datetime-calendar-heading-color-background);
border: var(--wsf-field-datetime-calendar-border-width) var(--wsf-field-datetime-calendar-border-style) var(--wsf-field-datetime-calendar-border-color);
color: var(--wsf-field-datetime-calendar-heading-color);
font-family: var(--wsf-field-datetime-calendar-font-family);
font-size: var(--wsf-field-datetime-calendar-font-size);
font-style: var(--wsf-field-datetime-calendar-font-style);
font-weight: var(--wsf-field-datetime-calendar-font-weight);
letter-spacing: var(--wsf-field-datetime-calendar-letter-spacing);
line-height: var(--wsf-field-datetime-calendar-line-height);
padding: var(--wsf-field-datetime-calendar-padding);
height: auto;
opacity: 1;
-webkit-text-decoration: var(--wsf-field-datetime-calendar-text-decoration);
text-decoration: var(--wsf-field-datetime-calendar-text-decoration);
text-transform: var(--wsf-field-datetime-calendar-text-transform);
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar td {
background-color: var(--wsf-field-datetime-calendar-color-background);
border: var(--wsf-field-datetime-calendar-border-width) var(--wsf-field-datetime-calendar-border-style) var(--wsf-field-datetime-calendar-border-color);
color: var(--wsf-field-datetime-calendar-color);
font-family: var(--wsf-field-datetime-calendar-font-family);
font-size: var(--wsf-field-datetime-calendar-font-size);
font-style: var(--wsf-field-datetime-calendar-font-style);
font-weight: var(--wsf-field-datetime-calendar-font-weight);
letter-spacing: var(--wsf-field-datetime-calendar-letter-spacing);
line-height: var(--wsf-field-datetime-calendar-line-height);
padding: var(--wsf-field-datetime-calendar-padding);
height: auto;
opacity: 1;
-webkit-text-decoration: var(--wsf-field-datetime-calendar-text-decoration);
text-decoration: var(--wsf-field-datetime-calendar-text-decoration);
text-transform: var(--wsf-field-datetime-calendar-text-transform);
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_today {
background-color: var(--wsf-field-datetime-calendar-today-color-background) !important;
color: var(--wsf-field-datetime-calendar-today-color) !important;
font-weight: bold;
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_current {
background: var(--wsf-field-datetime-calendar-current-color-background) !important;
box-shadow: none;
color: var(--wsf-field-datetime-calendar-current-color) !important;
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_disabled, .wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_other_month {
color: var(--wsf-field-datetime-calendar-disabled-color) !important;
}
.wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar td:hover {
background: var(--wsf-field-datetime-calendar-hover-color-background) !important;
color: var(--wsf-field-datetime-calendar-hover-color) !important;
}
.wsf-datetime-picker .xdsoft_datepicker.active + .xdsoft_timepicker {
margin: 0;
}
.wsf-datetime-picker .xdsoft_datepicker.active + .xdsoft_timepicker.active {
margin: var(--wsf-field-datetime-padding-vertical) 0 0 var(--wsf-field-datetime-padding-horizontal);
}
.wsf-datetime-picker.xdsoft_showweeks .xdsoft_datepicker {
width: auto;
}
.wsf-datetime-picker .xdsoft_timepicker {
width: auto;
}
.wsf-datetime-picker .xdsoft_timepicker .xdsoft_prev {
background: none;
border-left: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid transparent !important;
border-right: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid transparent !important;
border-bottom: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid var(--wsf-field-datetime-nav-icon-color) !important;
bottom: calc(var(--wsf-field-datetime-nav-icon-size) / 3);
height: var(--wsf-field-datetime-nav-icon-size);
margin: 0 auto;
opacity: 1;
width: 0;
}
.wsf-datetime-picker .xdsoft_timepicker .xdsoft_next {
background: none;
height: var(--wsf-field-datetime-nav-icon-size);
border-left: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid transparent !important;
border-right: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid transparent !important;
border-top: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid var(--wsf-field-datetime-nav-icon-color) !important;
margin: 0 auto;
opacity: 1;
top: calc(var(--wsf-field-datetime-nav-icon-size) / 3);
width: 0;
}
.wsf-datetime-picker .xdsoft_timepicker .xdsoft_time_box {
border: var(--wsf-field-datetime-calendar-border-width) var(--wsf-field-datetime-calendar-border-style) var(--wsf-field-datetime-calendar-border-color);
height: calc(6 * (var(--wsf-field-datetime-calendar-padding-vertical) * 2 + var(--wsf-field-datetime-calendar-font-size) + var(--wsf-field-datetime-calendar-border-width)));
}
.wsf-datetime-picker .xdsoft_timepicker .xdsoft_time_box > div > div {
background-color: var(--wsf-field-color-background);
border-top: var(--wsf-field-datetime-calendar-border-width) var(--wsf-field-datetime-calendar-border-style) var(--wsf-field-datetime-calendar-border-color);
color: var(--wsf-field-color);
font-family: var(--wsf-field-datetime-calendar-font-family);
font-size: var(--wsf-field-datetime-calendar-font-size);
font-style: var(--wsf-field-datetime-calendar-font-style);
font-weight: var(--wsf-field-datetime-calendar-font-weight);
letter-spacing: var(--wsf-field-datetime-calendar-letter-spacing);
line-height: var(--wsf-field-datetime-calendar-line-height);
padding: var(--wsf-field-datetime-calendar-padding);
height: auto;
-webkit-text-decoration: var(--wsf-field-datetime-calendar-text-decoration);
text-decoration: var(--wsf-field-datetime-calendar-text-decoration);
text-transform: var(--wsf-field-datetime-calendar-text-transform);
}
.wsf-datetime-picker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
background: var(--wsf-field-datetime-calendar-current-color-background) !important;
box-shadow: none;
color: var(--wsf-field-datetime-calendar-current-color) !important;
}
.wsf-datetime-picker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
background: var(--wsf-field-datetime-calendar-hover-color-background) !important;
color: var(--wsf-field-datetime-calendar-hover-color) !important;
}
.wsf-datetime-picker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled {
opacity: 0.25;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker {
background: var(--wsf-field-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_prev {
border-right: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid var(--wsf-field-datetime-nav-icon-color-alt) !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_today_button {
background-color: var(--wsf-field-datetime-nav-icon-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_today_button::before {
border-bottom: calc(var(--wsf-field-datetime-nav-icon-size) * 0.41) solid var(--wsf-field-datetime-nav-icon-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_next {
border-left: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid var(--wsf-field-datetime-nav-icon-color-alt) !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label {
background-color: var(--wsf-field-color-background-alt);
color: var(--wsf-field-datetime-nav-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label i {
border-top: calc(var(--wsf-field-datetime-nav-icon-size) / 3) solid var(--wsf-field-datetime-nav-color-alt) !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label > .xdsoft_select {
border: var(--wsf-field-datetime-nav-border-width) var(--wsf-field-datetime-nav-border-style) var(--wsf-field-datetime-nav-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label > .xdsoft_select > div > div.xdsoft_option {
background-color: var(--wsf-field-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label > .xdsoft_select > div > div.xdsoft_option.xdsoft_current {
background-color: var(--wsf-field-datetime-nav-current-color-background-alt) !important;
color: var(--wsf-field-datetime-nav-current-color-alt) !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label > .xdsoft_select > div > div.xdsoft_option:hover {
background-color: var(--wsf-field-datetime-nav-hover-color-background-alt) !important;
color: var(--wsf-field-datetime-nav-hover-color-alt) !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar th {
background-color: var(--wsf-field-datetime-calendar-heading-color-background-alt);
border: var(--wsf-field-datetime-calendar-border-width) var(--wsf-field-datetime-calendar-border-style) var(--wsf-field-datetime-calendar-border-color-alt);
color: var(--wsf-field-datetime-calendar-heading-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar td {
background-color: var(--wsf-field-datetime-calendar-color-background-alt);
border: var(--wsf-field-datetime-calendar-border-width) var(--wsf-field-datetime-calendar-border-style) var(--wsf-field-datetime-calendar-border-color-alt);
color: var(--wsf-field-datetime-calendar-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_today {
background-color: var(--wsf-field-datetime-calendar-today-color-background-alt) !important;
color: var(--wsf-field-datetime-calendar-today-color-alt) !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_current {
background: var(--wsf-field-datetime-calendar-current-color-background-alt) !important;
color: var(--wsf-field-datetime-calendar-current-color-alt) !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar td:hover {
background: var(--wsf-field-datetime-calendar-hover-color-background-alt) !important;
color: var(--wsf-field-datetime-calendar-hover-color-alt) !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_disabled, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_other_month {
color: var(--wsf-field-datetime-calendar-disabled-color-alt) !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_timepicker .xdsoft_prev {
border-bottom: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid var(--wsf-field-datetime-nav-icon-color-alt) !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_timepicker .xdsoft_next {
border-top: calc(var(--wsf-field-datetime-nav-icon-size) / 2) solid var(--wsf-field-datetime-nav-icon-color-alt) !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_timepicker .xdsoft_time_box {
border: var(--wsf-field-datetime-calendar-border-width) var(--wsf-field-datetime-calendar-border-style) var(--wsf-field-datetime-calendar-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_timepicker .xdsoft_time_box > div > div {
background-color: var(--wsf-field-color-background-alt);
border-top: var(--wsf-field-datetime-calendar-border-width) var(--wsf-field-datetime-calendar-border-style) var(--wsf-field-datetime-calendar-border-color-alt);
color: var(--wsf-field-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
background: var(--wsf-field-datetime-calendar-current-color-background-alt) !important;
color: var(--wsf-field-datetime-calendar-current-color-alt) !important;
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-datetime-picker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
background: var(--wsf-field-datetime-calendar-hover-color-background-alt) !important;
color: var(--wsf-field-datetime-calendar-hover-color-alt) !important;
}.wsf-form input[type=file].wsf-field {
cursor: pointer;
overflow: hidden;
}
.wsf-form input[type=file].wsf-field::file-selector-button {
-webkit-appearance: none;
background-color: var(--wsf-field-file-button-color-background);
border: none;
-webkit-border-end: var(--wsf-field-border);
border-inline-end: var(--wsf-field-border);
border-radius: 0;
color: var(--wsf-field-file-button-color);
cursor: pointer;
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-style: var(--wsf-field-font-style);
font-weight: var(--wsf-field-font-weight);
height: var(--wsf-field-height);
letter-spacing: var(--wsf-field-letter-spacing);
line-height: var(--wsf-field-line-height);
margin: calc(-1 * var(--wsf-field-padding-vertical)) calc(-1 * var(--wsf-field-padding-horizontal));
-webkit-margin-end: var(--wsf-field-padding-horizontal);
margin-inline-end: var(--wsf-field-padding-horizontal);
padding: var(--wsf-field-padding);
-webkit-text-decoration: var(--wsf-field-text-decoration);
text-decoration: var(--wsf-field-text-decoration);
text-transform: var(--wsf-field-text-transform);
touch-action: manipulation;
}
.wsf-form input[type=file].wsf-field::-webkit-file-upload-button {
-webkit-appearance: none;
background-color: var(--wsf-field-file-button-color-background);
border: none;
-webkit-border-end: var(--wsf-field-border);
border-inline-end: var(--wsf-field-border);
border-radius: 0;
color: var(--wsf-field-file-button-color);
cursor: pointer;
font-family: var(--wsf-field-font-family);
font-size: var(--wsf-field-font-size);
font-style: var(--wsf-field-font-style);
font-weight: var(--wsf-field-font-weight);
height: var(--wsf-field-height);
letter-spacing: var(--wsf-field-letter-spacing);
line-height: var(--wsf-field-line-height);
margin: calc(-1 * var(--wsf-field-padding-vertical)) calc(-1 * var(--wsf-field-padding-horizontal));
-webkit-margin-end: var(--wsf-field-padding-horizontal);
margin-inline-end: var(--wsf-field-padding-horizontal);
padding: var(--wsf-field-padding);
-webkit-text-decoration: var(--wsf-field-text-decoration);
text-decoration: var(--wsf-field-text-decoration);
text-transform: var(--wsf-field-text-transform);
touch-action: manipulation;
}
.wsf-form input[type=file].wsf-field:enabled::file-selector-button:hover, .wsf-form input[type=file].wsf-field:enabled::-webkit-file-upload-button:hover {
background-color: var(--wsf-field-file-button-color-background-hover);
color: var(--wsf-field-file-button-color-hover);
}
.wsf-form input[type=file].wsf-field:enabled::file-selector-button:focus, .wsf-form input[type=file].wsf-field:enabled::-webkit-file-upload-button:focus {
background-color: var(--wsf-field-file-button-color-background-focus);
color: var(--wsf-field-file-button-color-focus);
outline: 0;
}
.wsf-form input[type=file].wsf-field:disabled {
cursor: not-allowed;
}
.wsf-form input[type=file].wsf-field:disabled::file-selector-button, .wsf-form input[type=file].wsf-field:disabled::-webkit-file-upload-button {
color: var(--wsf-field-file-button-color);
cursor: not-allowed;
-webkit-text-fill-color: var(--wsf-field-file-button-color);
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone {
background-color: var(--wsf-field-file-dropzonejs-color-background);
border: var(--wsf-field-file-dropzonejs-border-width) var(--wsf-field-file-dropzonejs-border-style) var(--wsf-field-file-dropzonejs-border-color);
border-radius: var(--wsf-field-file-dropzonejs-border-radius);
padding: var(--wsf-field-file-dropzonejs-padding-vertical) var(--wsf-field-file-dropzonejs-padding-horizontal) 0;
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
cursor: pointer;
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone .dz-message {
color: var(--wsf-field-color-placeholder);
margin-bottom: var(--wsf-field-file-dropzonejs-padding-vertical);
text-align: center;
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone.dz-started .dz-message {
display: none;
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone .wsf-dropzonejs-previews {
pointer-events: none;
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone .wsf-dropzonejs-preview {
cursor: move;
pointer-events: all;
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone .wsf-progress {
background-color: var(--wsf-field-file-dropzonejs-progress-color-background);
border-radius: var(--wsf-field-file-dropzonejs-progress-border-radius);
height: var(--wsf-field-file-dropzonejs-progress-height);
margin-top: var(--wsf-field-file-dropzonejs-progress-gap);
overflow: hidden;
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone .wsf-progress .wsf-upload {
background-color: var(--wsf-field-file-dropzonejs-progress-color-background-bar);
height: 100%;
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone .wsf-progress.wsf-progress-success .wsf-upload {
background-color: var(--wsf-field-file-dropzonejs-progress-color-background-complete);
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone .dz-complete .wsf-progress {
display: none;
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone .wsf-invalid-feedback {
display: block;
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs]:enabled ~ .dropzone.dz-drag-hover {
background-color: var(--wsf-field-color-background-focus);
border-color: var(--wsf-field-border-color-focus);
box-shadow: var(--wsf-field-box-shadow);
color: var(--wsf-field-color-focus);
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs]:disabled ~ .dropzone {
background-color: var(--wsf-field-color-background-disabled);
border-color: var(--wsf-field-border-color-disabled);
color: var(--wsf-field-color-disabled);
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wsf-form input[type=text].wsf-field[data-file-type=dropzonejs]:disabled ~ .dropzone .wsf-dropzonejs-preview {
opacity: 0.5;
}
.wsf-form input[type=file].wsf-field::file-selector-button {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form input[type=file].wsf-field::-webkit-file-upload-button {
transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition);
}
.wsf-form.wsf-validated input[type=text].wsf-field[data-file-type=dropzonejs]:invalid ~ .dropzone,
.wsf-form .wsf-validated input[type=text].wsf-field[data-file-type=dropzonejs]:invalid ~ .dropzone {
background-color: var(--wsf-field-color-background-invalid);
border-color: var(--wsf-field-border-color-invalid);
}
.wsf-form.wsf-validated input[type=text].wsf-field[data-file-type=dropzonejs]:invalid ~ .dropzone.dz-drag-hover,
.wsf-form .wsf-validated input[type=text].wsf-field[data-file-type=dropzonejs]:invalid ~ .dropzone.dz-drag-hover {
box-shadow: var(--wsf-field-box-shadow);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::file-selector-button {
background-color: var(--wsf-field-file-button-color-background-alt);
color: var(--wsf-field-file-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field::-webkit-file-upload-button {
background-color: var(--wsf-field-file-button-color-background-alt);
color: var(--wsf-field-file-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:enabled::file-selector-button:hover {
background-color: var(--wsf-field-file-button-color-background-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:enabled::-webkit-file-upload-button:hover {
background-color: var(--wsf-field-file-button-color-background-hover-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:enabled::file-selector-button:focus {
background-color: var(--wsf-field-file-button-color-background-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:enabled::-webkit-file-upload-button:focus {
background-color: var(--wsf-field-file-button-color-background-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:disabled::file-selector-button {
color: var(--wsf-field-file-button-color-alt);
-webkit-text-fill-color: var(--wsf-field-file-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=file].wsf-field:disabled::-webkit-file-upload-button {
color: var(--wsf-field-file-button-color-alt);
-webkit-text-fill-color: var(--wsf-field-file-button-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone {
background-color: var(--wsf-field-file-dropzonejs-color-background-alt);
border: var(--wsf-field-file-dropzonejs-border-width) var(--wsf-field-file-dropzonejs-border-style) var(--wsf-field-file-dropzonejs-border-color-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone .dz-message {
color: var(--wsf-field-color-placeholder-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone .wsf-progress {
background-color: var(--wsf-field-file-dropzonejs-progress-color-background-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone .wsf-progress .wsf-upload {
background-color: var(--wsf-field-file-dropzonejs-progress-color-background-bar-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field[data-file-type=dropzonejs] ~ .dropzone .wsf-progress.wsf-progress-success .wsf-upload {
background-color: var(--wsf-field-file-dropzonejs-progress-color-background-complete-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field[data-file-type=dropzonejs]:enabled ~ .dropzone.dz-drag-hover {
background-color: var(--wsf-field-color-background-focus-alt);
border-color: var(--wsf-field-border-color-focus-alt);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input[type=text].wsf-field[data-file-type=dropzonejs]:disabled ~ .dropzone {
background-color: var(--wsf-field-color-background-disabled-alt);
border-color: var(--wsf-field-border-color-disabled-alt);
color: var(--wsf-field-color-disabled);
}
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt].wsf-validated input[type=text].wsf-field[data-file-type=dropzonejs]:invalid ~ .dropzone,
html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] .wsf-validated input[type=text].wsf-field[data-file-type=dropzonejs]:invalid ~ .dropzone {
background-color: var(--wsf-field-color-background-invalid-alt);
border-color: var(--wsf-field-border-color-invalid-alt);
}
[dir=rtl] input[type=file].dz-hidden-input {
display: none;
}