dialog{opacity:0;transition:opacity .6s ease-in}dialog[open]{position:fixed;z-index:100;border:1px solid rgba(0,0,0,.1);border-radius:.375rem;margin:auto;padding:0;opacity:1;display:flex;flex-direction:column;max-height:90vh;max-width:90vw}dialog[open] header,dialog[open] main,dialog[open] footer{padding:.5rem 1rem}dialog[open] header{border-bottom:1px solid rgba(0,0,0,.1)}dialog[open] header .title{font-size:1.25rem;display:flex;justify-content:space-between}dialog[open] header .title button{text-align:end;border:none;background:rgba(0,0,0,0);max-width:32px;opacity:.5}dialog[open] header .title button:hover{opacity:.75}dialog[open] main{flex:1;overflow-y:auto;max-height:60vh;min-width:60vw}dialog[open] footer{text-align:right;border-top:1px solid rgba(0,0,0,.1);overflow:inherit;background-color:initial;color:initial}dialog[open] footer button.outline{outline-style:unset}dialog__content{position:relative}dialog::backdrop{background-color:rgba(0,0,0,.5)}html:has(dialog[open]){overflow:hidden}
.form-container {
    background:#eee url(/assets/images/form_bg.gif) repeat-x bottom left;
    padding:5px 0 5px 0;
    border-bottom:1px solid #aaa;
}

.form-row-head {
    color:#bbb;
    font-size:22px;
    font-weight:bold;
    padding:7px 0 7px 20px;
}

.form-row-container {
    padding:3px 15px 0 15px;
}

.form-row {
    border-bottom:1px dotted #aaa;
    padding-bottom:3px;
}
.form-row-last {
    border-bottom:none;
}

.form-label-container {
    width:300px;
    float:left;
    text-align:right;
    font-size:10px;
    color:#444;
    padding-top:4px;
}

.form-input-container {
    width:300px;
    float:left;
    padding-left:13px;
    font-size:10px;
    color:#444;
}

.form-text-container {
    width:300px;
    float:left;
    font-size:10px;
    color:#444;
    padding:4px 0 2px 13px;
    text-align:left;
}

.form-input-text {
    font-size:10px;
    width:200px;
}

.form-info-label {
    font-size: 10px;
    color:#444;
    padding: 4px 0 4px 0;
    width: 100%;
    text-align: center;
}

.manufacturer-list {
    font-size: 11px;
    width: 270px;
    color: #444;
    padding: 4px 0 0 10px;
    float: left;
}

.text-form {
    color:#444;
    font-size:14px;
}

.bold-text-form {
    color:#444;
    font-size:14px;
    font-weight:bold;
}

.form-three-cols-label-header {
    width:140px;
    text-align: center;
    padding-left:13px;
    float:left;
    font-size:10px;
    font-weight: bold;
    padding-top:3px;
    color:#444;
}

.form-three-cols-label-container {
    width:140px;
    text-align: center;
    padding:4px 0 2px 13px;
    float:left;
    font-size:10px;
    color:#444;
}

.form-three-cols-input-container {
    width:140px;
    text-align: center;
    float:left;
    padding-left:13px;
    font-size:10px;
    color:#444;
}

.form-two-cols-label-header {
    width:215px;
    text-align: center;
    padding:4px 0 2px 13px;
    float:left;
    font-size:10px;
    font-weight: bold;
    color:#444;
}

.form-two-cols-label-container {
    width:215px;
    text-align: center;
    padding:4px 0 2px 13px;
    float:left;
    font-size:10px;
    color:#444;
}

.form-two-cols-input-container {
    width:215px;
    text-align: center;
    float:left;
    padding-left:13px;
    font-size:10px;
    color:#444;
}

.errorFieldColor {
    background-color:#FFBD95 !important;
}

.basket-header-small {
    width:40px;
    float:left;
    font-size:10px;
    font-weight: bold;
    color:#444;
    padding:4px 3px 0 3px;
    text-align:center;
}

.basket-header {
    width:132px;
    float:left;
    font-size:10px;
    font-weight: bold;
    color:#444;
    padding:4px 3px 0 3px;
    text-align:center;
}

.basket-content-small {
    width:40px;
    float:left;
    font-size:10px;
    color:#444;
    padding:4px 3px 0 3px;
    text-align:right;
}

.basket-content {
    width:132px;
    float:left;
    font-size:10px;
    color:#444;
    padding:4px 3px 0 3px;
    text-align:center;
}

.basket-two-cols {
    width:586px;
    text-align:right;
    padding:4px 3px 0 3px;
    color:#444;
    float:left;
}

.basket-three-cols {
    width:540px;
    text-align:right;
    padding:4px 3px 0 3px;
    color:#444;
    float:left;
}

.basket-price {
    width:140px;
    text-align:right;
    padding:4px 0 0 0;
    float:left;
}

.form-five-cols-label-header {
    text-align: left;
    padding-left:0px;
    float:left;
    font-size:10px;
    font-weight: bold;
    padding-top:3px;
    color:#444;
}

.inquiry-text-form {
    color:#444;
    font-size:10px;
}
