body { margin: 0px auto; padding: 0px; font-family: Arial, Sans-Serif; font-size: 14px; color: #616161; background: #fff; }

code, dfn, kbd, tt { font-style: normal; font-family: Arial, Sans-Serif; }

a { text-decoration: none; }

a, img { border: none; }

.fleft { float: left; }

.fright { float: right; }

.width_100 { width: 100%; }

.width_48 { width: 48%; }

.width_50 { width: 50%; }

.width_86 { width: 86% !important; }

.width_36 { width: 36%; }

.width_22 { width: 22% !important; }

.width_76 { width: 76% !important; }

.ml15 { margin-left: 15px; }

.mt { margin-top: 10px; }

.pt_8 { padding-top: 8px; }

.clr { clear: both; }

.width_auto { width: auto !important; }

.mar_botright { margin-right: 15px; font-weight: bold; color: #58595b; }

.fb, .tw, .gp, .in, .yt, .hotl, .lta, .supl, .api, .icon1, .icon2, .icon3, .icon4, .icon5, .phoneicon_main, .emailicon, .phoneicon, .new_event, .online_pack, .mobileapp, .tbodmc_pack,.irctc_slideicon,.tboacademy_slideicon { background: url(../imagesnew/sprite.png) no-repeat; }

.gray_border { border: 1px solid #c0c0c0; }

.box_sizing { box-sizing: border-box; }

.comon_btn { background: #0D4480; background: linear-gradient(#0d4480, #0f4e92); color: #fff !important; padding: 5px 8px; cursor: pointer; border-radius: 3px; border: 1px solid #01346B; font-size: 13px; text-decoration: none; display:inline-block; }

.comon_btn:hover { background: #0F4E92; background: linear-gradient(#0f4e92, #0d4480); color: #fff; text-decoration: none; }
input:disabled.comon_btn {  background: #d8d8d8;  border: 1px solid #d8d8d8;  color: #000 !important; cursor: default;}
.btns { font-size: 13px; padding: 3px 6px; }

.btnm { font-size: 18px; padding: 5px 8px; }

.btnl { font-size: 20px; padding: 5px 8px; }

.tab-main-box { float: left; width: 100%; margin-top: 10px; }

.tab-main-box ul { list-style: none; width: 100%; float: left; position: relative; z-index: 9; }

.tab-main-box ul li { float: left; margin-right: 5px; cursor: pointer; }

.tab-main-box ul li a { float: left; background: #e5e5e5; color: #004684; border: 1px solid #ADBCD6; padding: 5px 6px; border-radius: 5px 5px 0 0; font-weight: bold; text-decoration: none; }

.tab-main-box ul li a:hover, .tab-main-box ul li.selected-tab a { background: #fff; color: #004684; border: 1px solid #ADBCD6; border-bottom: 1px solid #fff; }

.content-container-new { float: left; margin: -1px 0 10px 0; padding: 10px; width: 98%; background: #fff; border: solid 1px #adbcd6; }

.comonheading { width: 98.3%; padding: 8px; font-size: 14px; color: #fff; background: #204584; float: left; margin: 10px 0; }

.newheader { width: 1000px; margin: 0px auto; background: white url(../imagesnew/header_bg_new.jpg) no-repeat top center; position: static; }

.logo { float: left; width: 28%; padding: 10px 20px 10px 0; height: 65px; }

.logo img { width: 100%; }

.new_loginbox { float: right; width: 70%; text-align: right; font-size: 12px; position: relative; }

.logrow { float: right; padding: 5px 0 8px; color: #1e417c; width: 100%; }

.cash_blnc { float: right; margin-top: 25px; margin-right: 10px; font-weight: bold; }

.logdtl { float: right; height: 36px; margin-top: 8px; }

.logdtl a { color: #1e417c; font-size: 14px; text-decoration: none; }

.logdtl a:hover { color: #d1aa54; }

.logrow b { color: #d1aa54; }

.login_popup { position: absolute; padding: 0; border-bottom: 3px solid #d1aa54; right: 0; top: 50px; background: #eeeeee; box-shadow: 1px 1px 3px #e7e7e7; display: block; border-radius: 0 0 5px 5px; list-style: none; text-align: left; width: 120px; z-index: 50; display: none; }

.login_popup:before { border-style: solid; border-color: transparent transparent #E0E0E0 transparent; border-width: 9px; content: ""; left: 47px; top: -17px; position: absolute; }

.login_popup li { float: left; width: 97%; padding: 5px; list-style: none; text-align: left; border-top: 1px solid #E0E0E0; }

.login_popup li:last-child { background: #fff; border-top: dashed 1px #d0d0d0; padding: 8px 5px; }

.login_popup li a { width: 100%; float: left; font-size: 12px; }

.cont_rep { float: right; color: #fff; margin: 10px 10px 0 0; font-size: 12px; /*background:url(../imagesnew/sprite.png) no-repeat -123px -90px;*/ padding: 4px 5px 11px 26px; }

.rep_dtlbox { background: #fff; border: 2px solid #d1aa54; margin-left: 275px; position: absolute; top:80px; width: 720px; z-index: 80; display: none; }

.cont_rep:hover { color: #D1AA54; text-decoration: underline; }

.box { width: 29.1%; float: left; padding: 5px 10px; margin: 5px; background: #EEEEEE; z-index: 83; }

.box p { margin: 3px 0; float: left; width: 100%; }

.box > b { color: #1B3B71; border-bottom: 1px dashed #d0d0d0; width: 100%; padding-bottom: 3px; float: left; }

.box a { color: #1B3B71; margin-top: 5px; text-decoration: underline; }

.rephead { color: #BFC4CD; background: #1B3B71; font-size: 14px; padding: 10px; margin: 0px; font-weight: normal; }

.new_topnav { background: url(../imagesnew/nav_bg.png) repeat-x; border-bottom: 4px solid #d1aa54; border-radius: 5px 5px 0 0; }

.new_topnav { background-position: 0 -39px; float: left; width: 100%; position: static; }

.new_nav { width: auto; margin: 0px; padding: 0px; float: left; list-style: none; font-size: 14px; }

.new_nav > li { float: left; background: url(../imagesnew/nav_bg.png) right 0 no-repeat; }

.new_nav > li > a { background: url(../imagesnew/nav_aero.png) no-repeat right 14px; float: left; padding: 12px 21px 12px 10px; margin-right: 8px; color: #fff; text-decoration: none; }

.new_nav > li:hover > a { background: url(../imagesnew/nav_aero.png) no-repeat right -25px; color: #fff; }

.new_nav > li:hover { background: url(../imagesnew/nav_bg.png) repeat-x 0 -80px; color: #fff; }

.new_nav > li:first-child:hover { border-radius: 5px 0 0 0; }

.new_nav > li:hover .subnav { display: block; }

.subnav { z-index: 4000; float: left; background: #eeeeee; border-radius: 5px; border: 1px solid #D0D0D0; border-bottom: 3px solid #d1aa54; position: absolute; border-top: 5px solid #fff; top: 125px; display: none; min-width: 330px; margin-top: -3px; }

.subnav > ul { width: 44%; float: left; list-style: none; padding: 8px; margin: 0px; }

.ulblankhead { padding-top: 30px !important; }

.subnav > ul { border-right: 1px solid #d0d0d0; }

.subnav > ul:last-child { border-right: none; }

.subnav > ul > li { display: block; list-style: none; background: none; width: 100%; }

.subnav > ul > li > a { display: inline-block; padding: 3px; color: #16305d; font-size: 13px; text-decoration: none; width: 100%; float: left; margin-top: 1px; }

.subnav > ul > li > a:hover { background: #d6d6d6; color: #3c3c3c; }

.subnav > ul > li > b { background: #d1aa54; font-weight: bold; padding: 3px 8px; float: left; color: #fff; }

.subnav > ul > li + li > b { margin-top: 10px; }

.subnav:after, .subnav1:after { border-style: solid; border-color: transparent transparent #fff transparent; border-width: 7px; content: ""; position: absolute; top: -18px; }

.subnav:after { left: 8%; }

.subnav1:after { left: 48%; }

.services_box { width: 550px; }

.services_box ul { width: 20%; }

.userdtl { float: left; }

.userdtl img { width: 30px; height: 30px; float: left; border: 2px solid #e7e7e7; border-radius: 50px; padding: 3px; }

.userdtl span { float: left; margin: 10px 20px 0 8px; font-weight: bold; }

.userdtl span:before { border-style: solid; border-color: #1e417c transparent transparent transparent; border-width: 6px; content: ""; position: absolute; right: 2px; top: 27px; }

.SliderNamePrev_2 { background: url(../img/left.png) no-repeat left center; width: 50px; height: 270px; display: block; position: relative; z-index: 100; text-decoration: none; }

.SliderNameNext_2 { background: url(../img/right.png) no-repeat right center; display: block; height: 53px; margin-left: 906px; margin-top: -165px; position: absolute; text-decoration: none; width: 50px; z-index: 141; }

#SliderNameNavigation_2 { margin: 0; position: static; z-index: 100; padding: 3px 0 8px; height: 16px; text-align: center; overflow-y: hidden; }

#SliderNameNavigation_2 a:link, #SliderNameNavigation_2 a:active, #SliderNameNavigation_2 a:visited, #SliderNameNavigation_2 a:hover { margin: 0; padding: 0; font-size: 0; line-height: 0; text-decoration: none; }

#SliderNameNavigation_2 a img { border: none; width: 16px; height: 16px; background: url(../img/bullet.png) no-repeat center center; }

#SliderNameNavigation_2 a.active img { background: url(../img/bullet_active.png) no-repeat center center; }

.tbo_header, .tbo_container, .tbo_footer{width:100%; float:left;}
.tbo_navigation, .ftcont { width: 100%; display: table; }

.tbo_container { background: #f2f2f2; }

.ftcont { background: #fff; }

.tbo_header { background: url(../imagesnew/headerbg.png) repeat, linear-gradient(#e0e0e0, #ffffff 30%); }

.tbo_logo { float: left; margin-top: 8px; }

.tbologin { float: right; width: auto; margin-top: 10px; position: relative; max-width: 70%; text-align: right; }

.tbologin b { color: #1A3465; font-size: 20px; text-transform: uppercase; font-weight: normal; width: 20%; float: left; margin-top: 5px; text-align: right; }

.login_form { float: right; width: 39%; }

.frogt_passwd { width: 40%; float: right; font-size: 11px; margin-top: 5px; }

.frogt_passwd a { color: #666; }

.frogt_passwd a:hover { color: #1e417c; }

.errormsg { color: #ff0000; font-size: 11px; float: left; padding: 0; position: absolute; left: 2px; top: 34px; }

.errormsg_forgot { color: #ff0000; font-size: 11px; float: left; padding: 0; position: absolute; left: 152px; top: 46px; }

.captcha_box { width: 100%; }

.captcha_error { padding-top: 0px; float: left; width: 85%; font-size: 11px; text-align: right; padding-right: 5px; }

.captchainput { width: 45%; display: inline-block; }

.captchainput > input { float: left; padding: 7px; width: 84%; }

.errormsg_inner { color: #ff0000; font-size: 11px; float: left; padding: 5px; width: 100%; text-align: center; }

.login { width: 80px; border: 0px; cursor: pointer; float: left; color: #fff; background: #326acb; height: 32px; }

.login span { background: #265198; font-size: 18px !important; float: left; padding: 7px 8px; }

.login input { background: none; font-size: 16px; color: #fff; border: none; float: left; padding: 6px 2px; cursor: pointer; }

.register { width: 100px; font-size: 16px; color: #fff; cursor: pointer; float: left; background: #b40627; margin-left: 5px; }

.register span { background: #d1aa54; font-size: 17px !important; display: table-cell; padding: 8px 4px 7px; vertical-align: middle; }

.register dfn { display: table-cell; width: 100%; text-align: center; padding: 1px 3px; font-size: 12px; }

.register dfn small { font-size: 11px; }

.nameHome > input[type="text"], .passwd > input[type="password"] { padding: 7px 5px; float: left; width: 66%; border: 0; margin: 0px; color: #333; }

.nameHome, .passwd { font-size: 14px; float: left; width: 120px; margin-right: 8px; border: 1px solid #d9d9d9; }

.nameHome span, .passwd span { background: #1B3566; color: #fff; font-size: 20px !important; float: left; }

.nameHome span { padding: 5px 7px; }

.passwd span { padding: 5px; }

.tbo_navigation { background: url(../imagesnew/nav_bg.jpg); margin-top: 8px; border-top: 5px solid #d1aa54; }

.tbotop_nav { margin: 0px; padding: 0px; list-style: none; float: left; }

.tbotop_nav li { margin: 0px; padding: 12px 0px; color: #fff; float: left; }

.tbotop_nav li a { padding: 12px; color: #c4e0ff; }

.tbotop_nav li a:hover, .tbotop_nav li a.selected { background: #d1aa54; color: #fff; }

.tbotop_nav li a:hover.li2:after, .tbotop_nav li a.selected.li2:after { border-color: #d1aa54 transparent transparent; border-style: solid; border-width: 7px 11px; bottom: -14px; content: ""; left: 35%; position: absolute; }

.tbotop_nav li a:hover.li1:after, .tbotop_nav li a.selected.li1:after { border-color: #d1aa54 transparent transparent; border-style: solid; border-width: 7px 11px; bottom: -14px; content: ""; left: 29%; position: absolute; }

.right_text { float: right; color: #fff; padding: 12px; }

.right_text b { color: #e4ae38; font-weight: normal; }

.tbo_banner { background: #1a3465 url(../imagesnew/banner_bg.jpg) repeat center bottom; width: 100%; float: left; height: 360px; }

/*.tbo_banner { width: 100%; float: left; background-color:#10042c;  background-image:url(../imagesnew/anim.gif), url(../imagesnew/diwalibg.gif); background-position:top left, center bottom; background-repeat:repeat-x, no-repeat; background-size:5%, 100%; height:400px; }*/

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from   {left:0px; bottom:20px; left:-30px;}
  to  { left:100%; bottom:20px;}

}

@keyframes mymove {
  from   {left:0px; bottom:20px;}
  to  { left:100%; bottom:20px;}
}

/*Christmas Theme CSS End*/
.breadcrumbs { margin-top: -24px; color: #193769; font-size: 14px; text-align: left; position:relative; z-index:10; }

.breadcrumbs a { color: #193769; }

.breadcrumbs span { color: #fff; }

.banner_heading { font-size: 36px; text-align: center; /*padding: 15px 0 5px;*/ padding: 35px 0 5px; color: #fff; margin: 0px; font-weight: normal; font-weight: bold; text-shadow: 2px 5px 4px #111; -ms-text-shadow: 2px 6px 4px #000000; -webkit-text-shadow: 2px 6px 4px #000000; }

.banner_heading span { color: #d1aa54; }

.banner_text { font-size: 15px; color: #fff; padding: 10px 0 7px; margin: 0px; text-align: center; }

.outer_box { border: 4px solid #fff; border-radius: 50px; padding: 2px; display: inline-block; }

.img_box { background: #fff; width: 82px; height: 82px; float: left; border-radius: 50px; }

.hotl, .lta, .supl, .api, .mobileapp, .tbodmc_pack { width: 36px; height: 38px; float: left; }

.tbo_container { padding-bottom: 25px; }

.contacticon { position: absolute; right: 0px; right: 0px; margin-top: -217px; }

.phonebox { height: 40px; width: 40px; background: #e3ad38; }

.emailbox { height: 40px; width: 40px; background: #fff; }

.phoneicon_main { background-position: -156px 9px; float: right; height: 37px; width: 35px; }

.emailicon { background-position: -189px 8px; float: right; height: 35px; width: 38px; }

.contno, .emailid { display: none; }

.phonebox:hover + .contno { padding: 12px; font-weight: bold; background: #e3ad38; color: #fff; position: absolute; right: 0; display: block; width: 120px; }

.emailbox:hover .emailid { padding: 12px; font-weight: bold; background: #fff; color: #193364; position: absolute; right: 0; margin-top: -40px; display: block; }

.hotl { background-position: 0 0; margin: 24px 24px; }

.tbodmc_pack { background-position: -201px -582px; margin: 24px 6px; width: 71px; }

.lta { background-position: 0 -73px; margin: 24px 24px; }

.mobileapp { background-position: -203px -78px; margin: 24px 24px; }

.online_pack { width: 55px; height: 55px; float: left; }

.online_pack { background-position: -209px -430px; margin: 12px 0px 0 14px; }

.outer_box:hover .online_pack { background-position: -207px -510px; }

.supl { background-position: 0 -37px; margin: 24px 24px; }

.api { background-position: 0 -107px; margin: 24px 24px; }

.outer_box:hover .hotl { background-position: -41px 0; margin: 24px 24px; }

.outer_box:hover .mobileapp { background-position: -244px -78px; margin: 24px 24px; }

.outer_box:hover .lta { background-position: -41px -73px; margin: 24px 24px; }

.outer_box:hover .supl { background-position: -41px -37px; margin: 24px 24px; }

.outer_box:hover .api { background-position: -41px -107px; margin: 24px 24px; }

.box_data { float: left; padding: 20px 0; color: #fff; line-height: 18px; width: 99%; }

.box_data b { color: #fff; font-size: 15px; text-transform: uppercase; padding: 2px 5px; background: #265198; }

.box_data span { text-align: center; margin-top: 10px; display: block; font-size: 13px; line-height: 14px; }

.box_data:hover b { background: #D1AA54; }

.ca-container2 { float: right; height: 251px; margin: 0 auto 0 0; position: relative; width: 100%; }

.ca-container2 .ca-wrapper { height: 100%; position: relative; width: 100%; }

.ca-container2 .anim_box { margin-top: 21px; width: 25%; float: left; text-align: center; }

.ca-container2 .ca-content-wrapper { background: none repeat scroll 0 0 #b0ccc6; height: 440px; overflow: hidden; position: absolute; text-align: left; top: 5px; width: 0; z-index: 10000; }
.feature_prev, .feature_next {width: 45px; height:50px; background:url(../imagesnew/npbutton.png) no-repeat; position: absolute;cursor:pointer; opacity: .3; transition:.2s ease;}
.feature_prev:hover, .feature_next:hover{opacity:1;}
.feature_prev{left:0; top:50px;}
.feature_next{right:0; top:50px;background-position:-46px 0;}


.breadcrumbs { width: 100%; float: left; background: #d1aa54; }

.breadcrumbs p { color: #1e417c; font-size: 13px; text-align: center; font-weight: bold; padding: 8px 0; margin: 5px 0px; }

.registertab { background: #2a5099 url(../imagesnew/sprite.png) no-repeat -222px -147px; color: #fff; font-size: 14px; margin-right: 8px; padding: 8px 8px 8px 35px; font-weight: normal; border: 1px solid #edc97a; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; }

.eventbox { background: #fff; float: left; margin-top: 8px; padding: 10px; width: 97%; }

.event_heading { font-size: 14px; color: #0c2d63; margin: 0px; padding: 5px !important; }

.serivice_row { width: 100%; float: left; margin-top: 12px; }

.iconbox { float: left; width: 58px; height: 58px; }

.servicetxt { float: left; padding: 17px 10px 0; width: 84%; color: #072f5b; font-size: 15px; font-weight: bold; }

.icon1, .icon2, .icon3, .icon4, .icon5 { width: 39px; height: 42px; float: left; margin: 8px 0 0 8px; }

.icon1 { background-position: -79px 0px; }

.icon2 { background-position: -77px -40px; }

.icon3 { background-position: -77px -80px; }

.icon4 { background-position: -118px 0px; }

.icon5 { background-position: -117px -41px; }

.c1 { background: #a6d3eb; }

.c2 { background: #0078a4; }

.c3 { background: #1c5379; }

.serivice_row:hover { background: #fff; }

.serivice_row:hover .iconbox { background: #d1aa54; }

.art_heading { color: #022249; font-size: 24px; padding: 5px 0; font-weight: normal; margin: 8px 0; }

.tbo_event { border-left: 12px solid #e9e9e9; margin: 0; padding: 8px; line-height: 18px; min-height: 45px; }

.tbo_event a { color: #1A386A; }

.tbo_event, .tbo_event > .active, .tbo_event:hover { background: #fff; border-left: 12px solid #D1AA54; }

.new_event { background-position: -236px 0; width: 32px; height: 20px; float: right; clear: left; margin: -5px -13px 0 0; }

.tbo_botbanner { width: 100%; float: left; padding: 30px 0; text-align: center; background: url(../imagesnew/bottom_banner.jpg) no-repeat center 90px; height: 320px; font-size: 26px; color: #231f20; margin-top: 15px; }

.tbo_botbanner b { font-size: 30px; color: #D1AA54; }

.comon_widthbox { width: 1050px; margin: 0px auto; }

.tbobanner_top { padding-bottom: 14px; height: 352px; }

.tbo_footer { background: #1e417c; padding: 8px 0 0; margin-top: 5px; }

.tbo_ftnav { width: 72%; float: left; }

.ftnav { margin: 0px; padding: 0px; list-style: none; }

.ftnav li { margin: 0px; padding: 0px; color: #fff; display: inline; font-size: 13px; }

.ftnav li a { padding: 5px 2px; color: #fff; display: inline; }

.ftnav li a:hover { color: #d1aa54; }

.tbo_sociallink { width: 100%; float: left; margin: 10px 0; }

.tbo_sociallink > span { float: left; color: #D1AA54; margin: 3px 8px 0 0; font-weight: bold; }

.fb, .tw, .gp, .in, .yt { width: 24px; height: 23px; float: left; margin-right: 5px; transition: all ease .5s; }

.fb { background-position: -159px -29px; }

.tw { background-position: -183px -29px; }

.gp { background-position: -207px -29px; }

.in { background-position: -231px -29px; }

.yt { background-position: -255px -29px; }

.fb:hover { background-position: -159px -52px; }

.tw:hover { background-position: -183px -52px; }

.gp:hover { background-position: -207px -52px; }

.in:hover { background-position: -231px -52px; }

.yt:hover { background-position: -254px -52px; }

.width_48 hr { border: none; border-bottom: 1px dashed #e0e0e0; }

.tbo_copyr { float: right; color: #fff; font-size: 13px; }

.support { position: fixed; left: 0; top: 71%; width: 45px; height: 124px; z-index:10; }

.support a { background: url(../imagesnew/sprite.png) no-repeat 0 -183px; float: left; width: 45px; height: 124px; text-indent: -4555px; }

.pageimg { text-align: center; width: 100%; padding: 10px 0; display: block; clear: left; }

.icon_imgbox { width: 100%; float: left; border-bottom: 1px solid #e7e7e7; padding: 10px 0 15px; }

.features, .whapi, .benifit, .wlsicon1, .wlsicon2, .wlsicon3, .wlsicon4, .impl_icon, .personal_icon, .flex_icon, .smpl_icon { background: url(../imagesnew/sprite.png) no-repeat; float: left; }

.features, .whapi, .benifit { width: 108px; height: 105px; margin: 10px 10px 0 0; }

.features { background-position: -160px -188px; }

.whapi { background-position: -50px -187px; }

.benifit { background-position: -159px -295px; }

.wls_list { float: left; width: 100%; }

.wls_list_row { float: left; width: 100%; margin-top: 10px; }

.wls_list_left { float: left; width: 48%; }

.wlsicon1, .wlsicon2, .wlsicon3, .wlsicon4 { width: 70px; height: 70px; margin: 10px; }

.wlsicon1 { background-position: 0px -310px; }

.wlsicon2 { background-position: -69px -310px; }

.wlsicon3 { background-position: 0px -380px; }

.wlsicon4 { background-position: -69px -380px; }

.impl_icon, .personal_icon, .flex_icon, .smpl_icon { width: 93px; height: 93px; margin: 10px 13px 0 5px; }

.impl_icon { background-position: 2px -450px; }

.personal_icon { background-position: -91px -450px; }

.flex_icon { background-position: 2px -543px; }

.smpl_icon { background-position: -91px -542px; }

.icon_imgbox > p { margin-top: 5px !important; }

.left_nav *, .mid_right * { box-sizing: border-box; }

.top_bnr { float: left; width: 100%; height: 297px; background: #1a396d; border-bottom: solid 30px #d1aa54; text-align: center; }

.tbo_middle { margin: 0px auto; width: 1000px; padding-bottom: 20px; }

.left_nav { float: left; width: 26%; margin: 10px 0 0 0; padding-right: 10px; }

.menuicon { display: none; }

.navopt h2 { float: left; width: 100%; background: #1a396d; font-size: 14px; margin: 0; padding: 10px; border-left: solid 5px #d1aa54; text-transform: uppercase; color: #fff; }

.navopt h2 + h2 { margin-top: 3px; }

.navopt h2 a { color: #fff; float: left; width: 100%; }

.navopt h2:hover a, .navopt h2.selected a { color: #18386B; }

.navopt h2:hover, .navopt h2.selected { background: #d1aa54; }

.left_nav li a.active { color: #d1aa54 !important; background: none; border: none; }

.left_nav ul { margin: 0px; padding: 6px; list-style: none; width: 100%; float: left; }

.left_nav li { float: left; width: 100%; margin: 0; background: url(../imagesnew/squre.jpg) 10px center no-repeat; padding: 0 0 0 25px; line-height: 25px; color: #5a5959; }

.left_nav li a { color: #5a5959; }

.mid_right { float: right; width: 73%; margin: 10px 0 0 0; padding-bottom: 20px; }

.mid_right a { color: #1A396D; }

.mid_right a:hover { color: #D1AA54; }

.mid_right h1 { font-size: 24px; color: #D19F34; border-bottom: 1px dashed #d0d0d0; font-weight: normal; padding: 8px; margin: 0; }

.mid_right h2 { width: 100%; margin: 0px; padding: 10px 8px 5px; font-size: 21px; font-weight: normal; color: #0c2d63; float: left; }

.mid_right h3 { width: 100%; margin: 0px; padding: 10px 8px 5px; font-size: 15px; color: #0c2d63; float: left; }

.mid_right p { width: 100%; margin: 0px; padding: 8px; line-height: 20px; color: #333; text-align: justify; }

.mid_right p b { color: #455e88; font-size: 14px; }

.mid_right p b a { color: #D1AA54; text-decoration: underline; }

.mid_right p b a:hover { color: #1A396D; }

.mid_right ul { margin: 10px; padding: 0px; list-style: none; }

.mid_right li { float: left; width: 97%; display: block; font-size: 14px; line-height: 22px; color: #605f5f; padding: 0px 0 0 15px; background: url(../imagesnew/squre.jpg) left 8px no-repeat; }

.api_dtl { float: left; margin: 5px 0 0 0; max-height: 230px; width: 100%; padding: 10px; }

.dtt_bg { background: #f7f7f7; }

.dtl_bg1 { background: #f7f7f7; }

.api_icon { float: left; width: 105px; height: 85px; }

.dtl_txt { float: left; width: calc(100% - 105px); }

.dtl_txt h2 { float: left; width: 100%; margin: 0px; padding: 0; font-size: 20px; font-weight: normal; color: #0c2d63; }

.dtl_txt p { float: left; text-align: justify; width: 100%; margin: 0px; padding: 0; line-height: 20px; }

.featurebox { float: left; width: 100%; }

.time, .saving, .use, .efctive, .access, .vfm { background: url(../imagesnew/api_sprite.png); }

.time { background-position: -24px -19px; }

.saving { background-position: -24px -150px; }

.use { background-position: -24px -280px; }

.efctive { background-position: -24px -412px; }

.access { background-position: -24px -524px; }

.vfm { background-position: -24px -667px; }

.rgister_btn { float: left; width: 100%; margin-top: 15px; text-align: center; }

.cont_ph { color: #1a396d; margin-left: 60px; }

.cont_ph code { color: #000; }

.cnt_bnr { margin: 0px auto; width: 1000px; min-height: 300px; overflow: hidden; background: url(../imagesnew/contact_banner.jpg) left top no-repeat; }

.call_info { float: left; width: 40%; margin: 80px 0 0 0; text-align: left; }

.call_info h2 { float: left; width: 100%; color: #fff; font-size: 35px; margin: 0px; padding: 0px; font-weight: normal; text-transform: uppercase; }

.call_info h3 { float: left; width: 100%; color: #d1aa54; font-size: 30px; font-style: italic; margin: 0px; padding: 0px; font-weight: normal; text-transform: uppercase; }

.call_info p { float: left; text-align: left; width: 100%; margin: 0px; padding: 3px 0px 0 0; line-height: 22px; font-size: 15px; color: #fff; }

.ids { float: left; width: 100%; background: #f2f2f2; text-align: center; }

.ids_main { margin: 0px auto; width: 1000px; }

.ids_main h2 { float: left; width: 100%; text-align: left; color: #0c2d63; font-size: 20px; margin: 0px; padding: 30px 0 10px 0; font-weight: normal; }

.ids_row { float: left; width: 100%; margin: 5px 0 0 0; padding: 5px; }

.ids_row:nth-child(odd) { background: #fff; }

.ids_row > span { float: left; width: 30%; padding: 5px 5px 0px 0; font-size: 12px; text-align: left; color: #605f5f; }

.adrs { float: left; width: 100%; margin: 30px 0 0 0; padding-bottom: 40px; font-size: 13px; color: #717171; font-weight: bold; text-align: center; line-height: 22px; }

.adrs span { color: #d1aa54; font-size: 17px; }

.cont_dtl { font-weight: bold; font-size: 14px; line-height: 19px; color: #1e417c; float: right; margin-top: 20px; text-transform: uppercase; }

.phoneicon { background-position: -182px -146px; float: left; height: 36px; margin-right: 8px; width: 36px; }

.map { float: left; width: 100%; }

.ref { position: absolute; opacity: .6; font-size: 40px; z-index: 200px; left: 50%; top: 90%; -webkit-opacity: .6; -ms-opacity: .6; color: #777; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

.queryform table tr td { padding: 0 8px; }

.queryform table tr:nth-child(2n+1) td { padding: 10px 8px 0; }

.queryform { width: 100%; border: 1px solid #e7e7e7; background: #fff; float: left; padding-bottom: 10px; margin-top: 10px; }

.queryhead { width: 100%; padding: 10px; font-size: 15px; background: #FB7D16; color: #fff; float: left; font-weight: bold; }

.queryrow { width: 100%; float: left; padding: 10px 8px 3px; }

.reload { color: #ff0000; display: block; text-align: center; padding: 8px; }

.queryrow label { display: inline-block; padding-bottom: 5px; font-size: 14px; }

.queryrow label dfn { color: #ff0000; }

.queryrow input[type="text"], .queryrow select[type="text"], .queryrow select { float: left; padding: 8px; background: #fff; border: 1px solid #e4e4e4; color: #666; }

.queryrow input[type="text"] { width: 100%; }

.queryrow select { width: 100%; }

.queryrow textarea { width: 100%; resize: none; }

.btn { background: #2A5099; color: #fff; font-size: 13px; border: none; padding: 3px 4px; line-height: 13px; text-decoration: none; cursor: pointer; border-radius: 3px; }

.twobtn { padding: 12px; width: calc(100%/2 - 8px); margin-left: 5px; font-size: 16px; }

#message a { z-index: 999; opacity: .8; position: fixed; top: 100%; margin-top: -130px; right: 5px; display: block; display: none; }

.ceomsg_box { background: #f9f9f9; border: #efefef 3px solid; box-shadow: 5px 4px 5px #C3C3C3; height: 135px; width: 100%; margin-top: 25px; font-size: 13px; line-height: 17px; padding: 0 15px 0 0; border-radius: 75px 22px 20px 84px; -ms-border-radius: 75px 22px 20px 84px; -webkit-border-radius: 75px 22px 20px 84px; }

.ceomsg_box p { margin: 10px; line-height: 18px; }

.ceomsg_box p a { text-decoration: none; color: #1A386A; }

.ceopic { background: url(../imagesnew/ceo.png) no-repeat left top; float: left; width: 154px; height: 147px; margin: -3px 0 0 -3px; }

.map_image { background: #d1aa54; width: 100%; float: left; padding:3px; }

.error_msg { font-size: 12px; font-style: italic; color: #ff0000; width: 98%; float: left; padding: 1%; background: #FFFFED; margin-top: 3px; }

.frm_box { border-top: 1px solid #E0E0E0; box-shadow: 1px 0 9px #E7E7E7 inset, 2px 2px 5px #EAEAEA; padding-bottom: 15px; }

.frm_box, .frm_row { width: 100%; float: left; margin-top: 10px; font-size: 12px; }

.frm_left { width: 47%; padding: 0 12px; float: left; }

.frm_left label, .frm_right label { width: 40%; float: left; }

.frm_right { width: 47%; float: right; }

.frm_row input, .frm_row select { padding: .2em 5px; border: 1px solid #C0C0C0; }

.frm_row select { width: 56.5%; }

.frm_row input[type="file"] { width: 53%; }

.frm_row input[type="text"] { width: 38%; float: left; }

.frm_row textarea { width: 55%; float: left; }

.frm_errommsg { margin-left: 41%; float: left; color: #ff0000; font-size: 11px; }

.frm_row small { float: left; margin-left: 41%; width: 50%; }

.agreerow { width: 98%; float: left; margin-left: 10px; }

.btn_row { padding: 10px; float: right; text-align: center; width: 98%; }

.btn_row .btn { padding: 5px; font-size: 16px; }

.ollisting { margin: 0px; padding: 0 0 0 10px; list-style-type: decimal; }

.ollisting li { margin-top: 10px; }

.comonbtn { padding: 5px 8px; color: #fff; cursor: pointer; border: none; background: #265198; font-size: 16px; }

.forgot_pwd { width: 280px; background: #fff; border: 3px solid #D1AA54; position: absolute; margin-left: -80px; margin-top: 8px; padding: 0 0 8px 8px; z-index: 99; }

.forgot_pwd:before { border-width: 10px; border-style: solid; border-color: transparent transparent #D1AA54 transparent; position: absolute; content: ""; margin-top: -20px; margin-left: -80px; }

.forgot_pwd b { font-size: 13px; color: #1B3566; float: left; margin: 0px; font-weight: bold; width: auto; }

.forgot_pwd b dfn { color: #D1AA54; font-size: 22px; }

.cose_btn { background: #ff0000; color: #fff; border-radius: 0 0 0 30px; float: right; padding: 3px 3px 7px 8px; font-weight: bold; cursor: pointer; }

.fwdrow { width: 98%; float: left; text-align: center; }

.fwdrow > label { float: left; font-size: 14px; }

.registration-box { padding: 6px; border: 1px solid #d0d0d0; border-radius: 3px; width: 95%; margin-bottom: 8px; }

.addinput { margin-left: 40%; margin-top: 5px; }

.ceomsg_box p a.ipad_plus { display: none; }

.cont_dtl code { margin-top: 7px; float: left; }

.announce_area { background: #eee; width: 100%; float: left; font-family: Arial; }

.ann_head { background: url(../imagesnew/ann_bg.jpg) repeat-x left top; float: left; width: 100%; }

.ann_head h1 { width: 98%; padding: .5% 1%; float: left; font-size: 16px; margin: 0; color: #000; }

.announce_inner { width: 95.8%; padding: 2% 2% 5%; float: left; border: 1px solid #c0c0c0; }

.pin_up { background: url(../imagesnew/pin_up.png) no-repeat left top; float: left; width: 958px; height: 33px; position: absolute; *display: none; margin-top: -12px; z-index: 12; }

.pin_bottom { border: 1px solid #fff; background: #f6f6f6; width: 95.7%; float: left; padding: 2% 2% 1%; margin-top: 3px; }

.pin_bottom ul { margin: 0; padding: 0; list-style: none; }

.pin_bottom ul li { margin: 0; padding:10px; float: left; background:#0a376b; color:#fff; font-size: 12px; width:100%; box-sizing:border-box; }

.pin_bottom ul li a { color: #0a4487; text-decoration: underline; }
.pin_bottom ul li::first-line {font-size: 16px;}

.det_below { background: #fff; border: 1px solid #fff; width: 99.5%; float: left; margin-top: 15px; }

.head_below { padding: 2%; float: left; width: 96%; font-size: 14px; font-weight: bold; }

.tab_below { width:92%; float: left; padding: 0 2%; }

.tab_below ul { margin: 0; padding: 0; list-style: none; }

.tab_below ul li { margin: 0; padding: 0; float: left; font-size: 14px; font-family: Arial; font-weight: bold; }

.tab_below ul li a { color: #919191; text-decoration: none; display: block; padding: 7px 15px; margin-right: 10px; }

.tab_below ul li a:hover { background: #f6e6d1; color: #333; }

.tab_below ul li a.selcted { background: #f6e6d1; color: #333; }

.list_below { width: 96%; float: left; padding: 1% 2% 0; background: #f6e6d1; }

.list_below ul { margin: 0; padding: 0; list-style: none; }

.list_below ul li { margin: 0; padding: 0 0 10px 0; font-size: 11px; line-height: 22px; font-family: Arial; color: #333; }

.list_below ul li span { background: #082b53; color: #fff; width: 20px; height: 20px; box-sizing:border-box; padding:1px 0; font-size:14px; border-radius: 50%; float: left; text-align: center; margin-right: 10px; }

.download_form { width: 100%; float: left; margin-top: 15px; }

.head_down { padding: 5px 10px; float: left; background: #082b53; font-size: 12px; color: #fff; border-radius: 5px 5px 0 0; }

.table_down { width: 100%; float: left; background: #fff; }

.table_tds { border-collapse: collapse; border: 3px solid #fff; color: #333; }

.table_down table tr td.download { background: #082b53; color: #fff; text-align: center; }

.table_tds tr.even { background: #e5ecff; }

.table_tds tr.even td { background: #e5ecff; border: 2px solid #fff; }

.table_tds tr td { padding: 5px; font-size: 12px; border: 2px solid #e5ecff; }

.table_tds tr td a { color: #333; font-size: 12px; }

.flow_chart { width: 100%; float: left; margin-top: 15px; }

.head_chart { padding: 5px 10px; float: left; background: #fff; color: #333; font-size: 18px; font-weight: bold; border-radius: 5px 5px 0 0; margin-left: 2%; }

.flow_chart_all { background: #fff; width: 96%; float: left; padding: 1% 2%; border-radius: 5px; }

.message_chart { background: #f8da9c; border: 2px solid #e3b849; padding: 7px 0; text-align: center; color: #0060a0; font-size: 18px; font-weight: bold; border-radius: 5px; }

.table_flow_chart { background: #e5e5e5; border: 1px solid #e3b849; width: 98.5%; float: left; padding: 5px; border-radius: 5px; margin-top: 5px; text-align: center; }

.chart_button { float: right; margin-top: 9px; margin-right: 20px; width: 30%; }

.view_all { background: url(../imagesnew/view_bt_bg.jpg) repeat-x; padding: 4px 8px; display: block; float: right; color: #fff; margin-right: 10px; }

.download_btn { background: url(../imagesnew/down_bt_bg.jpg) repeat-x; padding: 4px 8px; display: block; float: right; color: #fff; }

.down_btn { float: right; width: 93px; }

.download_btn, .view_all { text-decoration: none; }

.other_list { width: 100%; float: left; padding: 1% 0 0; }

.other_list ul { margin: 0; padding: 0; list-style: none; }

.other_list ul li { cursor: pointer; margin: 0; padding: 10px 0 10px 0; float: left; font-size: 12px; line-height: 18px; font-family: Arial; color: #333; border-bottom: 1px dashed #444; }

.other_list ul li span { background: #bc9138; color: #fff; width: 20px; height: 16px; padding:2px 0; float: left; text-align: center; margin-right: 10px; }

.other_list ul li:hover span { background: #082b53; }

.other_list ul li:hover { color: #000; }

.other_list ul li span.selected { background: #082b53; }

.for_group { float: left; margin-left: 30px; margin-top: 10px; }

.for_group img { float: right; margin: -7px 0 0 0; }

.ph_style { background: #d6ae5b url(../imagesnew/ph_aro.jpg) no-repeat left top; float: right; padding: 7px 8px 8px 20px; margin-left: 2px; color: #000; }

.border_none { border: none!important; }

.service_fee { width: 34%; float: right; border-radius: 10px; background: #fff; margin-top: 15px; padding: 1.5%; color: #333; font-size: 12px; line-height: 18px; }

.bird { background: url(../imagesnew/bird.png) no-repeat; position: absolute; margin-top: 14px; margin-left: 80px; width: 140px; height: 81px; }

.thanks { font-size: 24px; text-align: center; color: #1e417c; padding: 40px 0 30px; float: left; width: 100%; }

.thanks span { color: #c58800; font-size: 30px; }

.goto_sb { float: left; width: 40%; float: left; margin-top: 15px; padding: 3%; text-align: center; background: #fff; border-radius: 10px; font-size: 13px; font-weight: bold; width: 30%; }

.thanks { font-size: 24px; text-align: center; color: #1e417c; padding: 40px 0 30px; float: left; width: 100%; }

.thanks span { color: #c58800; font-size: 30px; }

.mid_inners { width: 1000px; margin: 0 auto; min-height: 450px; }

.create-agent-profile-personal-details-data span, .registration-form-data span { color: red; font-size: 11px; }

.tbo_ti { float: left; width: 100%; }

.tbo_ti ul li { list-style: none; display: block; padding: 10px 0; }

.tbo_ti ul li h1 { font-size: 18px; color: #0c5cef; margin: 0; padding: 0; }

.tbo_ti ul li ol li { margin: 0px; padding: 2px 0px 0 25px!important; }

.tbo_ti table { border: 0px solid #bcbcbc; border-collapse: collapse; text-align: left; width: 100%; }

.tbo_ti table th { border: 1px solid #bcbcbc; padding: 5px 8px; background: #1a396d; color: #fff; font-size: 13px; }

.tbo_ti table td { border: 1px solid #bcbcbc; padding: 5px 8px; background: #fff; font-size: 12px; }

.txt_color { color: #0c5cef; }

.txtspan { color: #333; }

.tbo_ti_overflow { overflow: auto; width: 788px; padding: 0px!important; margin-top: 5px !important; }

.tablecontianer { max-height: 350px; overflow: auto; width: 100%; float: left; margin-top: 10px; }

.comontable { width: 100%; border-collapse: collapse; border: 1px solid #e7e7e7; background: #fff; }
.comontable caption{font-size: 22px; padding: 8px; background: #e7c375; color: #204584;}
.comontable td, .comontable th { border-collapse: collapse; padding: 8px; border: 1px solid #e7e7e7; }

.comontable th { background: #204584; color: #fff; text-align: center; }

.comontable tr:nth-child(2n+2) { background: #f7f7f7; }

.comontable tr:hover, .comontable tr.active { background: #f0f1ca; }
/*added by baliram*/
.irctc_slideicon {width: 72px;height: 75px;float: left;background-position: -210px -628px;margin: 9px 0px 0 14px;}
.tboacademy_slideicon {width: 72px;height: 75px;float: left;background-position:-111px -644px;margin: 9px 0px 0 14px;}
.tbodmc_pack:hover,.tboacademy_slideicon:hover,.irctc_slideicon:hover{opacity:.5;}
.event_banner{ float:left; width:100%; padding:10px 10px 32px; text-align: center; box-sizing:border-box;}
/*contact us city box */
.contactusbox{width:100%; float:left; padding:8px; background:#fff; border:1px solid #f7f7f7;}
.full-width{width:100%; float:left;}
.conttext{font-size:16px; color: #ce8405;}
.contcitybox{padding:15px 0;}
.contcitybox select{width:100%; padding:8px; border:1px solid #e7e7e7;  height:40px; font-size:14px;}
.contbox1{width:25%; float:left; padding-top: 8px;}
.contbox2{width:30%; float:left;}
.contdltbox{border-top:1px dashed #e7e7e7; width:100%; float:left; padding-top:15px;}



@media screen and (max-width: 767px) { 
   * { box-sizing: border-box; }
   .event_banner{ padding:10px;}
  .mobilenot { display: none; }
  .errormsg { top: 0; position: static; }
  .menuicon { font-size: 15px; background: #1A396D; color: #fff; padding: 5px; font-size: 35px; line-height: 28px; float: right; cursor: pointer; margin: 0 10px; display: block; }
  .tbo_logo { width: 100%; text-align: center; margin-top: 15px; }
  .tbo_logo img { max-width: 70%; }
  .cont_dtl, .api_icon, .support, .zopim, .wlsicon1, .wlsicon2, .wlsicon3, .wlsicon4 { display: none; }
  .tbologin { display: block; float: none; margin: auto; max-width: 76%; min-width: 290px; }
  .tbologin b { width: 100%; font-size: 18px; text-align: left; margin-left: .65em; }
  .nameHome, .passwd { width: 100%; border-radius: 5px; margin-top: 8px; }
  .nameHome > input[type="text"], .passwd > input[type="password"] { width: 87%; padding: 10px; border-radius: 5px; }
  .nameHome span { padding: 10px; }
  .passwd span { padding: 10px 8px; }
  .nameHome span, .passwd span { border-radius: 5px 0 0 5px; }
  .login, .register { width: 100%; padding: 5px; float: left; text-align: center; border-radius: 5px; margin-top: 8px; height: auto; }
  .login { border-bottom: 5px solid #265198; }
  .register { margin-left: 0; border-bottom: 5px solid #BA8410; text-align: center; background: #D1AA54; }
  .register dfn { display: inline-block; }
  .register dfn, .register dfn small { font-size: 20px; }
  .login input { font-size: 20px; float: none; padding: 0; }
  .login span, .register span { display: none; }
  .frogt_passwd { float: left; width: 100%; font-size: 14px; text-align: center; padding: 10px; }
  .login_form { width: 100%; }
  .cont_ph { float: left; width: 100%; padding: 5px 0; margin: 0px; }
  .outer_box { width: 95px; }
  .box_data b { padding: 5px 13px; }
  .ftnav { text-align: center; }
  .ceomsg_box { width: 100%; margin: 25px 0 0; padding: 0; }
  .banner_heading { font-size: 26px; }
  .banner_text, .box_data b, .box_data span { font-size: 13px; }
  .servicetxt { width: 64%; padding: 8px 10px; font-size: 13px; }
  .anim_box { width: 100% !important; }
  .box_data { width: 100%; }
  .queryrow { padding: 8px 15px 3px; }
  .queryrow input[type="text"], .queryrow select[type="text"], .queryrow select { padding: 8px; }
  .mid_right h1 { font-size: 22px; }
  .tbo_botbanner { background-size: contain; }
  #RowHalf { width: 100%; }
  #RowHalf .anim_box:last-of-type { width: 100%; text-align: center; }
  .tbo_banner{background-size:cover;}
  .tbo_banner, .tbobanner_top { height: auto; }
  .tbo_event a { float: none !important; width: auto!important; padding-bottom: 0!important; }
  .comon_widthbox { width: 100% !important; padding: 0 8px; }
  .comon_widthbox p a { float: left; width: 100%; padding-bottom: 10px; }
  .comon_widthbox p label { text-align: left; }
  .comon_widthbox p span { padding-bottom: 5px; }
  .art_heading { font-size: 20px; margin-top: 20px; }
  .new_event { clear: none; float: right!important; margin-top: -68px; }
  .tbo_botbanner { padding: 0 0 20px 0; font-size: 16px; background: none; height: 50px; }
  .tbo_botbanner b { font-size: 20px; }
  .ceopic { float: none; width: auto; margin: 0; }
  .ceomsg_box { background: none; border: none; box-shadow: none; }
  .ceomsg_box p { line-height: 20px; width: 100%; float: left; text-align: center; margin: 0; }
  .ceomsg_box p a { float: none !important; width: auto!important; padding-bottom: 0!important; }
  .ceomsg_box p.desk_plus { display: none; }
  .ceomsg_box p a.ipad_plus { display: inline; }
  .ceopic { background: url(../imagesnew/ceo.png) no-repeat center top; }
  .tbo_ftnav { width: 100%; float: left; }
  .tbo_copyr { text-align: center; width: 100%; }
  .navopt { position: absolute; width: 320px; max-width: 90%; top: 70px; background: rgba(255, 255, 255, 0.9); right: 0; display: none; }
  .tbo_sociallink { text-align: center; }
  .tbo_sociallink > span { display: none; }
  .fb, .tw, .gp, .in, .yt { display: inline-block; float: none; }
  .forgot_pwd { width: 100%; left: 0; right: 0; margin: auto; margin-left: auto; }
  .forgot_pwd b { width: 80%; float: left; font-size: 12px; text-align: left; }
  .forgot_pwd:before { display: none; }
  .fwtsubmitbtn { margin-left: 0; width: 100%; }
  .fwdrow > label { padding-bottom: 5px; margin-left: 3px; font-size: 12px; width: 100%; text-align: left; }
  .captchainput > input { width: 98%; }
  .cont_dtl { float: left; font-size: 12px; }
  .cont_dtl code { width: 60%; float: left; margin-top: 0; }
  .cont_dtl code tt { display: none; }
  .breadcrumbs { width: 100%; padding: 0 8px; }
  .ids_main h2 { width: 100%; padding: 2%; font-size: 14px; }
  .ids_row, .map_image { width: 100%; padding: 8px; }
  .cnt_bnr, .ids_main, .tbo_middle { width: 100%; }
  .top_bnr { height: auto; }
  .cnt_bnr { background: url(../imagesnew/contact_banner.jpg) -171px top no-repeat; height: auto; min-height: 190px; }
  .call_info { margin: 20px 0 0 10px; width: 90%; }
  .call_info h2, .call_info h3 { font-size: 24px; }
  .adrs { margin: 0; padding: 10px 0; }
  .tbo_container { padding-bottom: 0; }
  .ids_row span { width: 100%; }
  .left_nav { width: 98%; margin-left: 2%; }
  .mid_right { width: 100%; float: left; padding: 0 8px; }
  .left_nav li { width: 100%; }
  .mid_right li { width: 100%; }
  .api_dtl { margin: 0 0 10px 0; padding: 8px; max-height: 320px; width: 100%; }
  .dtl_txt h2 { font-weight: normal; margin: 10px 0 0; }
  .dtl_txt { float: left; width: 100%; }
  .dtl_txt p { padding-top: 5px; padding-right: 0; text-align: justify; }
  .frm_box > .frm_row > .frm_left, .frm_box > .frm_row > .frm_right { width: 96%; float: left; padding: 0 0 0 8px; }
  .agreerow { margin-left: 5px; }
  .agreerow a { font-size: 11px; }
  .wls_list_left { width: 100%; }
  .rgister_btn { text-align: center; }
  .queryform .btn { font-size: 16px !important; text-align: center; } }
@media (min-width: 768px) and (max-width: 1024px) { * { box-sizing: border-box; }
  .nameHome, .passwd, .login, .register { display: inline-block; float: none; }
  .nameHome > input[type="text"], .passwd > input[type="password"] { width: calc(100% - 30px); }
  .captcha_box img { display: inline-block; }
  .newheader, .mid_inners { width: 930px; margin-left: 40px; }
  .logo { padding: 10px 20px; }
  .new_loginbox { width: 67%; }
  .left_nav, .mid_right { box-sizing: border-box; }
  .tbo_logo { width: 30%; }
  .tbologin b { width: 25%; font-size: 18px; text-align: right; margin-right: .65em; }
  .login_form { width: 99%; }
  .outer_box { width: 95px; }
  .ceomsg_box { width: 99%; }
  .servicetxt { width: 75%; }
  .box_data { width: 100%; }
  .tbo_botbanner { background-size: contain; padding: 10px 0; font-size: 22px; }
  .tbo_botbanner { height: auto; }
  .comon_widthbox { width: 100% !important; padding: 0 10px; }
  .cont_ip { float: right !important; }
  .breadcrumbs { font-size: 14px; margin-top: 5px; padding: 8px; text-align: left; }
  .servicetxt { padding: 10px; font-size: 13px; }
  .tbo_event { position: relative; }
  .new_event { margin: 0; right: -4px; top: 0; position: absolute; }
  .ids_main h2 { width: 100%; padding: 2%; }
  .cnt_bnr, .ids_main, .tbo_middle { width: 100%; padding: 0 10px; }
  .cnt_bnr { background: url(../imagesnew/contact_banner.jpg) -171px top no-repeat; }
  .call_info { margin: 80px 0 0 20px; }
  .adrs { margin: 0; padding: 10px 0; }
  .tbo_container { padding-bottom: 0; }
  .mid_right { width: 70%; }
  .queryrow { width: 100%; }
  .left_nav { width: 30%; }
  .forgot_pwd { margin-top: 9px; margin-left: -117px; }
  .forgot_pwd b { width: 80%; float: left; font-size: 16px; text-align: left; }
  .captchainput > input { width: 100%; } }
.downtimestrip { width: 99.8%; margin: 5px 0; background: #eab847; float: left; border: 1px solid #d09c26; border-radius: 3px; }

.downtimestrip b { background: #a00000; color: #fff; padding: 4px 3px; margin-right: 1px; font-size: 11px; display: inline-block; }

.dt_popup * { box-sizing: border-box; }

.dt_popup { width: 650px; height: auto; left: 50%; top: 100px; position: absolute; margin: 0 auto; margin-left: -325px !important; background: #eab847; color: #333; border: 2px solid #fff; border-radius: 8px; box-shadow: 2px 2px 3px #666; z-index: 100; font-size: 13px; z-index: 110; display: none; overflow: visible !important; }

.dticon { background: #d29e2b url(../images/dtimg.png) no-repeat 0 0; width: 20%; height: 100%; float: left; border-radius: 8px 0 0 8px; }

.dttext { width: 80%; float: left; padding: 20px 20px 20px 30px; }

.loudicon { background: #092d65; border: 2px solid #fff; border-radius: 50%; color: #fff; float: right; margin: 19px -16px 0 0; padding: 11px; }

.dtclose { position: absolute; right: -10px; top: -10px; background: #19376A; color: #fff; font-size: 13px; padding: 0 5px; border-radius: 50%; text-align: center; height: 22px; cursor: pointer; border: 2px solid #fff; }

.dtbg { position: fixed; background: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; left: 0; top: 0; z-index: 100; display: none; }

@media print {
.newheader, .tbo_footer,  #switchTBOLite, #EmailPrintDiv, #backId {display: none !important;}
}


@media (min-width: 240px) and (max-width: 1024px) { .captcha_box { width: 100%; padding-top: 6px; }
  .captcha_box > input { width: 43% !important; }
  .captcha_error { width: 100%; }
  img { max-width: 100%; }
  small { font-size: 12px; }
  .ceomsg_box p { line-height: 17px; }
  .tbo_ti_overflow, .tbo_ti { width: 100% !important; overflow: auto; }
  .top_bnr { border-bottom: none; height: auto; }
  .breadcrumnone { display: none; } }
.width978 { width: 978px; }

.width780 { width: 780px!important; }

.width-750 { width: 750px; }

.pad-left10 { padding-left: 10px; }

.pad-right10 { padding-right: 10px; }

.mar-r10 { margin-right: 10px; }

.width-auto-amend { width: auto; margin-left: 100px; background: none; color: #B7A541; float: left; padding: 8px; text-align: center; font-weight: bold; font-size: 11pt; }

.min_page_height { min-height: 450px; }

.table_scroll_view { height: 200px; overflow-y: scroll; float: left; width: 100%; }
.no-drop {cursor: no-drop;}
.fareitem_tooltip {
    position: absolute;
    display: none;
    text-align: justify;
    padding: 5px 8px;
    font-size: 12px;
    top: 33px;
    line-height: 16px;
    left: 0;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%);
    background: #d7dff4;
}

.fareitem_tooltip {
    position: absolute;
    display: none;
    text-align: justify;
    padding: 5px 8px;
    font-size: 12px;
    top: 38px;
    line-height: 16px;
    left: 0;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%);
    background: #d7dff4;
}
 .fareitem_tooltip::after {
        bottom: 100%;
        left: 40px;
        border: solid transparent;
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #d7dff4;
        border-width: 10px;
        margin-left: -10px;
    }

.tooltip {
    position: relative;
}

    .tooltip:hover .fareitem_tooltip {
        display: block;
    }

.sf_tooltip {
    min-width: 283px;
    display: none;
}