a {
    color: black;
}

#headRow {
    border: 1px solid black;
    border-radius: 5px 5px 0px 0px;
    height: 40px;
    padding-top: 5px;
    z-index: 40;
    position: fixed;
    position: sticky;
    width: 100%;
    left: 0px;
    top: 0px;
}
#headRow img {
    float:right;
    padding-bottom: 10px;
    padding-right: 5px;
    height:40px;
}
#headRow h3 {
    display:inline;
}
#messageRow {
    border: 1px solid black;
    border-radius: 0px 0px 5px 5px;
    padding: 15px;
}
.messageCol{
    border: 1px solid black;
    border-radius: 10px 10px 10px 0px;
    padding-left: 10px;
    padding-right: 10px;
    display: table-cell;
}
.responseCol{
    border: 1px solid black;
    border-radius: 10px 10px 0px 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    display: table-cell;
    float:right;
    width: 88%;
    max-width: 500px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.responseCol.select {
    width: auto;
}
.responseCol.select-hover {
    width: auto;
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}
.responseCol.select-hover:hover {
    cursor: pointer;
    box-shadow: 0 0 5px rgba(220, 53, 69, 1);
    border: 1px solid rgba(220, 53, 69, 1);
}


.boxPadding {
    border: 1px solid black;
    border-radius: 10px;
    padding: 10px;
}
.firstTextBox {
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-radius: 10px 0px 0px 10px;
}
.textBox {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

.buttonBox{
    background-color: red;
    border: 1px solid red;
    border-radius: 0px 10px 10px 0px;
}

.form-check-input {
    margin-left: -0.25rem;
}

.tooltip-inner {
    max-width: 350px;
    text-align: left;
}

#btnShow {
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 50%;
    float: right;
    margin: 15px;
}

/* FULL-PAGE-VIEW */
html, body {
  height: 100%;
}
#wrp {
    height: 100%;
    padding-bottom: 52px;
}
#wrapper {
    height:100%;
    padding-bottom: 35px;
    overflow:auto;
}
.page-container {
    overflow:auto;
    height:100%;
}
.page-content-wrapper {
    height: 100%;
    overflow:auto;
}
.page-content {
    height:100%;
    overflow:auto;
}