/* Default styles  */

@font-face {
	font-family: "Titillium Web";
	src: url("fonts/TWeb/TitilliumWeb.eot"),
	     url("fonts/TWeb/TitilliumWeb.eot?#iefix") format("embedded-opentype"),
	     url("fonts/TWeb/TitilliumWeb.woff2") format("woff2"),
	     url("fonts/TWeb/TitilliumWeb.woff") format("woff"),
	     url("fonts/TWeb/TitilliumWeb.ttf") format("truetype");
}

body {
  	 width: 100%;
     padding: 0px;
     font-size: 16px;
     font-family:Titillium Web,Sans-serif,Arial;
}
h1,.h1 {
   	font-size: 2.25em;
}
h2,.h2 {
   	font-size: 2em;
}
h3,.h3 {
  	font-size: 1.75em;
}
h4,.h4 {
   	font-size: 1.5em;
}
p {
	color: #0056A0;
}
a {
	color: #0056A0;
}
a:hover {
	color: #0056A0; 
}
dd a {
	color: #0056A0; 
}
dd a:hover {
	color: #0056A0; 
}
ul.breadcrumb {
	list-style: none;
	background-color: transparent;
}
ul.breadcrumb li {
  	display: inline;
}
ul.breadcrumb li+li:before {
	padding: 5px;
  	content: "/\00a0";
}
ul.breadcrumb li.disabled {
  	font-weight: bold;
  	pointer-events: none;
	cursor: default;
}
img.img-responsive { 
	max-width: 80px;
	max-height: 80px; 
	heigth: auto;
	padding-right: 25px; 
	float: left;
}
::placeholder {
  color: #000000;
  font-size: 1.0em;
}
.table tbody a {
	text-decoration: underline;
}
.table tbody tr:hover a {
	color: #FFFFFF; 
}
.table tbody tr.info > td {
	background-color: #FFFFFF;  
}
.table-hover tbody tr:hover > td {
	background-color: #0056A0;  
	color: #FFFFFF; 
}
.table-hover tbody tr.info:hover > td {
	background-color: #0056A0;  
	color: #FFFFFF; 
}
.table tbody tr.success > td {
	background-color: #FFF666;
}
.table-hover tbody tr.success:hover > td {
	background-color: #0056A0;
	color: #FFFFFF;
}
.btn {
	background-color: #F6F6F6;
	border-radius: 5px;
	border-style: solid;
	border-width: thin;
	border-color: #DDDDDD;
}
.btn-inverse {
	background-color: #0056A0;
	border-radius: 5px;
	border-style: solid;
	border-width: thin;
	border-color: #0056A0;	
	color: #FFFFFF;		
}
.jumbotron {
    width: 100%;
	background-color: #FFFFFF; 
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 0px;
	border-style: solid;
	border-width: thin;
	border-color: #FFFFFF;
}
.container {
	width: 100%;
	margin-right: 5px;
	margin-left: 5px;
	padding: 10px;
	color: #0056A0;; 
}
.wrapper {
    width:100%;
    display: flex;
    padding: 0px;
    align-items: stretch;
}
.scrolltotop {
    position: fixed;
    bottom: 100px;
    right: 10px;
    display: none;
    opacity: 0.8;
}
#header-top {
    background-color: #F6F6F6;
    padding: 2px;
	border-radius: 0px;
	border-style: solid;
	border-width: thin;
	border-color: #DDDDDD; 
	color: #FFFFFF;
}
#header-center {
    background-color: #FFFFFF;
    padding: 10px;
}
#header-bottom {
	background-color: #0056A0; 
	padding: 2px;
	border-radius: 0px;
	border-style: solid;
	border-width: thin;
	border-color: #0056A0;
	color: #FFFFFF;
}
#content {
    width: 100%;
    padding: 0px;
    margin-bottom: 0px;
    min-height: 100vh;
    transition: all 0.3s;
}
#sidebar {
    min-width: 300px;
    max-width: 300px;
    transition: all 0.3s;
    background-color: #F6F6F6;
	padding: 0px;
    border-radius: 5px;
    border-style: solid;
	border-width: thin;
	border-color: #DDDDDD;
	position: sticky; 
	z-index: 1; 
	top: 5px;
}
#sidebar.active {
    margin-left: -360px;
}
#sidebarCollapse {
	position: sticky; 
	z-index: 1; 
	top: 5px; 
	opacity: 0.8;
}
#menubtn, #filterbtn {
	display: inline;
}
#menubtn.active {
	display: none;
}
#sidebar ul li a {
    padding: 5px;
    display: block;
    text-decoration: none;
}
#sidebar ul li.active > a, a[aria-expanded="true"] {
	background: #0056A0;
	color: #FFFFFF;  
}
#footer {
	background-color: #F6F6F6;
	padding: 2px;
	border-radius: 0px;
	border-style: solid;
	border-width: thin;
	border-color: #F6F6F6;
	color: #0056A0;
}

@media print {
  	a[href]:after {
    	content: "" !important;
  	}
}
@media only screen and (max-width: 480px) {
	h1,.h1 {
    	font-size: 1.5em;
    }
    h2,.h2 {
    	font-size: 1.375em;
    }
    h3,.h3 {
    	font-size: 1.25em;
    }
    h4,.h4 {
    	font-size: 1.125em;
    }
    .btn {
	    padding: 1px 5px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;
	}
    .container {
    	font-size: 0.75em;
    }
    #content {
    	padding-left: 2px;
    }
    #sidebar {
        margin-left: -360px;
        font-size: 0.75em;
    }
    #sidebar.active {
        min-width: 200px;
    	max-width: 200px;
        margin-left: 0px;
        font-size: 0.75em;
    }
    #menubtn, #filterbtn {
		display: none;
	}
	#menubtn.active, #filterbtn.active {
		display: none;
	}
	#svgContainer {
		display: none;
	}
}
@media only screen and (min-width: 481px) and (max-width: 992px) {
    h1,.h1 {
    	font-size: 2em;
    }
    h2,.h2 {
    	font-size: 1.75em;
    }
    h3,.h3 {
    	font-size: 1.5em;
    }
    h4,.h4 {
    	font-size: 1.25em;
    }
    .container {
    	font-size: 0.875em;
    }
    #content {
    	padding-left: 2px;
    }
    #sidebar {
        margin-left: -360px;
        font-size: 14px;
    }
    #sidebar.active {
        min-width: 250px;
    	max-width: 250px;
        margin-left:0px;
        font-size: 0.875em;
    }
    #menubtn, #filterbtn {
		display: none;
	}
	#menubtn.active, #filterbtn.active {
		display: none;
	}
	#svgContainer {
		display: none;
	}
}