.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;
}