body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main article {
    float:unset;
    width:unset;
}
header {
    /*background-color: #333;*/
    /*color: #fff;*/
    padding: 20px;
    text-align: left ;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    overflow: hidden;
}

article {
    width: 100%;
    box-sizing: border-box;
}
.editImg {
    /*content: ✎*/
    /*position: relative;*/ /* Required for absolute positioning of pseudo-element */
    padding-left: 1px; /* Adjust as needed to make space for the pseudo-element */
    /*background-color: #f0f0f0;*/ /* Example background color */
    /*border: none;*/
    /*cursor: pointer;*/
}
    .editImg::before {
        content: "\270E"; /* Unicode for the pencil character */
        /*position: absolute;*/
        /*left: 5px;*/ /* Adjust as needed for positioning */
        /*top: 50%;
        transform: translateY(-50%);
        font-family: Arial, sans-serif;*/ /* Specify a font that includes the pencil character */
        /*color: #333;*/ /* Example color */
    }

.saveImg {
    content: none;
}
.columnL {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right:1%;
    border-right:1px solid grey;
}
.columnR {
    float: left;
    width: 49%;
    padding-left:1%;
    box-sizing: border-box;
}
.ctr_no_box {
    width: 100%;
    box-sizing: border-box;
    display: grid;
    margin: 0px;
    padding: 18px 0px;
}
.ctr {
    width: 81%;
    box-sizing: border-box;
    display: grid;
    /*border: 1px solid blue;*/
    margin: 0px auto;
    box-shadow: 2px 2px 12px 6px #444;
    padding: 12px;
}
.tc_usr_lbl {
    width: 40%;
    min-width: 138px;
}
.tc_usr_txt {
    width: 59%;
    min-width: 160px;
}
.tc_cert_txt {
    width: 60%;
}

.tr_edit {
    margin-top: -60px;
    display: inline-block;
    padding-left: 170px;
}
.pubIdTxt {
    font-size:0.7em;
}
.usrImage {
    max-height: 200px;
    max-width: 200px;
    box-shadow: 3px 3px 6px 1px black;
}

.txtUsrBoxes_editable {
    font-size:0.9em;
    width:90%;
}
.txtUsrBoxes_hidden {
    font-size: 0.9em;
    width: 90%;
    border:none;
}



.txtUsrButtons {
    font-size: 0.9em;
}
.txtUsrButtonLogout {
    font-size: 8pt;
    padding: 2px 7px 2px 7px;
    margin-left: 15px;
    vertical-align: middle;
    font-style: italic;
}

.liTableHistory li {
    font-size:0.9em;
}

.tableChat {
    width:100%;
}
.txtChatText {
    font-size: 0.9em;
    width: 94%;
}
.txtChatInput {
    font-size: 0.9em;
    width:95%;
}

.usrPrevImg {
    height:100px;
}
.usrPrevLnk {
    font-size:0.9em;
}
.usrPrevNoLnk {
    font-size: 0.9em;
}
.usrPriv {
    font-size:8pt;
}
.usrPrivBtn {
    font-size:10pt;
    margin:3px 10px;
}
.usrPrivTxt {
    font-size: 10pt;
    margin: 3px 10px;
}

@media (max-width: 768px) {
    .column {
        width: 100%;
    }
}