.btn:focus, #upload-btn:focus
{
  outline: 0 !important;
/*   display:none; */
}

html,
body {
  height: 100%;
  background-color: #FaFaFa;
}

body
{
  text-align: center;
  font-family: sans-serif;
}

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

.row
{
  margin-top: 80px;
}

#upload-btn
{
  color: #ffffff;
  background-color: #F89406;
  border: none;
}

#upload-btn:hover,
#upload-btn:focus,
#upload-btn:active,
#upload-btn.active
{
  color: #ffffff;
  background-color: #FA8900;
  border: none;
}

.progress
{
	display:none;
}

h4
{
  color: #B8BDC1;
}

h2
{
  color: #68757E;
}

hr
{
	color:#F0F0F0;
	background-color:clear;
	border:0.5px solid #F0F0F0;
}

.line
{
	color:#aaa;
	width:100%;
	display:block;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius: 2px;
	margin-bottom:1px;
	margin-top:1px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	border:0.5px solid #eeeeee;
}

.single
{
	color:#bbb;
	width:100%;
	font-size:16px;
	display:block;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius: 2px;
	margin-bottom:1px;
	margin-top:1px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

.x
{
	width:40px;
	font-weight:bold;
	margin-right:5px;
}

.x a
{
	text-decoration:none;
	color:red;
}

.sz
{
	float:right;
	text-align:right;
	color:green;
}

.url
{
	text-align:center;
	font-weight:bold;
}

#filelist span.line:nth-child(odd)
{
	background-color: #f7f7f7;
}

#filelist span.line:nth-child(even)
{
	background-color: #fdfdfd;
}

#filelist span.line:hover
{
	background-color:#f0f0f0;
}

.panel
{
  padding-top: 0px;
  padding-bottom: 0px;
}

#upload-input
{
  display: none;
}

@media (min-width: 768px)
{
  .main-container
  {
    width: 100%;
  }
}

@media (min-width: 992px)
{
  .container
  {
    width: 450px;
  }
}