html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 80px;
}

/* #region Navbar styles */
.navbar-header {
    border-bottom: 1px solid rgba(255,255,255, 0.1);
}
/* #endregion */


/* #region Footer styles */
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
    font-size: 0.65em;
}
/* #endregion */

/* #region custom Kendo UI styles */
#configure {
    display: none;
}

.k-panelbar .k-content {
    padding: 20px;
}

p .k-button {
    margin: 0 15px 0 0;
}

.k-state-active .label {
    font-size: 1em;
}

/* #endregion */

@media (max-width: 767px) {
    #responsive-panel {
        transition: all linear .2s;
    }

    #configure {
        display: block;
        float: right;
    }

    .k-rpanel {
        width: 100%;
    }

    .k-rpanel-expanded {
        margin-top: 1rem;
    }

    .navbar-header {
        width: 100%;
    }

    .footer {
        height: 60px;
    }

    .k-menu .k-item,
    .k-menu .k-link {
        width: 100%;
    }

    .k-menu .k-link {
        box-sizing: border-box;
    }
}



.nav                        { margin-top: 25px; margin-left: -20px; list-style-type: none; list-style-position: outside; padding-top: 1px; padding-bottom: 1px; width: 100%; 
                              font-weight: bold; height: 35px; } 
.nav li a:link, 
.nav li a:active, 
.nav li a:visited           { display: block; padding: 6px 15px 6px 5px; text-decoration: none; color: #355198; font-family: tahoma, sans-serif; font-size: 14px; font-style: normal; 
                              font-weight: 600; letter-spacing: 1px; text-align: center; }
.nav li a:hover             { color: #FC9300; text-decoration: none; }

.nav-left                   {  margin-left: 20px; margin-top: 7px; } 
.nav-left li a:link, 
.nav-left li a:active, 
.nav-left li a:visited      { color: #c0c0c0; font-size: 12px; font-style: normal; }
.nav-left li a:hover        { color: #FC9300; text-decoration: none; }

.vl                         { border-left: 1px solid #c0c0c0; height: 40px; }
.footer-link ul             { list-style-type: none; }
.footer-link ul li a        { font-size: small; list-style-type: none; color: #fff; }
.footer-link ul li a:hover  { color: #FC9300; text-decoration: none; }
h1, h2, h3, h4, h5          { color: #355198; }
.important-announcements    { border: 1px solid #c0c0c0; }
.important-announcements    { padding: 15px; }

div.scroll                  { margin: 4px, 4px; padding: 4px; width: 100%; height: 800px; overflow-x: hidden; overflow-y: auto; text-align: justify; font-family: verdana, helvetica, sans-serif; 
                              font-size: small; }