:root {
  --bg0: #FFFFF3; /* body background */
  --bg1: #014169; /* header background */
  --bg2: #043474; /* subheader background */
  --bg3: #c4ccd1; /* table headers background */
  --bg4: #5d6a72; /* table totals background */
  --bg_demo0: #194d6dba; /* Demo body background */
  --col1: #fff;
  --col2: #ddd;
  --col3: #aaa;
  --col_highlight: #0099FF;
  --col_underemphasize: #999;
  --col_submitted: red;
  --col_in_force: green;
  --col_invalid: gray;
}

.msg-txt {
    border: 1px solid gray;
    color: white;
    font-size: 18px;
    padding: 10px;
    text-align: center;
}
.msg-error {
    background-color: red;
}
.msg-warning {
    background-color: orange;
}
.msg-info {
    background-color: green;
}
.msg-txt a {
    color: white;
    text-decoration: underline;
}

ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

body {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  margin-bottom: 100px;
}
#pane-content {
    min-height: 600px;
    background: white;
    padding: 20px 50px 20px 50px;
    opacity: 0.9;
    border-radius: 8px;
    -moz-box-shadow: 0 0 20px black;
    -webkit-box-shadow: 0 0 20px black;
    box-shadow: 0 0 20px black;
}
.navbar-default {
    background-color: #dfdfdf;
    border-bottom-color: gray;
}
.navbar {
    min-height: 60px;
}
footer {
    background-color: #dfdfdf;
}

.underemphasize {
    color: var(--col_underemphasize);
    font-weight: normal;
}

.cert-submitted, .cert-submitted a {
    color: var(--col_submitted);
    font-weight: 600;
}
.cert-in_force, .cert-in_force a {
    color: var(--col_in_force);
}
button.cert-in_force {
    background: #AAFFAA;
    padding: 1px 4px 1px 4px;
    margin: 1px;
    border: 1px solid #cccccc;
}
button.cert-in_force:hover {
    background: #9AFF9A;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(153,153,153,1);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(153,153,153,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(153,153,153,1);
}

.cert-invalid, .cert-invalid a {
    color: var(--col_invalid);
}
button.cert-invalid {
    background: silver;
    padding: 1px 4px 1px 4px;
    margin: 1px;
    border: 1px solid #cccccc;
}
button.cert-invalid:hover {
    background: #BBB;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(153,153,153,1);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(153,153,153,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(153,153,153,1);
}

.cert-undefined, .cert-undefined a {
    color: silver;
}

.dropdown-submenu .dropdown-menu {
    min-width: 210px;
}

/****************************/
/*         Homepage         */
/****************************/
.home-chronicon-img img {
    width: 50vmin;
}


.homepage-pane {
    margin: 15px;
    padding: 0px;
    font-size: 90%;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(153,153,153,1);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(153,153,153,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(153,153,153,1);
    box-shadow: 1px 1px 5px 0px rgba(153,153,153,1);
    border: 1px solid #cccccc;
}

.pane-header {
    padding: 10px;
    background: var(--bg2);
    font-size: 150%;
    text-decoration: none;
    color:  var(--col2);
}

.pane-header a {
    color: var(--col3);
    text-decoration: none;
}
.pane-header a:hover {
    color: var(--col_highlight);
    text-decoration: none;
}

.pane-icon {
    opacity: 0.5;
}
.pane-title {
    margin-left: 10px;
}

.pane-table {
    margin: 10px;
}
.pane-footer {
    font-size: 80%;
    padding: 2px 10px 5px 10px;
    color: var(--col_underemphasize);
}
.no-data {
    text-align: center;
    margin: 20px;
}


.ks-table {
    overflow: auto;
    background: #eeeeee;
}
.ks-table table {
    background: #EEEEEE;
    max-width: 99%;
}
.ks-table table.dataTable.no-footer {
    border-bottom: 2px  ridge #999;
}

.ks-table th{
    font-size: 115%;
    font-weight: normal !important;
}

.ks-tooltip {
    cursor: pointer;
    font-weight: bold;
}

.pane-footer {
    background: #EEEEEE;
}



/* Corrections for tables in the homepage */
.chronicon-table-home table {
    border: 0px  ridge #999;
    border-top: 1px solid #333;
    border-radius: 0px;
}
.chronicon-table-home table.dataTable.no-footer {
    border-bottom: 1px  ridge #999;
}
.chronicon-table-home label {
    margin: 5px 5px 5px 10px;
}