@charset "utf-8";
/* CSS Document */
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box !important}
body{border:0; margin:0; padding:0; color:#363636;font-family: 'Roboto Condensed', sans-serif;}
*{border:0; margin:0; padding:0}
/*.WestBengal_sprite{ background:url(/Content/images/AK/v1.0/NewagentsIRCTC/WestBengal_agent_sprite.png) no-repeat}*/
header{ width:100%; float:left}
section{ width:100%; float:left}
img{ max-width:100%; height:auto}
.container{ max-width:1300px; min-width:300px; margin:0 auto; padding:0 15px}
.row{ margin-left:-15px;margin-right:-15px;}
.navigation_row{ width:100%; float:left; padding:6px 0}
.logo{ float:left; margin-top:0px;}
.WBFood_logo{ float:right; width:100px; height:100px; background-position:-398px -3px; display:inline-block; float:right}
.google_translate_row{ float:right; width:160px; margin-right:20px; margin-top: 20px; }

.banner_section{ width:100%; float:left; /*background:url(../Images/WestBengal_banner.jpg) top center no-repeat fixed;*/ background-size:cover; /*height:560px;*/}

.banner_row{width:100%; float:left;}
.banner_right_row{width:29%; float:left;padding-left:10px;}
.banner_middle_row{width:30%; float:left;}
.banner_left_row{width:30%; float:left; overflow:hidden;}
/*.banner_right_row{width:350px; float:right;}
.banner_middle_row{max-width:100%; margin-right:350px;}
.banner_left_row{max-width:100%; margin-right:700px;}*/
.banner_field_box{ float:left;height: 380px; background:#f2f2f2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:20px;margin-top: 18px; border-bottom:6px solid #960606}
.banner_field_box h3{ width:100%; float:left; font-size:27px; color:#002567; font-weight:normal; margin-bottom:10px ; font-weight:500}
.banner_field_row{width:100%; float:left; margin:4px 0;}
.banner_field_style{ float:left; background:#fefefe; border:1px solid #cacaca; height:44px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:0 8px; font-size:15px; color:#5b5b5b;font-family: 'Roboto Condensed', sans-serif;}
.banner_field_style2{float:left; background:#fefefe; border:1px solid #cacaca; height:44px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:0 8px; font-size:15px; color:#5b5b5b;font-family: 'Roboto Condensed', sans-serif;}
.register_btn{ background:#e65500; color:#fff; font-size:21px; text-transform:uppercase; border-bottom:4px solid #a73e01; padding:10px 20px; float:left; text-decoration:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.register_btn:hover{background:#b84501;border-bottom:4px solid #a73e01; cursor:pointer}
.banner_left_row h1{color:#fff; width:100%; float:left; text-transform:uppercase; margin-top:100px;}
.banner_left_row h1 span{ font-size:35px; color:#fff;float:left; font-weight:400; background:#800505; padding:5px 20px;}
.banner_left_row h1 b{ font-size:60px;font-weight:600; background:#002567; padding:5px 20px; float:left}
.clear{ clear:both}
.banner_list{ width:100%; float:left; margin-top:20px;}
ul.banner_list li{ list-style:none; color:#fff; font-weight:bold; font-size:25px; margin:8px 0; background-position:-437px -69px; float:left; width:100%; padding-left:25px;}


.about_section{ padding:70px 0}
.about_left{ width:50%; float:left; padding-right:50px;}
h2{ color:#960606; font-size:27px; font-weight:bold; width:100%; float:left; margin-top:10px;}
p{width:100%; float:left; font-size:18px; color:#363636; margin-top:6px; font-weight:400; line-height:25px}

.about_right{ width:50%; float:left; padding-left:50px;}
.about_sub_head{ background:#10316a; color:#fff; font-size:27px; font-weight:600; padding:4px 15px; float:left; margin-top:5px; margin-bottom:5px;}
.about_right ul{ width:100%; float:left; padding-top:10px;}
.about_right ul li{ width:100%; float:left; font-size:19px; color:#363636; padding:6px 0; list-style:none;line-height: 28px;}	
.about_right ul li::before { content: "\2022"; color: #10316a;font-weight: bold;display: inline-block; width:20px;font-size:40px;vertical-align: middle;}	
.about_right h2{ margin-top:0;} 	
.about_many_more {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding-left: 19px;
   
}	
.about_many_more a{ color:#960606; font-size:19px; text-decoration:none;}	
.doc_required{ position:relative; height:230px; background:#10316a}	
.doc_required:before {content: " ";position: absolute;z-index:1;background:url(/images/WestBengal_banner_3.jpg) left no-repeat;height:230px; width:30%; background-size:cover}
	
.doc_required_row{ width:100%; float:right; color:#fff; padding-left:35%;padding-right: 16%;}
.doc_required_box{ width:100%; float:left;padding-top: 75px;}	
.doc_required_row h3{ font-size:37px; font-weight:bold; width:100%; float:left}	
.doc_required_row ul{width:100%; float:left; padding-top:15px; }	
.doc_required_row ul li{width:100%; float:left; background-position:-437px -99px; list-style:none; padding-left:25px; font-size:19px; }	
.become_agent{ padding:70px 0} 
.become_agent h2 span{ font-size:27px; color:#10316a; text-transform:uppercase; width:100%; float:left; margin-top:5px;}
.become_agent_row{ width:100%; padding-top:20px; float:left}
.become_agent_row ul{ width:100%; float:left}
.become_agent_row ul li{ width:14%; float:left; list-style:none; padding:6px}
.become_agent_box{ width:100%; float:left; text-align:center; background:#e6e6e6;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:140px; padding-top:20px}
.become_agent_box span{ width:100%; float:left; text-transform:uppercase; color:#363636; font-size:18px; font-weight:bold; padding-top:5px;}

.flight_icon{ background-position:-1px -3px; width:46px; height:47px; display:inline-block;margin-top: 13px;}
.hotel_icon{ background-position:-55px -4px; width:48px; height:47px; display:inline-block;margin-top: 13px;}
.bus_icon{ background-position:-108px -4px; width:50px; height:47px; display:inline-block;margin-top: 13px;}
.car_icon{ background-position:-165px -4px; width:62px; height:47px; display:inline-block;margin-top: 13px;}
.visa_icon{ background-position:-232px -4px; width:34px; height:47px; display:inline-block;margin-top: 13px;}
.insurance_icon{ background-position:-270px -4px; width:48px; height:47px; display:inline-block}
.tours_icon{ background-position:-326px -3px; width:48px; height:47px; display:inline-block;margin-top: 13px;}
.money_transfer_icon{ background-position:-0px -58px; width:48px; height:47px; display:inline-block}
.utilities_icon{ background-position:-58px -58px; width:59px; height:47px; display:inline-block;margin-top: 13px;}
.world_sim_icon{ background-position:-127px -58px; width:34px; height:47px; display:inline-block;margin-top: 13px;}
.meet_greet_icon{ background-position:-174px -58px; width:39px; height:47px; display:inline-block;margin-top: 13px;}
.meet_umrah{ background-position:-222px -58px; width:52px; height:47px; display:inline-block;margin-top: 13px;}
.activities_icon{ background-position:-283px -58px; width:46px; height:47px; display:inline-block;margin-top: 13px;}
.passport_icon{ background-position:-336px -58px; width:34px; height:47px; display:inline-block;margin-top: 13px;}

.become_agent_box:hover .flight_icon{ background-position:-1px -119px;}
.become_agent_box:hover .hotel_icon{ background-position:-55px -119px;}
.become_agent_box:hover .bus_icon{ background-position:-108px -119px;}
.become_agent_box:hover .car_icon{ background-position:-165px -119px;}
.become_agent_box:hover .visa_icon{ background-position:-232px -119px;}
.become_agent_box:hover .insurance_icon{ background-position:-270px -119px;}
.become_agent_box:hover .tours_icon{ background-position:-326px -118px;}
.become_agent_box:hover .money_transfer_icon{ background-position:-2px -173px;}
.become_agent_box:hover .utilities_icon{ background-position:-58px -173px;}
.become_agent_box:hover .world_sim_icon{ background-position:-127px -173px;}
.become_agent_box:hover .meet_greet_icon{ background-position:-174px -173px;}
.become_agent_box:hover .meet_umrah{ background-position:-222px -173px;}
.become_agent_box:hover .activities_icon{ background-position:-283px -173px;}
.become_agent_box:hover .passport_icon{ background-position:-336px -173px;}




footer{ background:#10316a; padding:20px 0; width:100%; float:left}
.footer_row{ width:100%; text-align:center; float:left; color:#fff; font-size:17px;}




.become_agent_box:hover
{
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
		background:#10316a;
		
}
.become_agent_box:hover span{color:#fff}
.ui-tooltip {
	padding: 3px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
    background-color:#002567;
    color:#fff;
    height:22px;
    font-size:14px;
    border-radius:3px;
}
body .ui-tooltip {
	border-width: 2px;
}


@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}




/*whatsapp*/

.whatsapp_number_row{ width:100%; float:left; margin-top:8px; background:#fff; padding:6px 15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.whatsapp_icon{ background-position:-403px -74px; width:19px; height:19px; float:left;margin-top: 12px;}
.whatsapp_numbox{ max-width:100%; margin-left:35px; font-size:13px;}
.whatsapp_numbox span{ width:100%; float:left; font-size:23px; color:#002567; padding-top:3px;}
.whatsapp_number_row{ text-decoration:none; color:#525252}

.landline_icon{ background-position:-403px -122px; width:19px; height:19px; float:left;margin-top: 12px;}

.haeder-mailid{
    max-width: 100%;
    margin-left: 34px;
    font-size: 16px;
}
.mail_icon{ background-position:-403px -98px; width:19px; height:19px; float:left;}

.authorised-agent { width:100%; float:left; padding-top:20px}
.authorised-agent-left { width:70%; float:left; padding-right:50px;}
.authorised-agent-right { width:30%; float:left}
.authorised-agent p {line-height: 28px;} 
.authorised-agent-list { width:100%; float:left; padding-top:20px;background:url(~/images/WestBengal_bg.png) right 50px  no-repeat ; }
.authorised-agent-list ul{ width:100%; float:left; padding-top:10px;}
.authorised-agent-list ul li{ width:100%; float:left; font-size:19px; color:#363636; padding:6px 0; list-style:none;line-height: 28px;}	
.authorised-agent-list ul li::before { content: "\2022"; color: #10316a;font-weight: bold;display: inline-block; width:20px;font-size:40px;vertical-align: middle;}	
.authorised-agent-list h2{ margin-top:20px;font-size: 25px;}


	
	
@media screen and (max-width:1366px) {	
.doc_required_row{padding-right: 0%;}
.doc_required_box{padding-top: 50px;}
.about_left {padding-right: 15px;}	
.about_right {padding-left: 15px;}
.about_right ul li{font-size: 17px;line-height: 24px;}
.authorised-agent-list ul li{font-size: 17px;line-height: 24px;}
p{ font-size:16px;}
.row{ margin-left:0px;margin-right:0px;}
}
	
@media screen and (max-width:1150px) {	
.become_agent_row ul li {width: 20%;}
	
}
	
@media screen and (max-width:1030px) {		
.about_left {width: 100%; padding-right: 0;}	
.about_right {width: 100%;padding-left: 0; padding-top: 25px;}
.banner_left_row {width: 100%;margin-right:0px;float:left}
.banner_middle_row {width: 100%;margin-right:0px;float:left}
.banner_right_row {width:100%; float: right;}
.banner_section{ height:auto; padding-bottom:15px;}
.banner_left_row h1 {margin-top: 44px;}
.banner_field_box{margin-top: 25px;}
}
@media screen and (max-width:900px) {	
.become_agent h2 span {font-size: 19px;}
.container{padding: 0 5px;}
p{font-size: 15px;line-height: 22px;}
h2{font-size: 24px;}
.about_right ul li {font-size: 16px;line-height: 20px;padding: 4px 0;}
.authorised-agent-list ul li {font-size: 16px;line-height: 20px;padding: 4px 0;}
.authorised-agent-list ul li::before {width:20px;font-size:33px;}	
.about_right ul li::before {width:20px;font-size:33px;}	

}

	
@media screen and (max-width:800px) {	
.become_agent_row ul li {width: 33.333%;}
.banner_left_row h1 b {font-size: 37px;}
.banner_left_row h1 span {font-size: 24px;}
ul.banner_list li{ font-size:22px;margin: 3px 0;}
.doc_required_row ul li{font-size: 16px;}
.doc_required_row h3 {font-size: 29px;}
.authorised-agent-left { width:100%; float:left; padding-right:0px;}
.authorised-agent-right { display:none}
.authorised-agent{padding-top: 5px;}
.authorised-agent-list h2 {margin-top: 18px; font-size: 20px;}
	
}

@media screen and (max-width:600px) {
.doc_required{ height:auto}
.doc_required:before {content: " ";position: absolute;z-index:1;background:none;height: auto; width:0;}
.doc_required_row{padding-left:10px; padding-right:10px; padding-bottom:40px;}	

	
}
@media screen and (max-width:500px) {	
.become_agent_row ul li {width: 50%;}
.banner_left_row h1 b {font-size: 25px;}	
ul.banner_list li {font-size: 20px;}
.become_agent_box span{font-size: 15px;}
.doc_required_box { padding-top: 30px;}
}	
/*-------------------------------------------------------------*/

.thanku-header{ width:100%; float:left; text-align:center; padding:20px 15px}
.thanku-logo{ display:inline-block; background-position:-2px -3px; width:530px; height:50px;}
.thanku-content{ padding:50px 15px; text-align:center}
.thanku-heading{ width:100%; float:left; font-size:50px; color:#52a53b; font-weight:600; padding:15px 0}
.thanku-text{width:100%; float:left; font-size:25px; color:#363636;}
.thanku-icon{display:inline-block;}


@media screen and (max-width:600px) {
.thanku-content{padding: 20px 15px  50px 15px;}
.thanku-heading{ font-size:40px;}
.thanku-text{ font-size:21px;}
.thanku-icon {display: inline-block;width: 100%;padding: 0 93px;}
}








/*! jQuery UI - v1.10.4 - 2014-01-28
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2Csans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=4px&bgColorHeader=%23960606&bgTextureHeader=flat&bgImgOpacityHeader=100&borderColorHeader=%23960606&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23F8F8F8&bgTextureContent=flat&bgImgOpacityContent=100&borderColorContent=%23ccc&fcContent=%23525252&iconColorContent=%23525252&bgColorDefault=%23ebebeb&bgTextureDefault=highlight_hard&bgImgOpacityDefault=75&borderColorDefault=%23ccc&fcDefault=%23525252&iconColorDefault=%23525252&bgColorHover=%239fd6ff&bgTextureHover=highlight_soft&bgImgOpacityHover=75&borderColorHover=%230068b4&fcHover=%23525252&iconColorHover=%23525252&bgColorActive=%23ff0000&bgTextureActive=flat&bgImgOpacityActive=100&borderColorActive=%23960606&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23ff0000&bgTextureHighlight=flat&bgImgOpacityHighlight=100&borderColorHighlight=%23960606&fcHighlight=%23ffffff&iconColorHighlight=%23ffffff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=diagonals_small&bgImgOpacityOverlay=100&opacityOverlay=50&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=0&thicknessShadow=0&offsetTopShadow=0&offsetLeftShadow=0&cornerRadiusShadow=0
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #ccc;
	background: #F8F8F8;
	color: #525252;
}
.ui-widget-content a {
	color: #525252;
}
.ui-widget-header {
	border: 1px solid #960606;
	background: #960606;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #ccc;
	background: #ebebeb;
	font-weight: normal;
	color: #525252;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #525252;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #0068b4;
	background: #9fd6ff;
	font-weight: normal;
	color: #525252;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #525252;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #960606;
	background: #ff0000;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #960606;
	background: #ff0000;
	color: #ffffff;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #ffffff;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-state-default .ui-icon {
	background-image: url(/content/css/ak/v1.0/common/images/ui-icons_525252_256x240.png);
}


.ui-icon-closethick { background-position: -96px -128px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_diagonals-small_100_aaaaaa_40x40.png) 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
	margin: 0 0 0 0;
	padding: 0;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: 0;
	filter: Alpha(Opacity=0);
	border-radius: 0;
}



.otpkbt {background: linear-gradient(to bottom, #5aa542 0%, #408b28 50%, #27720f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #26710e; border-radius: 5px; color: #fff !important;cursor: pointer;font-size: 13px; text-transform:uppercase; padding: 7px 30px; text-align:center; float:left}
.otpkbt:hover { background: linear-gradient(to bottom, #27720f 0%, #408b28 50%, #5aa542 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.otpkbt a{color:#fff !important;}

.otp_row{ width:100%; float:left; padding-top:10px; font-size:13px}
.otp_field { width:250px; float:left; height:30px; border:1px solid #ccc}
.otp_submit_btn{float:left; width:50%}
.otp_submit_btn a{text-decoration: none;}
.resend_otp{ float:right;width:50%}
    .resend_otp a {
        cursor: pointer;
        padding-top: 8px;
        float:left; color:#960606
    }
    .resend_otp a:hover{text-decoration:underline; }
.red-text{ color:#f00}




/* The Modal (background) */
.toksearch1 {
    display: none; /* Hidden by default */
    position:absolute; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background: #5b5b5b;  /* Fallback color */
     opacity:0.9;/* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
}

/* The Close Button */
.close {
    color: #ff0000;
    float: right;
    font-size: 28px;
    font-weight: bolder;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }