@font-face {
    font-family: 'eras_bold_itcregular';
    src: url('erasbolditc-webfont.woff2') format('woff2'),
         url('erasbolditc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'eras_light_itcregular';
    src: url('eraslightitc-webfont.woff2') format('woff2'),
         url('eraslightitc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eras_demi_itcregular';
    src: url('erasdemi-webfont.woff2') format('woff2'),
         url('erasdemi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.navbar-brand{
    font-family: "eras_demi_itcregular", sans-serif;
    font-size: 1.7rem;
}

.navtext{
    font-family: "eras_light_itcregular", sans-serif;
    font-size: 1rem;
    font-size: 1.7rem;
}

.row.content{
    font-family: "eras_bold_itcregular";
    color:#e6e6e6ff;
    font-size: 2rem;
}

.row.content p a{
    font-family: "eras_light_itcregular";
    color:#e6e6e6ff;
    font-size: 1.5rem;
}

#footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:40px;   /* Height of the footer */
    background:#000;
 }

a.nt{
    font-family: "eras_light_itcregular";
    color:#e6e6e6ff;
    font-size: 2rem;

}
a.nt:hover{
    font-family: "eras_light_itcregular";
    color:#e6e6e6ff;
    font-size: 2rem;

}

a.smt{
    font-family: "eras_light_itcregular";
    color:#e6e6e6ff;
    font-size: 1.2rem;

}
a.smt:hover{
    font-family: "eras_light_itcregular";
    color:#e6e6e6ff;
    font-size: 1.2rem;

}


h1{
    font-family: "eras_light_itcregular";
    color:#e6e6e6ff;

}

.btn-hourreg {
    color: #262626ff;
    background-color: #e6e6e6ff;
    border-color: #e6e6e6ff; }
    .btn-primary:hover {
      color: #262626ff;
      background-color: #e6e6e6ff;
      border-color: #e6e6e6ff; }
    .btn-primary:focus, .btn-primary.focus {
      color: #262626ff;
      background-color: #e6e6e6ff;
      border-color: #e6e6e6ff;
      box-shadow: 0 0 0 0.2rem rgba(218, 119, 119, 0.5); }
    .btn-primary.disabled, .btn-primary:disabled {
      color: #262626ff;
      background-color: #e6e6e6ff;
      border-color: #e6e6e6ff; }
    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
      color: #262626ff;
      background-color: #e6e6e6ff;
      border-color: #e6e6e6ff; }
      .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
      .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(218, 119, 119, 0.5); }

#page-container {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    min-height: 100vh;
    }

.table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    }

.table-responsive-stack td,
.table-responsive-stack th {
    display:block;
/*
    flex-grow | flex-shrink | flex-basis   */
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.table-responsive-stack .table-responsive-stack-thead {
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .table-responsive-stack tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: 3px solid #ccc;
    display:block;

    }
    /*  IE9 FIX   */
    .table-responsive-stack td {
    float: left\9;
    width:100%;
    }
    tr:nth-child(even) {
        background-color: rgb(58, 58, 58)
    }
    .table-responsive-stack-thead{
        float: left; width: 40%; text-align: left;
    }

    td{
        text-align: left;
        
    }
    .note .table-responsive-stack-thead{
        float: left; width: 100%; text-align: left;

    }
    .note .table-responsive-stack-thead::after{
        content:":";

    }

}