/*
 * kss_style.css
 */




 :root {
    --color-accent: #474d55;
    --color-body-text: #303030;
    --color-main-background: ;
    --color-border: #b0b0b0;

    --font-heading: , ;
    --font-body: , ;
    --font-body-weight: ;
    --font-body-style: ;
    --font-body-bold-weight: bold;

    --blue1: #191970;
    --purple1:#332047;
    --grey1: #9c9c9c;
    --yellow1: #fcb92a;
    --red1: #c70404;
    --white: #ffffff;
    --snow: #fffafa; 
    --black: #000000;
}

body {
    background-color: var(--white); 
    color: var(--color-body-text);
}

h2 {
	text-align:center;
}

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
      margin-bottom: 0;
      border-radius: 0;
}

/* Add a gray background color and some padding to the footer */
footer {
      background-color: #f2f2f2;
      padding: 25px;
}

.bg-color {
  background: var(--color-main-background);
}


.error {
   color: #ff0000;
}

.hidden {
   visibility: hidden;
}

.no-display {
   display:none;
}

.test-data {
   display: none;
   border: solid red 1px;
}

.test {
   border: solid orange 1px;
}
.test2 {
   border: solid red 1px;
}



.shows-tab {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  /*width: 100%; */
}

.shows-tab td, .shows-tab th {
  border: 1px solid #ddd;
  padding: 8px;
}

.shows-tab tr:nth-child(even){background-color: #f2f2f2;}

.shows-tab tr:hover {background-color: #ddd;}

.shows-tab {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  /*background-color: #4CAF50;
  color: white; */
}

.rtable {
    border-collapse: collapse;
    border: 1px solid black;
}
.rtable th {
    border: 1px solid black;
    background-color:#3c3c85;  /* dark blue */
    color:white;
    padding:3px 7px 2px 7px;
}

.rtable td {
    border: 1px solid black;
    padding:2px;
}

.rtable tr.row_a {
    background-color: #FFFFFF;
    color: #000000;
}
.rtable tr.row_b {
    background-color: #DFE7F2;
    color: #000000;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}

.hc-div {
      background: white;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
}

.hc-hdr {
      background: white;
/*
		margin: 0px 0px 0px 0px;
*/
}

.hc-body {
      /*border: solid black 3px; */
		padding-top: 15px;
		padding-right: 20px;
		padding-bottom: 5px;
		padding-left: 20px;
		margin: 0px 0px 0px 0px;
/*
      position:relative;
      top: -60px;
      z-index: 3;
*/
}
.hc-footer {
      /*background: #F5F5F5;  // WhiteSmoke */
      background: #DCDCDC;  // Gainsboro 
	  	color: white;
      text-align: center;
	  	padding: 10px 10px;
      position:relative;
/*
      top: -60px;
      z-index: 4;
*/
}


.logo-box {
      border: solid black 3px;
      background: white;
      position:relative;
      top: -60px;
      z-index: 2;
}

.hdr-img
{
/*
      position:absolute;
      top: 52px;
      left: 0px;
*/
      z-index: 1;
}
.logo-img
{
/*
      position:relative;
      top: 62px;
      left: 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
      z-index: 2;
*/
}