/* © Luboš Kuna */
* { box-sizing: border-box; }
:root { --ric_tx: rgba(0, 0, 0, 1); --ric_hfbg: rgba(130, 150, 170, 1); --ric_mnbg: rgba(100, 120, 140, 1); --ric_mnli: rgba(50, 70, 90, 1);
  --ric_mnac: rgba(245, 250, 255, 1); --ric_mnho: rgba(30, 50, 70, 1); --ric01: rgba(250, 252, 255, 1); --ric02: rgba(240, 245, 252, 1); --ric03: rgba(210, 225, 240, 1); --ric04: rgba(190, 205, 222, 1); 
  --ric05: rgba(170, 190, 210, 1); --ric06: rgba(150, 170, 190, 1); --ric07: rgba(130, 150, 170, 1); --ric08: rgba(110, 130, 150, 1); --ric09: rgba(90, 110, 130, 1); --ric10: rgba(70, 85, 115, 1);
  --ric11: rgba(50, 70, 90, 1); --ric12: rgba(30, 50, 70, 1); --ric13: rgba(10, 28, 45, 1); --ric_inpa: rgba(225, 255, 246,1); --ric_bora: rgba(0, 255, 198, 1);
}   
:focus {outline: none;}                                                                                                      
::-ms-input-placeholder { color: silver; }
:-ms-input-placeholder { color: silver; }
:-moz-placeholder { color: var(--ric04); }
::placeholder { color: var(--ric04); }
::-webkit-input-placeholder { color: silver; }

img { pointer-events: none; }
html { height: 100%; min-height: 100%; max-height: 100%; }
body { margin: 0 auto; max-width: 1200px; width: 100%; background-color: var(--ric13); color: #000000; display: flex; flex-direction: column; max-height: 100%; }
font, p, div, textarea, input, select, table, form { font: normal 1em Arial, Verdana, sans-serif; }
a { display: inline-block; border-radius: 3px; border-color: transparent; outline: 3px; background-color: transparent; text-align: center; text-decoration: none; }
a:hover { cursor: pointer; opacity: 0.7; transition: background-color 0.2s; }
a:active { transform: translateY(1px); box-shadow: none; }
a .sqr28 { border: none; margin-right: 4px; height: 1.5em; padding: 0.03em; text-decoration: none; width: 1.5em; } 
input:focus { outline-width: 1px; outline-style: inset; outline-color: var(--ric06); }
input:placeholder-shown ~ .input-hint  { background: url("../images/hint.png") no-repeat center; }
input:placeholder-shown ~ .input-hint:hover .tooltip { visibility: visible; opacity: 1; }
input:placeholder-shown ~ .input-hint:hover .tooltipr { visibility: visible; opacity: 1; }
input:valid ~ .input-valid { background: url("../images/valid.png") no-repeat center;}
input:invalid ~ .input-valid { background: url("../images/invalid.png") no-repeat center;}
input:disabled { pointer-events: none; }  
input[type="text"]:read-only { pointer-events: none; } 
input[type="number"] { text-align: center; } 
input[type="number"]:read-only { pointer-events: none; } 
input[type="radio" i]:hover { cursor: pointer; }
input[type="radio" i]:focus { outline: none; }
input[type="range"] { pointer-events: none; -webkit-appearance: none; appearance: none; position: absolute; left: 0; width: -moz-available; width: -webkit-fill-available; width: fill-available;
                    top: 22px; height: 4px; border-radius: 5px; background: transparent; outline: none; opacity: 0.9; -webkit-transition: .2s; transition: opacity .2s; }
input[type="range"]:first-of-type { background: var(--ric10) !important; } 
input[type="range"]:hover { opacity: 1; } 
input[type="range"]:focus { outline-style: none; outline-color: transparent; }
input[type="range"]::-webkit-slider-thumb { pointer-events: all; -webkit-appearance: none; z-index: 1; position: relative; appearance: none; width: 12px; height: 12px; border-radius: 50%; background: rgba(24, 189, 152, 1); cursor: pointer; }
input[type="range"]::-moz-range-thumb { pointer-events: all; width: 12px; height: 12px; z-index: 1; position: relative; border-radius: 50%; background: rgba(24, 189, 152, 1); cursor: pointer; }               
textarea:focus { outline-width: 1px; outline-style: inset; outline-color: var(--ric06) }
select:focus { outline-width: 1px; outline-style: inset !important; outline-color: var(--ric06); }
select:invalid { color: var(--ric05); }
select:valid ~ .input-valid { background: url("../images/valid.png") no-repeat center;}
select:invalid ~ .input-valid { background: url("../images/invalid.png") no-repeat center;}
select:read-only  { background-color: var(--ric02); border: 1px inset var(--ric06); } 
option { color: var(--ric11); }
option:focus { outline-width: 1px; outline-style: inset !important; outline-color: var(--ric06); }
option span { font-style: italic; color: var(--ric07); }
option[value=""][disabled] { display: none; color: var(--ric05) !important; }  
button { display: inline-block; border-radius: 3px; border-color: transparent; outline: 3px; background-color: var(--ric03); color: var(--ric10); text-align: center; text-decoration: none; }
button:hover { border: 1px outset rgba(0, 255, 198, 0.5); opacity: 0.7; transition: box-shadow 0.3s; cursor: pointer; }
button:active { transform: translateY(1px); border: 1px inset rgba(0, 255, 198, 0.5); box-shadow: 0 0 3px var(--ric_bora); }
button:disabled { pointer-events: none; opacity: 0.5; }
button[type="reset"] { color: maroon; }
.circ16 { font-size: 90%; border: none; margin-left: 3px; width: 1.2em; height: 1.2em; border-radius: 50%; }    
.sqr28 { font-size: 100%; border: none; height: 1.5em; padding: 0.03em; text-decoration: none; width: 1.5em; } 
.sqr28:active { transform: translateY(1px); box-shadow: none; }
.rect17 { position: absolute; right: 5px; top: 17%; font-weight: 800; height: 66%; min-width: 17%; font-size: 90%; border-radius: 3px; }

/* Individualize buttons */   
.a2btn { background: url("../images/actions/add_big.png") no-repeat center; background-size:100%;  aspect-ratio: 1/1; }
.abtn { background: url("../images/actions/add.png") no-repeat center; aspect-ratio: 1/1; }
.addbtn { border-radius: 3px; border: 1px outset var(--ric04); margin-bottom:3px; }
.agebtn { height: 25px; width: 80px; border-radius: 3px; border: 1px outset var(--ric04); margin-bottom: 3px; font-weight: bold; font-size:100%; }
.absbtn { width: 100% !important; aspect-ratio: 1/1; height: auto !important; margin: 0 0; }
.backbtn { position: absolute; right: 5px; top: 5px; font-weight: 800; height: 1.35em; display: flex; align-items: center; justify-content: center; }
.fwdbtn { position: absolute; right: 65px; top: 5px; font-weight: 800; height: 1.35em; width: 50px; display: flex; align-items: center; justify-content: center; }
.revbtn { position: absolute; right: 120px; top: 5px; font-weight: 800; height: 1.35em; width: 50px; display: flex; align-items: center; justify-content: center; }
.btndown { box-shadow: 0 0 3px var(--ric_bora); background-color: var(--ric_inpa) !important; border: 1px inset var(--ric_bora) !important; color: var(--ric09); opacity: 1 !important;}
.clrbtn { background: url("../images/actions/cross.png") no-repeat center; outline-style: outset; outline-width: 1px; height: 23px; 
          width: 30px; margin: 5px 0 12px 0.2em; background-color: var(--ric03); color: var(--ric10); outline-color: var(--ric04); }
.clrbtn:hover { background-color: var(--ric04); opacity: 1; border: none; transition: background-color 0.2s;}
.clrbtn:active { transform: translateY(1px); outline-style: inset; }
.dbtn, .ddbtn { background: url("../images/actions/delete.png") no-repeat center/100%; aspect-ratio: 1/1; } 
.dbtn:disabled { opacity: 0.25; }
.delimg {  position: absolute; right: 13px; top: 10px; z-index: 1; opacity:0.2; width: 20px; height: 20px; border: none; background: transparent; }
.delimg:hover { background-color: transparent; box-shadow: none; border: none; }
.ebtn { background: url("../images/buttons/clr/edit.png") no-repeat center/100%; aspect-ratio: 1/1; } 
.ebtn:disabled { opacity: 0.25; }
.greybtn { background: url("../images/actions/gr.png") no-repeat center; aspect-ratio: 1/1; }
.onbtn { background: url("../images/actions/on.png") no-repeat center; aspect-ratio: 1/1; }
.offbtn { background: url("../images/actions/off.png") no-repeat center; aspect-ratio: 1/1; }
.ordbtn { background-color: transparent; box-shadow: none; border: none; color: #ffffff; text-shadow: 1px 1px 2px var(--ric10); font-weight: bold; }
.regbtn { display: flex; width: 95%; color: darkgreen; font-size: 110%; text-align: center; border-radius: 6px; background-color: var(--ric04); 
          border: 2px outset var(--ric03); text-shadow: 1px 1px 2px var(--ric10); font-weight: 800; margin-top: 2%; }
.regbtn p { font-weight: normal; font-size: 60%; color: black; padding: 1% 0; margin: 0; text-shadow: none; }
.regbtn p span { font-weight: bold; }
.regbtn:hover { background-color: var(--ric04); opacity: 1; border: 2px outset var(--ric03); transition: background-color 0.2s;}
.regbtn:active { transform: translateY(1px); border: 2px inset var(--ric03); box-shadow: none;}
.scalebtn { height: 20px; border-radius: 3px; border: 1px outset var(--ric04); margin-bottom:3px; padding: 0 2px; font-weight: bold; font-size:70%; }
.smallsub { min-height: 6em; max-width: 90%; min-width: 45%; font-weight: 700; font-size: 100%; outline-style: outset; outline-width: 2px; 
          background-color: var(--ric03); color: var(--ric10); outline-color: var(--ric04); } 
.subbtn { min-height: 2.5em; max-width: 90%; min-width: 45%; font-weight: 800; font-size: 140%; margin: 5px auto; outline-style: outset; outline-width: 2px; 
          background-color: var(--ric03); color: var(--ric10); outline-color: var(--ric04); } 
.minisub { min-height: 2.5em; max-width: 90%; min-width: 45%; font-weight: 800; font-size: 100%; margin: 5px auto; outline-style: outset; outline-width: 2px; 
          background-color: var(--ric03); color: var(--ric10); outline-color: var(--ric04); } 
.swapbtn { position: absolute; top: 30px; right: 15px; width: 5%; aspect-ratio: 1/1; outline-style: outset; outline-width: 2px; 
          background-color: var(--ric03); color: var(--ric10); outline-color: var(--ric04); }
.subbtn:hover, .swapbtn:hover { background-color: var(--ric04); opacity: 1; border: none; transition: background-color 0.2s;}
.subbtn:active, .swapbtn:active { transform: translateY(1px); outline-style: inset; }
.typebtn { aspect-ratio: 1/1; height: auto; border-radius: 3px; border: 1px outset var(--ric04); outline: 3px; min-height: 3em; }
.typebtn[hidden] { display:none; } 
.actbtn { border: 1px outset var(--ric04); color: var(--ric_bora); background-color: var(--ric07); box-shadow: 0 0 3px var(--ric_bora);}
.susbtn { border: 1px inset var(--ric04); color: #ffa89c; background-color: var(--ric07); box-shadow: 0 0 3px #eb705e; }
.auubtn { background: url("../images/buttons/clr/Service.png") no-repeat center/100%; }
.pbtn { background: url("../images/actions/add.png") no-repeat center/90%; }
.vbtn { background: url("../images/actions/accept.png") no-repeat center/100%; }
.rbtn { background: url("../images/actions/rules.png") no-repeat center/100%; }
.tbtn { background: url("../images/actions/results.png") no-repeat center/100%; }
.sbtn { background: url("../images/actions/stats.png") no-repeat center/100%; }
.ybtn { background: url("../images/actions/infosheet.png") no-repeat center/100%; }
.zbtn { background: url("../images/buttons/clr/User.png") no-repeat center/100%; aspect-ratio: 1/1; }
.uubtn { background: url("../images/users/user_unreg.png") no-repeat center/50% var(--ric08); position: absolute; width: 40px; height: 24px; left: 5px; top: 15px;}
.urbtn { background: url("../images/users/user_active.png") no-repeat center/50% var(--ric04); position: absolute; width: 40px; height: 24px; left: 5px; top: 15px;}
.rcbtn { background: url("../images/actions/reg.png") no-repeat center/100%; }
.ucbtn { background: url("../images/actions/unreg.png") no-repeat center/100%; }
.printbtn { background: url("../images/actions/print.png") no-repeat center/100%; }
.mailbtn { background: url("../images/actions/mail.png") no-repeat center/100%; }
.swapbtn { background: url("../images/actions/refresh.png") no-repeat center/100%; }
#typeL { background: url("../images/pictograms/L.png") no-repeat center/80% var(--ric03); }
#typeV { background: url("../images/pictograms/V.png") no-repeat center/80% var(--ric03); }
#typeT { background: url("../images/pictograms/T.png") no-repeat center/80% var(--ric03); }
#typeD { background: url("../images/pictograms/D.png") no-repeat center/80% var(--ric03); }
#typeF { background: url("../images/pictograms/F.png") no-repeat center/80% var(--ric03); }
#typeB { background: url("../images/pictograms/B.png") no-repeat center/80% var(--ric03); }
#typeC { background: url("../images/pictograms/C.png") no-repeat center/80% var(--ric03); }
#typeM { background: url("../images/pictograms/M.png") no-repeat center/80% var(--ric03); }
#typeK { background: url("../images/pictograms/K.png") no-repeat center/80% var(--ric03); }
#typeP { background: url("../images/pictograms/P.png") no-repeat center/80% var(--ric03); }
#typeO { background: url("../images/pictograms/O.png") no-repeat center/80% var(--ric03); }      
#typeZ { background: url("../images/pictograms/Z.png") no-repeat center/80% var(--ric03); } 
#btnUpd { font-size: 100%;}
#btnPassword, #btnCancel, #btnCncImp, #btnClose { color: maroon;}
#btnNewProd { margin-left: 15px; padding: 2px 10px; font-size: 90%; font-weight: 800; }

/* Header row */
.overallheader { background-color: var(--ric_hfbg); border-radius: 8px 8px 0 0; position: relative; height: 3em; width: 100%; }
.overallheader span { line-height: 2em; margin: auto 15px; font-size: 1.6em; font-weight: bold; color: whitesmoke; text-shadow: 1px 1px 2px black; }
.overallheader #drop { position: absolute; right:10px; top:auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } 
#drop:hover #flag { cursor: pointer; }
#drop:hover #menu { visibility: visible; opacity: 1; }
#menu { visibility: hidden; display: table; opacity: 0; transition: opacity 0.5s; } 
#menu #label { padding: 4px; display: table-cell; font-size: 60%; vertical-align: middle; color: whitesmoke; }
#menu button {display: table-cell; padding: 0; border:none; max-width: 30px; overflow: hidden; background-color: transparent; }
#menu button:hover {text-indent: -30px; box-shadow: none; background-color: transparent;}
#menu button:active {display: inline-flex; }
#menu button img {border: none; outline: 0px;}
#flag { width: 30px; overflow: hidden;} 

/* Menu row */
.overalmenu { display:flex; flex-wrap: nowrap; flex-direction: row; font-size: 1em; position: relative; background-color: var(--ric_mnbg); }
.overalmenu img { height: 1em; width: 1em; margin: auto 10px; object-fit: contain; }
.overalmenu span { line-height: 1.8em; font-weight: bold; font-size: 95%; margin: auto 5px; }
#menuwrapper { position: absolute; right: 3px; bottom: 0; display: inline-flex; align-items: center; height: 1.8em; }
#menuwrapper #info { pointer-events: none; color: var(--ric_mnac); opacity: 0.7; background-color: transparent; font-size: 75%; 
             display: inline-flex; align-items: center; padding-right: 5px; }
#dropdown { height: inherit; display: inline-flex; align-items: flex-end; } 
#dropdown ul { display: inline-flex; align-items: flex-end; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: var(--ric_mnbg); }
#dropdown ul li { margin-left: .15em; }
#dropdown ul li button { border-radius: 3px 3px 0 0; padding: 0.45em 1.5em; font-weight: 700; font-size: 0.75em; text-decoration: none; color: white; transition: none; border: none; }
#dropdown ul li button:hover { background-color: var(--ric_mnho); margin: 0; box-shadow: none; transition: none; } 
#dropbtn { display: none; right: 21px; top: 0; height: 90%; border: none; background-color: transparent;  color: white; font-size: 1.3em; font-weight: bold; } 
#dropbtn:hover { background-color: var(--ric_mnho); box-shadow: none; }  

.active { pointer-events: none; margin-top: 3px; background-color: var(--ric_mnac); color: var(--ric_mnbg) !important; margin-bottom: -2px; }
.inactive { background-color: var(--ric_mnli); }
.ibtn { height: 1.7em; width: 1.7em; border-radius: 50%; border: none; margin-left: 10px; background: url("../images/info.png") no-repeat center; background-size: contain; }
.ibtn:hover { background-color: grey; box-shadow: none; }
.color_usr { color: white; }
.color_ofc { color: LemonChiffon; }
.color_mgr { color: skyblue; }
.color_adm { color: lawngreen; }
.color_sad { color: gold; }
.color_pwd { color: violet; }
.color_reg { color: salmon; }
.color_sus { color: firebrick; }
.color_none { color: silver; }
.color_dis { color: maroon !important; }
.color_ena { color: #269772 !important; }
.color_green { color: green; }
.color_red { color: red; }
.color_blue { color: blue; }
.info_red { background-color: #FFCCCC; color: #CC0033; cursor: default; }
.info_orange { background-color: #FFCBB4; color: #CC5700; cursor: default; }
.info_green { background-color: #99FF99; color:  #006633; cursor: default;}
.info_grey { background-color: #DDDDDD; color: grey; cursor: default;}
.info_yellow { background-color: #FFFFCC; color: #CC9900; cursor: default;}
.info_imgbg { background-color: var(--ric03);}
.nomnodata { background-color: firebrick; }
.nomfail { background-color: salmon; }

/* Footer row */
.overallfooter { display: flex; justify-content: space-between; border-radius: 0 0 8px 8px; font-weight: normal; font-size: 0.8em; background-color: var(--ric_hfbg); } 
.overallfooter a { background-color: transparent; margin: auto 0; border-radius: 0 0 7px 0; } 
.overallfooter a:link { width: auto; overflow: visible;}
.overallfooter a:hover { text-indent: 0px; box-shadow: none; }
.overallfooter a:active { transform: none; box-shadow: none; }
.overallfooter a img { height: 2.5rem; }
#messwrap { align-items: center; justify-content: flex-start; width: 90%; padding: 5px; }
#messbox { margin-left:5px; font-weight: bold; height: 100%; width: 100%; display: flex; align-items: center; } 
#messbox img { min-height: 1rem; margin: 0 1em; }
.m_error { background-color: mistyrose; border: 1px solid tomato; border-radius: 4px;	color: tomato; } 
.m_error div { font: bold 13px Arial; }
.m_error div span { color: maroon; }
.m_ok{ background-color: lightcyan; border: 1px solid deepskyblue; border-radius: 4px; color: deepskyblue; }
.m_warning{ background-color: cornsilk; border: 1px solid goldenrod; border-radius: 4px; color: goldenrod; }

/* Confirm box */
#id_confirmdiv { display:none; background-color: rgba(0,0,0,0.7); border-radius: 5px; border: 1px solid #aaa; 
                 position: absolute; max-width:1200px; width: 100%; max-height: 100%; margin: 0 auto; box-sizing: border-box; text-align: center; z-index: 10000; }
#id_confirmdiv button { display: inline-block; border-radius: 3px; border: 1px solid #aaa; padding: 3px; text-align: center; width: 90px; margin: 0 15px; cursor: pointer; }
#id_confirmdiv .confwrap { display: flex; height: 100%;}
#id_confirmdiv .confborder { margin:auto; padding: 10px; border: 1px solid silver; border-radius: 5px; overflow: hidden; background-color: white; box-shadow: 5px 10px 10px #000;}
#id_confirmdiv .message { display: flex; max-width: 450px; text-align: center; padding: 20px; background-color: var(--ric03); margin-bottom: 20px; align-items: center; }
#id_confirmdiv .message div { display: flex; flex-direction: column; font-weight: 700; color: black; font-size: 90%;  }
#id_confirmdiv .message span { font-size: 90%; font-weight: 700; font-style: italic; color: maroon; } 
#id_confirmdiv img { height: 37px; object-fit: contain; margin-right: 10px; }

/* Main body IDs */
#agelabel { max-width: unset !important; width: 9em; padding-right: 0; color: #ffffff; text-shadow: 1px 1px 2px var(--ric10); }
#agree { margin-left: 10px; }
#colpick { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#colpick label { min-width: auto; padding: 0.5rem 1rem 0; font-size: 70%; }
#colpick input[type="color"] { width: 60%; height: 2.1rem; }
#colpick input[type="color"]:hover { cursor: pointer; }
#contest { font-size: 88%; }
#conttabs { display: inline-flex; align-items: center; white-space: normal; overflow: hidden; background-color: transparent; list-style-type: none; 
            flex-direction: row; justify-content: center; margin: 0 6px -1px; padding: 0; width:100%; }
#conttabs li { position: relative; z-index: 1; margin-right: 3px; min-width: 20%; display: inline-flex; justify-content: center; border: 1px solid silver; 
         border-top-left-radius: 6px; border-top-right-radius: 6px; background-color: var(--ric04); padding: 0 12px; }
#conttabs li:hover { cursor: pointer; box-shadow: none; background-color: var(--ric03) } 
#conttabs button { display: inline-flex; justify-content: center; align-items: center; border: none; background-color: transparent; font-weight: bold; 
          font-size: 103%; text-decoration: none; width:100%; height:24px; }
#conttabs button:hover { box-shadow: none; background-color: transparent; }
#checklabel { max-width: unset !important; width: 30em; padding-right: 10%;}
#csvBox label { max-width: none !important; }
#csvprev, #zipprev { position: relative; width: 98%; height: 4em; display: flex; justify-content: center; align-items: center; margin-bottom: 8px; }
#delbanner, #delrules, #delages { position: absolute;  right: 2px;  top: 0.2rem; }
#editbox1 label, #editbox2 label { width: auto;} 
#emptywall { font-weight: 800; font-size: 160%; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; margin: 1em auto; } 
#emptymod { padding: 0 6em; text-align: center; font-weight: 700; font-size: 110%; color: var(--ric09); }
#emptymod span { padding: 2em; font-style: italic; font-weight: normal; font-size: 95%; color: var(--ric07); }
#idcateg { font-weight: 700; } 
#idcateg input { font-weight: 800; }
#imgwrapper { margin-bottom: 8px; height: auto; }
#impprev { position: relative; width: 90%; height: 5em; display: flex; justify-content: center; align-items: center; margin: 0; font-size:95%;}
#licprev { position: relative; width: 98%; height: 6.3em; display: flex; justify-content: center; align-items: center; }
#loadzip { text-align: center;}
#lostpass { line-height: 1em; width: 200px; padding: 5px; font-size:80%; color: maroon; }
#maintabs { display: inline-flex; align-items: center; white-space: normal; overflow: hidden; background-color: transparent; list-style-type: none; 
            flex-direction: row; justify-content: space-around; margin: 0; padding: 6px; width:100%; }
#maintabs li { position: relative; z-index: 1; margin-right: 3px; min-width: 20%; display: inline-flex; justify-content: center; border: 1px solid silver; 
         border-radius: 6px; background-color: var(--ric08); padding: 0 12px; }
#maintabs li:hover { cursor: pointer; box-shadow: none; background-color: var(--ric06) } 
#maintabs li button { display: inline-flex; justify-content: center; align-items: center; border: none; background-color: transparent; font-weight: 800; 
          color: var(--ric02); font-size: 130%; text-decoration: none; width:100%; height:26px; }
#maintabs li button:hover { box-shadow: none; background-color: transparent; }

#modpreview { position: relative; margin-bottom: 5px; text-align: center; aspect-ratio: 4/3; overflow: hidden; width: 97%; height: auto; } 
#modpreview:hover .delimg { opacity:1; }
#modpreview #loadimg { margin: 5px auto; border-radius: 6px; padding: 3px; border: 1px solid var(--ric07); box-shadow: 1px 1px 2px var(--ric08); object-fit: contain; height: inherit; width:inherit; }
#m_scale { width: 4.5em;}  
#pdfprev { position: relative; width: 90%; height: 3em; display: flex; justify-content: center; align-items: center; margin-bottom: 8px; }
#plusman { margin:10px auto; }
#points { position: absolute; right: 0.6em; top: 0.6em; font-size: 90%; display: inline-flex; width: 25%; justify-content: flex-end; align-items: center; }
#pointlabel { font-size: 55%; color: var(--ric13); margin-right: 10px;}
#pointlabel span { font-size: 85%; font-style: italic; }
#pointnum { font-weight: 700; color: maroon;}
#pointnum:hover .pointtip { visibility: visible; opacity: 1; }
#preview { position: relative; height: 6em; aspect-ratio: 4/1; margin: auto; text-align: center; overflow: hidden; }
#preview img { width: 100%; object-fit: contain; }
#regactual .lborder { margin-left: 0; padding: 0; } 
#regactual .gborder { padding: 1em 2em; min-height: 12.5em; }  
#regprint { display: none; }  
#roknar { width: 4rem; }
#suggestion-box { position: absolute; left: 5px; top: 8px; background-color: var(--ric04); list-style-type: none;  padding-inline-start: 0; 
                  min-width: 85%; line-height: 1.08rem; max-height: 172px; overflow: auto; z-index: 1; }
#suggestion-box li { padding: 0 5px; font-style: italic; font-size: 90%; color: maroon; }
#suggestion-box li:hover { font-weight: bold; background-color: var(--ric05); }
#reginfo-box { font-style: italic; font-size: 90%; color: maroon; margin: 5px 0; }
#unvalid { text-align: center; color: red; font-size: 75%; font-weight: 800; }
#valid { text-align: center; color: darkgreen; font-size: 75%; font-weight: 800; }
#wcmess { font-size: 85%; font-style: italic; color: maroon; font-weight: 700; }
#wildcard { text-align: center; color: blue; font-size: 75%; font-weight: 800; }
#wrapper { overflow: auto; position: relative; background-color: var(--ric_mnac); color: var(--ric_tx); }
#wuc { margin: 5px auto; width: 65%; }
#zipBox label { max-width: none !important; }

/* Main body classes */
.actli { background-color: white !important; }  
.acinfo { margin: 15px 0 10px 10px; padding: 3px; font-weight: bold; font-size: 90%; line-height: 1.0em; color: var(--ric09); }
.acinfo span { margin-right: 10px; font-weight: normal; color: Black; width: 10em;  display: inline-block;}
.arrow { color: maroon; font-size: 70%; }
.bimg { background-image: url("../images/no_image.png"); background-size: 100%; background-repeat: no-repeat; padding: 7%; } 
.bimg label { justify-content: space-between !important; }
.bubble { background: var(--ric09); color: white; padding: 1px 0; position: absolute; border-radius: 4px; top:-2px; left: 50%; 
          transform: translateX(-50%); border: 1px solid var(--ric09); font-size: 80%; }
.bubble::before { content: ""; position: absolute; width: 0; height: 0; border-top: 5px solid var(--ric09); border-left: 2px solid transparent; 
              border-right: 2px solid transparent; top: 100%; left: 50%; margin-left: -2px; margin-top: 0; }
.btnline { display: inline-flex; }
.canvas { aspect-ratio: 4/1; width: 100%; background-size: contain !important; border-radius: 4px 0 0 4px; justify-content: center !important; font-size: 200%; font-weight: 800; } 
.checkbox1 label { padding-left: 0 !important; }
.cpanel { flex-wrap: nowrap !important; max-height: Calc(36em + 26px); }
.cround_l { border-radius: 6px 0 0 6px; border: 2px inset var(--ric08); border-right: none; } 
.cround_r { border-radius: 0 6px 6px 0; border: 2px inset var(--ric08); border-left: none; } 
.dborder { margin:3px; padding: 6px 3px; border: 1px solid silver; border-radius: 5px; background-color: var(--ric09); }
.dborder label { margin-right: 15px; color: white; }
.delete { background-color: peachpuff !important; color: darkred; font-weight: 700; }
.dragBox { position: relative; width:100%; height: 100%; transition: transform 0.3s; background-color: var(--ric02); border-radius: 3px; border: 1px solid var(--ric07); } 
.dragBox label { height: 100%; padding: 0 2rem !important; justify-content: space-around; text-align: center;  align-content: center; font-weight: bold; flex-direction: column; }
.dragBox span { font-size: 85%; font-weight: normal; }
.dragBox input[type="file"] {  position: absolute; width: 100%;  height: 100%; opacity: 0; top: 0; left: 0; cursor: pointer; }
.draging,.dragBox:hover {  background-color: rgba(225, 255, 246, 0.5); border: 1px inset rgba(0, 255, 198, 0.5); opacity: 0.8; transition: box-shadow 0.4s; }
.dragBox:active { transform: translateY(1px); box-shadow: 0 0 3px var(--ric_bora); }
.dragpdf span { font-size: 85%; font-weight: normal; }
.dragpdf:hover { background-color: rgba(225, 255, 246, 0.5); border: 1px inset rgba(0, 255, 198, 0.5); opacity: 0.8; transition: box-shadow 0.4s; }
.dragpdf:active { transform: translateY(1px); box-shadow: 0 0 3px var(--ric_bora); }
.filterbox { border-radius: 5px; font-size: 100%; padding: 2px 3px; margin: 5px 2px 12px 15px; border: 1px inset var(--ric05); }
.finfo {max-width: 330px; width: 98%; margin:10px auto; padding: 5px 10px; border: 1px solid var(--ric03); border-radius: 5px; 
       overflow: hidden; background-color: var(--ric03); font-weight: normal; font-size: 70%; line-height: 1.05em; color: var(--ric08); }
.finfo div { margin:4px 0 0 20%; font-style: italic; font-weight: bold; color: var(--ric08); font-size: 100%; }
.finfo div span { font-style: normal; color: maroon; }
.flexwrapper { display: flex; flex-direction: row; flex-wrap: wrap; }
.formtitle { position: relative; text-align: center; padding: 10px 0 5px; background-color: var(--ric_mnac);  color: var(--ric12); text-shadow: 1px 1px 4px var(--ric08); font-size: 150%; font-weight:800; justify-content: center; align-items: center; }
.formtitle span { color: maroon; }
.formtitle label { padding-right: 10px; }
.formtitle select { font-weight: bold; }
.gborder { margin:3px; padding: 2px; border: 1px solid var(--ric10); border-radius: 5px; font-size: 85%; min-width: 98%; flex-grow: 1;
           background-color: var(--ric10); color: white; display: flex; flex-direction: column; align-items: center; justify-content: space-around; text-align: center; } 
.gborder h4 { font-size:100%; color: var(--ric01); line-height: 1rem; }           
.gborder ul { padding-inline-start: 20px; text-align: left; font-size: 90%; font-style: italic; color: Moccasin; margin-block: 2px; }
.gborder li { margin-bottom: 4px; }
.gborder li span { font-weight: bold; font-size: 100%; } 
.gborder span { font-size: 90%; font-style: italic; color: LightCyan; }
.hborder { margin:3px; padding: 3px; border: 1px solid var(--ric05); border-radius: 5px; background-color: var(--ric04); }
.h_date { font-weight: 700; font-size: 115%; }
.header { border: 1px outset var(--ric06); flex-grow: 1; border-radius: 7px; padding: 2px; margin: 2px; display: flex; flex-direction: row; flex-wrap: wrap; background-color: var(--ric08); color: white; } 
.header .h_mid, .header .h_right { text-align: center; font-weight: 800; font-size: 110%; position: relative;} 
.header .h_open, .header .h_over, .header .h_soon, .header .h_late, .header .h_term, .header .h_extend { font-weight: 800; text-shadow: 2px 2px 3px var(--ric10); }
.header .h_extend { font-size: 120%; }
.header .h_term { font-size: 130%; line-height: 1.3rem; }
.header .h_soon { color: #f9f9e6; font-size: 110%; }
.header .h_over { color: #f6bcb5; font-size: 120%; padding-top: 7%; }
.header .h_late { color: #f1d3ad; font-size: 120%; padding-top: 7%;}
.header .h_open { color: #dbf4d0; font-size: 110%; }
.header .h_bott { color: #000000; align-items: flex-end; flex-wrap: nowrap; padding-left: 5px; }
.header .h_bott .colcenter { font-size: 65%; color: var(--ric04);  }
.header .h_bott span { background-color: var(--ric03); color:var(--ric09); border-radius: 2px; padding: 0 2px; font-weight: 700; margin: 2px; }
.imginfo { width: 100%; padding: 10px; }
.innerdiv label { max-width: unset !important; width: 30em !important; padding-right: 10%; }
.innerdiv #datelabel { width: 18em !important; }
.input-hint { width: 16px; height:16px; position: relative; background: url("../images/valid.png") no-repeat center; }  
.input-hint:hover .tooltip, .input-hint:hover .tooltipr  { visibility: visible; opacity: 1; }
.input-ronly { width: 16px; height:16px; position: relative; background: url("../images/hint.png") no-repeat center; } 
.input-ronly:hover .tooltip, .input-ronly:hover .tooltipr { visibility: visible; opacity: 1; } 
.input-valid { width: 16px; height:16px; position: relative; }
.input-valid:hover .tooltip, .input-valid:hover .tooltipr  { visibility: visible; opacity: 1; }
.ipanel { flex-wrap: nowrap !important; height: 640px; max-height: 640px; }
.lborder { background-color: var(--ric05); }
.liact { font-weight: bold; background-color: var(--ric05); }
.limyes { background-color: #99FF99 !important; }
.limno { background-color: #FFCC99 !important; }
.logowrap { position: absolute; height: 2em; width: auto; right: 3px; bottom: 3px; border-radius: 50%; box-shadow: 0px 0px 6px var(--ric11); } 
.logowrap:hover p { display: block; } 
.logowrap img { height: 100%; width: auto; }
.logowrap p { display: none; position: absolute; right: 22px; bottom: 17px; font-size: 70%; color: var(--ric10); background: var(--ric04); padding: 3px; border: 1px solid var(--ric07); 
        border-radius: 3px; box-shadow: 2px 2px 4px  var(--ric10); width: 10em; }
.mainsel { pointer-events: none; box-shadow: rgba(170, 190, 210, 0.8) 0 0 2px 2px; background-color: var(--ric02) !important; color: var(--ric08) !important; }
.mainsel button { color: var(--ric08) !important; }
.maxwrapinput { display: inline-flex; justify-content: flex-start; align-items: center; margin: 18px 0; }
.mborder, .lborder, .sborder { margin:3px; padding: 3px; border: 1px solid var(--ric05); border-radius: 5px; }
.mborder { background-color: white; }
.minfo { text-align: center; margin: 3px; padding: 3px 0; border: 1px solid var(--ric03); border-radius: 5px; overflow: hidden; 
         background-color:var(--ric04); font-weight: normal; font-size: 70%; line-height: 1.05em; color: var(--ric08); }
.minfo div { margin-top:4px; font-style: italic; color: maroon; font-size: 100%; }
.miniwrapinput { display: inline-flex; justify-content: flex-start; align-items: center; margin: 0.27em 0; }
.midwrapinput { display: inline-flex; justify-content: flex-start; align-items: center; margin: 0.5em 0; flex-grow: 1; }
.multislider { display: flex; flex-direction: row; flex-wrap: wrap; position: relative; height: 35px; width: 100%; }
.multislider label { display: none; }
.pointtip { visibility: hidden; background-color: var(--ric_mnli); color: white; text-align: center;
            align-items: center; justify-content: center; font-size: 90%; padding: 3px; border-radius: 5px; 
            position: absolute; opacity: 0; transition: opacity 1.1s; flex-direction: column; z-index: 5; min-height: 35px; 
            min-width: 300px; max-width: 350px; width: max-content; display: flex; font-weight: 750; right: -5px;  } 
.pointtip::after { bottom: 100%; border-color: transparent transparent var(--ric_mnli) transparent; }
.pointtip::after { content: " "; position: absolute; right: 12px; margin-left: -5px; border-width: 5px; border-style: solid; }           
.radiobox { text-align: left; margin:auto 10px; font-size: 90%; }
.radioboxi { text-align: left; padding:0 10px; font-size: 90%; }
.radiobox label, .radioboxi label { padding: 10px 0 0 15px;}
.radiobox1 { text-align: left; margin:auto 0.5em; font-size: 80%; }
.radiobox1 label { padding-left: 15px;} 
.radiobox1 .dborder { margin: -7px 0 0 2em; }
.replace { background-color: var(--ric03); color: var(--ric09); font-weight: 700; }
.scope { margin: 12px auto; }
.sborder { background-color: var(--ric04); }
.selected { pointer-events: none; background-color: white !important; border-bottom: none !important; margin-top: 2px !important; }
.statflag { float: left; height: 32px; width: 30px; overflow: hidden; margin: 2px 7px;}
.tblback { background-color: var(--ric04) !important; }
.tborder { display: flex; flex-wrap: wrap; width:100%; margin:0 3px 3px 3px; padding: 3px; border: 1px solid silver; border-radius: 5px; overflow: hidden; background-color: white; }
.terms { font-size: 85%; }
.terms a,.terms a:visited  { color: var(--ric04); font-weight: 700; }
.terms span { font-size: 95%; font-style: italic; color: var(--ric02); }
.textbox { border-radius: 5px; padding: 0 3px; margin: 0 5px 0 3px; border: 1px inset var(--ric05); line-height: 1.4em; font-size: 1em; } 
.textbox:focus { box-shadow: 0 0 7px var(--ric06); }
.textbox:valid { background-color: var(--ric_inpa); border-color: var(--ric_bora);}
.textbox:invalid { background-color: linen; border-color: tomato; }
.textbox[type="text"]:read-only, .textbox[type="number"]:read-only  { background-color: var(--ric02); border: 1px inset var(--ric06); }
.textbox:disabled  { background-color: var(--ric02); border: 1px inset var(--ric06); }
.titlebar { background-color: var(--ric07); margin-bottom: 5px; justify-content: center; position: relative; border-radius: 3px 3px 0 0; }
.titlebar div { font-style: italic; font-size: 75%; color: var(--ric02); } 
.titlegap { margin-bottom: 7px; }
.tooltip, .tooltipr { visibility: hidden; width: 250px; background-color: var(--ric_mnho); color: white; text-align: center;
            align-items: center; justify-content: center; font-size: 80%; padding: 6px 10px; border-radius: 10px; 
            position: absolute; opacity: 0; transition: opacity 1.1s; flex-direction: column; z-index: 5; min-height: 35px; 
            min-width: 150px; max-width: 400px; width: max-content; display: flex; font-weight: 750; }
.tooltip { right: -15px;  } 
.tooltip span { color: lightsteelblue; font-style: italic; font-weight: normal; } 
.tooltip::after { content: " "; position: absolute; right: 18px; margin-left: -5px; border-width: 5px; border-style: solid; }           
.tooltipr { left: -15px; } 
.tooltipr span { color: lightsteelblue; font-style: italic; font-weight: normal; } 
.tooltipr::after { content: " "; position: absolute; left: 23px; margin-left: -5px; border-width: 5px; border-style: solid; }
.ttop { bottom: 22px; } 
.ttop::after { top: 100%; border-color: var(--ric_mnho) transparent transparent transparent; }
.tbot { top: 22px; } 
.tbot::after { bottom: 100%; border-color: transparent transparent var(--ric_mnho) transparent; }   
.uborder { margin:3px; padding: 3px; border: 1px solid var(--ric11);; border-radius: 5px; background-color: var(--ric09); }
.wrapinput { display: inline-flex; justify-content: flex-start; align-items: center; margin: 0.75em 0; flex-grow: 1; }

/* Arrange visual object classes */
.dc-1 {width: 8.3333% !important;}
.dc-2 {width: 16.6666%;}
.dcr-2 {width: 16.6666%;}
.dc-25 {width: 20.8333%;}
.dc-3 {width: 25%;}
.dc-35 {width: 29.1666%;}
.dc-4 {width: 33.3332%;}
.dc-45 {width: 37.5%;}
.dc-5 {width: 41.6666%;}
.dc-55 {width: 45.8332%;}
.dc-6 {width: 50%;}
.dc-65 {width: 54.1665%;}
.dc-7 {width: 58.3332%;}
.dc-8 {width: 66.6666%;}
.dc-9 {width: 75%;}
.dc-10 {width: 83.3332%;}
.dc-11 {width: 91.6666% !important;}
.dc-12 {width: 100%;} 
[class*="dc"] { display: flex; flex-wrap: wrap; }
[class*="dc"] h3 { text-align: center; margin: 1px 2px; line-height: 1.35em; text-shadow: 1px 1px 2px var(--ric10); color: var(--ric01); }
[class*="dc"] h4 { text-align: center; margin: 1px 2px; line-height: 1.35em; text-shadow: 1px 1px 2px var(--ric10); color: var(--ric01);}
.center { text-align: center; }
.column { display: flex; flex-direction: column; }
.colaround { display: flex; flex-direction: column; align-items: center; justify-content: space-around; flex-grow: 1; }
.colcenter { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.colheight { display: flex; flex-direction: column; justify-content: space-between; }
.colspace { display: flex; flex-direction: column; align-items: center; justify-content: space-between; min-height: 99%; }
.colstart { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.colend { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; }
.rowaround { display: flex; flex-direction: row; align-items: center; justify-content: space-around; }
.rowcenter { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.rowend   { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; }
.rowevenly { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly;  flex-wrap: wrap; }
.rownowrap { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly;  flex-wrap: nowrap; }
.rownocenter { display: flex; flex-direction: row; justify-content: space-between; }
.rowspace { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } 
.rowspace label { font-size: 90% }
.rowstart { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.rowstart label { padding-left: 10px; width:11em; display: inline-flex; flex-wrap: wrap; 
            align-content: flex-end; font-size: 80%}
.formspace { display: flex; flex-direction: column; justify-content: space-between; min-height: 99%; flex-grow: 1; }
.formrow { display: flex; flex-direction: row; justify-content: space-between; min-height: 99%; flex-grow: 1; }
.longlabel label { width: 90%; justify-content: center; }

/* Object behavior classes */
.avheight { flex-grow: 1; }
.avfill { flex-grow: 1; padding: 0 5px; }
.avwidth { flex-grow: 1; padding: 2px; }
.botmargin { margin-bottom: 5px; }
.m3 { margin: 3px 0; }
.m3 label { width: 12em; } 
.rmargin15 { margin-right: 15px; }
.center { text-align: center; } 
.dishover { pointer-events: none; opacity: 0.4; }
.fullwidth { width: 100% !important; }
.fullheight { height: 100% !important; }
.heavy { font-weight: 750; }
.hiddendiv { display: none !important; }
.med { font-size: 85%; }
.nowrap { flex-wrap: nowrap !important; }
.padded { padding: 20px 0; }
.padv10 { padding: 10px 0; }
.padbtn { padding: 3px 10px; }
.relative { position: relative; }
.suspended { color: var(--ric07);}
.vimg  { display: inline-block; float: right; margin: 0 3px; height: 14px; padding: 0.06em; opacity: 0.5; }
/* .typediv { aspect-ratio: 22/5; height: auto; } */

/* InfoPage */
.arttitle { font-weight: bold; font-size: 120%; color: var(--ric08); padding: 10px 0 0 20px; }
.article { padding: 3px 25px 5px 40px; text-align: justify; }
.article ul { margin: 1px 0; }
.article li { margin: 0; }
.article ul ul { list-style-type: lower-alpha; font-style: italic; font-size: 90%; }
.article table { width: 100%; table-layout: fixed; background-color: var(--ric04); }         
.article tr { width: 100%; font-size: 100%; text-align: left; display: table-row; }  
.article td:nth-child(1) { margin: 1px; font-weight:bold; color: maroon; width: 25%; padding:5px; background-color: var(--ric01); border: 1px solid var(--ric02); }                            
.article td:nth-child(2) { margin: 1px; vertical-align: middle; width: 75%; padding:5px; font-weight: normal; font-size: 100%; background-color: var(--ric01); border: 1px solid var(--ric02);}
.article td span { font-style: italic; font-weight: bold; }
.libtn { list-style-type: none; line-height: 22px; font-size: 90%; margin: 0 !important; }
.libtn ul { list-style-type: none !important; font-size: 100% !important; margin: 0 !important; }
.libtn button {font-size: 100%; font-weight: 700; background-color: transparent;}
.paypal { color: #FFFFFF; font-style: italic; font-size: 70%; margin: 3px; padding: 6px 3px; border: 1px solid silver; border-radius: 5px; background-color: var(--ric07);}
.paypal input[type="image"] { padding-top: 5px; width: 70%; margin: 0 auto; }
.paybtn { padding-top: 5px; }

/* Tables */      
table { width: 100%; table-layout: fixed; border-spacing: 0; }   
table thead tr { min-height: 2em; display: inline-flex; align-items: center; justify-content: center; text-align: center; background-color: var(--ric07); font-weight: normal; font-size: 100%; padding: 1px; width: 100%; }
table thead tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; color: var(--ric01); text-shadow: 1px 1px 2px var(--ric10); }
table tbody { display: block; overflow: auto; width: 100%; background-color: var(--ric02); }
table tbody tr { display: inline-flex; align-items: center; justify-content: center; text-align: center; font-weight: normal; font-size: 80%; padding: 1px; width: 100%; }
table tbody tr:nth-child(odd) { background-color: var(--ric01); }
table tbody tr:nth-child(even) { background-color: var(--ric02); }
table tfoot tr { height: 2em; display: inline-flex; align-items: center; justify-content: center; text-align: center; background-color: var(--ric07); font-weight: normal; font-size: 100%; padding: 1px; width: 100%; }
table tfoot tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
table tfoot tr td:nth-child(1) { min-width: 20%; }
table tfoot tr td:nth-child(2) { width: 60%; }
table tfoot tr td:last-child { width: 20%; text-align: right; padding-right: 5px; font-size: 55%; }
.tulist thead { font-size: 90%; } 
.tulist thead tr { font-size: 80%; }
.tulist thead tr:first-child th:nth-child(1) { width: 100%; font-size: 120%; }
.tulist thead tr:first-child th:nth-child(1) button { border: none; font-weight: bold; font-size: 85%; text-decoration: none; margin: 0 0.07em; height: 1.5em; width: 1.5em; padding-inline: 0; 
               background-color: var(--ric04); border: none; }
.tulist thead tr:first-child th:nth-child(1) button:hover { background-color: var(--ric06); }
.tulist thead tr:first-child th:nth-child(1) button:active { background-color: var(--ric09); color: var(--ric04); box-shadow: none;}
.tulist thead tr:first-child th:nth-child(1) button:disabled { background-color: var(--ric07); color: var(--ric09);}
.tulist thead tr:first-child th:nth-child(1) button .btndown { background-color: var(--ric09); color: var(--ric02); box-shadow: none; opacity: 1; }     
.tulist thead th:nth-child(1) { width: 10%; }
.tulist thead th:nth-child(2) { width: 24%; }
.tulist thead th:nth-child(3) { width: 7%; }
.tulist thead th:nth-child(4) { width: 22%; }
.tulist thead th:nth-child(5) { width: 25%; }
.tulist thead th:nth-child(6) { width: 4%; }
.tulist thead th:nth-child(7) { width: 8%; text-align: right; } 
.tulist tbody { height: 34em; }
.tulist tbody tr { height: 2em; font-size: 100%; }
.tulist tbody tr td:nth-child(1) { width: 10%; font-size: 85%; color: maroon; font-weight: 700; }
.tulist tbody tr td:nth-child(2) { width: 24%; font-size: 85%; font-weight: 700; }
.tulist tbody tr td:nth-child(3) { width: 7%; font-size: 85%; }
.tulist tbody tr td:nth-child(4) { width: 22%; font-size: 80%; }
.tulist tbody tr td:nth-child(5) { width: 25%; font-size: 80%; }
.tulist tbody tr td:nth-child(6) { width: 4%; }
.tulist tbody tr td:nth-child(6) img { width: 1.2em; height: auto;}
.tulist tbody tr td:nth-child(7) { width: 8%; display: flex; flex-direction: row; justify-content: flex-end; }
.tulist tbody tr td:nth-child(7) button {  font-size: 90%; border: none; margin-left: 5px; width: 1.4em; height: 1.4em; border-radius: 50%; }
.tstat thead tr  { font-size: 80%; } 
.tstat thead tr th:nth-child(1) { width: 7%; }
.tstat thead tr th:nth-child(2) { width: 60%; }
.tstat thead tr th:nth-child(3) { width: 14%; }
.tstat thead tr th:nth-child(4) { width: 10%; }
.tstat thead tr th:nth-child(5) { width: 9%; }
.tstat tbody { height: 34em; } 
.tstat tbody tr { display: inline-flex; align-items: center; justify-content: center; height: 2em; font-size: 100%; }
.tstat tbody tr td:nth-child(1) { width: 7%; font-size: 95%; text-align: center; }
.tstat tbody tr td:nth-child(1) span { display: inline-block; border-radius: 5px; text-align: center; width: 90%; font-size: 110%; font-weight: 800; }
.tstat tbody tr td:nth-child(2) { width: 60%; font-weight: bold; padding-left: 5px; text-align: left; font-size: 90%; }
.tstat tbody tr td:nth-child(3) { width: 14%; text-align: center; font-weight: bold; font-style: italic; font-size: 75%; }
.tstat tbody tr td:nth-child(4) { width: 10%; text-align: center; font-size: 75%; }
.tstat tbody tr td:nth-child(5) { width: 9%; color:maroon; font-weight: 800; justify-content: center; }
.tfixed thead tr { font-size: 80%; }
.tfixed thead tr:first-child th:nth-child(1) { width: 90%; font-weight: 800; font-size: 120%; }
.tfixed thead tr:first-child th:nth-child(2) { width: 10%; text-align: right; }
.tfixed thead tr:first-child th:nth-child(2) button { font-size: 100%; border: none; padding-inline: 0; margin-left: 3px; width: 1.6em; height: 1.6em; border-radius: 50%; }
.tfixed thead tr:nth-child(2) th:nth-child(1) { width: 100%; font-size: 120%; display: inline-flex; justify-content: space-around; }
.tfixed thead tr:nth-child(2) th:nth-child(1) button { border: none; font-weight: bold; font-size: 85%; text-decoration: none; margin: 0 0.07em; height: 1.5em; width: 1.5em; padding-inline: 0;
               background-color: var(--ric04); border: none; }
.tfixed thead tr:nth-child(2) th:nth-child(1) button:hover { background-color: var(--ric06); }
.tfixed thead tr:nth-child(2) th:nth-child(1) button:active { background-color: var(--ric09); color: var(--ric04); box-shadow: none; }
.tfixed thead tr:nth-child(2) th:nth-child(1) button:disabled { background-color: var(--ric07); color: var(--ric09);}
.tfixed thead tr:nth-child(2) th:nth-child(1) button .btndown { background-color: var(--ric09) !important; color: var(--ric02); box-shadow: none; border: none !important; opacity: 1; }
.tfixed thead tr th:nth-child(3) { width: 60px; text-align: right; }
.tfixed tbody tr { height: 2em; font-size: 100%; }
.tfixed tbody tr td:nth-child(1) { width: 80%; font-size: 75%; }
.tfixed tbody tr td:nth-child(2) { width: 20%; display: flex; flex-direction: row; justify-content: flex-end; }  
.tfixed tbody tr td:nth-child(2) img { font-size: 90%; border: none; margin-left: 3px; height: 1.2em; } 
.tfixed tbody tr td:nth-child(2) button { font-size: 90%; border: none; margin-left: 3px; height: 1.3em; width: 1.3em; border-radius: 50%; } 
.fnopage { width: 100% !important; text-align: right !important; padding-right: 5px; font-size: 55%;}
.t06 { height: 12em; }
.t08 { height: 16em !important; }
.t15 { height: 30em; }
.t16 { height: 32em; }

.tconlist thead tr { font-size: 80%; } 
.tconlist thead tr th:nth-child(1) { width: 100%; font-weight: 800; font-size: 140%; }
.tconlist tbody { height: 32em; }
.tconlist tbody tr { height: 2em; font-size: 100%; outline: none !important; }
.tconlist tbody tr td:nth-child(1) { width: 55%; text-align: left; font-size: 80%; font-weight: bold; padding-left: 10px; cursor: default; }
.tconlist tbody tr td:nth-child(2) { width: 45%; font-style: italic; font-weight: 800; font-size: 70%; }
.tconlist tbody tr td:nth-child(2) div { border: 1px solid; border-radius: 4px; padding: 5px; position: relative; }
.tconlist tbody tr td:nth-child(2) img { position: absolute; height: 80%; top: 10%; left: 2%; }
.tconlist tbody tr td:nth-child(2) button { position: absolute; border: none; padding-inline: 0; width: 3em; height: 1.55em; top: 0; right: 0; }

.tawlist thead tr { font-size: 80%; } 
.tawlist thead tr th:nth-child(1) { width: 100%; font-weight: 800; font-size: 140%; }
.tawlist tbody { height: 32em; }
.tawlist tbody tr { height: 1.6em; font-size: 100%; outline: none !important; }
.tawlist tbody tr td:nth-child(1) { width: 15%; text-align: left; font-size: 75%; font-weight: bold; padding-left: 5px; }
.tawlist tbody tr td:nth-child(2) { width: 40%; text-align: left; font-weight: 800; font-size: 75%; }
.tawlist tbody tr td:nth-child(2) span { font-style: italic; font-weight: bold; }
.tawlist tbody tr td:nth-child(3) { width: 10%; font-weight: bold; font-size: 70%; }
.tawlist tbody tr td:nth-child(3) span { color: green; }
.tawlist tbody tr td:nth-child(4) { width: 20%; font-style: italic; font-weight: 800; font-size: 65%; }
.tawlist tbody tr td:nth-child(5) { width: 10%; font-style: italic; font-weight: 800; font-size: 80%; }
.tawlist tbody tr td:nth-child(5) span { font-weight: normal; font-size: 65%; color: #000000; }
.tawlist tbody tr td:nth-child(6) { width: 5%; font-style: italic; font-weight: 800; font-size: 70%; }
.tawlist tbody tr td:nth-child(6) button { font-size: 100%; border: none; padding-inline: 0; width: 3em; height: 1.5em; }
.tawlist tfoot tr td:nth-child(1) { min-width: 15% !important; width: 14% !important; text-align: left; }
.tawlist tfoot tr td:nth-child(2) { width: 40% !important; text-align: left; }
.tawlist tfoot tr td:nth-child(3) { width: 20% !important; text-align: left; }
.tawlist tfoot tr td:nth-child(4) { width: 25% !important; text-align: right; }

.tcateg thead tr { font-size: 80%; } 
.tcateg thead tr th:nth-child(1) { width: 90%; font-weight: 800; font-size: 140%; }
.tcateg thead tr th:nth-child(2) { width: 10%; text-align: right; }
.tcateg thead tr th:nth-child(2) button { font-size: 100%; border: none; padding-inline: 0; margin-left: 3px; width: 1.9em; height: 1.9em; border-radius: 50%; }
.tcateg tbody { height: 32em; }
.tcateg tbody tr { height: 2em; font-size: 100%; outline: none !important; }
.tcateg tbody tr td:nth-child(1) { width: 10%; }  
.tcateg tbody tr td:nth-child(1) button { display: inline-flex; align-items: center; justify-content: center; width:100%; border-radius: 5px; text-align: center; font-size:100%; font-weight: 800; height: 1.6em; }
.tcateg tbody tr td:nth-child(2) { width: 58%; text-align: left; font-size: 80%; font-weight: bold; padding-left: 5px; }
.tcateg tbody tr td:nth-child(3) { width: 15%; font-style: italic;  font-size: 70%; }
.tcateg tbody tr td:nth-child(4) { width: 12%; font-size: 70%; }
.tcateg tbody tr td:nth-child(5) { width: 22px; text-align: right; } 
.tcateg tbody tr td:nth-child(5) button { font-size: 100%; border: none; padding-inline: 0; margin-left: 3px; width: 1.1em; height: 1.1em; border-radius: 50%; }
.treg thead tr { font-size: 80%; height: 2rem; background-color: var(--ric08); }
.treg thead tr:nth-child(1) th:nth-child(1) { width: 100%; font-weight: 800; font-size: 140%; }
.treg thead tr:nth-child(2) th:nth-child(1) { text-align: left; width: 20%; }
.treg thead tr:nth-child(2) th:nth-child(1) button { border: none; padding-inline: 0; margin: 0 0.3em; height: 1.6em; width: 1.6em; border-radius: 3px; }
.treg thead tr:nth-child(2) th:nth-child(2) { text-align: right;  width: 80%; }  
.treg thead tr:nth-child(2) th:nth-child(2) button { border: none; font-size: 110%; padding-inline: 0.6em; margin-right: 0.3em; height: 1.6em; border-radius: 3px; font-weight: 700; color: maroon; }
.treg tbody { height: 32em; } 
.treg tbody tr { height: 2em; font-size: 100%; outline: none !important; } 
.treg tbody tr td:nth-child(1) { min-width: 24px; width: 4%; display: flex; flex-direction: column; justify-content: flex-start; }  
.treg tbody tr td:nth-child(1) button { font-size: 100%; border: none; padding-inline: 0; margin-left: 3px; width: 1.1em; height: 1.1em; border-radius: 50%; }
.treg tbody tr td:nth-child(2) { width: 66%; text-align: left; font-size: 75%; font-weight: bold; padding-left: 5px; }
.treg tbody tr td:nth-child(2) span { font-weight: normal; font-size: 90%; font-style: italic; color: var(--ric07); } 
.treg tbody tr td:nth-child(3) { width: 8%; font-size: 70%;  padding: 0 1px; }
.treg tbody tr td:nth-child(4) { width: 12%; font-size: 65%;  font-style: italic;  padding: 0 1px; }
.treg tbody tr td:nth-child(5) { width: 10%; display: inline-flex; justify-content: flex-end; }
.treg tbody tr td:nth-child(5) span { font-weight: 800; border-radius: 3px; width: 95%; }
.treg tfoot tr {  background-color: var(--ric08); } 

.taward thead tr { font-size: 80%; height: 2rem; }
.taward thead tr th:nth-child(1) { width: 20%; font-weight: 800; }
.taward thead tr th:nth-child(2) { width: 28%; font-weight: 800; }
.taward thead tr th:nth-child(3) { width: 30%; font-weight: 800; }
.taward thead tr th:nth-child(4) { width: 5%; font-weight: 800; }
.taward thead tr th:nth-child(5) { width: 17%; font-weight: 800; }
.taward tbody { height: 32em; }
.taward tbody tr { height: 2em; font-size: 100%; outline: none !important; } 
.taward tbody tr td:nth-child(1) { width: 20%; text-align: left; font-weight: bold; padding-left: 5px; font-size: 80%; } 
.taward tbody tr td:nth-child(2) { width: 28%; text-align: center; font-size: 75%; font-weight: bold; } 
.taward tbody tr td:nth-child(2) span { font-weight: normal; font-style: italic; color: var(--ric09); } 
.taward tbody tr td:nth-child(3) { width: 30%; text-align: center; font-size: 75%; font-weight: bold; } 
.taward tbody tr td:nth-child(3) span { font-weight: normal; font-style: italic; color: var(--ric07); } 
.taward tbody tr td:nth-child(4) { width: 5%; text-align: center; font-size: 50%; font-style: italic; } 
.taward tbody tr td:nth-child(5) { width: 17%; text-align: center; font-size: 70%; font-weight: 800; position: relative; } 
.taward tbody tr td:nth-child(5) img { position: absolute; right: 1px; top: 0em; height:1.5em; pointer-events: auto; }

.twcard thead tr { font-size: 80%; }
.twcard thead tr th:nth-child(1) { width: 90%; font-size: 120%; font-weight: 800; }
.twcard thead tr:first-child th:nth-child(2) { width: 10%; display: flex; flex-direction: row; justify-content: flex-end; }
.twcard thead tr:first-child th:nth-child(2) button { font-size: 100%; border: none; padding-inline: 0; margin-left: 3px; width: 1.8em; height: 1.8em; border-radius: 50%; }
.twcard tbody tr { height: 2em; font-size: 100%; outline: none !important; } 
.twcard tbody tr td:nth-child(1) { width: 60%; text-align: left; font-size: 80%; font-weight: bold; padding-left: 5px; } 
.twcard tbody tr td:nth-child(2) { width: 10%; text-align: center; font-size: 80%; font-weight: bold; } 
.twcard tbody tr td:nth-child(3) { width: 15%; text-align: center; font-size: 80%; color: Maroon; } 
.twcard tbody tr td:nth-child(4) { width: 15%; display: flex; flex-direction: row; justify-content: flex-end; } 
.twcard tbody tr td:nth-child(4) button { font-size: 80%; border: none; margin-left: 3px; height: 1.3em; width: 1.3em; border-radius: 50%; } 
.twcard tfoot tr td:nth-child(1), .twcard tfoot tr td:nth-child(2) { width: 30% !important; text-align: left; }
.twcard tfoot tr td:nth-child(3) { width: 40% !important; text-align: right; }

.tnompts thead tr { font-size: 95%; }
.tnompts thead tr th:nth-child(2) { color: var(--ric10); }
.tnompts thead tr th:nth-child(n+3) { font-weight: 700 !important;  max-height: 8em;  height: 8em;  display: flex; 
                justify-content: center; align-items: center; width: -moz-available; width: -webkit-fill-available; width: fill-available; }
.tnompts thead tr th:nth-child(n+3) div { font-size: 82%; writing-mode: tb-rl; transform: rotate(-180deg); }                       
.tnompts tbody { height: 28.4em; }    
.tnompts tbody tr { height: 2em; font-size: 95%; }                       
.tnompts tbody tr td { display: flex; justify-content: center; align-items: center; }
.tnompts thead tr th:nth-child(1), .tnompts tbody tr td:nth-child(1) { min-width: 7em; max-width: 4em; font-weight: 700; }
.tnompts thead tr th:nth-child(2), .tnompts tbody tr td:nth-child(2) { color: var(--ric10); font-size: 110%;  min-width: 3em;  max-width: 3em; font-style: italic; font-weight: 700; }
.tnompts tbody tr td:nth-child(2) div { border-radius: 4px; width: 90% !important; font-style: italic; font-weight: 700; }
.tnompts tbody tr td:nth-child(n+3) { font-size: 80%; width: -moz-available; width: -webkit-fill-available; width: fill-available; }
#tdlast { max-width: 1.5em; }
@supports(-moz-appearance:none) { #tdlast { max-width: 0.5em; } } 

.timpcomp thead tr { font-size: 80%; }
.timpcomp thead tr th:nth-child(1) { width: 90%; font-size: 120%; font-weight: 800; }
.timpcomp thead tr:first-child th:nth-child(2) { width: 10%; display: flex; flex-direction: row; justify-content: flex-end; }
.timpcomp thead tr:first-child th:nth-child(2) button { font-size: 100%; border: none; padding-inline: 0; margin-left: 3px; width: 1.8em; height: 1.8em; border-radius: 50%; }
.timpcomp tbody tr { height: 2em; font-size: 100%; outline: none !important; } 
.timpcomp tbody tr td:nth-child(1) { width: 60%; text-align: left; font-size: 80%; font-weight: bold; padding-left: 5px; } 
.timpcomp tbody tr td:nth-child(2) { width: 25%; text-align: center; font-size: 80%; font-weight: bold; } 
.timpcomp tbody tr td:nth-child(3) { width: 15%; display: flex; flex-direction: row; justify-content: flex-end; } 
.timpcomp tbody tr td:nth-child(3) button { font-size: 80%; border: none; margin-left: 3px; height: 1.3em; width: 1.3em; border-radius: 50%; } 
.timpcomp tfoot tr td:nth-child(1), .timpcomp tfoot tr td:nth-child(2) { width: 30% !important; text-align: left; }
.timpcomp tfoot tr td:nth-child(3) { width: 40% !important; text-align: right; }

.tpoints thead { font-size: 55%;  height: 0.5em; }
.tpoints thead tr { background-color: var(--ric_mnli); }
.tpoints thead tr th:nth-child(1) { width: 100% !important; font-weight: 400; text-align: left; color: #FFFFFF; padding-left: 5px; }
.tpoints tbody tr { height: 2em; font-size: 90%; color: black; outline: none !important; position: relative; }
.tpoints tbody tr:nth-child(odd) { background-color: var(--ric04); }
.tpoints tbody tr:nth-child(even) { background-color: var(--ric05); }
.tpoints tbody tr td:nth-child(1) { width: 70%; text-align: left; font-size: 80%; font-weight: bold; padding-left: 5px; } 
.tpoints tbody tr td:nth-child(2) { width: 20%; color: maroon; text-align: center; font-size: 80%; font-weight: bold; } 
.tpoints tbody tr td:nth-child(2) span { font-style: italic; font-size: 75%; font-weight: 400; color: var(--ric13); } 
.tpoints tbody tr td:nth-child(3) { width: 10%; text-align: right; } 
.tpoints tbody tr td:nth-child(3) img { position: absolute; right: 5px; bottom: 0.4em; height:1.2em; pointer-events: auto; }
.tpoints tfoot { font-size: 55%; height: 0.5em; }
.tpoints tfoot tr { background-color: var(--ric_mnli); }
.tpoints tfoot tr td:nth-child(1) { font-size: 100%; width: 100% !important; text-align: center; font-weight: bold;}
    
.tmodel thead tr { font-size: 80%; height: 2rem; }
.tmodel thead tr:nth-child(1) th:nth-child(2) { display: flex; flex-direction: row; justify-content: flex-end; }
.tmodel thead tr:nth-child(1) th:nth-child(2) button { font-size: 100%; border: none; margin-left: 3px; width: 2.1em; height: 2.1em; border-radius: 50%; }
.tmodel thead tr:nth-child(2) th:nth-child(2) { width: 0; }
.tmodel thead tr:nth-child(2) th:nth-child(1) { width: 100%; font-size: 120%; display: inline-flex; justify-content: space-around; }
.tmodel thead tr:nth-child(2) th:nth-child(1) button { border: none; font-weight: bold; font-size: 70%; text-decoration: none; margin: 0 0.07em; height: 1.5em; width: 3.2%; padding-inline: 0;
               background-color: var(--ric04); border: none; }
.tmodel thead tr:nth-child(2) th:nth-child(1) button:hover { background-color: var(--ric06); }
.tmodel thead tr:nth-child(2) th:nth-child(1) button:active { background-color: var(--ric09); color: var(--ric04); box-shadow: none; }
.tmodel thead tr:nth-child(2) th:nth-child(1) button:disabled { background-color: var(--ric07); color: var(--ric09); }
.tmodel thead tr:nth-child(2) th:nth-child(1) button .thick { font-size: 75% !important; }
.tmodel thead tr:nth-child(2) th:nth-child(1) button .btndown { background-color: var(--ric09) !important; color: var(--ric02); box-shadow: none; border: none !important; opacity: 1; }
.tmodel thead tr th:nth-child(1) { width: 90%; font-weight: 800; font-size: 140%; }
.tmodel thead tr th:nth-child(2) { width: 10%; text-align: right; }  
.tmodel thead tr th:nth-child(2) button { font-size: 100%; border: none; padding-inline: 0; margin-left: 3px; width: 2em; height: 2em; border-radius: 50%; }
.tmodel tbody { height: 32em; cursor: pointer; }
.tmodel tbody tr { height: 2em; font-size: 100%; outline: none !important; } 
.tmodel tbody tr td:nth-child(1) { width: 75%; text-align: left; font-size: 75%; font-weight: bold; padding-left: 5px; } 
.tmodel tbody tr td:nth-child(1) span { font-weight: normal; font-size: 90%; font-style: italic; color: slategrey; }
.tmodel tbody tr td:nth-child(2) { width: 8%; font-size: 70%;  padding: 0 1px;}
.tmodel tbody tr td:nth-child(3) { width: 12%; font-size: 65%;  font-style: italic;  padding: 0 1px; }
.tmodel tbody tr td:nth-child(4) { width: 24px; display: flex; flex-direction: row; justify-content: flex-end; }
.tmodel tbody tr td:nth-child(4) button { font-size: 100%; border: none; padding-inline: 0; margin-left: 3px; width: 1.2em; height: 1.2em; border-radius: 50%; }
.tbempty { height: 34em; }
.tbempty tr { height: inherit !important; width: 100%; font-size: 120% !important; font-weight: 700 !important; }
.tbempty tr td { width: inherit !important; text-align: center !important; }
.tbempty tr div { font-size: 90%; color: var(--ric08); margin: 20px 30px; font-style: italic; }
.tactrow { background-color: var(--ric_inpa) !important; }
.paging { list-style-type: none; margin: 0; padding: 0; overflow: hidden; min-width: 40px; min-height: 1em; }
.paging li { display: inline-block; }
.paging li button { width:1.8em; display: inline-flex; justify-content: center; margin: 2px; padding: 3px 0; font-weight: bold; font-size: 73%; padding-inline: 0; 
               background-color: var(--ric04); border: none; }
.paging li button:hover { background-color: var(--ric06); }
.paging li button:active { background-color: var(--ric09); color: var(--ric04); box-shadow: none;}
.paging li button:disabled { background-color: var(--ric07); color: var(--ric09); }
.paging li button.btndown { background-color: var(--ric09) !important; color: var(--ric02); border: none !important; box-shadow: none; opacity: 1; }
   

@media only screen and (max-width: 1050px) {
  font, p, div, textarea, input, select, form  { font-size: 1.5vw; }
  .overallheader { height: 3em; }
  .dc-65 img { width: 98%; }
  .wrapinput { margin: 0.35em 0;}
  .mbtninfo {display: none !important;}
  .ibtn { height: 2em; width: 2em; }
  .gborder { font-size: 70%; min-height: 0; }
  .typebtn { outline: 2px; margin-bottom: 1px; height: 3em; width: 3em; }
  .agebtn { height: 20px; }
  .titlegap{ margin-bottom: 6px;}
  .cpanel { max-height: 100%; }
  .formtitle { font-size: 120%; }
  #conttabs li { padding: 0 6px;  margin-top: 1px; }
  #conttabs button { font-size: 100%; height: 20px; }
  .swapbtn { top: 15px; }
}

@media only screen and (max-width: 900px) {
  [class*="dc-"] label { width: 10em; }
  .scalebtn { display: none; }
  .typebtn { min-height: 2em; }
  #wall { text-align: left; padding: 10px 10px 5px; }
  #points { width: 50%; }
  .pointtip { font-size: 120%; max-width: 300px; }
}

@media only screen and (max-width: 760px) {
  .grecaptcha-badge { bottom:42px !important; }
  [class*="dc-"] { width: 100%; }
  [class*="dc-"] label { width: 9em; }
  body { min-height: 100%; }
  .wrapinput { margin: 6px 0;}
  font, p, div, textarea, input, select, form  { font-size: 2.2vw; }
  .nowrap { flex-wrap: nowrap !important; }
  #dropdown { display: block; position:relative; }
  #dropdown:hover ul { display: block !important; }
  #dropdown #dropbtn { display: table-cell !important; vertical-align: middle; }
  #dropdown ul { position: absolute; right: 5px; z-index: 1000; display: none !important; top: 22px; }
  #dropdown ul button { width: 12em !important; border-radius: 0 !important; display: table-cell; vertical-align: middle; font-size: 0.8em !important;
                 padding: 0.1em !important;} 
  .arttitle { font: bold 1.1em Arial; color: cadetblue; padding: 20px 0 0 20px; }
  .formtitle { font-size: 100%; }
  .messwrapper { font-weight: normal; font-size: 80%; }
  #regavail, #regs { height: 12em; }
  #omlist { align-items: center; }
  #userdiv { min-width: 70%; width: 70%; }
  #omenu { padding: 0;}
  #admin-right img { height: 25px; }
  .flexwrapper { flex-direction: column; }
  .thick { padding: 1px 0.3em; }
  .cround_l { border-radius: 6px 6px 0 0; border: 2px inset var(--ric08); border-bottom: none; } 
  .cround_r { border-radius: 0 0 6px 6px; border: 2px inset var(--ric08); border-top: none; } 
  .canvas { border-radius: 6px 6px 0 0; }
  .taward tbody { height: 40em; }
  .taward tbody tr { height: 2.5em; } 
}

@media only screen and (max-width: 640px) {
  .info-menu {line-height: 12px;}
  .overallheader { height: 6em; }
  .checklabel { width: unset !important; }
  #menuwrapper { top: 0.3em; }
  font, p, div, textarea, input, select, form  {  font-size: 2.6vw;  }
  .info-menu li {display: block;}
  #admin-right img { height: 20px; }
  .scalebtn { width: 32px; }
  #h_over { padding: 0; }
  .colspace, .colaround { min-height: 0; }
  [id*="type"] { height: 2.2em; width: 2.2em; }
}

@media only screen and (max-width: 450px) {
  #drop { width: inherit; }
  table tbody { min-height: 0 !important; }
  #model { width: 100%; }
}

@media only screen and (max-height: 640px) {
  .grecaptcha-badge { bottom:0px !important; }
  body { min-height: 100%; max-height: 100%; }
}