body {background-color:#f0f5f5;}
  h1 {font-size:20px; color: #003162; margin: 10px auto; padding:0; text-align:center;}
  h4.inputerror{color:red;}
  p { text-align:justify;}
  .margin-0{margin:0;}
  .container{width:1000px; padding-top:5px; }
  .mrt40{margin-top:40px;}
  .mrt10{margin-top:5px;}
  
  nav.lpcnav {background-color:#ffcc00; padding:2px 20px;}
  .nav-link{color:#0066cc !important; font-size:1.1em;}
  .pad-0{padding:0;}
  .pad-L-5{padding-left:10px;}
  .content-box{background-color:#fff; padding:5px; margin:10px 0;  box-shadow: 2px 2px 2px #888888;}
  .content-box1{background-color:#e6f2ff; padding:5px;  box-shadow: 2px 2px 2px #888888;}
  .breadcrumb{padding:.3rem 1rem; background-color:#d9ecff; margin: 0 5px;}
  .pcbox{background-color:#e6f2ff;  padding:10px 0;}
  .pagebox{ margin:5px; padding:10px 0;}
  .form-group{ margin-bottom:.4rem;}
  .form-control{border:solid 1px #00405d;}
  label{font-weight:bold; color:#002F5E; margin-bottom:.3em;}
  .rightbox{background-color:#FFFFFF;padding:5px; margin-top:0; box-shadow: 2px 2px 2px #888888; margin-bottom:10px; }
  .footer{ background-color: #1E1E1E; margin-top:10px;}
  .footer p{ color:#FFFFFF; font-size:12px;}
   div.formbox{ margin:0 auto; background-color:#FFFFCC; padding-bottom:10px; border:1px solid  #0080FF;}
   div.formbox form select .table{ font-size:18px; }
   div.input{ margin:5px auto;  width:96%; padding:5px 2%;}
   div.input label{ color:#002F5E;}
   div.input input{ border-color:#00405d; }
   
   div.input select{ border-color:#00405d; }
   div.input .btn{ background-color:#003366; color:#FFFFFF; }
   div.calc-options{background-color:#D9ECFF; margin:20px;}
   div.heading {font-size: 24px; color:#002142; margin:0;  text-align:center; color:#FFFFFF; background-color:#0080FF; padding:2px 0px;}
  .rightbox h2{ background-color:#003366; color:#fff;  font-size:18px; text-align:center; margin:0 0 5px 0; padding:2px;}
  .rightbox ul{ list-style-type:none; padding-left:10px;}
  .rightbox ul li { padding:2px; color:#002851; font-size:16px; margin:0; border-bottom:1px dotted #0063C6;}
  .rightbox ul li a { padding:2px;   font-size:15px; margin:0; text-decoration:none;}
  .ferror{color:#FF0000; min-height:18px; margin-top:; font-size:12px;}
  .mart10m{margin-top:-10px;}
  #result{color:#002B55; margin:2px;}
  #result1{color:#002B55; margin:2px;}
  .result{background-color: #D5EAFF; margin:10px auto;  padding:10px;  border:1px solid  #0080FF; margin-top:}
  .summary{background-color: #FF9F9F;}
 
  
  .table{border-collapse: collapse; width: 100%; text-align:center;}
  .table td{padding-bottom: 12px; border: 1px solid #ddd; padding: 8px; text-align:center; }
  .table th{background-color: #999999; color:#FFFFFF;  text-align:center;  padding: 8px; font-size:14px;}
  .table tr:nth-child(even){background-color: #fff;}
  .table tr:nth-child(odd){background-color: #fff;}
  .table tr:hover {} 
  div.contacts{background-color: #FFFFFF; border:#0000CC solid 1px; margin:2px; padding:5px;}
  div.contacts p{ text-align:center; color: #000033; font-size:16px; font-weight:bold;}
  div.contacts p span{ color:#FF0000;}
  .clearfix{margin:0; padding:0}
   .processing{background:#999999 url(../images/loader.gif) no-repeat 5px 10px; color: #333;margin: 5px auto;	width:200px; padding: 10px 10px 10px 70px; }
   a.lang{background-color:blue; color:white; float:right; padding:2px; text-decoration:none; margin-bottom:2px;}
  .float{
	display:none;
	position:fixed;
	width:50px;
	height:50px;
	bottom:20px;
	right:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:30px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:10px;
}  
  
  
  @media only screen and (max-width: 320px) {
  .container {width:100%;}
  .col-sm-9{padding:0; width:100%; margin:0;}
  .col-sm-3{padding:0; width:100%; margin:0;}
  .leftbox{margin:1px;}
  .rightbox{ margin:1px;}
  .tableDiv{overflow-x:scroll}
   div.calc-options{background-color:#D9ECFF; margin:10px;}
   .float{ display:block;}
   .pad-L-5{padding-left:0px;}
   
}
 @media only screen and (max-width: 480px) {
  .container {width:100%;}
  .col-sm-9{padding:0; width:100%; margin:0;}
  .col-sm-3{padding:0; width:100%; margin:0;}
  .leftbox{	margin:1px;}
  .rightbox{margin:1px;}
  .tableDiv{overflow-x:scroll}
   div.calc-options{background-color:#D9ECFF; margin:10px;}
   .float{ display:block;}
   .pad-L-5{padding:0px;}
   
}