/* Reset parameters in skeleton */

body {
font-family: 'National2', sans-serif ;
}

hr {
    margin: 0;
    margin-top: .5rem;
    margin-bottom: .5rem;
    border: 0;
    border-top: 3px solid rgba(0,0,0, 0.4);
}

a {
    color:  rgba(0, 105, 62, 1.0);
    text-decoration: none;
    font-weight: 600;
}

a:hover {
    color:   rgba(0, 105, 62, .3)}

td,th {
    border-bottom: 0; 
}

.container{
   padding: 20px;
}


/* End reset */


/* .container (960px) set in skeleton.css with media break options */

.header{
    grid-area: header;
}


.sidebar{
    grid-area: sidebar;
//    max-height: 25em;
    min-width: 10em;
}

.content {
    grid-area: content;
    max-height: 30em;
    overflow: auto;
    }

.footer{
    grid-area: footer;
}


.wrapperx {
    display: grid;
    grid-gap: 1em;
    grid-template-areas:
     "header"
      "sidebar"
      "content"
      "footer"
  }

@media only screen and (min-width: 864px)   {
   .wrapperx {
      grid-gap: 20px;
      grid-template-columns: auto auto;
            grid-template-areas:
            "header  header"
	     "sidebar content"
             "  ...  content"
             "footer  footer";
   }
   .content {
       max-height: 45em;
   }
}
 

.box {
  background-color: #eee;
  color: #000;
  border-radius: 10px;
  padding: 10px;
  font-size: 110%;
}

.framebox {
  background-color: #eee;
  color: #000;
  border-radius: 10px;
  padding: 20px 20px 0px 20px;
  font-size: 110%;
  border: 2px solid rgba(0, 105, 62, 0.4);
  }

hr.dg15 {
    width: 15%;
    border-top: 3px solid rgba(0, 105, 62, 0.4);
    //    border-top: 4px solid rgba(255,0,0, 0.4);
}
hr.dg100 {
    width: 100%;
    border-top: 3px solid rgba(0, 105, 62, 0.4);
}

hr.b15 {
    width: 15%;
    border-top: 3px solid rgba(1,1,1, 0.4);
}



.bgcolor-red{
    background-color: rgba(220, 53, 69, 1);
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
}

.bgcolor-pale-red{
    background-color: rgba(245, 198, 203, 1); /* bootstrap danger #f5c6cb */
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
}

}
.bgcolor-pale-blue{
    background-color: rgba(190, 229, 235, 1); /* bootstrap info #bee5eb; */
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
}

.bgcolor-pale-green{
    background-color: rgba(195, 230, 203, .5); /* bootstrap success #c3e6cb; */
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
}
 
.bgcolor-green{
    background-color: rgba(141, 169, 150, 1); 
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
}
 
 
.bgcolor-pale-blue{
    background-color: rgba(190, 229, 235, 1); /* bootstrap info #c3e6cb; */
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
}

.bgcolor-pale-yellow{
    backgound-color:  rgba(255, 238, 186, 1)/* bootstrap warning #ffeeba; */
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
}

.color-pale-red{
    color: rgba(245, 198, 203, 1); /* bootstrap danger #f5c6cb */
}



.color-red{
    color: rgba(220, 53, 69, 1);
    font-weight: bold;
}
.color-gray{
     color:rgba(0, 0, 0, 0.075); /* bootstrap active  */
     font-weight: bold;
}

.color-green{
    color: rgba(40, 167, 69, .4);
    font-weight: bold;
}

.color-pale-green{
    color: rgba(195, 230, 203, 1)); /* bootstrap success #c3e6cb; */
    font-weight: bold;
}

.color-pale-blue{
    color: rgba(190, 229, 235, 1); /* bootstrap info #c3e6cb; */
    font-weight: bold;
}
 
.color-yellow{
    color:  rgba(255, 238, 186, 1)/* bootstrap warning #ffeeba; */
    font-weight: bold;
}


@font-face {
    font-family: National2;
    src: url('/include/fonts/National2-Regular.otf');
}
@font-face {
    font-family: National2;
    src: url('/include/fonts/National2-Bold.otf');
    font-weight:bold;
}
@font-face {
    font-family: National2;
    src: url('/include/fonts/National2-RegularItalic.otf');
    font-style:italic;
}
@font-face {
    font-family: National2;
    src: url('/include/fonts/National2-BoldItalic.otf');
    font-weight:bold;
    font-style:italic;
}

@font-face {
    font-family: DartmouthRuzicka;
    src: url('/include/fonts/DartmouthRuzicka-Regular.ttf');
}
@font-face {
    font-family:  DartmouthRuzicka;
    src: url('/include/fonts/DartmouthRuzicka-Bold.ttf');
    font-weight:bold;
}
@font-face {
    font-family:  DartmouthRuzicka;
    src: url('/include/fonts/DartmouthRuzicka-RegularItalic.ttf');
    font-style:italic;
}
@font-face {
    font-family:  DartmouthRuzicka;
    src: url('/include/fonts/DartmouthRuzicka-BoldItalic.ttf');
    font-weight:bold;
    font-style:italic;
}

/* Other fonts */
@font-face {
  font-family: "Raleway";
  font-weight: 500;
  font-style: normal;
  src: local("Raleway Medium"), local("Raleway-Medium"), url("/include/fonts/Raleway-Medium.ttf");
}
@font-face {
  font-family: "Source Sans Pro";
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("/include/fonts/SourceSansPro-Light.ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans Pro";
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/include/fonts/SourceSansPro-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("/include/fonts/OpenSans-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("/include/fonts/OpenSans-Semibold.ttf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("/include/fonts/OpenSans-Italic.ttf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("/include/fonts/OpenSans-SemiboldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}