html, body, #page {height:100%;width:100%; margin:0; padding:0;	font:normal 13px/18px "Roboto","Helvetica Neue",sans-serif,arial;}
p {margin:0; padding:10px 0;}
.container {width:460px; margin:20px auto;color:#2d2d2d; border:1px solid #2f2f2f; padding:30px; border-radius:20px;}
.container_full {width:100%; margin:0 auto;padding:0 ;}
.container_in {padding:0 10px;}
.form_page {width:340px; margin:0 auto;}
table {border-collapse:collapse; width:100%;border:1px solid #ddd;}
td,th {padding:5px;border:1px solid #000;  }
h1, h2,h3 {text-align:center; }
h1 {font:bold 20px/28px "Roboto","Helvetica Neue",sans-serif,arial;}
h2 {font:normal 18px/26px "Roboto","Helvetica Neue",sans-serif,arial;}
form p { }
table.statement td, table.statement th  {padding:5px;border:1px solid #000;text-align:center  }
.col {float:left;padding:0 20px 20px 0;}
.col2 {width:48%; } .col3 {width:30%; } .col4 {width:23%; } .right {float:right;}
.clr {float:none; clear:both; height:0; padding:0; line-height:1px; width:100%;}
input {margin-right: 15px;padding:5px 3px;} input[name='t_name'] {width:200px}
input[name='school'] {width:200px}
input[type='number'], input[name='tan'] {width:90px}

.form_in {padding:20px; background:#fafafa; border:1px solid #333;margin-top:30px;}

.emp_info {width:4in; margin:0 auto 20px auto; font-size:16px;}
.emp_info p {  margin:5px 0;    padding:0;}
#logo {width:200px;height:100px; margin:20px auto;text-align:center;}
.sitename{letter-spacing:-0.02em;font:bold 42px Helvetica, arial, sans-serif;color:#626456;}
#logo small {font-size:70%;}
#logo a {color:#2D506D;text-decoration:none; display:block; height:52px; margin-bottom:20px;}
#logo a span{color:#42b72a;}
#logo a:hover{text-decoration:none;}
.user_intro {margin:20px 0; padding:0 10px;}

@media print {.container_full {width:8.3in;} .container_in {padding:0 0;} .footer {page-break-after: always;} .form_page {display:none;} #logo {display:none;}}
.income_page h2 {font-size:19px;text-decoration:underline;}
.income_page h3 {font-size:22px;}
h3 span {font-weight:normal;}
.inbox {border:1px solid #000; width:50px; line-height:20px;font-weight:bold;text-align:center}
.blank {background:#666}
.amnt {float:right;padding-right:10px;display:inline-block;}
.left_blank {padding-left:40px;}
.center {text-align:center}
.demo_error {border:1px solid red; border-radius:5px; padding: 10px; color:#222222; max-width:460px; margin:0 auto;}
.ppqr {width:200px;}
.demo_titel {color:red;}
.colp1 {float:left; width:240px;} .colp2 {float:right; width:200px;}

.err_msg{color:red;}
.yes_msg{color:#42b72a;}

.app_btn {background:#fff; display:block; width:180px; height:40px;  text-align:center;border:1px solid #42b72a; color:#42b72a;  border-radius:15px; font:bold 24px/40px Helvetica, arial, sans-serif; cursor:pointer;padding:0;margin:0 0 0 auto;text-decoration:none;}

.app_btn:hover {color:#fff; background:#42b72a;text-decoration:none;} 

.qr_box { font-size:10px;}
.qr_img {display:inline-block; width:120px; height:120px; margin:0 10px;}
.qr_img img {display:inline-block; width:120px; height:120px;}
.qr_txt {display:inline-block;width:250px;}