/* Copyright ©2025 Vavaam.com - All Rights Reserved */
@charset "UTF-8";
*{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
box-sizing:border-box;
}
html{
height:100%;
}
body{
display:flex;
flex-flow:column nowrap;
width:100%;
height:100%;
font:normal normal normal 100%/normal "Inter",Arial,"Nimbus Sans L","Liberation Sans",FreeSans,Sans-serif;
}
main{
flex:1 1 auto;
}
img{
max-width:100%;
width:auto;
height:auto;
margin:0 auto 0 auto;
animation:fadein 2s;
}
@keyframes fadein{
from{opacity:0;}
to{opacity:1;}
}
ul,ol{
width:100%;
list-style:none;
}
a{
cursor:pointer;
color:#302010;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
hr{
display:block;
width:100%;
margin:.5rem auto .5rem auto;
border-style:inset;
border-top:1px solid #cccccc;
}
h1{
padding:0 0 1rem 0;
color:#333333;
font-size:150%;
}
h2{
width:100%;
margin:0 0 1rem 0;
font-size:125%;
font-weight:normal;
color:#224f9d;
}
h3{
padding:0 0 .5rem 0;
font-size:120%;
font-weight:normal;
color:#b42026;
}
h4{
padding:.3rem 0 .5rem 0;
color:#224f9d;
font-weight:normal;
}
h1 a,h2 a,h3 a,h4 a,h5 a{
color:inherit;
}
p{
width:100%;
margin:0 0 .5rem 0;
font-size:100%;
line-height:140%;
}
pre{
margin:.5rem 0 1.5rem 0;
background-color:#eeeeee;
overflow-wrap:anywhere;
white-space:pre-wrap;
}
/**/
table{
width:100%;
margin:.5rem auto .5rem auto;
overflow-wrap:anywhere;
border-collapse:collapse;
}
table .centre{
display:table-cell;
text-align:center;
}
table .right{
white-space:nowrap;
text-align:right;
}
tr{
border-bottom:1px solid #cccccc;
}
tr:first-of-type{
margin-left:.5rem;
}
tr[data-row]:last-child{
background-color:#bcdfba;
}
th{
padding:0 .2rem 0 .2rem;
background-color:#f6f6f6;
text-align:left;
word-break:normal;
}
td{
padding:0 .2rem 0 .2rem;
vertical-align:middle;
white-space:normal;
word-break:normal;
}
td img{
display:block;
}
td button,td .button{
display:inline-block;
margin:.2rem;
padding:0 1rem 0 1rem;
background-color:#0046b4;
color:#ffffff;
border-radius:5px;
text-wrap:nowrap;
}
td button:hover,td .button:hover{
background-color:#296dd7;
}
td button svg,td .button svg{
width:23px;
height:23px;
margin:0;
fill:#ffffff;
}
table.borderless{
margin:.5rem 0 1rem 0;
}
table.borderless tr{
border-bottom:1px solid #dddddd;
}
table.borderless td{
padding:0 .5rem 0 .5rem;
}
/**/
form{
flex:0 1 50%;
display:flex;
flex-direction:column;
gap:1rem 1%;
justify-content:center;
width:100%;
color:#444444;
}
form fieldset{
display:flex;
flex-wrap:wrap;
align-content:flex-start;
align-items:center;
gap:0 2%;
width:100%;
/*
border:1px solid #d15f09;
padding:.5rem 1rem .3rem 1rem;
background-color:#fbfbfb;
*/
}
form fieldset:last-of-type{
flex:0 1 100%;
}
form legend{
width:100%;
margin:0 0 1rem 0;
padding:.5rem;
position:relative;
background-color:#fff9f6;
border-bottom:1px solid #d15f09;
font-size:110%;
color:#d15f09;
}
form label{
flex:0 1 49%;
margin:3px 0 .7rem 0;
}
form label.disabled{
color:#c9c9c9;
}
form label:has(textarea),form.full label:has(textarea){
flex:0 0 100%;
}
form label.button input[type="file"]{
display:none;
}
form input{
background-color:#fcfcfc;
padding:5px;
border:1px solid #e0e0e0;
border-radius:3px;
width:100%;
}
form input:disabled{
color:#c9c9c9;
}
form input[type="number"]{
/*
width:150px;
*/
text-align:right;
}
form input[type="date"]{
/*Safari nonsense*/
min-width:95%;
min-height:1rem;
appearance:textfield;
}
form span:has(input[type*="tel-national"]){
display:flex;
align-items:baseline;
column-gap:1%;
width:100%;
}
form input[type*="tel-country-code"]{
width:20%;
}
form input[type*="tel-national"]{
width:80%;
}
form input#Search:not(:placeholder-shown){
background-color:#ffeebb;
}
fieldset legend:not(:first-child){
width:100%;
margin:.5rem 0 .5rem 0;
padding:.3rem .5rem .3rem .5rem;
border:none;
background-color:#f5f9f9;
color:#008080;
font-size:90%;
}
form fieldset p{
padding:.5rem;
background-color:#f6f6f6;
text-align:center;
}
form fieldset p a{
line-height:40px;
}
form fieldset p.focus{
margin:1rem;
padding:1rem;
position:relative;
font-size:105%;
border-radius:15px;
}
form fieldset p.focus:after{
content:"\2606";
display:flex;
align-items:center;
justify-content:center;
width:2rem;
height:2rem;
position:absolute;
top:-1rem;
left:-1rem;
background-color:#ffffff;
border-radius:2rem;
font-size:160%;
font-weight:bold;
color:#bb0000;
box-shadow:2px 2px 8px 0 rgba(0,0,0,.5);
}
form select{
max-width:100%;
width:100%;
padding:5px;
background-color:#fcfcfc;
border-radius:3px;
border:1px solid #e0e0e0;
}
form input[type="submit"]{
margin:1rem auto 0 auto;
padding:10px;
line-height:1rem;
background-color:#2255aa;
color:#ffffff;
border-radius:3px;
/*
box-shadow:0 0 8px 0 rgba(0,0,0,.5);
*/
cursor:pointer;
transition:all 500ms ease;
}
form input[type="submit"]:hover{
background-color:#990099;
color:#ffffff;
}
label[for="Message"]{
flex:1 1 100%;
}
form label[for="Message"] .limit{
margin:-25px 2px 0 0;
}
label:has(input[type="number"]),label:has(input[type="date"]){
flex:0 1 23.5%;
}
form label:has(input[type="checkbox"]){
flex:1 1 auto;
display:flex;
align-items:center;
flex-wrap:nowrap;
justify-content:center;
margin:0;
cursor:pointer;
}
input[type="checkbox"]{
appearance:none;
flex:0 0 auto;
width:20px;
height:20px;
margin:6px;
padding:0;
vertical-align:middle;
border:1px solid #000000;
}
input[type="checkbox"]:checked{
background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E") center left / cover no-repeat #0000cc;
}
input[type="checkbox"]:disabled,input[type="checkbox"]:disabled:checked{
background-color:#cccccc;
border-color:#999999;
}
input[type="checkbox"]:not(:disabled):hover{
background-color:#00aa00;
}
input[type="checkbox"]:focus-visible{
outline:2px solid #00aa00;
}
form label:has(input[type="radio"]){
flex:1 1 auto;
display:flex;
align-items:center;
flex-wrap:nowrap;
justify-content:center;
margin:0;
cursor:pointer;
}
input[type="radio"]{
appearance:none;
flex:0 0 auto;
width:20px;
height:20px;
margin:6px;
padding:0;
vertical-align:middle;
border:1px solid #000000;
}
input[type="radio"]:checked{
background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E") center left / cover no-repeat #0000cc;
}
input[type="radio"]:disabled,input[type="radio"]:disabled:checked{
background-color:#cccccc;
border-color:#999999;
}
input[type="radio"]:not(:disabled):hover{
background-color:#00aa00;
}
input[type="radio"]:focus-visible{
outline:2px solid #00aa00;
}
form textarea{
display:block;
width:100%;
height:150px;
margin:3px 0 0 0;
padding:5px;
border:1px solid #e0e0e0;
border-radius:3px;
}
form textarea.high{
height:500px;
}
form .limit{
display:block;
margin:-13px 2px 0 0;
padding:0;
color:#000000;
text-align:right;
font-size:10px;
}
form .limit.exceed{
color:#cc3333;
}
.button,button{
display:block;
width:fit-content;
min-height:35px;
margin:0 auto 0 auto;
padding:0 .7rem 0 .7rem;
background-color:#2255aa;
border-radius:3px;
line-height:35px;
text-shadow:0 1px 0 #000000;
color:#ffffff;
cursor:pointer;
transition:all 500ms ease;
}
.button:hover,button:hover{
background-color:#2f74ec;
text-decoration:none;
}
legend button{
position:absolute;
right:0;
top:1px;
background-color:#f7e6de;
color:#444444;
text-shadow:none;
}
legend button:hover{
background-color:#fdd5c2;
}
/**/
button.red,.button.red{
background-color:#c00000;
}
button.red:hover,.button.red:hover{
background-color:#ff0000;
}
button.grey,.button.grey{
background-color:#bbbbbb;
}
button.grey:hover,.button.grey:hover{
background-color:#999999;
}
button.urgent,.button.urgent{
background-color:#c00000;
animation:pulse 2s infinite;
}
@keyframes pulse{
0%{
box-shadow:0 0 0 0 rgba(150,0,0,.7);
}
70%{
box-shadow:0 0 0 10px rgba(150,0,0,0);
}
100%{
box-shadow:0 0 0 0 rgba(150,0,0,0);
}
}
button.urgent:hover,.button.urgent:hover{
background-color:#ff0000;
}
/**/
.tabs{
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:1rem 2%;
justify-content:center;
width:100%;
}
.tabs label{
flex:0 1 fit-content;
margin:0;
padding:.5rem;
background-color:#ffffff;
border:1px solid #444444;
border-radius:5px;
box-shadow:2px 2px 5px 0px rgba(0,0,0,.3);
}
input[id^="tab"]{
display:none;
}
input[id^="tab"]+div{
display:none;
}
input[id^="tab"]:checked+div{
/*
flex:0 1 50%;
*/
display:flex;
flex-wrap:wrap;
gap:0 2%;
padding:.5rem 0 0 0;
/*
margin:0 auto 0 auto;
padding:.5rem 1rem;
border:1px solid #d15f09;
*/
}
/**/
body > header{
display:flex;
align-items:center;
flex-flow:row nowrap;
gap:0 .2rem;
justify-content:space-between;
width:100%;
height:40px;
padding:0 .2rem 0 .2rem;
z-index:15;
position:fixed;
top:0;
background:linear-gradient(to bottom,rgb(255,255,255) 1%,rgba(255,255,255,.7) 100%);
box-shadow:0 2px 5px 0 rgba(0,0,0,.3);
line-height:40px;
}
body > header img{
max-height:40px;
padding:2px;
vertical-align:middle;
cursor:pointer;
}
body > header a:hover{
text-decoration:none;
}
body header a > span{
margin:0 0 0 .2rem;
font-size:150%;
}
body > header #menu{
display:none;
}
nav{
right:.5rem;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-content:center;
justify-content:flex-end;
}
nav a,nav span{
display:block;
height:100%;
padding:0 .5rem 0 .5rem;
word-break:normal;
cursor:pointer;
}
nav a:hover,nav span:hover{
color:#224f9d;
text-decoration:none;
text-shadow:0 0 5px rgb(0 0 0 / 25%);
transition:all .3s;
}
nav ul{
display:flex;
gap:0 1rem;
font-size:115%;
}
nav ul.show li{
border-bottom:1px solid rgb(224,224,224);
}
nav ul.submenu.show{
display:flex;
flex-direction:column;
min-width:320px;
width:auto;
position:absolute;
top:40px;
right:0;
background-color:#ffffff;
box-shadow:2px 2px 5px 0 rgba(0,0,0,.5);
}
ul.submenu{
display:none;
}
nav ul li{
position:relative;
text-align:left;
}
nav ul li span:after{
content:"";
display:inline-block;
margin-left:.255rem;
vertical-align:.255rem;
border-top:.3rem solid;
border-right:.3rem solid transparent;
border-bottom:0;
border-left:.3rem solid transparent;
}
nav ul li.separator{
background:linear-gradient(to bottom,rgb(238 238 238) 1%,rgba(245,245,245,.7) 100%);
text-align:center;
}
nav ul ul{
flex-direction:column;
width:fit-content;
min-width:200px;
position:absolute;
z-index:1;
background:linear-gradient(to bottom,rgb(255,255,255) 1%,rgba(255,255,255,.95) 100%);
border:2px solid rgba(0,0,0,.5);
border-radius:5px;
box-shadow:2px 2px 8px 0 rgba(0,0,0,.5);
font-size:100%;
white-space:nowrap;
text-shadow:none;
}
nav ul ul a:before{
content:"";
display:inline-block;
width:10px;
margin:0 .3rem 0 0;
padding:10px 5px 10px 5px;
vertical-align:middle;
background:center center / 15px 20px no-repeat url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z'/%3E%3C/svg%3E");
}
nav ul ul a:hover{
background-color:#eeeeee;
text-decoration:none;
text-shadow:0 0 5px rgb(0 0 0 / 25%);
transition:all .3s;
}
nav ul ul li{
border-bottom:1px solid #e0e0e0;
}
nav ul ul li:last-child{
border-bottom:none;
}
nav ul li ul{
visibility:hidden;
opacity:0;
}
nav ul li ul.show{
visibility:visible;
opacity:1;
}
nav ul#navigation svg{
display:none;
}
#headbuts{
display:flex;
align-items:center;
gap:.5rem 3px;
}
footer{
display:flex;
justify-content:space-between;
flex-flow:row wrap;
gap:0 1rem;
padding:1rem;
background:linear-gradient(to bottom,#1176bd 0%,#224f9d 100%);
color:#ffffff;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
footer li img{
max-height:40px;
margin:0 .5rem 0 0;
}
footer a{
display:inline-block;
padding:.5rem 0 .5rem 0;
color:#ffffff;
}
footer a:hover{
color:#ffaa00;
text-decoration:underline;
}
footer #vavaam{
padding:.5rem 0 0 0;
position:relative;
}
footer #vavaam img{
position:absolute;
left:0;
transition:opacity .5s ease;
}
footer #vavaam img:first-child{
opacity:1;
position:relative;
z-index:1;
}
footer #vavaam img:first-child:hover{
opacity:0;
}
section{
background-color:#ffffff;
margin:0 auto 0 auto;
padding:1rem 0 1rem 0;
position:relative;
}
section:first-of-type{
padding:0 0 2rem 0;
}
section > div{
display:flex;
gap:.5rem .5rem;
max-width:1280px;
margin:0 auto 0 auto;
padding:1rem;
}
section.bglr:before{
content:"";
height:850px;
margin:0 auto 0 auto;
position:absolute;
top:0;
left:0;
right:0;
background:url("../images/bg-lr.png") center center no-repeat #ffffff;
z-index:1;
}
section.bgrl:before{
content:"";
height:850;
margin:0 auto 0 auto;
position:absolute;
top:0;
left:0;
right:0;
background:url("../images/bg-rl.png") center center no-repeat #ffffff;
z-index:1;
}
article{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
gap:0 2%;
width:100%;
max-width:1280px;
margin:0 auto 0 auto;
padding:1rem;
position:relative;
z-index:1;
}
.split article > div{
flex:1 0 49%;
display:flex;
align-items:start;
flex-direction:column;
flex-wrap:nowrap;
padding:0;
/*
background-color:#ffffff;
*/
}
article > div > div{
width:100%;
}
article > div img{
object-fit:cover;
}
article > div:has(>img){
justify-content:space-around;
}
section header{
display:flex;
align-items:center;
flex-direction:row;
flex-wrap:nowrap;
min-height:350px;
justify-content:center;
margin:0;
padding:0;
background:linear-gradient(to bottom,#224f9d 0%,#1176bd 100%);
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
}
#account header{
background-image:url("../images/hd-acc.jpg");
}
#arbitration header{
background-image:url("../images/hd-arb.jpg");
}
#company header{
background-image:url("../images/hd-cmp.jpg");
}
#message header{
background-image:url("../images/hd-msg.jpg");
}
#services header{
background-image:url("../images/hd-srv.jpg");
}
#recruitment header{
background-image:url("../images/hd-rcr.jpg");
}
#e404 header,#privacy header{
background-image:url("../images/hd-404.jpg");
}
#e404 header div > *:nth-child(1):after,#privacy header div > *:nth-child(1):after{
display:none;
}
#e404 header div > *:nth-child(1),#privacy header div > *:nth-child(1){
padding:2rem;
border-radius:30px;
}
section header div{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
gap:0;
max-width:1280px;
margin:0;
padding:1rem;
text-shadow:0 0 5px rgb(0 0 0 / 100%);
line-height:100%;
color:#ffffff;
}
section header div > *{
width:fit-content;
margin:0;
padding:1rem 2rem 2rem 2rem;
position:relative;
background-color:rgb(0 0 0 / 20%);
border-radius:0px 30px 30px 30px;
font-size:130%;
line-height:150%;
}
section header div > *:nth-child(1){
border-radius:30px 30px 0 0;
}
section header div > *:nth-child(1):after{
content:' ';
position:absolute;
right:-2rem;
bottom:0;
width:2rem;
height:2rem;
background:rgb(0 0 0 / 20%);
mask-image:radial-gradient(circle at top right,transparent 0,transparent 2rem,black 2rem);
}
section header h1{
padding:2rem 2rem 0 2rem;
color:#ffffff;
text-shadow:0 0 5px rgb(0 0 0 / 100%);
font-size:150%;
}
section#hero{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
height:100vh;
align-items:center;
background-color:transparent;
}
section#hero #herobg{
max-width:100%;
margin:0;
padding:0;
display:block;
background-image:url("../images/hd-hro.jpg");
background-size:cover;
background-position:top center;
background-repeat:no-repeat;
object-fit:cover;
width:100%;
height:100%;
z-index:-2;
position:fixed;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}
section#hero #herocn{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
gap:0;
margin:0;
padding:1rem;
text-shadow:0 0 5px rgb(0 0 0 / 100%);
line-height:100%;
color:#ffffff;
}
section#hero #herocn div{
width:fit-content;
padding:2rem;
position:relative;
background-color:rgb(0 0 0 / 20%);
border-radius:0px 30px 30px 30px;
font-size:130%;
line-height:150%;
}
section#hero #herocn div:nth-child(1){
border-radius:30px 30px 0 0;
}
section#hero #herocn div:nth-child(1):after{
content:' ';
position:absolute;
right:-2rem;
bottom:0;
width:2rem;
height:2rem;
background:rgb(0 0 0 / 20%);
mask-image:radial-gradient(circle at top right,transparent 0,transparent 2rem,black 2rem);
}
section#hero h1{
padding:0 0 1rem 0;
color:#ffffff;
font-size:150%;
}
section#present h3{
font-size:130%;
padding:0 0 .5rem 0;
}
#present ul{
display:flex;
flex-flow:wrap row;
gap:2rem 1rem;
justify-content:space-around;
}
section#present ul li{
flex:0 1 390px;
}
section#present div{
width:calc(100% - 30px);
padding:30px;
margin:0 auto 0 auto;
position:relative;
left:0;
top:0;
transition:all,.3s;
}
section#present ul li:hover div{
top:-30px;
box-shadow:0 5px 25px rgb(83 116 131 / 16%);
background:#ffffff;
}
section#feature h3{
font-size:130%;
padding:0 0 .5rem 0;
}
#feature ul{
display:flex;
flex-flow:wrap row;
gap:2rem 1rem;
justify-content:space-around;
}
section#feature ul li{
flex:0 1 390px;
}
section#feature div{
width:calc(100% - 30px);
padding:30px;
margin:0 auto 0 auto;
position:relative;
left:0;
top:0;
transition:all,.3s;
}
section#feature ul li div{
height:100%;
box-shadow:0 5px 10px rgb(83 116 131 / 16%);
}
section#feature ul li:hover div{
top:-30px;
box-shadow:0 5px 25px rgb(83 116 131 / 16%);
background:#ffffff;
}
/**/
section#manage{
padding:0;
}
section#manage aside{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
gap:0 .5rem;
width:100%;
min-height:40px;
margin:40px 0 0 0;
padding:0 .5rem 0 .5rem;
background:linear-gradient(to bottom,#f9f9f9 93%,#00000030 100%);
color:#444444;
border-top:1px solid #efefef;
}
section#manage aside h1{
padding:0 .5rem 0 .5rem;
color:#444444;
font-size:100%;
text-shadow:none;
}
section#manage article{
max-width:100%;
}
section#manage article form{
flex:1 1 50%;
flex-direction:row;
flex-wrap:wrap;
}
section#manage article fieldset{
flex:0 1 49%;
padding:.5rem;
background-color:#eeeeee;
}
section#manage article fieldset.full{
flex:0 0 100%;
}
section#manage article fieldset:last-of-type{
flex:0 0 100%;
background:transparent;
padding:0;
}
section#manage article form legend{
/*
background:linear-gradient(to bottom,#f9f9f9 93%,#00000030 100%);
box-shadow:0px 0px 2px 0 rgba(0,0,0,.5);
*/
background:#f9f9f9;
border:none;
}
section#status h3{
font-size:130%;
padding:0 0 .5rem 0;
}
#status ul{
display:flex;
flex-flow:wrap row;
gap:2rem 1rem;
justify-content:space-around;
}
section#status ul li{
flex:0 1 390px;
padding:1rem 0 0 0;
}
section#status div{
width:calc(100% - 30px);
padding:30px;
margin:0 auto 0 auto;
position:relative;
left:0;
top:0;
transition:all,.3s;
}
section#status ul li div{
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:space-between;
height:100%;
background-color:#efefef;
border-radius:1rem;
box-shadow:0 5px 10px rgb(83 116 131 / 16%);
}
section#status ul li:hover div{
top:-15px;
box-shadow:0 5px 25px rgb(83 116 131 / 16%);
background:#ffffff;
}
section#status ul li div:after{
content:"\2714";
vertical-align:middle;
border-radius:50%;
width:20px;
height:20px;
background:#00bb40;
border:2px solid #00bb40;
color:#ffffff;
text-align:center;
position:absolute;
left:-10px;
top:-10px;
font-weight:bold;
}
section#status ul li .error:after{
content:"!";
background:#bb0040;
border:2px solid #bb0040;
}
section#status ul li .info:after{
content:"i";
background:#0044bb;
border:2px solid #0044bb;
}
section#status ul li span{
margin:.5rem 0 .5rem 0;
font-size:120%;
font-weight:bold;
color:#666666;
text-align:center;
}
section#status ul li .button{
margin:1rem auto 0 auto;
}
section.datasheet{
padding:0;
}
section.cutwarm{
background-color:#fffdfc;
}
section.cutneut{
background-color:#f9f9f9;
}
section.cutcold{
background-color:#fcfcff;
}
/**/
.options{
align-content:center;
height:40px;
padding-left:.5rem;
border-left:1px solid #cccccc;
}
.options form fieldset{
flex-wrap:nowrap;
gap:0;
margin:0;
}
.options label{
flex:0 0 auto;
max-width:none;
width:auto;
margin:0 .5rem 0 0;
}
.options input{
display:inline-block;
width:auto;
height:30px;
margin:0;
border-right:none;
}
.options select{
display:inline-block;
width:auto;
margin:0;
}
.options input[type="submit"]{
display:inline-block;
border-radius:0 5px 5px 0;
width:auto;
height:30px;
margin:0;
padding:6px .7rem 6px .7rem;
border-left:none;
background-color:#fcfcfc;
color:#000099;
}
.options input[type="submit"]:hover{
transform:none;
}
/*
.options .button{
cursor:pointer;
display:inline-block;
width:100%;
border:1px solid #0046b4;
border-radius:5px;
padding:8px;
text-align:center;
}
*/
.togglelbl{
flex:0 0 auto;
display:flex;
align-items:center;
}
form .togglelbl{
margin-left:auto;
margin-right:auto;
}
.togglebtn{
position:relative;
width:65px;
height:34px;
margin:0 .3rem 0 .3rem;
overflow:hidden;
border-radius:34px;
background-color:#f6f6f6;
box-shadow:inset 2px 2px 5px 0 rgb(0 0 0 / 20%);
}
.togglebtn input[type="checkbox"]{
position:relative;
width:100%;
height:100%;
padding:0;
margin:0;
opacity:0;
cursor:pointer;
z-index:2;
}
.togglebtn input[type="checkbox"]:checked + span::before{
top:-28px;
}
.togglebtn input[type="checkbox"]:checked + span::after{
top:4px;
}
.togglebtn input[type="checkbox"]:disabled + span::before,.togglebtn input[type="checkbox"]:disabled + span::after{
background-color:#aaaaaa;
}
.togglebtn span{
position:initial;
background-color:transparent;
border-radius:initial;
font-size:100%;
line-height:normal;
}
.togglebtn span::before,.togglebtn span::after{
position:absolute;
top:4px;
left:4px;
width:20px;
height:10px;
padding:9px 4px;
background-color:#ee4433;
color:#ffffff;
border-radius:50%;
font-size:10px;
font-weight:bold;
text-align:center;
line-height:1;
transition:.3s cubic-bezier(.18,.89,.35,1.15) all;
}
.togglebtn span::before{
content:"X";
}
.togglebtn span::after{
content:"\2713";
top:-28px;
right:4px;
left:auto;
background-color:#00aa00;
}
form label.togglelbl[for^="Role"] {
margin:.5rem;
padding:.2rem;
background-color:#ffffff;
border:1px solid #444444;
border-radius:5px;
box-shadow:2px 2px 5px 0px rgba(0,0,0,.3);
}
/**/
.full{
flex:1 1 100%;
}
.semi{
flex:0 0 49%;
margin:0 auto 0 auto;
vertical-align:top;
background-color:#fdfdfd;
}
.full .semi{
margin:0;
}
.adapt{
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:1rem 1%;
width:100%;
}
.adapt div{
flex:1 1 auto;
width:auto;
margin:0 auto 0 auto;
background-color:#f9f9f9;
padding:1rem;
}
.info{
flex:0 1 auto;
width:fit-content;
margin:1rem auto 1rem auto;
padding:1rem;
position:relative;
background-color:#f9f9f9;
border:1px solid #f0f0f0;
}
.info:after{
content:"i";
vertical-align:middle;
border-radius:50%;
width:20px;
height:20px;
background:#0070b9;
border:2px solid #0070b9;
color:#ffffff;
text-align:center;
position:absolute;
left:-10px;
top:-10px;
font-weight:bold;
}
/**/
.pages{
text-align:center;
font-weight:bold;
font-size:110%;
margin:1rem auto 1rem auto;
line-height:25px;
}
.pages li{
display:inline-block;
transition:all 500ms ease;
height:30px;
width:30px;
cursor:pointer;
border:2px solid #666666;
color:#666666;
margin:0 5px 0 0;
}
.pages li:last-child{
margin:0 0 0 0;
}
.pages li:hover{
background-color:#7ca5b1;
color:#ffffff;
}
.pages li.hot{
color:#cc7777;
}
.pages li a{
text-decoration:none;
color:#666666;
width:100%;
height:100%;
display:block;
}
.pages li a:hover{
color:#ffffff;
}
/**/
svg{
display:inline-block;
width:20px;
height:16px;
margin-right:10px;
vertical-align:middle;
fill:#555555;
}
.hide{
display:none !important;
}
.fade{
transition:visibility 0s linear 300ms,opacity 300ms,height 2000ms;
visibility:hidden;
opacity:0;
height:0;
margin:0;
padding:0;
}
.notice{
margin:0 auto 1rem auto;
padding:1rem;
background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f9e6e6' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'/%3E%3C/svg%3E") center left no-repeat #f9f3f3;
border-radius:40px;
font-weight:bold;
}
.notice.ok{
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23e6f9e6' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E") center left no-repeat #f3f9f3;
}
.warn{
margin:0 0 .5rem 0;
padding:.2rem 1rem .2rem 35px;
border-radius:20px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f0d9d9' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'/%3E%3C/svg%3E") center left no-repeat #f9f3f3;
}
/**/
.green{
background-color:#eeffee;
}
.orange{
background-color:#fff0dd;
}
.gold{
background-color:#ffe0a0;
}
.grey{
background-color:#eeeeee;
}
.red{
background-color:#ffeeee;
}
.teal{
background-color:#b0cece;
}
span.red{
background-color:transparent;
color:#aa0000;
}
/**/
#timeline ul{
display:grid;
grid-template-columns:2px 1fr;
grid-auto-columns:max-content;
column-gap:2rem;
width:min(960px,90%);
margin:2rem auto 2rem auto;
}
#timeline ul:before{
content:"";
grid-column:1;
grid-row:1 / span 20;
background:rgb(225,225,225);
border-radius:2px;
}
#timeline ul li:not(:last-child){
margin-bottom:2rem;
}
#timeline ul li{
grid-column:2;
margin-inline:1.5rem;
grid-row:span 2;
display:grid;
grid-template-rows:min-content min-content min-content;
}
#timeline ul li h2{
width:auto;
min-height:3rem;
padding:.5rem 1rem .5rem 1rem;
margin-bottom:0;
margin-inline:-1.5rem;
background-color:var(--accent-color);
color:white;
font-size:125%;
font-weight:bold;
text-align:center;
display:grid;
place-content:center;
position:relative;
border-radius:1.5rem 0 0 1.5rem;
}
#timeline ul li h2:before{
content:"";
width:1.5rem;
aspect-ratio:1;
background:var(--accent-color);
background-image:linear-gradient(rgba(0,0,0,.2) 100%,transparent);
position:absolute;
top:100%;
clip-path:polygon(0 0,100% 0,0 100%);
right:0;
}
#timeline ul li h2:after{
content:"";
position:absolute;
width:2rem;
aspect-ratio:1;
background:#ffffff;
border:.3rem solid var(--accent-color);
border-radius:50%;
top:50%;
transform:translate(50%,-50%);
right:calc(100% + 34px);
}
#timeline ul li h3,#timeline ul li p{
background:#ffffff;
position:relative;
}
#timeline ul li h3{
padding:2rem 0 1rem 0;
overflow:hidden;
font-weight:500;
}
#timeline ul li h3:before,#timeline ul li p:before{
content:"";
position:absolute;
width:90%;
height:.5rem;
background:rgba(0,0,0,.5);
left:50%;
border-radius:50%;
filter:blur(4px);
transform:translate(-50%,50%);
}
#timeline ul li h3:before{
bottom:calc(100% + .125rem);
}
#timeline ul li p{
padding:0 0 1rem 0;
}
#timeline ul li p:before{
z-index:-1;
bottom:.25rem;
}
#privacy h3{
padding:1rem 0 .5rem 0
}
#privacy strong{
display:contents;
}
#privacy ul li a,#privacy ul li span{
display:inline-block;
padding:.5rem 0 .5rem 0;
}
@media (min-width:40rem){
#timeline ul{
grid-template-columns:1fr 2px 1fr;
}
#timeline ul:before{
grid-column:2;
}
#timeline ul li:nth-child(odd){
grid-column:1;
}
#timeline ul li:nth-child(even){
grid-column:3;
}
#timeline ul li:nth-child(2){
grid-row:2/4;
}
#timeline ul li:nth-child(odd) h2:before{
clip-path:polygon(0 0,100% 0,100% 100%);
left:0;
}
#timeline ul li:nth-child(odd) h2:after{
transform:translate(-50%,-50%);
left:calc(100% + 34px);
}
#timeline ul li:nth-child(odd) h2{
border-radius:0 1.5rem 1.5rem 0;
}
}
#location article > div{
justify-content:flex-start;
}
#location h2{
margin:0 0 .3rem 0;
}
#location article ul li{
padding:.5rem 0 .5rem 0;
}
#location img{
max-height:300px;
width:100%;
margin:1rem 0 1rem 0;
box-shadow:2px 2px 5px 0px rgba(0,0,0,.5);
}
/**/
@media only screen and (max-width:1024px){
.collapsing{
display:none !important;
}
.semi label{
flex:1 1 100%;
}
}
/**/
@media only screen and (max-width:768px){
body > header #menu{
display:initial;
}
section{
padding:0;
}
section#feature ul li:hover div{
top:-10px;
}
article{
padding:1rem .5rem 1rem .5rem;
}
.split article > div{
flex:0 0 100%;
padding:0 0 1rem 0;
}
nav ul{
display:none;
}
nav ul svg,nav ul#navigation svg{
display:inline-block;
}
nav ul.show{
display:flex;
flex-direction:column;
min-width:320px;
width:100%;
position:absolute;
top:40px;
right:0;
background:linear-gradient(to bottom,rgb(255,255,255) 1%,rgba(255,255,255,.8) 100%);
box-shadow:2px 2px 5px 0 rgba(0,0,0,.5);
}
/*
nav ul.show li{
border-bottom:1px solid rgb(224,224,224);
}
*/
nav ul.submenu.show{
width:100%;
}
section#hero #herocn div:nth-child(1):after{
display:none;
}
section#hero #herocn div:nth-child(1){
background-color:transparent;
}
section#hero #herocn div{
border-radius:30px;
}
section#hero h1{
font-size:100%;
}
section header div > *:nth-child(1):after{
display:none;
}
section header div > *{
padding:1rem 1rem 0 1rem;
border-radius:0;
}
section header div > *:nth-child(1){
border-radius:0;
}
form input{
max-width:100%;
}
img.article{
display:none;
}
thead{
display:none;
}
tr{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
td{
flex:1 0 50%;
border-top:1px solid #aaaaaa;
}
table td::before{
content:attr(data-label);
display:block;
margin-top:.5rem;
text-align:left;
font-size:80%;
font-weight:bold;
color:#888888;
}
td.centre{
text-align:left;
}
td.right{
text-align:left;
}
td button,td .button{
margin:.5rem auto .5rem auto;
}
.semi{
flex:1 1 100%;
}
.info{
width:auto;
}



section#manage aside{
justify-content:center;
padding:.5rem .3rem 1rem .3rem;
}
section#manage aside h1{
padding:0;
}
.options{
  border:none;
  width:100%;
  padding:.5rem 0 .5rem 0;
  justify-items:center;
}

}
/**/
@media only screen and (max-width:425px){
/*
.split article > div{
padding:.5rem;
}
*/
}
/**/
#dragshow{
display:none;
z-index:1000;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background-color:rgba(0,0,0,.9);
}
#dragshow:after{
content:"";
background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' fill-opacity='.5' viewBox='0 0 448 512'%3E%3Cpath d='M384 432c8.8 0 16-7.2 16-16l0-320c0-8.8-7.2-16-16-16L64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l320 0zm64-16c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 320zM224 352c-6.7 0-13-2.8-17.6-7.7l-104-112c-6.5-7-8.2-17.2-4.4-25.9s12.5-14.4 22-14.4l208 0c9.5 0 18.2 5.7 22 14.4s2.1 18.9-4.4 25.9l-104 112c-4.5 4.9-10.9 7.7-17.6 7.7z'/%3E%3C/svg%3E") no-repeat 50% 50%;
width:70%;
height:70%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.imgPreviews{
width:100%;
margin-top:1rem;
text-align:center;
vertical-align:top;
}
.imgPreviews > div{
display:inline-block;
position:relative;
max-width:202px;
margin:.5rem;
background-color:#dddddd;
border:1px solid #0046b4;
border-radius:4px;
}
.imgPreviews > div img{
vertical-align:middle;
}
.imgPreviews > div button{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background-color:#dd0000;
color:#ffffff;
border:2px solid #ffffff;
box-shadow:0 0 5px 5px rgb(0 0 0 / 50%);
}
.imgPreviews > div button.imgRemove{
width:30px;
height:30px;
padding:0;
position:absolute;
right:0;
top:0;
left:initial;
z-index:100;
background-color:#dd0000;
color:#ffffff;
transform:none;
box-shadow:none;
border:none;
}
.imgPreviews progress{
display:block;
width:100%;
height:5px;
margin:0;
background:#ff7700;
color:#ff7700;
}
.uploadZone label.button,.uploadZone button{
flex:0 0 auto;
margin:0;
color:#ffffff;
}
.imgPreviews .imgPreview.dragging{
border:2px dashed #cc0000;
opacity:.5;
}
.imgPreviews span{
position:absolute;
bottom:0;
right:0;
color:#000000;
font-size:80%;
text-shadow:0px 0px 3px #ffffff;
}
/**/
[data-copy]{
cursor:pointer;
}
[data-copy]:after{
content:"";
display:inline-block;
margin-left:5px;
width:24px;
height:24px;
background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cimage id='image0' width='24' height='24' x='0' y='0' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%0AAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEUAAI4AAI4AAI4AAI4A%0AAI4AAI4AAI4AAI4AAI4AAI4AAI7///+Cos1DAAAACnRSTlMABpHukIjtPDuJjU20egAAAAFiS0dE%0ACx/XxMAAAAAHdElNRQflCxgGLjE2dBtUAAAATUlEQVQY02NgIBowKq8CAiMBMIdlFRgEgDlsy0Fk%0AVQKSYq4FSDrAHJgOMAemA8wBE0CSHE5XAhJn1QQkDtihMA6SM7sSkD0wAdNrRAEAJWotVkWqPwMA%0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMTEtMjRUMDM6NDY6NDkrMDM6MDCqVu6gAAAAJXRFWHRk%0AYXRlOm1vZGlmeQAyMDIxLTExLTI0VDAzOjQ2OjQ5KzAzOjAw2wtWHAAAABl0RVh0U29mdHdhcmUA%0AQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=' /%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
vertical-align:top;
cursor:pointer;
}
.copied:after{
background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cimage id='image0' width='24' height='24' x='0' y='0' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%0AAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAolBMVEUiuwAiuwAiuwAiuwAi%0AuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAi%0AuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAi%0AuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwAiuwD////Z5E2mAAAANHRSTlMAQoF9/Y0Bj3iQ%0AaWRxN/mYDNvdpRpeJSz7bCe+o7z8WQiARf6CxTLVY58KzAbvIXNarpkeaRqxDQAAAAFiS0dENd62%0A2WsAAAAHdElNRQflCxgGOhBUs9xfAAAAmklEQVQoz7WRxxLCMAxElWAIhF5CCZDQIfSy//9tSLng%0AicUxOsgzbzXrtUxUanm+ziumquFaANQ1oQEgVHiTOVoub3dE6Dq81xeOgSMEOR+OrCzRmPtkytjM%0ArMl4jgUfS+ZJ+sOrNV+ZxLRhvo2s+Z3JnWmP4tsOR/E+ccsKac6ZKMDl6gT1xe12V3bxYOGpbxuv%0AP//z/lA59QVaghJU/ci6+QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMS0yNFQwMzo1ODoxNisw%0AMzowMMu5f14AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTEtMjRUMDM6NTg6MTYrMDM6MDC65Mfi%0AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==' /%3E%3C/svg%3E%0A");
}
.notcopied:after{
background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cimage id='image0' width='24' height='24' x='0' y='0' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%0AAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAflBMVEWqAACqAACqAACqAACq%0AAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACq%0AAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAACqAAD////E%0AFQ7VAAAAKHRSTlMAiUiSFvTXBNb2GotubZD17BMSjJEX+ygYjbe2j7q4OjwpvT3tPr9JwyhhyQAA%0AAAFiS0dEKcq3hSQAAAAHdElNRQflCxgHFxECXNwRAAAArklEQVQoz62S2xKCMAxEIyKIooBCURRB%0AFMz/f6HdWqAZX9mHzuZy2kyAaFGtWMv7eQ9+bQv+RgdBCBtutY12I7JHWwx3gDtOd/mJDtOM6JQK%0AgOiMxpwolwBRAUSVpQJwcQe7orW64byLiYuIrSRgb7cvCdVj4SHzDU9q/oGqwlm7+RYZ9TTjcusU%0AOrs6M0I351+I33olGVbCvQTMEmOB9DyvPXCRAcHH+VDDsj/CF78eHC6MLV/ZAAAAJXRFWHRkYXRl%0AOmNyZWF0ZQAyMDIxLTExLTI0VDA0OjIzOjE3KzAzOjAwwWacxgAAACV0RVh0ZGF0ZTptb2RpZnkA%0AMjAyMS0xMS0yNFQwNDoyMzoxNyswMzowMLA7JHoAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdl%0AUmVhZHlxyWU8AAAAAElFTkSuQmCC' /%3E%3C/svg%3E");
}
/**/
.dlg{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:999;
background-color:rgba(0,0,0,.9);
}
.dlg>div{
padding:1rem;
min-width:300px;
max-height:75%;
position:absolute;
top:50%;
left:50%;
overflow:auto;
background-color:#ffffff;
border-radius:5px;
transform:translate(-50%,-50%);
}
.dlg.hide{
display:none !important;
}
form.dlg .semi{
flex:1 0 50%;
}
form.dlg fieldset{
flex-direction:column;
}
form.dlg legend{
width:100%;
margin-bottom:3%;
font-weight:bold;
font-size:110%;
}
form.dlg label{
flex:1 1 100%;
display:block;
width:100%;
max-width:100%;
color:#0046b4;
}
form.dlg input:not([type="checkbox"]){
background-color:#f9f9f9;
padding:7px;
border:1px solid #e0e0e0;
border-radius:3px;
width:100%;
}
form.dlg select{
border-radius:3px;
border:1px solid #aaaaaa;
padding:7px;
max-width:100%;
width:100%;
}
form.dlg input[type="submit"]{
cursor:pointer;
margin:.5rem auto .5rem auto;
background-color:#0046b4;
color:#ffffff;
}
form.dlg input[type="submit"]:hover{
background-color:#d7e4f8;
color:#0046b4;
border:1px solid #0046b4;
}
form.dlg input[type="submit"].red{
background-color:#ee1111;
}
.dlg h2{
margin:0 0 1rem 0;
background-color:#f0f0f0;
padding:.5rem;
}
.dlg strong{
width:100%;
font-size:120%;
}
.dlg b{
width:100%;
font-size:120%;
}
.dlg div div{
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:0 .5rem;
justify-content:end;
margin-top:1rem;
}
.dlg button{
width:auto;
min-height:40px;
margin:0;
padding:0 1rem 0 1rem;
font-size:120%;
line-height:1rem;
border-radius:5px;
transition:all 500ms ease;
cursor:pointer;
}
.dlg button:hover{
background-color:#0046b4;
color:#ffffff;
text-decoration:none;
}
.dlg button.cls:hover{
background-color:#ee1111;
color:#ffffff;
}
.dlg ul{
margin:1rem 0 1rem 0;
}
.dlg li{
margin:.2rem 0 .2rem 0;
padding:.3rem;
background-color:#f6f6f6;
text-align:center;
}
.dlg li:before{
content:attr(data-label);
display:block;
font-size:80%;
font-weight:bold;
color:#888888;
text-align:left;
}