@charset "utf-8";
html,body{width:100%;height:100%;outline:none;}
body { font-smoothing:antialiased;-moz-font-smoothing:antialiased;-webkit-font-smoothing: antialiased; font-family:/* 'FrutigerRoman',*/ Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:18px; color:#696969; margin:0; padding:0;}

#mainbg { background:#eaeaea url(../images/bg-01.jpg) no-repeat center 122px;/* background-size:contain;*/}
form, img { margin:0; padding:0; border:0;}
a { color:#ff6d00; text-decoration:none;}
.flt { float:left;} .frig { float:right;}

.main {width:100%; float:left; margin:0; padding:0;}

.container{width:915px; margin:0 auto; position:relative; font-size:12px;}
.tc{text-align: center;}

#header{width:100%; float:left;}
.hdr-r1{width:100%; float:left; height:40px; background-color:#eaeaea;}
.hdr-r2{width:100%; float:left; height:82px; background: url(../images/wbg.gif) repeat-x left top; color:#1f1f1f; padding:0 0 233px 0;}
.hdr-r2 .container .sr{ padding:24px 0 0 0; float:left; font-size:18px; }
.hdr-r2 .container .rrc{ padding:24px 0 0 0; float:right; font-size:20px; }
.hdr-r2 .container .logo{ width:243px; height:143px; background: url(../images/indian-railways-logo.png) no-repeat left top; float:left; margin:0 0 0 194px; /*position:absolute; left:300px;*/ }

ul.topnav {margin:0; padding:0 20px 0 0; float:right;}
ul.topnav li{margin:0px 1px 0px 0px; padding:0; list-style:none; float:left;}
ul.topnav li a{margin:0; padding:11px 14px; float:left;  color:#747474; font-weight:bold; font-size:15px; }
ul.topnav li a:hover{background-color:#abe3ff; color:#fff; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
ul.topnav li a.active{background-color:#abe3ff; color:#fff;}

#main-con{width:100%; float:left; background-color:#f3f3f3;}
#main-con .container{width:849px; position:relative; min-height:550px; height:auto; background-color:#FFF; top:-27px; padding:28px 33px; margin:0 auto 15px auto;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#main-con .container .contact{line-height:26px;}

h1{color:#1f1f1f; font-size:26px; font-weight:normal; line-height:22px; padding:0; margin:0 0 22px 0;}
h2{color:#1b8ec9; font-size:15px; font-weight:bold; line-height:22px; padding:0; margin:0;}
h4{color:#666; font-size:13px; font-weight:bold; line-height:22px; padding:0; margin:0;}
h3{font-size:13px;}

.hcon { width:100%; color:#696969; font-size:12px; font-weight:normal; line-height:18px; padding:0 0 50px 0;}

.txt-fld { width:150px; height:22px; float:left; padding:5px 10px;border:0; margin:15px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#696969;  background-color:#FFF; border:#c6c6c5 solid 1px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.drp { width:173px; float:left; padding:5px 10px;border:0; margin:0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#696969;  background-color:#FFF; border:#c6c6c5 solid 1px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.btn { width:auto; float:left; padding:7px 15px; border:0; margin:15px 0 0 12px; font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#FFF; font-weight:bold; background-color:#1b8ec9; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
/*.btn { width:89px; float:left; padding:8px 5px; border:0; margin:15px 0 0 12px; font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#FFF; font-weight:bold; background-color:#1b8ec9; cursor:pointer; -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px;}*/

/*Notification*/

.col-lft{width:25%; float:left; padding:5px 5px 5px 5px; font-weight:bold;}
.col-rig{float:left; padding:5px 5px; font-weight:bold;}


/*result*/
.res-tb{width:100%; /*float:left;*/ padding:0 0 20px 0;}
.res-tb1{width:100%; /*float:left;*/ padding:20px 0 20px 0;}
.res-tb-hdr{width:96%; float:left; background-color:#abe3ff; color:#333; font-size:12px; font-weight:bold; padding:3px 1px 3px 1px;}
.res-tb-hdr1{width:100%; float:left; background-color:#abe3ff; color:#333; font-size:12px; font-weight:bold; padding:3px 1px 3px 1px;}
.res-tb-hdr_spec{width:100%; background-color:#abe3ff; color:#333; font-size:12px; font-weight:bold; padding:3px 1px 3px 1px;}
.res-tb-hdr_spec-n{width:100%; background-color:#abe3ff; color:#333; font-size:12px; font-weight:bold; padding:3px 1px 3px 1px;}
.res-tb-hdr1 .res-tb-col{ border:0;}
.res-tb-hdr .res-tb-col{ border:0;}
.res-reject{ margin:0px; float:left; padding:30px 0 0 0; width:100%;}
.res-tb-con{width:100%; float:left; height:300px; overflow: auto; border-left:#e8e8e4 1px solid; background-color:#e8e8e4; width:96.2% }
.res-tb-row{width:98%; float:left; padding:3px 1px 3px 1px;  border-bottom:#e8e8e4 1px solid; }
.res-tb-col{width:16%; float:left; text-align:left; font-size:12px; border-left:#e8e8e4 1px solid;  border-right:#e8e8e4 1px solid; padding:0 0 0 3px;  text-align:center;}
.res-tb-col1{width:13%; float:left; text-align:center; font-size:12px;  padding:9px 5px;  text-align:center;}

.table-h{/*height:250px; overflow: auto;*/}

/*footer section*/
#footer{ width:915px; margin:0 auto;}
.ftr-r1{width:915px; padding: 0; margin:15px 0 10px 0; float:left; display:none;}
.ftr-r1 .f-hdr{color:#1b8ec9; font-size:12px;}
.ftr-r1-col-lft{width:604px; margin:0; padding:25px 0 0 0; float:left; border-right:#dbdada 1px solid;}
.ftr-r1-col-lft-con{width:604px; margin:0; padding:0 0px 30px 0px; float:left;}
.ftr-r1-col-lft-con .ftr-contact{width:140px; margin:0; padding:0 0 0 0; float:left; font-size:14px;}
.ftr-r1-col-lft-con .ftr-contact-1{width:175px; margin:0; padding:0 60px 0 0px; float:left; font-size:14px;}
.ftr-r1-col-rig{width:269px; margin:0; padding:25px 0 0 40px; float:right;}
.ftr-r2{width:100%; margin:0; padding:20px 0; float:left; border-top:#dbdada 0px solid;}


ul.list {margin:0; padding:5px 0 25px 0; float:left; width:100%;}
ul.list li{margin:0px 0 3px 2.5%; padding:0 0 0 0%; float:left; width:96%; list-style-position:outside; list-style-type:disc; }
.container-pay{width:849px; position:relative; height:635px; background-color:#FFF; padding:0px; margin:0px;}
.container1{margin:0px; padding:0px; float:left; width:100%;}
.pay-details{margin:0px; padding:10px 0 10px 0; float:left; width:100%;}
.pay-left{margin:0px; padding:0px 0 0 130px; float:left; width:24%;}
.pay-left1{margin:0px; padding:0px 0 0 150px; float:left; width:17%;}
.pay-right{margin:0; padding:0px 0 0 0px; float:left; width:32%;}
.pay-right input{ margin:0px; padding:0px; width:270px; height:25px; border:1px #999 solid; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.pay-btn{ width:80px !important; margin:10px 0; background-color:#1B8EC9; color:#fff; font-size:16px; height:30px !important; font-weight:bold; cursor:pointer;}
.canditate-details{ margin:0px; padding:0px;}

.wr table{padding:auto !important;}

table, th, td {   font-size:12px;   padding:0 0 0 0;
}
.personal{ padding: 0 0 0 25px; font-size:14px;}

.pay-dts {border-top:#CCC solid 1px; width:100%; float:left;}
.pay-dts input{ margin:0px; padding:0px; width:220px; height:25px; border:1px #999 solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.astertik{ font-size:12px; margin:0px; padding:0px; color:red;}
.hb-ban-ak {
  background:url("../images/new-ak.gif") no-repeat scroll left top;
  border-radius: 10px;
  cursor: pointer;
  float: left;
  font-weight: bold;
  line-height: 24px;
  margin: 0 10px;
  padding: 38px 0;
  text-align: center;
  width: 47%;
}
.hb-ban {width:47%; margin:0 10px 0 10px; float: left; font-weight: bold; line-height:24px; padding:50px 0; text-align:center; cursor:pointer; background:#abe3ff url(../images/new.gif) no-repeat left top; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.hb-ban1 {width:47%; margin:0 10px 0 10px; float: left; font-weight: bold; line-height:24px; padding:38px 0; text-align:center; cursor:pointer; background:#abe3ff url(../images/new.gif) no-repeat left top; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.hb-ban2 {width:47%; margin:0 10px 0 10px; float: left; font-weight: bold; line-height:24px; padding:38px 0; text-align:center; cursor:pointer; background:#abe3ff url(../images/new1.gif) no-repeat left top; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.hb-ban3 {width:47%; margin:0 10px 0 10px; float: left; font-weight: bold; line-height:24px; padding:38px 0; text-align:center; cursor:pointer; background:#d0a040 url(../images/new2.gif) no-repeat left top; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.hb-ban-new {width:47%; margin:0 25%; float: left; font-weight: bold; line-height:24px; padding:38px 0; text-align:center; cursor:pointer; background:#abe3ff url(../images/new.gif) no-repeat left top; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.hb-alert {width:84%; margin:0 8% 10px 8%; float: left; font-weight: bold; line-height:18px; padding:0; text-align:center; background:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

/*.hb-ban {width:40%; margin:0 0 30px 58px; float: left; font-weight: bold; line-height:24px; padding:30px 0; text-align:center; cursor:pointer; background:#abe3ff url(../images/new.gif) no-repeat left top; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}*/



/*--call-letter--*/
.container-2{ margin: 0 auto; width: 900px;}
.br-pg{ border: 1px solid #000000;}
.br-rt{ border-right: 1px solid #000000;}
.br-lft{ border-left: 1px solid #000000;}
.br-btm{border-bottom: 1px solid #000000;}
.br-tp{ border-top:1px solid #000000;}
.m-tp1{margin-top: 10px;}
.m-tp2{margin-top: 25px;}
.txt-1{font-weight: 600; font-size: 13px; color:#1f1f1f;}
.p-t1{padding: 5px 0 5px 10px;}
.t-cnt{ text-align: center;}
.p-tb{padding: 10px 0;}
.t-itl{ font-style: italic;}
.tx-2{font-size: 13px; color:#1f1f1f; padding: 4px 0 4px 9px;}
.r-hc{height: 55px;}
.r-hc2{height: 158px;}
.r-w2{ width: 98.5%!important;}
.p-t2{padding: 10px 0 5px 10px;}
.r-h3{ height: 29px;}
.r-h7{ height: 30px;}
.txt-b{ font-size: 18px; font-weight: 600; color:#1f1f1f;}
.itl{ font-style: italic;}
.p-ad{ padding-top: 10px;}
.ta-c{text-align:center;}
.rn-w2{width:98.8%!important;}


#call-ltr{ width: 100%; float: left; border: 1px solid #000000;}
#call-ltr .h-row{width: 100%; float: left;}
.row{ width: 100%; float: left;}
#call-ltr .h-row .col-alpha{width: 50%; float: left;}
#call-ltr .h-row .col-beta{width: 48%; float: left; /*padding: 27px 0 0 0;*/ padding:25px 0 0 0; text-align:center; /*padding: 27px 0 0 12px;*/ }
.hdr-logo{ width:15%; float: right;  text-align: center; margin:15px 10px 0 0; /*margin: 5px 10px 5px 0;*/ }
.hdr-logo img {width:100%}
.hdr-txt{ width: 82%; float: left; color:#1f1f1f; font-size: 18px; text-align: center; font-weight: 600;}
.hdr-txt-2{ width:82%; float: left; line-height: 22px; color:#1f1f1f; font-size: 16px; text-align: center; font-weight: 600; padding-bottom: 10px;}
/*.hdr-txt-2{ width:100%; float: left; line-height: 28px; color:#1f1f1f; font-size: 18px; text-align: center; font-weight: 600; padding-bottom: 10px;}*/

.row-1{ width: 100%; float: left;}
.row-1 .alpha{ width: 78%; float: left;}
.row-1 .beta{ width: 20%; float: left; text-align: center; padding: 30px 6px; color: #1f1f1f; font-size: 13px; height: 138px;}
.row-1 .alpha .c1{ width: 40%; float: left;}
.row-1 .alpha .c2{ width: 56%; float: left;}

.row-2{ width: 100%; float: left;}
.row-2 .c1{ width: 43%; float: left;}
.row-2 .c2{ width: 27%; float: left;}
.row-2 .c3{ width: 26%; float: left;}

.row-3{ width: 100%; float: left;}
.row-3 .alpha{ width: 31%; float: left;}
.row-3 .beta{  width: 68.88%; float: left;}
.row-3 .beta nw-s{ width: 100%}
.row-3 .beta.nw{ width: 100%;}
/*.row-3 .beta{  width: 68.89%; float: left;}*/
.row-c{width: 97%; float: left;}
.row-3 .beta .c1{float: left; width: 15%; text-align: center; line-height: 21px;}
.row-3 .beta .c2{float: left; width: 50%; text-align: center; line-height: 21px;}
.row-3 .beta .c3{float: left; width: 34%; text-align: center; line-height: 21px;}

.row-4{ width: 99%; float: left;}

.row-5{ width: 100%; float: left;}
.row-5 .c1{ width: 32%; float: left; text-align: center; color: #1f1f1f; font-size: 13px;   height: 150px;}
.row-5 .c2{ width: 32%; float: left; text-align: center; color: #1f1f1f; font-size: 13px;   height: 150px;}
.row-5 .c3{ width: 32%; float: left; text-align: center; color: #1f1f1f; font-size: 13px;  height: 150px;}

.row-6{ width: 99%; float: left;}

.row-7{ width: 99%; float: left;}
.row-7 .c1{ width:30%; float: left; padding-top: 80px; color: #1f1f1f; font-weight: 600;}
.row-7 .c2{ width: 30%; float: right; text-align: center; padding-right: 86px; color: #1f1f1f; font-weight: 600; padding-top: 16px;}

.fil-txt{color: #1f1f1f; font-size: 13px;  padding-left: 15px; font-weight: normal; text-align: left;}
.pfil{ padding-top: 74px; text-align: center; width: 100%; padding-left: 0;}
.f-lftt{ float: left;}
.pfil2-n{ padding-top:5px;} .pfil2-n{ line-height:18px;} .pfil2-n p{ margin:0; padding:0; line-height:18px;}
.pfil2{ padding-top: 25px;}
.pfil3{padding-top: 25px;}
.pfil4{ padding-top: 60px;}
.frm-sig{ float: right; width: auto;}
.pd-l{ padding-left: 10px; width: 100%; float: left; text-align: cenetr;  margin-left: 52px;}
.btn-call{ margin: 0 auto; width: 60%;}
.mr-bt{ margin-right: 10px;}
.btn-c{background-color: #1B8EC9;border: 0 none;border-radius: 6px; color: #ffffff !important;cursor: pointer;float: left;font-family: Arial,Helvetica,sans-serif;font-size: 15px;font-weight: bold;margin: 15px 0 0 12px;padding: 8px 0;width: 107px;text-align: center;}
.pt-bt{ padding: 25px 0;}

.row-8{ width: 99%; float: left;  color: #1f1f1f;font-size: 13px;padding: 4px 0 4px 9px;}
.row-9{ width: 99%; float: left;}
.r9-col{ width: 49%; float: left;}
.r9-t{ width: 150px; float: left; line-height: 10px;  padding-bottom: 24px;}
.p-r9{ padding: 17px 0 0;}
.p-r8{ padding: 22px 0 10px 9px;}

.h-cnt{ height: 100px!important;}

.row-in{ width: 95%; float: left; padding-bottom: 18px; text-align: center;  font-weight: 700;}

.mtb-main{ width:94%; float:left; background-color:#CCC; /*background-color:#105C93;*/ padding:0 0 0 0; margin:30px 2% 30px 2%;}
.mtb-main table {font-size:12px; padding:0}
.mtb-main th{font-size:12px; font-weight:bold; color:#FFF; padding:10px; border-bottom: 1px solid #CCC;}
.mtb-main td {font-size:12px; padding:10px; color:#000000}
.mtb-main td .btn{background-color: #1B8EC9;border: 0 none;border-radius:3px; color: #ffffff !important;cursor: pointer;float: left;font-family: Arial,Helvetica,sans-serif;font-size:12px;font-weight: bold; margin:0; padding:5px 8px;width:auto;text-align: center; text-transform:capitalize;}

.viewtb table {font-size:12px; padding:10px !important}
.viewtb .btn-c{font-size:12px; width:auto}

#reject_list{width:100%; float:left}
#reject_list table {width:90%; font-size:12px; padding:15px!important; background-color:#F0F0F0 !important; color:#000000 !important}
#reject_list table tr:first-child{padding-bottom:15px;}
#reject_list table td:first-child{width:100px;}
#reject_list table td{border:#DCDCDC solid 1px;  background-color:#FFF !important; padding:10px!important;}



.sbmt-btn .btn-call {display: inline-block; width: auto}
.sbmt-btn .btn-c{display: inline-block; float:none !important}



.txc{text-align:center; float:none}
.tt-txt{width:320px; border-top:1px solid #000000; display:inline-block; padding-top:1em; margin-top:1.5em; float:none!important; margin:1.5em auto}



/* popup-css */
.popup{font-size: 16px;}
.popup,.popup .cover{height:100%;left:0;position:absolute;display:block;top:0;width:100%;z-index:2}
.popup .cover{background:rgba(0,0,0,.5); position: fixed;}
.popup .pop-con{height:100%;position:relative;width:100%;z-index:3;}
.popup .pop-con .con{left:50%;max-width:1086px; padding: 4.5em;;position:absolute;top:10%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:3;width:90%; background-color: #ffffff;  border-radius: 1em;}
.popup .pop-con .close{width: 2.5rem;height: 2.5rem;position: absolute;right: 0;top: 0;z-index: 1;cursor: pointer;color: #ffffff;background-color: #2c2c2c;text-align: center;font-size: 2em;line-height: 2.5rem;}
.popup h1{text-align: center; line-height: 1.25em; font-weight: 600;}
.popup h2{color: #1f1f1f; margin-bottom: 1em; margin-top: 1em; font-size: 1.25em;}
.popup p{font-size: 1em; line-height: 1.25em;}
.popup .label{font-size: 1.125em; font-weight: 600;}
.popup ol{padding: 0;  margin-left: 1em;}
.popup ol li{font-size: 1em; line-height: 1.25em;margin-bottom: 0.5em;}
.popup ol li:last-child{margin-bottom: 0;}
.popup small{font-size: 0.75em;}
.popup .col{margin-bottom: 2em;}
.col-sec .col{border: 1px solid #696969; width: 50%; float: left; box-sizing: border-box; padding: 2em;}
.col-sec .col:first-child{border-right: 0;}
.col-sec .col ol{padding-bottom: 0;}
.popup .underline{text-decoration: underline;}
/* popup-css */

.new_banner{position: relative;}
.new_banner .border_rad{border-radius: 8px;}
.new_anim{position: absolute; left: 15px; top: 15px; z-index:1}