body{
	padding-bottom: 150px;
}

.container{
	max-width: 100%;
}

h1{
	margin-bottom:0px;
}

p{      
	margin-top:0px;
}

#header{
	color: #FFFFFF;
	background-color: #000000;
}

#title_image{
	width:100%;
	margin: 15px;
	/* border-color: #FFFFFF;
	border-width: 5px;
	border-style: solid; */
	padding: 15px;
}

#footer{
	color: #000000;
	background-color: #BE0000;
	text-align:center;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
}
#footer a{
	color: #000000;
	text-decoration: none;
}

#nav_main_links{
	width: 50px;
	overflow: hidden;
}
#nav_main_links:hover{
	width: 250px;
	overflow: visible;
}
#nav_main_links div button span {
	width: 250px;
	overflow: visible;
	display:none;
}
#nav_main_links:hover div button span {
	width: 250px;
	overflow: visible;
	display: inline-block
}

.border_1 {
	border-width: 1px;
	border-color: #000000;
}

.card_1{
	/* background-color: #684e4e; */
    /* border-radius: 10px; */
	/* border: 2px solid #890000; */
    padding: 5px;
}

.card_1:hover{
	/* background-color: #684e4e; */
    transition: background-color .5s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
}

.card_2{
    /* border-radius: 10px; */
	/* border: 2px solid #890000; */
	/* background-color: #684e4e; */
    padding: 5px;
}

.card_2:hover{
	/* background-color: #684e4e; */
    transition: background-color .5s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
}

.code-wrap {
	white-space : pre-wrap !important;
}

.header_2{
    text-align:center;
    border-radius: 10px;
	/* background-color: #684e4e; */
	/* border: 2px solid #890000; */
    padding: 5px;
}

.header_2:hover{
	/* background-color: rgb(36, 68, 23); */
    opacity: 0.8;
    transition: background-color .5s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
}

.message_container .alert {
	border-radius: 0;
}

.message_container{
	min-height: 5px;
	position: fixed;
	width: 100%;
	bottom: 0px;
	z-index: 10001;
}

.message, .message_error, .message_success, .message_warn{
	width: 100%;
	margin: auto;
	border-style: ridge;
	border-radius: 15px;
	padding-left: 10px;
	padding-right: 10px;
	/*float: left;
	clear: both;*/
}

.message_error {
	background-color: red;
}
.message_info {
	background-color: grey;
}
.message_success {
	background-color: green;
}
.message_warn {
	background-color: yellow;
}


@media print {

	body{
		display: none;
	}
	
	#navigation{
		display:none;
	}
}