html, body {
	margin:0;
	padding:0;
	height:100%; 
}

/*navbar links*/
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {    
	background-color: white;
	color: #009CDE;       
}

/*hover over links*/
.navbar-default .navbar-nav > li > a:hover {
	background-color: white;
	color: #FF7C1F;    
}

.navbar-default {
	background-color: #ffffff;
	 border-color: #ffffff;    
}

h3 {	 	 
	font-weight: bold;
	font-size: 24px;
	color: #FF7C1F;	 
}

h4 {
	font-weight: bold;
	font-size: 16px;
	color: #FF7C1F;	 	 
}

h6 {	
	font-size: 18px;
	color: black;	 
}

.orange36pointbold {
	color: #FF7C1F;	 
	font-size: 36px;
	font-weight: bold;
}

.blue36pointbold {
	color: #009CDE;
	font-size: 36px;
	font-weight: bold;
}

.black36pointbold {
	color: #000000;
	font-size: 36px;
	font-weight: bold;
}

.orange20pointbold {
	color: #FF7C1F;	 
	font-size: 20px;
	font-weight: bold;
}

.blue20pointbold {
	color: #009CDE;
	font-size: 20px;
	font-weight: bold;
}


.black20pointbold {
	color: #000000;	 
	font-size: 20px;
	font-weight: bold;
}

.black20point {
	color: #000000;	 
	font-size: 20px;
}

.blue20point {
	color: #009CDE;	 
	font-size: 20px;
}

.red20point {
	color: red;	 
	font-size: 20px;
}

.orange20point {
	color: #FF7C1F;	 
	font-size: 20px;
}

.red16point {
	color: red;	 
	font-size: 16px;
}

.green16point {
	color: green;	 
	font-size: 16px;
}

.black14point {
	color: #000000;	 
	font-size: 14px;
}

.black16point {
	color: #000000;	 
	font-size: 16px;
}

.blue16point {
	color: blue;	 
	font-size: 16px;
}

.orange16point {
	color: #FF7C1F;	 
	font-size: 16px;
}


.gray16point {
	color: gray;	 
	font-size: 16px;
}

.red12point {
	color: red;	 
	font-size: 12px;
}


.green12point {
	color: green;	 
	font-size: 12px;
}

.orange12point {
	color: #FF7C1F;	 
	font-size: 12px;
}

.blue12point {
	color: blue;
	font-size: 12px;
}

.black12point {
	color: #000000;	 
	font-size: 12px;
}

.twelvepoint {
	font-size: 12px;
}

.gray12point {
	color: gray;	 
	font-size: 12px;
}

.black10point {
	color: #000000;	 
	font-size: 10px;
}


.black10pointbold {
	color: #000000;	 
	font-size: 10px;
	font-weight: bold;
}

.black12pointbold {
	color: #000000;	 
	font-size: 12px;
	font-weight: bold;
}

.black12pointmonospace {
	color: #000000;
	font-family: monospace;
	font-size: 12px;
}

.black10pointmonospace {
	color: #000000;
	font-family: monospace;
	font-size: 10px;
}

.orange10point {
	color: #FF7C1F;	 
	font-size: 10px;
}

hr {
	border: none;
	height: 1px;
	background-color: #000000; 
	height: 2px;
}

.dzlogin {
	border: 10px dashed gray;
	width: 100%;	
	padding: 2% 2% 20% 2%;
	text-align: center;
	margin: 2px 0 10px 0;
}

.dzsend {
	border: 10px dashed gray;
	width: 100%;	
	padding: 2% 2% 10% 2%;
	text-align: center;
	margin: 2px 0 10px 0;
}

div {
	color: black;	 
	font-size: 14px;  
}

pre {
	background-color: #FFFFFF;
	white-space: pre-wrap;
}

.msgtext {
	width: 100%;
	height: 30vh; 
}

.jumbotron {
	position: relative; 
	padding: 20px 0px 20px 0px;  
	text-align: center;
	background: white; /*#ccddff;*/
	margin: 0px 0px 10px 0px;
}

.jumbotron h1 {
	font-size: 40px;
	color: #FF7C1F;
	font-weight: bold;
}

.jumbotron h2 {
	font-size: 24px;
	color: green;
}

.jumbotron h3 {
	font-size: 20px;
	color: green;
}

@media (max-width: 480px) {
	.jumbotron h1 {
		font-size: 32px;
	}
	.jumbotron p {
		font-size: 20px;
	}
}


.hiddenelement {
	display: none;
} 

.filetable {
	font-size: 14px;
	margin: 10px 0 0 0;
	width: 50%;
	text-align: left;
}


.aremove, .aremove:focus {
	color: red;	 
	text-decoration: none;
}

.fullwidth {
	width: 100%;
}

.zeropaddingzeromargin {
	padding: 0 0 0 0;
	margin:  0 0 0 0;
}


.divmessage {
	background-color: #f5f5f5;
	white-space:pre-wrap;
	color: #000000;
	font-family: monospace;
	font-size: 12px;
}

.shadeddiv {   
   border-radius: 10px;
   background: #FFF5EB;
   color: #000000; 
}	

.modal-header {
  border-bottom: 0px;
  }

.modal-footer {
  border-top: 0px;
}

input[type="file"] {
    display: none;
}