body { 
    box-sizing: border-box; 
    font-family: BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    display: block;
}

p {
    margin: 3px;   
}

table {
    border-spacing: 0px;
}
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #6676ac #b7bbbf;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 6px;
}

*::-webkit-scrollbar-track {
  background: #b7bbbf;
}

*::-webkit-scrollbar-thumb {
  background-color: #6676ac;
  border-radius: 8px;
  border: 1px solid #b7bbbf;     
}

#context-page {
    top: 43px;
    left: 0px;    
    width: 100%;
    position: absolute;
    margin: 0px;
    padding: 0px;
}

#context-col {
    width: 960px;
    border: 2px solid #6697c1;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    display: block;
    position: relative;
}

.context-col-title {
    background-color: #bec0d7;
    padding: 6px 10px;
}

.context-body hr {
    margin: 0px 15px;
}

.context-line {
    padding: 4px 10px 8px 4px;
}

#foot-bar {

}
/**********************************************************************************/
#error-msg, #info-msg {
    display: flex;
    position: fixed;
    top: 10px;
    width: 100%;
    z-index: 999;
}

#error-msg-center {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 10px;
    border: 2px solid #894cc6;
    background: #F5A9A9;
}

#info-msg-center {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 10px;
    border: 2px solid #5883a8;
    background: #D1E4F4;
    padding: 15px 10px;
    text-align: center;
}

.error-msg-line {
    text-align: center;
    color: #051924;
    padding: 4px 10px 8px 4px;
}

.note_info_label {
    font-size: 11px;
    padding: 0px 30px;
    color: #005199;   
}