body {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #eee;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar{min-height: 85px;}
.navbar-nav>li>a{padding-top: 29px;}





#upload-wrapper input[type=file] {
	padding: 6px;
	background: #FFF;
	border-radius: 5px;
}
#upload-wrapper #submit-btn {
	border: none;
	padding: 10px;
	background: #61BAE4;
	border-radius: 5px;
	color: #FFF;
}
#output{
	padding: 5px;
	font-size: 12px;
}

/* prograss bar */
#progressbox {
	border: 1px solid #CAF2FF;
	padding: 1px; 
	position:relative;
	width:400px;
	border-radius: 3px;
	margin: 10px;
	display:none;
	text-align:left;
}
#progressbar {
	height:20px;
	border-radius: 3px;
	background-color: #CAF2FF;
	width:1%;
}
#statustxt {
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #FFFFFF;
}
.calculation input[type=text]{margin-right: 5px;}
/*.radio-inline, .checkbox-inline{padding-left: 0;    white-space: nowrap;overflow: hidden;}*/
.radio-inline, .checkbox-inline{padding-left: 20px;    white-space: nowrap;overflow: hidden;}
    
    
    .hint{    position: absolute;
    top:0;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    left: 84px;
    color: #333;z-index: 10;}
@media (min-width: 768px) and (max-width: 979px) {
    
      h3 {font-size: 17px!important;}     
.col-md-3{width: 25%!important;}
.nav>li>a{    padding: 10px 7px;}
     table.table td{width: 100%;float: left;}
}
/* Landscape phones and down */


@media (max-width: 480px) { 
    
    h3 {font-size: 17px!important;}
    table.table td{width: 100%;float: left;}
    .form-inline .col-md-3{width: 100%!important;}
}

@media print{
    body{    font-size: 8px!important; }
    h1, .h1{margin:5px!important; font-size: 14px!important;}
    h2, .h2{  margin:5px!important;  font-size: 12px; }
     .radio-inline, .checkbox-inline{    overflow: inherit!important; white-space: inherit;}
     #MyUploadForm{display: none;}
     .print{display: none;}
     .container {width: 100%!important;    padding: 0px;}
     .row{width: 100%!important;}
     .col-md-3 {width: 25%!important; padding: 0px!important;}
     br{display: none;}
     input[type=submit]{display: none;}
     .calculation input[type=text] {height: 14px!important;width: 14px!important;}
}