#tableSearch { width: 1250px; } h1 { color: #043381; font-size: 32px; } h2 { color: #043381; font-size: 28px; } #normaltable { width: 1256px; margin-left:-20px; } #conovertab { width: 1256px; } #cont1{ width:100% } #btn_collapseoptionalparams { color: #043381; background-color: #fff; } btn_collapseoptionalparams:hover { color: #fff; background-color: #043381; } hr{ color:#043381; } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #043381; text-align: left; background-color: #fff; border: none; border-radius: 0; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease; height:5px; } .accordion #accordionExample #collapseOne .card card-body #cont3 .container { margin-left: 2px; } .accordion #accordionExample #collapseOne .card card-body #cont3 .container .d-none d-md-block .row .col-12 { margin-right: /*1.52px;*/ 0.33480176211453744vw; } #RadioButtonList1 { border: none; } #btn_resetForm { margin-right: 2px; } #Abstand{ height: /*12px*/ 0.936768149882904vh; } #Abstand_lang{ height: /*24px*/ 1.873536299765808vh; } #Abstand_laenger{ height: /*32px*/ 2.498048399687744vh; } .g-3 { border: /*1.8px*/ 0.0706436420722135vw #808080 ridge; margin-left: 12px } #normaltable{ width:100%; } .CSS_Input { font-size:/*17px*/1.063em; margin-left:4px; } .accordion-button:not(.collapsed) { color: #043381; background-color: #fff; box-shadow: inset 0 -1px 0 rgba(4, 51, 129,.125); border: none; height: 14px; } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); border: none; transform: rotate(-180deg); height: 14px; } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 14px; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out } @media (prefers-reduced-motion:reduce) { .accordion-button { transition: none; height: 14px; } } @media (prefers-reduced-motion:reduce) { .accordion-button::after { transition: none; height: 14px; } } .accordion-button:hover { z-index: 2; height: 14px; } .accordion-button:focus { z-index: 3; border-color: #043381; outline: 0; box-shadow: 0 0 0 .25rem rgba(4, 51, 129,.25); height: 14px; } #btn_resetForm { padding-right:-800px; } #rbt_Erf{ font-size:18px; } .tbl_style { background-color: #043381; color: #fff; } .required { color: red; border: 1px solid red; } .Css_Classval{ display:none; } .Css_Classval[style*=visible] + input, .Css_Classval[style*=visible] + select, .Css_Classval[style*=visible] +textarea{ background-color:salmon; border: 1px solid red; } #pickdate1:valid{ color:black; } #pickdate1:invalid{ border: 1px solid red; background-color:lightcoral; }#pickdate2:valid{ color:black; } #pickdate2:invalid{ border: 1px solid red; background-color:lightcoral; } @media (max-width: 558.98px) { body { position: absolute; max-width: 558px; width: 558px; } h1 { color: #043381; font-size: 22px; } h2 { color: #043381; font-size: 28px; } #tableSearch { width: 53%; border:1px solid grey; } #txt_Absender_M { width: 250px; padding-right: -2px; padding-left: 60px; } #txt_Empfaenger_M { width: 250px; padding-right: -2px; padding-left: 60px; } #txt_LKWNr_M { width: 250px; padding-right: -2px; padding-left: 60px; } #txt_KdNrAuftrag_M { width: 250px; padding-right: -2px; padding-left: 60px; } .container-fluid { width: 558px; } #cont1 { width: 558px; } #containerseiterand { min-width: 700px; } .flex-fill { width: 558px; } #cont3 { width: 558px; } #cont4 { min-width: 550px; } tbody { font-size: 3.303964757709251vw; height: auto; flex-wrap: wrap; width: fit-content; } #normaltable { width: /*390px;*/ 85.90308370044053vw; } #conovertab { /* max-width:width:150px 11.25em;*/ margin-left:-38px;width:416px; overflow-x: auto; } #btn_Auftraege { height: 15px; width: 221px; } #pickdate1{ border: 1px solid #000000; } #pickdate1 { border: 1px solid #000000; } #txt_LKWNr_M:valid { color: black; } #txt_LKWNr_M:invalid { border: 1px solid red; background-color: lightcoral; } #txt_KdNrAuftrag_M:valid { color: black; } #txt_KdNrAuftrag_M:invalid { border: 1px solid red; background-color: lightcoral; } #txt_Absender_M:valid { color: black; } #txt_Absender_M:invalid { border: 1px solid red; background-color: lightcoral; } #txt_Empfaenger_M:valid { color: black; } #txt_Empfaenger_M:invalid { border: 1px solid red; background-color: lightcoral; } } @media (min-width: 322.98px) { body { position: absolute; width: 322.98px; } #txt_Absender { width: 279.98px; } #txt_Empfaenger { width: 279.98px; } #txt_LKWNr { width: 279.98px; } #txt_KdNrAuftrag { width: 279.98px; } #normaltable { width: 322.98px; } #txt_LKWNr:valid { color: black; } #txt_LKWNr:invalid { border: 1px solid red; background-color: lightcoral; } #txt_KdNrAuftrag:valid { color: black; } #txt_KdNrAuftrag:invalid { border: 1px solid red; background-color: lightcoral; } #txt_Absender:valid { color: black; } #txt_Absender:invalid { border: 1px solid red; background-color: lightcoral; } #txt_Empfaenger:valid { color: black; } #txt_Empfaenger:invalid { border: 1px solid red; background-color: lightcoral; } #btn_Auftraege { height: 15px; width: 218px; } }