.header {
	background-color:#004080;
	color:white;
	padding:5px 1em 5px 1em;
	border-bottom:2px solid gray;
}

#divHomeImage {
	background-color:#004080;
	border:3px solid #004080;
	position:absolute;
	top:10px;
	left:10px;
	z-index:3;
}
#imgHeaderHome {
	height:150px;
	border:2px solid #fff;
}

.navbar-brand {
	padding:0;
}

.header a {
	color:white;
}

.headerLink a:hover {
	color:white;
}

.headerLink a:visited {
	color:white;
}

.active {
    color:#000;
    background-color:#eef;
}

.sortable th {
    cursor:ns-resize;
  }

.footer {
	background-color:#ccc;
	color:black;
	padding:5px 1em 5px 1em;
	border-top:2px solid gray;
    margin-top:2em;
}

hr {
	color:#004080;
	background-color:#004080;
	height:2px;
}

.clickable {
	cursor: pointer;
}

    @media screen and (min-width: 768px) {
        .mobile-title {
            display: none;
        }
    }

    @media screen and (max-width: 767px) {
        #imgHeaderHome {
            height: 80px;
            border: none;
        }

        .header {
            display: none;
        }

        .navbar-header {
            background-color: #004080;
        }

            .navbar-header button {
                background-color: #ddd;
            }

        .navbar-brand {
            display: none;
        }

        .mobile-title {
            display: block;
            float: left;
            margin: 10px;
            font-size: 20px;
            font-style: italic;
            color: white;
            background-color: #004080;
            font-weight: bold;
        }

            .mobile-title a {
                color: white;
                text-decoration: none;
            }

                .mobile-title a:hover {
                    text-decoration: underline;
                }

                .mobile-title a:visited {
                    color: white;
                }

        .mobile-subtitle {
            font-size: 12px;
            font-style: italic;
        }
    }