/* CSS Document
  2023-10
*/
/*
.container {
    background-color: #faf8f2;
    border:1px solid #e0e0e0;
    padding: 1px;
    max-width:680px;
    margin:auto;
}
.container LABEL{padding-top:5px;line-height:1.3;display: inline-block;}
*/

.form .row{margin-bottom:3px;}

/* Clear floats after the columns */
.form .row:after {
    content: "";
    display: table;
    clear: both;
}
.form .col-40, .form .col-60{ 
    float: left;box-sizing: border-box;
    margin-top: 6px; padding:0 10px;
}

.form .col-40 { width: 40%; }
.form .col-60 { width: 60%;}
.form .col-40>LABEL{padding-top:10px;text-align:right;}

@media (max-width: 600px) {
    .form .col-40,.form .col-60{ width: 100%; margin-top: 0;}
    .form .col-40 {text-align:left;margin-top:10px;}
}

.form input:invalid {}

.form .inputsubmit:invalid {
  box-shadow: 0 0 5px 1px red;
}


.form DIV.err{ border:1px solid #ff2222;  background-color:#ff9999;
         padding:3px 10px;
         display:block;
         text-align:left;
         margin-top:0px;
         margin-bottom:3px;
         line-height:1.1;
       }

.form .br{ clear:left;}
.form .titel{background-color: #881411; color:#fff;padding:5px; padding-left:15px;padding-right:15px;}
.form INPUT,.form SELECT {margin-bottom:3px;}

.form .row.checkbox>DIV>LABEL{padding-left:50px; cursor:pointer;}
.form .row.checkbox>DIV>LABEL>input[type="checkbox"].checkbox + LABEL{margin-left:-50px !important;}


SELECT.combo option{ color:#444F;}
SELECT.combo, INPUT.combo {}
SELECT.combo{
  appearance: none; display:inline-block;
  background-color:#fff;
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAMAAABFyS02AAAAWlBMVEX////8/PxfX1/4+PjT09NycnJmZmZWVlbg4ODb29vFxcXBwcG8vLyrq6unp6ecnJx0dHRsbGxiYmLt7e3f39/X19fPz8/Ly8u2traysrKhoaGSkpJcXFxZWVkV1i2DAAAAbElEQVQI102OWQ6EQAhEC+i2x9Fxm831/te0C2P0wUfxAgkgkkEuYWR6ByY3j9K9LVrhMGUXP1SoB6197dul1kCFatARhhDTLHAEz0InhD41diqja+PW8Nph+Be6vnAZ9q+nEVzkl4Tgxm3YAToPArp5gPuJAAAAAElFTkSuQmCC');
  background-position:right 2px center;
  background-repeat:no-repeat;
  cursor:pointer;
  color:#4440;
  
  width:25px;
  outline: none;
  vertical-align: baseline;
  border:none;border-bottom:1px solid #b8b8b8;
}
INPUT[type="text"].combo {display:inline-block;vertical-align: baseline; width:calc(100% - 25px);border-bottom:1px solid #b8b8b8;border-left:none;color:#444;}