锘?maincontainer{ width:100% } ul { margin: 0; padding: 0; } li{ list-style-type:none; margin:0; padding:0; } .jqx-dropdownlist-content { font-size: 1.6rem; color: #333333; margin-top:4px !important; } .jqx-widget-content-mobile { font-size: 1.6rem; color: #333333; } .jqx-fill-state-hover-bootstrap, .jqx-fill-state-focus-bootstrap { font-size: 1.6rem; } .headertext { background-color: #1c8af9; height: 110px; border-radius: 5px; box-shadow: 0 1px 5px 1px rgb(176 234 223 / 64%); margin: 2px; } .headertext1 { padding-top: 20px; text-align:center; } .headertext1 h1 { font-size: 3rem; margin: 0; color: #feffff; } .headertext1 div { margin-top:10px; color: #cbe4ff; font-size:2rem; } .writercontainer { background-color: #ffffff; } .writercontainer:first-child{ padding-top:25px; } .linecontainer { width: calc(100VW - 8px); display: flex; justify-content: center; } .titlecontainer { display: flex; } .lineheader { height: 25px; width: 10px; background-color: #1f80f3; } .lineheaderinput { height: 25px; width: 10px; background-color: transparent; } .linetext { color: #323232; font-size: 1.6rem; font-weight: bold; padding-left: 20px; width: calc(100VW - 100px); } .linespace{ height:8px; } .linebigspace { height: 20px; width:99%; } .button { background-repeat: no-repeat; background-position: left; background-size: 28px; padding-left: 35px; font-size:1.8rem; line-height:36px; } .buttonsubmit { background-image: url(/Images/png-0644.png); } .buttoncopy { background-image: url(/Images/copy.png); } .buttonfind { background-image: url(/Images/png-0095.png); } .footer { background-color: #ffffff; padding-top: 10px; color: red; font-size: 1.5rem; text-align: center; } .codemain { width: calc(100vw - 4px); background-color: white; display: flex; justify-content: center; border-radius: 5px; margin: 40px 2px 0 2px; } .code { display: flex; flex-wrap: nowrap; font-size: 1.6rem; align-items: center; } .codespace{ height:20px; }