/* =========== Custom CSS ======================  */
#main {
    margin-top: 150px;
    min-height: 550px;
}

#documentPreview {
    width: 100%;
    border: 1px solid #aaaaaa;
    min-height: 400px;
    overflow: scroll;
    max-height: 500px;
}

#documentPreview iframe {
    height: 100%;
    width: 100%;
}

.icon-examples .bi {
    width: 1em;
    height: 1em;
    vertical-align: -0.1em;
}

.bi {
    display: inline-block;
    vertical-align: text-bottom;
}

#footer {
    margin-top: 0px;
}

input[type="file"] {
    border: 1px solid;
}

a {
    color: #106eea !important;
}

a:hover {
    text-decoration: underline;
}

#topbar a {
    color: #fff !important;
}

#breadcrumb {
    padding-bottom: 20px;
}

#pageTitle {

    color: #0e46c9;
    text-shadow: 2px 2px 4px #e3eafa;
    font-size: 2rem;
}

#pageLink {
    text-align: right;
    color: #0e46c9;
    text-shadow: 2px 2px 4px #e3eafa;
}

.list-table {
    width: 100% !important;
}

.list-table thead tr th {
    background-color: #e3eafa !important;
}

.list-table th,
.list-table td {
    padding: 10px;
}

.list-table td:last-child,
.list-table th:last-child {
    text-align: right;
    width: auto;
}

.list-table form {
    display: inline;
}

#QRcode {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    margin-top: 2px;
}

header {
    width: 100%;
    height: auto;
    border: 1px solid;
    vertical-align: middle;
}

footer {
    border: 1px solid;
    vertical-align: middle;
    bottom: 0;
    width: 100%;
    height: 60px;
}

header > table,
footer > table {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

header > table td,
footer > table td {
    vertical-align: middle;
    height: auto;
    font-size: 15px;
    font-weight: bold;
    padding: 3px;
}

header img,
footer img {
    width: auto;
    display: inline !important;
    max-width: none !important;
}

#table-wrapper {
    width: 100%;
    border: none;
    margin: 10px;
}

#table-wrapper td {
    width: 50%;
    vertical-align: top;
}

.table-data {
    border-collapse: collapse;
    width: 95%;
}

.table-data th,
.table-data td {
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    padding: 1px 3px;
    border: 1px solid;
    width: auto;
    text-align: left;
}

#content {
    text-align: center;
    min-height: 75vh !important;
}

label{
    font-weight: bold;
}


.role-badge{
   

}

.input-group-text{
    background-color: #fff;
    text-align: end;
}

.form-title {
    color: black;
    text-shadow: 2px 2px 4px #ccc;
    font-size: 2rem;
}

table.view-table{
    width: 100%;
}

table.view-table td{
    padding: 10px;
}

.Positive{
    color: red;
}
.Negetive{
    color:green;
}

.bold{
    font-weight: bold;
}

.center{
    text-align: center;
}