* {
    font-family: "Courier New";
}

#statusinfo {
    margin-top: 5%;
    margin-bottom: 30px;
    margin-left: 15%;
    margin-right: 15%;
    display: flex;
    flex-direction: row;
}

#statusinfo>section:nth-child(1) {
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    margin-right: 10px;
    width: 100px;
}

section section #connect {
    padding-top: 8px;
    padding-bottom: 8px;
    height: 100%;
    width: 100px;
    font-size: larger;
    font-weight: bold;
}

#statusinfo>section:nth-child(2) {
    margin-left: 10px;
    flex: 1;
}

section section .clientinfo {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    font-weight: bold;
    color: blue;
}

section section .clientinfo .promptlabel {
    padding-right: 10px;
    width: 80px;
    text-align-last: justify;
}

#statusinfo .clientinfo input {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 8px;
    flex: 1;
    font-weight: bold;
    background: black;
    color: chartreuse;
}

#rtcinfo {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 15%;
    margin-right: 15%;
    display: flex;
    flex-direction: row;
}

#rtcinfo>section:nth-child(1) {
    box-sizing: border-box;
    padding-right: 10px;
    /* height: 240px; */
    width: 50%;
    /* background: gray; */
}

#rtcinfo>section:nth-child(2) {
    box-sizing: border-box;
    padding-left: 10px;
    /* height: 240px; */
    width: 50%;
    /* background: gray; */
}

#rtcinfo section label {
    padding-left: 10px;
    padding-bottom: 10px;
}

#rtcinfo section div {
    /* box-sizing: border-box; */
    /* padding: 10px; */
    height: 300px;
    /* width: 50%; */
    background: gray;
}

#comunicationinfo {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 15%;
    margin-right: 15%;
    display: flex;
    flex-direction: row;
}

#comunicationinfo>section:nth-child(1) {
    margin-right: 20px;
    width: 200px;
    display: flex;
    flex-direction: column;
}

#comunicationinfo>section:nth-child(2) {
    margin-right: 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

#comunicationinfo section label {
    padding-left: 10px;
    padding-bottom: 10px;
}

#comunicationinfo section textarea {
    resize: none;
    overflow-y: visible;
}

#inputarea {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 15%;
    margin-right: 15%;
    display: flex;
    flex-direction: row;
}

#inputarea textarea {
    margin-right: 20px;
    width: 85%;
    resize: none;
    overflow-y: visible;
}

#inputarea button {
    margin-right: 10px;
    flex: 1;
}